/* intire Sheet Style Configurations */
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
* {
              direction: rtl;
                padding: 0px;
	               margin: 0px;
	           box-sizing: border-box;
	           text-align: center;
	          font-family: 'Cairo', sans-serif;
        text-decoration: none;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#facebook-messenger {
  display: none;
}
/* HOME SECTION STARTS HERE */
/* Intire Section Home */
header {
  display: block;
  min-height: 100vh;
  background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(../img/main.jpg);
	background-size: cover;
	background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
	color: white;
  position: relative;
}
/* Intire Navigation Bar */
nav {
  display: block;
	background: #0082E6;
	width: 100%;
	position: fixed;
	padding: 4px;
  z-index: 1030;
  -webkit-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.5);
}
/* Checkbox icon */
header nav label {
  font-size: 30px;
  color: white;
  float: left;
  margin-left: 40px;
  cursor: pointer;
  display: none;
}
header nav label:hover {
  font-size: 31px;
}
header nav input {
  display: none;
}
/* Brand Logo */
nav div a img {
 display: inline-block;
 float: right;
 margin: 5px 100px 5px 0px;
}
/* intire ul From nav */
nav ul {
 list-style: none;
 float: left;
 margin-left: 30px;
}
/* Each Li In Nav ul */
nav ul li {
	display: inline-block;
	margin: 10px;
	font-size: 17px;
	line-height: 30px;
}
nav ul li:hover {
	font-size: 18px;
  font-weight: bold;
  transition: 0.3s;
}
/* Each Link in nav ul li */
nav ul li a {
  color: white;
}
/* Intire Main Home Center */
header > div {
  position: absolute;
  top: 35%;
  width: 100%;
  display: block;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto;
}
/* Main Home Large Text */
header div h1 {
  font-size: 40px;
	margin-bottom: 20px;
  word-spacing: 10px;
}
/* Main Home Horizontal Line */
header div hr {
  margin-left: 40%;
  margin-right: 40%;
}
/* Main Home Sub Text */
header div p {
	font-size: 25px;
	margin-top: 20px;
  margin-bottom: 40px;
	display: block;
	word-spacing: 10px;
}
/* Main Home Buttons */
header div .mainbuttons {
  display: inline-block;
  color: white;
  padding: 10px 20px;
  background-color: #0082E6;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid white;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 3px;
}
header div .mainbuttons:hover {
  color: #0082E6;
  background: #f1f1f1;
  border: 2px solid #0082E6;
  transition: 0.3s;
  font-weight: bold;
}
/* ABOUT US SECTION STARTS HERE */
/* Intire About Us Section */
#about-us {
  background-color: #0082E6;
	padding: 5rem 1rem;
	width: 100%;
}
/* About Us Main Title */
#about-us h1 {
  font-size: 40px;
  color: white;
}
/* About Us Horizontal Line */
#about-us .line {
  margin: 20px 40%;
  border-bottom: 2px solid white;
}
/* About Us Text */
#about-us p {
  font-size: 23px;
  color: white;
}
/* About Us Main Button */
#about-us a {
  display: block;
  margin: 50px auto 0;
  padding: 7px 26px;
  background-color: white;
  color: #0082E6;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 10rem;
  width: 200px;
  -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
}
#about-us a:hover {
  color: #f1f1f1;
  background: #0082E6;
  border: 2px solid #f1f1f1;
  transition: 0.3s;
  animation: none;
}
/* SECTION OUR SERVICES STARTS HERE */
/* Intire Our Services Section */
#our-services {
  background: #f1f1f1;
  padding: 50px 0px;
}
/* Our Services Main Title */
#our-services h1{
  display: inline-block;
  border-bottom: 4px solid #0082E6;
  font-size: 40px;
  padding-bottom: 10px;
  margin-top: 40px;
  text-shadow: -10px 13px 9px rgba(0,0,0,0.42);
}
/* Services Block's Container */
#our-services > div {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 20px;
}
/* Each Service Container */
.service {
  display: inline-block;
  width: calc(100% / 3);
  margin: 0 -2px;
  padding: 20px;
  transition: 0.4s;
  cursor: pointer;
}
.service:hover {
  background-color: #ddd;
}
/* Each Service icon */
.service i {
  color: #0082E6;
  font-size: 34px;
  margin-bottom: 30px;
}
/* Each Service Title */
.service h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  color: #0082E6;
}
/* Each Service Sub Text */
.service p{
  color: black;
  font-size: 15px;
  font-weight: 500;
}
/* COUNTER SECTION STARTS HERE */
/* Intire Counters Section */
#counter {
	display: flex;
  justify-content: center;
	padding: 50px;
	background: #0082E6;
  color: white;
}
/* Each Counter */
#counter > div {
	display: inline-block;
  width: calc(100% / 3);
  font-size: 32px;
  font-weight: 700;
}
/* SECTION WHY US STARTS HERE */
/* Entire Why us Section */
#why-us {
  background: #f1f1f1;
  padding: 50px 0px;
}
/* why-us Main Title */
#why-us h1{
  display: inline-block;
  border-bottom: 4px solid #0082E6;
  font-size: 40px;
  padding-bottom: 10px;
  margin-top: 40px;
  text-shadow: -10px 13px 9px rgba(0,0,0,0.42);
}
/* Why Us Block's Container */
#why-us > div {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 20px;
}
/* Each Why us Container */
/* Used About Us Settings */
/* Each Why us icon */
/* Used About Us Settings */
/* Each Service Title */
/* Used About Us Settings */
/* Each Service Sub Text */
/* Used About Us Settings */

/* YOUR SATISFACTION IS OUR PRIORITY SECTION */
/* Intire Your Satisfaction Is Our Priority Section */
#à-propos-de-nous {
  background-color: #0082E6;
	padding: 5rem 1rem;
	width: 100%;
}
/* Your Satisfaction Is Our Priority Main Title */
#à-propos-de-nous h1 {
  font-size: 40px;
  color: white;
}
/*Your Satisfaction Is Our Priority Horizontal Line */
#à-propos-de-nous .line {
  margin: 20px 40%;
  border-bottom: 2px solid white;
}
/* Your Satisfaction Is Our Priority Text */
#à-propos-de-nous p {
  font-size: 23px;
  color: white;
}
/* Your Satisfaction Is Our Priority Main Button */
#à-propos-de-nous a {
  display: block;
  margin: 50px auto 0;
  padding: 7px 26px;
  background-color: white;
  color: #0082E6;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 10rem;
  width: 200px;
  -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);
}
#à-propos-de-nous a:hover {
  color: #f1f1f1;
  background: #0082E6;
  border: 2px solid #f1f1f1;
  transition: 0.3s;
  animation: none;
}
/*
---------------------------------
- CONTACT US SECTION STARTS HERE
---------------------------------
*/
#contact-us {
	padding: 80px 0;
	background-color: #f1f1f1;
  display: block;
}
#contact-us > h1 {
  display: block;
  color: #0082E6;
	font-size: 35px;
  margin-bottom: 30px;
  text-align: center;
}
#contact-us > p {
	font-size: 22px;
  display: block;
  margin: 10px;
}
#contact-us > div {
  display: inline-block;
  margin: 20px 50px;
}
#contact-us div i {
margin-top: 30px;
  color: #0082E6;
	font-size: 45px;
  display: block;
}
#contact-us div p {
margin-top: 30px;
font-weight: bold;
font-size: 1rem;
}
/* FOOTER STARTS HERE */
footer {
	width: 100%;
	background: #2d3e50;
	display: block;
  color: white;
  text-decoration: none;
}
.inner-footer {
	width: 95%;
	margin: auto;
	padding: 30px 10px;
	display: flex;
	flex-wrap: wrap;
}
.footer-items {
	width: 25%;
	padding: 10px 20px;
}
.footer-items p {
	font-size: 16px;
	text-align: justify;
	line-height: 25px;
  text-align: justify;
  text-indent: 11px;
}
.footer-items h2 {
	margin: 10px 0;
	color: #F4F4F4;
	font-size: 17px;
	font-weight: lighter;
  text-align: justify;
}
.border {
	height: 3px;
	width: 40px;
	background: #FF9800;
  text-align: justify;
}
.footer-items ul {
	list-style: none;
	font-size: 15px;
}
.footer-items ul li {
	margin: 10px 0;
	height: 25px;
  text-align: justify;
}
.footer-items ul li a {
	text-decoration: none;
	color: white;
}
.footer-items ul li a:hover {
	color: #FF9800;
}
.footer-items ul li:hover {
	color: #FF9800;
}
.footer-items ul li i {
	margin-left: 20px;
}
.social-media {
	width: 100%;
}
.social-media a {
	text-decoration: none;
}
.social-media a i {
	height: 15px;
	width: 15px;
	margin: 20px 5px;
	padding: 15px;
	color: white;
	border-radius: 50%;
	border: 1px solid #FFF;
	box-sizing: content-box;
}
.social-media a i:hover {
  background: grey;
  transition: 0.4s;
}
.footer-bottom {
	padding: 10px;
	background: #3D545F;
	font-size: 13px;
}


/* OTHER MEDIAS */
/* If width is less than 1085px */
@media screen and (max-width: 1085px) {
	.footer-items {
		width: 50%
	}
}

/* If width is less than 544px */
@media (max-width: 544px) {
  /* Intire Main Home Center */
  header > div {
    top: 15%;
  }
  /* Main Home Large Text */
  header div h1 {
    font-size: 30px;
  	margin-bottom: 15px;
    word-spacing: 9px;
   }
   /* Main Home Sub Text Text */
    header div p {
    	font-size: 20px;
    	margin-top: 15px;
      margin-bottom: 35px;
    	word-spacing: 9px;
    }
    /* Main Home Buttons */
    header div .mainbuttons {
      margin-top: 10px;
    }
    /* ABOUT US SECTION STARTS HERE */
    /* Intire About Us Section */
    #about-us {
    	padding: 2rem 1rem;
    	width: 100%;
    }
    /* About Us Main Title */
    #about-us h1 {
      font-size: 30px;
    }
    /* About Us Text */
    #about-us p {
      font-size: 18px;
    }
    /* About Us Main Button */
    #about-us a {
      margin: 25px auto 0;
      width: 190px;
      font-size: 20px;
    }
    /* OUR SERVICES SECTION STARTS HERE */
    /* Intire Our Services Section */
    #our-services {
      padding: 0px;
    }
    /* Each Service Container */
    .service {
      width: 100%;
    }
    /* WHY US SECTION STARTS HERE */
    /* Intire Why Us Section */
    #why-us {
      padding: 0px;
    }
    /* Each Why Us Service Container */
    /* Used Services Instead */
    /* YOUR SATISFACTION IS OUR PRIORITY SECTION STARTS HERE */
    /* Intire Your Satisfaction Is Our Priority Section */
    #à-propos-de-nous {
    	padding: 2rem 1rem;
    	width: 100%;
    }
    /* Your Satisfaction Is Our Priority Main Title */
    #à-propos-de-nous h1 {
      font-size: 30px;
    }
    /* Your Satisfaction Is Our Priority Text */
    #à-propos-de-nous p {
      font-size: 18px;
    }
    /* Your Satisfaction Is Our Priority Main Button */
    #à-propos-de-nous a {
      margin: 25px auto 0;
      width: 190px;
      font-size: 20px;
    }
}

/* If width is less than 600px */
@media screen and (max-width: 600px) {
  .footer-items {
		width: 100%
	}
}

/* If width is less than 674px */
@media (max-width: 674px) {
  header > div {
    top: 25%;
  }
  /* COUNTER SECTION STARTS HERE */
  /* Intire Counters Section */
  #counter {
  	display: block;
  	padding: 25px;

  }
  /* Each Counter */
  #counter > div {
  	display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
  }
}

/* If width is less than 930px */
@media (max-width: 930px) {
/* Checkbox icon */
  header nav label {
    display: block;
  }
  header nav input:checked ~ ul {
    display: block;
  }
/* Brand Logo */
  nav div a img {
   margin: 5px 50px 5px 0px;
  }
/* intire ul From nav */
  header nav ul {
   position: fixed;
   right: 0;
   width: 100%;
   background: #0082E6;
   top: 62px;
   display: none;
  }
/* Each Li In Nav ul */
  header nav ul li {
  	display: inline-block;
    width: calc(100 / 7);
  }
}

/*
 * ----------------------------------------
 * animation Pulse
 * ----------------------------------------
 */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }

/*
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
.slide-in-bottom {
	-webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.dropdown-menu.show {
  left: -40px !important;
}



.card-body {
  overflow-x: hidden;
}