body {font-family: 'Montserrat', sans-serif; font-size:15px; line-height:1.5; color:#333; margin:0px; padding:0px; overflow-x:hidden; font-weight:400;}
/*Common CSS Start*/
html {height:100%;}
* {outline:none !important;}
a, a:hover {transition: all .2s ease-in-out; text-decoration:none !important; outline:none !important; color:#000;}
h1,h2,h3,h4,h5,h6 {margin:0px; color:#333; font-family: 'Montserrat', sans-serif; font-weight:600;}
h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
.mb-6 {margin-bottom:80px !important;}
.section-ttl {margin-bottom:30px; position:relative;}
.section-ttl h1 {text-transform:capitalize; font-size:36px; display:inline-block; margin-bottom:15px; line-height:1.2;}
.section-ttl p {width:500px; margin:0 auto;}
.link {font-weight:600; color:#0099cc; font-size:14px;}
.common-btn {padding:5px 30px; box-shadow:none !important; border-radius:3px; background:#0082be; color:#fff; box-shadow: 0 4px 10px 0 rgb(41 128 185 / 20%); -webkit-box-shadow: 0 4px 10px 0 rgb(41 128 185 / 20%); border:2px solid #0082be; font-weight:500;}
.common-btn:hover, .common-btn:focus {background:none; border:2px solid #0082be; color:#0082be;}
input,input:hover, input:focus {box-shadow:none !important; height:45px !important; border-radius:3px !important;}
select, select:hover, select:focus {box-shadow:none !important; height:45px !important; border-radius:3px !important; -moz-appearance:none; -webkit-appearance:none; appearance:none; font-size:13px !important;} 
.customselect {position:relative;}
.customselect .arrow {position:absolute; top:0; right:20px; height:100%; width:9px;}
textarea,textarea:hover, textarea:focus {box-shadow:none !important; resize:none;}
input::placeholder, textarea::placeholder {font-size:13px;}
label {font-weight:600;}
.container {max-width:1200px;}
.float-center {float:none; margin:0 auto;}
.owl-nav > button {margin-top: -26px; position: absolute; top: 45%; color: #cdcbcd; width:40px; height:40px; line-height:46px !important; color:#fff !important; background:#EA6B3F !important;}
.owl-nav > button i {font-size:20px;}
.owl-nav .owl-prev {left:0px;}
.owl-nav .owl-next {right:0px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#0099cc !important;}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {border-radius:3px;}
::-webkit-scrollbar-thumb {border-radius: 10px; background:#000;}
.card {box-shadow: 0 4px 10px 0 rgb(41 128 185 / 7%); border: 1px solid rgba(0,0,0,.125);}
/*Common CSS End*/

/*Navbar Section CSS Start*/
.offcanvas-header {display: none;}
.screen-overlay {width: 0%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(34, 34, 34, 0.6); transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;}
.screen-overlay.show {transition: opacity 0.5s ease, width 0s; opacity: 1; width: 100%;
  visibility: visible; }

@media all and (max-width: 992px) {
  .offcanvas-header {display: block;}
  .mobile-offcanvas {visibility: hidden; transform: translateX(-100%); border-radius: 0; display: block; position: fixed; top: 0;
      left: 0; height: 100%; z-index: 1200; width: 80%; overflow-y: scroll; overflow-x: hidden; transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out; background-color: #fff !important; }
  html:lang(ar) .mobile-offcanvas {transform: translateX(100%);}
  .mobile-offcanvas.show {visibility: visible; transform: translateX(0);}
  .nav-cont {display: block !important; padding-right: auto !important; padding-left: auto !important;}
  #navbar_main {box-shadow: 0px 3px 17px #00000047;}
  .dropdown-menu {border: none;}
  .nav-item {border-bottom: 1px solid #eaeaea;}
}
.navbar-brand {max-width:132px;}
.navbar-brand img {max-width:100%;}
.navbar-nav {align-items:center; position:relative;}
.navbar-nav li a.nav-link {font-weight:600; color:#fff; padding-right:1rem !important; text-transform:capitalize;}
.navbar-nav li a.nav-link:hover, .navbar-nav li a.nav-link:focus {color:#0082be;}
.navbar-nav li.active a {color:#0082be;}
.navbar-nav .dropdown .dropdown-menu {padding:0px;}
.navbar-nav .dropdown .dropdown-menu a.dropdown-item {padding: 0.6rem 1.5rem !important;}
.fixed-header {position:fixed; top:0; width:100%; z-index:111; background:#fff; box-shadow: -1px -36px 90px #999;}
.fixed-header .navbar-nav li a.nav-link {color:#000;}
.fixed-header .navbar-nav li a.nav-link:hover, .fixed-header .navbar-nav li a.nav-link:focus {color:#0082be;}
.fixed-header .navbar-nav li.active a {color:#0082be;}
.navbar-brand {color:#fff; text-transform:uppercase; font-weight:600; font-size:24px;}
.navbar-brand span {color:#0082be;} 
.login .btn:hover, login:focus {color:#fff;}
.fixed-header .common-btn:hover {color:#333 !important;}
/*Navbar Section CSS End*/

/*Banner Section CSS Start*/
.homebanner .banner {height:550px; position:relative;}
.homebanner .banner::before {position:absolute; content:""; width:100%; height:100%; top:0; left:0; background: linear-gradient(to right,rgba(50,50,50,1) 20%, rgba(50,50,50,.95) 50% ,rgba(50,50,50,0.1) 80%,rgba(50,50,50,0) 100%);}
.homebanner .banner img {width:100%; height:100%; object-fit:cover;}
.homebanner .banner-content {position:absolute; top:0; left:5%; display:flex; align-items:center; height:100%; color:#fff;}
.homebanner .banner-content .content h1 {color:#fff; font-size:54px;}
.homebanner .banner-content .content span {color:#0082be;}
.banner-search fieldset {background: rgba(255,255,255,0.2); padding:7px 0px 7px 7px; border-radius:35px;}
.banner-search fieldset .form-group {margin-bottom:0px;}
.banner-search fieldset input {border:none !important; border-right:1px solid #fff; height:60px !important; }
.banner-search fieldset select {height:60px !important; border-radius:0px !important; border:none;} 
.banner-search fieldset .customselect {border-left:1px solid #ced4da;}
.banner-search fieldset input:first-child {border-radius: 30px 0 0 30px !important; padding-left:25px;}
.banner-search fieldset button {height:60px; border-radius:0px 35px 35px 0px;}
/*Banner Section CSS End*/

/*Latest Job Section CSS Start*/
.nav-tabs {
    display:none;
}
.nav-tabs .nav-link {border-radius:3px; border:none; color:#fff; font-weight:500;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#0082be;}
@media(min-width:768px) {
    .nav-tabs {
        display: flex;
        justify-content:center;
        border:none;
        background:#0082be;
        width:30%;
        margin: auto;
        padding:7px;
        border-radius:3px;
    }
    
    .lates-job-sec .card {
        border: none;
    }

    .lates-job-sec .card .card-header {
        display:none;
    }  

    .lates-job-sec .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}
.job-box {margin-bottom:30px;}
.job-box .card {box-shadow: 0 4px 10px 0 rgb(41 128 185 / 7%); border: 1px solid rgba(0,0,0,.125);}
.job-box .card .card-body {font-size:12px;}
.job-box .card .card-body ul li {padding:3px 0px;}
.job-box .card .card-body span {font-size:14px; font-weight:500;}
.char-limit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
   -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.job-box .card .card-body span.badge {font-size:10px; text-transform:uppercase; background:#f4f5f7; color:#777;}
/*Latest Job Section CSS End*/

/*Category Page CSS Start*/
.category-sec {background: #f8fafb; padding:50px 0px;}
.category-box {margin-bottom:30px;}
.category-box .badge {background:rgb(0,130,190,0.1); color:#0082be; padding:5px;}
.category-box .iconbox {width:90px; height:90px; line-height:90px; border-radius:50%; text-align:center; background:rgb(0,130,190,0.1); margin:0 auto;}
/*Category Page CSS End*/


footer {padding:50px 0px; background:#eff4f7;}
footer ul {margin-bottom:0px;}
.abt-footer ul li a {background:#0082be; width:40px; height:40px; line-height:40px; text-align:center; border-radius:3px; display:inline-block; color:#fff;}
.abt-footer img {width:100px;}
.footer-links h3 {color:#0082be;}
.footer-links ul li {margin-bottom:12px;}
.footer-links ul li:last-child {margin-bottom:0px;}
.footer-links ul li a {color:#000; font-weight:500;}
.footer-links ul li a:hover, .footer-links ul li a:focus {color:#0082be;}
.footer-links ul li label {margin-bottom:0px;}
/*Footer Section CSS End*/

/*Back to Top CSS Start*/
.top-arrow {position:fixed; right:30px; bottom:30px; z-index:9}
.top-arrow a {width:50px; height:50px; border-radius:50%; color:#fff; background:#0082be; display:block; text-align:center; line-height:50px;}
/*Back to Top CSS End*/

/*Common Bannet CSS Start*/
.common-banner {position:relative;}
.common-banner .overlay {position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:rgb(0,0,0,0.5);}
.common-banner .imgbox {height:400px;}
.common-banner .imgbox img {width:100%; height:100%; object-fit:cover;}
.common-banner .banner-ttl {position: absolute; top: 10%; left: 0; height: 100%; display: flex; flex-direction:column; align-items: center; justify-content: center; color: #fff;}
.common-banner .banner-ttl .content {text-align:center;}
.common-banner .banner-ttl h1 {color:#fff;}
.common-banner .banner-ttl .breadcrumb {background:none; color:#fff; display:flex; justify-content:center;}
.common-banner .banner-ttl .breadcrumb li a {color:#fff;}
.common-banner .banner-ttl .breadcrumb .breadcrumb-item.active {color:#0082be;}
.common-banner .banner-ttl .breadcrumb-item+.breadcrumb-item::before {color:#fff;}
.common-banner .banner-search {width:57%; border-radius:55px;}
/*.common-banner .banner-search fieldset {background:none;}*/
/*Common Bannet CSS End*/

/*Job Listing Page CSS Start*/
.sort {display:flex; align-items:center; justify-content:space-between;}
/*Job Listing Page CSS End*/

/*Job Detail Page CSS Start*/
.job-detail-page .left .card {margin-bottom:30px;}
.required-skills ul li {display:flex; align-items:center; padding:3px 0px;}
.required-skills ul li i {margin-right:10px;}
/*Job Details Page CSS End*/

/*About Us Page CSS Start*/
.abt-sec .left span {font-weight:500; color:#333; font-size:20px;}
/*About Us Page CSS End*/

/*Online Resume Section Start*/
.online-resume-sec {background:url(../images/bg4.jpg) left top no-repeat; background-size:cover; padding:90px 0px; background-attachment:fixed; position:relative; color:#fff;}
.online-resume-sec::before {content:""; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background: radial-gradient(ellipse at center,#192665 0,#09123f 49%,#222845 100%); opacity:0.8;}
.online-resume-sec h2 {color:#fff;}
.online-resume-sec .common-btn {border-color:#fff; color:#fff; background:none; padding:10px 30px;}
.online-resume-sec .common-btn:hover {background:#0082be; border-color:#0082be;}
/*Online Resume Section End*/

/*Profile Manage Page CSS Start*/
.stick {position:sticky; position: -webkit-sticky; top:100px;}
.profile-sec .left .profile-img img {width:150px; height:150px; border-radius:50%; border:2px solid #0082be; padding:5px;}
.gap {margin-top:70px;}
.profile-sec .left .card {margin-bottom:30px;}
.profile-nav ul li a {display:flex; align-items:center; border-bottom: 1px solid #e1e7ff; padding: 15px 20px; font-weight:500;}
.profile-nav ul li:last-child a {border-bottom:none;}
.profile-nav ul li a:hover {background:#e1e7ff; color:#0082be;}
.profile-nav ul li a i {margin-right:5px;}
.profile-sec .right .card-header {background:none;}
.profile-sec .right .card-header h3 {display:flex; align-items:center;}
.profile-sec .right .card-header h3 a {font-size:16px; margin-left:10px;}
.badges-div .badge {background:#eee; padding:5px 10px; margin:5px 5px 5px 0px;}
.ttl-flex h3 {display:flex; align-items:center; justify-content:space-between;}
.ttl-flex h3 span {cursor:pointer; font-size:14px; color:#0082be; text-transform:uppercase;}
.avatar-edit {
  position: absolute;
  right:62px;
  z-index: 1;
  bottom:90px;
}
.avatar-edit input {
  display: none;
}
.avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid #d2d6de;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-edit input + label:after {
  content: "";
  font-family: "FontAwesome";
  color: #337AB7;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 34px;
  margin: auto;
}
/*Profile Manage Page CSS End*/

/*Login Page CSS Start*/
.imgbg {background:url(../images/photo6239751509109747400.jpg) left top no-repeat; background-size:cover;}
.center-flex .row.h-100 {align-items:center; justify-content:center; height:100% !important;}
.forgot a {font-size:12px; font-weight:500; color:#0082be;}
/*Login Page CSS End*/