@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face {
    font-family: Tajawal;
    src: url(../fonts/Tajawal-Regular.ttf);
}
@font-face {
    font-family: cocon;
    src: url(../fonts/coconnextarabic-light.ttf);
}
body {
    font-family:Tajawal;
    direction: ltr;
}
.dashboard-logo {
    border-right: 5px solid #2d2d2e;
    border-left: 0px solid #2d2d2e;
    padding: 20px 50px 20px 0;
}
.panel-heading[data-toggle="collapse"] i {
    position: absolute;
    color: #ec2d32;
    font-size: 18px;
    line-height: 22px;
    right: 0;
    left: auto;
    top: calc(50% - 10px);
}
.panel-heading[data-toggle="collapse"].collapsed i {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.dashboard-page .profile-card .btn {
    float: right;
}
.header .container .row>.col-md-5 {
    text-align: right;
}
.web-page .page-banner .banner-title {
    left: auto;
    top: 50%;
    right: 20%;
    transform: translate(-17%, -50%);
}
.company-page .company-service-title span {
    border-radius: 10px 0px 0px 10px;
}
.company-page .company-service-title {
    border-radius: 10px 10px 0px 10px;
}
.header .bottom-head nav .nav-item a {
    font-size: 15px;
    color: #ffffff;
}
.header .bottom-head nav .nav-item a:hover {
    font-size: 15px;
}

.fa-stack-1x{
    left: auto;
    right: 1em;
}

.badge-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
}

.badge-wrapper .beta-badge {
    height: 30px;
    background: red;
    width: 214px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    font-family: sans-serif;
    color: #FFF;
    transform: rotate(-45deg);
    position: relative;
    top: 20px;
    left: -70px;
    box-shadow: inset 0px 0px 0px 4px rgb(255 255 255 / 34%);
}