@import url("https://fonts.googleapis.com/css?family=Cairo|Lato");
/* #region Start Styling For All*/
* {
  box-sizing: border-box;
}

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

/*
/*#region Start Place Import Files helper*/
/* $ColorFontTitleLight:#60c9a5;
$ColorFontTitleBold:#302f2e;
$ColorFontNavAndText:#b8b8b8;
$ColorFontWhite:White;
$ColorBackgroundBold:#212529;
$ColorBackgroundLight:#444546;
$ColorBorder:#706f6f; */
/*#endregion End Place Import Files Helper*/
/*#region Start Place Import Files Pages*/
/*#region Start Place Import Files*/
/* #region Start Upper-bar Section*/
.upper-bar {
  border-bottom: 2px solid #706f6f;
  background-color: #212529;
}

.upper-bar .info-email {
  text-align: center;
  padding: 10px;
  color: #b8b8b8;
}

.upper-bar .info-social {
  text-align: center;
  padding: 10px;
}

.upper-bar .info-social a {
  height: 50px;
  color: #b8b8b8;
  font-size: 18px;
  margin-right: 12px;
  vertical-align: middle;
  text-decoration: none;
}

/* .navbar-light, .bg-light {//from Bootstrap
  border: 1px solid $ColorFontNavAndText !important;
} */
/* #endregion End Upper-bar Section*/
/* #region Start Header Section*/
.header {
  display: flex;
  flex-wrap: wrap;
}

.header .left-header {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-grow: 3;
}

.header .left-header .adrress-main {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header .left-header .adrress-main .address-icon {
  color: #60c9a5;
  margin-right: 8px;
}

.header .left-header .adrress-main .address-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header .left-header .adrress-main .address-content span:nth-of-type(1) {
  font-weight: bold;
  color: #302f2e;
  font-size: 14px;
  font-weight: bold;
}

.header .left-header .adrress-main .address-content span {
  color: #302f2e;
  font-size: 14px;
  font-weight: bold;
}

.header .left-header .time {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header .left-header .time .time-Work {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header .left-header .time .time-Work span:nth-of-type(1) {
  display: block;
  color: #302f2e;
  font-size: 14px;
  font-weight: bold;
}

.header .left-header .time .time-Work span:nth-of-type(2) {
  display: block;
  color: #302f2e;
  font-size: 14px;
  font-weight: bold;
}

.header .left-header .time .time-icon {
  color: #60c9a5;
  margin-right: 8px;
}

.header .right-header {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-direction: column;
}

.header .right-header .header-contact {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header .right-header .header-contact div:nth-of-type(1) {
  color: #60c9a5;
  font-weight: bold;
  font-size: 20px;
}

.header .right-header .header-contact div:nth-of-type(2) {
  font-weight: bold;
  color: #302f2e;
  font-size: 14px;
}

@media (max-width: 768px) {
  .header .adrress-main {
    display: none;
  }
  .header .time {
    display: none;
  }
  .header .right-header {
    display: none;
  }
}

/* #endregion End Header Section*/
/*#region Start Page Title*/
.page-title {
  font-family: 'Cairo',sans-serif;
  margin-top: -127px;
  position: relative;
  padding: 200px 0 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.page-title:before {
  content: "";
  position: absolute;
  opacity: 0.5;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}

.page-title .page-title-box {
  text-align: right;
}

.page-title .page-title-box h1 {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
  position: relative;
  font-size: 36px;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-right: 50px;
}

.page-title .page-title-box .bread-crumb {
  list-style: none;
  position: relative;
  padding: 15px 0px 15px 65px;
  display: inline-block;
  border-radius: 30px 0px 0px 30px;
  background-color: rgba(0, 0, 0, 0.5);
  margin-right: 100px;
}

.page-title .page-title-box .bread-crumb:before {
  position: absolute;
  top: 0;
  right: -100%;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: .50;
  content: "";
}

.page-title .page-title-box .bread-crumb li {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  cursor: default;
  text-transform: capitalize;
  font-weight: 500;
}

.page-title .page-title-box .bread-crumb li a {
  text-decoration: none;
  color: white;
}

.page-title .page-title-box .bread-crumb li:last-child {
  color: white;
}

@media (max-width: 767.98px) {
  .page-title .page-title {
    position: relative;
    padding: 100px 0 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
  }
  .page-title .page-title-box h1 {
    margin-right: 0px;
  }
  .page-title .page-title-box {
    text-align: center;
    margin-right: 0px;
  }
  .page-title .bread-crumb {
    margin-right: 0px;
  }
}

/*#endregion End Page Title*/
/* #region Start Navbar Section*/
.main-container {
  position: sticky;
  top: 0px;
  background-color: rgba(51, 49, 50, 0.6) !important;
  width: 100%;
  z-index: 99;
}

.navbar {
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 99;
  height: 127px;
}

.navbar-light .navbar-nav .nav-link {
  font-family: 'Cairo', sans-serif;
}

.navbar-nav {
  margin-left: 70px;
}

button {
  color: #60c9a5;
  border-color: #60c9a5;
}

.navbar-light {
  background-color: rgba(51, 49, 50, 0) !important;
}

.nav-link {
  margin-left: -4px;
}

.nav-link::after {
  content: " | ";
  color: #fbd913;
  display: inline-block;
  font-size: 100%;
  margin: 0 .5em 0 0;
}

/*  .nav-link {
    display:block;
    border-right: 1px solid $ColorStyleAlzeinsoftYellow;
    color: $ColorStyleAlzeinsoftYellow;
    display: inline-block;
    font-size: 50%;
    
} */
.navbar-nav > .active > a {
  color: #fbd913 !important;
  border-bottom: 1px solid #fbd913;
}

.nav-link:hover {
  color: #fbd913 !important;
  border-bottom: 1px solid #fbd913;
}

.navbar-brand,
.nav-link {
  /*   color: rgba(255, 255, 255, 0.7) !important; */
  margin-top: 27px;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  color: white !important;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.disabled {
  color: black;
}

.navbar-toggler.collapsed {
  background-color: #fdb913 !important;
}

.dropdown-menu {
  /*  background-color: $ColorFontTitleBold;
 */
  background-color: rgba(51, 49, 50, 0.6) !important;
  margin-top: 27px;
}

.dropdown-menu .dropdown-item {
  /*  color: $ColorFontNavAndText !important; */
  color: white !important;
  text-align: right;
}

.dropdown-menu .dropdown-item:hover {
  color: #302f2e !important;
}

.dropdown-menu .dropdown-item:active {
  background-color: white;
}

.scrolled {
  height: 80px;
  transition: 0.50s all ease-in-out 0.30s;
}

.scrolled img {
  height: 50px;
  transition: 0.50s all ease-in-out 0.30s;
}

.scrolled a {
  margin-top: 0px;
  transition: 0.50s all ease-in-out 0.30s;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu-shrink {
  margin-top: 0px !important;
}

@media (max-width: 769px) {
  .main-container {
    position: static;
  }
  .navbar {
    height: 80px;
  }
  .collapse,
  .navbar-collapse {
    margin-left: -32px;
    margin-right: -32px;
    margin-top: 7px;
    background-color: rgba(51, 49, 50, 0.6) !important;
  }
  .navbar-brand {
    margin-left: 0px;
    margin-top: 5px;
  }
  .nav-link::after {
    content: "";
    margin: 0px;
  }
  .nav-link:hover {
    color: #fbd913 !important;
    border-bottom: 0px;
  }
  .navbar-nav > .active > a {
    color: #fbd913 !important;
    border-bottom: 0px;
  }
  .nav-link {
    color: white !important;
    margin-top: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin-left: 0px;
  }
  .navbar-nav {
    margin-left: 18px;
  }
  .navbar .navbar-brand img {
    width: 150px;
    height: 50px;
  }
}

/* #endregion End Navbar Section*/
/*#region Start Footer-main-page Navbar And Social Media And Copyrights*/
/* .footer-navbar-main{
    position: relative;
    background-color:$ColorBackgroundBold;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../images/bg-map.png");
    .footer-log{
        margin-top: 90px;
        margin-bottom: 40px;
        img{
            border-radius: 10px;
        }
    }
    .footer-nav-menu{
        margin-bottom: 25px;
        .footer-link-menu{
            font-size: 22px;
            line-height: 80%;
        }
    }
    .footer-socialmedia{
        margin-bottom: 40px;
        .info-social{
            a{
                text-decoration: none;
                display: inline-block;
                text-align: center;
                height: 40px;
                width: 40px;
                line-height: 40px;
                font-size: 20px;
                color: #ffffff;
                border-radius: 50%;
                background-color: #60c9a5;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }
        }
    }
}
.footer{
    padding:25px;
    background-color:$ColorBackgroundLight;
    .text-muted{
        color:#b8b8b8 !important
     }
}   */
/*#endregion End Footer-main-page Navbar And Social Media And Copyrights*/
/*#region Start Footer-other-page Navbar And CopyRight */
/* .footer-other-page-log {
    img{
        border-radius:10px;
        width: 200px;
        height: 66px;
        margin-bottom: 40px;
    }
    .text{
        position: relative;
        font-size: 14px;
        line-height: 30px;
        color:$ColorFontNavAndText;
        font-weight: 400;
        margin-bottom: 30px;
        vertical-align: middle;
        text-align: justify;
    }
    ul{
        list-style: none;
        color: #bbbbbb;
        padding: 0px;
    }
}
 
.footer-other-page-latestnews{
    h2{
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 50px;
        font-family: 'Raleway', sans-serif;
    }
    .post{
        padding-left: 15px;
        a{
            font-size: 16px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 600;
            margin-bottom: 10px;
        }
        span{
            color:#bbbbbb;
        }
    }
}
.footer-other-page-socialmedia {
    h2 {
        position: relative;
        display: block;
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 50px;
        font-family: 'Raleway', sans-serif;
    }
    .text{
        color: #bbbbbb;
        margin-bottom: 25px;
    }
    .signup {
        position: relative;
        display: block;
        margin-bottom: 25px;
        button {
            position: absolute;
            right: 0;
            top: 0;
            height: 60px;
            width: 60px;
            text-align: center;
            line-height: 60px;
            color: #ffffff;
            background-color: #60c9a5;
            font-size: 24px;
            font-weight: 600;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }
        input[type="email"] {
            position: relative;
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 30px;
            color: #ffffff;
            padding: 14px 32px;
            padding-right: 80px;
            height: 60px;
            border: 1px solid #ffffff;
            background-color: transparent;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }
    }
    h4 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2em;
        color: #ffffff;
        font-weight: 700;
        margin-bottom: 20px;
        font-family: 'Raleway', sans-serif;
    }
    .info-social{
        a{
            text-decoration: none;
            i{
                color: #bbbbbb;
            }
        }
    }
}
.footer{
    .footer-other-page-text-muted{
        text-align: center;
        color:white;
    }
    .footer-other-page-link-menu{
        font-size: 16px;
        line-height: 60%;
    } 
}
@media(max-width: 767.98px){
    div#footer-other-page-nav{order: 1;}
    div#footer-other-page-copyright{order: 2;}
    .footer-other-page-text-muted{
        text-align: center;
        font-size: 14px;
        display: block;
        margin-top: 20px;
    }
    .footer-other-page-socialmedia h2 {
        margin-top: 30px;
    }
    .contact-info{
        text-align: center;
    }
    .contact-info ul{
        list-style: none;
        display: block;
        padding: 10px;
       
    }
 } */
.footer {
  font-family: 'Cairo',sans-serif;
  background-color: #333132;
  padding: 25px;
}

.footer .container span {
  color: white;
}

@media (max-width: 769px) {
  .footer {
    padding: 15px;
  }
}

/*#endregion End Footer-other-page Navbar And CopyRight */
/*#endregion End Place Import Files*/
/*#region Start Carousel Section*/
/* .overlay::before{
position: absolute;
left:0px;
top:0px;
width: 100%;
height: 100%;
background-color: rgba($color: #000000, $alpha: 0.5);
z-index: 99;
} */
/* .carousel-item-description{
    text-align: center;
    color:#212529;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
   
    .carousel-item-description-title2{
        font-size: 48px;
        font-weight: bold;
    }
    .text{
        font-size: 20px;
        line-height: 36px;
        color: #ffffff;
        font-weight: 400;
        margin-bottom: 25px;
    }
    a{
        text-decoration: none;
    }
    .theme-btn {
        display: inline-block;
        margin: 0 10px 10px;
        padding: 20px 50px;
        text-transform: uppercase;
        z-index: 99 !important;
    }
    .btn-style-one{
        position: relative;
        font-size: 16px;
        line-height: 20px;
        color: #60c9a5;
        padding: 15px 45px;
        background: #ffffff;
        font-weight: 700;
        border-radius:30px;
        &:hover{
            color: #ffffff;
            background-color:$ColorBackgroundBold ;
        }
    }
    .btn-style-two{
        position: relative;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        padding: 15px 45px;
        background: $ColorBackgroundBold;
        font-weight: 700;
        border-radius:30px;
        &:hover{
            color: #60c9a5;
            background-color:#ffffff ;
        }
    }
} */
/*#region Start Carousel */
.pyramid {
  margin-top: -127px;
  background: url("../../../../images/pyramid.png") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  z-index: -1;
  /* .text-future::after{
          content: '';
          position: absolute;
          top:0px;
          left:0px;
          background-color:rgba(0,0,0,0.6);
          z-index: -1;
          width:98%;
          height: 100%;
          border-radius: 10px;
        
      } */
  /*   .main-txt-future{
        display: none;
    } */
}

.pyramid .img-future {
  /*  display: none; */
  margin-top: 160px;
}

.pyramid .text-future {
  /* width:500px; */
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  /*   font-weight: 600; */
  z-index: 10000;
  box-sizing: border-box;
  width: 800px;
  padding: 20px;
  background: rgba(51, 49, 50, 0.6);
  opacity: 0.9;
  color: #fbd913;
}

@media only screen and (max-width: 767.98px) {
  .pyramid {
    /*     background: url('../../../../images/pyramid.jpg') no-repeat center center; */
    /*  .main-txt-future{
            display: block;
        } */
  }
  .pyramid .img-future {
    /*   display: block; */
    margin-top: 150px;
    margin-bottom: 20px;
  }
  .pyramid .text-future {
    width: auto;
    font-size: 14px;
    padding: 0px;
  }
}

/*#endregion End Carousel*/
/* #endregion End Carousel Section*/
/*#region Start About AlzeinSoft section */
/*#region Start About AlzeinSoft section */
.about-alzeinsoft {
  position: relative;
  background: url("../../../../images/about1.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-top: 55px;
}

.about-alzeinsoft .nav-about a {
  z-index: 999;
}

.about-alzeinsoft p {
  font-family: 'Cairo', sans-serif;
  padding: 40px;
}

.about-alzeinsoft .img-about-alzeinsoft {
  z-index: -1;
}

.about-alzeinsoft .img-about-alzeinsoft::before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(251, 217, 19, 0.2);
  z-index: 1;
}

.about-alzeinsoft .txt-about-alzeinsoft {
  width: 100%;
  height: 100%;
  background-color: #e49f00;
  padding-top: 40px;
}

.about-alzeinsoft .txt-about-alzeinsoft .title-txt-about {
  margin-right: 20px;
  display: block;
  color: #404040;
  font-family: 'Cairo', sans-serif;
  text-align: right;
}

.about-alzeinsoft .txt-about-alzeinsoft p {
  text-align: justify;
  text-justify: auto;
}

.about-alzeinsoft-two .txt-about-alzeinsoft-two {
  width: 100%;
  height: 100%;
  background-color: #e49f00;
}

.about-alzeinsoft-two .txt-about-alzeinsoft-two h1 {
  padding-top: 30px;
  margin-right: 20px;
  color: #404040;
  font-family: 'Cairo', sans-serif;
  text-align: right;
}

.about-alzeinsoft-two .txt-about-alzeinsoft-two p {
  text-align: justify;
  text-justify: auto;
  font-family: 'Cairo', sans-serif;
  padding: 40px;
}

.about-alzeinsoft-two .our-mission h1 {
  padding-top: 37px;
  padding-left: 250px;
  padding-bottom: 17px;
  font-family: 'Cairo', sans-serif;
}

.about-alzeinsoft-two .our-mission p {
  text-align: justify;
  text-justify: auto;
  font-family: 'Cairo', sans-serif;
  padding: 40px;
}

@media only screen and (max-width: 767.98px) {
  .about-alzeinsoft .nav-about {
    margin-bottom: 20px;
  }
  .about-alzeinsoft p {
    font-family: 'Cairo', sans-serif;
    padding: 20px 20px 20px 20px;
  }
  .about-alzeinsoft-two .txt-about-alzeinsoft-two p {
    font-family: 'Cairo', sans-serif;
    padding: 20px 20px 20px 20px;
  }
  .about-alzeinsoft-two .our-mission h1 {
    padding-left: 0px;
    text-align: right;
    margin-right: 20px;
  }
  .about-alzeinsoft-two .our-mission p {
    padding: 20px 10px 20px 10px;
  }
}

/* #endregion End About AlzeinSoft section*/
/*#region Start How We Work Section*/
.howwork-container {
  background-image: url("../../images/bg-pattern-light.jpg");
  padding: 75px;
}

.howwork-container .howwork-a {
  font-size: 24px;
  text-decoration: none;
  color: #60c9a5;
}

.howwork-container .howwork-a:hover {
  text-decoration: none;
  color: #03442d;
}

.howwork-container .p-howwork {
  text-align: justify;
}

.howwork-container .count {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  width: 40px;
  font-size: 18px;
  color: #222222;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  background-color: #ffffff;
  font-family: "Roboto", sans-serif;
  border: 1px solid #222222;
  margin-right: 20px;
  transition: all 500ms ease;
}

.howwork-container .count:hover {
  transform: rotate(360edg);
  background-color: #222222;
  font-family: "Roboto", sans-serif;
  border: 1px solid #ffffff;
  color: #ffffff;
  transform: rotateY(360deg);
  transition: 1s;
}

@media (max-width: 767.98px) {
  .howwork-container {
    text-align: center;
  }
}

/*#endregion End How We Work Section*/
/*#region Start Integrity Section */
.integrity .integrity-text {
  margin-top: 100px;
}

.integrity .p-integrity {
  text-align: justify;
}

.integrity .integrity-img {
  width: 400px;
  height: 150px;
  margin-bottom: 100px;
}

.integrity .integrity-img-man {
  text-align: center;
}

@media (max-width: 767.98px) {
  div#image-alsahlnet {
    order: 1;
    -webkit-order: 1;
  }
  div#text-alsahlnet {
    order: 2px;
    -webkit-order: 2;
  }
  div#image-softwaredesign {
    order: 3;
    -webkit-order: 3;
  }
  div#text-softwaredesign {
    order: 4;
    -webkit-order: 4;
  }
  div#image-hosting {
    order: 5;
    -webkit-order: 5;
  }
  div#text-hosting {
    order: 6;
    -webkit-order: 6;
  }
  .integrity-text {
    margin-top: 30px;
    margin-left: 0px;
    text-align: center;
  }
  .integrity-img {
    width: 400px;
    height: 150px;
    margin-bottom: 50px;
  }
  .integrity-img-man {
    text-align: center;
  }
}

/* #endregion End Integrity Section*/
/*#region Start Services Section*/
.main-services-container {
  background-image: url("../../../../images/backgroundServices.jpg");
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 220px;
}

.main-services-container .title-services {
  background-color: #e49f00;
  margin-left: 0px;
  margin-right: 0px;
  color: #404040;
}

.main-services-container .title-services h1 {
  margin-top: 90px;
  font-family: 'Cairo', sans-serif;
  text-align: center;
}

.main-services-container .title-services h2 {
  font-family: 'Cairo', sans-serif;
  margin-top: 30px;
  text-align: center;
}

.main-services-container .img-service {
  height: 275px;
  margin-right: 0px;
  padding: 0px;
  margin-left: 250px;
  overflow: hidden;
}

.main-services-container-two {
  background-color: #e49f00;
}

.main-services-container-two .container .all-services {
  padding: 100px 0px 80px 0px;
}

.main-services-container-two .container .card {
  background-color: #333132;
  padding: 20px;
}

.main-services-container-two .container .card .card-body h6 {
  color: white;
  font-size: 22px;
}

.main-services-container-two .container .one-service {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.main-services-container-two .container .one-service a {
  text-decoration: none;
}

@media only screen and (max-width: 769px) {
  div#text-softwaredesign {
    order: 2;
    -webkit-order: 2;
  }
  div#image-softwaredesign {
    order: 1;
    -webkit-order: 1;
  }
  .text-service {
    margin-top: 25px;
  }
  .main-services-container .img-service {
    display: none;
  }
  .main-services-container .title-services h1 {
    margin-top: 50px;
    font-family: 'Cairo', sans-serif;
    margin-left: 0px;
  }
  .main-services-container .title-services h2 {
    font-family: 'Cairo', sans-serif;
    margin-top: 25px;
    font-size: 28px;
    margin-left: 5px;
  }
  /* .main-services-container-two {
      padding:0px;
        .container {
           padding:40px ;
            .container-one-service {
            
                .software-design-img {
                   width: 100%;
                }
            }
            .albayan-system {
                margin: 0px 0px 40px 0px;
            }
            .softwar-design {
                margin: 0px;
            }
        }
        
    } */
}

/* .services {
    background-image: url("../../images/background-services.jpg");
    padding: 20px;

    .container-one-service {
        margin-top: 30px;
        padding: 20px;
        background-color: white;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;

        .p-services {
            text-align: justify;
        }

        &:hover {
            border: 2px dashed;
        }
    }
} */
/*#endregion End Services section*/
/*#region Start Best-Work Section*/
.Best-Work {
  margin-top: 50px;
  margin-bottom: 120px;
}

.Best-Work .best-work-title2 {
  margin-bottom: 40px;
}

.Best-Work .img-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.Best-Work .img-box a:hover > div.img-box-content {
  display: block;
  width: 80%;
  animation-name: inside-img-box;
  animation-duration: 1s;
}

.Best-Work .img-box .img-box-content {
  position: absolute;
  height: 80px;
  width: 80%;
  top: 150px;
  background-color: rgba(0, 0, 0, 0.5);
}

.Best-Work .img-box .img-box-content h5 {
  margin-top: 8px;
  text-align: left;
}

.Best-Work .img-box .img-box-content h5 a {
  color: white;
  text-decoration: none;
  margin-left: 10px;
}

.Best-Work .img-box .img-box-content .img-box-content-ul {
  list-style: none;
  text-align: left;
}

.Best-Work .img-box .img-box-content .img-box-content-ul li {
  color: white;
  display: inline;
  text-decoration: none;
}

/*#endregion End Best-Work Section*/
/*#region Start contact Section*/
/* .contact {
    position: relative;

    &::after {
        content: "";
        background-image: url("../../images/background-contact.jpg");
        opacity: 0.3;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        position: absolute;
    }

    .content-contact {
        margin-top: 80px;
        padding: 50px;
    }

    .contact-box {
        background-color: #222222;
        margin-top: -60px;
        margin-bottom: -60px;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: -60px;
            width: 0;
            height: 0;
            border-bottom: 60px solid #222222;
            border-left: 60px solid transparent;
        }

        .title-contact {
            margin-top: 50px;
            text-align: center;
        }

        .text-contact {
            font-weight: 700;
            line-height: 1.2em;
            text-align: center;
        }
    }
}

@media only screen and (max-width: 767.98px) {
    .content-contact {
        margin-top: 40px;
        margin-bottom: 20px;
        padding: 50px;
    }

    .contact-box {
        padding-bottom: 100px;

        &::before {
            content: none;
        }
    }
} */
/*#endregion End Contact Section*/
/*#region Start Managers Section */
.managers {
  position: relative;
}

.managers::after {
  content: "";
 /*  background-image: url("../../images/manager-section.jpg"); */
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}

.managers .img-manager {
  margin-top: 75px;
  margin-bottom: 25px;
  border-radius: 50%;
}

.managers span {
  color: #28a745;
  font-size: 20px;
  font-weight: bold;
}

.managers .manager-description {
  padding: 50px;
  background-color: #302f2e;
  color: white;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: justify;
}

/*#endregion End Managers Section*/
/*#region Start Our Clients Section*/
.our-clients {
  background-color: white;
  padding: 40px;
}

.our-clients .img-client:hover {
  transform: scale(1.2, 1.2);
  transition: 1.5s;
}

/*#endregion End Our Clients Section*/
/*#region Start Carousel Section*/
/* #endregion End Carousel Section*/
/*#region Start About AlzeinSoft section */
/* #endregion End About AlzeinSoft section*/
/*#region Start How We Work Section*/
/*#endregion End How We Work Section*/
/*#region Start Integrity Section */
/* #endregion End Integrity Section*/
/*#region Start Services Section*/
/*#endregion End Services section*/
/*#region Start Best-Work Section*/
/*#endregion End Best-Work Section*/
/*#region Start contact Section*/
.email-hours-container {
  text-align: right;
  margin: 100px 0px;
}

.email-hours-container .email {
  margin-bottom: 20px;
}

.email-hours-container img {
  margin-bottom: 20px;
}

.email-hours-container h6 {
  font-size: 22px;
}

.email-hours-container span {
  font-size: 18px;
  padding: 10px;
}

.contact-section-container {
  font-family: 'Cairo', sans-serif;
}

.contact-section-container .header-contact-section {
  background-color: #e49f00;
  padding: 10px;
}

.contact-section-container .header-contact-section h1 {
  color: #404040;
  margin-right: 100px;
}

.contact-section-container .body-contact-section {
  background-color: #333132;
  padding: 25px;
}

.contact-section-container .body-contact-section .img-logo-contact-section {
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-section-container .body-contact-section .form-contact-section {
  margin-top: 40px;
}

.contact-section-container .body-contact-section .form-contact-section .btn-send-contact-section {
  background-color: #fdb913;
  color: black;
}

.container-map {
  display: block;
}

@media only screen and (max-width: 767.98px) {
  .contact-section-container .header-contact-section h1 {
    margin-left: 0px;
  }
  .contact-section-container .body-contact-section .form-contact-section {
    /* padding:0px; */
  }
}

/*#endregion End Contact Section*/
/*#region Start News Style Of News Page*/
.upper-container-news {
  margin: 100px 0px;
}

.lower-container-news {
  margin: 100px 0px;
}

.news-page-section-container {
  font-family: 'Cairo', sans-serif;
}

.news-page-section-container .header-news-section {
  background-color: #333132;
  padding-top: 30px;
  padding-bottom: 30px;
}

.news-page-section-container .header-news-section h1 {
  margin-right: 100px;
  color: white;
}

.news-page-section-container .body-news-section {
  background-color: #e49f00;
  margin: 0px -15px;
}

.news-page-section-container .body-news-section .item {
  padding: 50px;
}

.news-page-section-container .body-news-section .left-news {
  text-align: right;
  margin-top: 20px;
}

.news-page-section-container .footer-news-section {
  background-color: #333132;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.news-page-section-container .footer-news-section .owl-prev,
.news-page-section-container .footer-news-section .owl-next {
  background-color: #333132 !important;
  border: none !important;
}

.news-page-section-container .footer-news-section .owl-next {
  margin-right: 30%;
}

.news-page-section-container .footer-news-section .owl-prev:focus,
.news-page-section-container .footer-news-section .owl-next:focus {
  outline: none !important;
}

@media only screen and (max-width: 769px) {
  .news-section-container .header-news-section h1 {
    margin-right: 10px;
  }
  .news-section-container .footer-news-section {
    text-align: center;
  }
  .news-section-container .footer-news-section .owl-next {
    margin-right: 0px;
  }
}

/*#endregion Start News Style Of News Page*/
/*#region Start News Section */
.news-section-container {
  font-family: 'Cairo', sans-serif;
}

.news-section-container .header-news-section {
  background-color: #333132;
  padding-top: 30px;
  padding-bottom: 30px;
}

.news-section-container .header-news-section h1 {
  margin-right: 100px;
  color: white;
}

.news-section-container .body-news-section {
  background-color: #e49f00;
  margin: 0px -15px;
}

.news-section-container .body-news-section .left-news {
  text-align: right;
  margin-top: 20px;
}

.news-section-container .footer-news-section {
  background-color: #333132;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.news-section-container .footer-news-section .owl-prev,
.news-section-container .footer-news-section .owl-next {
  background-color: #333132 !important;
  border: none !important;
}

.news-section-container .footer-news-section .owl-next {
  margin-right: 30%;
}

.news-section-container .footer-news-section .owl-prev:focus,
.news-section-container .footer-news-section .owl-next:focus {
  outline: none !important;
}

@media only screen and (max-width: 769px) {
  .news-section-container .header-news-section h1 {
    margin-right: 10px;
  }
  .news-section-container .footer-news-section {
    text-align: center;
  }
  .news-section-container .footer-news-section .owl-next {
    margin-right: 0px;
  }
}

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* .news {
    margin-top: 160px;
    margin-bottom: 120px;

    .p-news {
        text-align: justify;
    }
} */
/*#endregion End News Section*/
/*#endregion End News Section*/
/*#region Start Managers Section */
.managers {
  position: relative;
  padding: 70px 0px;
  font-family: 'Cairo', sans-serif;
}

.managers::after {
  content: "";
 /*  background-image: url("../../images/manager-section.jpg"); */
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}

.managers .img-manager {
  margin-top: 75px;
  margin-bottom: 25px;
  border-radius: 50%;
}

.managers h3 {
  font-family: 'Cairo', sans-serif;
}

.managers span {
  /*   color: rgba($color: $ColorStyleAlzeinsoftYellow, $alpha: 1); */
  font-family: 'Cairo', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: black;
}

.managers .manager-description {
  padding: 50px;
  background-color: #302f2e;
  color: white;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: justify;
}

/*#endregion End Managers Section*/
/*#region Start Our Clients Section*/
.our-clients {
  background-color: white;
  /*  padding: 40px; */
}

.our-clients h1 {
  margin: 60px 0px 100px 0px;
  font-family: 'Cairo', sans-serif;
  text-align: right;
}

.our-clients .img-client {
  /*  width:244px;
        height:152px; */
  /*   margin-bottom: 70px; */
}

.our-clients .img-client:hover {
  transform: scale(1.2, 1.2);
  transition: 1.5s;
}

@media only screen and (max-width: 769px) {
  .img-client {
    margin-bottom: 40px;
  }
}

/*#endregion End Our Clients Section*/
/*#region Start About-us page*/
/*#region Start About-us We-Are-Expert page*/
.About-us-Expert {
  font-family: 'Cairo',sans-serif;
  margin: 100px 0px;
}

.About-us-Expert .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #60c9a5;
  font-weight: 400;
  margin-bottom: 25px;
}

.About-us-Expert h2 {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 700;
  margin-bottom: 40px;
}

.About-us-Expert .text {
  font-size: 18px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 50px;
}

.About-us-Expert .count-box {
  font-size: 53px;
  line-height: normal;
  font-weight: 700;
  line-height: 1em;
  color: #222222;
}

.About-us-Expert .count-box .count-text {
  font-size: 30px;
  line-height: normal;
  font-weight: 500;
  color: #222222;
  line-height: 1.2em;
  margin-bottom: 15px;
}

.About-us-Expert .count-box .counter-title {
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  color: #60c9a5;
}

/*#endregion End About-us We-Are-Expert page*/
/*#region Start About-us Why Us page*/
.why-us-section {
  position: relative;
  padding: 160px 0 130px;
}

.why-us-section .title {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #60c9a5;
  font-weight: 500;
  margin-bottom: 25px;
}

.why-us-section h2 {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 700;
}

.why-us-section .text {
  position: relative;
  font-size: 15px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  padding-top: 14px;
}

.why-us-section .list-style-one {
  position: relative;
  margin: 30px 0px;
}

.why-us-section .list-style-one li {
  position: relative;
  float: left;
  width: 50%;
  font-size: 16px;
  line-height: 22px;
  color: #222222;
  font-weight: 500;
  padding-left: 33px;
  margin-bottom: 20px;
}

.why-us-section .list-style-one li a {
  color: #222222;
  transition: all 300ms ease;
}

.why-us-section .list-style-one li a:hover {
  text-decoration: none;
  outline: none;
}

.why-us-section .list-style-one li a:focus {
  text-decoration: none;
  outline: none;
}

.why-us-section .list-style-one li a:visited {
  text-decoration: none;
  outline: none;
}

.why-us-section .list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #222222;
  font-weight: 400;
  content: "\f10e";
  font-family: "Lineawesome";
  transition: all 300ms ease;
}

.why-us-section ul, .why-us-section li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

@media (max-width: 767.98px) {
  .why-us-section .why-us-section {
    padding: 140px 15px 90px;
  }
}

/*#endregion End About-us Why Us page*/
/*#region Start About-us Some Faq's page*/
.about-us-somefaq {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 95px 15px 50px;
  background-color: #222222;
}

.about-us-somefaq:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("/images/about-us-somefaq.jpg");
  opacity: 0.30;
}

.about-us-somefaq .title, .about-us-somefaq .sec-title.light .text, .about-us-somefaq .sec-title.light h2 {
  color: #ffffff;
}

.about-us-somefaq h2 {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 700;
}

.about-us-somefaq .faq {
  padding: 15px 20px;
  position: relative;
  background-color: white;
  margin-bottom: 10px;
  color: black;
}

.about-us-somefaq .faq h6 {
  padding: 0px 5px;
  display: inline-block;
}

.about-us-somefaq .faq .a-toggle-faq {
  text-decoration: none;
  position: absolute;
  width: 30px;
  height: 20px;
  top: 15px;
  right: 20px;
  color: #60c9a5;
  text-align: center;
}

.about-us-somefaq .faq .collapsible-element {
  padding: 10px 5px 5px;
}

.about-us-somefaq .text-Our-Statistics-Rate {
  margin-bottom: 30px;
  line-height: 2;
  color: #ffffff;
}

.about-us-somefaq .skill-title {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 20px;
}

.about-us-somefaq .progress {
  margin-bottom: 50px;
}

.a-toggle-faq2 {
  content: '-';
  text-decoration: none;
  position: absolute;
  width: 30px;
  height: 20px;
  top: 15px;
  right: 20px;
  color: #60c9a5;
  background-color: #212529;
  text-align: center;
}

/*#endregion End About-us Some Faq's page*/
/*#endregion End About-us page*/
/*#region Start Albayan Program Page*/
/*#region Start Logo Albayan Section*/
.container-logo-bayan {
  font-family: 'cairo',sans-serif;
  margin: 0;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*  .card{
            position: relative;
            width: 459px;
            height: 321px;
            .face{
                position: absolute;
                width: 100%;
                height: 100%;
                background-size: #000;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        } */
}

/*  .container-logo-bayan .card .face.face1{
        top:0px;
        left:0px;
        transition: left,z-index,transform; 
   
        transition-delay: 0s,.5s,.5s;
        transition-duration: .5s,0s,.5s;
        z-index: 2;
        transform: translate(-10px,-10px);
    }
    .container-logo-bayan .card:hover .face.face1{
        transition: transform,z-index,left;
        transition-delay: 0s, .5s ,.5s;
        transition-duration:.5s,0s,.5s; 
        z-index:1 ;
        transform: translate(270px,-10px);
        left:-260px;
    }
    .container-logo-bayan .card .face.face2{
        background: #111;
        top:0px;
        left:0px;
        transition: left,z-index,transform; 
        transition-delay: 0s,.5s,.5s;
        transition-duration: .5s,0s,.5s;
        z-index: 1;
      
    }
    .container-logo-bayan .card:hover .face.face2{
        transition: transform,z-index,left;
        transition-delay: 0s, .5s ,.5s;
        transition-duration:.5s,0s,.5s; 
        z-index:2 ;
        transform: translateX(-260px);
        left:260px;
    }
    .container-logo-bayan .card .face.face1 img{
        max-width: 100%;
    }
    
    .container-logo-bayan .card .face.face2 .content{
      padding: 20px;
      box-sizing: border-box;
        text-align: right; 
    }
    .container-logo-bayan .card .face.face2 .content h2{
       margin: 0px;
       padding: 0px;
       color:#fff; 
    }
    .container-logo-bayan .card .face.face2 .content p{
        margin: 10px 0 0 ;
        padding: 0px;
        color:#fff; 
     } */
.text-logo-section {
  margin-top: 40px;
  margin-left: -60px;
}

.text-logo-section h2 {
  color: #9C6E02;
  text-align: right;
  margin-bottom: 20px;
  margin-right: 20px;
}

p {
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .container-logo-bayan {
    margin: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .text-logo-section {
    text-align: center;
    margin: 0px;
    margin-top: 40px;
    padding: 0px;
  }
  .text-logo-section h2 {
    margin-bottom: 20px;
    text-align: center;
  }
  /* .text-logo-section p{
           padding-top: 20px;
           padding-left: 20px;
           padding-right: 20px;
           margin-bottom: 50px;
        } */
  /*  .container-logo-bayan .card .face.face1 img{
            max-width: 100%;
        }
        .container-logo-bayan .card .face.face2 .content{
            padding: 50px 10px 50px 10px;
            box-sizing: border-box;
          
          }
          .container-logo-bayan .card:hover .face.face2{
            transition: transform,z-index,left;
            transition-delay: 0s, .5s ,.5s;
            transition-duration:.5s,0s,.5s; 
            z-index:2 ;
            transform: translateX(-260px);
            left:260px;
            padding: -50px;
        }
        .container-logo-bayan .card .face.face2 .content h2{
            margin: 0px;
            padding: 0px;
            color:#fff; 
            font-size: 20px;
         }
         .container-logo-bayan .card .face.face2 .content p{
            margin: 0px 0 0 ;
            padding: 0px;
            color:#fff; 
            font-size: 10px;
         }
         .container-logo-bayan .card{
             margin-top: 50px;
            
            position: relative;
            width: 350px;
            height: 247px;
        } */
}

/*#endregion End Logo Albayan Section*/
/*#region Start Verions Albayan Section*/
.container-versions-bayan {
  font-family: 'Cairo',sans-serif;
  background-color: #222222;
  margin-bottom: 100px;
}

.container-versions-bayan h2 {
  color: #b8b8b8;
  margin-top: 100px;
  margin-bottom: 60px;
}

.container-versions-bayan h2 span {
  color: #fdb913;
}

.container-versions-bayan img {
  padding: 20px;
  width: 171px;
  height: 150px;
  margin-bottom: 100px;
}

@media (max-width: 767.98px) {
  .container-versions-bayan .container-versions-bayan {
    padding: 0px;
  }
  .container-versions-bayan .container-versions-bayan h2 {
    margin-bottom: 40px;
  }
  .container-versions-bayan .container-versions-bayan img {
    margin-bottom: 20px;
    width: 171px;
    height: 150px;
  }
}

/*#endregion End Verions Albayan Section*/
/*#region Start Instantaneous Sync Version*/
.container-instantan-sync {
  font-family: 'Cairo',sans-serif;
  margin-top: 60px;
  margin-bottom: 30px;
}

.container-instantan-sync h2 {
  margin-bottom: 70px;
}

.container-instantan-sync h2 span {
  color: #9C6E02;
}

.container-instantan-sync p {
  font-weight: 600;
}

.container-instantan-sync a {
  color: white;
  background: #fdb913;
  text-align: right;
  margin-bottom: 80px;
  font-weight: 600;
  border: none;
}

.container-instantan-sync a:hover {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-instantan-sync a:active {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-instantan-sync a:focus {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-instantan-sync .btn {
  background: #fdb913;
  color: #404040;
  outline: none !important;
}

.container-instantan-sync .btn:active {
  background-color: #333132 !important;
  outline: none !important;
}

.container-instantan-sync .btn:focus {
  background-color: #333132 !important;
  outline: none !important;
}

.container-instantan-sync img {
  width: 350px;
  height: 250px;
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  .container-instantan-sync {
    padding: 0px;
  }
  .container-instantan-sync h2 {
    margin-top: 70px;
  }
  .container-instantan-sync img {
    margin-bottom: 70px;
    margin-left: 0px;
    width: 350px;
    height: 250px;
  }
  .container-instantan-sync button {
    margin-bottom: 70px;
    margin-left: 0px;
  }
  .container-instantan-sync p {
    margin-left: 0px;
    font-weight: 600;
  }
}

/*#endregion End Instantaneous Sync Version*/
/*#region Start Cloud Version*/
.container-cloud-version {
  font-family: 'cairo',sans-serif;
  background-color: #222222;
}

.container-cloud-version h2 {
  margin-top: 80px;
  margin-bottom: 30px;
  color: white;
}

.container-cloud-version h2 span {
  color: #fdb913;
}

.container-cloud-version p {
  color: white;
  /*   font-weight: 600; */
  /* font-size: 20px; */
  font-weight: 500;
  margin-top: 60px;
  margin-bottom: 10px;
}

.container-cloud-version a {
  color: white;
  background: #fdb913;
  text-align: right;
  margin-bottom: 80px;
  font-weight: 600;
  border: none;
}

.container-cloud-version a:hover {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-cloud-version a:active {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-cloud-version a:focus {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-cloud-version .btn {
  background: #fdb913;
  color: #404040;
  outline: none !important;
}

.container-cloud-version .btn:active {
  background-color: #333132 !important;
  outline: none !important;
}

.container-cloud-version .btn:focus {
  background-color: #333132 !important;
  outline: none !important;
}

@media (max-width: 767.98px) {
  div#container-cloud-version-symbole {
    order: 1;
  }
  div#container-cloud-version-text {
    order: 2;
  }
}

/*#endregion End Cloud Version*/
/*#region Start Android Version*/
.container-android-version {
  font-family: 'cairo',sans-serif;
}

.container-android-version h2 {
  margin-top: 60px;
  margin-bottom: 30px;
}

.container-android-version h2 span {
  color: #9C6E02;
}

.container-android-version p {
  margin-top: 80px;
  margin-bottom: 10px;
  font-weight: 600;
}

.container-android-version a {
  color: white;
  background: #fdb913;
  text-align: right;
  font-weight: 600;
  margin-bottom: 80px;
  border: none;
}

.container-android-version a:hover {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-android-version a:active {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-android-version a:focus {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-android-version .btn {
  background: #fdb913;
  color: #404040;
  outline: none !important;
}

.container-android-version .btn:active {
  background-color: #333132 !important;
  outline: none !important;
}

.container-android-version .btn:focus {
  background-color: #333132 !important;
  outline: none !important;
}

.container-android-version i {
  margin-left: 100px;
}

@media (max-width: 767.98px) {
  .container-android-version p {
    margin-top: 20px;
  }
  .container-android-version i {
    margin-left: 0px;
    margin-bottom: 50px;
  }
}

/*#endregion End Android Version*/
/*#region Start Location Agents*/
.container-location {
  font-family: 'cairo',sans-serif;
  background-color: #222222;
}

.container-location img {
  margin: 70px 0px;
}

.container-location .area-egypt {
  background-color: white;
}

/*#endregion End Location Agents*/
/*#endregion End Albayan Program Pag*/
.container-webdesign {
  font-family: 'Cairo',sans-serif;
  margin: 100px 0px;
}

.container-webdesign h3 {
  color: #9C6E02;
  margin-bottom: 40px;
}

.container-webdesign p {
  text-align: center;
  font-size: 22px;
}

.container-futures-webdisgn {
  margin-bottom: 150px;
}

.container-futures-webdisgn .future4-1, .container-futures-webdisgn .future4-2 {
  margin-bottom: 15px;
}

.container-futures-webdisgn p {
  text-align: center;
}

.container-mobile {
  font-family: 'Cairo',sans-serif;
  background-color: #333132;
  padding: 100px 0px;
}

.container-mobile h3 {
  color: #fdb913;
  margin-bottom: 40px;
}

.container-mobile p {
  color: white;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
}

.container-desktop {
  font-family: 'Cairo',sans-serif;
  margin: 100px 0px;
}

.container-desktop h3 {
  color: #9C6E02;
  margin-bottom: 40px;
}

.container-desktop p {
  text-align: right;
  /* font-size: 20px;
            font-weight: 500; */
}

@media (max-width: 769px) {
  .container-webdesign .img-web {
    margin-bottom: 40px;
  }
  .container-futures-webdisgn .col-sm-12 {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -khtml-center;
    margin-bottom: 15px;
  }
  .container-desktop .img-desktop {
    margin-bottom: 40px;
  }
}

.container-full-offers {
  margin-bottom: 70px;
}

.container-full-offers .title-offers-of-web-design {
  margin-bottom: 50px;
}

.container-full-offers .first-two {
  margin-bottom: 40px;
}

.container-full-offers .list-unstyled {
  font-weight: bold;
  font-size: 22px;
}

.container-full-offers a {
  background: #fdb913;
  color: #404040;
  outline: none !important;
  border: none;
}

.container-full-offers a:hover {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-full-offers a:active {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

.container-full-offers a:focus {
  background-color: #333132 !important;
  color: white;
  outline: none !important;
}

@media (max-width: 769px) {
  .container-full-offers .first-two {
    margin-bottom: auto;
  }
}

.hosting-container {
  margin: 150px 0px;
  font-family: 'Cairo', sans-serif;
}

.hosting-container .container h1 {
  color: #9C6E02;
}

.hosting-container .container p {
  font-size: 24px;
}

.futures {
  font-family: 'Cairo', sans-serif;
  margin-bottom: 100px;
  background-color: #333132;
  text-align: right;
  padding: 100px 0px 150px 0px;
}

.futures h1 {
  margin-bottom: 50px;
  color: #fdb913;
}

.futures .future4-1, .futures .future4-2 {
  margin-bottom: 15px;
}

.plans {
  font-family: 'Cairo',sans-serif;
  margin-bottom: 150px;
}

.plans h1 {
  margin-bottom: 50px;
  color: #9C6E02;
}

.plans .gold .card {
  text-align: right;
}

.plans .gold .card-header {
  background-color: #fdb913;
  font-size: 24px;
}

.plans .gold .card-footer {
  text-align: center;
}

.plans .silver .card {
  text-align: right;
}

.plans .silver .card-header {
  background-color: #d9d9d9;
  font-size: 24px;
}

.plans .silver .card-footer {
  text-align: center;
}

.plans .bronze .card {
  text-align: right;
}

.plans .bronze .card-header {
  background-color: #936D67;
  font-size: 24px;
}

.plans .bronze .card-footer {
  text-align: center;
}

@media (max-width: 769px) {
  .hosting-container {
    margin: 100px 0px;
  }
  .hosting-container .container h1 {
    font-size: 28px;
    color: #fdb913;
  }
  .hosting-container .container p {
    font-size: 20px;
  }
  .futures .future4-1, .futures .future4-2 {
    margin-bottom: 0px;
  }
  .futures .col-sm-12 {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -khtml-center;
    margin-bottom: 15px;
  }
  .plans .container .row .col-sm-12 {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -khtml-center;
    margin-bottom: 15px;
  }
  .plans .gold .card-header {
    background-color: #fdb913;
  }
  .plans .silver .card-header {
    background-color: #d9d9d9;
    font-size: 24px;
  }
  .plans .bronze .card-header {
    background-color: #936D67;
    font-size: 24px;
  }
}

/*#region Start Clients page*/
.container-clients {
  margin-top: 80px;
}

.container-clients .col-clients {
  margin-top: 40px;
  padding-bottom: 80px;
}

.container-clients .col-clients img {
  width: 150px;
  height: 150px;
}

.container-clients img:hover {
  transform: scale(2.5, 2.5);
  transition: 1s;
  z-index: 99;
}

.container-clients .row-pagination {
  margin-bottom: 40px;
  color: #fdb913;
}

.container-clients .page-item.active .page-link {
  background-color: #212529;
  border-color: #212529;
}

.row-pagination a {
  color: #fdb913;
}

.row-pagination a:hover {
  color: #333132;
}

/*#endregion End Clients page*/
/*#region Start contact page*/
.contact-main {
  position: relative;
  padding: 115px 0 0px;
}

.contact-main .title {
  display: block;
  color: #60c9a5;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 25px;
}

.contact-main h2 {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 700;
}

.contact-info .contact-social-links {
  list-style: none;
}

.contact-info .contact-social-links .contact-social-icon-one {
  list-style: none;
  padding-left: 0px;
  margin-top: 8px;
}

.contact-info .contact-social-links .contact-social-icon-one li {
  display: inline-block;
  margin-right: 22px;
}

.contact-info .contact-social-links .contact-social-icon-one a {
  color: #212529;
  text-decoration: none;
}

.container-map {
  display: block;
  width: 100%;
  height: 400px;
  background-color: grey;
}

/*#endregion End Contact page*/
/*#endregion End Place Import Files Pages*/
html {
  scroll-behavior: smooth;
}

/*#region start flip-hover section*/
.container-card-flip-hover {
  font-family: 'Cairo',sans-serif;
  /*  background: #333132; */
  font-family: 'Cairo', sans-serif;
  text-align: right;
}

.card-flip-hover {
  /*  margin: auto ; */
  margin-top: 80px;
  margin-bottom: 100px;
  width: 300px;
  height: 400px;
  background-color: #fff;
  transform: perspective(2000px);
  transform-style: preserve-3d;
  box-shadow: inset 300px 0px 50px rgba(0, 0, 0, 0.5), 0 20px 100px rgba(0, 0, 0, 0.5);
  transition: 1s;
}

.card-flip-hover:hover {
  transform: perspective(2000px) rotate(10deg);
  box-shadow: inset 20px 0px 50px rgba(0, 0, 0, 0.5), 0 10px 100px rgba(0, 0, 0, 0.5);
}

.card-flip-hover::before {
  content: '';
  position: absolute;
  top: -5px;
  right: 0px;
  width: 100%;
  height: 5px;
  background-color: #fdb913;
  transform-origin: bottom;
  transform: skewx(45deg);
}

.card-flip-hover:after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: 5px;
  height: 100%;
  background-color: #fdb913;
  transform-origin: left;
  transform: skewy(45deg);
}

.card-flip-hover .imgBox {
  width: 100%;
  height: 100%;
  position: relative;
  transform-origin: right;
  transition: 1s cubic-bezier(0.15, 1.7, 0.84, 0.58);
  z-index: 1;
}

.card-flip-hover:hover .imgBox {
  transform: rotateY(135deg);
}

.card-flip-hover .details {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 20px;
  z-index: -1;
}

.details-bottom {
  box-sizing: border-box;
  margin-top: 160px;
  font-family: 'Cairo', sans-serif;
  color: black;
}

@media (max-width: 767.98px) {
  .details-bottom {
    margin-top: 0px;
    margin-bottom: 60px;
  }
}

@media (max-width: 350px) {
  .card-flip-hover {
    width: 250px;
    height: 350px;
    text-align: center;
  }
  .card-flip-hover .details p {
    font-size: 12px;
  }
  .card-flip-hover .imgBox img {
    width: 250px;
    height: 350px;
  }
  .details-bottom {
    margin-top: 0px;
    margin-bottom: 60px;
  }
}

/*#endregion start flip-hover section*/
/*# sourceMappingURL=style-rtl.css.map */