﻿.ob__mb__40px {
    margin-bottom: 40px;
}

.ob__mb__35px {
    margin-bottom: 35px;
}

.ob__mb__30px {
    margin-bottom: 30px;
}

.ob__mb__25px {
    margin-bottom: 25px;
}

.ob__mb__20px {
    margin-bottom: 20px;
}

.ob__mb__15px {
    margin-bottom: 15px;
}

.ob__mb__10px {
    margin-bottom: 10px;
}

.ob__mb__5px {
    margin-bottom: 5px;
}



/* Margin top*/
.ob__mt__40px {
    margin-top: 40px;
}

.ob__mt__35px {
    margin-top: 35px;
}

.ob__mt__30px {
    margin-top: 30px;
}

.ob__mt__25px {
    margin-top: 25px;
}

.ob__mt__20px {
    margin-top: 20px;
}

.ob__mt__15px, .row.ob__mt__15px {
    margin-top: 15px;
}

.ob__mt__10px {
    margin-top: 10px;
}

.ob__mt__5px {
    margin-top: 5px;
}


/* Margin right*/
.ob__mr__40px {
    margin-right: 40px;
}

.ob__mr__35px {
    margin-right: 35px;
}

.ob__mr__30px {
    margin-right: 30px;
}

.ob__mr__25px {
    margin-right: 25px;
}

.ob__mr__20px {
    margin-right: 20px;
}

.ob__mr__15px {
    margin-right: 15px;
}

.ob__mr__10px {
    margin-right: 10px;
}

.ob__mr__5px {
    margin-right: 5px;
}


/* Margin left*/
.ob__ml__40px {
    margin-left: 40px;
}

.ob__ml__35px {
    margin-left: 35px;
}

.ob__ml__30px {
    margin-left: 30px;
}

.ob__ml__25px {
    margin-left: 25px;
}

.ob__ml__20px {
    margin-left: 20px;
}

.ob__ml__15px {
    margin-left: 15px;
}

.ob__ml__10px {
    margin-left: 10px;
}

.ob__ml__5px {
    margin-left: 5px;
}


/* Padding */

/* Padding bottom*/
.ob__pb__40px {
    padding-bottom: 40px;
}

.ob__pb__35px {
    padding-bottom: 35px;
}

.ob__pb__30px {
    padding-bottom: 30px;
}

.ob__pb__25px {
    padding-bottom: 25px;
}

.ob__pb__20px {
    padding-bottom: 20px;
}

.ob__pb__15px {
    padding-bottom: 15px;
}

.ob__pb__10px {
    padding-bottom: 10px;
}

.ob__pb__5px {
    padding-bottom: 5px;
}



/* Padding top*/
.ob__pt__40px {
    padding-top: 20px;
}

.ob__pt__35px {
    padding-top: 35px;
}

.ob__pt__30px {
    padding-top: 30px;
}

.ob__pt__25px {
    padding-top: 25px;
}

.ob__pt__20px {
    padding-top: 20px;
}

.ob__pt__15px {
    padding-top: 15px;
}

.ob__pt__10px {
    padding-top: 10px;
}

.ob__pt__5px {
    padding-top: 5px;
}


/* Padding right*/
.ob__pr__40px {
    padding-right: 40px;
}

.ob__pr__35px {
    padding-right: 35px;
}

.ob__pr__30px {
    padding-right: 30px;
}

.ob__pr__25px {
    padding-right: 25px;
}

.ob__pr__20px {
    padding-right: 20px;
}

.ob__pr__15px {
    padding-right: 15px;
}

.ob__pr__10px {
    padding-right: 10px;
}

.ob__pr__5px {
    padding-right: 5px;
}


/* Padding left*/
.ob__pl__40px {
    padding-left: 40px;
}

.ob__pl__35px {
    padding-left: 35px;
}

.ob__pl__30px {
    padding-left: 30px;
}

.ob__pl__25px {
    padding-left: 25px;
}

.ob__pl__20px {
    padding-left: 20px;
}

.ob__pl__15px {
    padding-left: 15px;
}

.ob__pl__10px {
    padding-left: 10px;
}

.ob__pl__5px {
    padding-left: 5px;
}

/* Padding */
.ob__pd__10px {
    padding: 10px;
}


/* Error */

.ob__error__text {
    color: #ED3A32;
}


html .row {
    margin-right: -15px;
    margin-left: -15px;
}



/*width in percent*/

.ob__w__10 {
    width: 10%;
}

.ob__w__15 {
    width: 15%;
}

.ob__w__20 {
    width: 20%;
}

.ob__w__25 {
    width: 25%;
}

.ob__w__30 {
    width: 30%;
}

.ob__w__32 {
    width: 32%;
}

.ob__w__35 {
    width: 35%;
}

.ob__w__40 {
    width: 40%;
}

.ob__w__45 {
    width: 45%;
}

.ob__w__49 {
    width: 49%;
}

.ob__w__50 {
    width: 50%;
}

.ob__w__60 {
    width: 60%;
}

.ob__w__66 {
    width: 66%;
}

.ob__w__75 {
    width: 75%;
}

.ob__w__80 {
    width: 80%;
}

.ob__w__90 {
    width: 90%;
}

/*width in px*/
.ob__w__22px {
    width: 22px;
}

.ob__w__56px {
    width: 56px;
}


/* HEIGHT */
/*height in px*/
.ob__h__36px {
    height: 36px;
}

.ob__h__48px {
    height: 48px;
}

.ob__h__22px {
    height: 22px;
}

.ob__h__56px {
    height: 56px;
}

.ob__h__300px {
    height: 300px;
}

.ob__h__500px {
    height: 500px;
}


/* GAP */
.ob__gap__5px {
    gap: 5px;
}

.ob__gap__10px {
    gap: 10px;
}

.ob__gap__15px {
    gap: 15px;
}

.ob__gap__20px {
    gap: 20px;
}

.ob__gap__25px {
    gap: 25px;
}

.ob__gap__30px {
    gap: 30px;
}

.ob__gap__35px {
    gap: 35px;
}


.ob__gap__40px {
    gap: 40px;
}


.cursor__pointer {
    cursor: pointer;
}


.ob__flex__to__column {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ob__pd__20px{
    padding:20px;
}

.ob__br__16px{
    border-radius:16px;
}

@media(max-width:768px) {
    .ob__flex__to__column {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
}
