body {
    background-color: #ededed;
}

/*Start Container */
.container{
  width: 95%;
  margin-inline: auto;
}
@media(max-width:900px){
  .container{
    width: 100%;
  }
}
/*End Container */

/*Start Margin */
.m-15{
  margin: 15px;
}

.mt-15{
  margin-top: 15px;
}

.minline-auto{
  margin-inline: auto;
}

.me-20{
  margin-left: 20px;
}
.me-50{
  margin-left: 50px;
}
/*End Margin */

/* Start Padding */
.p-20{
  padding: 20px;
}
/* End Padding */

/*Start FlexBox */
.flex-col{
  display: flex;
  flex-direction: column;
}

.flex{
  display: flex;
}

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

.flex-around{
  display: flex;
  justify-content: space-around;
}

.flex-evenly{
  display: flex;
  justify-content: space-evenly;
}

.flex-right{
  display: flex;
  justify-content: right;
}
.wrap{
  flex-wrap: wrap;
}

.g-5{
  gap: 5px;
}
/*End FlexBox */
/* Start Display */
.block{
  display: block;
}
.hidden{
  display: none !important;
}
/* End Display */

/* Start Width & height */
.w-3{
  width: 33.3%;
}
.w-20{
  width: 20%;
}
.w-50{
  width: 50%;
}
.w-80{
  width: 80%;
}
.w-100{
  width: 100%;
}
/* End Width & height */



.btn_section {
    width: 100%;
    margin-top: 35px;
}

    .btn_section .submit_btn {
        padding: 5px 45px;
        border-radius: 15px;
        background-color: var(--btn-prim-color);
        color: white;
        border: 1px solid gray;
        cursor: pointer;
        outline: none;
    }

    .btn_section .cancel_btn {
        padding: 5px 45px;
        border-radius: 15px;
        background-color: rgb(199, 199, 199);
        color: white;
        border: 1px solid gray;
        cursor: pointer;
        outline: none;
    }

    .btn_section .delete_btn {
        padding: 5px 45px;
        border-radius: 15px;
        background-color: rgb(255, 41, 41);
        color: white;
        border: 1px solid gray;
        cursor: pointer;
        outline: none;
    }