/*.navbar.navbar-dark .navbar-nav .nav-item .nav-link , h1 , h2 , h3 , h4 ,h5 ,.thrid h2 ,.first h2
{
    font-family: 'Changa', sans-serif;
        font-weight: 600;
}*/
body {
    margin: 0px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: start;
    background-color: #fff
}
body {
    --bg-color-0: #333333;
    --bg-color-2-new: #1565c0;
    --bg-color-2: #0194fe;
    --bg-color-3: #0194fe;
    --bg-color-4: #ffa200;
    --bg-header: #fff;
    --bg-main-bg: #edf1f3;
    --bg-second-bg: #fff;
    --bg-font-0: #181d23;
    --bg-font-1: #26313e;
    --bg-font-2: #354d69;
    --bg-font-3: #385c86;
    --bg-font-4: #666;
    --bg-font-5: #2270cc;
    --bg-font-6: #ddd;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
body {
    font-family: cairo;
    background: var(--bg-main-bg);
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    width: 100% !important;
}

.row {
    width:100%;
}
.navbar .dropdown-menu a {
    font-size: 12px !important;
    font-weight: 300;
    color: #000;
}

/* start first navbar */
.first-navbar {

}


.top-social-media {
    float: right
}

.first-navbar .navbar .nav-item {
    border-right: 1px solid #2b3a54;
}

.first-navbar .badge {
    background-color: #429BE7;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-collapse {
    padding-top: 0px !important;}

.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    /* background-color: #ffffff; */
    /* color: #ff9905; */
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
}

.top-header {
    background-color: #1C2331;
    height: 55px;
}

.list-inline a {
    text-decoration: none;
    color: #aaa;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600
}

.top-header .sign-in, .top-header .sign-in:hover {
    text-decoration: none;
    line-height: 36px;
    font-size: 14px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.first h2 {
    color: #000;
}

.first .card-body p {
    color: #ccc;
}

.first {
    padding-top: 0px;
}

.first img {
    width: 100%;
    height: 260px;
}

.item {
    position: relative;
    /* display:inline-block;*/
}

.notify-badge {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #2479ab;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    z-index: 99999;
    font-weight: 600;
}

.notify-badge2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #00bcd4;
    text-align: center;
    /* border-radius: 30px 30px 30px 30px; */
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    z-index: 99999;
    font-weight: 600;
}

.notify-badge3 {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #ff9905;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
     color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    z-index: 99999;
    font-weight: 600;
}

.four {
    background-color: #1C2331;
}

.four h2 {
    color: #ccc
}

.four .mine a {
    color: #9c9c9c
}

.mask p {
    color: #ccc;
    font-size: 13px;
}

.card-body h5 {
    color: #82b1ff;
    font-size: 16px;
}

.card-title a {
    color: #717070;
    font-weight: 600
}

.card-body .btn {
    margin: 0px;
}

input[type=submit] {
    width: 100%;
    background-color: #88C354;
    color: #000;
    padding: 14px 20px;
    margin: 3px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #ff9905;
}


input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #d8cece;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    color: #797979;
}

.siz {
    margin-top: 50px;
    margin-bottom: 50px;
}

.blue.accent-1 {
    color: #82B1FF;
    text-align: center
}

.md-form .prefix ~ label {
    margin-left: 4rem;
}

.md-form .prefix {
    -webkit-transition: color .2s;
    transition: color .2s;
    position: absolute;
    width: 3rem;
    font-size: 21px;
    padding-top: 16px;
}

.contact .md-form label {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    color: #757575;
    position: absolute;
    top: .8rem;
    right: 0 !important;
    font-size: 1rem;
    cursor: text;
}

textarea {
    height: 100px;
    width: 100%;
    padding: 12px 20px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #d8cece;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    color: #797979;
}

.contact .card .card-body h3 {
    margin-bottom: 10px;
}

.contact {
    padding-top: 30px;
    padding-bottom: 50px;
}

.contact h2 {
    font-size: 28px;
    margin-bottom: 30px;
    font-family: 'Changa', sans-serif;
    font-weight: 600;
    margin-top: 0px;
}

.add .card:not([class*=card-outline-]) {
    margin-top: 50px;
}

.news h2 {
    font-size: 28px;
    margin-bottom: 38px;
    font-family: 'Changa', sans-serif;
    font-weight: 600;
    margin-top: 30px;

}

.news strong {
    font-size: 21px;
}

.single-news strong {
    font-size: 20px;
}

.news .view {
    margin-bottom: 10px;
}

.news p {
    font-size: 13px;
}

.news {
    padding-bottom: 50px;
}

.news span {
    font-weight: 700px;
}

.about h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.top-header ul li a {
    text-decoration: none;
    color: #aaa;
}

.top-header ul li {
    padding: 7px 6px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 29px;
    color: #aaa;

}

.top-header ul li a {
    text-decoration: none;
    color: #aaa;
}

/* end main navbar */
/* start carosual */
.carousel-indicators {
    right: -6%;
    left: 0;
    margin-right: 0px;
    margin-left: 0;
    padding-left: 0;
}

.carousel .carousel-indicators li {
    max-width: 14px;
    height: 14px;
}

.carousel-indicators .active {
    background-color: #ff9905
}

.line_1 {
    height: 2px;
    width: 58px;
    background-color: #ff9905;
    margin: 0 auto;
    margin-top: 10px;
}
.line_2 {
    height: 2px;
    width: 124px;
    background-color: #ff9905;
    margin: 0px 20px 0px 0px;
    margin-top: 0px;
    margin-top: 10px;
}

/* start carosual*/
/* start welcome */
.welcome {
    padding-top: 0px;
}

.welcome .head {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 14px;
}

.welcome .section-description {
    font-size: 14px;
}

.feature-box {
    text-align: center;
}

/* end welcome */
/* start first setion */
.first {
    padding-top: 18px;
}

.first h2 {
    font-size: 26px;
    margin-bottom: 35px;
}

.first .card-body p {
    font-size: 13px;
}

.btn-def {
    background-color: #ff9905;
    font-size: .6rem;
    padding: .5rem 1.6rem;
}

.mask i {
    background: #ff9905;
    padding: 15px 12px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

/*  start first setion */
/* start second */
.second h1 {
    font-size: 26px;
    margin-bottom: 30px
}

.second p {
    font-size: 15px;
}

.second .features-big {
    margin-top: 38px;
}

.second .features-big .fa {
    font-size: 40px;
    color: #88C354;
}

.second img {
    height: 415px;
}

/* end second  */
/* start third */
.thrid {
    padding-bottom: 50px;
}

.thrid h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.thrid .single-news {
    margin-bottom: 20px;
}

.thrid a {
    font-size: 13px
}

.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
/* end third */
/* start four */
.four {
    background-color: #f7f7f7;
    padding-top: 50px;
    text-align: center;
}

.four h2 {
    font-size: 26px;
    margin-bottom: 30px;
    color: #525252

}

.four img {
    height: 300px;
    width: 357px;
}

.four .card .card-body h4 {
    font-size: 15px;
}

.four .card .card-body h5 {
    font-size: 20px;
}

.four .card-title a {
    margin-right: 9px;
}

.four .mask i {
    margin-right: 10px;
}


.five h1 {
    font-size: 56px;
}

/* end five */
/* start six */
.six {
    padding-top: 50px;
}

.six h2 {

    font-size: 26px;
    margin-bottom: 30px;

}

/* end six */

/* start footer */
.color {
    background-color: #ff9905 !important
}

/* end footer */

@media (max-width: 1199px) {
    .navbar.navbar-dark .navbar-toggler {
        color: #fff;
        background-color: #1C2331;
        margin-bottom: 10px;
    }

    .collapse.show {
        /* background-color: #f9f7f7; */
    }

    .navbar-toggler {
        margin-top: 10px;
    }

}

/**/

/**/
.carousel-caption {
    left: 8%;
    right: 8%;
    padding-bottom: 30px;
    top: 20%;
}

.carousel-indicators {
    right: 25%;
    left: 29%;
    margin-right: 0px;
    margin-left: 0;
    padding-left: 0;
}

.h3-responsive {
    color: #ece8e8;
    font-size: 56px;
}

.carousel-caption p {
    color: #908b8b;
    font-size: 19px;
}

.gh {
    background-color: #dc3545 !important
}

.advanced_search {
    padding: 0 !important;
    background: transparent;
    margin: 0 !important;
    width: initial;
    float: none !important;
}

.widget-search-ads {
    position: relative;
    min-height: 250px;
}

.widget-search-ads .widget-search-ads-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.widget-search-ads > * {
    position: relative;
    z-index: 1;
}

.widget-search-ads:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #092c61;
    opacity: .1;
    z-index: 0;
}

.md-color {
    background: #fff;
    opacity: 1;
    border-radius: 4px;
    padding: 20px;

}

.semi-card {
    padding-top: 25px;
    padding-bottom: 25px;
}

option {
    color: #000;
}

::placeholder {
    color: #0c2449;
}

/* start small slider */
.carousel-multi-item .controls-top {
    text-align: center;
    margin-bottom: 30px;
}

.btn-floating {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 50%;
    margin: 10px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.carousel-multi-item .controls-top .btn-floating {
    background: #2479ab;
}

a.waves-effect, a.waves-light {
    display: inline-block;
}

.btn-floating i {
    display: inline-block;
    width: inherit;
    color: #fff;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
}

.small-slider .btn .fa, .card .card-body {
    position: relative;
    /*   border: 1px solid #ddd;*/
}

.small-slider .card .card-body p {
    margin-bottom: 1rem;
    text-align: right;
}

.small-slider .card .card-body {
    position: relative;
    text-align: center;
}

.small-slider {
    padding-bottom: 0px;
    padding-top: 0px;
}

/* end small slider */
.h1 {
    font-size: 30px;
    font-family: 'El Messiri', sans-serif;
    font-size: 29px;
    font-weight: 600;
}

.card .card-body h5 {
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 23px;
    overflow: hidden;
}

.card-title a {
    color: #2479ab;
}

.card-body.view img {
    width: 100%;
    display: block;
    position: relative;
    height: 232px;
}

@media (max-width: 767px) {
    input[type=text], select {
        padding: 10px 20px;
    }

    .overlay img {
        width: 100%;
    }
}

.second-color {
    background: #f7f7f7;
}

strong a {
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 16px;
}

.third-slider {
    background: #f7f7f7;
    padding: 30;
    padding-bottom: 44px;
}

footer.page-footer {
    margin-top: 5px;
}

.ty {
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 3px;
    margin: 1px;
}

.ty i {
    display: inline-block;
    width: inherit;
    color: #fff;
    font-size: 12px;
    line-height: 29px;
    text-align: center;
}

.mt-3 .fa {
    margin-left: 15px;
}

footer .mb-r {
    text-align: right;
}

footer.page-footer a {
    color: #adabab;
    font-weight: 400;
    font-size: 14px;
}

.col-lg-3 p {
    color: #adabab;
    font-weight: 400;
}

.mr-lg-4 {
    margin-left: 0px
}

main.main {
    padding-bottom: 65px;
    padding-top: 65px;
}

.section-color-primary {
    background: #f5f6f7;
}

/*.text-color-primary {
    color: #092c61;
}
.page-title-big {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 40px;
    line-height: 1;
    padding: 0;
    text-transform: uppercase;
}*/
/*.items .active {
    height: auto;
    width: auto;
    opacity: 1;
}
.items div
{
   cursor: pointer;
}*/
.carousel-thumbnails .active {
    height: auto;
    width: auto;
    opacity: .5;
}

.carousel-indicators {
    right: 0;
    left: 0;
    margin-right: 0px;
    margin-left: 0;
    padding-left: 0;
    bottom: 7px;

}

.carousel-indicators .active {
    background: #ff9905;
}

.own-img {
    width: 100%;
    height: 600px;
}

.sol {
    line-height: 49px;
}

.gray-text {
    color: #aaa;
}

.card img {
    border-radius: 0px 0px 0 0;
    width: 100%;

}

.offer .card .card-body {
    position: relative;

    text-align: center;
    margin-top: -6px;
}

.first-slider .card img {
    width: 100%;
    height: 230px
}

.first-slider .card-body h5, .second-slider .card-body h5 {
    color: #2479ab;
    font-weight: 600;
    font-size: 18px;
}

.first-slider .card-title a, .second-slider .card-body a {
    color: #3c3c3c;
}

.second-slider .card img {
    width: 100%;
    height: 230px;
}

.th-slider .card-body h5 {
    color: #241d16
}

.move-right {
    position: relative;
    /*left: 600px;
    top: 254px;*/
    border-radius: 10%;
}

.move-left {
    position: relative;
    /*  left: -600px;
      top: 254px;*/
    border-radius: 10%;

}

.ed-com-t1-right ul li {
    float: left;
    display: inline-block;
}

.ed-com-t1-left ul li {
    float: left;
    display: inline-block;
}

.ed-com-t1-left ul li {
    float: left;
    display: inline-block;
    color: #ccc;
    padding: 10px 10px;
}

.ed-top {
    background: #37474F;
}

.ed-com-t1-left ul li a {
    color: #aaaaaa;
}

.details {
    margin-top: 40px;
}

.own2-img {
    width: 100% !important;
    height: 356px;
}

.carousel-indicators .col-lg-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.own3-img {
    width: 100%;
    height: 100px;
    padding: 0 5px;
    margin-bottom: 20px;
}

.widget-body {
    text-align: right
}

#carousel-thumb .carousel-control.right {
    background: white url(../img/owl-btn-right.png) no-repeat 50% 50%;
    right: -25px;
}

select.form-control:not([size]):not([multiple]) {
    height: unset;
}

.listing_attributes {
    text-align: right
}

.condition-list > li {
    color: #606060;
    display: inline-block;
    font-weight: 300;
    margin-bottom: 4px;
    width: 45%;
}

.bg-gray {
    background: #f5f5f5;
    text-align: right;
}

strong {
    font-weight: bolder;
    font-weight: 600;
    color: #2f2f2f;
    font-size: 16px;
}

.heading {
    font-size: 23px;
    margin-bottom: 10px;
    padding-bottom: 22px;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.pro-details-condition-inner {
    padding: 16px 10px 16px 12px;
}

#page-content {
    margin-top: 40px;
}

.md:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 25px;
    color: #ff9905;
    margin-left: 7px;
}

.tr {
    text-align: right
}

.head {
    color: #337ab7;
    margin-bottom: 22px;
    font-size: 26px;
}

.condition-list {
    border-bottom: 2px solid #fff;
}

.box {
    border-bottom: 2px solid #fff;
    margin: 14px 0px;
}

.text {
    color: #ffffff;
    border: 1px solid #ff9905;
    padding: 10px 10px;
    background: #ff9905;
    border-radius: 3px;
}

.advertise {
    width: 100%;
}

.fa-contact {
    color: #bbb;
    padding: 8px;
}

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

.sool {
    background-color: #1f223e;
    padding: 4px 25px;
    text-align: center;
    margin-bottom: 2px
}

.sool h2, .text-box .btn {
    color: #bbb !important;
    font-size: 19px;
}

.text-box .btn {
    margin: 0;
    background-color: #1f223e;
    border-radius: 0px;
    font-size: 14px;
    /* padding: 14px 75px; */
    height: 50px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 3px;

    font-size: 19px;
}

.md-form label {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    color: #757575;
    position: absolute;
    top: .8rem;
    right: 0;
    font-size: 1rem;
    cursor: text;
    padding-right: 20px;
    padding-top: 5px;
    font-weight: 600;
}

footer h4 {
    color: #fff;
}

footer hr {
    border-bottom: 1px solid #ff9905;
}

footer strong {
    color: #e9eaee;
}

.view .card-title {
    margin-bottom: 20px;
}

.flat-item-image > a > img {
    width: 100%;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    height: 270px;
}

.about-sheltek-info p {
    text-align: right;
}

.card-body .card-title {
    margin-bottom: .75rem;

    overflow: hidden;
}

.card-footer a {
    font-size: 15px;
}

.client img {
    width: 100%;
    height: 65px;
}


@media (max-width: 767px) {
    .carousel-caption {
        left: 15%;
        right: 15%;
        padding-bottom: 30px;
        top: 0%;
    }

    .overlay img {
        width: 100%;
    }

    .top-header ul li {
        display: none;
    }

    .top-header {
        height: 60px;
    }

    .navbar img {
        margin-left: -15px;

    }

    .navbar.navbar-dark .navbar-toggler {
        color: #fff;
        background-color: #ff9905
    }

    select {
        width: 100%;
    }

    .five h1 {
        font-size: 15px;
        margin-left: 12px;
    }

    input[type=text] {
        width: 110%;
    }

    .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
        color: #fff;
        background-color: none;
        margin-bottom: 10px;
        padding-left: 15px;
    }

    .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
        color: #FFF;
        font-weight: 200;
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 0;
    }

    .collapse.show {
        /* background-color:#e3e3e4; */
    }

    .navbar-toggler {
        margin-top: 10px;
    }

    .own-img {
        width: 100%;
        height: 300px;
    }

}

/**/
.box a {
    outline: medium none;
    color: #ff9905;
    font-weight: 600;
}

.col-md-8 input[type=submit] {
    width: 15%;
    padding: 10px 16px;
    margin: 9px -9px;
    display: inline-block;
    border: 2px solid #ff9905;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #ff9905;
    color: #e4e6e6;
    font-size: 17px;
}

#carousel-thumb .carousel-control-prev, #carousel-thumb .carousel-control-next {
    display: none;
}

@media (max-width: 767px) {
    .col-md-8 input[type=submit] {
        width: 18%;
        padding: 6px 16px;
    }
}

.carousel .carousel-control-prev-icon {
    width: 36px;
    height: 36px;
    right: 66px;
    position: relative;
    border: 2px solid #fff;
}

.carousel .carousel-control-next-icon {
    width: 36px;
    height: 36px;
    left: 66px;
    position: relative;
    border: 2px solid #fff;
}

.carousel-indicators .active {
    background: #ff9905;
}

#multi-item-example5 .col-lg-4 img {
    width: 105px;
    height: 100px;
}

#multi-item-example4 .col-lg-4 img {
    width: 105px;
    height: 100px;
}

.card:not([class*=card-outline-]) {
    border: 1px solid #ddd;
}

.first .card-body h5 {
    color: #3e3e3e;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 15px;
}

.first .card-body {
    background: #efefef
}

.first .card-body .btn {
    font-size: 14px;
}

#page-content .carousel-indicators .active {
    background: inherit;
}

.contact .md-form {
    margin-bottom: 9px;
}

.articles .box {
    text-align: right;
}

.articles strong {
    font-weight: bolder;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 18px;
}

.card-footer {
    padding: 0px 0px;
    background-color: rgba(0, 0, 0, .03);
    border-top: 0px solid rgba(0, 0, 0, .125);
}

.articles .btn {
    font-size: 12px;
}

.articles .box a {
    outline: medium none;
    color: #ff9905;
    font-weight: 700;
    font-size: 16px;
}

.articles .sa {
    font-weight: bolder;
    font-weight: 700;
    color: #615f5f;
    font-size: 16px;
}

.articles .box .mar {
    margin-left: 30px
}

.articles img {
    width: 100%;
    height: 250px;
}

.articles .h1 {
    margin-bottom: 30px;
}

.special-span {
    color: #ff9905;
    font-weight: 600;
    font-size: 15px;
}

.articles .grey-text {
    color: #7b7979 !important;
}

.icon_img {
    width: 29px;
    height: 29px;
    margin-left: 7px;
    border-radius: 50%
}

.ed-top .dropdown-menu {
    background: #ffffff;
    transform: translate3d(0px, 2px, 0px);
}

.dropdown-menu .dropdown-item {
    color: #bbbcc2;
    margin: 4px 0px;
    border-bottom: 1px solid #313c52;
}

.ed-com-t1-left ul li a {
    color: unset
}

.dropdown-menu .dropdown-item .fa {
    margin-left: 7px;
    color: #ff9905;
    font-size: 14px;
}

.art_details .card img {
    border-radius: 0px 0px 0 0;
    width: 100%;
    height: 460px;
}

.art_details .h1 {
    margin-bottom: 35px;
}

.excerpt {
    text-align: right;
}

.ma {
    text-align: right;
    margin-top: 30px;
}

.ma a {
    outline: medium none;
    color: #ff9905;
    font-weight: 700;
    font-size: 16px;
    margin-left: 30px;
}

.width_img {
    width: 100%;
    height: 335px;
}

.flat-item .ma {
    margin-top: 12px
}

.flat-item .ma strong {
    font-size: 17px;
    margin-left: 10px;
}

.add select {
    width: 100%;
    padding: 10px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #fff;
    color: #828282;
    font-size: 15px;
}

textarea {
    width: 100%;
    padding: 10px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #fff;
    color: #828282;
    font-size: 15px;
}

.add .md-form {
    margin-bottom: 0px;
}

.add .card:not([class*=card-outline-]) {
    margin-top: 0px
}

@media (max-width: 767px) {
    input[type=text] {
        width: 100%;
    }
}

.box a {
    outline: medium none;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 3px;
}
/*
input[type=number] {
    width: 100%;
    padding: 16px 20px;
     margin: 8px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: inherit;
    background: #fff;
    color: #0c2449;
    font-size: 15px;
    height: unset;
}
*/
#multi-item-example3 .carousel-inner {
    position: relative;
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}

p .mr-3 {
    margin-right: 0px;
}

#SignUp input[type="password"] {
    width: 100%;
    padding: 26px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #fff;
    color: #0c2449;
    font-size: 15px;
}

/* final media */
@media (max-width: 980px) {
    .carousel-control-prev {
        left: 40px;
    }

    .carousel-control-next {
        right: 40px;
    }
}

#change_setting
input[type="password"] {
    width: 100%;
    padding: 19px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #fff;
    color: #0c2449;
    font-size: 15px;
}

#send_message .fa {
    margin-left: 17px;
}

#send_message input[type="email"] {
    width: 100%;
    padding: 26px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: inherit; */
    background: #fff;
    color: #0c2449;
    font-size: 15px;
}

.section-title-2 {
    margin-bottom: 40px;
}

.ptb-50 {
    padding: 25px 0;
}

#estate-Form .col-lg-6 {
    text-align: right;
}

.xt {
    background: #ff9905;
    padding: 2px 8px;
    margin-right: 3px;
    color: #000;
    font-weight: 600;
    border-radius: 3px;
}

.ed-com-t1-left ul li .xt {
    color: #000;
}

@media (max-width: 767px) {
    #Login input[type="password"] {
        padding: 0px;
    }

    .first .col-lg-4 {
        margin-bottom: 30px;
    }

    .ed-com-t1-left ul li {
        float: left;
        display: inline-block;
        color: #ccc;
        padding: 10px 5px;
    }

    .ed-com-t1-left ul li a {
        color: unset;
        font-size: 10px;
    }

    .icon_img {
        width: 19px;
        height: 19px;
        margin-left: 1px;
        border-radius: 50%;
    }

    .first-slider .card img, .second-slider .card img {
        width: 100%;
        height: 300px;
    } 
    .ed-com-t1-left ul li {
        float: left;
        display: inline-block;
        color: #ccc;
        padding: 10px 2px;
    }

    .sol .mr-lg-4 {
        margin-left: 1px;
    }

    /*
    .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
        color: #1c2331;
        font-weight: 600;
        font-size: 17px;
        margin-right: 0px;
        float: right;
        margin-bottom: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 16px 11px;
    }

     */
    form select, input[type=number] {
        margin: 4px 0;

    }

    .carousel-control-prev {
        left: 66px;
    }

    .carousel-control-next {
        right: 66px;
    }

    .special-span {
        color: #ff9905;
        font-weight: 600;
        font-size: 13px;
        margin-right: 19px;}
}

.badge, .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-toggler, .navbar.navbar-dark form .form-control, .pagination .active .page-link:hover {
    color: unset;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #ff9905;
    background: unset;
}

.foot {
    background: #ff9905;
}

footer h4 {
    color: #1c2331;
    font-weight: 600;
}

footer.page-footer .text-block a {
    color: #ff9905;
    font-weight: 600;
}

.carousel-caption {
    left: 8%;
    right: 8%;
    display: none;
    padding-bottom: 30px;
    top: 20%;
}

.carousel .carousel-indicators li {
    max-width: 10px;
    height: 10px;
    border-radius: 1px;
    cursor: pointer;
}

.carousel .carousel-indicators li {
    max-width: 20px;
    height: 14px;
}

.carousel .carousel-indicators li {
    max-width: 27px;
    height: 3px;
    border-radius: 1px;
    cursor: pointer;
}

.card:not([class*=card-outline-]) {
    border: 0px solid #ddd;
}

.forming {
    margin-top: 20px;
    margin-bottom: 20px
}

.forming .rgba-black-strong {
    background-color: rgba(28, 35, 49, .877) !important;
}

.second-color {
    background: #dfdfdf;
}

.card.card-cascade.wider.reverse .card-body.card-body-cascade {
    z-index: 3;
    margin-top: -1rem;
    border-radius: .25rem;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.card.card-cascade.wider .card-body.card-body-cascade {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-left: 4%;
    margin-right: 4%;
    background: #fff;
    z-index: 1;
    border-radius: 0 0 .25rem .25rem;
}

.card.card-cascade.wider {
    box-shadow: none;
    background-color: transparent;
}

.btn .fa.left, .btn .far.left, .btn .fas.left {
    margin-right: .3rem;
}

.btn .fa, .btn .far, .btn .fas {
    position: relative;
    font-size: .9rem;
}

.counter {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    position: relative;
    z-index: 2;
    margin-right: -28px;
    border-radius: 10em;
    padding: 1px 7px;
    background-color: #fe1212;
    font-size: 11px;
    color: #fff;
    left: auto;
    top: -23px;
}

.btn-fb:hover {
    background-color: #4264aa;
    color: #fff;
}

.btn-fb {
    background-color: #3b5998 !important;
    color: #fff;
}

a.waves-effect, a.waves-light {
    display: inline-block;
}

.btn-tw {
    background-color: #55acee !important;
    color: #fff;
}

.btn-dribbble:hover {
    background-color: #ee6198;
    color: #fff;
}

.btn-dribbble {
    background-color: #ec4a89 !important;
    color: #fff;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.required {
    color: red;
    font-weight: 700;
    border: 0;
}

h2.company__name {
    margin-right: 12px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 8…M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z' /%3e%3c/svg%3e);
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 1px;
    margin-top: 2px;
}

ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name {
    float: left;
    width: 48%;
}

ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
    float: right;
    width: 48%;
}

.wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-first {
    float: right;
    width: 50%;
    padding: 0 15px;
    overflow: visible;
}

.wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-last {
    float: left;
    width: 50%;
    padding: 0 15px;
    overflow: visible;
}

@media (max-width: 992px) {
    .condition-list > li .btn-floating.btn-sm {

        display: none;
    }

    .new-list__meta-item {
        color: #6c757d;
        padding-top: .2rem;
        padding-bottom: .2rem;
        display: none !important;
    }

    .badge {
        display: inline-block;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        height: 19px;
    }
}


.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 136px;
    height: 113px;
    text-align: right;
}

.ribbon span {

    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 36px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 138px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -32px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

img.wpuf-clone-field {
    width: auto !important;
}

img.wpuf-remove-field {
    width: auto !important;
}

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

           ==Wazaf.Net Job Detail css==

*************************************************/
.listpgWraper {
    background: #f0f0f0;
    padding: 50px 0;
    min-height: 400px;
}

.job-header {
    background: #fff;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

.job-header .jobinfo {
    padding: 25px;
    border-bottom: 1px solid #e4e4e4;
}

.job-header .jobinfo h2 {
    font-size: 24px;
    color: #444;
}

.job-header .jobinfo .ptext {
    color: #999;
    margin: 12px 0;
}

.job-header .jobinfo .salary {
    font-size: 16px;
    font-weight: 700;
    color: #888;
}

.job-header .jobinfo .salary strong {
    color: #000;
}

.companyinfo {
    text-align: center;
    margin-bottom: 30px;
    background: #3b91c5;
    padding: 30px;
}

.companyinfo .companylogo {
    width: 100px;
    background: #fff;
    border: 5px solid #eee;
    display: inline-block;
}

.companyinfo .companylogo img {
    display: block;
}

.companyinfo .ptext {
    color: #f9ff00;
    padding: 7px 0;
}

.companyinfo .title a {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.companyinfo .opening a {
    color: #fff;
}

/*Candidate Info*/

.job-header .jobinfo .candidateinfo .userPic {
    float: right;
    width: 100px;
    height: 100px;
    background: #cbcbcb;
    margin-right: -1px;
    border: 3px solid #3f729b;
    margin-top: 111px;
    margin-left: 10px;
}

.job-header .jobinfo .candidateinfo .title {
    font-size: 24px;
    color: #333;
    font-weight: 600
}

.job-header .jobinfo .candidateinfo .desi {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}

.job-header .jobinfo .candidateinfo .loctext {
    line-height: 24px;
    color: #555;
    margin-top: 8px;
}

.job-header .jobinfo .candidateinfo .loctext i {
    width: 20px;
    color: #18a7ff;
}

.cadsocial {
    margin-top: 10px;
}

.cadsocial a {
    color: #666;
    font-size: 24px;
    display: inline-block;
    margin-right: 7px;
}

.cadsocial a:hover {
    color: #18a7ff;
}

.relatedJobs {
    margin-bottom: 30px;
}

.relatedJobs h3 {
    font-size: 24px;
    font-weight: 700;
    color: #555;
    margin-bottom: 15px;
}

.job-header .contentbox {
    padding: 35px;
}

.job-header .contentbox h3 {
    font-size: 24px;
    font-weight: 700;
    color: #18a7ff;
    margin-bottom: 10px;
}

.job-header .contentbox p {
    line-height: 24px;
    color: #555;
    margin-bottom: 20px;
}

.job-header .contentbox p strong {
    font-weight: 700;
}

.job-header .contentbox p em {
    font-style: italic;
}

.job-header .contentbox p u {
    text-decoration: underline;
}


.job-header .contentbox ul {
    margin-bottom: 30px;
}

.job-header .contentbox ul li {
    padding: 7px 0 7px 25px;
    position: relative;
    line-height: 24px;
}

.job-header .contentbox ul li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #a8d815;
    position: absolute;
    left: 0;
}

.relatedJobs h4 {
    font-size: 18px;
    font-weight: 700;
    color: #555;
    margin-bottom: 15px;
}

ul.skillslist {
    margin-bottom: 0 !important;
}

ul.skillslist li:before {
    display: none;
}

ul.skillslist li {
    display: inline-block;
    padding: 0 !important;
}

ul.skillslist li a {
    display: inline-block;
    background: #eee;
    color: #555;
    padding: 10px 20px;
    margin: 5px 10px 5px 0;
    border-radius: 5px;
    font-weight: 600;
}

ul.skillslist li a:hover {
    text-decoration: none;
    background: #a8d815;
    color: #fff;
}


/*Job Info*/
.jobdetail .table-bordered {
    border: none;
    margin-bottom: 0;
}

.jobdetail .table-bordered td {
    border: none;
    border-top: 1px solid #ddd;
}

.jobdetail {
    padding-top: 20px;
}

.jobdetail iframe {
    width: 100%;
    height: 250px;
    border: none
}

.jobdetail h3 {
    font-size: 18px;
    color: #18a7ff;
    font-weight: 700;
}

.jbdetail {
    margin-top: 20px;
}

.jbdetail li {
    margin-bottom: 20px;
    color: #908f8f;
}

.jbdetail li a {
    display: block;
    text-align: right;
    color: #18a7ff;
    font-weight: 600;
}

.jbdetail li span {
    display: block;
    text-align: right;
    color: #000;
    font-weight: 600;
}

.jbdetail li span.permanent {
    color: #a8d815;
}

.jbdetail li span.contract {
    color: #18a7ff;
}

.jbdetail li span.freelance {
    color: #F07200;
    background: none;
    padding: 0;
}

/*Skills*/

.skillswrap {
    margin-top: 20px;
}

.skillswrap h5 {
    color: #7b7b7b;
    font-weight: 400;
    margin-bottom: 5px;
}

/*Education*/

.educationList {
    margin-bottom: 0 !important;
}

.educationList li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin-top: 30px;
}

.educationList li:hover {
    border-bottom-color: #18a7ff;
}

.educationList li:before {
    display: none;
}

.educationList li:last-child {
    border-bottom: 0;
}

.educationList li .date {
    width: 90px;
    height: 90px;
    background: #888;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    padding-top: 17px;
    line-height: 18px;
    float: left;
    color: #fff;
    margin-right: 20px;
}

.educationList li h4 {
    font-size: 18px;
    font-weight: 700;
    color: #58c0ff;
    margin-bottom: 5px;
}

.educationList li p {
    margin-bottom: 0 !important;
}

/*Experience*/

.experienceList {
    margin-bottom: 0 !important;
}

.experienceList li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    margin-top: 30px;
}

.experienceList li:hover {
    border-bottom-color: #18a7ff;
}

.experienceList li:before {
    display: none;
}

.experienceList li:last-child {
    border-bottom: 0;
}

.experienceList li h4 {
    font-size: 18px;
    font-weight: 700;
    color: #58c0ff;
    margin-bottom: 10px;
}

.experienceList li p {
    margin-bottom: 0 !important;
    margin-top: 10px;
}

/*Portfolio*/

.userPortfolio li {
    padding: 0 15px !important;
    margin-top: 30px;
}

.userPortfolio li:before {
    display: none;
}

.userPortfolio li .imgbox {
    overflow: hidden;
    position: relative
}

.userPortfolio li .itemHover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(22, 34, 46, .9);
    transform: scale(0);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.userPortfolio li:hover .itemHover {
    transform: scale(1)
}

.userPortfolio li .zoombox {
    display: table;
    width: 100%;
    height: 20%;
    text-align: right
}

.userPortfolio li .item-zoom {
    display: inline-block;
    border: 2px solid #fff;
    padding: 6px 12px;
    margin: 15px 15px 0 0;
    color: #fff
}

.userPortfolio li .item-zoom:hover {
    background: #2079f2
}

.userPortfolio li .infoItem {
    display: table;
    width: 100%;
    height: 70%;
    text-align: center
}

.userPortfolio li .itemtitle {
    vertical-align: bottom;
    padding: 0 15px 15px;
    position: relative;
    display: table-cell;
}

.userPortfolio li .itemtitle h5 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 5px
}

.userPortfolio li .itemtitle p {
    color: #ccc;
    line-height: 18px
}

.userPortfolio li .itemtitle a {
    color: #2079f2
}

.userPortfolio li.shown, .no-cssanimations .userPortfolio li, .no-js .grid li {
    opacity: 1
}

.userPortfolio li a, .userPortfolio li img {
    outline: 0;
    border: none;
    display: block;
    max-width: 100%
}

.relatedJobs {
    margin-bottom: 30px;
}

.relatedJobs h3 {
    font-size: 24px;
    font-weight: 700;
    color: #555;
    margin-bottom: 15px;
}

.searchList {
    list-style: none;
}

.searchList li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
}

.searchList li .jobimg {
    float: right;
    margin: 0 0 0 15px;
    width: 70px;
}

.relatedJobs h3 {
    font-size: 24px;
    font-weight: 700;
    color: #555;
    margin-bottom: 15px;
}

.searchList li .companyName {
    margin: 10px 0;
    color: #969595;
}

.searchList li .companyName a {
    color: #969595;
}

.searchList li .location {
    color: #000;
}

.fulltime {
    background: #6ACA00;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 4px 6px;
}

.partTime {
    background: #f8a60c;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 4px 6px;
}

.searchList li .location span {
    color: #333;
}

.searchList li .listbtn {
    margin-top: 20px;
}

.searchList li .listbtn a {
    background: #fff;
    display: block;
    border-radius: 0;
    width: 100%;
    color: #18a7ff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #18a7ff;
}

.searchList li p {
    line-height: 22px;
    color: #333;
    margin: 10px 0 0 0;
}

ul.wpuf-form.form-label-above li .wpuf-label {
    margin-bottom: 10px;
}

ul.wpuf-form.form-label-above li .wpuf-label, ul.wpuf-form.form-label-above li .wpuf-fields {
    display: block;
    float: none;
    width: 100%;
}

ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields {
    display: block;
    float: none;
    width: 100%;
}

ul.wpuf-form li {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 10px;
}

.wpuf-col-half, .wpuf-col-half-last {
    width: 50%;
    float: left;
}

.wpuf-col-half, .wpuf-col-half-last {
    width: 50%;
    float: left;
}

ul.wpuf-form .wpuf-el {
    position: relative;
}

ul.wpuf-form li {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 10px;
}

.wpuf-col-half-last + li, .wpuf-col-one-third-last + li {
    clear: left;
}

ul.wpuf-form.form-label-above li .wpuf-label, ul.wpuf-form.form-label-above li .wpuf-fields {
    display: block;
    float: none;
    width: 100%;
}

ul.wpuf-form li .wpuf-section-wrap {
    border-bottom: 1px solid #ccc;
    margin: 15px 0;
}

ul.wpuf-form.form-label-above li .wpuf-label {
    margin-bottom: 10px;
}

ul.wpuf-form.form-label-above li .wpuf-label, ul.wpuf-form.form-label-above li .wpuf-fields {
    display: block;
    float: none;
    width: 100%;
}

ul.wpuf-form li .wpuf-label {
    float: left;
    width: 30%;
    min-height: 1px;
    font-weight: bold;
}

.file-selector {
    color: #fff;
    background-color: #4285f4 !important;
    margin: .375rem;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 2px 5px 0 rgb(255, 255, 255), 0 2px 10px 0 rgba(0, 0, 0, .12);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: .84rem 2.14rem;
    font-size: .81rem;
}

.formrow i {
    position: absolute;
    right: 22px;
    margin-top: 20px;
    color: #aaaaaa;
    font-size: 18px;
}

.formrow input[type="text"] {
    height: 47px;
    border: 1px solid #efefef;
    font-size: 13px;
    color: #999999;
    background-color: #ffffff;
    padding: 24px 35px;
}

.formrow input[type=submit]:hover {
    background-color: #ff9905;
}

.formrow textarea {
    height: 154px;
    border: 1px solid #efefef;
    border-radius: 2px;
    font-size: 12px;
    color: #999999;
    background-color: #ffffff;
    padding: 6px 14px;
    margin-bottom: 5px;
}

.company {
    background: #f0f0f0;
}

.social-info {
    position: relative;
    top: -105px;
    right: 0;
    z-index: 22;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    padding: 15px;
    border-radius: 0 10px 0 10px;
    text-align: center;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
}

.social-info a {
    display: block;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 5px;
}

.social-info:hover {
    top: 0;
}

.social-info:focus {
    top: 0;
}

.single-job-area {
    position: absolute;
    z-index: 1;
    overflow: hidden;
}

.single-job-area:hover {
    top: 0;
}

@media (max-width: 992px) {
    .social-info {
        position: relative;
        top: -94px;
        right: 0;
        z-index: 22;
        background: linear-gradient(#F70505 0%, #8F0808 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        padding: 15px;
        border-radius: 0 10px 0 10px;
        text-align: center;
        -webkit-transition-duration: 800ms;
        -o-transition-duration: 800ms;
        transition-duration: 800ms;
    }
}

.blockquote p {
    font-size: 13px;
}

.list-group-item .buttons {
    height: 38px;
    position: absolute;
    bottom: 3px;
    left: 104px;
}

.home__news__cards {
    display: flex;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    min-height: 130px;
    max-height: 130px;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    overflow: hidden !important;
}

.home__news__cards:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .25)
}

.home__news__cards h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.3em;
    color: #526772;
}

.job_box .buttons {
    height: 54px;
    position: absolute;
    bottom: 17px;
    right: 17px;
}

.job_box span.date, .job_box span.date a {
    color: #0f8ab5;
    border-bottom: 1px solid #0f8ab5;
    font-size: 10px;
    display: inline;
}

.job_box span {
    font-size: 13px;
    padding: 3px 5px;
    margin-left: 3px;
}

.job_box span.location, .job_box span.location a {
    color: #367289;
}

.job_box span.work {
    color: #ff9905;
}

.news__date {
    float: left;
    text-align: end;
}

.job-icon {
    height: 12px;
    font-size: 26px;
    color: black !important;
    opacity: .14;
    position: relative;
    top: -37px;
    left: -133px;
}

.job-icon {
    height: 12px;
    font-size: 22px;
    color: black !important;
    opacity: .10;
    position: absolute;
    top: 37px;
    left: 23px;
    display: inline-block;
}

.rtl .send-private-wrapper .send-private-message-btn
i {
    margin-left: 10px;
    margin-right: inherit
}

.send-private-message-wrapper {
    background: #fff;
    max-width: 90%;
    width: 500px;
    margin: auto;
    padding: 30px;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.send-private-message-wrapper
.title {
    font-size: 20px;
    margin: 0 0 20px
}

.send-private-message-wrapper
textarea {
    resize: none
}

.send-private-message-wrapper .form-group {
    margin-bottom: 20px
}

.message-section-wrapper .list-message-inner {
    position: relative
}

@media (min-width: 1200px) {
    .message-section-wrapper .list-message-inner {
        height: calc(100% - 95px)
    }
}

.message-section-wrapper .message-inner {
    border: 1px solid #ededed;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: flex;
    -webkit-display: flex
}

@media (min-width: 1200px) {
    .message-section-wrapper .message-inner {
        height: 750px
    }
}

.message-section-wrapper .list-message-wrapper {
    width: 34%;
    background: #fafafa
}

.message-section-wrapper .list-message-wrapper .loadmore-action {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 1200px) {
    .message-section-wrapper .list-message-wrapper .loadmore-action {
        padding-left: 30px;
        padding-right: 30px
    }
}

.message-section-wrapper .list-message-wrapper .loadmore-message-btn {
    font-weight: 700;
    font-size: 14px
}

.message-section-wrapper .replies-content {
    background: #fff;
    width: 66%
}

@media (min-width: 1200px) {
    .message-section-wrapper .replies-content {
        display: flex;
        -webkit-display: flex;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        flex-direction: column;
        -webkit-flex-direction: column
    }

    .message-section-wrapper .replies-content > div {
        width: 100%
    }

    .message-section-wrapper .replies-content .recipient-info {
        margin-bottom: auto
    }
}

.message-section-wrapper .content-box-white {
    background: #fff;
    padding: 15px;
    padding-bottom: 90px !important;
    position: relative
}

@media (min-width: 1200px) {
    .message-section-wrapper .content-box-white {
        padding: 30px;
        height: calc(100% - 114px);
        padding-bottom: 100px !important
    }
}

.message-section-wrapper .content-box-white .reply-message-form-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px)
}

.rtl .message-section-wrapper .content-box-white .reply-message-form-wrapper {
    right: 15px;
    left: auto
}

@media (min-width: 1200px) {
    .message-section-wrapper .content-box-white .reply-message-form-wrapper {
        bottom: 30px;
        left: 30px;
        width: calc(100% - 60px)
    }

    .rtl .message-section-wrapper .content-box-white .reply-message-form-wrapper {
        right: 30px;
        left: auto
    }
}

.message-section-wrapper .content-box-white .list-replies-inner {
    height: 100%;
    padding: 0 12px 0 0;
    margin: 0 -12px 0 0
}

.rtl .message-section-wrapper .content-box-white .list-replies-inner {
    padding: 0 0 0 12px
}

.rtl .message-section-wrapper .content-box-white .list-replies-inner {
    margin: 0 0 0 -12px
}

@media (min-width: 1200px) {
    .message-section-wrapper .content-box-white .list-replies-inner {
        padding: 0 20px 0 0;
        margin: 0 -20px 0 0
    }

    .rtl .message-section-wrapper .content-box-white .list-replies-inner {
        padding: 0 0 0 20px
    }

    .rtl .message-section-wrapper .content-box-white .list-replies-inner {
        margin: 0 0 0 -20px
    }
}

.message-section-wrapper .recipient-info {
    background: #f3f3f3;
    padding: 15px
}

@media (min-width: 1200px) {
    .message-section-wrapper .recipient-info {
        padding: 30px 25px
    }
}

.message-section-wrapper .recipient-info .delete-message-btn {
    color: #e44343;
    font-weight: 700;
    font-size: 14px;
    margin-top: 12px
}

.message-section-wrapper .recipient-info .delete-message-btn
i {
    font-size: 17px;
    margin-right: 5px
}

.rtl .message-section-wrapper .recipient-info .delete-message-btn
i {
    margin-left: 5px;
    margin-right: inherit
}

.message-section-wrapper .recipient-info .delete-message-btn:hover, .message-section-wrapper .recipient-info .delete-message-btn:focus {
    text-decoration: underline
}

.message-section-wrapper .search-message-form {
    padding: 0 0 10px
}

@media (min-width: 1200px) {
    .message-section-wrapper .search-message-form {
        padding: 0 30px 10px
    }
}

.search-wrapper-message {
    position: relative;
    margin: 15px
}

@media (min-width: 1200px) {
    .search-wrapper-message {
        margin: 20px 0 16px
    }
}

.search-wrapper-message
.btn {
    margin: 0;
    padding: 2px 0;
    font-size: 20px;
    background: #fff !important;
    color: #777;
    border: none !important;
    position: absolute;
    background: transparent !important;
    top: 8px;
    right: 15px
}

.rtl .search-wrapper-message
.btn {
    left: 15px;
    right: auto
}

.search-wrapper-message .btn:hover, .search-wrapper-message .btn:active {
    color: #222
}

.search-wrapper-message .form-control {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09)
}

.search-wrapper-message .form-group {
    margin: 0
}

.list-options-action {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1
}

.list-options-action > li {
    display: inline-block;
    margin-right: 12px
}

.rtl .list-options-action > li {
    margin-left: 12px;
    margin-right: inherit
}

.list-options-action > li:last-child {
    margin-right: 0
}

.rtl .list-options-action > li:last-child {
    margin-left: 0;
    margin-right: inherit
}

.list-options-action
label {
    font-weight: 400;
    cursor: pointer
}

.list-options-action label:hover, .list-options-action label:focus {
    color: #82b440
}

.list-options-action [type="radio"] {
    display: none
}

.list-options-action [type="radio"]:checked + label {
    color: #82b440
}

.list-message {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-message
li {
    padding: 15px
}

@media (min-width: 1200px) {
    .list-message
    li {
        padding: 15px 30px
    }
}

.list-message
li.unread {
    background: #f2f2f2
}

.list-message
li.active {
    background: #fff
}

.message-item {
    clear: both;
    overflow: hidden
}

.message-item
div.avatar {
    display: inline-block;
    line-height: 52px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    float: left
}

.rtl .message-item
div.avatar {
    float: right
}

.message-item
.content {
    overflow: hidden;
    padding-left: 18px
}

.rtl .message-item
.content {
    padding-right: 18px;
    padding-left: inherit
}

.message-item .user-name {
    font-size: 16px;
    font-weight: 400;
    margin: 3px 0 0
}

.message-item .message-time {
    font-size: 13px;
    color: #6a6a6a;
    margin-left: 5px;
    white-space: nowrap
}

.rtl .message-item .message-time {
    margin-right: 5px;
    margin-left: inherit
}

.message-item .message-title {
    font-size: 15px;
    color: #6a6a6a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reply-message-form-wrapper .form-group {
    margin-bottom: 0 !important
}

.reply-message-form-wrapper .reply-message-form {
    position: relative
}

.reply-message-form-wrapper .reply-message-form
textarea {
    background: #fafafa;
    border: none;
    resize: none;
    height: 70px;
    padding: 10px 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-right: 130px
}

.rtl .reply-message-form-wrapper .reply-message-form
textarea {
    padding-left: 130px;
    padding-right: inherit
}

@media (min-width: 1200px) {
    .reply-message-form-wrapper .reply-message-form
    textarea {
        padding: 20px 30px;
        padding-right: 140px
    }

    .rtl .reply-message-form-wrapper .reply-message-form
    textarea {
        padding-left: 140px;
        padding-right: inherit
    }
}

.reply-message-form-wrapper .reply-message-form .reply-message-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 50px;
    padding: 5px 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: none
}

.rtl .reply-message-form-wrapper .reply-message-form .reply-message-btn {
    left: 10px;
    right: auto
}

@media (min-width: 1200px) {
    .reply-message-form-wrapper .reply-message-form .reply-message-btn {
        padding-left: 40px;
        padding-right: 40px
    }
}

.list-replies {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-replies
li {
    margin-bottom: 25px;
    overflow: hidden;
    clear: both
}

.list-replies li.last-child {
    margin-bottom: 50px
}

.list-replies
.avatar {
    display: inline-block;
    line-height: 52px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    float: left
}

.rtl .list-replies
.avatar {
    float: right
}

.list-replies .reply-content {
    overflow: hidden;
    padding-left: 18px
}

.rtl .list-replies .reply-content {
    padding-right: 18px;
    padding-left: inherit
}

.list-replies .post-date {
    font-size: 14px;
    margin-bottom: 5px
}

.list-replies .post-content {
    display: inline-block;
    padding: 7px 18px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background: #f3f4fb;
    font-size: 15px
}

.list-replies .user-reply .post-content {
    background: #79b530;
    color: #fff
}

.list-replies .yourself-reply {
    text-align: right
}

.rtl .list-replies .yourself-reply {
    text-align: left
}

.list-replies-inner {
    position: relative
}

.list-replies-inner .loadmore-action {
    text-align: center;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    z-index: 1
}

.list-replies-inner .loadmore-replied-btn {
    color: #6a6a6a
}

.list-replies-inner .loadmore-replied-btn:hover, .list-replies-inner .loadmore-replied-btn:focus {
    color: #222
}

.user-name {
    font-size: 20px;
    margin: 0 0 10px
}

@media (min-width: 1200px) {
    .user-name {
        margin: 0 0 20px
    }
}

@media (max-width: 1199px) {
    .message-section-wrapper .message-inner {
        display: block
    }

    .message-section-wrapper .message-inner > div {
        width: 100%
    }

    .message-section-wrapper .message-inner .list-message-wrapper {
        border-bottom: 10px solid #fff;
        position: relative;
        display: none
    }

    .message-section-wrapper .message-inner .list-message-wrapper:after {
        content: '';
        position: absolute;
        width: calc(100% + 20px);
        height: 10px;
        bottom: -10px;
        left: -10px;
        background: #fff;
        display: block
    }

    .list-message-inner {
        position: relative;
        max-height: 200px;
        border-bottom: 1px solid #ededed
    }

    .list-replies-inner {
        overflow-x: auto;
        max-height: 300px
    }

    .toggle-message-btn {
        border: none;
        padding: 0 !important;
        font-weight: 700;
        color: #79b530;
        margin: 0 0 20px
    }

    .toggle-message-btn
    i {
        margin-left: 4px
    }

    .rtl .toggle-message-btn
    i {
        margin-right: 4px;
        margin-left: inherit
    }

    .filter-options {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 1200px) {
    .toggle-message-btn {
        display: none
    }
}

.contact-form-wrapper, .replies-content, .list-message-wrapper {
    position: relative
}

.contact-form-wrapper:before, .replies-content:before, .list-message-wrapper:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) url("/wp-demo/careerup/wp-content/themes/careerup/images/loading.gif") no-repeat center 100px/30px auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
    visibility: hidden
}

.contact-form-wrapper.loading:before, .replies-content.loading:before, .list-message-wrapper.loading:before {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.reply-message-btn {
    position: relative
}

.reply-message-btn:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) url("/wp-demo/careerup/wp-content/themes/careerup/images/loading.gif") no-repeat center center/20px auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
    visibility: hidden
}

.reply-message-btn.loading:before {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.loadmore-message-btn, .loadmore-replied-btn {
    position: relative;
    display: inline-block
}

.loadmore-message-btn:before, .loadmore-replied-btn:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("/wp-demo/careerup/wp-content/themes/careerup/images/loading.gif") no-repeat center center/15px auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
    visibility: hidden
}

.loadmore-message-btn.loading, .loadmore-replied-btn.loading {
    visibility: hidden
}

.loadmore-message-btn.loading:before, .loadmore-replied-btn.loading:before {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.employer-title-wrapper > *, .job-title-wrapper > *, .candidate-title-wrapper > * {
    vertical-align: top;
    display: inline-block
}

.employer-title-wrapper .featured i,
.btn-theme {
    color: #fff;
    background-color: #82b440;
    border-color: #82b440;
}

.list-replies-inner {
    overflow: auto;
}

.reply-message-btn:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) url(../img/loading.gif) no-repeat center center/20px auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
    visibility: hidden;
}

/**
main-mdb
 */
.btn {
    font-size: .8rem;
    padding: .85rem 2.13rem;
  /*  margin: 6px;*/
    border-radius: 2px;
    border: 0;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    white-space: normal !important;
    cursor: pointer;
}

.badge, .btn, .btn-primary.active:not([disabled]):not(.disabled), .btn-primary:not([disabled]):not(.disabled):active, .card:not([class*=card-outline-]), .chip, .jumbotron, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .navbar, .pagination .active .page-link, .show > .btn-primary.dropdown-toggle, .z-depth-1 {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.unique-color {
    background-color: #3F729B !important;
}


.btn, .font-up, footer.page-footer .title {
    text-transform: uppercase;
}

.btn, .hiddendiv {
    word-wrap: break-word;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.divider-new, body, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

.btn[class*=btn-outline-].btn-lg {
    padding-top: .9rem;
    padding-bottom: .9rem;
}


.btn[class*=btn-outline-] {
    padding-top: .76rem;
    padding-bottom: .76rem;
}

.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
    background-color: transparent;
    color: #33b5e5;
    border-color: #33b5e5;
}

.btn.btn-lg {
    font-size: .9rem;
    padding: 1rem 2.4rem;
}

.btn:active, .btn:focus, .btn:hover {
    outline: 0;
}

.btn:active, .btn:focus, .btn:hover, .media .media-left img, .modal-dialog .modal-content, .modal-dialog.cascading-modal .modal-header, .z-depth-1-half, ul.instagram-photos li img {
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.badge, .btn, .btn-primary.active:not([disabled]):not(.disabled), .btn-primary:not([disabled]):not(.disabled):active, .card:not([class*=card-outline-]), .chip, .jumbotron, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .navbar, .pagination .active .page-link, .show > .btn-primary.dropdown-toggle, .z-depth-1 {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.btn, .font-up, footer.page-footer .title {
    text-transform: uppercase;
}

.btn, .hiddendiv {
    word-wrap: break-word;
}

.btn-block {
    margin: inherit;
}

.btn[class*=btn-outline-].btn-sm {
    padding-top: .42rem;
    padding-bottom: .42rem;
}

.card-body .btn {
    margin: 0;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.progress, .view, .waves-effect {
    overflow: hidden;
}

.btn-outline-purple {
    border: 2px solid #8e24aa;
    color: #8e24aa !important;
    background-color: transparent;
}

.btn-outline-info {
    border: 2px solid #33b5e5;
    color: #33b5e5 !important;
    background-color: transparent;
}

.btn-outline-success {
    border: 2px solid #00C851;
    color: #00C851 !important;
    background-color: transparent;
}

.btn-outline-danger {
    border: 2px solid #ff3547;
    color: #ff3547 !important;
    background-color: transparent
}

@media (max-width: 767px) {
    button.btn.unique-color.float-left {
        margin-bottom: 23px;
        float: right !important;
        width: -webkit-fill-available;
    }

    button.btn.unique-color.float-right {
        margin-bottom: 15px;
        float: right !important;
        width: -webkit-fill-available;
    }
}

.font-small {
    font-size: 11px!important;
}
.font-small-12 {
    font-size: 12px!important;
}
.font-small-13 {
    font-size: 13px!important;
}
.font-small-14 {
    font-size: 14px!important;
}
.font-small-15 {
    font-size: 15px!important;
}
.font-small-16 {
    font-size: 16px!important;
}
.font-1 {
    font-size:14px!important
}
.font-2 {
    font-size:17px!important
}
.font-3 {
    font-size:21px!important
}
.font-4 {
    font-size:25px!important
}
.font-5 {
    font-size:30px!important
}
.font-6 {
    font-size:35px!important
}
.font-7 {
    font-size:40px!important
}
.font-8 {
    font-size:45px!important
}
.font-9 {
    font-size:50px!important
}
.font-10 {
    font-size:60px!important
}
.font-11 {
    font-size:70px!important
}
.font-12 {
    font-size:80px!important
}
.text-blod {
    font-size: 16px;
    font-weight: 600;
}
.button {
    display: flex;
    height: 50px;
    padding: 0;
    background: #009578;
    border: none;
    outline: none;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 23px !important;
    width: -webkit-fill-available !important;
}

.button:hover {
	background: #008168;
}

.button:active {
	background: #006e58;
}

.button__text,
.button__icon {
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	color: #fff;
	height: 100%;
}

.button__icon {
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.08);
}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #2196f3;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}
.tools {
    position: absolute;
    bottom: 7px;
    left: 3px;
    font-size: 11px;
    padding: 2px 10px;
}
.border-right-6 {
    border-right-width: 4px;
    border-right-style: solid;
    border-radius: 10px;
    border-color: #436577;
}
.border-left {
    border-left: 1px solid #dee2e6!important;
}
/* ============================
   Job Knowledge Blocks
   ============================ */

   .wz-jt-kb-blocks{
    --bg: var(--wz-surface, #fff);
    --bg-soft: var(--wz-surface-2, #f8fafc);
    --border: rgba(15,23,42,.08);
    --title: #0f172a;
    --text: #475569;
    --accent: #2563eb;

    margin:32px 0;
    padding:24px;
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:18px;
}

.wz-jt-block + .wz-jt-block{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid var(--border);
}

/* ---------- Title ---------- */

.wz-jt-block__title{
    display:flex;
    align-items:center;
    gap:12px;
    margin: 10px 0 14px !important;
    font-size:1.05rem !important;
    font-weight:700 !important;
    color:var(--title);
    line-height:1.3;
}

.wz-jt-block__title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--accent);

    flex:none;

}

/* ---------- Body ---------- */

.wz-jt-block__body{

    color:var(--text);

    font-size:.96rem;

    line-height:1.95;

}

.wz-jt-block__body p{

    margin:0;

}

/* ---------- Lists ---------- */

.wz-jt-block__body ul{

    list-style:none !important;
    display: inline !important;
    margin:0;
    padding:0;
    display:grid;

    gap:12px;

}

.wz-jt-block__body li{
    position:relative;
    padding-inline-start:28px;
    line-height:1.9;
    list-style: none !important;
    margin-bottom: 0px !important;

}

.wz-jt-block__body li::before{

    content:"✓";

    position:absolute;

    inset-inline-start:0;

    top:1px;

    width:20px;

    height:20px;

    border-radius:50%;

    background:#eef6ff;

    color:var(--accent);

    font-size:12px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

/* ---------- Disclaimer ---------- */

.wz-jt-disclaimer{

    margin-top:24px;

    padding-top:18px;

    border-top:1px dashed var(--border);

    color:#64748b;

    font-size:.88rem;

}



/* ---------- Mobile ---------- */

@media(max-width:768px){

    .wz-jt-kb-blocks{

        padding:20px;

        border-radius:14px;

    }

}

/* header 2 */
.body{
    text-align: start !important;
 }
 .flex-p p {
     display: flex;
 }

 .navbar-logo {
     padding: 15px;
     color: #436577;
 }

 .navbar-mainbg {
     background-color: #436577;
     padding: 0px;
 }

 
/* ====================================================================
إعدادات مربع البحث - دعم كامل للغتين (العربية والإنجليزية)
==================================================================== */

/* إعدادات أساسية لدعم الاتجاهين */
.search-header {
 padding: 3px 5px;
 width: auto;
 overflow: hidden;
 -webkit-transition: .3s all ease;
 -moz-transition: .3s all ease;
 -o-transition: .3s all ease;
 transition: .3s all ease;
 position: absolute;
 top: 8px;
 height: 53px;
}

/* للاتجاه من اليسار لليمين (الإنجليزية) */
[dir="ltr"] .search-header {
 left: 81px;
}

/* للاتجاه من اليمين لليسار (العربية) */
[dir="rtl"] .search-header {
 right: 81px;
}

.search-header.active {
 -webkit-transition: .9s all ease;
 -moz-transition: .9s all ease;
 -o-transition: .9s all ease;
 transition: .9s all ease;
}

/* القاعدة العامة للشاشات الكبيرة فقط */
@media (min-width: 769px) {
 .search-header.active form {
     position: relative;
     display: inline-block;
 }
}

.search-header.active input[type="text"] {
 padding: 5px 15px;
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transition-delay: .35s;
 -moz-transition-delay: .35s;
 -o-transition-delay: .35s;
 transition-delay: .35s;
 opacity: 1;
 box-shadow: 0 8px 16px rgba(25, 118, 210, .3);
}

.search-header.active input[type="submit"] {
 transform: scaleX(1);
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 transition-delay: 0s;
 -webkit-transition-delay: 0s;
 -moz-transition-delay: 0s;
 -o-transition-delay: 0s;
 opacity: 1;
}

/* تحسينات إضافية للحقول النصية */
.search-header form input {
 font-family: 'Cairo', Arial, sans-serif; /* خطوط احتياطية */
 border: 0;
 outline: 0;
 height: 30px;
 padding: 4px 20px !important;
 margin: 3px 0;
}

/* دعم خاص للغة العربية */
[dir="rtl"] .search-header form input {
 font-family: 'Cairo', 'Tahoma', sans-serif;
}

/* دعم خاص للغة الإنجليزية */
[dir="ltr"] .search-header form input {
 font-family: 'Cairo', 'Arial', sans-serif;
}

/* حقل النص */
.search-header form input[type="text"] {
 width: 0;
 transition: .3s all ease;
 -webkit-transition: .3s all ease;
 -moz-transition: .3s all ease;
 -o-transition: .3s all ease;
 border-radius: 3px;
 z-index: 99;
 transition: .35s ease;
 width: 293px;
 opacity: 0;
}

/* ضبط أصل التحويل حسب الاتجاه */
[dir="ltr"] .search-header form input[type="text"] {
 transform-origin: left;
 -webkit-transform-origin: left;
 -moz-transform-origin: left;
 -o-transform-origin: left;
 transform: scaleX(1);
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
}

[dir="rtl"] .search-header form input[type="text"] {
 transform-origin: right;
 -webkit-transform-origin: right;
 -moz-transform-origin: right;
 -o-transform-origin: right;
 transform: scaleX(1);
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
}

/* زر الإرسال */
.search-header form input[type="submit"] {
 cursor: pointer;
 border-radius: 3px;
 transition: .3s all ease;
 background: #ff8401;
 z-index: 99;
 width: 0;
 transition: .35s ease;
 -webkit-transition: .35s ease;
 -moz-transition: .35s ease;
 -o-transition: .35s ease;
 width: 85px;
 transition-delay: .3s;
 -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 opacity: 0;
 color: white;
 font-weight: bold;
}

/* ضبط اتجاه زر الإرسال حسب اللغة */
[dir="ltr"] .search-header form input[type="submit"] {
 margin-left: -18px;
 transform-origin: left;
 -webkit-transform-origin: left;
 -moz-transform-origin: left;
 -o-transform-origin: left;
 transform: scaleX(1);
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
}

[dir="rtl"] .search-header form input[type="submit"] {
 margin-right: -43px;
 transform-origin: right;
 -webkit-transform-origin: right;
 -moz-transform-origin: right;
 -o-transform-origin: right;
 transform: scaleX(1);
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
}

/* تأثيرات الحركة */
@keyframes pulse {
 0% {
     box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
 }
 70% {
     box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
 }
 100% {
     box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
 }
}

@keyframes radiate {
 0% {
     box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
 }
 100% {
     box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);
 }
}

/* تأثير النبض للحقل النشط */
.search-header.active input[type="text"]:focus {
 animation: pulse 1.5s infinite;
 border-color: #0d47a1;
}

/* تأثير الإشعاع لزر الإرسال */
.search-header.active input[type="submit"]:hover {
 animation: radiate 1s ease-out;
}

/* placeholder الأصلي شفاف */
.search-header.active form input[type="text"]::placeholder {
 color: #0d0c0c00;
}

/* عربي */
html[lang^="ar"] .search-header.active form::after {
 content: "ادخل كلمة البحث";
 right: 18px;
 left: auto;
 text-align: right;
}

/* إنجليزي */
html[lang^="en"] .search-header.active form::after {
 content: "Enter search keyword";
 left: 18px;
 right: auto;
 text-align: left;
}

/* الخصائص المشتركة */
.search-header.active form::after {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 color: #999;
 font-size: 15px;
 white-space: nowrap;
 overflow: hidden;
 border-right: 0;
 animation: typingSlow 6s steps(20) infinite, blinkSlow 1s step-end infinite;
 pointer-events: none;
 transition: opacity 0.3s ease;
}

/* يختفي النص المتحرك عند التركيز */
.search-header.active form input[type="text"]:focus ~ *::after,
.search-header.active form:focus-within::after {
 opacity: 0;
}

/* ====================================================================
تحسينات شاملة للاستجابة على الأجهزة المحمولة
==================================================================== */

/* شاشات متوسطة (Tablets) */
@media (max-width: 992px) {
 .search-header {
     top: 5px;
     height: 48px;
 }
 
 .search-header form input[type="text"] {
     width: 250px;
     font-size: 14px;
     padding: 4px 15px !important;
 }
 
 .search-header form input[type="submit"] {
     width: 75px;
     font-size: 13px;
 }
 
 [dir="ltr"] .search-header {
     left: 60px;
 }
 
 [dir="rtl"] .search-header {
     right: 60px;
 }
}

/* ====================================================================
فورم بحث مخصص للجوال - يظهر في منتصف الصفحة مع overlay
==================================================================== */

/* إخفاء search-header القديم بالكامل على الجوال */
@media (max-width: 768px) {
 .search-header {
     display: none !important;
 }
}

/* Overlay رمادي للصفحة عند فتح البحث */
.mobile-search-overlay {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.6);
 backdrop-filter: blur(4px);
 z-index: 9997;
 opacity: 0;
 transition: opacity 0.3s ease;
}

.mobile-search-overlay.active {
 display: block;
 opacity: 1;
}

/* فورم البحث الجديد للجوال */
.mobile-search-container {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) scale(0.9);
 width: calc(100% - 40px);
 max-width: 500px;
 z-index: 9999;
 opacity: 0;
 transition: all 0.3s ease;
}

.mobile-search-container.active {
 display: block;
 opacity: 1;
 transform: translate(-50%, -50%) scale(1);
}

.mobile-search-form {
 background: #ffffff;
 border-radius: 20px;
 padding: 30px 20px;
 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
 display: flex;
 flex-direction: column;
 gap: 15px;
}

.mobile-search-form input[type="text"] {
 width: 100%;
 height: 50px;
 padding: 15px 20px;
 font-size: 16px;
 border: 2px solid #e0e0e0;
 border-radius: 12px;
 background: #f8f9fa;
 font-family: 'Cairo', Arial, sans-serif;
 transition: all 0.3s ease;
 outline: none;
}

.mobile-search-form input[type="text"]:focus {
 border-color: #1976D2;
 background: #fff;
 box-shadow: 0 4px 12px rgba(25, 118, 210, 0.15);
}

.mobile-search-form input[type="submit"] {
 width: 100%;
 height: 50px;
 padding: 15px;
 font-size: 16px;
 font-weight: 600;
 color: white;
 background: linear-gradient(135deg, #ff8401 0%, #ff6b00 100%);
 border: none;
 border-radius: 12px;
 cursor: pointer;
 transition: all 0.3s ease;
 font-family: 'Cairo', Arial, sans-serif;
 box-shadow: 0 4px 12px rgba(255, 132, 1, 0.3);
}

.mobile-search-form input[type="submit"]:hover {
 transform: translateY(-2px);
 box-shadow: 0 6px 16px rgba(255, 132, 1, 0.4);
}

.mobile-search-form input[type="submit"]:active {
 transform: translateY(0);
}

/* دعم RTL/LTR */
[dir="rtl"] .mobile-search-form input[type="text"] {
 font-family: 'Cairo', 'Tahoma', sans-serif;
 text-align: right;
}

[dir="ltr"] .mobile-search-form input[type="text"] {
 font-family: 'Cairo', 'Arial', sans-serif;
 text-align: left;
}

/* تحسينات للشاشات الصغيرة جداً */
@media (max-width: 480px) {
 .mobile-search-container {
     width: calc(100% - 20px);
 }
 
 .mobile-search-form {
     padding: 25px 15px;
 }
 
 .mobile-search-form input[type="text"],
 .mobile-search-form input[type="submit"] {
     height: 45px;
     font-size: 15px;
 }
}

/* شاشات صغيرة جداً (Small Mobile) */
@media (max-width: 480px) {
 .search-header {
     width: calc(100% - 20px);
     bottom: 15px;
     padding: 6px;
 }
 
 .search-header form input[type="text"] {
     height: 40px;
     font-size: 15px;
     padding: 10px 16px !important;
 }
 
 .search-header form input[type="submit"] {
     width: 40px !important;
     height: 40px;
     min-width: 40px;
 }
 
 html[lang^="ar"] .search-header.active form::after {
     right: 60px;
     font-size: 13px;
 }
 
 html[lang^="en"] .search-header.active form::after {
     left: 60px;
     font-size: 13px;
 }
}

/* تحسينات للوضع الأفقي (Landscape) */
@media (max-width: 768px) and (orientation: landscape) {
 .search-header {
     bottom: 10px;
     width: calc(100% - 30px);
     max-width: 600px;
 }
 
 .search-header form input[type="text"] {
     height: 38px;
 }
 
 .search-header form input[type="submit"] {
     width: 38px !important;
     height: 38px;
     min-width: 38px;
 }
}

/* حركة الكتابة البطيئة */
@keyframes typingSlow {
0% {
 width: 0ch;
}
50% {
 width: 15ch;
}
100% {
 width: 0ch;
}
}

/* وميض المؤشر */
@keyframes blinkSlow {
50% {
 border-color: transparent;
}
}
 /*
 #navbarSupportedContent {
     overflow: hidden;
     position: relative;
 }

 #navbarSupportedContent ul {
     padding: 0px;
     margin: 0px;
 }

 #navbarSupportedContent ul li a i {
     margin-right: 10px;
 }

 #navbarSupportedContent ul li a i.flaticon-icon {
     font-size: 17px;
 }

 #navbarSupportedContent li {
     list-style-type: none;
     float: left;
     position: relative;
 }

 #navbarSupportedContent ul li a {
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     display: block;
     padding: 20px 20px;
     position: relative;
     z-index: 2;
     transition: color 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }




 #navbarSupportedContent ul li a {
     position: relative;
     display: block;
     text-transform: uppercase;
     margin: 2px 0;
     padding: 10px 10px;
     text-decoration: none;
     color: #ffffff;
     transition: 0.5s;
     z-index: 1;
 }

 #navbarSupportedContent ul li a:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-top: 2px solid #2b89bc;
     border-bottom: 2px solid #2b89bc;
     transform: scaleY(2);
     opacity: 0;
     transition: 0.3s;
 }

 #navbarSupportedContent ul li a:after {
     content: '';
     position: absolute;
     top: 2px;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #2b89bc;
     transform: scale(0);
     opacity: 0;
     transition: 0.3s;
     z-index: -1;
 }

 #navbarSupportedContent ul li a:hover {
     color: #fff !important;
 }

 #navbarSupportedContent ul li a:hover:before {
     transform: scaleY(1);
     opacity: 1;
 }

 #navbarSupportedContent ul li a:hover:after {
     transform: scaleY(1);
     opacity: 1;
 }


 @media screen and (max-width: 768px) {
     .container {
         width: 100%;
     }
 }
 */

 /* ستايل شارة الحداد */
 .mourning-badge {
     position: fixed;
     background-color: #000;
     z-index: 9999;
     border-bottom-right-radius: 5px;
     font-weight: bold;
     color: #FFF;
     text-transform: uppercase;
     text-align: center;
     line-height: 36px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     width: 175px;
     box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
     top: 30px;
     left: -39px;
     direction: ltr;
 }

 /* نص الشارة */
 .mourning-badge p {
     margin: 0;
     direction: ltr;
 }

 /*
 ins.adsbygoogle[data-ad-status="unfilled"] {
 display: none !important;
}
*/
 /* PART 1 - Before Lazy Load */
 img[data-lazyloaded] {
     opacity: 0;
 }

 /* PART 2 - Upon Lazy Load */
 img.litespeed-loaded {
     -webkit-transition: opacity .5s linear 0.2s;
     -moz-transition: opacity .5s linear 0.2s;
     transition: opacity .5s linear 0.2s;
     opacity: 1;
 }

 /*
     //lazy load images
     img[src=""],
     img:not([src]) {
         visibility: hidden;
         opacity: 0;
     }

     img:not([src=""]) {
         opacity: 1;
         transition: opacity 0.5s;
     }
     */
 *

 /
 .unread_n {
     background: var(--bg-main-bg);
 }

 .read_then {
     background: var(--bg-main-bg);
     padding: 22px !important;
 }
 .ed-top .dropdown-menu {
     background: #fff;
     transform: translate3d(23px, 2px, 8px);
 }
 .top .social a {
     display: inline-block;
     padding: 13px 0;
     font-size: 20px;
     margin: 8px 1px;
     z-index: 99;
     -webkit-transition: .3s all ease;
     -moz-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     width: 40px;
     height: 40px;
     text-align: center;
     border-radius: 5px;
     padding-top: 10px;
     background: #00000052;
     color: #fff;
     cursor: pointer
 }
/*
 .search-header {
     padding: 3px 5px;
     width: auto;
     overflow: hidden;
     -webkit-transition: .3s all ease;
     -moz-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     position: absolute;
     right: 81px;
     top: 8px;
     height: 53px;
 }

 .search-header.active {
     -webkit-transition: .9s all ease;
     -moz-transition: .9s all ease;
     -o-transition: .9s all ease;
     transition: .9s all ease
 }

 .search-header.active input[type=text] {
     padding: 5px 15px;
     -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
     -o-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-delay: .35s;
     -moz-transition-delay: .35s;
     -o-transition-delay: .35s;
     transition-delay: .35s;
     opacity: 1;
     box-shadow: 0 8px 16px rgba(25, 118, 210, .3);
 }

 .search-header.active input[type=submit] {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
     -o-transform: scaleX(1);
     transition-delay: 0s;
     -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
     -o-transition-delay: 0s;
     opacity: 1
 }

 .search-header form input {
     font-family: 'Cairo';
     border: 0;
     outline: 0;
     height: 30px;
     padding: 5px 20px !important;
     margin: 3px 0;
 }

 .search-header form input[type=text] {
     width: 0;
     transition: .3s all ease;
     -webkit-transition: .3s all ease;
     -moz-transition: .3s all ease;
     -o-transition: .3s all ease;
     border-radius: 3px;
     z-index: 99;
     transition: .35s ease;
     transform-origin: left;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
     -o-transform: scaleX(0);
     width: 293px;
     opacity: 0
 }

 .search-header form input[type=submit] {
     cursor: pointer;
     border-radius: 3px;
     margin-right: -43px;
     transition: .3s all ease;
     background: #ff8401;
     z-index: 99;
     width: 0;
     transition: .35s ease;
     -webkit-transition: .35s ease;
     -moz-transition: .35s ease;
     -o-transition: .35s ease;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
     -o-transform: scaleX(0);
     width: 85px;
     transform-origin: left;
     transition-delay: .3s;
     -webkit-transition-delay: .3s;
     -moz-transition-delay: .3s;
     -o-transition-delay: .3s;
     opacity: 0;
 }
 /* CSS لدمج تأثير النبض وإشارات الحواف */
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
     }
     70% {
         box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
     }
     100% {
         box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
     }
 }

 @keyframes radiate {
     0% {
         box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
     }
     100% {
         box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);
     }
 }

 .btn-pulse-radiate {
     position: relative;
     animation: pulse 2s infinite, radiate 2s infinite;
 }

 @media (max-width: 991px) {
     /*
     #navbarSupportedContent ul li a {
         padding: 12px 30px;
     }
         */
     .search-header form input[type=text] {

         width: 240px !important

     }
     .search-header {
         padding: 3px 5px;
         width: 95% !important;
         overflow: hidden;
         -webkit-transition: .3s all ease;
         -moz-transition: .3s all ease;
         -o-transition: .3s all ease;
         transition: .3s all ease;
         position: absolute;
         right: 27px !important;
         top: 52px !important;
         height: 53px;
     }
     .search-header form input[type=submit] {
         cursor: pointer;
         border-radius: 3px;
         margin-inline-start: 62%;
         margin-left: -43px !important;
         transition: .3s all ease;
         background: #ff8401;
         z-index: 99;
         width: 0;
         transition: .35s ease;
         -webkit-transition: .35s ease;
         -moz-transition: .35s ease;
         -o-transition: .35s ease;
         transform: scaleX(0);
         -webkit-transform: scaleX(0);
         -moz-transform: scaleX(0);
         -o-transform: scaleX(0);
         width: 85px;
         transform-origin: left;
         transition-delay: .3s;
         -webkit-transition-delay: .3s;
         -moz-transition-delay: .3s;
         -o-transition-delay: .3s;
         opacity: 0;
         position: absolute;
     }
     a.search {
         position: absolute;
         margin-top: -26px;
         inset-inline-start: 0 !important;
     }
/*
    
     #navbarSupportedContent ul li:hover .hori-selector {
         transform: translateX(calc(100% * var(--index)));
         background-color: #fff;
     }

   
     #navbarSupportedContent ul li:hover a {
         color: #3f729b;
         background-color: transparent;
         transition: all 0.7s;
         left: 1562px;
         width: 99%;
         height: 66px;
         display: inline-block;
         height: 95%;
         top: 3px;
         left: 0px;
         transition-duration: 0.6s;
         transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
         background-color: #fff;
         border-top-left-radius: 31px;
         border-top-right-radius: 0px;
         margin-top: 0px;
         padding: 5px;
     }
*/
     .hori-selector {
         margin-top: 0px;
         margin-left: 10px;
         border-radius: 0;
         border-top-left-radius: 25px;
         border-bottom-left-radius: 25px;
     }

     .hori-selector .left,
     .hori-selector .right {
         right: 10px;
     }

     .hori-selector .left {
         top: -25px;
         left: auto;
     }

     .hori-selector .right {
         bottom: -25px;
     }

     .hori-selector .left:before {
         left: -25px;
         top: -25px;
     }

     .hori-selector .right:before {
         bottom: -25px;
         left: -25px;
     }
 }




 /* ====== ألوان روابط النافبار ====== */




/* ====== RTL VERSION ====== */
.ed-top {
 background: linear-gradient(154deg, #5687af 0%, #3f729b 100%);
}
.home__news__cards.job_box {
background: #ffffff;
border-radius: 18px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
padding: 16px 20px 60px; /* مساحة أسفل للأزرار العائمة */
margin: 12px 0;
transition: all 0.25s ease-in-out;
position: relative;
overflow: hidden;
border: 1px solid #f1f1f1;
}

.home__news__cards.job_box:hover {
transform: translateY(-3px);
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
}



/* معلومات الوظيفة */
.home__news__cards.job_box .buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
font-size: 13px;
color: #555;
margin-top: 81px;
}

.home__news__cards.job_box .buttons span {
/*  background: #f6f7f9; */
border-radius: 12px;
padding: 5px 10px;
display: flex;
align-items: center;
gap: 6px;
font-weight: 500;
}

.home__news__cards.job_box .buttons i {
color: #1976D2;
font-size: 14px;
}

/* الأيقونة العلوية */
.home__news__cards.job_box .job-icon {
position: absolute;
color: #fff;
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
}
[dir="ltr"] .home__news__cards.job_box .job-icon {
  right: 10px;
 }
 
[dir="rtl"] .home__news__cards.job_box .job-icon {
  right: 0px;
 }
/* التاريخ */
.home__news__cards.job_box .news__date {
margin-top: 10px;
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: #888;
justify-content: flex-end;
}

.home__news__cards.job_box .news__date .badge {
background-color: #1976D2;
color: #fff;
border-radius: 20px;
padding: 3px 10px;
font-size: 11px;
font-weight: 500;
}

/* أزرار التحكم (عائمة وغير مؤثرة) */
.home__news__cards.job_box .control {
position: absolute;
bottom: -10px;
right: 10px;
left: 10px;
display: flex;
justify-content: flex-end;
gap: 6px;
pointer-events: auto;
/* background: rgba(255, 255, 255, 0.85); */
padding: 6px 8px;
border-radius: 10px;
/* box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1); */
/* backdrop-filter: blur(6px); */
z-index: 15;
}

.home__news__cards.job_box .control .btn {
border-radius: 8px;
font-size: 11px;
padding: 4px 8px;
line-height: 1.3;
min-width: 60px;
border: none;
transition: background 0.2s ease;
}

.home__news__cards.job_box .control .btn.btn-primary {
background: #1976D2;
color: #fff;
}

.home__news__cards.job_box .control .btn.btn-danger {
background: #E53935;
color: #fff;
}

.home__news__cards.job_box .control .btn.btn-success {
background: #43A047;
color: #fff;
}

.home__news__cards.job_box .control .btn:hover {
opacity: 0.9;
}

/* موبايل */
@media (max-width: 768px) {
.home__news__cards.job_box {
 padding: 14px 14px 65px;
}

.home__news__cards.job_box .control {
 bottom: 6px;
 justify-content: center;
 padding: 5px;
}

.home__news__cards.job_box .control .btn {
 font-size: 10px;
 padding: 4px 7px;
 min-width: 50px;
}
}


.hidden-field {
         opacity: 0;
         pointer-events: none;
         position: absolute;
         transition: opacity 0.3s ease;
     }
     .home__news__cards.job_box {
         position: relative;
         box-shadow: 0 4px 16px rgba(0,0,0,0.08);
         border-radius: 16px;
         background: #fff;
         padding: 16px;
         overflow: hidden;
         transition: all 0.3s ease;
     }
     .home__news__cards.job_box:hover {
         transform: translateY(-3px);
         box-shadow: 0 6px 18px rgba(0,0,0,0.12);
     }
     .news__date .buttons {
         position: absolute;
         bottom: 8px;
         left: 16px;
         display: flex;
         gap: 12px;
         font-size: 13px;
         color: #666;
     }
     .news__date {
         position: relative;
         padding-bottom: 40px;
     }
.home__news__cards.job_box .buttons span.location {
/*  background: #f6f7f9; */
border-radius: 12px;
padding: 5px 10px;
display: flex;
align-items: center;
gap: 6px;
font-weight: 500;
/*  box-shadow: 8px 11px 32px -1px rgba(0, 0, 0, 0.19); */
position: relative;
}

.home__news__cards.job_box .buttons span.location::after {
content: '';
position: absolute;
bottom: -4px;
left: 71%;
/*! transform: translateX(-50%); */
width: 50%; /* يغطي 50% من العرض */
height: 8px;
/*! background: rgba(0, 0, 0, 0.19); */
filter: blur(6px);
border-radius: 50%;
box-shadow: 8px 11px 32px -1px rgba(0, 0, 0, 0.19);
z-index: -1;
}

.home__news__cards.job_box a {
/* color: #222; */
font-weight: 500;
font-size: 13px;
text-decoration: none;
display: block;
margin-bottom: 8px;
line-height: 1.6;

/* تقطيع النص من النهاية */
/* white-space: nowrap;*/
/* overflow: hidden;*/
text-overflow: ellipsis;
width: 100%;
min-height: 28px !important;
}

/* ====== Pagination Style (متناسق مع تصميم الكروت) ====== */
.wpuf-pagination {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 6px;
 flex-wrap: wrap;
 margin-top: 30px;
 padding: 10px;
 list-style: none;
}

.wpuf-pagination a,
.wpuf-pagination span.page-numbers {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 36px;
 height: 36px;
 font-size: 14px;
 font-weight: 500;
 color: #1976D2;
 background: #f6f7f9;
 border-radius: 8px;
 text-decoration: none;
 transition: all 0.25s ease-in-out;
 box-shadow: 0 2px 6px rgba(25, 118, 210, 0.15);
 border: 1px solid #e2e6ea;
}

.wpuf-pagination a:hover {
 background: #1976D2;
 color: #fff;
 transform: translateY(-2px);
 box-shadow: 0 3px 10px rgba(25, 118, 210, 0.25);
}

.wpuf-pagination .current {
 background: #1976D2;
 color: #fff !important;
 font-weight: 600;
 box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
 border: none;
 cursor: default;
}

.wpuf-pagination .dots {
 background: transparent;
 color: #999;
 box-shadow: none;
 border: none;
 cursor: default;
}

/* زر السهم */
.wpuf-pagination .next,
.wpuf-pagination .prev {
 font-weight: 700;
 font-size: 16px;
 line-height: 1;
 padding: 0 10px;
}

/* موبايل */
@media (max-width: 768px) {
 .wpuf-pagination a,
 .wpuf-pagination span.page-numbers {
   min-width: 30px;
   height: 30px;
   font-size: 13px;
 }
}



.breadcrumb {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: .75rem 1rem;
 margin-bottom: 1rem;
 list-style: none;
 background-color: #e9ecef;
 border-radius: .25rem;
 border-bottom: 1px solid #e9ecef;
 box-shadow: 0 8px 16px rgba(25, 118, 210, 0.08);
 padding: 10px 20px;
 transition: all 0.3s 
ease-in-out;
}

/* ====== Navbar Style (متناسق مع تصميم الكروت) ====== */
.navbar-mainbg {
 background: #ffffff;
 border-bottom: 1px solid #e9ecef;
 box-shadow: 0 2px 10px rgba(25, 118, 210, 0.08);
 padding: 10px 20px;
 transition: all 0.3s ease-in-out;
 z-index: 15;
}

.navbar-mainbg .navbar-logo img {
 height: 36px;
 width: auto;
 transition: transform 0.2s ease;
}

.navbar-mainbg .navbar-logo img:hover {
 transform: scale(1.05);
}

/* روابط القائمة */
.navbar-mainbg .navbar-nav .nav-item {
 margin: 0 6px;
 position: relative;
}

.navbar-mainbg .navbar-nav .nav-link {
 color: #333;
 font-weight: 500;
 font-size: 14px;
 display: flex;
 align-items: center;
 gap: 6px;
 padding: 8px 14px;
 border-radius: 8px;
 transition: all 0.25s ease-in-out;
}

.navbar-mainbg .navbar-nav .nav-link i {
 color: #1976D2;
 font-size: 16px;
}

.navbar-mainbg .navbar-nav .nav-link:hover,
.navbar-mainbg .navbar-nav .nav-link.active {
 background: #1976D2;
 color: #fff;
 box-shadow: 0 3px 8px rgba(25, 118, 210, 0.25);
}

.navbar-mainbg .navbar-nav .nav-link:hover i,
.navbar-mainbg .navbar-nav .nav-link.active i {
 color: #fff;
}

/* زر أضف وظيفة الآن */
.navbar-mainbg .btn-pink {
 background: linear-gradient(90deg, #1976D2 0%, #2196F3 100%);
 color: #fff;
 font-weight: 600;
 border-radius: 10px;
 padding: 7px 14px;
 border: none;
 box-shadow: 0 3px 10px rgba(25, 118, 210, 0.25);
 transition: all 0.3s ease;
}

.navbar-mainbg .btn-pink:hover {
 background: linear-gradient(90deg, #1565C0 0%, #0D47A1 100%);
 transform: translateY(-2px);
 box-shadow: 0 5px 15px rgba(25, 118, 210, 0.35);
}

/* الأيقونة داخل الزر */
.navbar-mainbg .btn-pink i {
 margin-left: 5px;
}

/* تفعيل التصميم في الموبايل */
.navbar-toggler {
 border: none;
 outline: none;
 color: #1976D2 !important;
 font-size: 20px;
}

.navbar-toggler:focus {
 box-shadow: none;
}

@media (max-width: 992px) {
 .navbar-mainbg .navbar-nav {
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(25, 118, 210, 0.15);
   padding: 10px;
   margin-top: 10px;
 }

 .navbar-mainbg .navbar-nav .nav-link {
   justify-content: flex-start;
   font-size: 15px;
 }

 .navbar-mainbg .btn-pink {
   width: 100%;
   text-align: center;
 }
}


.main-jobs-box-styles {
 background: #ffffff;
 border-radius: 3px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 padding: 20px;
 margin-bottom: 20px;
}

.list-group-item {
 border: none;
 border-bottom: 1px solid #f1f1f1;
 padding: 15px;
 transition: all 0.2s ease;
}

.list-group-item:hover {
 background: #f8f9fa;
 transform: translateX(-5px);
}

.list-group-item:last-child {
 border-bottom: none;
}

.list-group-item h6 {
 color: #2c3e50;
 font-weight: 600;
 margin-bottom: 5px;
}

.list-group-item .text-muted {
 color: #666 !important;
 font-size: 13px;
}
.special-span {
 color: #ffffff !important;

}


/* ✅ إخفاء الأزرار افتراضيًا */
.home__news__cards.job_box .control {
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: all 0.3s ease-in-out;
}

/* ✅ عند تمرير الماوس على الكارت تظهر الأزرار بانسيابية */
.home__news__cards.job_box:hover .control {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

/* ⚙️ تثبيت مكان الأزرار وعدم تأثيرها على العناصر الأخرى */
.home__news__cards.job_box .control {
position: absolute;
bottom: 10px;
right: 12px;
left: 12px;
display: flex;
justify-content: flex-end;
gap: 8px;
pointer-events: auto;
z-index: 15;
}

/* 🔘 تحسين مظهر الأزرار */
.home__news__cards.job_box .control .btn {
border-radius: 8px;
font-size: 11px;
padding: 4px 8px;
line-height: 1.3;
min-width: 60px;
border: none;
transition: background 0.25s ease, transform 0.25s ease;
}

.home__news__cards.job_box .control .btn:hover {
opacity: 0.95;
transform: translateY(-2px);
}
/* CSS محسن لدعم الاتجاهين - مع التأثيرات */
.eye-span-actions {
 position: absolute;
 top: -22px;
 background: #1976d285;
 color: #000000;
 width: 84px;
 height: 69px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 18px;
 box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
 opacity: 0.4;
 transition: all 0.3s ease;
 cursor: pointer;
 z-index: 10;
}

/* الحالة النشطة (عند التمرير أو النقر) */
.eye-span-actions:hover,
.eye-span-actions:focus {
 opacity: 1;
 transform: scale(1.05);
 box-shadow: 0 5px 15px rgba(25, 118, 210, 0.4);
 background: #1976d2cc;
}

/* للاتجاه من اليسار لليمين (الإنجليزية) */
[dir="ltr"] .eye-span-actions {
 right: -9px;
}

/* للاتجاه من اليمين لليسار (العربية) */
[dir="rtl"] .eye-span-actions {
 left: -9px;
}



/* تأثيرات إضافية */
.eye-span-actions::before {
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 border: 2px solid transparent;
 transition: all 0.3s ease;
}

.eye-span-actions:hover::before {
 border-color: rgba(255, 255, 255, 0.3);
 animation: pulse 1.5s infinite;
}

/* تأثير النبض */
@keyframes pulse {
 0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);
 }
 70% {
     transform: scale(1);
     box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);
 }
 100% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
 }
}

/* أيقونة داخل العنصر (اختياري) */
.eye-span-actions i,
.eye-span-actions svg {
 font-size: 24px;
 transition: transform 0.3s ease;
}

.eye-span-actions:hover i,
.eye-span-actions:hover svg {
 transform: rotate(15deg);
}

/* للاتجاه العربي - تدوير الأيقونة إذا لزم الأمر */
[dir="rtl"] .eye-span-actions i.fa-eye,
[lang="ar"] .eye-span-actions i.fa-eye {
 /* لا حاجة للتدوير عادة إلا إذا كان هناك أيقونة اتجاهية */
}

/* إصدار مصغر للشاشات الصغيرة */
@media (max-width: 768px) {
 .eye-span-actions {
     width: 70px;
     height: 58px;
     top: -18px;
     font-size: 16px;
 }
 
 [dir="ltr"] .eye-span-actions {
     right: -7px;
 }
 
 [dir="rtl"] .eye-span-actions {
     left: -7px;
 }
 
 .eye-span-actions i,
 .eye-span-actions svg {
     font-size: 20px;
 }
}

/* إصدار للوضع الداكن */
@media (prefers-color-scheme: dark) {
 .eye-span-actions {
     background: #1976d2cc;
     color: #ffffff;
     box-shadow: 0 3px 8px rgba(25, 118, 210, 0.5);
 }
 
 .eye-span-actions:hover {
     background: #1976d2;
     box-shadow: 0 5px 15px rgba(25, 118, 210, 0.6);
 }
}

/* كلاس بديل يمكن استخدامه ديناميكياً */
.eye-span-actions.ltr-version {
 right: -9px !important;
 left: auto !important;
}

.eye-span-actions.rtl-version {
 left: -9px !important;
 right: auto !important;
}

/* حالة النشاط */
.eye-span-actions.active {
 opacity: 1;
 background: #1976d2;
 color: white;
 animation: activePulse 2s infinite;
}

@keyframes activePulse {
 0%, 100% {
     transform: scale(1);
 }
 50% {
     transform: scale(1.05);
 }
}
.telegram-span-actions {
position: absolute;
bottom: -8px;
left: -12px;
background: #007dde40;
color: #f2f2f2;
width: 49px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
opacity: 0.4;
font-size: 34px !important;
}
div.job-action-response-done {
 position: absolute;
 top: 2px;
 left: 121px;
 background: #007dde40;
 color: #f2f2f2;
 width: 80px;
 height: 64px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
 opacity: 0.4;
 font-size: 76px !important;
}
.modal-content {
border-radius: .25rem;
border-bottom: 1px solid #e9ecef;
box-shadow: 0 8px 16px rgba(25, 118, 210, 0.08) !important;
padding: 10px 20px;
transition: all 0.3s ease-in-out;
border: none !important;
}

.card {
border-radius: .25rem;
border-bottom: 1px solid #e9ecef;
box-shadow: 0 8px 16px rgba(25, 118, 210, 0.08) !important;
transition: all 0.3s ease-in-out;
border: none !important;
}

/* جعل حاوية العرض تعمل كنظام مرن */
#project-load-offers .offer-order {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; /* العناصر بين البداية والنهاية */
flex-wrap: wrap;
}

/* لضبط منطقة الأزرار */
#project-load-offers .offer-order .btn-group {
display: flex;
gap: 8px;
direction: ltr; /* نثبت اتجاه الأزرار من اليسار لليمين */
}

/* الحاوية الخارجية للأزرار */
#project-load-offers .offer-order .d-inline-flex.mr-auto {
margin-inline-start: auto !important; /* يدفع الأزرار إلى النهاية المناسبة */
margin-inline-end: 0 !important;
}

/* الزرار نفسه */
#project-load-offers .offer-order .btn-group .btn {
border-radius: 6px;
padding: 5px 14px;
font-size: 14px;
font-weight: 600;
background: var(--bg-color-4);
border: none;
color: #fff;
transition: 0.3s;
}

/* تأثير hover */
#project-load-offers .offer-order .btn-group .btn:hover {
background: var(--bg-main-bg);
color: #fff;
transform: scale(1.05);
}

/* دعم الاتجاهين RTL و LTR */
html[dir="rtl"] #project-load-offers .offer-order .d-inline-flex.mr-auto {
margin-left: 0 !important;
margin-right: auto !important;
}

html[dir="ltr"] #project-load-offers .offer-order .d-inline-flex.mr-auto {
margin-left: auto !important;
margin-right: 0 !important;
}
.dropdown-menu .dropdown-item {
 margin: 4px 4px;
 border-bottom: 1px solid #313c52;
 text-align: start !important;
}


.ribbon {
position: absolute;
top: -5px;
z-index: 1;
overflow: hidden;
width: 136px;
height: 113px;
}

/* الوضع الافتراضي LTR */
html[lang="ar"] .ribbon {
left: -5px;
right: auto;
}

html[lang="ar"] .ribbon span {
position: absolute;
top: 19px;
left: -32px;
width: 138px;
line-height: 36px;
color: #FFF;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

html[lang="ar"] .ribbon span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #8F0808;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}

html[lang="ar"] .ribbon span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}

/* الوضع العربي RTL */
html[lang="en-US"] .ribbon {
right: -5px;
left: auto;
text-align: left;
}

html[lang="en-US"] .ribbon span {
position: absolute;
top: 19px;
right: -32px;
width: 138px;
line-height: 36px;
color: #FFF;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
left: auto !important;
}

/* نحافظ على شكل الكرف لكن معكوس */
html[lang="en-US"] .ribbon span::before {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-right: 3px solid #8F0808;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}

html[lang="en-US"] .ribbon span::after {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-right: 3px solid transparent;
border-left: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
div.job-action-response {
 display: flex;
 position: absolute;
 bottom: -4px;
 left: 25px;
}
.job-loading-indicator {
 display: inline-block;
 width: 14px;
 height: 14px;
 border: 2px solid rgba(0, 123, 255, 0.3);
 border-top-color: #007bff;
 border-radius: 50%;
 animation: job-spin 0.6s 
linear infinite;
 vertical-align: middle;
 margin: 2px;
 bottom: 5px;
 position: absolute;
}

@keyframes job-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.red-text.no_num {
position: absolute;
top: -26px;
left: 112px;
background: #c6c6c685;
color: #000000;
height: 69px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 3px 8px rgba(25, 118, 210, 0.3);
opacity: 0.9;
}
.text-end {
text-align: end !important;
}
.text-start {
text-align: start !important;
}