/* styles.css */

@import url('/assets/fonts/IRANYekanX/style.css');

body {
    background-image: url('/images/background_index.svg'); 
    background-size: cover;
    background-position: center;
    height: 100vh; 
    margin: 0; 
    overflow: hidden; 
    direction:ltr;
}

.center-div {
    background-color: white;
    margin: 40px 12.5%; 
    height: calc(100vh - 80px); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border-radius:30px;
}

.inner-div {
    direction:rtl;
    margin: 20px; 
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    height: calc(100% - 40px); 
    align-items: stretch; 
}

.box {
    flex: 1; 
    margin: 0 10px; 
    /*background-color: lightblue; /* رنگ پس‌زمینه box ها */
    padding: 20px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 100%; 
    flex-direction: column; 
}

.box2 {
    background-image: url('/images/index_taskManager.svg'); 
    background-size: cover;
    background-position: center;
    border-radius:30px;
}



@media (max-width: 768px) {
    .box:nth-child(2) {
        display: none; 
    }
}

input {
    width: 100%; 
    margin: 10px 0; 
    padding: 10px; 
    border: 1px solid #ccc; 
    border-radius: 10px; 
    font-family: IRANYekanX;
}

.password-container {
    display: flex; 
    align-items: center; 
    width: 100%; 
}

.toggle-password {
    cursor: pointer; 
    margin-left: -40px; 
}

button {
    width: 100%; 
    padding: 10px; 
    background-color: #3F98C1;
    color: white; 
    border: none; 
    border-radius: 10px; 
    cursor: pointer;
    margin-top: 10px; 
    font-weight:600
}

    button:hover {
        background-color: #3785A9; 
    }


.responsive-div {
    margin:10px 0px;
    width: 75%; 
}

@media (max-width: 768px) {
    .responsive-div {
        width: 100%; 
    }
}

.txt_gray {
    color: #7C7C7C;
}