@font-face {
    font-family: TajawalRegular;
    src: url(../../font/Tajawal/Tajawal-Regular.ttf);
}
body, div, h1, h2, h3, h4, h5, h6, span, td .th, button,
layout_style {
    font-family: 'TajawalRegular' !important;
}
@font-face {
    font-family: TajawalExtraLight;
    src: url(Tajawal/Tajawal-ExtraLight.ttf);
}

@font-face {
    font-family: TajawalLight;
    src: url(Tajawal/Tajawal-Light.ttf);
}

@font-face {
    font-family: TajawalRegular;
    src: url(Tajawal/Tajawal-Regular.ttf);
}

@font-face {
    font-family: TajawalMedium;
    src: url(Tajawal/Tajawal-Medium.ttf);
}

@font-face {
    font-family: TajawalBold;
    src: url(Tajawal/Tajawal-Bold.ttf);
}

@font-face {
    font-family: TajawalExtraBold;
    src: url(Tajawal/Tajawal-ExtraBold.ttf);
}

@font-face {
    font-family: MontserratExtraLight;
    src: url(Montserrat/Montserrat-ExtraLight.ttf);
}

@font-face {
    font-family: MontserratLight;
    src: url(Montserrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: MontserratRegular;
    src: url(Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: MontserratMedium;
    src: url(Montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: MontserratSemiBold;
    src: url(Montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: MontserratBold;
    src: url(Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: MontserratExtraBold;
    src: url(Montserrat/Montserrat-ExtraBold.ttf);
}

body {
    font-family: TajawalRegular;
    letter-spacing: 0.3px;
}
.payment-methods-content-value,
.label-style-information,
main > nav .dropdown .dropdown-menu.admin .dropdown-item,
.tooltip-hint-container p,
.discount-success-container,
.payment-methods-content-head,
.wizard-info-car-details,
.sorting-container-label,
.sorting-container-label
.back-btn,
.offer-info-head b,
.wizard-step.active, .wizard-step.passed,
.wizard-step,
.main-content-logo p,
.main-content-logo h3,
.delegate-container label,
.nav-task-body-name,
.startTimerContainer,
.input-group .main-form-input::placeholder,
.input-group .main-form-input:-ms-input-placeholder,
.input-group .main-form-input::-webkit-input-placeholder,
.form-btn {
    font-family: 'TajawalRegular';
}
.payment-agreement-label,
.error-discount-label,
.main-radio-label {
    font-family: 'TajawalRegular' !important;
}
.input-icon .hint {
    right: unset;
    left: 0;
}
layout_style .payment-form .wpwl-form .wpwl-label {
    text-align: right !important;
}
layout_style .wpwl-wrapper > .wpwl-icon {
    left: .5625em !important;
    right: unset !important;
}
layout_style .nav-item.nav-language-dropdown .dropdown-menu {
    right: 0;
}
.select2.select2-container .select2-selection .select2-selection__rendered {
    text-align: right;
}
.user-new-layout {
    margin-right: auto;
}
.select2.select2-container .select2-selection .select2-selection__arrow:after {
    left: 0;
}
.confirm-offer-container {
    padding-left: 25px;
}
.progress-container {
    right: 58px;
}
layout_style .progress-container {
    right: 45px;
}
.progress-text {
    left: -32px;
}
@media (max-width: 992px) {
    .tooltip-hint-container {
        right: 0;
        left: unset;
    }
}

.ribbon-label {
    right: -60%;
    transform: rotate(45deg);
}