@font-face {
    font-family: 'eq-light';
    src: local('eq-light'), url('../Fonts/Kanit-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'eq-reg';
    src: local('eq-reg'), url('../Fonts/Kanit-Regular.ttf') format('opentype');
}

@font-face {
    font-family: 'eq-med';
    src: local('eq-med'), url('../Fonts/Kanit-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'eq-lightextra';
    src: local('eq-lightextra'), url('../Fonts/Kanit-ExtraLight.ttf') format('opentype');
}

@font-face {
    font-family: 'db-b';
    src: local('eq-lightextra'), url('../Fonts/DB Helvethaica X Bd v3.2.ttf') format('opentype');
}

@font-face {
    font-family: 'db-l';
    src: local('eq-lightextra'), url('../Fonts/DB Helvethaica X Li v3.2.ttf') format('opentype');
}


body {
    font-family: eq-light;
    padding-top: 0;
    font-size: 15px;
}

.txt-content {
    font-size: 12px;
}

.main-body {
    padding-top: 50px;
}

.space-top {
    margin-top: 20px;
}

.space-top-10 {
    margin-top: 5px;
}

.space-left {
    margin-left: 5px;
}

.modal-cms {
    font-size: 18px;
    text-align: center;
    padding-top: 100px;
}

    .modal-cms .btn {
        width: 100px;
    }

.txt-right {
    text-align: right;
}

/*  
    //////////////////////////////////////
*/

.radio,
.radio-text,
.checkbox {
    margin: 0.5rem;
    padding: 6px;
    /*width: max-content;*/
}

    .radio input[type="radio"],
    .radio-text input[type="radio"],
    .checkbox input[type="checkbox"] {
        position: absolute;
        opacity: 0;
    }

        .radio input[type="radio"] + .radio-label:before,
        .radio-text input[type="radio"] + .radio-label:before,
        .checkbox input[type="checkbox"] + .checkbox-label:before {
            content: '';
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 1.4em;
            height: 1.4em;
            position: relative;
            top: -0.2em;
            margin-right: 1em;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        /* .radio-text input[type="radio"]+.radio-label:before {
            top: 0.8em;
        } */

        .checkbox input[type="checkbox"] + .checkbox-label:before {
            border-radius: 20% !important;
        }

        .radio input[type="radio"]:checked + .radio-label:before,
        .radio-text input[type="radio"]:checked + .radio-label:before,
        .checkbox input[type="checkbox"]:checked + .checkbox-label:before {
            background-color: #3197EE;
            box-shadow: inset 0 0 0 4px #f4f4f4;
        }

        .radio input[type="radio"]:focus + .radio-label:before,
        .radio-text input[type="radio"]:focus + .radio-label:before,
        .checkbox input[type="checkbox"]:focus + .checkbox-label:before {
            outline: none;
            border-color: #3197EE;
        }

        .radio input[type="radio"]:disabled + .radio-label:before,
        .radio-text input[type="radio"]:disabled + .radio-label:before,
        .checkbox input[type="checkbox"]:disabled + .checkbox-label:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }

        .radio input[type="radio"] + .radio-label:empty:before,
        .radio-text input[type="radio"] + .radio-label:empty:before,
        .checkbox input[type="checkbox"] + .checkbox-label:empty:before {
            margin-right: 0;
        }