body {
    background-color: #fefefe !important;
    display: grid;
}


#morePage,
#dersPage,
#imtahanPage,
#fennPage,
.mainPage,
#layiheHaqqinda,
#aztuMap {
    background-color: #fefefe;
    /* position: absolute; */
    min-height: 100%;
    width: 100%;
    padding: 15px 15px 15px 15px;
    /* z-index: 2; */
}


@media only screen and (min-width: 1020px) {
    body {
        /* display: flex; */
    }

   

    .mainPage {
        width: 30%;
        position: relative;
        margin: auto;
        top: 30px;
        background-color: #fff;
    }

}

.mPageHead {
    font-size: 22px;
    font-weight: bold;
}

.mPageContainer {
    margin-top: 10px;
    margin-bottom: 70px;
}

.mPageContainer .btn-lightcoral {
    border-radius: 30px;
    width: 90%;
    font-weight: 500;
    margin: 7px;
}

.btn-lightcoral {
    background-color: lightcoral !important;
    color: white !important;
}


/*Carousel*/


#carouselExampleIndicators {
    margin-top: 10px;
    margin-bottom: 30px;
}

.carouselCustom {
    bottom: -20px;
    margin: 0;
}

.carousel-indicators li {
    background-color: lightcoral;
}

.carouselCustom .carousel-indicators .active {
    background-color: lightcoral;
}

.carouselBox {
    display: flex;
    justify-content: space-between
}

/*Carousel end*/




/*Custom form items*/
.form-control-custom {
    border-radius: 30px;
    margin-bottom: 10px;
}

.form-control-custom:active {
    box-shadow: 0 0 0 0.2rem rgb(240 128 128 / 25%);
    border: 1px solid lightcoral;
}

.form-control-custom:focus {
    box-shadow: 0 0 0 0.2rem rgb(240 128 128 / 25%);
    border: 1px solid lightcoral;
}

/*Custom form items end*/


/*Ders cedveli page*/
.dersler {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
}

.ders {
    background-color: #f1f1f1;
    width: 100%;
    margin-top: 5px;
    border-radius: 10px;
    padding: 1px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-week {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px 0px #ddd;
    border-radius: 17px;
    padding: 15px 10px;
    margin-bottom: 10px;
}

.card-umumi2 {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

/*Ders cedveli page end*/


/*More page*/
.card-umumi {
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.umumi-about {
    font-size: 11px;
    font-weight: 400;
    color: lightcoral;
}

.card-umumi:active {
    background: #ededed;
}

.umumi-sol {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.umumi-sol p {
    margin-left: 10px;
    margin-bottom: 0;
}

.umumi-icon {
    background: #f1f1f1;
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    border-radius: 15px;
    color: lightcoral;
}

.umumi-sag {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    font-size: 10px;
    margin-left: 3px;

}

.umumi-sag p {
    margin-bottom: 0;
}

hr {
    width: 96%;
    margin: 0 13px;
}

a,
a:hover {
    text-decoration: none !important;
    color: #333;
}

/*More page end*/