@font-face{
    font-family: 'NeoSansArabic';
    src: url(../vendors/base/fonts/NeoSansArabic.ttf)
}

body{
    overflow-x: hidden;
}

body,.form-control,.btn,.m-subheader .m-subheader__title {
    font-family: 'NeoSansArabic' !important;
}

.m-radio>input:checked ~ span:after, .m-checkbox>input:checked ~ span:after {
    transform: rotate(45deg);
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%
}

.modal-open {
    overflow: hidden !important;
    padding: 0 !important;
}
/*******************************************************************************************
*************************************** start login ****************************************
*******************************************************************************************/
.login_new .bootstrap-select .dropdown-menu li a span.text {
    display: block;
    text-align: center;
}

.login_new .bootstrap-select .dropdown-menu li a span.text img,.login_new .bootstrap-select .dropdown-toggle .filter-option-inner img{
    margin-right: 3px;
}

.login_new .bootstrap-select>.dropdown-toggle.btn-light{
    background-color: #f7f6f9 !important;
    border-radius: 0px !important;
    border: 0px;
    padding: 12px;
}

.login_new .m_login_forget_password{
    color: #ea2485;
    font-size: 16px;
}

.login_new .m_login_forget_password:hover{
    color: #ea2485;
    font-size: 16px;
}

.btn-login{
    background-color: #ea2485;
    border: 0px;
    color: #FFF;
    font-size: 16px;
    padding: 13px 42px;
    border-radius: 5px;
    cursor: pointer;
}
.btn-cancel{
    background-color: transparent;
    border: 1px solid #ea2485;
    color: #ea2485;
    font-size: 16px;
    padding: 13px 42px;
    border-radius: 5px;
    cursor: pointer;
}

.text-sigup  p{
    color: #b7b2c2;
    font-size: 16px;
}

.text-sigup a{
    color: #ea2485
}

.item-sign_up{
    background-color: #f7f8fa;
    border-radius: 20px;
    padding: 35px 20px;
    text-align: center;
}
.item-sign_up img
{
    margin-bottom: 20px;
}


.btn_primary
{
    display: inline-block;
    margin: auto;
    background-color: #ea2485;
    border: 0px;
    color: #FFF !important;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none !important
}

.btn_secondary
{
    display: inline-block;
    margin: auto;
    background-color: #9c3299;
    border: 0px;
    color: #FFF !important;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none !important
}
/*******************************************************************************************
*************************************** end login ******************************************
*******************************************************************************************/

/*******************************************************************************************
*************************************** start wizard ***************************************
*******************************************************************************************/
.required{
    color: #ea2485;
    padding-right: 2px;
    font-size: 15px;
}

.toggle-show{
    cursor: pointer;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress {
    width: 83%;
    margin: 0 auto;
}

.add_from{
    padding-bottom: 0;
    height: 40px;
    line-height: 10px;
    border: 2px dashed #ebedf2;
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #8d97b6 !important;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    padding:4px 9px 4px 9px !important;
    border-radius: 30px;
    color: #fff !important;
    background: #80869b !important;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size: 12px !important;
    border-radius: 3px !important;
    font-family: 'cairo';
}

.m-tooltip.bs-tooltip-top .arrow::before, .m-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #80869b;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #80869b;
}

.item-radio button{
    background-color: #e4e7f2;
    color:#797f93 !important;
    border:0px;
    font-size: 16px;
}

.item-radio button.active{
    background-color: #5867dd;
    color: #FFF !important
}

.flex-18{
    flex: 0 0 18%
}

.dropdown__wizard .m-dropdown__toggle{
    padding: 0;
    background: transparent;
    border: 0;
    margin: 0;
    margin-top: -10px;
}

#m_wizard_form_step_6 .m-nav .m-nav__item{
    border-bottom:1px solid #eff1f5;
    padding: 17px 15px;
}

.dropdown__wizard .m-dropdown__toggle .m-checkbox{
    padding-right: 18px !important;
}

.dropdown__wizard .nav-link.dropdown-toggle:after, .btn.dropdown-toggle:after{
    color: #3a3a3a;
    margin-left: 8px;
}

.overflow-auto{
    overflow: inherit !important
}

.btn_next_wizard{
    width:140px;
    height:40px;
    background-color:#22b9ff;
    color:#FFF !important;
    font-size:15px;
    text-align:center;
    border-radius: 5px;
    border:0px;
    cursor:pointer;
    line-height: 39px;
    text-decoration: none !important;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}


.btn_next_wizard:hover
{
    background-color: #22a7e4;
}

.box-shadow-none{
    box-shadow:none !important
}

.box-shadow{
    -webkit-box-shadow: 0px 0px 13px 0px rgba(112, 107, 162, 0.16);
    box-shadow: 0px 0px 13px 0px rgba(112, 107, 162, 0.16);
    border: 1px solid #f8f9fc !important;
}


.background-transparent
{
 background-color:transparent !important
}

.background-gray{
    background-color:#f8f9fc
}
.background-gray_2{
     background-color:#eef0f6 !important
}


.inner_m_class:nth-child(even){
    background-color:#fff
}

.inner_m_class:nth-child(odd){
    background-color:#f4f5f8
}

.btn_class{
    background-color: #20c99a;
    border: 0px;
    color: #FFF;
    font-size: 11px;
    border-radius: 30px;
    padding:  5px;
    display: inline-block;
    cursor: pointer;
}

.btn_break{
    background-color:#716aca ;
    border: 0px;
    color: #FFF;
    font-size: 11px;
    border-radius: 30px;
    padding:  5px;
    display: inline-block;
    cursor: pointer;
}

.btn_add_section
{
    width: 200px;
    height: 50px;
    background-color: transparent;
    border: 2px dotted #ebedf2;
    cursor: pointer;
    color: #b2b1c5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.xs_input_number {
    position: relative;
    border-radius: 25px;
    height: 36px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    display: inline-block;
}
.xs_input_number input[type="text"] {
    height: 100%;
    text-align: center;
    pointer-events: none;
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
}

.xs_input_number .sub, .xs_input_number .add {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
    background-color: #f4f5f8;
    height: 100%;
    display: flex;
    align-items: center;
    width: 35px;
    justify-content: center;
}
.xs_input_number .sub {
    left: 0px;
}
.xs_input_number .add {
    right: 0px;
}


#m_wizard .permission .m-radio>input:checked ~ span:after,#m_wizard .permission .m-checkbox>input:checked ~ span:after,
#m_wizard_form_step_6 .m-dropdown span:after ,.custome-checkbox span:after{
    border: 0;
    background: #22b9ff;
    width: 10px;
    transform: rotate(0) translateX(50%) translateY(-50%) !important;
    margin-right: 0;
    margin-top: 0;
}

#m_wizard_form_step_6 .m-dropdown__content .m-nav__item .m-checkbox{
    font-size:12px;
}

#m_wizard .progress{
    background-color:transparent
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-number>span {
    background-color: #fff;
    border: 2px solid #22b9ff;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
    background-color: #fff;
    border: 2px solid #22b9ff;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span>i {
    color: #8d97b6;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current a.m-wizard__step-number{
    background-color: #22b9ff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current a.m-wizard__step-number i{
    color: #fff
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current a.m-wizard__step-number:hover>span {
    background-color: #22b9ff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current a.m-wizard__step-number:hover>span i {
    color: #fff
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__progress .progress .progress-bar {
    background-color: #22b9ff;
}
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-number>span {
    background-color: #22b9ff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done a.m-wizard__step-number:hover>span {
    background-color: #22b9ff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done a.m-wizard__step-number:hover>span i{
    color: #fff
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step a.m-wizard__step-number:hover>span i{
    color: #fff
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step a.m-wizard__step-number:hover>span {
    background-color: #22b9ff;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step a.m-wizard__step-number:hover>span img{
    filter: brightness(100);
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done a.m-wizard__step-number:hover>span img{
    filter: brightness(100);
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress .progress {
    height: 3px;
}

.search_form{
    position: relative;
}

.search_form .fa-search
{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}


ul.checktree li {
    border-right: 1px dashed;
    list-style: none;
}

ul.checktree li ul li:before {
    height: 1em;
    width: 12px;
    border-bottom: 1px dashed;
    content: "";
    display: inline-block;
    top: -0.3em;
}


#m_wizard .m-tabs-line .m-tabs__item {
    margin-left: 0;
    margin-bottom: -1px;
}

.m-tabs-line.nav.nav-tabs .nav-link:hover, .m-tabs-line.nav.nav-tabs .nav-link.active, .m-tabs-line a.m-tabs__link:hover, .m-tabs-line a.m-tabs__link.active {

    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.m-tabs-line .m-tabs__link {
    border: 0;
    border-bottom: 0px solid transparent;
    padding: 12px 15px;
    font-size: 1.1rem;
    font-weight: 400;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.form_delete{
    position: relative;
}

.form_delete .fa-times-circle{
    position: absolute;
    left: -9px;
    top: -11px;
    font-size: 16px;
    color: #e21b1b;
    cursor: pointer;
    padding: 3px;
    z-index: 1;
}

.delete_class .fa-minus{
    position: absolute;
    right: -15px;
    cursor: pointer;
    background-color: #f34747;
    color: #FFF;
    width: 13px;
    font-size: 10px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.pointer{
    cursor: pointer;
}

.btn_ban{
    width: 140px;
    height: 40px;
    background-color:#dd433c;
    color: #FFF !important;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    border:0px;
    cursor:pointer
}

.pr-25{
    padding-right:25px;
}
.btn.dropdown-toggle:after {
    color: #3a3a3a;
    margin-left: -2px;
}

.form_map{
    position:relative;
}

.form_map .fa-map-marker-alt{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    padding: 3px;
    z-index: 1;
    background-color: #22b9ff;
    height: 100%;
    line-height: 32px;
    width: 45px;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.m-footer{
    height: 70px;
}

@media (min-width: 1025px){
    .m-header {
        height: 85px;
        padding-right: 110px;
    }
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
    width: 85px;
    height: 85px;
}

#m_wizard .m-wizard__step.m-wizard__step--current img{
    filter: brightness(100);
}

#m_wizard .m-wizard__step span:hover img{
    filter: brightness(100);
}
.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-title {
    font-weight: normal;
    font-size: 15px;
    margin: 0.6rem 0 0.7rem 0;
    color:#22b9ff
}
.m-form .m-form__heading .m-form__heading-title {
    color: #1e1e1e;
    font-size: 20px;
}

label.col-form-label {
    color: #414141;
    font-size: 15px;
}

#m_wizard .form-control {
    font-family: 'NeoSansArabic' !important;
    font-size: 14px;
    color: #666674;
}

#m_wizard .m-dropzone .fa-cloud-upload-alt{
    color: #d9dce8;
    font-size: 22px;
}

#m_wizard .fa-eye-slash ,#m_wizard .fa-eye{
    color:#b1b1b1
}

#m_wizard .m-accordion .m-accordion__item {
    border-radius: 3px;
    border: 1px solid #e2e6f2;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps{
    margin-top: 1.85rem;
}

/* #m_wizard .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-mode {
    transform: translateY(8px);
    display: block;
} */

#m_wizard .m-accordion__item .m-dropdown .m-portlet__nav-link{
    padding-top:0px;
    padding-bottom:0px;
}

#m_wizard .m-accordion .m-accordion__item .m-accordion__item-head {
    display: table;
    padding: 1.7rem 2rem;
}

.w-140{
    width:140px;
}

.btn_confirm{
    background-color: #5867dd;
    color: #FFF;
    border: 0px;
    font-size: 15px;
    padding: 7px 20px;
    border-radius: 3px;
}

#m_modal_ban .image img{
    width:100px;
    height:100px;
    object-fit:cover
}

#m_modal_ban .name{
    font-size: 18px;
    color: #575962;
    margin-top: 10px;
}

.end_step_wizard .title{
    font-size:26px;
    color:#2d2d2d;
    margin:30px 0px
}
.form-control.m-input--solid {
    background-color: #fdfdfe;
    border-color: #ebedf2;
}

.btn_import{
     height: 40px;
    width: 140px;
    background-color: #22b9ff;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    line-height: 7px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.noneBorder{
    border-color: #fff #fff #dee2e6 !important;
}

.form__datetimepicker{
    position: relative;
}

.form__datetimepicker:before{
    z-index: 4;
    font-family: LineAwesome;
    text-rendering: optimizelegibility;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "";
    top: 50%;
    position: absolute;
    margin-top: 0px;
    font-size: 0.85rem;
    left: 1rem;
    display: inline-block;
    text-decoration: inherit;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    transform: translateY(-50%);
}


.form__datetimepicker_2{
    position: relative;
}

.form__datetimepicker_2 i{
    z-index: 4;
    position: absolute;
    left: 1px;
    background-color: #f4f5f8;
    font-size: 18px;
    width: 45px;
    text-align: center;
    top: 1px;
    height: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9699a2;
}

.pt-17{
    padding-top:17px !important
} 

.pb-17{
    padding-bottom:17px !important
}

#m_wizard .border-bottom {
    border-bottom: 1px solid #f2f3f8 !important;
}

#m_wizard .border-top {
    border-top: 1px solid #f2f3f8 !important;
}

#m_wizard .m-accordion.m-accordion--bordered .m-accordion__item .m-accordion__item-body, #m_wizard .m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-body {
    border-top: 1px solid #f2f3f8 !important;
}

#m_wizard .btn-danger:not(:disabled):not(.disabled):active, #m_wizard .btn-danger:not(:disabled):not(.disabled).active, #m_wizard .show>.btn-danger.dropdown-toggle {
    background-color: transparent;
}

#m_wizard .form-control {
    height: calc(2.7rem + 2px);
}



.px-45{
    padding-left: 12px;
    padding-right: 12px;
}

#m_wizard .bootstrap-select>.dropdown-toggle {
    position: relative;
    outline: none !important;
    padding: .75rem 1.15rem;
    padding-left: 2rem;
    border-radius: .25rem!important;
}



.m-checkbox.m-checkbox--state-primary.m__checkbox>span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-primary.m__checkbox>input:checked ~ span {
    border: 1px solid #22b9ff;
    background-color: #22b9ff;
}


.m-checkbox.m__checkbox>span {
    border: 0px;
    background-color: #FFF;
}

.break_class{
    background-color: #22b9ff !important
} 

@media (min-width: 576px){
    #m_section_2 .modal-dialog , #m_section_1 .modal-dialog ,#m_section_4 .modal-dialog ,#m_add_class .modal-dialog{
        max-width: 650px;
    }
}

#map_1{
    width: 100%;
    height: 280px;
}

.note{
    color: #ec2424 !important;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
}

#m_section_2 .modal-footer button,#m_section_1 .modal-footer button{
    width: 75px;
    height: 35px;
    line-height: 1px;
    padding: 0px;
}

.search_map{
    position: absolute;
    right: 50%;
    width: 98%;
    top: 10px;
    z-index: 1;
    transform: translateX(50%);

}

.add_classes{
    width:120px;
    height:35px;
    background-color:#20bf7a;
    color:#FFF;
    font-size:15px;
    border: 0px;
    border-radius: 5px;
    cursor: pointer;
}

.list_division p{
    background-color: #22b9ff;
    color: #FFF;
    margin: 0px 5px;
    padding: 0px 17px 0px 9px;
    border-radius: 3px;
    font-size: 14px;
}


.list_division p i{
    padding-right: 12px;
}

.box_class{
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 10px;
    margin: 0px 0px 10px 10px;
}

.box_class .title
{
    font-size: 16px;
    color: #575962;
    margin-bottom: 12px;
}

.inputfile-box label {
    width: 100%;
}

.file-box {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #f1f1f1 !important;
    line-height: 40px;
    padding-right: 10px;
    color: #8a817d;
    text-align: right;
}

.file-button {
    background: #22b9ff;
    position: absolute;
    border: 1px solid;
    bottom: 0px;
    left: 0px;
    color: #FFF;
    height: 40px;
    width: 70px;
    text-align: center;
    line-height: 38px;
}

.export
{
    width: 75px;
    height: 35px;
    background: #22b9ff;
    color: #FFF;
    border: 0px;
    border-radius: 3px;
    cursor:pointer
}


.m__dropdown .dropdown-toggle{
    display: flex;
    margin-left: 15px;
    margin-top: 10px;
    border: 0px !important;
    background: transparent !important;
    width:35px;
}

.m__dropdown .m-checkbox{
    padding-right: 23px;
}

.m__dropdown span{
    font-size:16px;
}

.m__dropdown .btn.dropdown-toggle:after {
    margin-top: 8px;
}

.m__dropdown .m-checkbox>input:checked ~ span:after
{
    border: 0;
    background: #22b9ff;
    width: 10px;
    transform: rotate(0) translateX(50%) translateY(-50%) !important;
    margin-right: 0;
    margin-top: 0;
}

.m__dropdown .dropdown-item{
    font-size: 16px;
    cursor: pointer;    
}

@media(max-width:992px){
    .flex-18 {
        flex: 0 0 100%;
    }
}

.btn_display{
    background: #22b9ff;
    color: #FFF;
    border: 0px;
    padding: 4px 26px 9px;
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.btn_display:hover{
    background-color: #22a7e4;
}

.group_class_head{
    border-bottom: 1px solid #f2f3f8;
}

.group_class{
    border: 1px solid #f2f3f8;
    border-radius: 7px;
}

.group_class .group_class_body .border-bottom-1:not(:last-of-type){
    border-bottom: 1px solid #f1f3f9
}

.clone_btn:hover,.btn_copySection_2:hover,.btn_copySection:hover,.edit_accordion__item-title:hover,.delete_section:hover{
    color: #22b9ff
}

.btn_add{
    width: 140px;
    height: 40px;
    background-color: #20bf7a;
    color: #FFF !important;
    font-size: 15px;
    text-align: center;
    padding-bottom: 3px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.btn_add:hover
{
    background-color: #20ad70;
}

.btn_remove{
    width: 140px;
    height: 40px;
    background-color: #ec4a3e;
    color: #FFF !important;
    font-size: 15px;
    text-align: center;
    padding-bottom: 3px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.btn_remove:hover
{
    background-color: #d84237;
}

@media (min-width: 576px){
    #m_section_3 .modal-dialog,#m_map .modal-dialog {
        max-width: 650px;
        margin: 1.75rem auto;
    }
}

.btn_display.bg-gray{
    background-color: #5d5d5d;
}

.btn_display.bg-gray:hover
{
    background-color: #424242;
}


.w-45{
    width: 45px;
}

.start_week{
    font-size: 11px;
    color: #FFF;
    background-color: #5d5d5d;
    padding: 3px 25px 6px;
    border-radius: 30px;
    cursor: pointer;
    position: relative;
}

.start_week.active{
    background-color: #20c99a;
    padding: 3px 30px 6px 20px;
}

.start_week.active::before{
    position: absolute;
    content: "\f00c";
    font-weight: 900;
    right: 14px;
    font-family: 'Font Awesome 5 Free';
}

.m-brand__logo.set:hover{
    background-color: #f5f4ff;
}

/*******************************************************************************************
*************************************** end wizard *****************************************
*******************************************************************************************/