body{
  overflow-x: hidden !important;
  font-family: tajawal,Sans-serif !important;
  /* font-size: 30px !important; */
}
.headerImg{
    background-image: url("https://tempom.minasatech.com/wp-content/uploads/sites/1947/2023/06/xdxfdc1_compressed.jpg");
    height: 50vh;
}
.pt-50{
    padding-top: 200px;
}
.text-color {
    fill: #204c40;
    color: #204c40 !important;
    border-color: #204c40;
}

/* Scroll Design */

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #204c40; 
}
/* Scroll Design */

.organizational-structure{
    background-image: url("https://tempom.minasatech.com/wp-content/uploads/sites/1947/2022/06/Screenshot-2022-06-19-094557_compressed.webp");
    height: 120vh;
}

    .photo-gallery {
  color:#313437;
  background-color:#fff;
}
​
.photo-gallery p {
  color:#7d8285;
}
​
.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
​

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}
​
.photo-gallery .intro p {
  margin-bottom:0;
}
​
.photo-gallery .photos {
  padding-bottom:20px;
}
​
.photo-gallery .item {
  padding-bottom:30px;
}
.d-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-y{
    color: #037979 !important;
    fill: #037979;
    color: red;
    font-size: 25px;
}
.borderColor{
    border: 2px solid #037979;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-Color{
  border: 2px solid #037979;
  width: 15%;
}
.hoverTrans{
    transition: 0.5s;
    cursor: pointer;
}
.hoverTrans:hover{
    transform: translate(8px, 8px)
}
.w-img{
  width: 100px !important;
  height: 109px !important;

}

.jet-listing-dynamic-post-3 .elementor-element.elementor-element-e8d9f3e:not(.elementor-motion-effects-element-type-background),
.jet-listing-dynamic-post-3 .elementor-element.elementor-element-e8d9f3e>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-image: url("https://tempom.minasatech.com/wp-content/uploads/sites/1947/2023/06/6486df14ebd8a.jpg");
}

.jet-listing-dynamic-post-3 .elementor-element.elementor-element-e8d9f3e>.elementor-background-overlay {
  background-color: #204c40 !important;
}

.jet-listing-dynamic-post-3 .elementor-element.elementor-element-c2d6bef .elementor-button:hover,
.jet-listing-dynamic-post-3 .elementor-element.elementor-element-c2d6bef .elementor-button:focus {
  background-color: #037979 !important;
  border-color: #037979 !important;
}

.elementor-5751 .elementor-element.elementor-element-7b2beca .jet-banner__overlay {
  background-color: #204c40 !important;
}

.elementor-5751 .elementor-element.elementor-element-ebed554.elementor-view-stacked .elementor-icon {
  background-color: #204c40 !important;
}

.elementor-5751 .elementor-element.elementor-element-ebed554.elementor-view-framed .elementor-icon,
.elementor-5751 .elementor-element.elementor-element-ebed554.elementor-view-default .elementor-icon {
  fill: #204c40;
  color: #204c40;
  border-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-af09a3d.elementor-view-stacked .elementor-icon {
  background-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-af09a3d.elementor-view-framed .elementor-icon,
.elementor-5751 .elementor-element.elementor-element-af09a3d.elementor-view-default .elementor-icon {
  fill: #204c40;
  color: #204c40;
  border-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-cea8d51.elementor-view-stacked .elementor-icon {
  background-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-cea8d51.elementor-view-framed .elementor-icon,
.elementor-5751 .elementor-element.elementor-element-cea8d51.elementor-view-default .elementor-icon {
  fill: #204c40;
  color: #204c40;
  border-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-eeccf71.elementor-view-stacked .elementor-icon {
  background-color: #204c40;
}

.elementor-5751 .elementor-element.elementor-element-eeccf71.elementor-view-framed .elementor-icon,
.elementor-5751 .elementor-element.elementor-element-eeccf71.elementor-view-default .elementor-icon {
  fill: #204c40;
  color: #204c40;
  border-color: #204c40;
}

.jet-listing-dynamic-post-1982 .elementor-element.elementor-element-691d7a8>.elementor-widget-container {
  background-color: #204c40 !important;
}
.responsive-map{
  overflow: hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
  }
  .responsive-map iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
  }
  .font-20{
    font-size: 25px !important;
  }
  .btn-contact{
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none;
  }
  .box-cart{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    /* background-color: red !important; */

  }
  .img-cart{
    width: 70px;
    height: 70px;
    border-radius: 50% !important;
  }
  @media  (max-width: 600px) and (min-width:20px) {
    /* body {
      background-color: red;
    } */
    .slick-list {
      display: none;
    }
  }
  .borderbatter{
      border: 2px #037979 dotted;
  }
  .input-r{
    border-radius: 20px !important;
  }
  .bg-color{
    border-color: #204c40 !important;
  }
  .bbg-color{
    background-color: #204c40 !important;
  }
  .btn-color:hover{
    background-color: #204c40 !important;
    color: white !important;
  }
  .accordion-button::after{
    margin-left: 0 !important;
  }
  .accordion-item h2 button:hover{
    color: black;
  }
  .btnSend{
    text-align: center;
    background-color: #3C7CCC;
    color: white;
    border-radius: 33px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .border-r{
    border-radius: 20px;
    /* background-color: red; */
  }
  .box-shado{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
  .btn-size-default{
    padding: 10px;
    font-weight: bold;
    background-color: #204c40;
    color: white;
    text-align: center;
  }
  .text{
    color: #165564;
  }
  .star{
    color: yellow !important;
  }
  .fa-message ,.fa-facebook-f , .fa-twitter , .fa-linkedin-in , .fa-print{
    color: #037979 !important;
  }
  .icone{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #037979;
  }
  .titleImg{
    background-color: #0000008c;
    top: 0;
    bottom: 0;
    left: 1000px;
    right: 400px;
    overflow: hidden;
    transition: 0.5s;

  }
  .hoverImg:hover .titleImg{
    right: 0;
  }
  .svgNav{
     font-size: 20px;
  }
  .text-50{
    color: #d4d0c7 !important;
  }
  .font-40{
    font-size: 42px !important;
  }
  .BoarofPosionImg{
    background-color: #00000061;
    left: 0;
    right: 662px;
    top: 20px;
    bottom: 20px;
    transition: 0.6s;
  }
  .hoverPosion:hover .BoarofPosionImg{
    right: 0;
  }
  .hoverPosion{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  }
  .text-yalu{
    color: #C6AF4F;
  }
  .elementor-location-header{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 22222222222222222222222222;
    height: 120px !important;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color:#037979 !important;
}
.bg-img{
  height: 100%;
  background-image: url('https://ncnp.gov.sa/sites/default/files/2022-12/366716.svg');
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.5s;
  cursor: pointer;
}
.cartHover:hover .bg-img{
  background-color: #037979 !important;
  color: white !important;
}
.cartHover{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.imgCaicl{
  width: 400px;
  height: 400px;
  border-radius: 50%;
}
.hoverTran{
  transition: 0.5s;
}
.hoverTran:hover{
  transform: scale(1.1)
}
/* -----------Loader Scren-------------- */

.loader{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #204c40;
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    bottom: 0;
}
.loader-wrapper{
    background-color: #204c40;
    position: fixed;
    width: 100%;
    /* position: relative; */
    left: 0;
    bottom: 250px;
    right: 0;
    bottom: 0;
    top: 0;
    /* height: 100vh; */
    z-index: 88888888888888888888888888888888888888888888888888899999999;
}
/* -----------Loader Scren-------------- */
.loader {
  position: sticky;
  left: 0;
  right: 598px;
  top: 150px;
  bottom: 0;
  font-size: 16px;
  width: 5.5em;
  height: 5.5em;
  font-size: 60px;
  z-index: 78787878755;
}

.hoverCart:hover{
  background-color: #037979;
  cursor: pointer;
}
.hoverCart:hover .h2hover{
  color: white;
}


      

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
    transition: all 0.50s linear;
}

.post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
}

.post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px;
}

.post-slide .post-content {
    background: #fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #3498db;
}

.post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px;
}

.post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #CFDACE;
}

.post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}

.post-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
}

.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
    background: #fff;
    position: absolute;
    bottom: -13%;
    left: 15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
    background: #fff;
    position: absolute;
    bottom: -13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "<";
    font-family: FontAwesome;
    color: #333;
    font-size: 30px;
    display: none;
}
.owl-carousel{
  direction: ltr !important;
}

.owl-controls .owl-buttons .owl-next:after {
    content: ">";
    display: none;
}

@media only screen and (max-width:1280px) {
    .post-slide .post-content {
        padding: 0px 15px 25px 15px;
    }
}
.sub-arroww{
  display: none !important;
  /* display: block !important; */
}
.elementor-1643 .elementor-element.elementor-element-4ba3625 .elementor-nav-menu--dropdown li:first-child a:hover .fa-angle-left{
  color: white !important;
}
.box-cart .img-cart{
  
  transition: 0.5s
}
.box-cart:hover .img-cart{
   transform: scale(1.2)
}
.box-cart:hover .hovreImg{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0000004a;
  width: 70px;
  height: 70px;
  border-radius: 50% !important;
  transform: scale(1.2)
}
.hoverCart img{
  width: 100px !important;
}
.d-end{
  display: flex;
  justify-content: end !important;
  align-items: end;
}
.post-slideee:hover {
  background-color: #037979;
  color: white;
  cursor: pointer;
}
.post-slide:hover .linkCart{
  color: white;
}
.dateCart{
  background-color: #3C7CCC;
  color: white;
  width: 45%;
  border-radius: 10px;
}
.dateCart{
  position: absolute;
  right: 18px;
  bottom: 0;
  /* left: 0; */
  /* top: 250px; */
}
.h-img-cart{
  height: 300px;
}


      

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
    transition: all 0.50s linear;
}

.post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
}

.post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px;
}

.post-slide .post-content {
    background: #fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #3498db;
}

.post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px;
}

.post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #CFDACE;
}

.post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: hsl(207, 90%, 54%);
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}

.post-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
}

.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
    background: red;
    position: absolute;
    bottom: -13%;
    left: 15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
    background: red !important;
    position: absolute;
    bottom: -13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "<";
    font-family: FontAwesome;
    color: #333;
    font-size: 30px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: ">";
}

@media only screen and (max-width:1280px) {
    .post-slide .post-content {
        padding: 0px 15px 25px 15px;
    }
}
.borderDiv{
  color: #1376c5;
  cursor: pointer;
  border-radius: 15px;
}
.borderDiv:hover{
  background-color: #037979;
  color: white;
}
.fa-phone{
  color: red;
}
.press-thumb {
  margin-left: 35px;
  height: 120px;
  width: 260px;
  min-width: 260px;
  
}


/* ----------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Alatsi|Poppins&display=swap");


.date {
background-color: #ffffff;
border: 0 solid transparent;
border-radius: 0.25rem;
-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
color: #222b45;
font-family: Open Sans, sans-serif;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.25rem;
margin-bottom: 1.875rem;
scrollbar-face-color: #e4e9f2;
scrollbar-track-color: #f7f9fc;
width: 19.25rem;
border: none;
margin: 0;
}
.date .result {
padding: 1rem 1.25rem;
border-bottom: 1px solid #edf1f7;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
color: #222b45;
font-family: Open Sans, sans-serif;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.5rem;
}
.date .result .date-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5rem;
}
.date .result .label {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.125rem;
}
.date .selector {
display: flex;
padding: 1rem 1.25rem;
justify-content: space-between;
align-items: center;
}
.date .selector .left,
.date .selector .right {
cursor: pointer;
font-family: Open Sans, sans-serif;
font-weight: 700;
background-color: transparent;
border-color: transparent;
border-style: solid;
border: none;
text-transform: uppercase;
border-radius: 0.25rem;
font-size: 0.75rem;
line-height: 1rem;
transition-property: background-color, border-color, box-shadow, color, -webkit-box-shadow;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.date .selector .left:focus,
.date .selector .right:focus {
box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16);
outline: none;
}
.date .selector .month {
background-color: #6c5cea;
border-color: #6c5cea;
color: #ffffff;
padding: 0.6875rem 1.125rem;
border-style: solid;
border-width: 0.0625rem;
text-transform: uppercase;
border-radius: 0.25rem;
font-size: 0.875rem;
line-height: 1rem;
cursor: pointer;
font-family: Open Sans, sans-serif;
font-weight: 700;
}
.date .picker {
width: 100%;
}
.date .picker .days {
background: #f7f9fc;
border-top: 1px solid #edf1f7;
border-bottom: 1px solid #edf1f7;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 0;
}
.date .picker .days span {
color: #8f9bb3;
width: 4.625rem;
color: #8f9bb3;
font-size: 0.75rem;
font-weight: 700;
line-height: 1rem;
text-align: center;
}
.date .picker .dates {
padding: 1rem 0;
}
.date .picker .dates-row {
display: flex;
}
.date .picker .dates span {
cursor: pointer;
width: 4.625rem;
height: 2.625rem;
font-family: Open Sans, sans-serif;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.25rem;
border-radius: 0.25rem;
color: #222b45;
justify-content: center;
margin: 1px;
align-items: center;
-webkit-box-pack: center;
display: flex;
-webkit-box-align: center;
}
.date .picker .dates span.active {
background: #6c5cea;
color: #fff;
}
.date .picker .months {
padding: 1rem 0;
display: none;
}
.date .picker .months-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.date .picker .months span {
cursor: pointer;
width: 2.625rem;
height: 2.625rem;
color: #8f9bb3;
width: 2.625rem;
color: #8f9bb3;
font-size: 0.75rem;
font-weight: 700;
line-height: 1rem;
text-align: center;
border-radius: 0.25rem;
color: #222b45;
justify-content: center;
margin: 1px;
align-items: center;
-webkit-box-pack: center;
display: flex;
-webkit-box-align: center;
}
.date .picker .months span.active {
background: #6c5cea;
color: #fff;
}