body {
    margin: 0 auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-top: 150px;
    gap: 20px;
}

.formsg {
    margin: 0 auto;
    width: 100%;
    border: 1px solid;
    min-height: 200px;
    overflow-y: scroll;
    height: 260px;
}

textarea {
    margin: 0 auto;
    width: 100%;
}


/*------------------------------pagination---------------------------*/


.pag {
    margin: 0 auto;
    width: 150px;
    margin-top: 50px;
}

.pag ul {
    display: flex;
    list-style-type: none;
    gap: 10px;
}

.pag ul li {
    border: 1px solid #000;
    padding: 5px;
    cursor: pointer;
}

.pag ul li:hover {
    border-color: #d54e4e;
    color:  #d54e4e;
}

.active {
    border-color: #d54e4e;
    color:  #d54e4e;
    border: 2px solid;
}



/*------------------Slider-----------------------------*/

.mega {
    width: 83%;
}

.box {
    overflow: hidden;

}

.slidertrack {
    display: flex;
}

.con-btns {
    text-align: center;
}