@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {
    --primary-color: #635BFF;
    --primary-color-30: rgba(100, 92, 255, 0.3);
    --primary-color-10: rgba(100, 92, 255, 0.1);
    --secondary-color: rgba(10, 37, 64);
    --secondary-color-30: rgba(10, 37, 64, 0.3);
    --secondary-color-50: rgba(10, 37, 64, 0.5);
    --black-color: #121212;
    --bengali-font: "Noto Sans Bengali", sans-serif;
}

*,html,body {
    margin: 0;
    padding: 0;
    font-family: "Manrope", serif;
    color: var(--black-color);
    /*font-family: "Inter", serif;*/
}
.body-overflow-hidden {
    overflow: hidden;
}

.area {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;

}
h1 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
}

.title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h2 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
}
.container-title {
    font-size: 20px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.input-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 10px;
    input, select {
        flex: 1;
        border: 1px solid #e8e8e8;
        padding: 10px;
        font-size: 15px;
        outline: none;
        border-radius: 7px;
    }
    input:hover:not(:focus),
    select:hover:not(:focus) {
        border-color: #454545;
    }
    input:focus,
    select:focus {
        border-color: #212121;
    }
}

[data-visibility="hidden"] {
    display: none !important;

}
/* Hide spin buttons in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
/*@media only screen and (max-width: 1040px) {*/
/*    h1 {*/
/*        font-size: 32px;*/
/*        font-weight: calc(32px + 13px);*/
/*    }*/
/*    h2 {*/
/*        font-size: 27px;*/
/*    }*/

/*    .container-title {*/
/*        font-size: 18px !important;*/
/*    }*/

/*}*/