/** ADD YOUR AWESOME CODES HERE **/
@font-face {
    font-family: 'Almarai-Bold';
    src: url('../fonts/Almarai-Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}


/*.head-font {*/
/*    font-family: "Almarai-Bold";*/
/*    font-weight: bold;*/

/*}*/

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-button {
    padding: 10px;
    cursor: pointer;
    display: inline-block;
}

.tab-button.active {
    background-color: #ccc;
}

img{
    max-width: 100%;
}