/* * ========================================== IMPORTANT VARIABLES ========================================== */
:root {
    --main-color: #393e41;
    --seccond-color: #0d0d0d;
    --text-color-elemnt: #fff;
  }

/*------------ Login container ------------*/
.box-area{
    width: 1230px;
}
/*------------ Right box ------------*/
.right-box{
    padding: 40px 30px 40px 40px;
}
/*------------ Custom Placeholder ------------*/
::placeholder{
    font-size: 16px;
}
.rounded-4{
    border-radius: 20px;
}
.rounded-5{
    border-radius: 30px;
}
/*------------ For small screens------------*/
@media only screen and (max-width: 768px){
     .box-area{
        margin: 0 10px;
     }
     .left-box{
        height: 200px;
        overflow: visible;
     }
     .right-box{
        padding: 20px;
     }
}

@media (max-width: 768px) {
    .featured-image {
        /* padding-top: 50px; */
        max-width: 25%; /* Reduce el tamaño del logo en pantallas pequeñas */
        text-align: center;
    }
}

.background-image {
    /* background: #eaebed; */
    background: #363537;
    /* background: rgb(246,166,63); */
    /* background: radial-gradient(circle, rgba(246,166,63,1) 0%, rgba(255,135,42,1) 100%);  */
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    /* background-image: url("../images/back.jpg"); */
}

.blur-image{
    filter: blur(5px); 
}