@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.headerMainPage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerMainPage__pictureWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 100%;
}

.headerMainPage__picture {
    display: flex;
    justify-content: center;
    background-image: url(https://rdwmagazyn.blob.core.windows.net/rdw/header-photo.webp?sp=r&st=2025-04-18T09:51:16Z&se=9999-04-18T17:51:16Z&spr=https&sv=2024-11-04&sr=c&sig=DU9F0JPOL8CEwEFx7eRuqqSY9xFqU2eG2m6F3IZkYpY%3D);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40vh;
    width: 70vw;
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .headerMainPage__picture {
        padding-top: 40px;
        width: 80vw;
    }
}

.headerMainPage__linkBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.headerMainPage__linkBox--link {
    width: 95vw;
    padding: 10px 20px;
    box-sizing: border-box;
    box-shadow: 0px 3px 2px #cf9a44;
    background-color: #fafafa;
    background-image: url(../../../images/header__form.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    line-height: 3vh;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-family: Cinzel, sans-serif;
    letter-spacing: 3px;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    position: relative;
    text-decoration: none;
    text-align: center;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: background-image scale;
}

    .headerMainPage__linkBox--link:focus {
        box-shadow: #d6d6e7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
    }

    .headerMainPage__linkBox--link:hover {
        box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
        transform: translateY(-2px);
        background-image: url(../../../images/main-background--reverse.png);
        scale: 1.05;
        color: black;
    }

    .headerMainPage__linkBox--link:active {
        box-shadow: #d6d6e7 0 3px 7px inset;
        transform: translateY(2px);
    }

@media (min-width: 744px) {
    .headerMainPage__linkBox--link {
        width: 600px;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 5px;
    }
}

@media (min-width: 1024px) {
    .headerMainPage__linkBox--link {
        width: 800px;
    }
}

.headerMainPage__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerMainPage__decorationElementsBox {
        height: 160px;
    }
}

.navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    width: 100%;
    padding: 8px 20px;
    box-sizing: border-box;
    background: rgb(31, 31, 31);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.8) 27%, rgba(31, 31, 31, 0.8) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.8) 27%, rgba(31, 31, 31, 0.8) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.8) 27%, rgba(31, 31, 31, 0.8) 100%);
    box-shadow: 1px 1px 10px black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.navigation__logo {
    height: 60px;
    width: 70px;
    background-image: url(../../../images/logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.navigation__menu {
    background-image: url(../../../images/menu-burger.svg);
    width: 24px;
    height: 24px;
}

    .navigation__menu:hover {
        background-image: url(../../../images/menu-hover.svg);
    }

@media (min-width: 1024px) {
    .navigation__menu {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.navigation__list {
    display: flex;
    gap: 30px;
    align-items: center;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 1024px) {
    .navigation__list {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
    }
}

.navigation__link {
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    transition: all 0.3s;
}

    .navigation__link:hover {
        font-size: 18px;
        color: white;
    }
    .navigation__link:active {
        color: white !important;
    }

        .navigation__link:hover::after {
            content: "";
            height: 1px;
            background-color: black;
            width: 100%;
            color: white;
        }

.navigation__close {
    background-image: url(../../../images/close.svg);
    width: 24px;
    height: 24px;
    opacity: 0.6;
}

.navigation__profilIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

    .navigation__profilIcon:hover {
        height: 44px;
        width: 44px;
    }

.navigation__languageSwitcherBox {
    position: relative;
}

    .navigation__languageSwitcherBox:hover ul {
        display: block;
    }

.navigation__languageSwitcher {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 140px;
    height: 30px;
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

    .navigation__languageSwitcher::before {
        content: "";
        display: block;
        width: 32px;
        height: 20px;
        background-image: url(../../../images/flagaPl.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    .navigation__languageSwitcher:hover ul {
        display: block;
    }

.navigation__languageSwitcher--list {
    position: absolute;
    top: 28px;
    left: 0;
    background-color: #ffffff;
    background-color: rgba(100, 99, 100, 0.8);
    border-radius: 10px;
    border: 1px solid rgba(100, 99, 100, 0.8);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.navigation__languageSwitcher--listElement {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.navigation__languageSwitcher--link {
    width: 125px;
    display: block;
    padding: 5px 10px;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    transition: all 0.3s;
}

    .navigation__languageSwitcher--link:hover {
        background-color: #f2f2f2;
        font-size: 16px;
        border-radius: 10px;
    }

    .navigation__languageSwitcher--link::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 20px;
        vertical-align: middle;
        background-image: url(../../../images/flagaPl.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.navigation__languageSwitcher--linkEn {
    width: 125px;
    display: block;
    padding: 5px 10px;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    transition: all 0.1s;
}

    .navigation__languageSwitcher--linkEn:hover {
        background-color: #585858;
        border-radius: 10px;
    }

    .navigation__languageSwitcher--linkEn::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 20px;
        vertical-align: middle;
        background-image: url(../../../images/flagaGb.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.navigation__languageSwitcher--linkUk {
    width: 125px;
    display: block;
    padding: 5px 10px;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    transition: all 0.1s;
}

    .navigation__languageSwitcher--linkUk:hover {
        background-color: #585858;
        border-radius: 10px;
    }

    .navigation__languageSwitcher--linkUk::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 20px;
        vertical-align: middle;
        background-image: url(../../../images/flagaUa.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.navigation__languageSwitcher--linkDe {
    width: 125px;
    display: block;
    padding: 5px 10px;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-decoration: none;
    transition: all 0.1s;
}

    .navigation__languageSwitcher--linkDe:hover {
        background-color: #585858;
        border-radius: 10px;
    }

    .navigation__languageSwitcher--linkDe::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 20px;
        vertical-align: middle;
        background-image: url(../../../images/flagaDe.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.navigation__languageSelect {
    background: rgb(100, 99, 100);
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 500;
    color: #ffffff;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 5px black;
    height: auto;
    width: 100%;
    border-radius: 11px;
}

    .navigation__languageSelect:hover {
        background-color: rgb(150, 150, 150);
    }

.navigation__languageIcon {
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(90, 90, 90);
    border-radius: 10px;
    pointer-events: none;
}

.navigation__languageIcon--element {
    font-size: 30px;
    color: #ffffff;
}

    .navigation__languageIcon--element::after {
        content: "▾";
        position: absolute;
        right: 10%;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #ffffff;
    }

.navigation__menuBox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    gap: 5px;
}

@media (min-width: 1024px) {
    .navigation__menuBox {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.title {
    font-family: Cinzel, sans-serif;
}

.title__headerMainPage {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    align-self: center;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 35px rgb(0, 0, 0);
    outline: none;
}

@media (min-width: 744px) {
    .title__headerMainPage {
        font-size: 55px;
        line-height: 68px;
    }
}

@media (min-width: 1024px) {
    .title__headerMainPage {
        font-size: 85px;
        line-height: 89px;
    }
}

.title__sectionImportantInformationContent {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__sectionImportantInformationContent {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__sectionImportantInformationContent {
        font-size: 42px;
    }
}

.title__sectionImportantInformationInfoTitle {
    font-size: 19px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    text-decoration: underline;
    background: url(../../../images/contant-title.jpg) no-repeat center center;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
}

@media (min-width: 420px) {
    .title__sectionImportantInformationInfoTitle {
        font-size: 26px;
    }
}

@media (min-width: 744px) {
    .title__sectionImportantInformationInfoTitle {
        font-size: 32px;
        line-height: 56px;
    }
}

@media (min-width: 1024px) {
    .title__sectionImportantInformationInfoTitle {
        font-size: 48px;
    }
}

.title__articleSectionImportantInformation {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
}

.title__sectionActualyContent {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__sectionActualyContent {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__sectionActualyContent {
        font-size: 42px;
    }
}

.title__formFuneralPricingTitle {
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__formFuneralPricingTitle {
        font-size: 44px;
        line-height: 44px;
    }
}

@media (min-width: 1024px) {
    .title__formFuneralPricingTitle {
        font-size: 48px;
        line-height: 48px;
    }
}

.title__formFuneralPricing {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 4px rgb(235, 235, 235);
}

@media (min-width: 744px) {
    .title__formFuneralPricing {
        font-size: 28px;
        line-height: 30px;
    }
}

.title__mainFuneralPricingTitleBox {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 4px rgb(235, 235, 235);
}

@media (min-width: 744px) {
    .title__mainFuneralPricingTitleBox {
        font-size: 32px;
        line-height: 32px;
    }
}

.title__formMainFuneralPricingQuestionBox {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgba(22, 22, 22, 0.7);
}

.title__login {
    font-size: 47px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(24, 23, 23);
    outline: none;
}

.title__forgotPassword {
    font-size: 38px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(24, 23, 23);
    outline: none;
}

.title__createAccount {
    font-size: 38px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(24, 23, 23);
    outline: none;
}

.title__onlyOnMoment {
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(22, 22, 22, 0.7);
}

.title__headerPanelForCompanies {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    outline: none;
}

.title__offersNumber {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -1.5px;
    text-align: left;
}

.title__lastOffersNumber {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -1.5px;
    text-align: left;
}

.title__searchTitleBox {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__searchTitleBox {
        font-size: 22px;
        line-height: 24px;
    }
}

@media (min-width: 1024px) {
    .title__searchTitleBox {
        font-size: 28px;
        line-height: 32px;
    }
}

.title__historyBoxContainer {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -1.5px;
    text-align: left;
}

.title__companyPricing {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__companyPricing {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__companyPricing {
        font-size: 42px;
    }
}

.title__headerCompanyProfile {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: underline;
}

.title__headerCompanyProfilePremium {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: underline;
}

.title__headerReguestPageFuneralPricing {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__headerReguestPageFuneralPricing {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__headerReguestPageFuneralPricing {
        font-size: 42px;
    }
}

.title__headerReguestPageFuneralPricingSortBox {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(255, 255, 255);
}

.title__headerReguestPageFuneralPricingRequest {
    font-family: Cinzel, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__headerReguestPageFuneralPricingRequest {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .title__headerReguestPageFuneralPricingRequest {
        font-size: 48px;
        line-height: 50px;
    }
}

.title__headerPrivacy {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__headerPrivacy {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .title__headerPrivacy {
        font-size: 40px;
        line-height: 46px;
    }
}

.title__headerRules {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
    outline: none;
}

@media (min-width: 744px) {
    .title__headerRules {
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .title__headerRules {
        font-size: 40px;
        line-height: 46px;
    }
}

.title__headerDistributorPanel {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__headerDistributorPanel {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__headerDistributorPanel {
        font-size: 32px;
        line-height: 36px;
    }
}

.title__formHeaderDistributorPanel {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__formHeaderDistributorPanel {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .title__formHeaderDistributorPanel {
        font-size: 32px;
        line-height: 36px;
    }
}

.title__formHeaderDistributorPanelElement {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 20px;
}

@media (min-width: 744px) {
    .title__formHeaderDistributorPanelElement {
        font-size: 26px;
    }
}

@media (min-width: 1024px) {
    .title__formHeaderDistributorPanelElement {
        font-size: 30px;
        line-height: 32px;
    }
}

.title__headerDistributorPanelProfile {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .title__headerDistributorPanelProfile {
        font-size: 26px;
    }
}

@media (min-width: 1024px) {
    .title__headerDistributorPanelProfile {
        font-size: 30px;
        line-height: 32px;
    }
}

.title__headerDistributorPanelProfileImportantInformation {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    color: rgba(35, 201, 1, 0.8);
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (min-width: 744px) {
    .title__headerDistributorPanelProfileImportantInformation {
        font-size: 20px;
        line-height: 22px;
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .title__headerDistributorPanelProfileImportantInformation {
        font-size: 22px;
        line-height: 24px;
    }
}

.title__toast {
    font-size: 22px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(255, 255, 255);
}

.title__changePassword {
    font-size: 22px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(255, 255, 255);
}

.decorationElement__waveTopLeft {
    height: auto;
    width: 25%;
    background-image: url(../../../images/head1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: sticky;
    top: calc(100vh - 60px);
    filter: drop-shadow(5px -5px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px 0px -20px -20px);
}

@media (min-width: 744px) {
    .decorationElement__waveTopLeft {
        top: calc(100vh - 160px);
    }
}

.decorationElement__waveTopRight {
    height: auto;
    width: 25%;
    background-image: url(../../../images/head2.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: sticky;
    filter: drop-shadow(-1px -1px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(-20px -20px 0px 0px);
}

@media (min-width: 744px) {
    .decorationElement__waveTopRight {
        top: calc(100vh - 160px);
    }
}

.decorationElement__waveDownLeft {
    height: auto;
    width: 25%;
    background-image: url(../../../images/main1.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    filter: drop-shadow(1px 1px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px 0px -20px -20px);
}

.decorationElement__waveDownRight {
    height: auto;
    width: 25%;
    background-image: url(../../../images/main2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    filter: drop-shadow(-1px 1px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px -20px -20px 0px);
}

.decorationElement__light {
    background-image: url(../../../images/light.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 33.3333333333%;
    height: 70vh;
}

.decorationElement__cornice {
    background-image: url(../../../images/main-decoration.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80%;
}

@media (min-width: 1024px) {
    .decorationElement__cornice {
        height: 140px;
    }
}

.decorationElement__scribble {
    background-image: url(../../../images/scribble.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
}

.decorationElement__footerLeftTop {
    background-image: url(../../../images/f1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 115px;
    opacity: 0.9;
}

.decorationElement__footerLeftBottom-RightTop {
    background-image: url(../../../images/f3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 115px;
    opacity: 0.9;
}

@media (min-width: 744px) {
    .decorationElement__footerLeftBottom-RightTop {
        background-image: url(../../../images/f2.png);
    }
}

.decorationElement__footerRightTop-LeftBottom {
    background-image: url(../../../images/f2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 115px;
    opacity: 0.9;
}

@media (min-width: 744px) {
    .decorationElement__footerRightTop-LeftBottom {
        background-image: url(../../../images/f3.png);
    }
}

.decorationElement__footerRightBottom {
    background-image: url(../../../images/f4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 115px;
    opacity: 0.9;
}

.decorationElement__waveTopRightAbsolute {
    height: auto;
    width: 25%;
    background-image: url(../../../images/head2.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    right: 0;
    top: calc(100vh - 60px);
    filter: drop-shadow(-1px -1px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(-20px -20px 0px 0px);
}

@media (min-width: 744px) {
    .decorationElement__waveTopRightAbsolute {
        top: calc(100vh - 160px);
    }
}

.decorationElement__waveTopLeftAbsolute {
    height: auto;
    width: 25%;
    background-image: url(../../../images/head1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    top: calc(100vh - 60px);
    filter: drop-shadow(5px -5px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px 0px -20px -20px);
}

@media (min-width: 744px) {
    .decorationElement__waveTopLeftAbsolute {
        top: calc(100vh - 160px);
    }
}

.decorationElement__waveBottomRightAbsolute {
    height: 60px;
    width: 25%;
    background-image: url(../../../images/main2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: absolute;
    top: 0;
    right: 0;
    filter: drop-shadow(-1px 1px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px -20px -20px 0px);
}

@media (min-width: 744px) {
    .decorationElement__waveBottomRightAbsolute {
        height: 160px;
    }
}

.decorationElement__waveBottomLeftAbsolute {
    height: 60px;
    width: 25%;
    background-image: url(../../../images/main1.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    filter: drop-shadow(5px -5px 20px rgba(255, 215, 0, 0.7));
    clip-path: inset(0px 0px -20px -20px);
}

@media (min-width: 744px) {
    .decorationElement__waveBottomLeftAbsolute {
        height: 160px;
    }
}

.menu {
    height: 100vh;
    width: 100vw;
    background-color: rgb(100, 99, 99);
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transform: translateX(-110%);
    transition: transform 1s ease-in-out;
    z-index: 2;
}

    .menu:target {
        transform: translateX(0);
    }

.menu__decorationElementsBox {
    display: flex;
    width: 100vw;
    height: 10vh;
}

.menu__list {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-left: 20px;
    box-sizing: border-box;
}

.menu__link {
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: white;
    text-shadow: -1px 1px 5px black;
    text-decoration: none;
}

.menu__link:hover {
    color: white;
    text-decoration: none;
}

.mainMainPage {
    background-image: url(../../../images/header-background.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mainMainPage__decorationElementBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    position: sticky;
    top: 0px;
    z-index: 2;
}

@media (min-width: 744px) {
    .mainMainPage__decorationElementBox {
        height: 160px;
    }
}

.sectionImportantInformation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    width: 90%;
    background-image: url(../../../images/header__form.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(66, 66, 66);
    padding: 25px 20px 160px;
    margin-top: 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

@media (min-width: 744px) {
    .sectionImportantInformation {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .sectionImportantInformation {
        width: calc(80% - 90px);
    }
}

.sectionImportantInformation__titleBox {
    background-image: url(../../../images/section_contant_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .sectionImportantInformation__titleBox {
        width: 80%;
    }
}

.sectionImportantInformation__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .sectionImportantInformation__titleBox--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.sectionImportantInformation__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .sectionImportantInformation__titleBox--content {
        width: calc(100% - 100px);
    }
}

.sectionImportantInformation__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .sectionImportantInformation__titleBox--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.sectionImportantInformation__infoBox {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 30px;
    width: 80%;
}

.paragraph {
    font-family: Cinzel, sans-serif;
}

.paragraph__sectionImportantInformationContent {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
}

.paragraph__articleSectionImportantInformation {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
}

.paragraph__articleSectionActualy {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: black;
    text-shadow: 1px 1px 5px white;
}

@media (min-width: 1024px) {
    .paragraph__articleSectionActualy {
        font-size: 22px;
    }
}

.paragraph__footer {
    color: white;
    opacity: 0.9;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

@media (min-width: 744px) {
    .paragraph__footer {
        font-size: 16px;
        line-height: 20px;
    }
}

.paragraph__headerReguestPageFuneralPricing {
    font-size: 14px;
    font-weight: 800;
    line-height: 25px;
}

.paragraph__headerReguestPageFuneralPricing--importantInformation {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgb(255, 0, 0);
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.paragraph__headerReguestPageFuneralPricingElement {
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(196, 196, 196);
    display: flex;
    align-items: center;
    justify-content: center;
}


.paragraph__toast {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #000000;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.paragraph__changePassword {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #000000;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.article__sectionImportantInformation {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.article__SectionActualyBox1 {
    height: auto;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-size: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
    min-height: 700px;
}

    .article__SectionActualyBox1::after {
        content: "Diamenty z prochów";
        background-image: url(../../../images/diament.jpeg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1;
        padding: 25px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        text-shadow: 0px 0px 10px gold;
        font-size: 28px;
        font-family: Cinzel, sans-serif;
        font-weight: 700;
        letter-spacing: -1.5px;
        text-align: center;
    }

@media (min-width: 1024px) {
    .article__SectionActualyBox1::after {
        font-size: 32px;
    }
}

.article__SectionActualyBox1:hover::after {
    height: 15%;
    border-bottom: 1px solid gold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.article__SectionActualyBox1:hover {
    font-size: 0px;
    scale: 1.05;
}

@media (min-width: 1024px) {
    .article__SectionActualyBox1 {
        width: 33.3333333333%;
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .article__SectionActualyBox1 {
        font-size: 36px;
        min-height: 700px;
    }
}

.article__SectionActualyBox2 {
    height: auto;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-size: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
    min-height: 700px;
}

    .article__SectionActualyBox2::after {
        content: "Lasy Pamięci";
        background-image: url(../../../images/memory-forest.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1;
        padding: 25px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: black;
        text-shadow: 0px 0px 10px gold;
        font-size: 28px;
        font-family: Cinzel, sans-serif;
        font-weight: 700;
        letter-spacing: -1.5px;
        text-align: center;
    }

@media (min-width: 1024px) {
    .article__SectionActualyBox2::after {
        font-size: 32px;
    }
}

.article__SectionActualyBox2:hover::after {
    height: 15%;
    border-bottom: 1px solid gold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.article__SectionActualyBox2:hover {
    scale: 1.05;
    font-size: 0px;
}

@media (min-width: 1024px) {
    .article__SectionActualyBox2 {
        width: 33.3333333333%;
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .article__SectionActualyBox2 {
        font-size: 36px;
        min-height: 700px;
    }
}

.article__SectionActualyBox3 {
    height: auto;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-size: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
    min-height: 700px;
}

    .article__SectionActualyBox3::after {
        content: "Kosmiczny Pogrzeb";
        background-image: url(../../../images/space.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1;
        padding: 25px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        text-shadow: 0px 0px 10px gold;
        font-size: 28px;
        font-family: Cinzel, sans-serif;
        font-weight: 700;
        letter-spacing: -1.5px;
        text-align: center;
    }

@media (min-width: 1024px) {
    .article__SectionActualyBox3::after {
        font-size: 32px;
    }
}

.article__SectionActualyBox3:hover::after {
    height: 15%;
    border-bottom: 1px solid gold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.article__SectionActualyBox3:hover {
    font-size: 0px;
    scale: 1.05;
}

@media (min-width: 1024px) {
    .article__SectionActualyBox3 {
        width: 33.3333333333%;
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .article__SectionActualyBox3 {
        font-size: 36px;
        min-height: 700px;
    }
}

.article__sectionActualyContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 100%;
    width: 100%;
}

.sectionActualy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 90%;
    background-image: url(../../../images/header__form.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(66, 66, 66);
    padding: 50px 20px;
    box-sizing: border-box;
    gap: 50px;
    margin-top: 100px;
    margin-bottom: 40px;
}

@media (min-width: 744px) {
    .sectionActualy {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .sectionActualy {
        width: calc(80% - 90px);
    }
}

.sectionActualy__titleBox {
    background-image: url(../../../images/section_contant_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .sectionActualy__titleBox {
        width: 80%;
    }
}

.sectionActualy__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .sectionActualy__titleBox--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.sectionActualy__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .sectionActualy__titleBox--content {
        width: calc(100% - 100px);
    }
}

.sectionActualy__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .sectionActualy__titleBox--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.sectionActualy__cardsBox {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .sectionActualy__cardsBox {
        flex-direction: row;
        justify-content: space-between;
    }
}


.footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: rgb(31, 31, 31);
    background: -moz-linear-gradient(0deg, rgb(31, 31, 31) 27%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(0deg, rgb(31, 31, 31) 27%, rgb(100, 99, 99) 100%);
    background: linear-gradient(0deg, rgb(31, 31, 31) 27%, rgb(100, 99, 99) 100%);
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px -5px 10px black;
}

@media (min-width: 744px) {
    .footer {
        flex-direction: row;
        height: 260px;
    }
}

.footer__decorationElementBox {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 744px) {
    .footer__decorationElementBox {
        flex-direction: column;
        width: 115px;
        height: 100%;
    }
}

.footer__informationBox {
    height: auto;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 80px;
}

    .footer__informationBox::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../../images/logo.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 0.5;
        z-index: -1;
    }

@media (min-width: 744px) {
    .footer__informationBox {
        flex-direction: row;
        width: calc(100% - 230px);
        gap: 0px;
    }
}

.footer__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
    margin-top: 40px;
}

@media (min-width: 744px) {
    .footer__list {
        margin-top: 0px;
        width: 50%;
        gap: 0px;
    }
}

.footer__link {
    text-decoration: none;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 2px;
}

    .footer__link:hover {
        text-shadow: 1px 1px 25px #cf9a44;
        color: white;
    }

    .footer__link:active {
        color: white;
    }

@media (min-width: 744px) {
    .footer__link {
        font-size: 14px;
        line-height: 25px;
    }
}

.footer__media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 15px;
    margin-bottom: 40px;
}

@media (min-width: 744px) {
    .footer__media {
        width: 50%;
        margin-bottom: 0px;
    }
}

.footer__media--container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
    gap: 10px;
}

.footer__media--socialMediaContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: auto;
}

@media (min-width: 744px) {
    .footer__media--socialMediaContainer {
        flex-direction: row;
    }
}

.footer__media--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 300px;
    gap: 20px;
}

@media (min-width: 744px) {
    .footer__media--wrapper {
        flex-direction: row;
    }
}

.footer__media--googlePlay {
    background-image: url(../../../images/google_play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 50px;
    width: 100%;
}

@media (min-width: 744px) {
    .footer__media--googlePlay {
        height: 60px;
        width: calc(50% - 10px);
    }
}

.footer__media--apple {
    background-image: url(../../../images/apple.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 56px;
    width: 100%;
}

@media (min-width: 744px) {
    .footer__media--apple {
        height: 60px;
        width: calc(50% - 10px);
    }
}

.footer__media--facebook {
    text-decoration: none;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 2px;
}

    .footer__media--facebook:hover {
        text-shadow: 1px 1px 25px #cf9a44;
    }

@media (min-width: 744px) {
    .footer__media--facebook {
        font-size: 14px;
        line-height: 25px;
    }
}

.footer__media--facebook::before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    background-image: url(../../../images/icons8-facebook-48.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
}

@media (min-width: 744px) {
    .footer__media--facebook::before {
        width: 24px;
        height: 24px;
    }
}

.footer__media--instagram {
    text-decoration: none;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 2px;
}

    .footer__media--instagram:hover {
        text-shadow: 1px 1px 25px #cf9a44;
    }

@media (min-width: 744px) {
    .footer__media--instagram {
        font-size: 14px;
        line-height: 25px;
    }
}

.footer__media--instagram::before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    background-image: url(../../../images/icons8-instagram-48.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
}

@media (min-width: 744px) {
    .footer__media--instagram::before {
        width: 24px;
        height: 24px;
    }
}

.footer__media--link {
    font-family: Geomanist, sans-serif;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7f9799;
    font-size: 12px;
    text-align: center;
}

.headerFuneralPricing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .headerFuneralPricing {
        padding-bottom: 60px;
    }
}

.formFuneralPricing {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    background-image: url(../../../images/header__form.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: calc(100% - 100px);
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px 30px;
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .formFuneralPricing {
        height: calc(100% - 100px);
        width: 600px;
        padding: 80px 30px 30px;
    }
}

.formFuneralPricing__questionBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 80%;
    gap: 30px;
}

.formFuneralPricing__questionBoxContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

.formFuneralPricing__questionBoxContainer--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    border-radius: 15px;
    background-color: rgb(100, 99, 99);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    position: relative;
}

    .formFuneralPricing__questionBoxContainer--wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: left 0.3s ease;
        z-index: 1;
        pointer-events: none;
    }

.formFuneralPricing__input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formFuneralPricing__input:checked + .formFuneralPricing__label--left {
        border-radius: 15px;
        color: rgb(255, 255, 255);
        background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
    }

    .formFuneralPricing__input:checked + .formFuneralPricing__label--right {
        border-radius: 15px;
        color: rgb(255, 255, 255);
        text-shadow: 0px 0px 10px black;
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
    }

.formFuneralPricing__label {
    display: block;
    width: 100%;
    padding: 15px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
}

    .formFuneralPricing__label:hover {
        color: white;
    }

@media (min-width: 744px) {
    .formFuneralPricing__label {
        font-size: 25px;
        line-height: 25px;
        padding: 21px 35px;
    }
}

.formFuneralPricing__label--left:hover {
    border-radius: 15px;
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
}

.formFuneralPricing__label--right:hover {
    border-radius: 15px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.button__formFuneralPricingHeader {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(230, 230, 230);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    font-family: Cinzel, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgba(22, 22, 22, 0.7);
    text-shadow: 1px 1px 4px rgb(235, 235, 235);
}

@media (min-width: 744px) {
    .button__formFuneralPricingHeader {
        width: 80%;
    }
}

.button__formMainFuneralPricing {
    width: 320px;
    height: 45px;
    min-width: 170px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 80px;
    transition: transform 0.2s ease;
}

    .button__formMainFuneralPricing:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(80, 214, 2, 0.89);
    }

    .button__formMainFuneralPricing:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

@media (min-width: 744px) {
    .button__formMainFuneralPricing {
        width: 420px;
    }
}

.button__login {
    width: 100%;
    height: 45px;
    background-color: rgb(36, 36, 36);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
}

    .button__login:hover {
        background-color: rgb(12, 12, 12);
    }

.button__forgotPassword {
    width: 100%;
    height: 45px;
    background-color: rgb(36, 36, 36);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
}

    .button__forgotPassword:hover {
        background-color: rgb(12, 12, 12);
    }

.button__CreateAccount {
    width: 100%;
    height: 45px;
    background-color: rgb(36, 36, 36);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
}

    .button__CreateAccount:hover {
        background-color: rgb(12, 12, 12);
    }

.button__sandOffer {
    width: 320px;
    height: 45px;
    min-width: 170px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease;
}

    .button__sandOffer:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgb(223, 189, 1);
    }

    .button__sandOffer:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

@media (min-width: 744px) {
    .button__sandOffer {
        width: 30%;
    }
}

.button__search {
    width: 80%;
    height: 45px;
    max-width: 300px;
    background-color: rgb(36, 36, 36);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
}

    .button__search:hover {
        background-color: rgb(12, 12, 12);
    }

@media (min-width: 744px) {
    .button__search {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .button__search {
        width: 80%;
        max-width: 500px;
    }
}

.button__pdf {
    height: 35px;
    width: 170px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border: none;
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    color: white;
}

@media (max-width: 1024px) {
    .button__pdf {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.button__pdf--slidingElement {
    height: 32px;
    width: 170px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border: none;
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    color: white;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .button__pdf--slidingElement {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.button__lookBetter {
    height: 35px;
    width: 150px;
    background: rgb(36, 36, 36);
    border: none;
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    color: white;
    transition: all 0.3s ease;
}

    .button__lookBetter:hover {
        background-color: rgb(0, 0, 0);
        color: rgb(211, 211, 211);
    }

.button__formChoosingCompanyPricesReset {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 30px;
    border-radius: 10px;
    padding: 4px 10px;
    border: 1px solid rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    color: #ffffff;
    font-family: Cinzel, sans-serif;
    letter-spacing: 6px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    background-color: rgb(36, 36, 36);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
}

@media (min-width: 744px) {
    .button__formChoosingCompanyPricesReset {
        padding: 6px 40px;
    }
}

@media (min-width: 1024px) {
    .button__formChoosingCompanyPricesReset {
        padding: 8px 80px;
    }
}

.button__formChoosingCompanyPricesReset:focus {
    box-shadow: black 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, black 0 -3px 0 inset;
}

.button__formChoosingCompanyPricesReset:hover {
    background-color: rgb(12, 12, 12);
    transform: translateY(-2px);
    color: rgb(211, 211, 211);
}

.button__formChoosingCompanyPricesReset:active {
    background: rgb(0, 0, 0);
    transform: translateX(0px);
}

.button__formChoosingCompanyPricesReset--picture {
    height: 25px;
    width: 25px;
}

.button__formChoosingCompanyPricesAgree {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 30px;
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    padding: 4px 10px;
    box-sizing: border-box;
    color: #ffffff;
    font-family: Cinzel, sans-serif;
    letter-spacing: 6px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    background-color: rgb(36, 36, 36);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
}

@media (min-width: 744px) {
    .button__formChoosingCompanyPricesAgree {
        padding: 6px 40px;
    }
}

@media (min-width: 1024px) {
    .button__formChoosingCompanyPricesAgree {
        padding: 8px 80px;
    }
}

.button__formChoosingCompanyPricesAgree:focus {
    box-shadow: black 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, black 0 -3px 0 inset;
}

.button__formChoosingCompanyPricesAgree:hover {
    background-color: rgb(12, 12, 12);
    color: rgb(211, 211, 211);
    transform: translateY(-2px);
}

.button__formChoosingCompanyPricesAgree:active {
    background: rgb(0, 0, 0);
    transform: translateX(0px);
}

.button__formChoosingCompanyPricesAgree--picture {
    height: 25px;
    width: 25px;
}

.button__formSelectingValuationMode {
    width: auto;
    height: auto;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 4px 80px;
    box-sizing: border-box;
    color: #ffffff;
    font-family: Cinzel, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: rgb(36, 36, 36);
    transition: all 0.2s ease;
}

    .button__formSelectingValuationMode:hover {
        background-color: rgb(12, 12, 12);
        color: rgb(211, 211, 211);
        transform: translateY(-2px);
    }

    .button__formSelectingValuationMode:active {
        background: rgb(0, 0, 0);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        transform: translateX(0px);
    }

.button__headerCompanyProfileSave {
    width: auto;
    height: auto;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 4px 80px;
    box-sizing: border-box;
    color: #ffffff;
    font-family: Cinzel, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: rgb(36, 36, 36);
    transition: all 0.2s ease;
}

@media (min-width: 1800px) {
    .button__headerCompanyProfileSave {
        padding: 8px 140px;
        font-size: 18px;
        line-height: 22px;
    }
}

.button__headerCompanyProfileSave:hover {
    background-color: rgb(12, 12, 12);
    color: rgb(211, 211, 211);
    transform: translateY(-2px);
}

.button__headerCompanyProfileSave:active {
    background: rgb(0, 0, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    transform: translateX(0px);
}

.button__headerCompanyProfileLogout {
    width: auto;
    height: auto;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 4px 80px;
    box-sizing: border-box;
    color: #ffffff;
    font-family: Cinzel, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: rgb(36, 36, 36);
    transition: all 0.2s ease;
}

@media (min-width: 744px) {
    .button__headerCompanyProfileLogout {
        padding: 6px 80px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 1800px) {
    .button__headerCompanyProfileLogout {
        padding: 8px 140px;
        font-size: 18px;
        line-height: 22px;
    }
}

.button__headerCompanyProfileLogout:hover {
    background-color: rgb(12, 12, 12);
    color: rgb(211, 211, 211);
    transform: translateY(-2px);
}

.button__headerCompanyProfileLogout:active {
    background: rgb(0, 0, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    transform: translateX(0px);
}

.button__valuationWithout {
    width: 120px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(250, 232, 211);
    background: -moz-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: -webkit-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    border: none;
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -1.5px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .button__valuationWithout:hover {
        background: rgb(250, 232, 211);
        background: -moz-radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        background: -webkit-radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        background: radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
        transform: translateY(-2px);
    }

    .button__valuationWithout:active {
        background: rgb(207, 192, 174);
        background: -moz-radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        background: -webkit-radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        background: radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        transform: translateY(1px);
    }

.button__showCompanie {
    border: none;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding: 5px 10px;
    box-sizing: border-box;
    background: rgb(250, 232, 211);
    background: -moz-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: -webkit-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    font-family: Cinzel, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -1.5px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 10px rgb(141, 141, 141);
    transition: all 0.3s ease;
}

    .button__showCompanie:hover {
        font-size: 18px;
    }

    .button__showCompanie:active {
        color: rgb(75, 75, 75);
    }

@media (min-width: 744px) {
    .button__showCompanie {
        width: 180px;
    }
}

.button__offerRequest {
    width: 320px;
    height: 45px;
    min-width: 170px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease;
}

    .button__offerRequest:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgb(223, 189, 1);
    }

    .button__offerRequest:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

@media (min-width: 744px) {
    .button__offerRequest {
        width: 30%;
    }
}

.button__formHeaderDistributorPanel {
    height: auto;
    width: 85%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 3px 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    cursor: pointer;
    color: rgb(0, 0, 0);
    transition: transform 0.2s ease;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    margin-top: 40px;
    margin-bottom: 50px;
}

    .button__formHeaderDistributorPanel:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(56, 255, 16, 0.8);
    }

    .button__formHeaderDistributorPanel:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.button__headerDistributorPanelProfileSave {
    height: auto;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 3px 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    cursor: pointer;
    color: rgb(0, 0, 0);
    transition: transform 0.2s ease;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .button__headerDistributorPanelProfileSave:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(56, 255, 16, 0.8);
    }

    .button__headerDistributorPanelProfileSave:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.button__headerDistributorPanelProfileLogOut {
    height: auto;
    width: 320px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 3px 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    cursor: pointer;
    color: rgb(0, 0, 0);
    transition: transform 0.2s ease;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .button__headerDistributorPanelProfileLogOut:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(56, 255, 16, 0.8);
    }

    .button__headerDistributorPanelProfileLogOut:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.button__toastCancle {
    height: auto;
    width: 130px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .button__toastCancle:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(255, 255, 255, 0.8);
    }

    .button__toastCancle:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.button__toastSend {
    height: auto;
    width: 130px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

    .button__toastSend:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgba(255, 255, 255, 0.8);
    }

    .button__toastSend:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }
.mainFuneralPricing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    background-image: url(../../../images/header-background.jpg);
    background-position: center;
    background-size: cover;
    padding: 60px 20px;
    box-sizing: border-box;
    position: relative;
}

@media (min-width: 744px) {
    .mainFuneralPricing {
        padding: 100px 100px;
    }
}

.mainFuneralPricing__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../../../images/header__form.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 20px;
    box-sizing: border-box;
    gap: 80px;
    height: auto;
    width: 100%;
    border-radius: 35px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 744px) {
    .mainFuneralPricing__container {
        padding: 100px 20px;
    }
}

.mainFuneralPricing__titleBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .mainFuneralPricing__titleBox {
        width: 90%;
    }
}

.mainFuneralPricing__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .mainFuneralPricing__titleBox--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.mainFuneralPricing__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .mainFuneralPricing__titleBox--content {
        width: calc(100% - 100px);
    }
}

.mainFuneralPricing__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .mainFuneralPricing__titleBox--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.formMainFuneralPricing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 90%;
    gap: 30px;
}

@media (min-width: 744px) {
    .formMainFuneralPricing {
        width: 80%;
    }
}

.formMainFuneralPricing__questionBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

.formMainFuneralPricing__questionBoxTitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.formMainFuneralPricing__questionBoxTitle--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .formMainFuneralPricing__questionBoxTitle--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.formMainFuneralPricing__questionBoxTitle--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .formMainFuneralPricing__questionBoxTitle--content {
        width: calc(100% - 100px);
    }
}

.formMainFuneralPricing__questionBoxTitle--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .formMainFuneralPricing__questionBoxTitle--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.formMainFuneralPricing__questionBoxAnswersRadio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 80%;
    border-radius: 15px;
    background-color: rgb(100, 99, 99);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    position: relative;
}

    .formMainFuneralPricing__questionBoxAnswersRadio::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: left 0.3s ease;
        z-index: 1;
        pointer-events: none;
    }

@media (min-width: 744px) {
    .formMainFuneralPricing__questionBoxAnswersRadio {
        flex-direction: row;
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .formMainFuneralPricing__questionBoxAnswersRadio {
        width: 60%;
    }
}

.formMainFuneralPricing__input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formMainFuneralPricing__input:checked + .formMainFuneralPricing__label--left {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
    }

@media (min-width: 744px) {
    .formMainFuneralPricing__input:checked + .formMainFuneralPricing__label--left {
        border-radius: 15px;
        color: rgb(255, 255, 255);
        background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
    }
}

.formMainFuneralPricing__input:checked + .formMainFuneralPricing__label--right {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
    background: -webkit-linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
    background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
}

@media (min-width: 744px) {
    .formMainFuneralPricing__input:checked + .formMainFuneralPricing__label--right {
        border-radius: 15px;
        color: rgb(255, 255, 255);
        text-shadow: 0px 0px 10px black;
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgb(255, 255, 255) 100%);
    }
}

.formMainFuneralPricing__label {
    display: block;
    width: 100%;
    padding: 25px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
}

    .formMainFuneralPricing__label:hover {
        color: white;
    }

@media (min-width: 744px) {
    .formMainFuneralPricing__label {
        font-size: 25px;
        line-height: 25px;
        padding: 14px 35px;
    }
}

.formMainFuneralPricing__label--left:hover {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(360deg, rgba(100, 99, 99, 0.5) 0%, rgb(255, 255, 255) 100%);
}

@media (min-width: 744px) {
    .formMainFuneralPricing__label--left:hover {
        border-radius: 15px;
        background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(100, 99, 99) 100%, rgb(100, 99, 99) 100%);
    }
}

.formMainFuneralPricing__label--right:hover {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
    background: -webkit-linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
    background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgba(100, 99, 99, 0.5) 100%);
}

@media (min-width: 744px) {
    .formMainFuneralPricing__label--right:hover {
        border-radius: 15px;
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
        background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
        background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(100, 99, 99) 0%, rgba(255, 255, 255, 0.8) 100%);
    }
}

.formMainFuneralPricing__questionBoxAnswersSelect {
    height: auto;
    width: 85%;
    position: relative;
}

@media (min-width: 744px) {
    .formMainFuneralPricing__questionBoxAnswersSelect {
        width: 300px;
    }
}

.formMainFuneralPricing__questionBoxAnswersSelect--option {
    height: auto;
    width: 100%;
    background: rgb(157, 157, 157);
    border: none;
    border-radius: 10px;
    padding: 10px 25px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
}

.formMainFuneralPricing__questionBoxAnswersNumber {
    height: auto;
    width: 85%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.formMainFuneralPricing__questionBoxAnswersNumber--label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formMainFuneralPricing__questionBoxAnswersNumber--input {
    height: auto;
    width: 150px;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: white;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border: none;
    border-radius: 10px;
    padding: 10px 25px;
    box-sizing: border-box;
}

.formMainFuneralPricing__questionBoxAnswersTextArea {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
}

@media (min-width: 744px) {
    .formMainFuneralPricing__questionBoxAnswersTextArea {
        width: 75%;
    }
}

.formMainFuneralPricing__questionBoxAnswersTextArea--answerBox {
    height: 180px;
    width: 100%;
    text-align: center;
    border: 10px double #646363;
    background: #f0f0f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
    resize: none;
}

.headerMonumentPricing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerMonumentPricing__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerMonumentPricing__decorationElementsBox {
        height: 160px;
    }
}

.headerInternationalTransport {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerInternationalTransport__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerInternationalTransport__decorationElementsBox {
        height: 160px;
    }
}

.headerLoginPanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerLoginPanel__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerLoginPanel__decorationElementsBox {
        height: 160px;
    }
}

.login {
    height: 550px;
    width: auto;
    background-color: transparent;
    backdrop-filter: blur(15px);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 95px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    padding: 25px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

@media (min-width: 500px) {
    .login {
        width: 500px;
    }
}

.formLoginPanel {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.formLoginPanel__emailBox {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid gray;
}

.formLoginPanel__emailBox--icon {
    position: absolute;
    right: 8px;
    font-size: 24px;
    color: rgb(32, 32, 32);
    line-height: 57px;
}

.formLoginPanel__emailBox--input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    padding: 0 35px 0 5px;
    box-sizing: border-box;
}

    .formLoginPanel__emailBox--input:focus ~ label {
        top: -5px;
    }

    .formLoginPanel__emailBox--input:valid ~ label {
        top: -5px;
    }

.formLoginPanel__emailBox--label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1.5px;
    text-align: left;
    transition: 0.5s;
}

.formLoginPanel__passwordBox {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid gray;
}

.formLoginPanel__passwordBox--icon {
    position: absolute;
    right: 8px;
    font-size: 24px;
    color: rgb(32, 32, 32);
    line-height: 57px;
}

.formLoginPanel__passwordBox--input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    padding: 0 35px 0 5px;
    box-sizing: border-box;
}

    .formLoginPanel__passwordBox--input:focus ~ label {
        top: -5px;
    }

    .formLoginPanel__passwordBox--input:valid ~ label {
        top: -5px;
    }

.formLoginPanel__passwordBox--label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1.5px;
    text-align: left;
    transition: 0.5s;
}

.formLoginPanel__rememberMeForgetPasswordBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: rgb(27, 27, 27);
    margin: -15px 0 15px;
}

.formLoginPanel__rememberMeForgetPasswordBox--label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.formLoginPanel__rememberMeForgetPasswordBox--input {
    accent-color: rgb(26, 25, 25);
    margin-right: 3px;
}

.formLoginPanel__rememberMeForgetPasswordBox--link {
    color: rgb(37, 37, 37);
    text-decoration: none;
}

    .formLoginPanel__rememberMeForgetPasswordBox--link:hover {
        text-decoration: underline;
    }

.formLoginPanel__createAccountBox {
    font-size: 14px;
    font-weight: 500;
    color: rgb(27, 27, 27);
    display: flex;
    justify-content: center;
    align-items: center;
}

.formLoginPanel__createAccountBox--link {
    text-decoration: none;
    font-weight: 600;
    color: rgb(27, 27, 27);
}

    .formLoginPanel__createAccountBox--link:hover {
        text-decoration: underline;
    }

.headerForgotPassword {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerForgotPassword__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerForgotPassword__decorationElementsBox {
        height: 160px;
    }
}

.forgotPassword {
    height: 550px;
    width: auto;
    background-color: transparent;
    backdrop-filter: blur(15px);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 95px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    padding: 25px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

@media (min-width: 500px) {
    .forgotPassword {
        width: 500px;
    }
}

.formForgotPassword {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.formForgotPassword__emailBox {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid gray;
}

.formForgotPassword__emailBox--icon {
    position: absolute;
    right: 8px;
    font-size: 24px;
    color: rgb(32, 32, 32);
    line-height: 57px;
}

.formForgotPassword__emailBox--input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    padding: 0 35px 0 5px;
    box-sizing: border-box;
}

    .formForgotPassword__emailBox--input:focus ~ label {
        top: -5px;
    }

    .formForgotPassword__emailBox--input:valid ~ label {
        top: -5px;
    }

.formForgotPassword__emailBox--label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1.5px;
    text-align: left;
    transition: 0.5s;
}

.formForgotPassword__returnLoginPanelBox {
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(27, 27, 27);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 25px;
}

.formForgotPassword__returnLoginPanelBox--link {
    font-family: Cinzel, sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: rgb(27, 27, 27);
    margin-left: 15px;
    text-wrap: nowrap;
}

    .formForgotPassword__returnLoginPanelBox--link:hover {
        text-decoration: underline;
    }

.headerCreateAccount {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerCreateAccount__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerCreateAccount__decorationElementsBox {
        height: 160px;
    }
}

.createAccount {
    height: 550px;
    width: auto;
    background-color: transparent;
    backdrop-filter: blur(15px);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 95px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    padding: 25px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

@media (min-width: 500px) {
    .createAccount {
        width: 500px;
    }
}

.formCreateAccount {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.formCreateAccount__emailBox {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid gray;
}

.formCreateAccount__emailBox--icon {
    position: absolute;
    right: 8px;
    font-size: 24px;
    color: rgb(32, 32, 32);
    line-height: 57px;
}

.formCreateAccount__emailBox--input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    padding: 0 35px 0 5px;
    box-sizing: border-box;
}

    .formCreateAccount__emailBox--input:focus ~ label {
        top: -5px;
    }

    .formCreateAccount__emailBox--input:valid ~ label {
        top: -5px;
    }

.formCreateAccount__emailBox--label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -1.5px;
    text-align: left;
    transition: 0.5s;
}

.formCreateAccount__returnLoginPanelBox {
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(27, 27, 27);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 25px;
}

.formCreateAccount__returnLoginPanelBox--link {
    font-family: Cinzel, sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: rgb(27, 27, 27);
    margin-left: 15px;
    text-wrap: nowrap;
}

    .formCreateAccount__returnLoginPanelBox--link:hover {
        text-decoration: underline;
    }

.headerPanelForCompanies {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerPanelForCompanies {
        height: 100vh;
        overflow-y: hidden;
        padding-bottom: 10vh;
    }
}

.headerPanelForCompanies__mainPanelBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 220px);
    width: 98%;
    gap: 2px;
}

@media (min-width: 744px) {
    .headerPanelForCompanies__mainPanelBox {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .headerPanelForCompanies__mainPanelBox {
        justify-content: space-around;
    }
}

.headerPanelForCompanies__mainPanelBoxToRequest {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerPanelForCompanies__mainPanelBoxToRequest {
        width: 95%;
    }
}

@media (min-width: 1024px) {
    .headerPanelForCompanies__mainPanelBoxToRequest {
        width: 29%;
        max-width: 600px;
    }
}

.headerPanelForCompanies__mainPanelBoxToRequestTitleBox {
    background-image: url(../../../images/section_contant_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerPanelForCompanies__mainPanelBoxToRequestTitleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxToRequestTitleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerPanelForCompanies__mainPanelBoxToRequestTitleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxToRequestPandingOffersBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 70px);
    width: 100%;
    gap: 15px;
    overflow: auto;
}

.headerPanelForCompanies__mainPanelBoxToRequestPandingOffersBox--pandingOffers {
    width: 90%;
    height: 45px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease;
}

    .headerPanelForCompanies__mainPanelBoxToRequestPandingOffersBox--pandingOffers:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgb(223, 189, 1);
    }

    .headerPanelForCompanies__mainPanelBoxToRequestPandingOffersBox--pandingOffers:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.headerPanelForCompanies__mainPanelBoxLastOffert {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50%;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerPanelForCompanies__mainPanelBoxLastOffert {
        height: 100%;
        width: 48%;
        max-width: 600px;
    }
}

@media (min-width: 1024px) {
    .headerPanelForCompanies__mainPanelBoxLastOffert {
        width: 29%;
    }
}

.headerPanelForCompanies__mainPanelBoxLastOffertTitleBox {
    background-image: url(../../../images/section_contant_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerPanelForCompanies__mainPanelBoxLastOffertTitleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxLastOffertTitleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerPanelForCompanies__mainPanelBoxLastOffertTitleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxLastOffertPandingOffersBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 70px);
    width: 100%;
    gap: 15px;
    overflow: auto;
}

.headerPanelForCompanies__mainPanelBoxLastOffertPandingOffersBox--pandingOffers {
    width: 90%;
    height: 45px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -1.5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease;
}

    .headerPanelForCompanies__mainPanelBoxLastOffertPandingOffersBox--pandingOffers:hover {
        background: rgb(63, 63, 63);
        background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        background: linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(175, 175, 175) 50%, rgb(63, 63, 63) 100%);
        transform: translateY(-2px);
        color: rgb(223, 189, 1);
    }

    .headerPanelForCompanies__mainPanelBoxLastOffertPandingOffersBox--pandingOffers:active {
        background: rgb(32, 32, 32);
        background: -moz-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: -webkit-linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        background: linear-gradient(90deg, rgb(32, 32, 32) 0%, rgb(175, 175, 175) 50%, rgb(32, 32, 32) 100%);
        transform: translateX(0px);
    }

.headerPanelForCompanies__mainPanelBoxShow {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 65%;
    gap: 20px;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    padding: 5px 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .headerPanelForCompanies__mainPanelBoxShow {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerPanelForCompanies__mainPanelBoxShowTitleConteiner {
    background-image: url(../../../images/section_contant_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerPanelForCompanies__mainPanelBoxShowTitleConteiner--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxShowTitleConteiner--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerPanelForCompanies__mainPanelBoxShowTitleConteiner--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPanelForCompanies__mainPanelBoxShowFormOfferRequestBox {
    width: 100%;
    height: calc(100% - 85px);
    font-family: Cinzel, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.headerPanelForCompanies__mainPanelBoxShowButtonAndAnswerContainer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
    height: 70px;
    width: 100%;
}

.offers {
    height: 100vh;
    width: 100vw;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transform: translateX(110%);
    transition: transform 1s ease-in-out;
    z-index: 2;
}

    .offers:target {
        transform: translateX(0);
    }

.offers__topBox {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
}

.offers__numberAndCloseBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    width: 100%;
    padding: 30px 20px 8px;
    box-sizing: border-box;
    z-index: 1;
}

@media (min-width: 744px) {
    .offers__numberAndCloseBox {
        padding: 30px 40px 8px;
    }
}

.offers__number {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.offers__close {
    height: 40px;
    width: 40px;
    background-image: url(../../../images/rightAroow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.offers__document {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    height: calc(100% - 265px);
    height: 100%;
    width: 95%;
}

@media (min-width: 744px) {
    .offers__document {
        height: calc(100% - 155px);
    }
}

.headerOffersHistory {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerOffersHistory {
        height: 100vh;
    }
}

.headerOffersHistory__mainPanelBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 137px);
    width: 98%;
    gap: 2px;
}

@media (min-width: 744px) {
    .headerOffersHistory__mainPanelBox {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .headerOffersHistory__mainPanelBox {
        justify-content: space-around;
    }
}

.headerOffersHistory__searchBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 40%;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerOffersHistory__searchBox {
        height: 100%;
        width: 39%;
        max-width: 400px;
    }
}

@media (min-width: 1024px) {
    .headerOffersHistory__searchBox {
        width: 40%;
    }
}

.headerOffersHistory__searchTitleBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerOffersHistory__searchTitleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerOffersHistory__searchTitleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerOffersHistory__searchTitleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerOffersHistory__searchFormBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 70px);
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    gap: 20px;
}

.headerOffersHistory__offerHistoryBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerOffersHistory__offerHistoryBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerOffersHistory__offerHistoryBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerOffersHistory__offerHistoryBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 70px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerOffersHistory__historyBoxContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 1;
}

.headerOffersHistory__historyBoxContainer--number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 744px) {
    .headerOffersHistory__historyBoxContainer--number {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
}

.headerOffersHistory__historyBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 60%;
    width: 100%;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerOffersHistory__historyBox {
        height: 100%;
        width: 59%;
    }
}

@media (min-width: 1024px) {
    .headerOffersHistory__historyBox {
        width: 60%;
    }
}

@media (min-width: 1400px) {
    .headerOffersHistory__historyBox {
        width: calc(100% - 600px);
    }
}

.headerOffersHistory__historyBox--content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 70px);
    width: 100%;
    gap: 10px;
    overflow: auto;
}

.headerOffersHistory__historyBox--contentElement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.headerOffersHistory__slidingElement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 95%;
    max-height: 0;
    overflow: hidden;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: max-height 0.5s ease-in-out;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px 15px;
    box-sizing: border-box;
}

.headerOffersHistory__slidingElement--Calc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    font-family: Cinzel, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    text-decoration: underline;
}

.headerOffersHistory__slidingElement--positionYes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: auto;
    width: 100%;
    padding: 2px 5px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: left;
    background-color: rgba(70, 218, 1, 0.2);
    border-radius: 5px;
}

.headerOffersHistory__slidingElement--positionNo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: auto;
    width: 100%;
    padding: 2px 5px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: left;
    background-color: rgba(255, 0, 0, 0.2);
    border-radius: 5px;
}

.headerOffersHistory__slidingElement--importantInformationTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    text-decoration: underline;
}

@media (min-width: 744px) {
    .headerOffersHistory__slidingElement--importantInformationTitle {
        font-size: 26px;
    }
}

@media (min-width: 1024px) {
    .headerOffersHistory__slidingElement--importantInformationTitle {
        font-size: 32px;
    }
}

.headerOffersHistory__slidingElement--importantInformation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    background-color: rgba(70, 218, 1, 0.2);
    border-radius: 5px;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.headerOffersHistory__slidingElement--priceBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    height: auto;
    width: 100%;
}



@media (min-width: 1024px) {
    .headerOffersHistory__slidingElement--priceBox {
        justify-content: center;
    }
}

.headerOffersHistory__slidingElement--price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 150px;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: center;
    border: 1px solid black;
    background-color: rgb(36, 36, 36);
    padding: 5px 10px;
    box-sizing: border-box;
    color: white;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .headerOffersHistory__slidingElement--price {
        width: 300px;
    }
}

.headerOffersHistory__slidingElement.active {
    max-height: 1500px;
}

.formSearch {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 80%;
    height: 50px;
    border-bottom: 2px solid gray;
    max-width: 300px;
}

@media (min-width: 744px) {
    .formSearch {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .formSearch {
        width: 80%;
        max-width: 500px;
    }
}

.formSearch__icon {
    position: absolute;
    right: 8px;
    font-size: 24px;
    color: rgb(32, 32, 32);
    line-height: 57px;
}

.formSearch__input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: Cinzel, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    padding: 0 35px 0 5px;
    box-sizing: border-box;
}

    .formSearch__input:focus ~ label {
        top: -5px;
    }

    .formSearch__input:valid ~ label {
        top: -5px;
    }

.formSearch__label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-family: Cinzel, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -1.5px;
    text-align: left;
    transition: 0.5s;
}

.lastOffers {
    height: 100vh;
    width: 100vw;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding-bottom: 76px;
    box-sizing: border-box;
    transform: translateX(110%);
    transition: transform 1s ease-in-out;
    z-index: 2;
}

    .lastOffers:target {
        transform: translateX(0);
    }

.lastOffers__topBox {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
}

.lastOffers__numberAndCloseBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    width: 100%;
    padding: 30px 20px 8px;
    box-sizing: border-box;
    z-index: 1;
}

@media (min-width: 744px) {
    .lastOffers__numberAndCloseBox {
        padding: 30px 40px 8px;
    }
}

.lastOffers__number {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.lastOffers__close {
    height: 40px;
    width: 40px;
    background-image: url(../../../images/rightAroow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.lastOffers__document {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    height: calc(100% - 265px);
    width: 90%;
    padding: 10px 10px;
    border: 1px;
    border: 10px double #646363;
    border-radius: 10px;
    box-sizing: border-box;
    background: #f0f0f0;
    overflow: auto;
}

@media (min-width: 744px) {
    .lastOffers__document {
        height: calc(100% - 220px);
    }
}

.headerCompanyPricing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 100vh;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .headerCompanyPricing {
        overflow-y: hidden;
    }
}

.headerCompanyPricing__selectingValuationModeBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 744px) {
    .headerCompanyPricing__selectingValuationModeBox {
        width: 80%;
    }
}

.headerCompanyPricing__selectingValuationModeContainer {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.headerCompanyPricing__selectingValuationModeContainer--decorationElementLeft {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 480px) {
    .headerCompanyPricing__selectingValuationModeContainer--decorationElementLeft {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 70px;
        padding: 10px 10px;
        box-sizing: border-box;
    }
}

.headerCompanyPricing__selectingValuationModeContainer--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - 100px);
}

.headerCompanyPricing__selectingValuationModeContainer--decorationElementRight {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 480px) {
    .headerCompanyPricing__selectingValuationModeContainer--decorationElementRight {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 70px;
        padding: 10px 10px;
        box-sizing: border-box;
    }
}

.headerCompanyPricing__choosingCompanyPrices {
    width: 80vw;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(66, 66, 66);
    display: flex;
    flex-direction: column;
}

.formSelectingValuationMode {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.formSelectingValuationMode__container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.formSelectingValuationMode__input-manual {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formSelectingValuationMode__input-manual:checked + .formSelectingValuationMode__label-manual {
        border-radius: 10px;
        color: rgb(255, 255, 255);
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
        background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
    }

.formSelectingValuationMode__input-automat {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formSelectingValuationMode__input-automat:checked + .formSelectingValuationMode__label-automat {
        border-radius: 10px;
        color: rgb(255, 255, 255);
        background: rgb(99, 100, 99);
        background: -moz-linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
        background: -webkit-linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
        background: linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
    }

.formSelectingValuationMode__label-manual {
    display: block;
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: black;
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 400px) {
    .formSelectingValuationMode__label-manual {
        padding: 10px 25px;
    }
}

@media (min-width: 744px) {
    .formSelectingValuationMode__label-manual {
        font-size: 20px;
        padding: 15px 56px;
    }
}

.formSelectingValuationMode__label-manual:hover {
    font-size: 16px;
}

@media (min-width: 744px) {
    .formSelectingValuationMode__label-manual:hover {
        font-size: 22px;
    }
}

.formSelectingValuationMode__label-manual:focus {
    font-size: 22px;
}

.formSelectingValuationMode__label-manual:active {
    font-size: 22px;
}

.formSelectingValuationMode__label-automat {
    display: block;
    width: 100%;
    padding: 10px 25px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: black;
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 744px) {
    .formSelectingValuationMode__label-automat {
        font-size: 20px;
        padding: 15px 35px;
    }
}

.formSelectingValuationMode__label-automat:hover {
    font-size: 16px;
}

@media (min-width: 744px) {
    .formSelectingValuationMode__label-automat:hover {
        font-size: 22px;
    }
}

.formSelectingValuationMode__label-automat:focus {
    font-size: 22px;
}

.formSelectingValuationMode__label-automat:active {
    font-size: 22px;
}

.formChoosingCompanyPrices {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px 15px;
    box-sizing: border-box;
    overflow: auto;
}

.formChoosingCompanyPrices__element {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

@media (min-width: 744px) {
    .formChoosingCompanyPrices__element {
        flex-direction: row;
        gap: 30px;
    }
}

.formChoosingCompanyPrices__question {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 3px 5px;
    box-sizing: border-box;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid black;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
}

@media (min-width: 744px) {
    .formChoosingCompanyPrices__question {
        width: 50%;
    }
}

.formChoosingCompanyPrices__label {
    font-family: Cinzel, sans-serif;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 15px;
    line-height: 20px;
}

@media (min-width: 744px) {
    .formChoosingCompanyPrices__label {
        font-size: 18px;
    }
}

.formChoosingCompanyPrices__inputnumber {
    width: 150px;
    border: 1px solid rgba(241, 188, 107, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    background: rgb(36, 36, 36);
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-weight: 500;
    letter-spacing: 1;
    text-align: start;
    color: white;
}

@media (min-width: 744px) {
    .formChoosingCompanyPrices__inputnumber {
        width: 100px;
    }
}

@media (min-width: 1024px) {
    .formChoosingCompanyPrices__inputnumber {
        width: 150px;
    }
}

.formChoosingCompanyPrices__inputnumber::placeholder {
    color: white;
    text-align: center;
}

.formChoosingCompanyPrices__elementOffer {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.formChoosingCompanyPrices__inputyes {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formChoosingCompanyPrices__inputyes:checked + .formChoosingCompanyPrices__labelyes {
        border-radius: 10px;
        color: rgb(0, 0, 0);
        background: rgb(100, 99, 99);
        background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
        background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgba(99, 100, 99, 0) 100%);
    }

.formChoosingCompanyPrices__inputno {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formChoosingCompanyPrices__inputno:checked + .formChoosingCompanyPrices__labelno {
        border-radius: 10px;
        color: rgb(0, 0, 0);
        background: rgb(99, 100, 99);
        background: -moz-linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
        background: -webkit-linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
        background: linear-gradient(90deg, rgba(99, 100, 99, 0) 0%, rgb(100, 99, 99) 100%);
    }

.formChoosingCompanyPrices__labelyes {
    padding: 5px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    text-align: center;
    color: black;
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
}

.formChoosingCompanyPrices__labelno {
    padding: 5px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    text-align: center;
    color: black;
    border-radius: 10px;
    text-shadow: 0px 0px 2px black;
    white-space: nowrap;
}

.formChoosingCompanyPrices__buttonBox {
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

@media (min-width: 744px) {
    .formChoosingCompanyPrices__buttonBox {
        margin-top: 40px;
        margin-bottom: 20px;
        flex-direction: row;
        gap: 0px;
    }
}

.headerCompanyProfile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 1024px) {
    .headerCompanyProfile {
        height: 100vh;
    }
}

.headerCompanyProfile__content {
    height: auto;
    width: 100%;
    padding: 0px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 744px) {
    .headerCompanyProfile__content {
        padding: 0px 20px 20px;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfile__content {
        padding: 0px 40px 20px;
        min-height: calc(100% - 70px);
    }
}

.headerCompanyProfile__profileBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    gap: 20px;
    padding: 20px 20px;
    box-sizing: border-box;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBox {
        flex-direction: row;
        min-height: calc(100% - 70px);
    }
}

.headerCompanyProfile__profileBoxPictureAndInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBoxPictureAndInfo {
        height: 100%;
        justify-content: space-around;
        width: 70%;
    }
}

.headerCompanyProfile__profileBoxPictureAndInfo--picture {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
}

.headerCompanyProfile__profileBoxPictureAndInfo--info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 95%;
    max-width: 660px;
}

@media (min-width: 744px) {
    .headerCompanyProfile__profileBoxPictureAndInfo--info {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBoxPictureAndInfo--info {
        width: 100%;
        max-width: 800px;
    }
}

@media (min-width: 1800px) {
    .headerCompanyProfile__profileBoxPictureAndInfo--info {
        max-width: 1200px;
    }
}

.headerCompanyProfile__profileBoxPictureAndInfo--buttonBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px 10px;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}

@media (min-width: 744px) {
    .headerCompanyProfile__profileBoxPictureAndInfo--buttonBox {
        flex-direction: row;
        justify-content: space-around;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBoxPictureAndInfo--buttonBox {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerCompanyProfile__profileBoxPictureAndInfo--buttonBoxAbonament {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
    gap: 15px;
}

.headerCompanyProfile__profileBoxPictureAndInfo--buttonBoxAbonamentLink {
    font-family: Cinzel, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
}

.headerCompanyProfile__profileBoxPictureAndInfo--buttonBoxAbonamentPass {
    font-family: Cinzel, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: gray;
}

.headerCompanyProfile__profileBoxProfilePictureAndButtonBox {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBoxProfilePictureAndButtonBox {
        height: 100%;
        width: 30%;
    }
}

.headerCompanyProfile__profileBoxProfilePictureAndButtonBox--buttonBox {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 1024px) {
    .headerCompanyProfile__profileBoxProfilePictureAndButtonBox--buttonBox {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 10px 10px;
        box-sizing: border-box;
        height: auto;
        width: 100%;
    }
}

.formProfileBoxPicture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 20px;
}

@media (min-width: 744px) {
    .formProfileBoxPicture {
        flex-direction: row;
    }
}

@media (min-width: 1800px) {
    .formProfileBoxPicture {
        gap: 100px;
    }
}

.formProfileBoxPicture__labelPicture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 210px;
    width: 280px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 15px;
}

@media (min-width: 744px) {
    .formProfileBoxPicture__labelPicture {
        height: 240px;
        width: 320px;
    }
}

@media (min-width: 1280px) {
    .formProfileBoxPicture__labelPicture {
        height: 270px;
        width: 360px;
    }
}

@media (min-width: 1800px) {
    .formProfileBoxPicture__labelPicture {
        height: 330px;
        width: 440px;
    }
}

.formProfileBoxPicture__inputPicture {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formProfileBoxPicture__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.formProfileBoxInformation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.formProfileBoxInformation__textarea {
    height: 220px;
    width: 100%;
    text-align: center;
    border: 10px double #646363;
    background: #f0f0f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
    resize: none;
}

@media (min-width: 1024px) {
    .formProfileBoxInformation__textarea {
        height: 180px;
    }
}

@media (min-width: 1800px) {
    .formProfileBoxInformation__textarea {
        height: 240px;
    }
}

.formProfileBoxProfilePicture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 100%;
}

.formProfileBoxProfilePicture__labelPicture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 240px;
    background-image: url(../../../images/user-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 50%;
}

@media (min-width: 744px) {
    .formProfileBoxProfilePicture__labelPicture {
        height: 260px;
        width: 260px;
    }
}

@media (min-width: 1024px) {
    .formProfileBoxProfilePicture__labelPicture {
        height: 290px;
        width: 290px;
    }
}

@media (min-width: 1800px) {
    .formProfileBoxProfilePicture__labelPicture {
        height: 360px;
        width: 360px;
    }
}

.formProfileBoxProfilePicture__inputPicture {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.headerReguestPageFuneralPricing {
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.headerReguestPageFuneralPricing__titleBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__titleBox {
        width: 80%;
    }
}

.headerReguestPageFuneralPricing__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerReguestPageFuneralPricing__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerReguestPageFuneralPricing__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerReguestPageFuneralPricing__importBox {
    display: flex;
}

.headerReguestPageFuneralPricing__importIdNumber {
    font-family: Cinzel, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 25px;
    text-align: left;
}


@media (max-width: 744px) {
    .headerReguestPageFuneralPricing__importantInformation {
        width: 90%;
    }
}

.headerReguestPageFuneralPricing__sortBox {
    display: flex;
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60px;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    justify-content: space-between;
    align-items: center;
    width: 60%;
    min-width: 380px;
    padding: 5px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .headerReguestPageFuneralPricing__sortBox {
        justify-content: center;
        min-width: 320px;
    }
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__sortBox {
        width: 50%;
    }
}

.headerReguestPageFuneralPricing__sortBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerReguestPageFuneralPricing__sortBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__sortBox--content {
        flex-direction: row;
        gap: 10px;
    }
}

.headerReguestPageFuneralPricing__sortBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerReguestPageFuneralPricing__LeaderBoardBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

.headerReguestPageFuneralPricing__LeaderBoardBox--container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.headerReguestPageFuneralPricing__element {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.headerReguestPageFuneralPricing__elementContent {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    height: 180px;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid black;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: transform 0.3s ease;
}

    .headerReguestPageFuneralPricing__elementContent:hover {
        transform: translateY(-2px);
    }

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementContent {
        height: 120px;
    }
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementContent {
        height: 60px;
        width: 90%;
        flex-wrap: nowrap;
    }
}

.headerReguestPageFuneralPricing__elementBoxOne {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 60px;
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxOne {
        width: 60%;
    }
}

.headerReguestPageFuneralPricing__elementBoxOne--leaderBoardNumber {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid black;
    background-color: #fae8d3;
    box-sizing: border-box;
    border-top-left-radius: 13px;
    border-bottom: 1px solid black;
    font-family: Cinzel, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgba(94, 94, 94, 0.7);
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxOne--leaderBoardNumber {
        border-right: 1px solid black;
        background-color: #fae8d3;
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;
    }
}

.headerReguestPageFuneralPricing__elementBoxOne--companyNameAndPriceBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    box-sizing: border-box;
    width: calc(100% - 60px);
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxOne--companyNameAndPriceBox {
        padding-left: 20px;
    }
}

.headerReguestPageFuneralPricing__elementBoxOne--companyName {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.headerReguestPageFuneralPricing__elementBoxOne--companyNameLink {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-family: Cinzel, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(196, 196, 196);
    padding: 5px 8px;
    box-sizing: border-box;
    background: rgb(250, 232, 211);
    background: -moz-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: -webkit-radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    background: radial-gradient(circle, rgba(250, 232, 211, 0.4962359944) 50%, rgb(250, 232, 211) 100%);
    border-radius: 10px;
}

    .headerReguestPageFuneralPricing__elementBoxOne--companyNameLink:hover {
        background: rgb(250, 232, 211);
        background: -moz-radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        background: -webkit-radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        background: radial-gradient(circle, rgb(250, 232, 211) 50%, rgb(204, 189, 172) 100%);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
        transform: translateY(-2px);
    }

    .headerReguestPageFuneralPricing__elementBoxOne--companyNameLink:active {
        background: rgb(207, 192, 174);
        background: -moz-radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        background: -webkit-radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        background: radial-gradient(circle, rgb(207, 192, 174) 50%, rgb(179, 164, 149) 100%);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        transform: translateY(1px);
    }

.headerReguestPageFuneralPricing__elementBoxOne--price {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxOne--price {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5px 20px;
        box-sizing: border-box;
        background-color: rgba(32, 192, 0, 0.3);
        border-radius: 10px;
        margin-right: 20px;
    }
}
.headerReguestPageFuneralPricing__elementBoxTwo--priceBox {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxOne--price {
        margin-right: 0px;
    }
}

.headerReguestPageFuneralPricing__elementBoxOne--priceNumber {
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    text-align: left;
}

.headerReguestPageFuneralPricing__elementBoxTwo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxTwo {
        width: 40%;
    }
}



.headerReguestPageFuneralPricing__elementBoxTwo--price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    box-sizing: border-box;
    background-color: rgba(32, 192, 0, 0.3);
    border-radius: 10px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxTwo--price {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerReguestPageFuneralPricing__elementBoxTwo--calendar {
    background-image: url(../../../images/kalendarzicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
    border: none;
}

.headerReguestPageFuneralPricing__elementBoxTwo--calendar:hover {
    width: 45px;
    height: 45px;
}

.headerReguestPageFuneralPricing__elementBoxTwo--callAndShowBox {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxTwo--callAndShowBox {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 20px;
        width: auto;
        height: 60px;
        width: 300px;
    }
}

.headerReguestPageFuneralPricing__elementBoxTwo--callLink {
    background-image: url(../../../images/call-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

    .headerReguestPageFuneralPricing__elementBoxTwo--callLink:hover {
        width: 45px;
        height: 45px;
    }

.headerReguestPageFuneralPricing__elementBoxTwo--greenDot {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxTwo--greenDot {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        width: 40px;
        height: 40px;
    }
}

.headerReguestPageFuneralPricing__elementBoxThree {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementBoxThree {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerReguestPageFuneralPricing__slidingPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 90%;
    max-height: 0;
    overflow: hidden;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: max-height 0.3 s ease-in-out;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px 15px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanel {
        width: 85%;
    }
}

.headerReguestPageFuneralPricing__slidingPanel.active {
    max-height: 1500px;
}

.headerReguestPageFuneralPricing__slidingPanel--pictureAndInformationBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__slidingPanel--pictureAndInformationBox {
        flex-direction: row;
    }
}

.headerReguestPageFuneralPricing__slidingPanel--pictureBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 500px;
    width: 100%;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanel--pictureBox {
        flex-direction: row;
        height: 320px;
    }
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__slidingPanel--pictureBox {
        width: 66.6666666667%;
    }
}

.headerReguestPageFuneralPricing__slidingPanel--picture {
    height: 240px;
    width: 320px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.headerReguestPageFuneralPricing__slidingPanel--informatioCompanienBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    overflow: auto;
    height: 240px;
    width: 100%;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanel--informatioCompanienBox {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__slidingPanel--informatioCompanienBox {
        width: 33.3333333333%;
    }
}

@media (min-width: 1200px) {
    .headerReguestPageFuneralPricing__slidingPanel--informatioCompanienBox {
        width: calc(100% - 660px);
    }
}

.headerReguestPageFuneralPricing__slidingPanel--backOfficeBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.headerReguestPageFuneralPricing__slidingPanel--backOfficeBoxCallLink {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 45px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanel--backOfficeBoxCallLink {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerReguestPageFuneralPricing__slidingPanel--backOfficeElement {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    box-sizing: border-box;
    background-color: rgba(32, 192, 0, 0.3);
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
}

.headerReguestPageFuneralPricing__elementContentPremium {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    height: 180px;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid black;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 3px 10px 10px rgba(250, 206, 13, 0.3);
    z-index: 1;
    transition: transform 0.3s ease;
}

    .headerReguestPageFuneralPricing__elementContentPremium:hover {
        transform: translateY(-2px);
    }

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__elementContentPremium {
        height: 120px;
    }
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementContentPremium {
        height: 60px;
        width: 90%;
        flex-wrap: nowrap;
    }
}

.headerReguestPageFuneralPricing__elementBoxOnePremium {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 60px;
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxOnePremium {
        width: 60%;
    }
}

.headerReguestPageFuneralPricing__elementBoxOnePremium--leaderBoardNumber {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid black;
    background-color: #fae8d3;
    box-sizing: border-box;
    border-top-left-radius: 13px;
    border-bottom: 1px solid black;
    font-family: Cinzel, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgba(94, 94, 94, 0.7);
}

@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxOnePremium--leaderBoardNumber {
        border-right: 1px solid black;
        background-color: #ffd9ab;
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;
    }
}

.headerReguestPageFuneralPricing__slidingPanelPremium {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 90%;
    max-height: 0;
    overflow: hidden;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: max-height 0.3 s ease-in-out;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px 15px;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanelPremium {
        width: 85%;
    }
}

.headerReguestPageFuneralPricing__slidingPanelPremium.active {
    max-height: 1500px;
}

.headerReguestPageFuneralPricing__slidingPanelPremium--pictureAndInformationBox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

.headerReguestPageFuneralPricing__slidingPanelPremium--informatioCompanienBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    overflow: auto;
    height: 240px;
    width: 100%;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanelPremium--informatioCompanienBox {
        flex-direction: row;
    }
}

.headerReguestPageFuneralPricing__slidingPanelPremium--pictureBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 744px) {
    .headerReguestPageFuneralPricing__slidingPanelPremium--pictureBox {
        height: auto;
    }
}

.headerReguestPageFuneralPricing__slidingPanelPremium--heightBox {
    height: 20px;
    width: 100%;
}

.formRequestPageFuneralPricingSortElement {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
}

.formRequestPageFuneralPricingSortElement__sortSelected {
    width: 140px;
    background-color: rgba(99, 100, 99, 0.5);
    border: none;
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(255, 255, 255);
    border-radius: 5px;
}

@media (max-width: 744px) {
    .formRequestPageFuneralPricingSortElement__sortSelected {
        width: 100px;
    }
}

.headerPrivacy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 100vh;
    width: 100%;
    gap: 20px;
    position: relative;
}

.headerPrivacy__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    height: auto;
    width: 100%;
}

.headerPrivacy__titleBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .headerPrivacy__titleBox {
        width: 80%;
    }
}

.headerPrivacy__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPrivacy__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerPrivacy__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerPrivacy__informationBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 90%;
    align-items: center;
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    margin-bottom: 100px;
}

@media (min-width: 744px) {
    .headerPrivacy__informationBox {
        width: 70%;
    }
}

.headerRules {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    gap: 20px;
    position: relative;
}

.message-container h2 {
    align-content: center;
    font-size: 2rem;
    font-weight: 600;
}

.headerRules__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    height: auto;
    width: 100%;
}

.headerRules__titleBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 744px) {
    .headerRules__titleBox {
        width: 80%;
    }
}

.headerRules__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerRules__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headerRules__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.headerRules__informationBox {
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    margin-bottom: 100px;
}

@media (min-width: 744px) {
    .headerRules__informationBox {
        width: 70%;
    }
}

.headerAddNewUserCompanie {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 30px;
}

@media (min-width: 744px) {
    .headerAddNewUserCompanie {
        height: 100vh;
    }
}

.formAddNewUserCompanie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 15px;
}

.formAddNewUserCompanie__elementBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
    gap: 10px;
}

.formAddNewUserCompanie__label {
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 5px rgb(196, 196, 196);
}

.formAddNewUserCompanie__input {
    height: auto;
    width: 280px;
    padding: 4px 0px;
    box-sizing: border-box;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border-radius: 5px;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.5px;
}

.formOfferRequest {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-bottom: 115px;
}

.formOfferRequest__questBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
    width: 95%;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 2px 25px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.formOfferRequest__questBox--question {
    font-family: Cinzel, sans-serif;
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
}

.formOfferRequest__questBox--answer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.formOfferRequest__questBox--input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formOfferRequest__questBox--input:checked + .formOfferRequest__questBox--labelRight {
        border-radius: 15px;
        color: rgb(255, 0, 0);
    }

    .formOfferRequest__questBox--input:checked + .formOfferRequest__questBox--labelLeft {
        border-radius: 15px;
        color: rgb(30, 255, 0);
        text-shadow: 0px 0px 10px black;
    }

.formOfferRequest__questBox--label {
    display: block;
    width: 100%;
    padding: 15px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    text-shadow: 1px 1px 4px black;
    transition: all 0.1s ease-in-out;
}

    .formOfferRequest__questBox--label:hover {
        color: white;
    }

@media (min-width: 744px) {
    .formOfferRequest__questBox--label {
        font-size: 20px;
        line-height: 22px;
        padding: 10px 30px;
    }
}

.formOfferRequest__questBox--labelRight:hover {
    border-radius: 15px;
    color: rgb(255, 0, 0);
}

.formOfferRequest__questBox--labelLeft:hover {
    border-radius: 15px;
    color: rgb(28, 221, 2);
}

.formOfferRequest__importantInformationBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 95%;
    gap: 5px;
}

.formOfferRequest__importantInformationQestion {
    font-family: Cinzel, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
}

.formOfferRequest__importantInformation {
    height: 70px;
    width: 75%;
    text-align: center;
    border: 10px double #646363;
    background: #f0f0f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.formOfferRequest__importantInformationNumber {
    height: 30px;
    width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
}

.formOfferRequest__priceLabel {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formOfferRequest__priceInput {
    height: 25px;
    width: 250px;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .formOfferRequest__priceInput::placeholder {
        color: white;
    }

.headerDistributorPanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    gap: 30px;
}

.headerDistributorPanel__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: calc(100% - 237px);
    gap: 20px;
}

.headerDistributorPanel__titleBox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    min-height: 66px;
    width: 85%;
    height: auto;
}

@media (min-width: 1024px) {
    .headerDistributorPanel__titleBox {
        width: 60%;
    }
}

.headerDistributorPanel__titleBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .headerDistributorPanel__titleBox--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerDistributorPanel__titleBox--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 744px) {
    .headerDistributorPanel__titleBox--content {
        width: calc(100% - 100px);
    }
}

.headerDistributorPanel__titleBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .headerDistributorPanel__titleBox--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerDistributorPanel__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerDistributorPanel__decorationElementsBox {
        height: 160px;
    }
}

.headerDistributorPanelProfile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    gap: 30px;
}

@media (min-width: 744px) {
    .headerDistributorPanelProfile {
        height: 100vh;
    }
}

.headerDistributorPanelProfile__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: calc(100% - 237px);
    gap: 50px;
}

.headerDistributorPanelProfile__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerDistributorPanelProfile__decorationElementsBox {
        height: 160px;
    }
}

.headerDistributorPanelProfile__profilePictureBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 15px;
}

@media (min-width: 744px) {
    .headerDistributorPanelProfile__profilePictureBox {
        padding-top: 50px;
        box-sizing: border-box;
    }
}

.headerDistributorPanelProfile__importantInformationBox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    min-height: 66px;
    width: 85%;
    height: auto;
}

@media (min-width: 1024px) {
    .headerDistributorPanelProfile__importantInformationBox {
        width: 60%;
    }
}

.headerDistributorPanelProfile__importantInformationBox--decorationElementLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .headerDistributorPanelProfile__importantInformationBox--decorationElementLeft {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerDistributorPanelProfile__importantInformationBox--content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
}

@media (min-width: 744px) {
    .headerDistributorPanelProfile__importantInformationBox--content {
        width: calc(100% - 100px);
    }
}

.headerDistributorPanelProfile__importantInformationBox--decorationElementRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 60px;
    padding: 10px 10px;
    box-sizing: border-box;
}

@media (max-width: 744px) {
    .headerDistributorPanelProfile__importantInformationBox--decorationElementRight {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerDistributorPanelProfile__buttonBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

.formHeaderDistributorPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 85%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-image: url(../../../images/test1234.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    padding: 15px 20px;
    box-sizing: border-box;
    gap: 50px;
}

@media (min-width: 1024px) {
    .formHeaderDistributorPanel {
        width: 60%;
    }
}

.formHeaderDistributorPanel__baseInformationBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 15px;
}

.formHeaderDistributorPanel__typeCompanieBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 15px;
}

.formHeaderDistributorPanel__elementBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

@media (min-width: 1024px) {
    .formHeaderDistributorPanel__elementBox {
        flex-direction: row;
    }
}

.formHeaderDistributorPanel__radioElementBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.formHeaderDistributorPanel__radioElementBox--option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media (min-width: 1024px) {
    .formHeaderDistributorPanel__radioElementBox--option {
        flex-direction: row;
    }
}

.formHeaderDistributorPanel__checkBoxElementBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.formHeaderDistributorPanel__checkBoxElementBox--option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .formHeaderDistributorPanel__checkBoxElementBox--option {
        flex-direction: row;
    }
}

.formHeaderDistributorPanel__accountBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
}

.formHeaderDistributorPanel__label {
    height: auto;
    width: 268px;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 744px) {
    .formHeaderDistributorPanel__label {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    .formHeaderDistributorPanel__label {
        font-size: 24px;
        line-height: 36px;
    }
}

.formHeaderDistributorPanel__input {
    height: 30px;
    width: 95%;
    max-width: 700px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    color: #000000;
    box-sizing: border-box;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
}

    .formHeaderDistributorPanel__input::placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

@media (min-width: 744px) {
    .formHeaderDistributorPanel__input {
        width: 85%;
    }
}

.formHeaderDistributorPanel__inputRadio {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formHeaderDistributorPanel__inputRadio:checked + .formHeaderDistributorPanel__labelRadio {
        background-color: rgba(56, 255, 16, 0.3);
        border-radius: 10px;
    }

.formHeaderDistributorPanel__labelRadio {
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: center;
    color: #000000;
    padding: 5px 10px;
    box-sizing: border-box;
}

.formHeaderDistributorPanel__inputCheckBox {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formHeaderDistributorPanel__inputCheckBox:checked + .formHeaderDistributorPanel__labelCheckBox {
        background-color: rgba(56, 255, 16, 0.3);
        border-radius: 10px;
    }

.formHeaderDistributorPanel__labelCheckBox {
    font-family: Cinzel, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: center;
    color: #000000;
    padding: 5px 10px;
    box-sizing: border-box;
}

.formProfileDistributor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 100%;
}

.formProfileDistributor__labelPicture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 240px;
    background-image: url(../../../images/user-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 50%;
}

@media (min-width: 744px) {
    .formProfileDistributor__labelPicture {
        height: 260px;
        width: 260px;
    }
}

@media (min-width: 1024px) {
    .formProfileDistributor__labelPicture {
        height: 290px;
        width: 290px;
    }
}

@media (min-width: 1800px) {
    .formProfileDistributor__labelPicture {
        height: 360px;
        width: 360px;
    }
}

.formProfileDistributor__inputPicture {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.headerLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.headerLoading1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
}

    .headerLoading2 {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 70vh;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

.headerLoading__svg {
    position: relative;
    width: 150px;
    height: 150px;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.headerLoading__circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 2;
    stroke: rgba(100, 99, 99, 0.6);
    stroke-linecap: round;
    transform: translate(5px, 5px);
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    animation: animate 4s linear infinite;
}

@keyframes animate {
    0% {
        stroke-dashoffset: 440;
    }

    50% {
        stroke-dashoffset: 0;
    }

    50.1% {
        stroke-dashoffset: 880;
    }
}

.headerLoading__logo {
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 55px);
    height: 110px;
    width: 110px;
}

.headerCompanyProfilePremium {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium {
        height: 100vh;
    }
}

.headerCompanyProfilePremium__content {
    height: auto;
    width: 100%;
    padding: 0px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 744px) {
    .headerCompanyProfilePremium__content {
        padding: 0px 20px 20px;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__content {
        padding: 0px 40px 20px;
        min-height: calc(100% - 70px);
    }
}

.headerCompanyProfilePremium__profileBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    gap: 20px;
    padding: 20px 20px;
    box-sizing: border-box;
    background-image: url(../../../images/test1234.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBox {
        flex-direction: row;
        min-height: calc(100% - 70px);
    }
}

.headerCompanyProfilePremium__profileBoxPictureAndInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo {
        height: 100%;
        justify-content: space-around;
        width: 70%;
    }
}

.headerCompanyProfilePremium__profileBoxPictureAndInfo--picture {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
}

.headerCompanyProfilePremium__profileBoxPictureAndInfo--info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 95%;
    max-width: 660px;
}

@media (min-width: 744px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo--info {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo--info {
        width: 100%;
        max-width: 800px;
    }
}

@media (min-width: 1800px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo--info {
        max-width: 1200px;
    }
}

.headerCompanyProfilePremium__profileBoxPictureAndInfo--buttonBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px 10px;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}

@media (min-width: 744px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo--buttonBox {
        flex-direction: row;
        justify-content: space-around;
    }
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBoxPictureAndInfo--buttonBox {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.headerCompanyProfilePremium__profileBoxProfilePictureAndButtonBox {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBoxProfilePictureAndButtonBox {
        height: 100%;
        width: 30%;
    }
}

.headerCompanyProfilePremium__profileBoxProfilePictureAndButtonBox--buttonBox {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 1024px) {
    .headerCompanyProfilePremium__profileBoxProfilePictureAndButtonBox--buttonBox {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 10px 10px;
        box-sizing: border-box;
        height: auto;
        width: 100%;
    }
}

.formProfileBoxProfilePremiumPicture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 100%;
}

.formProfileBoxProfilePremiumPicture__labelPicture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 240px;
    background-image: url(../../../images/user-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 50%;
}

@media (min-width: 744px) {
    .formProfileBoxProfilePremiumPicture__labelPicture {
        height: 260px;
        width: 260px;
    }
}

@media (min-width: 1024px) {
    .formProfileBoxProfilePremiumPicture__labelPicture {
        height: 290px;
        width: 290px;
    }
}

@media (min-width: 1800px) {
    .formProfileBoxProfilePremiumPicture__labelPicture {
        height: 360px;
        width: 360px;
    }
}

.formProfileBoxProfilePremiumPicture__inputPicture {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formProfilePremiumBoxPicture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 20px;
}

@media (min-width: 744px) {
    .formProfilePremiumBoxPicture {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .formProfilePremiumBoxPicture {
        flex-direction: row;
        gap: 5px;
    }
}

@media (min-width: 1280px) {
    .formProfilePremiumBoxPicture {
        flex-direction: row;
        gap: 10px;
    }
}

@media (min-width: 2200px) {
    .formProfilePremiumBoxPicture {
        gap: 15px;
    }
}

.formProfilePremiumBoxPicture__labelPicture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 210px;
    width: 280px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 15px;
}

@media (min-width: 744px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 240px;
        width: 320px;
    }
}

@media (min-width: 1024px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 120px;
        width: 160px;
    }
}

@media (min-width: 1280px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 150px;
        width: 200px;
    }
}

@media (min-width: 1500px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 180px;
        width: 240px;
    }
}

@media (min-width: 1800px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 225px;
        width: 300px;
    }
}

@media (min-width: 2200px) {
    .formProfilePremiumBoxPicture__labelPicture {
        height: 270px;
        width: 360px;
    }
}

.formProfilePremiumBoxPicture__inputPicture {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formProfilePremiumBoxPicture__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.formProfilePremiumBoxPicture__wrapperTwo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 20px;
}

@media (min-width: 744px) {
    .formProfilePremiumBoxPicture__wrapperTwo {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .formProfilePremiumBoxPicture__wrapperTwo {
        width: auto;
        gap: 5px;
    }
}

@media (min-width: 1280px) {
    .formProfilePremiumBoxPicture__wrapperTwo {
        gap: 10px;
    }
}

@media (min-width: 2200px) {
    .formProfilePremiumBoxPicture__wrapperTwo {
        gap: 15px;
    }
}

@media (min-width: 2200px) {
    .formProfilePremiumBoxPicture__wrapperTwo {
        width: auto;
    }
}

.formProfilePremiumBoxInformation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.formProfilePremiumBoxInformation__textarea {
    height: 220px;
    width: 100%;
    text-align: center;
    border: 10px double #646363;
    background: #f0f0f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
    resize: none;
}

@media (min-width: 1024px) {
    .formProfilePremiumBoxInformation__textarea {
        height: 180px;
    }
}

@media (min-width: 1800px) {
    .formProfilePremiumBoxInformation__textarea {
        height: 240px;
    }
}

.formOfferMiniRequest {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: calc(100% - 78px);
    width: 100%;
    overflow: auto;
    padding-bottom: 200px;
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .formOfferMiniRequest {
        height: 100%;
        justify-content: space-between;
    }
}

.formOfferMiniRequest__container {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px 10px;
    border: 1px;
    border: 10px double #646363;
    border-radius: 10px;
    box-sizing: border-box;
    background: #f0f0f0;
    overflow: auto;
    gap: 20px;
    max-height: calc(100% - 255px);
}

@media (min-width: 744px) {
    .formOfferMiniRequest__container {
        height: calc(100% - 155px);
        height: 100%;
        max-height: 100%;
    }
}

.formOfferMiniRequest__questBox {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: auto;
    width: 95%;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 2px 10px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

@media (min-width: 744px) {
    .formOfferMiniRequest__questBox {
        flex-direction: row;
    }
}

.formOfferMiniRequest__questBox--question {
    font-family: Cinzel, sans-serif;
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
}

.formOfferMiniRequest__questBox--answer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.formOfferMiniRequest__questBox--input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .formOfferMiniRequest__questBox--input:checked + .formOfferMiniRequest__questBox--labelRight {
        border-radius: 15px;
        color: rgb(255, 0, 0);
    }

    .formOfferMiniRequest__questBox--input:checked + .formOfferMiniRequest__questBox--labelLeft {
        border-radius: 15px;
        color: rgb(30, 255, 0);
        text-shadow: 0px 0px 10px black;
    }

.formOfferMiniRequest__questBox--label {
    display: block;
    width: 100%;
    padding: 15px 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -1.5px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    text-shadow: 1px 1px 4px black;
    transition: all 0.1s ease-in-out;
}

    .formOfferMiniRequest__questBox--label:hover {
        color: white;
    }

@media (min-width: 744px) {
    .formOfferMiniRequest__questBox--label {
        font-size: 20px;
        line-height: 22px;
        padding: 10px 30px;
    }
}

.formOfferMiniRequest__questBox--labelRight:hover {
    border-radius: 15px;
    color: rgb(255, 0, 0);
}

.formOfferMiniRequest__questBox--labelLeft:hover {
    border-radius: 15px;
    color: rgb(28, 221, 2);
}

.formOfferMiniRequest__importantInformationBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 95%;
    gap: 5px;
}

.formOfferMiniRequest__importantInformationQestion {
    font-family: Cinzel, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
}

.formOfferMiniRequest__importantInformation {
    height: 70px;
    width: 75%;
    text-align: center;
    border: 10px double #646363;
    background: #f0f0f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.formOfferMiniRequest__priceLabel {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formOfferMiniRequest__priceInput {
    height: 25px;
    width: 250px;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .formOfferMiniRequest__priceInput::placeholder {
        color: white;
    }

.formOfferMiniRequest__answerAndSendBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    padding: 10px 40px;
    box-sizing: border-box;
    gap: 20px;
}

@media (min-width: 744px) {
    .formOfferMiniRequest__answerAndSendBox {
        flex-direction: row;
        justify-content: space-around;
    }
}

.formOfferMiniRequest__answerAndSendBox--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 293px;
    gap: 20px;
}

@media (min-width: 744px) {
    .formOfferMiniRequest__answerAndSendBox--wrapper {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
    }
}

.formOfferMiniRequest__answerAndSendBox--label {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -1.5px;
    text-align: left;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.formOfferMiniRequest__answerAndSendBox--input {
    height: 25px;
    width: 100%;
    font-family: Cinzel, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: -webkit-linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    background: linear-gradient(90deg, rgb(100, 99, 99) 0%, rgb(175, 175, 175) 50%, rgb(100, 99, 99) 100%);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .formOfferMiniRequest__answerAndSendBox--input::placeholder {
        color: #f0f0f0;
    }

.offers.offers--open {
    transform: translateX(0);
}
.toast {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    animation: fadeInOut 4s forwards;
}

@keyframes fadeInOut {
    0% {
        background-color: rgba(0, 0, 0, 0.1);
    }

    10% {
        background-color: rgba(0, 0, 0, 0.3);
    }

    90% {
        background-color: rgba(0, 0, 0, 0.5);
    }

    100% {
        background-color: rgba(0, 0, 0, 0.6);
    }
}

.toast__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: auto;
    width: 320px;
    background-color: rgb(212, 212, 212);
    color: rgb(0, 0, 0);
    padding: 12px 20px;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 24px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 20px 0px 30px;
    box-sizing: border-box;
    animation: fadeInOutTwo 0.4s forwards;
}

@media (min-width: 744px) {
    .toast__container {
        width: 370px;
    }
}

@keyframes fadeInOutTwo {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0.1;
    }

    20% {
        opacity: 0.2;
    }

    30% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.5;
    }

    60% {
        opacity: 0.6;
    }

    70% {
        opacity: 0.7;
    }

    80% {
        opacity: 0.8;
    }

    90% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

.toast__buttonBox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 320px;
    height: auto;
}

.toast__informationBox {
    height: auto;
    width: 320px;
    padding: 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerReguestPageFuneralPricing__elementBoxTwoWithNot {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 320px;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.changePassword__informationBox {
    height: auto;
    width: 320px;
    padding: 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.formResetPassword {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
    margin-bottom: 20px;
}

.headerPasswordReset {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(../../../images/header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.headerPasswordReset__decorationElementsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: rgb(100, 99, 99);
    background: -moz-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 99, 99, 0.6) 0%, rgba(100, 99, 99, 0) 100%);
}

@media (min-width: 744px) {
    .headerPasswordReset__decorationElementsBox {
        height: 160px;
    }
}

.message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #a3c7b6;
    color: #065f46;
    font-size: 22px;
    font-weight: 600;
    padding: 18px 36px;
    border: 2px solid #108f64;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    animation: fadeInOut 4s ease-in-out forwards;
    z-index: 1000;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translate(-50%, -60%);
    }

    15% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    85% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -40%);
    }
}
@media (min-width: 1024px) {
    .headerReguestPageFuneralPricing__elementBoxTwoWithNot {
        width: 40%;
    }
}

.cookie-popup,
.cookie-settings-modal {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    background: #fdf8f3; /* kremowy */
    border: 2px solid #d8b36a; /* złoty */
    padding: 20px 25px;
    z-index: 9999;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    font-family: 'Segoe UI', sans-serif;
}

.cookie-popup-content h2,
.cookie-settings-content h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 20px;
    color: #5a4328;
}

.cookie-popup-content p {
    font-size: 14px;
    color: #3f3f3f;
    margin-bottom: 15px;
}

.cookie-popup-buttons button,
.cookie-settings-buttons button {
    margin: 8px 5px 0 0;
    padding: 8px 16px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

button.accept {
    background-color: #0d4f19;
    color: white;
}

button.settings {
    background-color: #a1740b;
    color: white;
}

button.reject {
    background-color: #82261a;
    color: white;
}

.cookie-settings-modal {
    top: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 3rem;
}

.cookie-settings-content {
    background: #fffdf8;
}

    .cookie-settings-content label {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 10px 0;
        font-size: 14px;
        color: #3f3f3f;
    }

    .cookie-settings-content input[type="checkbox"] {
        margin-top: 3px;
    }

/* Cookie popup – domyślny styl */
.cookie-popup,
.cookie-settings-modal {
    width: 50%;
    max-width: 600px;
}

/* Responsywność na małych ekranach */
@media (max-width: 600px) {
    .cookie-popup,
    .cookie-settings-modal {
        width: 90%;
        padding: 15px;
        font-size: 14px;
    }

    .cookie-settings-content label {
        flex-direction: column;
        align-items: flex-start;
    }

    .cookie-settings-buttons button {
        width: 100%;
        margin: 5px 0;
    }

    .cookie-popup-buttons {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .cookie-popup-buttons button {
            width: 100%;
            font-size: 14px;
        }
}
.city-autocomplete {
    position: absolute;
    z-index: 1000;
    margin-top: 6px;
    max-height: 260px;
    overflow: auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    list-style: none;
    padding: 6px;
    width: min(480px, 100%);
}

    .city-autocomplete li {
        padding: 10px 12px;
        border-radius: 8px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .city-autocomplete li:hover,
        .city-autocomplete li.active {
            background: #f4f7fa;
        }