/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 21 Dec 2022, 21:44:59
    Author     : ahmed
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : 22 Dec 2022, 16:19:45
    Author     : ahmed
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : 22 Dec 2022, 16:19:18
    Author     : ahmed
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : 22 Dec 2022, 16:19:45
    Author     : ahmed
*/
.main-body {
  margin-top: 77px; }

.navbar-dark, bg-dark {
  background: #373737ff !important; }

.dropdown-menu-dark {
  background: #373737ff !important; }

nav a {
  color: #cfcfcf !important; }
  nav a:hover {
    color: #d8b570 !important; }
nav .navbar-brand {
  font-weight: bold;
  /*color: white !important;*/ }
  nav .navbar-brand:hover {
    /*color: white !important;*/ }

.btn-primary {
  color: black;
  background-image: linear-gradient(45deg, #fcecac, #d8b570, #fcecac);
  border-color: #d8b570; }
  .btn-primary:hover {
    border-color: #fcecac !important;
    box-shadow: inset 0 1px 1px #d8b570, 0 0 2px #d8b570 !important; }

.btn-outline-primary {
  color: #d8b570;
  border-color: #d8b570 !important;
  background-color: transparent !important; }
  .btn-outline-primary:hover {
    border-color: #fcecac !important;
    background-image: linear-gradient(45deg, #fcecac, #d8b570, #fcecac);
    box-shadow: inset 0 1px 1px #d8b570, 0 0 2px #d8b570 !important; }

.nav-tel .modal-header {
  background-color: #d8b570; }

/*input, textArea, .form-control{
    &:focus{
        outline-color: $gold-gradient-color-1 !important;
        border-color: $gold-gradient-color-1 !important;
        box-shadow:$gold-gradient-color-1 !important;
    }
    &:active{
        outline-color: $gold-gradient-color-1 !important;
        box-shadow:$gold-gradient-color-1 !important;
        border-color: $gold-gradient-color-1 !important;
    }
}*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #d8b570 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #d8b570 !important;
  outline: 0 none !important; }

@keyframes MoveUpDown {
  0%, 100% {
    padding-top: 0; }
  50% {
    padding-top: 10px; } }
section {
  /*    margin-top: 3rem;
      margin-bottom: 3rem;*/ }
  section h2 {
    padding-bottom: 1rem; }

.intro {
  max-height: 700px; }
  .intro img {
    max-height: 700px;
    object-fit: cover; }
  .intro .carousel-inner .text {
    bottom: 2rem;
    top: 2rem;
    display: flex !important;
    flex-direction: column;
    justify-content: center; }
    .intro .carousel-inner .text h1, .intro .carousel-inner .text h2, .intro .carousel-inner .text h3, .intro .carousel-inner .text h4, .intro .carousel-inner .text h5, .intro .carousel-inner .text h6 {
      padding: 0.5rem;
      font-weight: bold;
      background-color: #37373788; }
    .intro .carousel-inner .text .animation-container {
      position: absolute;
      bottom: 50px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      height: 30px;
      margin-top: 2rem;
      color: #d8b570;
      text-shadow: 2px 2px 4px #000000; }
      .intro .carousel-inner .text .animation-container .jump-down {
        font-size: 2rem;
        padding: 10px;
        animation: MoveUpDown 2s linear infinite; }

.text-limited-2-lines {
  margin-top: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical; }
  @media (max-width: 576px) {
    .text-limited-2-lines {
      display: none; } }

.intro-welcome-carousel {
  max-height: 700px; }
  .intro-welcome-carousel .caro-container {
    width: 100%;
    padding-top: 56.25%;
    position: relative; }
    .intro-welcome-carousel .caro-container img {
      /*max-height: 700px;*/
      height: 100%;
      width: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .intro-welcome-carousel .carousel-caption {
    width: 80%;
    background: #373737aa;
    border-radius: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    bottom: auto; }

.offers-list .item {
  position: relative;
  margin-top: 1rem; }
  .offers-list .item .photo {
    height: 82%;
    object-fit: cover; }
  .offers-list .item h6 {
    margin-inline-start: 70px;
    white-space: nowrap;
    padding-top: 10px;
    overflow-x: hidden;
    font-weight: bold; }
  .offers-list .item .dev-logo {
    position: absolute;
    bottom: 5%;
    border-radius: 20px;
    background-color: white;
    padding: 2px;
    width: 50px;
    height: 50px;
    margin-inline-start: 10px; }
    .offers-list .item .dev-logo .logo {
      width: 100%;
      padding: 5px; }
  .offers-list .item a {
    text-decoration: none;
    color: black; }
    .offers-list .item a:hover {
      color: #d8b570; }

.developers-list .item {
  position: relative;
  margin-top: 1rem; }
  .developers-list .item .label {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
    overflow-x: hidden;
    text-transform: uppercase;
    color: white;
    background-color: #33333399; }
  .developers-list .item h6 {
    font-weight: bolder !important;
    font-size: 1.1rem; }

.projects-list .item {
  position: relative; }
  .projects-list .item .dev-logo {
    position: absolute;
    bottom: 0;
    border-radius: 20px;
    background-color: white;
    padding: 2px;
    width: 100px;
    height: 100px;
    margin-inline-start: 10px; }
    .projects-list .item .dev-logo .logo {
      width: 100%;
      padding: 10px; }
.projects-list .category {
  background: #fcecac;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
.projects-list .text-limited-lines {
  margin-top: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical; }

footer {
  background-color: #373737ff;
  color: #cfcfcf; }
  footer a {
    color: #cfcfcf; }
    footer a:hover {
      color: #d8b570; }
  footer h5 {
    /*color: linear-gradient(180deg, red, yellow);*/
    color: #d8b570;
    padding-bottom: 0.8rem; }
  footer ul li {
    padding-bottom: 0.8rem; }
  footer i {
    margin-inline-end: 1rem; }
  footer .logo {
    margin-top: -10px;
    padding-bottom: 0.6rem; }
  footer .subscribe-mail {
    background-color: #222222;
    border-color: #11111199;
    max-width: 300px;
    color: #cfcfcf; }
    footer .subscribe-mail:focus {
      background-color: #222222 !important;
      border-color: #fcecac !important;
      box-shadow: inset 0 1px 1px #d8b570, 0 0 2px #d8b570;
      color: #cfcfcf; }
  footer .social-media-links i {
    color: #d8b570; }

ul.no-bullets {
  list-style-type: none;
  /* Remove bullets */
  padding: 0;
  /* Remove padding */
  margin: 0;
  /* Remove margins */ }

ul.ul-horizontal li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px; }

.footer-end {
  background-color: #111111; }

.parallax {
  background-image: url("../static");
  min-height: 70vh;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media only screen and (max-device-width: 1366px) {
    .parallax {
      background-attachment: scroll; } }
  .parallax .parallax-buttons {
    align-content: center;
    text-align: center; }
    .parallax .parallax-buttons a, .parallax .parallax-buttons button {
      width: 16rem;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      font-weight: bold; }

.requestservice-page {
  padding-top: 4rem;
  padding-bottom: 4rem; }
  .requestservice-page .requestservice {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    /*position: relative;*/ }
    .requestservice-page .requestservice img {
      display: block;
      /*bottom: 0;*/
      /*position: absolute;*/
      /*z-index: -1000;*/
      width: 90%; }
    .requestservice-page .requestservice h1 {
      margin-bottom: 2rem; }
  .requestservice-page .requestservice-form {
    color: #cfcfcf;
    background: #373737ff;
    border-radius: 5px;
    padding: 1rem; }

.can-help {
  /*background-color: $nav-background-color;*/
  color: #cfcfcf; }

.project .images .images-list {
  border-radius: 10px;
  background: #373737ff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%; }
  .project .images .images-list img {
    display: block;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px; }
  @media (max-width: 575px) {
    .project .images .images-list img {
      height: 40px; } }
  .project .images .images-list a {
    height: 100%; }
.project .images #selected_image img {
  width: 100%; }
.project .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.project .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.horizontal-scroll .carousel-control-prev,
.horizontal-scroll .carousel-control-next {
  background-color: #e1e1e1;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%); }

/*# sourceMappingURL=main.css.map */