@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    max-width: 1920px;
    height: 6000px;
}


/* Header */


.content__header {
    max-width: 100%;
    height: 1158px;
    background-image: url("/images/background.jpg");
}

.header__text {
    width: 706px;
    height: 517px;
    color: #FFF;
    font-family: Inter;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-top: 229px;
    margin-left: -90px;
}

.header__text b {
    color: #E01935;
    font-family: Inter;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.header__text .ol {
    color: #E01935;
    font-family: Inter;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

form {
    margin-left: 240px;
    margin-top: 170px;
}

.name {
    flex-direction: column;
    flex-shrink: 0;
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: -40px;
}

.form-group {
    padding: 78px 0 0 0;
}

.form-control {
    color: #FFF;
    font-size: 15px;
    background: transparent;
    border-width: 460px;
    border: 3px solid #FFF;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.form-control:focus, .form-control:active {
    background: transparent;
    color: #FFF;
    font-size: 18px;
}

.form-control::placeholder {
    color: #FFF;
}

input::placeholder {
    color: #FFF;
    font-size: 1.5em;
    padding: 0 0 20px -10px;
    background: transparent;
}


.btn {
    width: 608px;
    height: 92px;
    background-color: #E01935;
    border: #E01935;
    border-radius: 20px;
    margin-top: 90px;
}

.btn__slk {
    width: 476px;
    height: 54px;
    text-decoration: none;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.help {
    max-width: 1920px;
    height: 850px;
}

.mask__header {
    height: 93px;
    flex-shrink: 0;
    background: #FAEFD7;
    margin-top: 60px;
}

.header__know {
    display: flex;
    width: 1027px;
    height: 75px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #E01935;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 446px;
}

.h2__know {
    display: flex;
    width: 1199px;
    height: 757px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 430px;
}

.h2__dgs {
    display: flex;
    width: 1072.425px;
    height: 253px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 400px;
}

.tho__know {
    display: flex;
    width: 400px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #E01935;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 25px;
    margin-left: 90px;
}

.p__know {
    width: 350.563px;
    height: 505px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 25px;
    margin-left: 120px;
}

.p__knowi {
    width: 339.7px;
    height: 498px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 25px;
    margin-left: 120px;
}

.h2__rest {
    width: 1071.32px;
    height: 253px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 80px;
    margin-left: 400px;
}

/* Accordion */

.content__maker {
    width: 1000px;
    margin-left: 455px;
    margin-top: -100px;
}

.accordion-body {
    width: 782.28px;
    height: 221px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.p__accordion {
    width: 580px;
    color: black;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160.5%; /* 28.89px */
    text-transform: none;
    margin-left: 52px;
}

.p__accordion__trabel {
    width: 580px;
    color: rgba(255, 255, 255, 0.82);
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160.5%; /* 28.89px */
    text-transform: none;
    margin-left: 122px;
}

.accordion-button {
    color: black;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    line-height: 144.5%; /* 40.46px */
    text-transform: uppercase;
    padding: 50px 0px 30px;
}

.accordion-button:focus {
    border-color: #010001;
}

.accordion-button::after {
    width: 70px;
    height: 70px;
    background: url("/images/rotate-right-solid\ \(1\).svg");
    fill: #000;
    transform: rotate(85deg);
}

.h2__price__header {
    width: 1071.32px;
    height: 253px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 400px;
    margin-top: 50px;
}

.h2__price {
    width: 1108px;
    height: 976px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: -95px;
    margin-left: 450px;
}

.h3__conclusion {
    display: flex;
    width: 1071px;
    height: 602px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 400px;
}

.mask__footer {
    height: 112px;
    flex-shrink: 0;
    background: #FAEFD7;
}

.pol__footer {
    position: absolute;
    width: 1047.001px;
    height: 2px;
    background: #FFF;
    margin-top: 26px;
    margin-left: 449px;
}

.logo {
    margin-left: 450px;
    margin-top: 13px;
}

.p__footer {
    margin-left: 1200px;
    margin-top: -90px;
}