.editMain {
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

.editHeading {
    color: #000;
    font-size: var(--f35);
    font-weight: 600;
    font-style: normal;
    line-height: normal;
}


/* editing buttons */   

.mainBtns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 160px;
    height: 30px;
    border-radius: 5px;
    background: #C30000;
    cursor: pointer;

}

.mainBtnsPara {
    color: #fff;
    font-size: var(--f16);
    font-style: normal;
    line-height: normal;
    font-weight: 700;

}

/* undo buttons */
.UndoBtnMain {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 50%;
    max-width: 100px;
    height: 30px;
    border-radius: 5px;
    background: #D9D9D9;
    border: 1px solid #808080;
    cursor: pointer;

}

.UndoBtnsPara {
    color: #000;
    font-size: var(--f16);
    font-style: normal;
    line-height: normal;
    font-weight: 400;

}


/* main pic btns */

.SaveCanBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 100px;
    height: 40px;
    border-radius: 5px;
    background: #C30000;
    cursor: pointer;

}

.BtnTexts {
    color: #fff;
    font-size: var(--f24);
    font-style: normal;
    line-height: normal;
    font-weight: 400;

}


/* responsive */
@media screen and (max-width: 767px) {

    .mainBtns,
    .UndoBtnMain,
    .SaveCanBtn {
        margin: 10px 0;
    }

}