* {
  font-family: Helvetica, Arial, sans-serif;
}

html, body {
  height: 100%;
  margin: 0;
}



.mrg-left {
  margin-left: -80px !important;
}

.wrapper {
  min-height: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}


.left-border {
  border-left: solid 0.5px;
}

.bg-img {
  background-image: url('../img/right circle.svg');
  background-repeat: no-repeat;
  background-size: cover;
  right: -95px;
}

.GENERATION-C {
  height: 45px;
  font-family: Helvetica;
  
  line-height: 1.21;
   text-align: left;
  color: #4067b0;
}
.GENERATION-C-Underline{
   position: relative;
 
}



.GENERATION-C-Underline::after {
  content: '';
  height: 7px;
  width: 10%;
  background: #52c8ef;
  position: absolute;
  left: calc(50% - 50%);
  bottom: -10px;
}


.GENERATION-C .text-style-1 {
  font-weight: bold;
}

.About-Us {
  
  font-family: Helvetica;
  font-size: 55px;
  /* font-weight: normal; */
  /* font-stretch: normal; */
  /* font-style: normal; */
  line-height: 1.2;
  /* letter-spacing: normal; */
  text-align: left;
  color: #4067b0;
}

.About-Us-Underline{
  position: relative;

}



.About-Us-Underline::after {
 content: '';
 height: 7px;
 width: 10%;
 background: #52c8ef;
 position: absolute;
 left: calc(50% - 50%);
 bottom: -10px;
}

.Mission-Vision-H{
  font-family: Helvetica;
  font-size: 55px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #4067b0;
}

.Mission-Vision-Underline{
  position: relative;

}



.Mission-Vision-Underline::after {
 content: '';
 height: 7px;
 width: 14%;
 background: #52c8ef;
 position: absolute;
 left: calc(50% - 50%);
 bottom: -10px;
}

.Services-Underline{
  position: relative;

}



.Services-Underline::after {
  content: '';
  height: 7px;
  width: 3%;
  background: #52c8ef;
  position: absolute;
  left: calc(50% - 50%);
  bottom: -15px;
}
.Services-Padding{
  padding-bottom: 100px;
}

.Website-development-Underline{
  position: relative;

}


.Website-development-Underline::after {
  content: '';
  height: 8px;
  width: 8%;
  background: #52c8ef;
  position: absolute;
  left: calc(142% - 50%);
  bottom: -21px;
}

.Mobile-development-Underline{
  position: relative;

}


.Mobile-development-Underline::after {
  content: '';
  height: 8px;
  width: 8%;
  background: #f37621;
  position: absolute;
  left: calc(50% - 50%);
  bottom: -21px;
}


.Software-Systems-Development-Underline{
  position: relative;

}
.soft-section-padding{
  padding: 33px;
}

.Software-Systems-Development-Underline::after {
  content: '';
  height: 8px;
  width: 8%;
  background: #4067b0;
  position: absolute;
  left: calc(142% - 50%);
  bottom: -21px;
}


.WORLD-CLASS-SOFTWARE {
  /* width: 613px; */
  padding-top: 29px;
  font-family: Helvetica;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: left;
  color: #4067b0;
}
.vision-top-space{
  padding-top: 86px;
}


.contact-us-btn {
  border-radius: 16px;
  color: #ffffff;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  background-image: linear-gradient(to right, #f2ab38 7%, #e57b00 96%) ;
  background-image: -moz-linear-gradient(to right, #f2ab38 7%, #e57b00 96%);
  background-image: -webkit-linear-gradient(to right, #f2ab38 7%, #e57b00 96%);
 }

/* 
.Rectangle-3 {
  width: 100%;
  height: 800px;
  background-image: linear-gradient(to bottom, #08b3eb 4%, #ffffff 99%);
} */

.backpack.dropzone {
  font-family: 'SF UI Display', 'Segoe UI';
  font-size: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 150px;
  font-weight: lighter;
  color: white;
  will-change: right;
  z-index: 2147483647;
  bottom: 20%;
  background: #333;
  position: fixed;
  user-select: none;
  transition: left .5s, right .5s;
  right: 0px;
}

.Builidng {
  width: 660.8px;
  height: 702.2px;
  /* background: transparent linear-gradient(360deg, #FFFFFF 0%, #FFFFFFF6 3%, #FFFFFF00 77%) 0% 0% no-repeat padding-box; */
  opacity: 1;
}

.aboutUs {
  padding-top: 29px;
  width: 363px;
  height: 151px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  text-align: left;
  color: #4067b0;
}



.text-sm-center{
  text-align: right !important;
}
.aboutUs-h {
  /* width: 100%;
  height: 100%; */
   letter-spacing: -1px;
  color: #4067B0;
  opacity: 1;
  font-size: 38px;
}

.aboutUs-hr {
  /* border-bottom: 8px solid #52C8EF;
  opacity: 1;
  color: #52C8EF;
  line-height: 3; */


  
  opacity: 1;
    color: #52C8EF;
    line-height: 4;
     font-size: 7px;
     background: #52C8EF;
}

.aboutUs-hr2 {
  /* border-bottom: 8px solid #52C8EF;
  opacity: 1;
  color: #52C8EF;
  line-height: 3; */

  
  opacity: 1;
    color: #52C8EF;
    line-height: 4;
     font-size: 7px;
     background: #52C8EF;
}
.aboutUs-hr-margin{
  margin-top: -5px;
}

.aboutUs-hr3 {
  /* border-bottom: 8px solid #f37621;
  opacity: 1;
  color: #f37621;
  line-height: 3; */


  opacity: 1;
    color: #f37621;
    line-height: 4;
     font-size: 7px;
     background: #f37621;
}

.aboutUs-hr4 {
 
      opacity: 1;
      color: #4067b0;
      line-height: 4;
       font-size: 7px;
       background: #4067b0;
}

footer.page-footer {
  bottom: 0;
  color: #fff
}

footer a {
  color: #ffffff;
}

.unique-color-blue {
  background-color: #4067B0 !important;
  color: #ffffff;
}

.dev-section, .dev-section2 {
  width: 436.2px;
  height: 443.5px;
  background-color: #f2f2f2;
}

.dev-section2 {
  background-color: #4067b0;
}

.dev-data {
  top: 1925px;
  left: 277px;
  width: 328px;
  height: 432px;
  opacity: 1;
}

.development {
  /* height: 30px; */
  text-align: right;
  font: 30px/36px Helvetica;
  letter-spacing: 0;
  color: #4067B0;
  opacity: 1;
  margin-top: 58px;
}


.development2 {
  /*  
  height: 30px; */
  text-align: left;
  font: 30px/36px Helvetica;
  letter-spacing: 0;
  color: #ffffff;
  opacity: 1;
}



.development3 {
  /*  
  height: 30px; */
  font: 30px/36px Helvetica;
  letter-spacing: 0;
  color: #ffffff;
  opacity: 1;
}

.deskTop {
  margin-left: 53%;
  width: 140px;
  height: 128px;
  /* background: #4067B0 0% 0% no-repeat padding-box; */
  opacity: 1;
}

.mobile {
  /* margin-right: 223px; */
  /* width: 140px; */
  height: 128px;
  /* background: #4067B0 0% 0% no-repeat padding-box; */
  opacity: 1;
}


.Website-development {
  
font-family: Helvetica;
  
font-size: 18px;
  
/* font-weight: normal;
  font-stretch: normal;
  font-style: normal; */
  
line-height: 1.19;
  
/* letter-spacing: normal; */
  
text-align: right;
  
color: #4067b0;
  
padding-top: 29px;
}

.Website-development-rtl {
  
  font-size: 16px;
  line-height: 1.19;
  text-align: right;
  color: #4067b0;
  font-weight: 540;
  padding-top: 29px;

}

.mobile-development {
 padding-top: 29px;
  font-family: Helvetica;
  font-size: 16px;
  /* font-weight: normal;
  font-stretch: normal;
  font-style: normal; */
  line-height: 1.19;
  /* letter-spacing: normal; */
  text-align: left;
  color: var(--white);
}


.services {
  text-align: left;
  font-family: Helvetica;
  letter-spacing: -1px;
  color: #4067B0;
  opacity: 1;
  font-size: 55px;
}


.soft-section {
  /* height: 275% !important; */
  background: #52C8EF 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 869.3px;
  height: 510.5px;
}

/* 
.navbar-dark .navbar-nav .nav-link {
  color: #FFFFFF;
  letter-spacing: normal;
 
}

.nav-item2{
  margin-right: 10px;
padding-left: 10px !important;
}
 */

.dev {
  margin-top: -15px;
}

.Website-development-title {
  text-align: right!important;
}

.Website-development-title-arabice {
  text-align: left!important;
}

.show-hide-2 {
  display: none;
}

.top-space {
  top: 311px;
}

.text-alliment {
  text-align: right;
}
.text-alliment-arabice {
  text-align: left;
}

.builidng-right{
  right: 2px;
}

.builidng-right-arabic{
  right: -3px;
}
.text-right-arabic{
  text-align: left!important;
}
.ml-5-2{
  margin-left: 3rem;
}
.direction{
  direction: ltr;
} 
.mr-5-e {
  margin-left: -5rem!important;
}

.ml-5-e {
  margin-left: 5rem!important;
}

/* 
  .Builidng-bg-img{
    background-image: url('../img/Builidng.svg') ;
  background-repeat: no-repeat;
  background-size: cover;
 
  } */

.mission-vision {
  padding-top:29px;
  width: 409px;
  height: 138px;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: #4067b0;
}


.system-development {
  /* width: 476px; */
  /* height: 102px; */
  font-family: Helvetica;
  /* font-size: 16px; */
  /* font-weight: normal; */
  /* font-stretch: normal; */
  /* font-style: normal; */
  line-height: 1.19;
  /* letter-spacing: normal; */
  text-align: right;
  color: var(--white);
  padding-top: 29px;
}


.vl {
  border-left: 3px solid #ffffff;
  height: 200px;
}

.E-mail-infogen-ccom {
  width: 192px;
  height: 18px;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: var(--white);
}

.Services-footer {
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #f2f2f2;
}

.Quick-Links {
  width: 121px;
  height: 20px;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: var(--white);
}

.left-circle {
  width: 471px;
  height: 334px;
  object-fit: contain;
  margin-top: -187px;
}

.right-circle {
  background-image: url('../img/right circle.svg');
  width: 308px;
  height: 657px;
  object-fit: contain;
}

.coloured-circles {
  width: 86px;
  height: 491px;
  object-fit: contain;
  left: 1215px;
  padding-left: 70px;
  top: -458px;
}

.navbar-light .navbar-nav .nav-link {
  color: #4067b0 !important;
}

.nav-link:hover {
  /* border-top: #52c8ef solid 1px;
  border-bottom: #52c8ef solid 1px; */
  font-weight: bold;
}
/* 
.hover-color:hover{
  color: #52c8ef !important;
  font-weight: bold;

} */
/* 
.nav-item>div>:hover{
  color: #52c8ef !important;
  font-weight: bold;
} */

.active {
  font-weight: bold;
}

.short-underline{
  position: relative;
/* font-size: 18px; */
/* z-index: 1; */
}


.short-underline:hover::after{
content:'';
height:2px;
width:30%;
background: #52c8ef;
position: absolute;
left:calc(50% - 15%);
bottom: 2px;
}

.short-overline{
 position: relative;
}


.short-underline:hover::before{
content:'';
height:2px;
width:30%;
background:#52c8ef;
position: absolute;
right: calc(50% - 15%);
top: 2px;
}


.short-overline:hover::before{
content:'';
height:2px;
width:30%;
background:#52c8ef;
position: absolute;
left:calc(50% - 15%);
top: 2px;
}


/* 
.active::before {
  content: '';
  height: 2px;
  width: 2%;
  background: #52c8ef;
  position: absolute;
  left: calc(36.5% - -27%);
  top: 45px;
}




.active::after {
  content:'';
height:2px;
width:2%;
background: #52c8ef;
position: absolute;
left:calc(36.5% - -27%);
bottom: 44px;
} */


.active::before {
  content:'';
  height:2px;
  width:30%;
  background:#52c8ef;
  position: absolute;
  left:calc(50% - 15%);
  top: 2px;
}




.active::after {
  content:'';
height:2px;
width:30%;
background: #52c8ef;
position: absolute;
left:calc(50% - 15%);
bottom: 2px;
}
/* 

.hover-color{
  color: #52c8ef !important;

}
/* 
.hover-color:active{
  color: #52c8ef !important;
  font-weight: bold;

} */ 

/* 
.nav-item:hover>.showHide {
  visibility: visible;
  color: #52c8ef !important;
} */
/* 
.showHide {
  visibility: hidden;
}
.showHide2 {
  visibility: visible;
  color: #52c8ef !important;
} */


.nav-link:active {
  font-weight: bold;
}
/* 
.nav-item:active>.showHide {
  visibility: visible;
  color: #52c8ef !important;
} */

.bg-img-final {
  background-image: url('../img/GEN-C final Landing page .png');
   
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-final-arabice {
  background-image: url('../img/GEN-C\ Landing\ page\ –\ Arabic.png');
   
  background-repeat: no-repeat;
  background-size: cover;
}
.plr-6{
  padding-left: 4rem;
  padding-right: 4rem;
}
  /* 
html { 
  background:  url('../img/GENC\ BACKGROUND.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */

.Mobile-web-screen-img {
  width: 525px;
  height: 454px;
}

.Services-Web-screen {
  width: 100%;
}

.Services-Web-screen-float {
  float: left;
}

.pr-6 {
  padding-right: 6rem!important
}
.pr-6-arabice {
  padding-right: 0rem!important;
}
.tower {
  width: 737px;
  height: 1017px;
  /* background: transparent linear-gradient(360deg, #FFFFFF 0%, #FFFFFFF6 3%, #FFFFFF00 77%) 0% 0% no-repeat padding-box; */
  opacity: 1;
  object-fit: contain;
}

.nav-item{
  padding: 10px;
}
.contact-us-matgin-top{
  margin-top: 101px;
}
.aboutUs-margin-top{
  margin-top: 240px;
}
.footer-margin-top {
  margin-top: 149px;
}
.mail-icon{
  padding-right: 15px;
}

 
.about-us-padding-top{
  padding-top: 4rem!important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 750px) {

  .dev-section, .dev-section2 {
    width: 436.2px;
    height: 503.5px;
    background-color: #f2f2f2;
  }
  

  .mission-vision{
    width: 100%;
    height: 100%;
  }
  .dev-section2, .dev-section{
    width: 100%;
    height: 100%;
  }
 
  .section-services-padding-on-responseve{
  padding: 20px;
 }
  .soft-section {
    height: 150%;
    background: #52C8EF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.Builidng {
  width: 100%;
  height: 100%;
  /* background: transparent linear-gradient(360deg, #FFFFFF 0%, #FFFFFFF6 3%, #FFFFFF00 77%) 0% 0% no-repeat padding-box; */
  opacity: 1;
}

.tower {
  width: 100%;
  height: 100%;
  /* background: transparent linear-gradient(360deg, #FFFFFF 0%, #FFFFFFF6 3%, #FFFFFF00 77%) 0% 0% no-repeat padding-box; */
  opacity: 1;
  object-fit: contain;
}
 
  .ml-5-2{
    margin-left:0 !important;
  }
  .builidng-right{
    right: 0 !important;
  }

  .builidng-right-arabic{
    right: 0px !important;
  }
  .text-alliment {
    text-align: left;
  }
  .dev {
    margin-top: -18px;
  }
  .aboutUs-hr4 {
   
    opacity: 1;
    color: #4067b0;
    line-height: 4;
     font-size: 7px;
     background: #4067b0;
  }
  .mrg-left {
    margin-left: 0px !important;
  }
  .top-space {
    top: 0;
  }
  .left-border {
    border-left: 0;
    padding-left: 0;
  }
  .show-hide-1 {
    display: none;
  }
  .show-hide-2 {
    display: block;
  }
  .none-padding {
    padding-right: 0;
    padding-left: 0;
  }
  .aboutUs {
    width: 100%;
    height: 100%;
    font-size: 18px !important;
  }
  .Website-development-title {
    text-align: left!important;
  }
  .Services-Web-screen-float {
    float: right !important;
  }
  .Website-development {
    text-align: left
  }
  .development {
    text-align: left;
  }
  .development-arabic {
    text-align: right;
  }
  .development3 {
    /* height: 30px; */
    font: 23px/36px Helvetica;
    /* letter-spacing: 0; */
    color: #ffffff;
    opacity: 1;
  }
  .system-development {
    width: 100%;
    height: 100%;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: var(--white);
  }
  .deskTop {
    margin-left: -7px;
    width: 140px;
    height: 128px;
    opacity: 1;
  }
  
  .mobile {
    margin-right: 223px;
    width: 50px;
    height: 128px;
    /* background: #4067B0 0% 0% no-repeat padding-box; */
    opacity: 1;
  }
  .coloured-circles {
    left: 478px !important;
    display: none;
  }
  .left-circle {
    width: 161px;
    height: 239px;
    object-fit: contain;
    margin-top: -187px;
  }
  .bg-img {
    right: -10px;
  }
  .deskTop {
    margin-left: auto;
    width: 140px;
    height: 128px;
    /* background: #4067B0 0% 0% no-repeat padding-box; */
    opacity: 1;
  }
  .aboutUs-hr {
    border-bottom: 3px solid #52C8EF;
    opacity: 1;
    color: #52C8EF;
    line-height: 3;
  }
  .mop-aboutUs-hr {
    font-size: 23px;
  }

  .text-sm-center{
    text-align: center !important;
  }

   

  .deskTop-arabice {
    margin-right: -3px;
    width: 140px;
    height: 128px;
    opacity: 1;
  }

  .mobile-arabic {
    margin-left: 107px;
    width: 140px;
    height: 149px;
    /* background: #4067B0 0% 0% no-repeat padding-box; */
    opacity: 1;
    text-align: right;
    float: right;
  }

.container-responseve-arabice{
  padding: 0px 38px 0 !important;
}


.about-us-padding-top{
  padding-top:0rem!important;
}


.Website-development-title-arabice {
  text-align: right!important;
}

.text-right-arabic{
  text-align: right!important;
}

.text-alliment-arabice {
  text-align: right;
}

.magin-in-responsive{

  margin-top: -148px;
}

.aboutUs-arabice {
  width: 100%;
  height: 100%;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: right;
  color: #4067b0;
}


.Mobile-web-screen-img {
  width: 100%;
  height: 100%;
}
}