@font-face {
  font-family: Rhode;
  src: url('../fonts/Rhode-Condensed-Bold.otf');
  font-weight: 700;
}
@font-face {
  font-family: Rhode-condensed;
  src: url('../fonts/Rhode-Condensed-Bold.otf');
  font-weight: 400;
}
body {
    background-color: #D9232A;
    max-width: 1600px;
    margin: auto;
    font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;
}
main, .modal-content {
    background: #FFFFFE;
background: linear-gradient(180deg, rgba(255, 255, 254, 1) 0%, rgba(237, 249, 255, 1) 30%, rgba(134, 198, 227, 1) 100%);
}
footer {
    background-color: #86C6E3;
}
.title {
    font-family: Rhode;
    letter-spacing: 0.5px;
    color: black !important;
    background-color: black !important;
    background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.red-txt {
    color: #D9232A;
    font-weight: 700;
}
.w-40 {
    width: 40%;
}
.main-div {
    position: relative;
    bottom: 100px;
}
.fs-tiny {
    font-size: 12px;
}
.fs-6 {
    font-size: 17px !important;
}
.ff-rhode, .form-control, .form-select, label {
    font-family: Rhode-condensed !important;
    color: #6F6F6F !important;
    letter-spacing: 0.5px !important;
    opacity: 100% !important;
}
.form-control, .form-select {
    border-radius: 8px !important;
background: #FFF !important;
border: none !important;
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.22));
height: 50px !important;
}
label {
    padding-top: 10px !important;
}
.receipt {
padding-top: 15px !important;
}
.term-padding {
    padding-top: 0px !important;
}
.footer-div {
    justify-self: center;
}
.title-win {
    font-family: Rhode;
    letter-spacing: 0.76px;
    opacity: 0.75;
background: linear-gradient(90deg, #E1B434 0%, #AB8300 25%, #FFD435 50%, #C8AE4F 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.terms > footer > .termsDiv {
    display: none;
}
@media screen and (max-width: 1000px) {
.form-width {
    width: 75% !important;
}
.w-40 {
    width: 50% !important;
}
}
@media screen and (max-width: 750px) {
    .main-div {
    bottom: 50px;
}
.w-25 {
    width: 40% !important;
}
.form-width, .w-40 {
    width: 75% !important;
}
.legal-width {
    width: 75% !important;
}
}
@media screen and (max-width: 500px) {
    .main-div {
    bottom: 0px;
}
.fs-tiny {
    font-size: 9px;
}
.fs-6 {
    font-size: 14px !important;
}
.w-75, .w-40 {
    width: 95% !important;
}
.g-3 {
    --bs-gutter-y: 0rem !important;
    --bs-gutter-y: 0rem !important;
}
.form-width {
    width: 95% !important;
}
}