@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

:root {
    --dark-blue-color: #072C43;
    --main-blue-color: #16301F;
    --mid-blue-color: #2B6998;
    --light-blue-color: #2E6A46;
    --lighter-blue-color: #EAF4E1;

    --dark-orange-color: #DF7232;
    --main-orange-color: #85BE43;
    --mid-orange-color: #f3aa5f;
    --light-orange-color: #EAF4E1;
    
}

body{font-family: 'Cairo', sans-serif !important; font-size: 1rem; line-height:1.5; font-weight: 400; color: #696969 ;  }
h1,h2,h3,h4,h5,h6{color: #000; font-weight: 600 !important;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; line-height: 1.3; }
h4 a{color: #000; }
.author_image{position: absolute; right: 5%; top: 5%; }
h3, .h3{ font-size: 1.5rem; }


.fs-4 { line-height: 30px !important; }
.fs-1,  .h1, h1{ font-size: 2.2rem !important;}

.navbar-nav .nav-item{ margin-right: 0; color: #fff; }
.navbar-nav .nav-link{ color: #fff; padding: 0 0 0 20px !important; }
.navbar-nav .dropdown-menu .nav-item{ margin: 0;  }
.navbar-nav .dropdown-menu {  padding: 15px !important; }
.navbar { padding: 10px 0;}

.p-lead{ color: #696969; }

.lmis-services .card-body, .job-p .card-body{padding-bottom: calc(var(--bs-card-spacer-y)*2); }

.lmis-services .card-body a{color: #fff;}
 
.card-provider{color: var(--main-orange-color);}

.owl-dots{display: none;}

a{color: var(--light-blue-color); text-decoration-line: none;}
a:hover{text-decoration-line: underline;}

.hero-text{font-size:2.7rem; color:#fff;}
@media (max-width: 1199px) {.hero-text{text-align: right; width: auto !important;}}
@media (min-width: 1200px) {.hero-text{font-size: 2.7rem;}}

.padding-card {
    padding: var(--bs-card-spacer-x);
}
.padding-card > .card-body {
  padding: 20px 0;
}

.card-img-top {
    border-radius: 20px;
}

.card-img-br-0{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bkg-grdnt .card-img-top{
border-top-left-radius: calc(var(--bs-card-border-radius)*5);
    border-top-right-radius: calc(var(--bs-card-border-radius)*5);}

.card{ padding: 20px; }
.card-body { padding: 20px 0 20px 0 !important; }
.card-body h2, .card-body h3, .card-body h4, .card-body h5, .card-body h6 { margin-bottom: 15px !important; }

.lmis-services .card{ padding: 0; }
.lmis-services .card-body{ padding: 30px 20px !important; }

.training-p .card{ padding: 0; }
.training-p .card-body{ padding: 20px !important; }


.card-mark {
    font-size: 14px;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 30px;
    background-color: var(--main-orange-color);
    color: #fff;
 }

.mark-float{
    position: absolute;
    bottom: calc(var(--bs-card-spacer-x)*-1);
    right: var(--bs-card-spacer-x);
}

.card-footer {
    padding:0;
    padding-top: calc(var(--bs-card-cap-padding-y)*2);
    background-color: transparent;
	margin-top: 0;
}

.card, .card-img-xl-radius {
    border-radius: calc(var(--bs-card-border-radius)*5);
}

.t-mark{color: var(--main-orange-color); background-color: #ffedde; margin-bottom: 10px; }

.radius-corner{border-radius: 20px;}

.cards-services .owl-item:nth-child(1) .card{
    color:var(--dark-orange-color);
    background-color:currentColor;}
.cards-services .owl-item:nth-child(2) .card{
    color:var(--main-orange-color);
    background-color:currentColor;}
.cards-services .owl-item:nth-child(3) .card{
    color:var(--mid-blue-color);
    background-color:currentColor;}
.cards-services .owl-item:nth-child(4) .card{
    color:var(--main-blue-color);
    background-color:currentColor;}
.cards-services .owl-item:nth-child(5) .card{
    color:var(--dark-blue-color);
    background-color:currentColor;}
    .cards-services .owl-item:nth-child(6) .card{
      color:var(--dark-orange-color);
      background-color:currentColor;}
.cards-services .owl-item:nth-child(7) .card{
      color:var(--main-orange-color);
      background-color:currentColor;}
.cards-services .owl-item:nth-child(8) .card{
        color:var(--mid-blue-color);
        background-color:currentColor;}
.cards-services .owl-item:nth-child(9) .card{
          color:var(--main-blue-color);
          background-color:currentColor;}
.cards-services .owl-item:nth-child(10) .card{
          color:var(--dark-blue-color);
          background-color:currentColor;}

          .cards-services .owl-item:nth-child(11) .card{
            color:var(--dark-orange-color);
            background-color:currentColor;}
     .cards-services .owl-item:nth-child(12) .card{
            color:var(--main-orange-color);
            background-color:currentColor;}
     .cards-services .owl-item:nth-child(13) .card{
            color:var(--mid-blue-color);
            background-color:currentColor;}
     .cards-services .owl-item:nth-child(14) .card{
            color:var(--main-blue-color);
            background-color:currentColor;}
     .cards-services .owl-item:nth-child(15) .card{
            color:var(--dark-blue-color);
            background-color:currentColor;}
     .cards-services .owl-item:nth-child(16) .card{
            color:var(--dark-orange-color);
            background-color:currentColor;}
     
.card-img-mask::after{
    content:""; position: absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(rgba(255, 255, 255, 0) 60%, currentColor);}

.card-pic img{ width: 100%; }
.card-link{ font-size: 15px;  }

.card{
    transition: .2s transform ease-out; box-shadow: 0px 16px 10px -12px rgba(0, 0, 0, 0.1); border-color: #ddd; height: 100%;}
.card:hover{
    transform: translateY(-10px);box-shadow: 0px 16px 20px -12px rgba(0, 0, 0, 0.2);  }
.card-text { margin-bottom: 10px !important; }
.card h4 a{ color: #000; }

.card-pb{padding-bottom: var(--bs-card-spacer-x);}
.bkg-mid-orange{background-color: var(--mid-orange-color);}

.bi:hover {
color: var(--main-orange-color);
}

.bi {
width: 1em;
height: 1em;
fill: currentcolor;
}

.bi-search, .bi-filter{fill: #fff;}

.main-search p{font-size:1rem; color:#000; font-weight: 600; margin-bottom: 10px !important;}
.main-search input{padding: 0 15px; border-radius:0; font-size: 15px !important; height: 45px; }
.main-search button{ padding: 12px 20px !important;  border-radius:0; font-size: 15px !important; }
.main-search .btn{ border-radius:0; padding: 0 15px !important; font-size: 15px !important; height: 45px !important; line-height: 45px; }

.main-search .bi-caret-right-fill {  color: #fff; font-size: 1rem; }

a svg{font-size:1.5rem;}

.bi{color:var(--light-blue-color);}

.card-footer .bi{color:currentColor; vertical-align:middle;}

.dark-orange{color: var(--dark-orange-color);}

 .btn-primary{background-color: var(--light-blue-color); border:0;}

.home-search .btn-primary{background-color: var(--dark-blue-color);}
.home-search .btn-search{background-color: var(--main-orange-color);}

.join-sctn .btn-outline-primary{color:#000; border-color: #b3bac2;}
.t-card .btn-outline-primary{color: var(--light-blue-color); border-color: var(--light-blue-color);}

.btn-outline-primary:hover{border-color: var(--bs-btn-hover-bg); color:#fff;}

.subscribe{background-color: #fff; color: var(--main-blue-color);}
 
.py-6{ padding-top: 5rem; padding-bottom: 5rem;}

.banr{background-color: var(--dark-blue-color) !important;}

.half-bkg-color {background-image: linear-gradient( var(--lighter-blue-color) 65%, #fff 65%);}
.bkg-wide-color{background-color: var(--lighter-blue-color);}

.bkg-light-blue h1{ margin-top: 60px; }
.bkg-light-blue{background-color: var(--lighter-blue-color);}
.bkg-sky-blue{background-color: var(--light-blue-color);}
.orange-color{color: var(--main-orange-color);}
.orange-color a{color: var(--main-orange-color);}

 
.masthead {
padding-top: 130px;
color: #fff;
background-image: url("../../images/theme_ar/hero.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.masthead-jobs {
    padding-top: 130px;
    color: #fff;
    background-image: url("../../images/theme_ar/hero-jobs.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center top;
    }

    .masthead-guide {
        padding-top: 130px;
        color: #fff;
        background-image: url("../../images/theme_ar/hero-guide.jpg");
        background-repeat: no-repeat;
        background-size: cover;
		background-position: center top;
        }

        .masthead-training {
            padding-top: 130px;
            color: #fff;
            background-image: url("../../images/theme_ar/hero-training.jpg");
            background-repeat: no-repeat;
            background-size: cover;
			background-position: center top;
            }

            .masthead-blog {
                padding-top:130px;
                color: #fff;
                background-image: url("../../images/theme_ar/hero-blog.jpg");
                background-repeat: no-repeat;
                background-size: cover;
				background-position: center top;
                }


                .masthead-statistic {
                    padding-top:130px;
                    color: #fff;
                    background-image: url("../../images/theme_ar/statistic-blog.jpg");
                    background-repeat: no-repeat;
                    background-size: cover;
                    }


@media (min-width: 1200px) { .masthead-jobs, .masthead-guide, .masthead-training{padding-top: 130px;} }



.masthead::before {
content:""; position: absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(rgba(0, 0, 0,.65), rgba(0,0,0,.45));}


.hero {height:55vh; min-height:500px; display: flex; flex-direction: column; justify-content: center; position: relative;}
.hero-sub{height:45vh; min-height:330px; justify-content:end; padding-bottom:3rem;}

@media (min-width: 1200px) { .hero {height:65vh;} }


.home-search .form{
position: relative; z-index: 2; margin-top: -90px;
padding: 30px 30px; background-color: #fff; -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);}

/* Training/research: no hero under sticky header — do not pull search up */
.home-search.bkg-none .form,
.home-search.gov-search-static .form {
  margin-top: 0;
}
.home-search.bkg-none,
.home-search.gov-search-static {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.inner-search {  margin: 0 0 30px 0 !important;  padding: 0 !important; border-bottom: 1px solid #eee;  }
.inner-search .form{ position: relative; z-index: 2; margin: 0 !important; padding: 30px 0 !important; }
.inner-search .page-search .form { margin: 0; }
.inner-search .justify-content-center { justify-content: flex-start !important; }

.bkg-hdr {background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);   }
.bkg-hdr-home{position: absolute; left: 0; right: 0; z-index:9; background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);}
.bkg-hdr-sub{background-image: linear-gradient(var(--dark-blue-color), var(--main-blue-color));}
.bkg-blog{background-image: linear-gradient(var(--dark-blue-color), var(--mid-blue-color)) !important;}
.hdr-nav .btn-sm{  font-weight: 600; margin-right:15px; font-size: .9rem;padding-left: 20px !important;  padding-right: 20px !important; line-height: .8em !important;}
.hdr-nav a{font-size: .9rem; color:#fff;}
.hdr-nav svg{margin-left:.7rem;}
.hdr-nav .btn-sm:nth-of-type(2){background-color: var(--main-blue-color) !important;}
.hdr-nav .btn-sm:nth-of-type(3){background-color: var(--main-orange-color) !important;}
.hdr-nav{display: flex; align-items: center;}

.hdr-nav .navbar-nav{margin-right:10px;}
.hdr-nav .dropdown-item{color: var(--main-blue-color);}
.bg-dark{border-top: solid 1px rgba(255,255,255,.4); background-color: var(--dark-blue-color) !important;}

@media (min-width: 1200px) { .bg-dark{background-color: transparent !important;} }


.owl-carousel .owl-stage-outer{ padding: 0;}
.owl-carousel img{ max-width: 100%; }


.footer{ font-size: .85rem; margin-top: 100px;}
.footer .small{ font-size: .85rem; }

.footer, .footer h5, .footer a{color:#fff;}
.footer .border-top{border-color:rgba(255,255,255,.2) !important;}
.footer ul li{ display: block; padding-bottom: 5px; }

.footer h5{font-size: 1rem; font-weight: 600; margin-bottom: 10px;}

.v-f-nav a{margin-right:10px;}

.footer .form-control{font-size: 1rem; background-color: transparent; border-color:#fff; color: #fff;}
.footer .btn-secondary{font-size:1rem; color: var(--main-blue-color); padding:10px 20px; border-radius: var(--bs-border-radius); border:0; background-color: #fff;}
.footer ::placeholder{color: #7ab3df;}
.footer p{margin-bottom: 0; color: #fff; }

.dropdown-menu{border:0;}
.dropdown-menu-col h4{
    font-size:1.25rem; font-weight: 600;
padding-left: var(--bs-dropdown-item-padding-x);  padding-right: var(--bs-dropdown-item-padding-x);
}

.dropdown-menu-col li{ border-bottom:1px solid #eee;} .dropdown-menu-col li:last-child{ border-bottom:0;}
.dropdown-item:focus, .dropdown-item:hover{color: var(--dark-orange-color); background-color: transparent;}

.join-sctn .border-bottom{border-bottom-color:rgba(0,0,0,.18) !important;}

@media (min-width: 1200px) { .banr{background-image: url(../../images/theme_ar/bkg-bnr.png); background-repeat: no-repeat; background-position: center center;}}
.banr h2{ font-size: 2.2rem; font-weight: 600; }
.banr .btn-primary{background-color: var(--main-orange-color);}
.banr-inner .txt-link{color: var(--main-orange-color); text-decoration: underline;}

 
.l-m-indicator a{color:#fff; font-weight: 500;}
.l-m-indicator img{height: 100%;}

@media (max-width:550px){
    .navbar-brand img {width:250px;}
    p.p-lead.mb-4 + .btn{margin-bottom: 30px;}
}

@media (max-width:800px){card
.job-p .col-md-3{margin-bottom:20px;}
.join-sctn .col-md-3{margin-bottom:50px;}
}

.job-detls{ font-size: 1rem;  margin-bottom: .5rem !important; color: #696969; }
.job-detls svg{ margin-left: .5rem;   position: relative;  top: -1px;  color: #696969; }
.job-detls .fas { font-weight: 600;  margin-left: .5rem; color: #696969; }
.text-muted {color: #696969;}



.owl-logos .card-body{text-align: center; padding: 15px 0; }
.owl-logos .card-body img{ max-width: 100%;} 

.owl-city h5 a, .owl-city h5 { color: #fff;}


.bkg-main-orange{background-color: var(--main-orange-color)}
.bkg-dark-orange{background-color: var(--dark-orange-color)}

.link-body-emphasis, .link-body-emphasis:focus, .link-body-emphasis:hover {color: #fff !important;}
.link-body-emphasis:focus, .link-body-emphasis:hover{text-decoration: underline !important;}
.breadcrumb-item.active{color: rgba(255,255,255,.75);}

.color-dark .link-body-emphasis, .color-dark .link-body-emphasis:focus, .color-dark .link-body-emphasis:hover {color: var(--dark-blue-color) !important;}
.color-dark .breadcrumb-item.active{color: rgba(120, 120, 120, 0.75);}

.breadcrumb{font-size: .9rem ; padding: 5px 0;  }
.breadcrumb a{ font-weight: 400 !important;  }


.breadcrumb-chevron {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    gap: .5rem;
  }
    
.color-dark .breadcrumb-chevron{ --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fffff'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");}


  .breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding: 0;
    line-height: 1;
	color: rgba(255,255,255,.6);
  }
  .breadcrumb-chevron .breadcrumb-item::before {
    gap: inherit;
    float: none;
    width: 1rem;
    height: 1rem;
    transform: scale(-1);
  }
  .breadcrumb-wrap{background-color: var(--main-blue-color);}


  .icon-link {display:flex; gap:.375rem; align-items: start; margin: 0 0 10px 0; }
  .icon-link svg{flex-shrink:0; width: 1.5rem; height: 1.5rem; color: #000;}

  .bkg-main-blue{background-color: var(--main-blue-color);}
  .bkg-main-blue p { margin-bottom: 0; }
  .bkg-main-blue h5 { font-size: 1.1rem; margin: 5px 0; }
	
  .bkg-white{background-color: #fff; padding: 1rem !important; border: 1px solid #ddd; min-height: 150px;}

  .ss-prof{width:90px;}
  .ss-prof-img {
    object-fit: cover;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    cursor: pointer;
  }

  .card-img-overlay{ background-image: linear-gradient(rgba(0, 0, 0, 0) 40%, #000);}

  .quote{width:4rem; height:4rem; text-align: center; line-height: 4rem; border-radius: 100%; background-color: #f3f6fa;}
  .quote svg{width:2rem; height:2rem; color: #6b7483; }

  .block-link{color:unset;}
  .block-link:hover{text-decoration: underline; text-decoration-color: currentColor;}
  .block-link:hover p{text-decoration-color: red;}


  .h-orange{color: var(--main-orange-color);}


  .owl-prev, .owl-next{transform: scale(-1);}
  .bi-caret-right-fill{transform: scale(-1);}

  .small{ font-size: 1rem; margin-bottom: .5rem !important; line-height: 25px;}

.user-profile-btn{font-size:.9rem; border:1px solid rgba(255,255,255,.4); padding:5px 15px; border-radius:30px;}
.user-profile-btn img{width:26px; border-radius:50%; margin-left:10px;}
.user-prof-name{ }

  .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;}

.box-shade{box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 15px -3px, rgba(0, 0, 0, 0.04) 0px 10px 20px -2px;}

.image-city{height: 100%;}
.image-city .card-img-top{width:100%; height: 100%; object-fit: cover;}

.owl-carousel .owl-stage .item, .owl-carousel .owl-stage .card{height: 100%;}



/* -- contact us ------------------*/

.contact-now .row{margin-top: 30px;}
.contact-form .row{margin-top: 0;}

.contact {
    border: 1px solid #ddd;
    padding: 15px 25px;
    height: 100%;
	display: flex;
	border-right: 4px solid var(--light-blue-color);
}


.contact > span .fa{
	height: 60px;
  width: 60px;
  background: #e6eefd;
  line-height: 60px;
  border-radius: 50%;
  color: #0859F7;
  font-size: 20px;
  display: inline-block;
  margin: 0 15px;
  text-align: center;


}

.contact .information{font-size: 1.1rem; padding-top: 4px;}
.contact .information strong{font-weight: normal; color: #868686;}
.contact .information p{margin-bottom:1px;}

.contact-form input, .contact-form textarea {
	color: #333333;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 5px 15px;
	width: 100%;
	font-size: 15px;
}
.contact-form input {
	height: 45px;
}

.contact-form button {
	background-color: #16301F;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 18px 40px;
	margin-top: 20px;
    
}

.bkg-img-share{background-image:url(../../images/theme_ar/share-blog.jpg); background-size: cover; background-position: center center;}
.orange-color{color: var(--main-orange-color);}
.card-date{line-height:1; font-size: 1rem;}
.card-date svg{margin-left: 10px;}


.page-search{padding:0 !important; margin-bottom:90px;}
.page-search .form{margin-top:0; margin-bottom:-50px;}

.listpgWraper h1{margin-bottom:30px;}
.listpgWraper .nav-tabs{margin:30px 0;}
.search_result_list{padding: 0;}
.search_result_list li{border-bottom:1px solid #dee2e6 ; margin:0 0 1rem 0; padding: 20px; list-style: none; }

.how-to-write{background-color: var(--main-blue-color);}

.nav-tabs .nav-link{border-radius:0; font-size:1.125rem; font-weight:600; border-top:3px solid transparent; padding: calc(var(--bs-nav-link-padding-y) * 2) calc(var(--bs-nav-link-padding-x) * 2);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-top:3px solid var(--light-blue-color);}

.sub-nav-tabs{}

.sub-nav-tabs .nav-tabs .nav-link{border:0; border-bottom:3px solid transparent;}
.sub-nav-tabs .nav-tabs .nav-link.active{color:var(--main-orange-color); border-bottom:3px solid var(--main-orange-color);}


.table thead{font-size:1rem; border:1px solid var(--main-blue-color);}
.table tbody{font-size:1rem; border:1px solid #ccc;}

.table-hr th{background-color:var(--main-blue-color);}
.table-hr th{color:#fff;}

.rate-info{font-size:1.125rem; line-height: 1.4; background-color: var(--main-orange-color);}
.rate-info ul{margin: 0; border-bottom:1px solid #fff;}
.rate-info ul li{padding:10px 15px; flex-basis:50%;}

.indicator-list{background-color: var(--main-blue-color); padding:10px 0;}
.indicator-list .dropdown-divider{margin: 0;}
.indicator-list svg{color:rgba(255,255,255,.55); margin-left:5px;}

.indicator-nav li{font-size:1rem; padding:1px 15px;}
.indicator-nav a, .indicator-group-nav a{color:#fff;}

.indicator-group-nav{font-weight: bold; font-size:1.125rem; padding:10px 15px;}

/* -------- */
.page-header {
	justify-content: end;
	padding: 90px 0 50px;
}


.company{ line-height: 24px; font-size: 14px; color: var(--light-blue-color); margin: 10px 0; }
.company a{ color: var(--light-blue-color); }

.bkg-db { background-color: var(--main-blue-color); }
.bkg-db .hero {  height: 55vh; }


.card-footer .bi {
	rotate: 180deg;
}

.bi-arrow-right-short {
	rotate:  180deg;
}

.sidebar {
	padding: 20px !important;
	margin-bottom: 40px !important;
	border-radius: 0 !important;
	background: var(--lighter-blue-color) !important;
}

.sidebar .widget-title {
  background: var(--light-blue-color) !important;
  padding: 10px 15px !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}

.categories {
  padding: 0;
  margin: 0;
}
.categories li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 !important;
  margin: 0 !important;
  color: #000;
}
.categories li::before {
	display: none !important;
}
.categories li a {
  margin-top: 0;
  color: #000 !important;
  font-weight: 400 !important;
}
.categories li:last-child{  border-bottom: 0px solid #ddd; }

.widget-title { background: var(--light-blue-color); padding: 10px 20px;  color: #fff; }
.widget { margin-bottom: 30px; }
.widget-archive ul { padding: 0; margin: 0;   }
.widget-archive ul li { list-style: none; border-bottom: 1px solid #ddd; padding: 20px 0;  color: #000;   }
.widget-archive ul li a{color: #000;    }
.widget .search {  margin: 15px 0; padding: 0 ; }
.search .btn { left: -10px !important; top: 0 !important; }

.widget h5{ font-weight: 600;  }


.recent-posts-entry .dlab-post-media {
  width: 90px;
  height: 80px;
  margin: 0;
    min-width: 90px;
}


.recent-posts-entry .dlab-post-media img{
  height: 80px;
  border-radius: 10px;
}

.sidebar .widget {
  margin-bottom: 0 !important;
  border-bottom: 0px solid #ddd !important;
  padding-bottom: 0 !important;
}

.recent-posts-entry .dlab-post-info {
  background: transparent;
  padding-right: 15px;
  border: none;
}
.recent-posts-entry .dlab-post-info, .recent-posts-entry .dlab-post-media {
  display: table-cell;
  vertical-align: middle;
}

.recent-posts-entry .widget-post:last-child {
  margin-bottom: 0;
}
.recent-posts-entry .widget-post {
	display: flex;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.recent-posts-entry .widget-post:last-child  {
	border-bottom: 0px solid #ddd;
}


.recent-posts-entry ul{ padding: 0; margin: 0 }
.recent-posts-entry ul li{  list-style: none;   padding: 0 0 10px 0;  }


.author_image{position:absolute; left:5%; top:5%;  }

.header-inner {height:40vh; min-height: 300px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: 40px 0; }
.list-group-item { border-bottom: 1px solid #ddd; padding-bottom: 50px;  padding-top: 30px; }
.dropdown-item {white-space: normal;}
.dropdown-item p{white-space: normal;}

.course-sort{ background: #EAF4E1; padding: 30px; border-radius: 25px; margin-bottom: 3rem; }

.t-blue{ color: var(--light-blue-color);}
.data{ font-size: 14px; color: #757575; }

.bkg-hdr-mid { background-color: var(--mid-blue-color); }
.bkg-db-mid { background-color: var(--mid-blue-color); }
.bkg-none {  background-color: white; }

.googlemap{ width: 100%; height: 500px; }

.userccount hr {
  margin: 2rem 0 !important;
  border: 1px solid #ccc !important;
}



.formpanel .btn-img, .formrow .btn-img{
	background: var(--main-orange-color) !important;
	color: #fff !important;
	border-radius: 30px !important;
  display: inline-block;
}
.formpanel .btn-img:hover, .formrow .btn-img:hover{
	background: var(--dark-orange-color) !important;
	color: #fff !important;
}


.formpanel  .btn-primary   {
	background: var(--light-blue-color) !important;
	color: #fff !important;
}

.formpanel  .btn-primary:hover   {
	background: var(--main-blue-color) !important;
	color: #fff !important;
}


.circle strong {
  margin: 0 !important;
}

.searchList{ 
  margin:  0  0 !important;
  padding:  0  0 !important;

}

.searchList > li {
  border-radius: 30px !important;
}
.searchList > li h3 a {
  font-size: 25px !important;
  font-weight: 600  !important;
}
.searchList li p {
  margin: 10px 0 20px 0 !important;
}



.fulltime {
  background: #EAF4E1 !important;
  color: #000 !important;
  border-radius: 30px !important;
  padding: 4px 15px  !important;
 }

.btn-primary:hover   {
 	color: #fff !important;
}

.elemental .about-section .personal-details {
  background: #fff !important;
  border-radius: 30px !important;
  border: 1px solid #e5e5e5 !important;
}

.resume-content-section.photo-resume .column-container .three-fourth {
  border-right: 0px solid lightgray !important;
  border-left: 0px solid lightgray !important;
}

.elemental .three-fourth {
  padding: 40px 0 40px 40px !important;
}


.usernavdash {
  font-size: 1rem !important;
  padding: 20px !important;
  border-radius: 30px !important;
  margin-bottom: 2rem !important;
  background: #EAF4E1 !important;
}

.honors{
	padding: 20px !important;
	border-radius: 30px !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 10px 0 14px 0 rgba(0, 0, 0, 0.05) !important ;
}
.skills{
	padding: 20px !important;
	border-radius: 30px !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 10px 0 14px 0 rgba(0, 0, 0, 0.05) !important ;
}

.elemental h6 {
  font-size: 1rem !important;
}


.usernavdash li {
  border-bottom: 0px solid #fff !important;
}

.elemental .about-section .name .subheader {
  color: #000 !important;
	font-style: normal !important;
}
.elemental .about-section .contact {
  color: #000 !important;
}

.contact{
	padding: 20px 0 !important ;
}
.elemental .about-section .name h1, .elemental .about-section .name h6 {
	color: #16301F !important;
	text-shadow: none !important;
 }

.elemental .about-section .contact tr .label-container span {
	color: #000 !important;
 }


.modal {
	--bs-modal-width: 60% !important;
	font-family: 'Cairo', sans-serif !important;
}
 
.card{ box-shadow: none;  }
.card:hover{ transform: none; box-shadow: none !important; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper::before {
  padding: 1rem;
}

.timeline .card .title {
	font-size: 1rem;
}
 
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper::before {
	right: auto  !important;
	left: 1px !important;
	left: 0 !important;
 }

.sv_main {
  font-family: 'Cairo', sans-serif !important;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q {
	padding: 0.5em 0 1.5em 0 !important;
}

.usernavdash li.active {
	background-color: #2E6A46 !important;
	color: #fff !important;
	border-radius: 30px !important;
}

.usernavdash li.active a, .usernavdash li.active a i {
	color: #fff !important;
}

 
.userccount {
	border-radius: 0 !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: none !important;
	padding: 25px !important;
}

.nav-link {
  color: var(--light-blue-color);
}

.tab-content ol, .tab-content ul {
  padding-left: 0;
}

form label {
font-size: 1rem !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  color: #000 !important;
}

.form-control {
	margin-bottom: 20px;
 }

.pageSearch{ padding: 30px 0 30px 0 !important; }
.pageSearch .searchform .form-control {  margin: 0; }

.modal-header {
  border: 0px;
}

.modal-header h1{
	margin: 0;
	padding: 0;
}




.modal-header .close {
  position: absolute;
  left: 10px;
  top: 10px;
   background-color: transparent;
  color: transparent;
  padding: 5px;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  opacity: 1;
}

.btn-close, .close{
	opcity: 1;
}
.profbox h3 {
   color: #000;
}

ul.list-unstyledx, .contentbox ul{
  padding-right: 0;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.partTime {
  padding: 4px 15px !important;
  border-radius: 30px !important;
}



.footer .form-control {
  margin-bottom: 0 !important;
}


.relatedJobs {
   padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0px solid #eee !important;
}

ul.jbdetail, ul.profileskills {
  margin: 0 !important;
  padding: 0 !important;
}

.jbdetail li, .profileskills li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
 
.adv-search { background: var(--lighter-blue-color); }



.adv-search .view_more {
  font-size: 16px;
  color: var(--light-blue-color) !important;
  border-bottom: 1px solid var(--light-blue-color);
  margin: 0 0 15px 15px;
  clear: both;
  display: inline-block;
}

.listpgWraper h3{  margin-bottom: 15px !important; }
.listpgWraper h3 a{ color: #000;   }
.listpgWraper ul { padding: 0; }
.listpgWraper ul li .p-3 { padding: 0 !important; }



.adv-search .view_more {
  font-size: 15px;
  color: var(--light-blue-color) !important;
  border-bottom: 1px solid var(--light-blue-color);
  margin: 0 0 25px 15px;
  clear: both;
  display: inline-block;
}

.adv-search ul {
  margin-bottom: 15px;
}

.adv-search .widget-title {
  background: transparent !important;
  padding: 10px 0 !important;
  color: #000 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-top: 0px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.adv-search .optionlist li {
  margin-bottom: 3px;
  padding: 0;
  position: relative;
  line-height: 1.2;
  font-size: 14px;
  display: flex;
}

.jobimg img{ margin-bottom: 10px;}
.location { margin: 20px 0 10px 0; font-size: 14px;  }
.btn-outline-primary {
	color: var(--light-blue-color);
 	border-color: var(--light-blue-color);
}



.bg-sticky .bkg-hdr{  
	background: rgb(32,77,120);
    background: linear-gradient(180deg, rgba(7,44,67,1) 0%, rgba(32,77,120,1) 100%); 
}

.bg-sticky .bkg-hdr-home {  	
	background: rgb(32,44,120);
    background: linear-gradient(180deg, rgba(7,44,67,1) 0%, rgba(32,77,120,1) 100%); 
}

.bg-sticky .bkg-hdr-training{  	
	background: rgb(32,44,120);
    background: linear-gradient(180deg, rgba(7,44,67,1) 0%, rgba(32,77,120,1) 100%);   
}

.bg-sticky .bkg-hdr-research {  	
	background: rgb(32,44,120);
    background: linear-gradient(180deg, rgba(7,44,67,1) 0%, rgba(32,77,120,1) 100%);  
}

.bg-sticky .bkg-hdr-sub{  
	background: rgb(32,44,120);
    background: linear-gradient(180deg, rgba(7,44,67,1) 0%, rgba(32,77,120,1) 100%);   
}


.bg-sticky .navbar-brand img{ height: 50px !important; }
.bg-sticky img.logo-sub{ height: 0 !important; }
.bg-sticky .user-profile-btn { font-size: .8rem !important;  }
.bg-sticky .nav-link { padding: 0 10px; }



.featured.list-group-item {
  margin-bottom: 20px !important;
}

.list-group-item p {
  margin: 0 0 15px 0;
}

.listpgWraper .btn-group > .btn {
  font-weight: 400;
  font-size: 13px;
  color: #333;
   border: 1px solid #fff;
  background: #eee;
  padding: 10px 20px !important;
}


.featured{
	margin-bottom: 25px;
}

.btn{
	padding: 10px 20px !important;
	border-radius: 30px;
	font-weight: 600 !important;
 }

#blog-content{
	padding-top: 3rem !important;
	padding-bottom: 3rem !important; 
}

/* arabic search icon */
.search .btn {
	right: auto !important;
}

 

@media all and (min-width: 992px){ .dropdown-large {min-width: 400px;  }	}
.dropdown-large ul{ padding: 0; margin: 0;  }
.dropdown-large h4{ font-size: 1rem; }
.dropdown-menu{
  padding: 10px 15px; 
  border-radius: 15px; 
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); 
  min-width: 260px;
}

.dropdown-menu li{ border-bottom: 1px solid #ddd; padding: 5px 0; margin: 0; list-style: none;  }
.dropdown-menu li a{  padding: 0; margin: 0;  }
.dropdown-menu li:last-child { border: 0px solid; }


.table > :not(caption) > * > * { padding: .5rem .8rem; }
.table .btn{ padding: 5px 20px; font-weight: 600; margin-bottom: 5px; }
.table tr th{ 	font-weight: 600; font-size: 1rem;  vertical-align: top;  }
.table tr td h6{ font-weight: 600; }
.table .btn-delete {background-color: var(--main-orange-color); }
.btn-outline-primary { color: #24503A; border-color: #24503A; }

.bkg-img {position: absolute; left: 0; right: 0; z-index:9;}

.bkg-hdr-training {  background-image: linear-gradient(var(--dark-blue-color), var(--mid-blue-color)); }
.bkg-db-training { background-color:  var(--mid-blue-color); }

.bkg-hdr-research{ background-image: linear-gradient(var(--mid-blue-color), var(--dark-blue-color)); }
.bkg-db-research { background-color:  var(--dark-blue-color); }

.bkg-job{ background: none; }


@media (max-width: 575.98px) { 
	.home-search .btn-search{ width: 100%; margin-bottom: 1rem !important; } 
	.home-search .btn-filter{ width: 100%; margin-bottom: 1rem !important; } 
}

@media (min-width: 576px) and (max-width: 767.98px) { 
	.home-search .btn-search{ width: 100%; margin-bottom: 1rem !important; } 
	.home-search .btn-filter{ width: 100%; margin-bottom: 1rem !important; } 
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.home-search .btn-search{ width: 100%; margin-bottom: 1rem !important; } 
	.home-search .btn-filter{ width: 100%; margin-bottom: 1rem !important; } 
}
.faqs h4 .collapsed::before {
  left: 15px !important;
  right: auto !important;
}
.help-block strong{
  color: red;
}

.align-ar-right-en-left{
  text-align:right !important;
}

.timeline a{ color: #fff;}


.form-group   label {
  font-weight: 600;
  color: #000;
}

.custom-control   label {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 7px;
  color: #555;
}

.timeline .card {
   margin: 0 20px 20px 0;
}


.timeline .outer {
  border-right: 2px solid white;
  border-left:0px;
}


.timeline .outer {
  border-right: 2px solid white;
  border-left:0px;
}

.timeline .card {
  margin: 0 20px 20px 0;
}

.timeline .title::before {
  right: -40px;
}
#googleTrnaslateDiv select{
  background:#f6edfd;
  z-index: 97247!important;
  position: absolute;
  left: 490px;
  top: 82px;
  color:#383ffa;
  border: none;
  border-radius:3px;
  padding:6px 8px
  }




/* new */
.container-fluid{ padding: 0 5%; }
.l-m-indicator .container-fluid{  padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
.l-m-indicator .fs-4{  font-size: 1.3rem !important; }
.inner-search .btn-search {  background-color: var(--main-orange-color); }
.inner-search .btn-primary { background-color: var(--dark-blue-color); }
.job-detls li.d-inline-block{ margin-left: 20px; display: block; }
.useraccountwrap .userccount{ border-radius: 0; }
.alert{ font-size: 15px; padding: 4px 15px; }
.optionlist li{ margin: 5px 0; }
.optionlist li input{ margin-left: 10px; }
.usercoverimg img{ width: 100%; }
.jobdivfeatured { margin-bottom: 25px !important;}
.fas{ margin-left: .5rem; }
.card-pic {  margin-bottom: 10px; }
.fa-sign-in{ rotate: 180deg; }
#header .navbar-item { margin-right: 10px !important; } 
.usernavdash li.active a i { margin-right: 10px; }

 .message-history li .image {
  float: right !important;
}
.message-history li .user-name {
   margin-right: 65px !important;
  margin-left: 0 !important;
 }
.message-history li .user-name .count-messages {
  float: left !important;
 }

/* responcive */
 @media  (max-width: 1199.98px) { 
.l-m-indicator .fs-4 {
		font-size: 1.2rem !important;
		line-height: 26px !important;
}
}

@media (max-width: 575.98px) { .footer p {  text-align: right;} }

@media (min-width: 576px) and (max-width: 767.98px) { .footer p {  text-align: right;} }

@media (min-width: 768px) and (max-width: 991.98px) {  }

@media (min-width: 992px) and (max-width: 1199.98px) {  }

@media (min-width: 1200px) {   }


.owl-carousel .owl-stage {
  display: flex;
	margin: 2px;
}


.modal-content .alert{
  display: block;
}

/* CSS AR */
.userlinkstp {
	text-align: left !important;
}

.compnaieslist .emptbox .comimg {
	width: 70px !important;
	padding-left: 15px !important;
	padding-right: 0 !important;
}
.compnaieslist .cm-info-bottom {
  color: #8c96a3;
  padding: 0 !important;
  margin: 5px 0 0 0 !important;
}
.compnaieslist .text-info-right .emloc {
  color: #8c96a3 !important;
}
.text-info-right .emloc {
  color: #8c96a3 !important;
}


.compnaieslist .emptbox {
  margin-bottom: 10px !important;
}

.ptsklbx {
  padding: 35px 0 !important;
  border-top: 0px solid #eee !important;
}
.job-header {
  border-bottom: 0px solid #ddd !important;
}

.jbdetail li {
	margin-top: 10px !important;
	border-bottom: 1px solid #eee !important;
	padding-bottom: 10px !important;
	border-top: 0px solid !important;
}

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

.userMaininfo h3 {
  margin: 0 !important;
}


.card h3 {
	font-size: 1.4rem;
 }

.card h4 {
	font-size: 1.3rem;
 }

.owl-company-text img{
	width: 150px;
}

.profbox {
	padding: 25px !important;
	height: 100% !important;
}
.profbox h3 {
	padding-left: 0 !important; 
	padding-right: 0 !important;
	font-size: 23px !important;
	margin-left: 0 !important;
	margin-right:  0 !important;
}

.usernavdash h4{ 
	font-size: 20px !important;
}

.usernavdash li a {
  padding: 10px 0 !important;
}

.sug-box {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.04);
  position: absolute;
  top: 148px;
  width: 28%;
   color: #000;
	z-index: 99;

}

.sug-box ul {
  padding: 0 15px 15px;
  margin: 0;
}

.sug-box ul li {
margin:  0;
	padding: 0;
font-size: 14px;
}

.sug-box ul li a {
	color: #000;
	display: block;
	width: 100%;
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
}

 

#projects_div h3{
	font-size: 20px !important;
}

.panel-info {
   padding-top: 20px !important;
}

.card .caption {
  padding: 0 !important;
}

.table , .table tr , .table tr td {
  border-color: #ddd !important;
}

.cv img{
	max-height: 170px;
	margin-bottom: 10px;
}

.prolinkadd {
	margin-top: 10px !important;
}


.hdr-nav .dropdown-menu li {
   padding: 7px 15px !important;
}


#append_messages {
	padding: 10px 15px !important;
}

.chat-form .form-group textarea {
   padding: 5px 10px 5px 0 !important;
  height: 70px !important;
}

.chat-form .input-group-prepend {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
	right: auto !important;
}

.chat-form .input-group-prepend .input-group-text {
  width: 60px !important ;
  padding: 15px 0 !important;
  height: 70px !important;
}
.newuser {
  text-align: right !important;
}
.footer p {
  text-align: justify;
}

.searchList .btn {
  padding: 10px 15px !important;
  font-size: .75rem !important;
  float: right !important;
  margin: 0 0 10px 5px !important;
} 

.searchList span.btn {
  margin: 0 0 10px 0  !important;
}

.searchList span.btn i {
display: none !important;
}

.btn-group .btn svg, .btn-group .btn fa {
   margin: 0 0px 0 5px;
}

input.btn {
border-radius: 0.375rem !important;
}

.btn-group .btn fa, .btn-group .btn svg{
margin: 0 0 0 5px;
}

.footer .text-md-end p {
   text-align: left !important;
}


.input-group-text {
  padding: 16px 13px 15px;
  border-radius: 0;
}

.formpanel .form-control {
  text-align: right;
}

.datepicker table{
width: 100%;
}

.datepicker-dropdown {
  min-width: 300px !important;
}


/* new */
.fa-arrow-circle-right::before, .fa-circle-arrow-right::before {
    content:  "\f0a8" !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
  float: right !important;
  text-align: right !important;

}

.small, small {
      color: #939393;
}

.bootstrap-select > .dropdown-toggle {
  display: block !important;
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 400 !important;
   color: var(--bs-body-color) !important;
  background-color: var(--bs-body-bg) !important;
  border: var(--bs-border-width) solid var(--bs-border-color) !important;
  border-radius: 0 !important;
		padding: 0 15px  !important;
	height: 45px;
	line-height: 45px !important;
}



.formpanel  .bootstrap-select.form-select {
   padding: 0 !important;
}

.formpanel input.form-control, .formpanel select.form-control{
	height: 45px !important;
	border-radius: 0 !important;
}

.formpanel .form-control {
  height: 45px;
   padding: .5rem .75rem;
  border-color: #ddd;
	border-radius: 0;
	font-size: 15px;
 }
.form-control {
  height: 45px;
   padding: .5rem .75rem;
  border-color: #ddd;
	font-size: 15px;
 }

.input-group-text {
  padding: .5rem .75rem;
   height: 45px;
}

@media (min-width: 991.98px) and (max-width: 1199.98px) { 

.home-search .form {
	padding: 30px 20px;
}
.main-search .btn {
  padding: 12px 9px;
}
.main-search input {
  padding: 12px 10px;
}
.home-search .btn-primary {
  padding: 14px 8px 13px !important;
}
.home-search .btn-search {
   padding: 14px 12px 13px !important;
}	
}


@media screen and (max-width: 767px) {
  .dropdown-menu.datepicker-dropdown {
    position: absolute;
    right: 10% !important;
    left: 10% !important;
    width: 80% !important;
    z-index: 9999;
  }
}