.c-section-modal { display: none; position: fixed; z-index: 15; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); } .c-section-modal-article { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .c-section-modal-content { max-width: 100rem; width: 100%; height: 55.6rem; background-color: rgba(14, 14, 14, 1); margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } .c-section-modal-imgs { width: 100%; height: 100%; } .c-section-modal-img { width: 100%; height: 100%; } .c-section-modal-form { padding: 8.8rem 3.2rem; position: relative; width: 100%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; gap: 4.3rem; } .c-section-modal-form-header { display: flex; align-items: center; gap: 2.4rem; width: 100%; justify-content: space-between; } .c-section-modal-form-header-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 32.8px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-section-modal-form-header-svgs { display: flex; align-items: center; gap: 2.4rem; } .c-section-modal-form-footer { display: flex; align-items: flex-start; flex-direction: column; gap: 1.6rem; } .c-section-modal-form-footer-btn { background-color: transparent; border: none; text-align: center; padding: 1.7rem 4.8rem; background-image: url("/img/rectangle.svg"); background-origin: border-box; background-position: center left; background-repeat: no-repeat; background-size: auto; cursor: pointer; position: relative; height: 50.04px; width: 238.06px; } .c-section-modal-form-footer-btn::after { display: block; content: ""; background-image: url("/img/subtract.svg"); background-origin: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 1%; right: 0.2rem; width: 25px; height: 50px; } .c-section-modal-form-footer-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 12px; line-height: 14.4px; color: rgba(100, 100, 100, 1); margin: 0; } .c-section-modal-form-body { display: flex; align-items: flex-start; flex-direction: column; gap: 0.8rem; width: 100%; } .c-section-modal-form-body-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; width: 100%; } .c-section-modal-form-body-item-label { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 12px; line-height: 14.4px; color: rgba(100, 100, 100, 1); margin: 0; } .c-section-modal-form-body-item-input { width: 100%; padding: 1.6rem; background-color: transparent; border: 1px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; margin: 0; } .c-section-modal-form-body-item-input::placeholder { color: rgba(255, 255, 255, 1); font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; margin: 0; } .c-section-modal-form-body-item-div { width: 100%; margin: 0; padding: 0; position: relative; } .c-section-modal-form-body-item-check { position: absolute; display: none; right: 16px; top: 16px; } .c-section-modal-form-body-item-check > circle { fill: #0178FE; } .c-section-modal-close { position: absolute; display: block; right: 18.21px; top: 18px; background-color: transparent !important; border: none; cursor: pointer; padding: 0; margin: 0; } .c-section-modal-close > svg { fill: #4B4B4B; } .c-section-modal-close:hover > svg { fill: #fff; } .c-section-modal-img-mobil { display: none; } @media (max-width: 1120px) { .c-section-modal-content { max-width: 90rem; width: 100%; height: 50rem; } } @media (max-width: 990px) { .c-section-modal-content { max-width: 90%; width: 100%; } } @media (max-width: 860px) and (orientation: landscape) { .c-section-modal-content { flex-direction: column; } .c-section-modal-img-desk { display: none; } .c-section-modal-img-mobil { display: block; height: auto; } } @media (max-width: 767px) { .c-section-modal-content { flex-direction: column; } .c-section-modal-img-desk { display: none; } .c-section-modal-img-mobil { display: block; height: auto; } } @media (max-width: 650px) { .c-section-modal-article { align-items: flex-start; } .c-section-modal-content { max-width: 100%; } } @media (max-width: 480px) { .c-section-modal-form-header { flex-direction: column; align-items: flex-start; } .c-section-modal-close { right: 26.21px; top: 27px; } } @media (max-width: 390px) { .c-section-modal-form-header-h1 { font-size: 24px; line-height: 24.6px; } .c-section-modal-form-body-item-input { font-size: 12px; line-height: 14.4px; } .c-section-modal-form-body-item-input::placeholder { font-size: 12px; line-height: 14.4px; } }