*{
    font-family: "Montserrat", sans-serif;
}



.gray-background{
    background-color: rgb(231 231 231);
}


/* footer*/

.secure-payments img {
    height: 40px;
    width: fit-content;
}




/* banner*/

.background-cta {
    padding: 4rem;
    border-radius: 1.25rem;
}




.bg-hero-sc{
    background: rgb(255,123,0);
    background: linear-gradient(90deg, rgba(255,123,0,1) 0%, rgba(255,170,0,1) 20%, #ffa900 86%, rgba(255,123,0,1) 100%);
}


/*contact form */

.field:not(:last-child) {
    margin-bottom: .75rem;
}

.field {
    width: 100%;
}


.menu-desktop li {
	color: white;
}


header.sticky{
    background: linear-gradient(90deg, rgba(255, 123, 0, 1) 0%, rgba(255, 170, 0, 1) 20%, rgba(255, 169, 0, 1) 86%, rgba(255, 123, 0, 1) 100%) !important;
}



.sticky #logo_home1 {
    display: block;
}
.menu-desktop li {
	color: white;
}


.sticky #logo_home1 {
    display: block;
}


.side-highlight img{
	height: 25px;
    width: 25px;
    color: #007850;
}

.socials img{
	height: 20px;
}

  
/* news letter */

.top-text p{
    color: rgb(0, 24, 51);
    font-weight: 700;
    font-size: 20px;
    margin: 0px 0px 4px;
}

.bottom-text p{
    color: rgb(79, 111, 143);
    font-size: 16px;
    margin: 0px;
}

.news-letter input{
    position: relative;
    appearance: none;
    display: block;
    width: 100%;
    font-family: inherit;
    color: rgb(0, 24, 51);
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    padding: 14px 12px;
    border-color: rgb(192, 202, 213);
    border-radius: 12px;
    font-size: 16px;
    height: 48px;
}

.news-letter input:focus{
        outline: 0px;
        border-color: #ff7f00;
        box-shadow: #ff7f00 0px 0px 0px 2px;
    
}


.login-page-new__main-bg {
    position: absolute;
    height: calc(100% - 18vh);
    width: 100%;
    top: 30vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 123, 0, 1) 0%, rgba(255, 170, 0, 1) 20%, rgba(255, 169, 0, 1) 86%, rgba(255, 123, 0, 1) 100%);
    background-size: cover;
}
.login-page-new__main-bg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../../img/mot-passe-oublie/login__bg-top.svg) center top no-repeat;
    background-size: 100%;
}

.login-page-new__main-bg:before {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 300%;
    top: -100%;
    left: -50%; 
    background: url(../../img/mot-passe-oublie/login__bg-dots.svg);
    transform: rotate(-28deg);
}


.fade-in {
    @apply transition-opacity duration-500 opacity-0;
  }
  .fade-in:not(.hidden) {
    @apply opacity-100;
  }


  .form-step {
    transition: transform 0.6s ease-in-out;

  }