[nav-logo] {
  cursor: pointer;
}

.logo-link {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0);
}

._container {
  max-width: 1482px;
  margin: 0 auto !important;
}

@media screen and (max-width: 1200px) {
  .sec-3 .sec-3-img {
    width: 400px;
  }
  .sec-3 .go-back, .sec-3 .go-front {
    margin-right: 0px !important;
  }
  ._container {
    padding: 0px 15px !important;
  }
  .apps-img {
    width: 100%;
    height: 100%;
  }
  .app p {
    font-size: 14px;
  }
  .app .arrow {
    transform: scale(0.9);
    top: -5px;
    left: -5px;
  }
  .app .w-fit img {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .sec-3 header {
    margin-bottom: 0px !important;
  }
  .sec-3 .sec3-img-container {
    text-align: center;
  }
  .sec-3 .sec-3-img {
    position: static;
    transform: translate(0, 0);
    top: unset;
    left: unset;
    margin: auto;
    width: 400px;
  }
  .sec-3 .solutions {
    padding-bottom: 50px;
  }
  .sec-3 .solutions .s-group {
    width: 50% !important;
    padding: 0 5px;
  }
  .sec-3 .solutions .solution {
    margin: 10px 0 !important;
    width: 100% !important;
  }
  .apps-section {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    width: 100%;
  }
  .apps-section .apps-img {
    width: 100%;
    height: 400px;
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .nav-bar {
    background-color: #fff;
  }
  .nav-bar ._container {
    position: relative;
  }
  .nav-bar .links {
    position: absolute;
    flex-direction: column;
    align-items: flex-start;
    top: 130%;
    background-color: #fafafa;
    width: 103% !important;
    padding: 0 50px;
    height: 0px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    right: -10px;
  }
  .text-arabic {
    width: 90%;
  }
}
@media screen and (max-width: 772px) {
  [nav-download] {
    display: none;
  }
  .download-links {
    text-align: center;
  }
  .nav-bar .links [nav-download] {
    display: block;
    margin-right: -10px;
  }
  .sec-3 {
    max-height: unset;
  }
  .sec-3 .sec3-img-container {
    text-align: center;
  }
  .sec-3 .solutions .s-group {
    width: 100% !important;
    padding: 0;
  }
  .sec-3 .solutions .solution {
    margin: 10px !important;
  }
  .center-when-sm {
    text-align: justify;
    -moz-text-align-last: center;
         text-align-last: center;
  }
  .dhgsf {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 550px) {
  .sec-3-img {
    width: 300px !important;
  }
  footer .footer-links .row {
    flex-direction: column;
  }
  footer .footer-links .row .col-6:first-child {
    order: 2;
  }
  footer .footer-links .row .col-6:last-child {
    order: 1;
    margin-bottom: 20px;
    margin-left: -40px;
  }
  .txt-24, .pros-header {
    font-size: 24px;
  }
  .txt-18 {
    font-size: 18px;
  }
  .text-16 {
    font-size: 16px;
  }
  .hero header h1 {
    font-size: 25px;
  }
  .hero p.fs-24 {
    font-size: 16px;
  }
}
.rotate-logo {
  transform: rotate(225deg);
}

.responsive-nav {
  height: 270px !important;
  overflow: hidden;
  padding: 10px 50px;
  padding-top: 20px !important;
}
.responsive-nav a {
  color: #7A5AF8;
}/*# sourceMappingURL=responsive.css.map */