/* Al Jouf CSS */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;800;900;1000&display=swap');
.spacing-1 {
}
.spacing-2 {
  padding: 50px 50px;
}
.spacing-3 {
  padding: 50px 15px 30px 80px;
}
.spacing-4 {
  padding: 10px 0px 15px 30px;
}
.spacing-5 {
  padding: 50px 100px 50px 50px;
  margin-left: -60px;
}
.spacing-6 {
  padding: 60px 180px 70px 390px;
}
.spacing-7 {
  padding: 120px 390px 90px 60px;
}
.spacing-8 {
  padding: 40px 30px 10px 30px;
}
.spacing-9 {
  padding: 55px 0 0 25px;
}
.spacing-10 {
  padding: 40px 400px 100px 50px;
}
/** Padding **/
.p-12 {
  padding: 12px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-55 {
  padding-right: 55px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-75 {
  padding-right: 75px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-55 {
  padding-left: 55px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-65 {
  padding-left: 65px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-75 {
  padding-left: 75px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-110 {
  padding-left: 110px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-65 {
  padding-top: 65px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-120 {
  padding-top: 160px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pt-110 {
  padding-top: 110px;
}
.ptb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
/** Margin **/
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-23 {
  margin-top: 23px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-37 {
  margin-top: 37px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mt_5 {
  margin-top: -5px !important;
}
.mt_10 {
  margin-top: -10px !important;
}
.mt_12 {
  margin-top: -12px !important;
}
.mt_15 {
  margin-top: -15px !important;
}
.mt_25 {
  margin-top: -25px !important;
}
.mt_30 {
  margin-top: -30px !important;
}
.mt_30 {
  margin-top: -30px !important;
}
.mt_35 {
  margin-top: -35px !important;
}
.mt_50 {
  margin-top: -50px !important;
}
.mt_55 {
  margin-top: -55px !important;
}
.mt_60 {
  margin-top: -60px !important;
}
.mt_70 {
  margin-top: -70px !important;
}
.mt_72 {
  margin-top: -72px !important;
}
.mt_80 {
  margin-top: -80px !important;
}
.mt_90 {
  margin-top: -90px !important;
}
.mt_95 {
  margin-top: -95px !important;
}
.mt_100 {
  margin-top: -100px !important;
}
.mt_110 {
  margin-top: -110px !important;
}
.mt_200 {
  margin-top: -200px !important;
}
.mt_225 {
  margin-top: -225px !important;
}
.mt_230 {
  margin-top: -230px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-3 {
  margin-left: 3px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-65 {
  margin-left: 65px !important;
}
.ml-287 {
  margin-left: 287px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.ml_30 {
  margin-left: -30px !important;
}
.ml_40 {
  margin-left: -40px !important;
}
.ml_230 {
  margin-left: -230px !important;
}
.ml_390 {
  margin-left: -390px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr_30 {
  margin-right: -30px;
}
.mr_35 {
  margin-right: -35px !important;
}
.mr_40 {
  margin-right: -40px;
}
.mr_60 {
  margin-right: -60px;
}
.mr_80 {
  margin-right: -80px;
}
.mr_100 {
  margin-right: -100px;
}
.mr_110 {
  margin-right: -110px;
}
.mr_200 {
  margin-right: -200px;
}
.mr_400 {
  margin-right: -400px;
}
.mb_1 {
  margin-bottom: -1px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-27 {
  margin-bottom: 27px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb_30 {
  margin-bottom: -30px !important;
}
.mb_50 {
  margin-bottom: -50px !important;
}
.mb_60 {
  margin-bottom: -60px !important;
}
.mb_80 {
  margin-bottom: -80px !important;
}
.mb_85 {
  margin-bottom: -85px !important;
}
.font-bold {
  font-weight: bold;
}
.text-justify {
  text-align: justify;
}
footer .social-media-widget li a {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 25px;
  line-height: 28px !important;
}
.footer_v1 .social-media-widget li a {
  background: transparent !important;
}
footer .social-media-widget {
  padding: 0px 0px 30px 0px !important;
  text-align: center;
}
.footer-widget-4 img {
  width: 80%;
  height: auto;
  margin: auto;
  display: block;
}
.footer_v1 .footer-bottom {
  border-color: #fff !important;
}
.mo-header-menu {
  padding-top: 20px;
  padding-bottom: 20px;
}
.banner-image.wpb_content_element {
  margin-bottom: 0px !important;
  background-color: #4f4840;
}
.text-white {
  color: #fff !important;
}
.mo-col-logo.no-padding {
  padding-left: 10px !important;
}
.text-black {
  color: #000;
}
h2.custom-title-border {
  float: left;
}
.custom-title-border {
  position: relative;
}
.custom-title-border:after {
  content: '';
  display: block;
  width: 300px;
  height: 1px;
  background: #000;
  left: 150px;
  top: 29px;
  position: absolute;
}

.header-border.text-white:after {
  background: #fff;
}
.counter-number.style1 {
  position: relative;
  text-align: left !important;
}
.counter-number.style1 i {
  line-height: 0px !important;
}
.counter-number.style1 h3 {
  font-size: 35px !important;
  line-height: 40px !important;
  font-weight: 600;
  background: #000 !important;
}
.counter-number.style1 i {
    text-align: right !important;
    margin-bottom: -10px !important;
    padding-left: 15px;
}
.fa-plus:before {
  padding-right: 20px !important;
}
.counter-number.style1 h6 {
  opacity: 1 !important;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
}
.border-right-black.wpb_single_image.vc_align_left {
  text-align: left;
  padding-top: 60px;
  padding-right: 40px;
  background: #333333;
}
.header-border {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 40px;
}
.header-border span {
  background: #fff;
  display: inline-block;
  padding: 0 20px 0 0;
  position: relative;
}
.header-border.gray-bg span {
  background: #f0f1f1;
  display: inline-block;
  padding: 0 20px 0 0;
  position: relative;
}
.header-border.darkgray-bg span {
  background: #333333;
  display: inline-block;
  padding: 0 20px 0 0;
  position: relative;
  color: #fff;
}
.header-border:before {
  content: '';
  position: absolute;
  bottom: 10px;
  border-bottom: 1px solid #000;
  width: 100%;
}
.header-border.darkgray-bg:before {
  content: '';
  position: absolute;
  bottom: 10px;
  border-bottom: 1px solid #fff;
  width: 100%;
}
.view-all .button.primary.outline {
  background: transparent;
  border: 1px solid;
  color: #000 !important;
}
.header-border-medium.text-white:after {
  background: #fff;
}
.align-box .vc_column_container {
  padding-left: 15px;
  padding-right: 15px;
}
.no-gutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.terms-menu li {
  display: inline-block;
}
.menu-footer-terms-container li a {
  font-size: 12px !important;
}
.terms-menu li a {
  padding-right: 20px !important;
}
.footer_v1 .footer-bottom {
  font-size: 12px !important;
}
.footer-widget-1 .widget_nav_menu li a,
.footer-widget-2 .widget_nav_menu li a,
.footer-widget-3 .widget_nav_menu li a {
  font-size: 16px !important;
}
.footer_v1 a {
  font-family: 'Poppins', sans-serif !important;
}
.mo-col-menu {
  padding-left: 0px;
  padding-right: 0px !important;
}
.tpl4 .owl-carousel:hover .owl-controls .owl-prev,
.tpl4 .owl-carousel:hover .owl-controls .owl-next {
  border: none !important;
  color: #212220;
}
.tpl4 .owl-carousel:hover .owl-controls .owl-prev::before {
  content: 'Prev';
  position: absolute;
  left: 40px;
}
.tpl4 .owl-carousel:hover .owl-controls .owl-next::before {
  content: 'Next';
  position: absolute;
  right: 40px;
}
.tpl4 .details {
  padding: 20px;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300;
}
.portfolio-effect3 .details h5 {
  font-weight: 300 !important;
  font-size: 14px !important;
  padding-bottom: 15px;
}
.tpl4 .portfolio-effect3 .details p,
.tpl4 .portfolio-effect3 .details h5 {
  color: #fff;
}
.tpl4 .owl-controls .owl-nav div.owl-prev {
  left: -100px;
  font-weight: 300;
}
.tpl4 .owl-controls .owl-nav div.owl-next {
  right: -100px;
  font-weight: 300;
}
.owl-carousel .owl-item .details h5,
.owl-carousel .owl-item .details p {
  display: none;
}
.owl-carousel .owl-item:hover .details h5,
.owl-carousel .owl-item:hover .details p {
  display: block;
}
#wpcf7-f3182-p76-o1 input,
select {
  height: 45px;
}
.projects-slider .portfolio-effect3:hover {
  background: #333333;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.text-bold {
  font-weight: bold;
}
.contact-grid.vc_col-sm-6 {
  width: 40%;
}
.contact-grid.right-section {
  margin-left: 100px;
}
.contact-grid p {
  margin: 0px !important;
}
.contact-grid .input_field {
  padding: 5px 10px !important;
}
.contact-grid .input_field::placeholder {
  color: #fff !important;
  opacity: 1;
}
.wpcf7 input::placeholder {
  color: #cacfd2;
}
.wpcf7 textarea::placeholder {
  color: #cacfd2;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
  background: #fff;
  color: #000;
}
.send-now .button {
  background: #94826f !important;
  color: #fff !important;
}
.info-post.top {
  display: block;
  position: fixed;
}
.list-strategy {
  list-style-type: none;
  counter-increment: item;
  display: -webkit-box !important;
}
.list-strategy:before {
  content: counter(item);
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy.list-1:before {
  content: '1';
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy.list-2:before {
  content: '2';
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy.list-3:before {
  content: '3';
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy.list-4:before {
  content: '4';
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy.list-5:before {
  content: '5';
  margin-right: 25px;
  font-size: 25px;
  background-color: #94826f;
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  line-height: 35px;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.list-strategy .wpb_wrapper {
  margin-top: -5px;
}
.page-id-4609 .internal-content,
.page-id-4603 .internal-content,
.page-id-5718 .internal-content,
.page-id-5692 .internal-content {
  padding-bottom: 0px !important;
}
.list-strategy p {
  color: #000;
  padding: 0px 80px 0px 0px;
  text-align: justify;
}
.content a {
  font-weight: 300 !important;
}
.contact-info .moga_services-style2 .icon-wrap {
  color: #fff !important;
  background: #94826f !important;
}
.contact-info .title-wrap,
.contact-info .moga_services-style2 .title-wrap h6 {
  color: #e2e5e6 !important;
}
.contact-info p {
  line-height: 16px;
  font-size: 12px;
  color: #e2e5e6 !important;
}
.contact-gird-form .input_field {
  border: none !important;
  background: #212121 !important;
  margin-bottom: 1px !important;
  color: #fff !important;
}
.accept span.wpcf7-list-item-label {
  font-weight: 300;
  margin-left: 10px;
  color: #cacfd2 !important;
}
.grayscale {
  filter: invert(92%) contrast(83%);
}
.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}
.wpb_gmaps_widget.wpb_content_element.contact-us-google-map {
  margin-bottom: 0px !important;
}
.career-section .input_field {
  background: #ededed !important;
  border: none !important;
}
.career-section .input_field::placeholder {
  color: #989898 !important;
  opacity: 1;
}
.custom-title-border-career:after {
  content: '';
  display: block;
  width: 300px;
  height: 1px;
  background: #000;
  left: 360px;
  top: 125px;
  position: absolute;
}
.send-now-white.button {
  border: 1px solid #94826f;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
  background: #fff;
  color: #000;
}
.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}
textarea,
input:not([type='checkbox']):not([type='radio']) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.send-now-white input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
  border: 1px solid #94826f;
  float: right;
}
.send-now-white p {
  font-weight: 300;
  margin-left: 10px;
  color: #000 !important;
}
label {
  font-weight: 300 !important;
}
.send-now-white .wpcf7-list-item {
  display: inline-block;
  margin: -10px;
}
.contact-grid a {
  color: #e2e5e6 !important;
}
.contact-grid a:hover {
  color: #94826f !important;
}
.banner-image {
  margin-top: -100px;
}
.certification-button {
  background: #4e4840 !important;
}
.certification-button .button.primary {
  background: #4e4840 !important;
  padding: 0px 10px !important;
  font-weight: 500;
  font-size: 16px;
}
.projects-section .portfolio-effect3 img {
  padding-right: 50px;
  padding-bottom: 80px;
  filter: grayscale(100%);
}
.projects-section .portfolio-effect3 .wrapper {
  background: #f0f1f1;
}
.projects-section .details {
  margin-top: -60px;
  color: #000;
  font-weight: 300 !important;
  opacity: 1;
  padding: 0 20px;
  margin-bottom: 15px;
}
.projects-section .portfolio-effect3 .details h5 {
  margin: 0px 0 0 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 30px;
}
.projects-section .portfolio-effect3 .details p {
  color: #000 !important;
  font-weight: 300 !important;
  margin-bottom: 0 !important;
  font-size: 12px;
  line-height: 20px;
}
.projects-section .portfolio-effect3:hover.details-button {
  opacity: 1;
  background: #fff;
  color: #000;
}
.projects-section .portfolio-effect3:hover.portfolio-effect3 .details {
  opacity: 0;
}
.projects-section .portfolio-effect3:hover.portfolio-effect3 .wrapper {
  background: #333333;
}
.projects-section .portfolio-effect3:hover.portfolio-effect3 img {
  filter: grayscale(0);
}
.projects-section .portfolio-effect3 a.portfolio-link-button {
  right: initial !important;
  background: #fff;
  padding: 10px;
  color: #000;
  opacity: 0;
  margin-left: 10px;
  top: 95%;
  position: absolute;
}
.details-button {
  margin-top: -30px;
  margin-bottom: 30px;
}
.projects-section
  .portfolio-effect3:hover.portfolio-effect3
  a.portfolio-link-button {
  opacity: 1;
  padding-left: 10px;
  margin-top: -36px;
}
.projects-section .portfolio-filter {
  text-align: left !important;
  margin: 20px 20px !important;
}
.projects-portfolio {
  margin-top: -80px;
}
.projects-section .blog-posts.more-posts-wrapper {
  padding-top: 100px;
}
.projects-section .portfolio-filter a {
  color: #fff !important;
  border: 1px solid #938170;
  margin-right: 10px !important;
  padding: 2px 8px !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
}
.border-right-brown {
  padding-right: 50px;
}
.projects-section .portfolio-filter a:hover {
  background: #938170 !important;
}

.border-brown {
  background: #938170;
}
.border-brown.vc_column_container > .vc_column-inner {
  padding-left: 0px !important;
}
.view-more .button.primary {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #938170 !important;
}
.text-justify {
  text-align: justify;
}
.emp-grid .wpb_single_image .vc_single_image-wrapper {
  display: inline-block;
  vertical-align: top;
  max-width: 85%;
}
.products-section {
  margin-top: -250px;
}
.product-description-grid .button {
  padding: 5px 25px !important;
  font-weight: bold;
  font-size: 16px;
}
.list-style.list-style5 {
  list-style-type: decimal !important;
}
.list-style {
  margin-left: 0px !important;
}
.news .format-post figure img,
.post-content figure img {
  width: 100% !important;
}
.news .date-post {
  color: #000 !important;
}
.news a.link-btn {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #938170 !important;
  padding: 10px 20px;
  margin-top: 10px;
}
.news a.link-btn:hover {
  background: #938170 !important;
  color: #fff !important;
}
.news .other-articles .date-post {
  display: none !important;
}
.news .masonry-posts .post.other-articles figure {
  height: 150px !important;
}
.news .link-btn:after {
  display: none !important;
}
.news .button.light {
  background: #fff;
  color: #232323;
  border: 1px solid #938170 !important;
  padding: 8px 40px;
}
.projects-section .hide-filter .portfolio-filter {
  display: none !important;
}
.projects-section .hide-filter .blog-posts.more-posts-wrapper {
  padding-top: 30px;
}
.projects-slider .overlay-effect {
  display: none !important;
}
.projects-slider .portfolio-effect3 img {
  padding-right: 20px;
  filter: grayscale(100%);
}
.portfolio-effect3:hover img {
  filter: grayscale(0);
}
.projects-slider .portfolio-effect3 {
  background: #938170;
}
.wpb_gmaps_widget .wpb_wrapper {
  background-color: #000 !important;
}
section.vc_section.google-map-section.vc_section-has-fill {
  padding-top: 0px !important;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
  opacity: 0.6 !important;
}
.news-image img {
  width: 100%;
  height: auto !important;
  padding-right: 50px;
  filter: grayscale(100%);
}
.news-image img:hover {
  width: 100%;
  height: auto !important;
  padding-right: 50px;
  filter: grayscale(0%);
}
.news-grid4 {
  background: #f0f1f1;
}
.news-grid4 {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.3s all;
}
.grid4 .date-post {
  font-size: 10px;
}
.layout-post.post.grid4 {
  min-height: 580px;
}
.news-grid4:hover {
  background: #94826f;
}
a.link-btn.news-redmore-link {
  display: none;
}
p.news-grid4 {
  display: none;
}
.format-post.news-grid4:hover p.news-grid4 {
  display: block;
  padding: 10px 20px;
  background: transparent;
  color: #fff;
}
.format-post.news-grid4:hover a.link-btn.news-redmore-link {
  display: block;
  padding: 10px;
  background: #fff;
  width: 100px;
  text-align: center;
  color: #000;
  left: 20px;
  margin-top: 10px;
}
.format-post.news-grid4:hover .date-post,
.format-post.news-grid4:hover .post-title {
  color: #fff !important;
}
.post-title a:hover {
  color: #fff !important;
}
.news-grid4 .date-post,
.news-grid4 .post-title {
  color: #000 !important;
  font-weight: 300 !important;
  padding-left: 20px;
  font-family: 'Poppins', sans-serif !important;
}
.news-redmore-link.link-btn:after {
  display: none !important;
}
.news-image a.cat-name {
  top: 0;
  left: 0;
  right: initial;
  padding: 15px 20px;
  z-index: 999 !important;
}
.format-post:hover figure img,
.post-content:hover figure img {
  opacity: 1 !important;
}
.post h3.post-title,
.page h3.post-title,
.grid-post h3.post-title,
.masonry-posts .post-content h3.post-title {
  font-family: 'Poppins', sans-serif !important;
}
.projects-portfolio .vc_column_container > .vc_column-inner {
  padding-left: 10px !important;
}
.bullot-list .list-style.list-style2 li::after {
  display: none;
}
.bullot-list .list-style.list-style2 li {
  list-style-type: disc;
}
.career-form .wpcf7 input[type='file'] {
  direction: rtl;
}
.career-form input[type='file']:focus {
  outline: none !important;
}
.career-form input[type='file'] {
  color: transparent;
}
.career-form input[type='file']::-webkit-file-upload-button {
  visibility: hidden;
}
.career-form input[type='file']::before {
  content: 'Upload';
  color: white;
  display: inline-block;
  background: #938170;
  border: 2px solid #938170;
  padding: 0 15px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 10pt;
}
.career-form input[type='file']::after {
  content: 'Attach your CV';
  color: #989898;
  position: absolute;
  left: 15px;
}
.dropdown-list .fa {
  position: absolute;
  right: 18px;
  top: 10px;
  font-size: 25px;
}
.child-list ul {
  padding-left: 40px;
}
.readmore-btn a {
  background: #94826f;
  color: #fff;
  padding: 10px;
  font-size: 12px;
}
p.readmore-btn {
  margin-top: 30px;
}
/*.home-product-section p {
  min-height: 250px;
}*/
.child-list ul {
  list-style-type: none;
  color: #000000 !important;
}
.child-list ul li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}
.child-list ul li:after {
  display: none !important;
}
.article-section h6 {
  line-height: 40px;
}
.wpcf7 form .wpcf7-response-output {
  color: #fff !important;
}
.career-form .wpcf7 form .wpcf7-response-output {
  color: #000 !important;
}
.vision-mission-grid p {
  min-height: 150px;
}
.hide {
  display: none;
}
.portfolio_share {
  float: left;
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) {
	.counter-number.style1 h3 {
   	 font-size: 30px !important;
	}
	.counter-number.style1 i {
		font-size: 22px !important;
 }
}
@media (max-width: 1366px) {
  .mo-header-v4 .mo-menu-list > ul > li > a {
    padding: 0 1px !important;
    text-transform: capitalize !important;
  }
}
@media (min-width: 1366px) {
  .mo-header-v4 .mo-menu-list > ul > li > a {
    padding: 0 5px !important;
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .mo-header-v4 .mo-menu-list > ul > li > a:before {
    bottom: 0 !important;
    top: initial !important;
    text-align: center;
  }
  .aljouf-numbers {
    padding-right: 50px;
  }
  .mo-header-v4 .mo-menu-list > ul > li > a {
    line-height: 40px !important;
  }
  .mo-header-v4 .mo-menu-list > ul > li > a:hover:before,
  .mo-header-v4 .mo-menu-list > ul > li > a:active:before,
  .mo-header-v4 .mo-menu-list > ul > li > a:focus:before {
    width: 100% !important;
    text-align: center !important;
  }
  .sustainability-three-columns p {
    min-height: 250px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .custom-title-border-full-width:after {
    position: initial;
  }
  .aboutsection-counter .vc_col-sm-4 {
    width: 50% !important;
  }
  .about-counter .counter-number.style1 i {
    padding-right: 20px;
  }
  .about-counter .counter-number.style1.clients-counter i {
    padding-right: 20px !important;
  }
  .marketing-list.vc_col-sm-6 {
    width: 44%;
  }
  .count-raw .vc_col-sm-4 {
    width: 50% !important;
  }
  .counter-number.style1 h3 {
    font-size: 25px !important;
    line-height: 30px;
  }
	.product-row .vc_col-sm-3 {
    width: 50%;
  } 
	.sustainability-three-columns .vc_col-sm-4{
		width: 100%;
		margin-bottom: 10px;
	}
	.product-row .vc_col-sm-3 .wpb_wrapper {
		min-height: auto;
		margin-top: 20px;
  }
	.section-marketing-strategy .vc_col-sm-4 {
		width: 100%;
	}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .mo-header-v4 .mo-menu-list > ul > li > a {
    font-size: 12px !important;
  }
  .tab-size.pt-0 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-device-width: 767px) {
  .custom-title-border-full-width:after {
    position: initial;
  }
  h1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .aboutsection-counter {
    display: inline-flex;
  }
  .counter-number.style1 i {
    font-size: 20px !important;
  }
  .fa-plus:before {
    padding-right: 0px !important;
  }
  .header-border span {
    padding: 0px 20px 0px 20px;
  }
  .align-box .vc_col-sm-4 {
    margin-bottom: 20px;
  }
  .client-logo-mb .vc_col-sm-3 {
    width: 25% !important;
    display: inline-block;
  }
  .contact-grid.vc_col-sm-6 {
    width: 100%;
  }
  .contact-grid.right-section {
    margin-left: 0px;
  }
  .layout-post.post.grid4 {
    min-height: 520px;
  }
  .about-counter .counter-number.style1 i {
    padding-right: 20px;
  }
  .about-counter .counter-number.style1.clients-counter i {
    padding-right: 90px !important;
  }
  .center-mb.wpb_single_image.vc_align_left {
    text-align: center;
  }
  .certification-mb .vc_col-sm-4 {
    margin-bottom: 10px;
  }
  .marketing-list.vc_col-sm-6 {
    width: 80%;
  }
  .pr-60 {
    padding-right: 40px !important;
  }
  .pl-60 {
    padding-left: 40px !important;
  }
  .news-grid4 {
    background: #94826f;
  }
  p.news-grid4 {
    display: block !important;
    padding: 0 20px;
    color: #fff;
  }
  .news-grid4 .post-title {
    color: #fff !important;
  }
  .info-post .date-post {
    color: #fff !important;
  }
  .footer-widget-1.col-sm-2.col-xs-12,
  .footer-widget-2.col-sm-8.col-xs-12 {
    width: 50%;
  }
  .footer-widget-4 img {
    width: 130px;
  }
  .footer-widget-5.footer-bottom {
    text-align: center;
    margin-top: 20px !important;
  }
  .footer_v1 .footer-bottom .widget {
    margin-top: 15px !important;
  }
  .footer-widget-6.footer-bottom {
    margin-top: 0px !important;
    text-align: center;
  }
  .hide-on-mobile {
    display: none;
  }
  .counter-number.style1 {
    text-align: center !important;
    margin-bottom: 30px;
  } 
  .client-logos .vc_col-sm-2 {
    width: 50%;
    float: left;
  }
  .pt-40.aljouf-numbers {
    padding-top: 0px !important;
  }
  h3 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  h6 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .client-logos .wpb_column.vc_column_container.vc_col-sm-1\/5 {
    width: 50%;
    float: left;
  }
  .post h3.post-title,
  .page h3.post-title,
  .grid-post h3.post-title,
  .masonry-posts .post-content h3.post-title {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .vc_section.mobile-height {
    min-height: 50vh !important;
  }
	.product-row .vc_col-sm-3 .wpb_wrapper {
    	min-height: auto !important;
	} 
	.right-solid-border .header-border:before {
		content: '';
		position: absolute;
		bottom: -6px;
		border-bottom: 1px solid #000;
		width: 84%;
		left: 40px;
	}
}
@media (max-width: 991px) {
  .mo-header-v4 .mo-menu-list.motivo_cc > ul > li.current-menu-item > a {
    color: #8b8271 !important;
  }
  .mo-header-v4 .mo-menu-list.motivo_cc > ul > li:hover > a {
    color: #94826f !important;
  }
  .mo-header-v4 .mo-menu-list > ul > li {
    border-top: 1px solid #f4f4f4 !important;
    padding: 5px 0;
  }
  .mo-header-v4 .mo-menu-list {
    top: 20px !important;
  }
  .post-pagi h3 {
    font-size: 10px !important;
    line-height: 20px !important;
  }
  .marquee {
		height: 20px !important; 
	}
  .marquee span { 
		width: 50% !important;
	}
}

/*Manish*/
@media (min-width: 992px) {
  .mo-header-v4 .mo-menu-list > ul > li > a:hover:before {
    width: 90% !important;
    text-align: center !important;
    left: 5%;
  }
}

/*Tailwind CSS*/
@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.w-full {
  width: 100rem !important;
}
.max-w-6xl {
  max-width: 100rem !important;
}
/*END**/
.clients-logos .vc_row .vc_col-sm-3 .wpb_content_element {
  margin-bottom: 0px;
}
.page-id-4609 .footer_v1,
.page-id-5718 .footer_v1 {
  background-color: #333333;
}
a.button.primary.solid.medium.radius0.shadow {
  box-shadow: none;
}
select {
  color: #989898 !important;
}
.client-logos img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.client-logos img:hover {
  transform: scale(1.1);
}
.mo-header-v4 .mo-menu-list > ul > li > a {
  letter-spacing: 0px !important;
}
.mo-header-v4 .mo-menu-list > ul > li:last-child a {
  font-family: 'Cairo', sans-serif !important;
}
.footer_v1,
.footer_v1 p,
.footer_v1 a,
.footer_v1 span,
.footer_v1 select,
.footer_v1 select option,
.footer_v1 td,
.footer_v1 th {
  font-family: 'Poppins', sans-serif !important;
}
.button.primary.outline:hover {
  color: #fff !important;
}
a.button.primary.solid.medium.radius0.shadow:hover {
  background-color: #fff !important;
  color: #94826f;
  border: 1px solid #94826f;
}
.certification-button a.button.primary.solid.medium.radius0.shadow:hover {
  background-color: transparent !important;
  color: #fff !important;
}
.product-list .list-strategy p {
  padding: 0px 80px 0px 0px;
}

.counter-number.style1 h6 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 19px !important;

  line-height: 29px;
  margin-top: 20px;
}
.sales-contact .moga_services-style5 {
  border: 1px solid #94826f !important;
}
.sales-contact .moga_services-style5 a,
.sales-contact .moga_services-style5 {
  color: #94826f !important;
  min-height: 230px;
}
.portfolio-effect3 .details h5 {
  font-size: 18px !important;
}
.sustainability-three-columns .vc_col-sm-4 .vc_column-inner {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.sustainability-three-columns .vc_col-sm-4:hover .vc_column-inner {
  transform: scale(0.9);
}
.values-icon img {
  width: 220px;
}
#mission-box .vc_col-sm-4 .vc_column-inner {
  min-height: 460px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#mission-box .vc_col-sm-4:hover .vc_column-inner {
  transform: scale(0.9);
}
.values-accordion h4 {
  font-size: 20px;
}
.poppins {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
.team-section .vc_single_image-wrapper img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.team-section .vc_single_image-wrapper img:hover {
  transform: scale(0.9);
  filter: grayscale(100%);
}
.masonry-posts .type-post.category-news {
  margin: 0px !important;
}
.location {
  font-size: 12px !important;
}
.post-paginations {
  display: block !important;
}
.product-row .vc_col-sm-3 .wpb_wrapper {
	min-height: 200px;
}
.rtl .product-row .vc_col-sm-3 .wpb_wrapper {
	min-height: 240px;
}
/**Marquee Top Bar**/
.marquee {
  height: 25px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 6s linear infinite;
}
.marquee span {
  float: left;
  width: 15%;
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -80%;
  }
}
.number-suffix {
    margin-left: 5px;
}
.counter-number.style1 i { 
    display: inline-block !important;
}
.counter-number.style1,
.counter-number.style1 h6 {
    text-align: left !important;
}