html {
    font-size: var(--paragraph-font-size);
    line-height: var(--paragraph-line-height);
}

body {
    
}

.text-uppercase {
    text-transform: uppercase;
}

.text-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-overflow-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.padding-3 {
    padding: 3px;
}

.padding-4 {
    padding: 4px;
}

.padding-6 {
    padding: 6px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-10-20 {
    padding: 10px 20px;
}

.padding-20-10 {
    padding: 20px 10px;
}

.padding-20 {
    padding: 30px;
}

.padding-30 {
    padding: 30px;
}

.padding-horizontal {
    padding: 0px 10px;
}

.home-courses {
    width: 100%;
    /*height: 100%;*/
}

.home-courses-3-2 {
    width: 100%;
    height: calc(100% / 3 * 2);
    border-bottom: 1px solid rgb(168, 168, 169);
}

.home-courses-3-1 {
    width: 100%;
    height: calc(100% / 3);
}

.column-1 {
    width: 100%;
}

.column-2 {
    width: calc( 100% / 2);
}

.column-3 {
    width: calc( 100% / 3);
}

.column-3-2 {
    width: calc( 100% / 3 * 2);
}

.column-3-1-8 {
    width: calc( 100% / 3 * 1.8);
}

.column-4 {
    width: calc( 100% / 4);
}

.column-4-2 {
    width: calc( 100% / 4 * 2);
}

.column-4-3 {
    width: calc( 100% / 4 * 3);
}

.column-5 {
    width: calc( 100% / 5);
}

.column-5-2 {
    width: calc( 100% / 5 * 2);
}

.column-5-3 {
    width: calc( 100% / 5 * 3);
}

.column-5-4 {
    width: calc( 100% / 5 * 4);
}

.column-6 {
    width: calc( 100% / 6);
}

.column-6-2 {
    width: calc( 100% / 6 * 2);
}

.column-6-3 {
    width: calc( 100% / 6 * 2);
}

.column-6-4 {
    width: calc( 100% / 6 * 4);
}

.column-6-5 {
    width: calc( 100% / 6 * 5);
}

.column-7 {
    width: calc( 100% / 7);
}

.column-7-2 {
    width: calc( 100% / 7 * 2);
}

.column-7-3 {
    width: calc( 100% / 7 * 3);
}

.column-7-4 {
    width: calc( 100% / 7 * 4);
}

.column-7-5 {
    width: calc( 100% / 7 * 5);
}

.column-7-6 {
    width: calc( 100% / 7 * 6);
}

.column-8 {
    width: calc( 100% / 8);
}

.column-8-2 {
    width: calc( 100% / 8 * 2);
}

.column-8-3 {
    width: calc( 100% / 8 * 3);
}

.column-8-4 {
    width: calc( 100% / 8 * 4);
}

.column-8-5 {
    width: calc( 100% / 8 * 5);
}

.column-8-6 {
    width: calc( 100% / 8 * 6);
}

.column-8-7 {
    width: calc( 100% / 8 * 7);
}

.column-9 {
    width: calc( 100% / 9);
}

.column-9-2 {
    width: calc( 100% / 9 * 2);
}

.column-9-3 {
    width: calc( 100% / 9 * 3);
}

.column-9-4 {
    width: calc( 100% / 9 * 4);
}

.column-9-5 {
    width: calc( 100% / 9 * 5);
}

.column-9-6 {
    width: calc( 100% / 9 * 6);
}

.column-9-7 {
    width: calc( 100% / 9 * 7);
}

.column-9-8 {
    width: calc( 100% / 9 * 8);
}

.column-10 {
    width: calc( 100% / 10);
}

.column-10-2 {
    width: calc( 100% / 10 * 2);
}

.column-10-3 {
    width: calc( 100% / 10 * 3);
}

.column-10-4 {
    width: calc( 100% / 10 * 4);
}

.column-10-5 {
    width: calc( 100% / 10 * 5);
}

.column-10-6 {
    width: calc( 100% / 10 * 6);
}

.column-10-7 {
    width: calc( 100% / 10 * 7);
}

.column-10-8 {
    width: calc( 100% / 10 * 8);
}

.column-10-9 {
    width: calc( 100% / 10 * 9);
}