@font-face {
    font-family: "Kohinoor";
    src: url("./assets/fonts/Kohinoor-Demi\ 2.otf") format("opentype");
}
@font-face {
    font-family: "QuickSand";
    src: url("./assets/fonts/Quicksand-VariableFont_wght.ttf") format("truetype");
}
.fontBig {
    font-family: "Kohinoor";
}
.fontParagraph {
    font-family: "QuickSand";
}
.gradient-bg-lp{
  background: linear-gradient(135deg, #F5EFEF 0%, #FEAFA8 100%);
  }
.coming-soon-text {
    font-size: 60px;
    font-weight: 500;
    background: linear-gradient(90deg, #f3b33e 0%, #eb693c 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sub-title-text{
    font-size: 20px;
    font-weight: 500;
}
.logo {
    height:95px;
}
.height-content {
 margin-top: 80px;
 display: flex;
 flex-direction: column;
 height: 35vh;
 z-index: 1 !important;
}
.text-blue{
    color: #475467 !important;
}
.text-light{
    color: #475467 !important;
    font-size: 20px;
}
.paragraph {
    width: 42vw;
}
.x-center {
    display: flex;
    justify-content: center;
}
.x-end {
    display: flex;
    justify-content: end;
}
.y-center {
    display: flex;
    align-items: center;
}
.y-end {
    display: flex;
    align-items: end;
}
.illustration-container{
    width: 32%;
}
.email-input::placeholder {
    color: rgb(156, 155, 155); /* Change this to your desired color */
    opacity: 1;  /* Ensure full opacity */
  }
.illustration {
    height: 75vh;
}
.position-abs {
    position: absolute;
    bottom: -10em;
}
.subscribe-button {
    cursor:pointer !important;
    background-image: linear-gradient(to right, #F3B33E 0%, #EB693C  100%);
    padding: 7px 10px;
    text-align: center;
    transition: 0.5s;
    color: white;            
    border-radius: 10px;
    border: 0px solid;
}
.spinner{
    position: absolute;
     top: 20%;
     left: 40%;
}
.subscribe-button:hover {
background-position: right center;
color: #fff;
text-decoration: none;
    }
 .padding-form {
    padding: 0px 8px !important;
 }
 .form-control:focus {
    box-shadow:0 0 4px #f3874499!important;
    border-color : #f38744!important;
 }
 .y-responsive{
    display: flex;
    align-items: end;
 }
/* Mobile */
@media (max-width: 767px) {
    .sib-form-block{
        padding: 0px 1rem !important;
    }
    .coming-soon-text {
    line-height: 1em;
    font-weight: bold;
    font-size: 32px;
    }
    .text-light {
    font-size: 16px;
    }
    .paragraph {
        width: 95vw;
        margin: 15px 0px;
    }
    .position-abs {
        position: absolute;
        left: -2em;
        bottom: -8em;
    }
    .illustration {
        height: 40vh;
    }
    .subscribe-button {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
        margin-top: 20px;
    }
    .bg-mob {
        background: linear-gradient(135deg, #F5EFEF 0%, #FEAFA8 100%);
    }
    .spinner{
        left: 45%;
    }
}
@media (max-width: 670px) {
    .height-content {
        margin-top: 0px;
        height: 45vh;
    }
    .y-responsive{
        display: flex;
        align-items: center;
     }
}