body {
  font-family: 'Cairo', sans-serif;
}

body > *{overflow:hidden !important}

/* Start Home Page */

/* Start Navbar */

.upperHeader {background-color:#121212;color:#FFF;padding:5px 0}

.upperHeader .upperHeader-content {
  display:flex;
  justify-content:space-between;
  align-items:center
}

@media(max-width:991px){
  .upperHeader .upperHeader-content {
    justify-content:center;
    flex-direction:column;
  }

  .upperHeader .upperHeader-content > div {margin-bottom:10px}

  .upperHeader .upperHeader-content ul {
    margin-bottom:15px !important
  }
}

.upperHeader .upperHeader-content ul {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:0
}
.upperHeader .upperHeader-content ul li{
  margin:0 7px
}

.upperHeader .upperHeader-content div i ,
.upperHeader .upperHeader-content ul i:hover {color:#28a745}

.upperHeader .upperHeader-content ul i {color:#FFF}

.upperHeader .upperHeader-content .forLangs {
  display: flex;
  justify-content: space-between;
}

.upperHeader .upperHeader-content .forLangs span a{
  margin:0 2px;
  padding:5px 7px;
  cursor:pointer;
  border-radius:5px;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  transition:0.5s;
  background-color:#F6F6F6;
  color:#161A1F;
  text-decoration: none;
}

.upperHeader .upperHeader-content .forLangs span:hover a ,
.upperHeader .upperHeader-content .forLangs span.active a{
  color:#F04E23;
}

.navbar {padding:0 1rem}

.navbar.bg-light {background-color:#FFF!important}

.navbar img {max-height:95px}

@media(max-width:350px){
  .navbar img {max-height:80px}
  .owlCarousel-homePage .item {height:calc(100vh - 134px)}
}

.navbar .navbar-nav{text-align: center;}

.navbar .navbar-nav li{
  margin:5px 10px 0;
  font-size:20px;
  text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1145px){
  .navbar .navbar-nav li{
    font-size:15px;
  }
}

.navbar .navbar-nav li a.nav-link{
  color:#F04E23 !important;
  font-weight: bold;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.navbar .navbar-nav li.active a.nav-link,
.navbar .navbar-nav li:hover a.nav-link {
  color:#161A1F !important;
}

/* End Navbar */

/* Start Carousel */

.owlCarousel-homePage .item {height:calc(100vh - 154px)}

.owlCarousel-homePage .item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.owlCarousel-homePage .owl-carousel .item-one {
  background-image: url('../imgs/slider/index82.jpg');
}

.owlCarousel-homePage .owl-carousel .item-two {
  background-image: url('../imgs/slider/j0401545.jpg');
}

.owlCarousel-homePage .owl-carousel .item-three {
  background-image: url('../imgs/slider/index27.jpg');
  background-position: 81% 42%;
}


.owlCarousel-homePage .owl-carousel .item-four {
  background-image: url('../imgs/slider/index41.jpg');
  background-position: 81% 42%;
}

/* End Carousel */

/* Start Products Sample */

.make-order {
  background-color:#CCC;
  padding:30px 0
}

.make-order h2 {margin-bottom:30px;color: #28a745;}

.make-order .making-order-steps{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  grid-gap: 20px;
  justify-content: center;
}

.make-order h4 {
  color: #161A1F;
}

.make-order .step span {color:#F04E23}

@media(max-width:768px){
  .make-order h4 {text-align:center;margin-bottom:15px}

  .make-order .making-order-steps{
    flex-direction: column;
  }

  .make-order .making-order-steps .step p {
    text-align: center;
  }

}

/* End Products Sample */

/* Start Products Sample */

.mini-about {padding:20px 0}

.mini-about .sample-imgs {
  display: flex;
  justify-content:center;
  align-items: center;
}

.mini-about img{
  width:100%;
  height:100%;
}

.mini-about .col-md-6 {
  margin-bottom:20px;
}

.mini-about h2 {margin : 20px 0}

.mini-about h2 span {
  color:#F04E23;
  text-transform: uppercase;
}

.mini-about .moreInfo {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
}

.mini-about .moreInfo h3 {
  margin:25px 0
}

.mini-about .moreInfo span {
  color:#F04E23;
  font-weight: bold;
}

/* End Products Sample */

/* Start Prod Sample */

.prods-sample {
  padding:20px 0;
  background-color:#E2E2E2
}

.prods-sample .col-md-4 {
  margin-bottom:20px
}

.prods-sample .prod h4 {color:#28a745;text-transform:uppercase;}

.prods-sample .moreInfo h3 {
  margin:25px 0
}

.prods-sample .moreInfo span {
  color:#F04E23;
  font-weight: bold;
}


/* End Prod Sample */

/* Start Mini Contact */
.mini-contact {padding:20px 0}

.mini-contact .moreInfo h3 {
  margin:25px 0
}

.mini-contact .moreInfo span {
  color:#F04E23;
  font-weight: bold;
}
/* End Mini Contact */

/* Start Mini Certificates */

.mini-certificates {
  padding:20px 0
}

.mini-certificates .moreInfo h3 {
  margin:25px 0;
  line-height:1.4
}

.mini-certificates .moreInfo span {
  color:#F04E23;
  text-transform:uppercase;
  font-weight:bold;
}

/* End Mini Certificates */

/* Start Today-News */

.today-news{
  background-image: url('../imgs/pexels-suzy-hazelwood-2382325.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height:600px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.today-news .layout{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgba(0, 0, 0, 0.6)
}

.today-news .container {z-index:99}

.today-news h2 {color:#FFF}

.today-news h2.h1 {color:#f04e23;}

/* End Today-News */

/* Start Map */
.map {padding: 30px 0;}

.map iframe {
  width:calc(100% - 10px);
  border:2px solid #28a745;
  margin:0 5px
}

.map h2 {margin-bottom:30px;color:#28a745;}

/* End Map */

/* Start Footer */
.footer {padding:30px 0;background-color:#1b2027}

.footer .logos {display:flex;justify-content:center;margin-bottom:20px}

@media (max-width:576px){
  .footer .logos {
    flex-direction:column
  }
}

.footer .logos img {
  margin:0 20px
}

.footer .copyRight {font-weight:600;font-size:22px;color:#FFF}

.footer .copyRight span {color:#F04E23;}

/* hr {background-color: #28a745;} */

/* End Footer */

/* End Home Page */

/* Start About Page */

.about {padding:20px 0;background-color:#E2E2E2;}

.about img {margin-bottom:10px}

.about img.img-thumbnail {border-color:#F04E23}

.about h2 {color: #28a745;}

.about .lead {font-size: 17px;font-weight: bold;}

.about h3 {color: #28a745;font-weight: bold;}

.about ul span {
  font-size: 20px;
  color:#F04E23;
  font-weight: bold;
}

.about .col-12 h2 + p {margin-left: 7px;}

hr {background-color: #28a745;}

.about .managment-info .lead {font-weight:bold;}

/* End About Page */

/* Start Products Page */

.prods {padding:20px 0;background-color:#E2E2E2}

.prods h2 {color:#28a745;margin-bottom: 20px;}

.prods .grid-row {
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap:15px
}

.prods .prod-card {
  margin:0 auto;
  position:relative;
  cursor:pointer;
  overflow:hidden;
}

.prods .prod-card img{
  height:250px;
  width:250px;
  object-fit:cover;
}

.prods .prod-card h4 {
  position:absolute;
  left:-100%;
  top:20px;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  -o-transition:0.4s;
  transition:0.4s;
  background-color:rgba(0,0,0,0.8);
  color:#FFF;
  border-radius:5px;
  padding:5px 10px;
  border:2px solid #28a745;
  transition:0.6s
}

.prods .prod-card:hover h4{
  left:20px
}

.prods .prod-card img.img-thumbnail {border-color:#f04e23}

/* End Products Page */

/* Start Certificates */

.certificates-parent {
  padding:30px 0;
  background-color:#E2E2E2
}

.certificates-parent h2 {color:#28a745;margin-bottom:20px}

.certificates-parent .certificates{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

.certificates-parent .certificate img {
  width:250px;
  height:350px;
  cursor:pointer;
  margin:5px;
  border:1px solid #1b2027;
  padding:2px
}

/* End Certificates */

/* Start Why Choose Us Page*/

.why-choose-us {padding:20px 0;background-color:#E2E2E2;}

.why-choose-us h2 {color:#28a745;margin-bottom:20px;padding:0 5px}

.why-choose-us p.lead {font-size:20px;font-weight:400;}

.why-choose-us p.lead span {
  color:#f04e23;
  font-weight:bold;
}

.why-choose-us img {
  max-width:100%;
  margin-bottom:10px;
  border-color:#f04e23
}

/* End Why Choose Us Page */

/* Start Contact Page */

.contact {
  padding:20px 0;
  background-color:#E2E2E2;
}

.contact .contact_greeting_section {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:40px 10px
}

.contact .contact_greeting_section p {
  font-size:20px;
  font-weight:400;
}

.contact .social-media ul {
  display:flex;
  justify-content:center;
}
.contact .social-media ul li{
  margin:0 7px
}

.contact .social-media i {
  color:#1b2027;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.contact .social-media i.fa-facebook-square:hover {color:#3b5998}

.contact .social-media i.fa-twitter-square:hover {color:#1da1f2}

.contact .social-media i.fa-phone-square-alt:hover {color:#F04E23}

.contact .social-media i.fa-whatsapp-square:hover {color:#28a745}

.contact .email-address , .contact .email-address{
  padding: 15px 0;
}

.contact .email-address , .contact .managment{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.contact .email-address p , .contact .managment p {
  font-size:18px;
  color:#1b2027;
  font-weight:400
}

.contact .email-address span , .contact .managment span {
  color:#F04E23;
  font-weight: bold;
}

/* End Contact Page */

/* Start Product Page */
.product {
  padding:20px 0;
  background:#E2E2E2
}

.product h2 {margin-bottom:20px;color:#28a745}

.product p {
  font-size:calc(19px + 0.5vw);
  font-weight: 400;
}

/* End Product Page */