@charset "UTF-8";
@import url(../vendor/bootstrap/dist/css/bootstrap.css);
@import url(../vendor/font-awesome/css/font-awesome.min.css);
@import url(../vendor/animate/animate.css);
@import url(../vendor/toastr/toastr.css);
/* Using SCSS variables to store breakpoints */
/* line 127, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.section-1 {
  background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%); }

/* line 131, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.section-2 {
  background: linear-gradient(90deg, #ff7f50 0%, #ff1493 100%); }

/* line 135, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.section-3 {
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%); }

/* line 150, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.box-1 {
  border: 5px solid;
  border-image: linear-gradient(0deg, var(--primary-color), var(--secondary-color)) 1; }

/* line 154, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.box-2 {
  border: 6px dashed;
  border-image: linear-gradient(45deg, #ff7f50, #ff1493) 1; }

/* line 158, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_mixins.scss */
.box-3 {
  border: 5px solid;
  border-image: linear-gradient(180deg, var(--primary-color), var(--secondary-color)) 1; }

/* General
==========================*/
/* line 3, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
*, *:focus {
  outline: none !important; }

@font-face {
  font-family: 'SomarSans-ExtraBold';
  src: url(../vendor/fonts/SomarSans-ExtraBold.otf); }

@font-face {
  font-family: 'SomarSans-Bold';
  src: url(../vendor/fonts/SomarSans-Bold.otf); }

@font-face {
  font-family: 'SomarSans-ExtraLight';
  src: url(../vendor/fonts/SomarSans-ExtraLight.otf); }

@font-face {
  font-family: 'SomarSans-Light';
  src: url(../vendor/fonts/SomarSans-Light.otf); }

@font-face {
  font-family: 'SomarSans-Regular';
  src: url(../vendor/fonts/SomarSans-Regular.otf); }

/* line 29, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
:root {
  --somar-EBold: 'SomarSans-ExtraBold';
  --somar-Bold: 'SomarSans-Bold';
  --somar-ELight: 'SomarSans-ExtraLight';
  --somar-Light: 'SomarSans-Light';
  --somar-Regular: 'SomarSans-Regular';
  --primary-color: #6643BA;
  --secondary-color: #A277E0;
  --title-color: #505050;
  --text-color: #777;
  --white-color: #fff;
  --tn-cube-1: cubic-bezier(0.79, 0.12, 0.25, 1); }

/* line 48, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.particle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3; }

@media (prefers-reduced-motion: no-preference) {
  /* line 59, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
  :root {
    scroll-behavior: inherit; } }

/* line 63, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
html {
  font-size: 100%;
  scroll-behavior: smooth; }

/* line 68, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff; }
  /* line 77, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
  #preloader .preloader-logo {
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    position: absolute;
    transform: translateY(-50%); }
    /* line 84, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
    #preloader .preloader-logo img {
      margin: 0 auto;
      height: 50px; }

/* line 93, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
body {
  font-family: var(--somar-Light);
  color: var(--text-color);
  background: var(--white-color);
  font-size: 17px;
  line-height: 35px;
  font-family: 'SomarSans-Light';
  direction: rtl;
  text-align: right;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

/* line 106, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; }

/* line 111, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.main {
  position: relative;
  margin-top: 100px; }
  @media (max-width: 991px) {
    /* line 111, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
    .main {
      margin-top: 80px; } }

@media (min-width: 1600px) {
  /* line 120, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
  .wrapper {
    margin: 0 auto; } }

/* Headings
========================== */
/* line 129, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0; }

/* line 133, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.title {
  font-size: 30px;
  line-height: 75px;
  color: #333; }

/* line 138, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.title-sm {
  font-size: 24px;
  line-height: 24px; }

/* Paragraph
========================== */
/* line 144, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
p {
  margin: 0; }

/* line 149, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.split-line {
  display: inline !important; }

/* Images
==========================*/
/* line 155, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
img {
  display: block;
  max-width: 100%;
  height: auto; }

/* Lists
========================== */
/* line 163, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }

/*social list*/
/* line 170, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
ul.social-list {
  display: flex; }
  /* line 173, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
  ul.social-list li a {
    color: #666;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    transition: all 0.4s; }
    /* line 180, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
    ul.social-list li a:hover {
      color: #505050; }

/* Links
==========================*/
/* line 189, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
a {
  text-decoration: none;
  color: #723e90;
  display: inline-block; }

/* line 194, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
a, a:hover a:focus {
  text-decoration: none !important; }

/* line 197, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
a.more {
  position: relative;
  color: var(--primary-color);
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 5px;
  font-family: 'SomarSans-ExtraBold';
  border-bottom: 1px solid #723e90;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out; }

/* line 210, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
a.more:after {
  display: block;
  position: absolute;
  content: "\f177";
  line-height: 25px;
  font-family: 'fontAwesome';
  top: 5px;
  left: 0px;
  font-size: 17px;
  margin-left: -25px;
  width: 32px;
  padding-bottom: 5px;
  padding-right: 15px;
  border-bottom: 1px solid; }

/* line 225, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
a.more:hover {
  color: var(--secondary-color);
  border-bottom-color: var(--secondary-color); }

/* Buttons
========================*/
/* line 232, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
.custom-btn {
  width: auto;
  margin: 0;
  background-color: #723e90;
  border: none;
  box-shadow: none;
  padding: 13px 20px;
  color: #fff;
  font-family: 'SomarSans-Bold';
  transition: all 0.4s; }
  /* line 242, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_general.scss */
  .custom-btn:hover {
    opacity: 0.8; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
section {
  position: relative; }

/* line 4, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-lg {
  padding: 75px 0; }

/* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-md {
  padding: 60px 0; }

/* line 10, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-sm {
  padding: 55px 0; }

/* line 14, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-head .head-light {
  font-family: 'SomarSans-ExtraLight';
  font-size: 14px; }

/* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-head .section-title {
  position: relative;
  display: inline-block;
  font-family: var(--somar-Bold);
  font-size: 28px;
  line-height: 47px;
  color: #505050;
  z-index: 10;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-head .section-title {
      font-size: 25px;
      line-height: 40px; } }
  @media (max-width: 767px) {
    /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-head .section-title {
      font-size: 22px;
      line-height: 35px; } }

/* line 36, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-head p {
  line-height: 36px;
  font-size: 18px; }
  @media (max-width: 991px) {
    /* line 36, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-head p {
      line-height: 34px;
      font-size: 17px; } }
  @media (max-width: 767px) {
    /* line 36, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-head p {
      line-height: 32px;
      font-size: 16px; } }

/* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
.section-content p {
  line-height: 36px;
  margin-bottom: 10px;
  font-size: 18px; }
  @media (max-width: 991px) {
    /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-content p {
      line-height: 34px;
      font-size: 17px; } }
  @media (max-width: 767px) {
    /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_sectionSettings.scss */
    .section-content p {
      line-height: 32px;
      font-size: 16px; } }

/* Forms
========================== */
/* line 3, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-group {
  position: relative;
  margin-bottom: 25px; }

/* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control {
  height: 55px;
  padding: 0 15px;
  background-color: #f8f8f8;
  color: #fff;
  border: none;
  border-right: 2px solid transparent;
  border-radius: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* line 24, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control:hover,
.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* line 30, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control:focus {
  background-color: #f8f8f8;
  border: none;
  border-right: 2px solid #723e90; }

/* line 36, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
textarea.form-control {
  height: auto;
  resize: none;
  padding-top: 15px; }

/* line 42, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control::-webkit-input-placeholder {
  color: #505050;
  font-size: 15px; }

/* line 46, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control::-moz-placeholder {
  color: #505050;
  font-size: 15px; }

/* line 50, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_forms.scss */
.form-control:-input-placeholder {
  color: #505050;
  font-size: 15px; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pt-200 {
  padding-top: 200px; }

/* line 4, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pb-120 {
  padding-bottom: 120px; }

/* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pt-100 {
  padding-top: 100px; }

/* line 10, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pb-70 {
  padding-bottom: 70px; }

/* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pt-65 {
  padding-top: 65px; }

/* line 16, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pt-60 {
  padding-top: 60px; }

/* line 19, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pb-50 {
  padding-bottom: 50px; }

/* line 22, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.pt-30 {
  padding-top: 30px; }

/* line 26, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mt-100 {
  margin-top: 100px; }

/* line 29, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-50 {
  margin-bottom: 50px; }

/* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-45 {
  margin-bottom: 45px; }

/* line 35, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-40 {
  margin-bottom: 40px; }

/* line 38, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-35 {
  margin-bottom: 35px; }

/* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-30 {
  margin-bottom: 30px; }

/* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-25 {
  margin-bottom: 25px; }

/* line 47, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-20 {
  margin-bottom: 20px; }

/* line 50, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-15 {
  margin-bottom: 15px; }

/* line 53, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.mb-10 {
  margin-bottom: 10px; }

/*general classes*/
/* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.purble {
  color: var(--primary-color); }

/* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.no-margin {
  margin: 0 !important; }

/* line 67, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.margin-top-60 {
  margin-top: 60px; }

/* line 70, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
.margin-top-30 {
  margin-top: 30px; }

@media (max-width: 991px) {
  /* line 75, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_misc.scss */
  .hidden-lg {
    display: none; } }

/* icon-box
========================== */
/* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
.icon-box {
  margin-bottom: 0px;
  text-align: center; }
  /* line 9, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box .icon-box-head {
    overflow: hidden;
    margin-bottom: 15px; }
    /* line 12, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
    .icon-box .icon-box-head .icon {
      display: inline-block;
      margin-bottom: 10px; }
      /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
      .icon-box .icon-box-head .icon img {
        height: 55px; }
  /* line 20, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box .title {
    display: block;
    font-family: 'SomarSans-Bold';
    line-height: 32px;
    font-size: 22px;
    color: #505050; }
    @media (max-width: 767px) {
      /* line 20, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
      .icon-box .title {
        line-height: 30px;
        font-size: 20px; } }
  /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box .icon-box-body p {
    line-height: 36px;
    font-size: 18px; }
    @media (max-width: 991px) {
      /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
      .icon-box .icon-box-body p {
        line-height: 34px;
        font-size: 17px; } }
    @media (max-width: 767px) {
      /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
      .icon-box .icon-box-body p {
        line-height: 32px;
        font-size: 16px; } }

/* Icon-Box-List */
/* line 54, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
.icon-box.list {
  overflow: hidden;
  text-align: right; }
  /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box.list .icon-box-head {
    float: right;
    width: 50px;
    margin: 0; }
    /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
    .icon-box.list .icon-box-head .icon {
      width: 50px;
      height: auto;
      margin: 0; }
      /* line 65, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
      .icon-box.list .icon-box-head .icon img {
        height: auto; }
  /* line 70, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box.list .icon-box-body {
    padding-right: 70px; }
    /* line 71, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
    .icon-box.list .icon-box-body .title {
      margin-bottom: 10px; }

/* line 89, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
.icon-box.block {
  position: relative;
  text-align: right; }
  /* line 92, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
  .icon-box.block .icon-box-head {
    display: flex;
    align-items: center;
    gap: 15px; }
    /* line 96, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/global/_iconBox.scss */
    .icon-box.block .icon-box-head .icon {
      margin: 0; }

/* Header
==========================*/
/* line 3, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
.header {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background: #f8f8f8;
  border-bottom: 4px solid #f1f1f1;
  z-index: 100; }
  /* line 11, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
  .header > .container {
    position: relative;
    margin-bottom: -100px; }
    @media (max-width: 991px) {
      /* line 11, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
      .header > .container {
        margin-bottom: 0; } }
  /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
  .header .logo {
    display: block;
    position: relative;
    float: right;
    background: #fff;
    padding: 20px 0 20px 90px;
    z-index: 9; }
    @media (max-width: 991px) {
      /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
      .header .logo {
        padding: 20px 0 20px 50px; } }
    /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
    .header .logo:before {
      content: "";
      position: absolute;
      background-color: #fff;
      width: 900%;
      height: 100px;
      top: 0;
      z-index: 9;
      left: 100%; }
      @media (max-width: 991px) {
        /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .logo:before {
          height: 80px; } }
    /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
    .header .logo img {
      height: 60px; }
      @media (max-width: 991px) {
        /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .logo img {
          height: 50px; } }
  @media (min-width: 992px) {
    /* line 49, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
    .header .navbar-collapse {
      display: block; }
      /* line 53, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
      .header .navbar-collapse .nav-main ul.navbar-nav {
        position: relative;
        float: left;
        display: flex;
        flex-direction: row;
        border: 5px solid;
        border-image: linear-gradient(270deg, var(--primary-color), var(--secondary-color)) 1;
        border-right: 0;
        border-bottom: 0;
        border-left: 0; }
        /* line 62, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .navbar-collapse .nav-main ul.navbar-nav:after {
          position: absolute;
          content: "";
          top: -5px;
          left: -100%;
          width: 100%;
          border: 5px solid;
          border-image: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) 1;
          border-right: 0;
          border-bottom: 0;
          border-left: 0; }
        /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .navbar-collapse .nav-main ul.navbar-nav > li > a {
          position: relative;
          font-family: 'SomarSans-Bold';
          font-size: 18px;
          color: #333;
          padding: 35px 25px 20px 25px;
          line-height: 25px;
          margin-left: 7px;
          text-transform: capitalize; }
          /* line 90, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
          .header .navbar-collapse .nav-main ul.navbar-nav > li > a:hover, .header .navbar-collapse .nav-main ul.navbar-nav > li > a:focus {
            background: none; }
          /* line 94, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
          .header .navbar-collapse .nav-main ul.navbar-nav > li > a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 0%;
            background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            z-index: -1;
            opacity: 0;
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out; }
        /* line 109, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .navbar-collapse .nav-main ul.navbar-nav > li:hover > a,
        .header .navbar-collapse .nav-main ul.navbar-nav > li.active > a {
          color: #fff; }
        /* line 113, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .navbar-collapse .nav-main ul.navbar-nav > li:hover > a:before,
        .header .navbar-collapse .nav-main ul.navbar-nav > li.active > a:before {
          opacity: 1;
          height: 100%; } }
  @media (max-width: 991px) {
    /* line 127, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
    .header .navbar-collapse {
      background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
      max-height: 300px;
      width: 100%;
      overflow: hidden; }
      /* line 132, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
      .header .navbar-collapse .nav-main {
        padding: 10px 0;
        clear: both;
        display: block;
        float: none;
        width: 100%; }
        /* line 138, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
        .header .navbar-collapse .nav-main ul.navbar-nav {
          float: none;
          padding: 0;
          margin: 0; }
          /* line 142, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
          .header .navbar-collapse .nav-main ul.navbar-nav li {
            padding: 0 0 1px 0;
            margin: 0;
            clear: both;
            float: none;
            display: block; }
            /* line 148, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
            .header .navbar-collapse .nav-main ul.navbar-nav li a {
              position: relative;
              display: block;
              z-index: 2;
              overflow: hidden;
              color: #fff;
              padding: 10px 8px;
              font-family: 'SomarSans-Bold';
              font-size: 15px;
              opacity: 1; }
              /* line 158, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
              .header .navbar-collapse .nav-main ul.navbar-nav li a:focus {
                background: none; }
              /* line 161, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
              .header .navbar-collapse .nav-main ul.navbar-nav li a:hover {
                background: transparent;
                opacity: 0.8; }
            /* line 166, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
            .header .navbar-collapse .nav-main ul.navbar-nav li.active > a,
            .header .navbar-collapse .nav-main ul.navbar-nav li.active > a:hover {
              background: transparent; } }

/*btn-responsive-nav*/
/* line 183, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
.btn-responsive-nav {
  display: none;
  float: left;
  margin-top: 20px;
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color: #fff;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out; }
  /* line 191, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
  .btn-responsive-nav:hover {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: #fff;
    opacity: 0.8; }
  @media (max-width: 991px) {
    /* line 183, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_header.scss */
    .btn-responsive-nav {
      display: block; } }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
.footer {
  position: relative;
  background: #fff; }
  /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
  .footer > .container {
    position: relative;
    right: 15px;
    background-color: #f8f8f8;
    color: #fff;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 44px; }
    @media (max-width: 767px) {
      /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
      .footer > .container {
        padding-top: 30px;
        padding-bottom: 25px; } }
    /* line 17, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container:before, .footer > .container:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 500px;
      top: 120px;
      right: -100%;
      left: auto;
      background: linear-gradient(273deg, var(--primary-color) 0%, var(--secondary-color) 100%); }
    /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container:after {
      top: 0;
      left: -100%;
      right: auto;
      background-color: #f8f8f8; }
    /* line 35, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container .footer-logo img {
      margin: auto;
      height: 60px; }
      @media (max-width: 767px) {
        /* line 35, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
        .footer > .container .footer-logo img {
          height: 40px; } }
    /* line 42, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container .footer-logo .footer-about {
      margin: 20px 0; }
      /* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
      .footer > .container .footer-logo .footer-about p {
        font-size: 17px;
        line-height: 35px;
        color: #777; }
        @media (max-width: 767px) {
          /* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
          .footer > .container .footer-logo .footer-about p {
            font-size: 15px;
            line-height: 32px; } }
    /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container .footer-contact {
      background-color: #f1f1f1;
      padding: 7px 15px;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
        .footer > .container .footer-contact {
          flex-direction: column;
          padding: 15px 5px 0px; } }
      /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
      .footer > .container .footer-contact span {
        display: block;
        font-family: 'SomarSans-ExtraLight';
        line-height: 25px;
        font-size: 14px;
        color: #777; }
        @media (max-width: 767px) {
          /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
          .footer > .container .footer-contact span {
            margin-bottom: 15px; } }
        /* line 73, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
        .footer > .container .footer-contact span i {
          position: relative;
          top: 2px;
          font-size: 20px;
          color: #723e90;
          margin-left: 5px; }
    /* line 84, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .footer > .container .social-list {
      justify-content: center;
      margin-top: 20px; }

/* line 91, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
.copy-right {
  position: relative;
  text-align: center;
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  z-index: 10;
  padding: 15px 0;
  line-height: 30px;
  color: #fff;
  font-family: 'SomarSans-Bold';
  font-size: 14px;
  word-spacing: 2px; }
  @media (max-width: 767px) {
    /* line 91, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_footer.scss */
    .copy-right {
      font-size: 13px; } }

/* Page-Header
========================== */
/* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
.page-header {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: center;
  height: 210px;
  border-bottom: 0; }
  @media (max-width: 991px) {
    /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
    .page-header {
      height: 150px; } }
  @media (max-width: 767px) {
    /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
    .page-header {
      height: 110px; } }
  /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
  .page-header:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.01);
    z-index: 1; }
  /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
  .page-header .container {
    position: relative;
    height: 210px; }
    @media (max-width: 991px) {
      /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header .container {
        height: 150px; } }
    @media (max-width: 767px) {
      /* line 28, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header .container {
        height: 110px; } }
    /* line 37, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
    .page-header .container:after {
      position: absolute;
      content: "";
      width: 190%;
      top: 0;
      right: calc(100% - 15px);
      z-index: 2;
      border-top: 140px solid #fff;
      border-bottom: 70px solid #ffffff; }
  /* line 49, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
  .page-header img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    height: 210px; }
    @media (max-width: 991px) {
      /* line 49, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header img {
        height: 150px; } }
    @media (max-width: 767px) {
      /* line 49, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header img {
        height: 110px; } }
  /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
  .page-header .title {
    position: relative;
    top: 60px;
    z-index: 2;
    color: #333;
    font-size: 37px;
    font-family: 'SomarSans-Bold'; }
    @media (max-width: 991px) {
      /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header .title {
        font-size: 30px;
        top: 35px; } }
    @media (max-width: 767px) {
      /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_pageHeader.scss */
      .page-header .title {
        font-size: 25px;
        top: 15px; } }

/* line 2, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
.about-static {
  position: relative;
  direction: rtl;
  padding: 50px 0;
  background: #f8f8f8; }
  /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
  .about-static .about-grid-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 15px;
    height: 500px;
    padding-left: 30px; }
    @media (max-width: 1239px) {
      /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
      .about-static .about-grid-wrap {
        grid-template-columns: 50% 50%; } }
    @media (max-width: 991px) {
      /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
      .about-static .about-grid-wrap {
        grid-template-columns: 100%;
        height: auto;
        padding: 0; } }
    /* line 22, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
    .about-static .about-grid-wrap .about-grid-right {
      border-radius: 12px;
      background-image: url(../../assets/images/g1.webp);
      background-size: cover;
      background-position: bottom;
      padding: 90px 40px;
      padding-bottom: 52px;
      display: flex;
      flex-direction: column;
      height: 100%; }
      @media (max-width: 991px) {
        /* line 22, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-right {
          background-position: center; } }
      @media (max-width: 767px) {
        /* line 22, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-right {
          padding: 50px 20px; } }
      /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
      .about-static .about-grid-wrap .about-grid-right h1 {
        font-family: 'SomarSans-ExtraBold';
        color: var(--white-color);
        margin-bottom: 0;
        font-size: 40px;
        line-height: 66px;
        margin-bottom: 30px;
        width: 80%; }
        @media (max-width: 1239px) {
          /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-right h1 {
            width: 100%;
            font-size: 30px;
            line-height: 60px; } }
        @media (max-width: 991px) {
          /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-right h1 {
            font-size: 27px;
            line-height: 50px;
            margin-bottom: 25px; } }
        @media (max-width: 767px) {
          /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-right h1 {
            font-size: 24px;
            line-height: 45px;
            margin-bottom: 20px; } }
      /* line 64, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
      .about-static .about-grid-wrap .about-grid-right p {
        line-height: 36px;
        font-size: 19px;
        color: var(--white-color);
        margin-bottom: 0; }
    /* line 71, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
    .about-static .about-grid-wrap .about-grid-left {
      display: grid;
      gap: 15px;
      height: 500px;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      width: 100%; }
      @media (max-width: 991px) {
        /* line 71, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-left {
          height: auto; } }
      /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
      .about-static .about-grid-wrap .about-grid-left .iso-award {
        position: relative;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
        border-radius: 12px;
        background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
        padding: 20px 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        /* line 90, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-left .iso-award .iso-award-bg-shape {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0;
          opacity: 1; }
        /* line 97, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-left .iso-award .iso-award--cont {
          position: relative;
          z-index: 1;
          text-align: center; }
          /* line 101, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-left .iso-award .iso-award--cont .logo {
            margin-bottom: 20px; }
            /* line 103, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
            .about-static .about-grid-wrap .about-grid-left .iso-award .iso-award--cont .logo img {
              margin: 0 auto;
              width: 70px; }
          /* line 109, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-left .iso-award .iso-award--cont .title {
            font-size: 15px;
            line-height: 32px;
            font-family: 'SomarSans-Bold';
            color: #fff; }
        /* line 117, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
        .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(1), .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(4) {
          background: #f5c8f8; }
          /* line 120, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(1) .iso-award-bg-shape:nth-child(1), .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(1) .iso-award-bg-shape:nth-child(4), .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(4) .iso-award-bg-shape:nth-child(1), .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(4) .iso-award-bg-shape:nth-child(4) {
            opacity: 0.37; }
          /* line 128, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_hero.scss */
          .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(1) .iso-award--cont .title, .about-static .about-grid-wrap .about-grid-left .iso-award:nth-child(4) .iso-award--cont .title {
            color: #fff; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
.about-section {
  background: #fff;
  padding: 60px 0; }
  /* line 4, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
  .about-section .more {
    margin-top: 20px; }
  /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
  .about-section .section-img {
    text-align: left; }
    @media (max-width: 991px) {
      /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-section .section-img {
        margin-top: 30px;
        text-align: center; } }
    /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
    .about-section .section-img img {
      display: inline-block;
      max-height: 400px; }

/* line 22, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
.about-2 {
  direction: rtl;
  margin: 70px 0; }
  /* line 25, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
  .about-2 .about-info {
    display: flex;
    gap: 35px;
    max-width: 1215px;
    margin-bottom: 45px; }
    @media (max-width: 991px) {
      /* line 25, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-info {
        flex-wrap: wrap; } }
    /* line 33, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
    .about-2 .about-info .about2-img-wrap {
      position: relative;
      z-index: 1;
      text-align: center;
      width: 100%; }
      @media (max-width: 991px) {
        /* line 33, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
        .about-2 .about-info .about2-img-wrap {
          margin-top: 40px; } }
      /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-info .about2-img-wrap .about2-img {
        max-width: 380px;
        height: 448px;
        border-radius: 8px;
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 991px) {
          /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
          .about-2 .about-info .about2-img-wrap .about2-img {
            height: auto; } }
        /* line 50, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
        .about-2 .about-info .about2-img-wrap .about2-img img {
          background: #fafafa; }
      /* line 54, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-info .about2-img-wrap .img-border-1 {
        width: 380px;
        height: 448px;
        border: 1.5px solid #8255F4;
        border-radius: 8px;
        position: absolute;
        right: 90px;
        top: -24px;
        z-index: -1; }
        @media (max-width: 1239px) {
          /* line 54, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
          .about-2 .about-info .about2-img-wrap .img-border-1 {
            display: none; } }
      /* line 68, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-info .about2-img-wrap .img-border-2 {
        width: 110%;
        height: 180px;
        border-radius: 8px;
        position: absolute;
        bottom: -50px;
        border: 1.5px solid #8255F4;
        border-bottom: none;
        z-index: -1;
        opacity: 20%; }
        @media (max-width: 1239px) {
          /* line 68, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
          .about-2 .about-info .about2-img-wrap .img-border-2 {
            display: none; } }
  /* line 84, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
  .about-2 .about-item {
    background: #fafafa;
    border-bottom: 2px solid #f1f1f1;
    border-radius: 8px;
    padding: 36px 32px; }
    @media (max-width: 1239px) {
      /* line 84, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-item {
        padding: 36px 20px;
        margin-bottom: 30px; } }
    /* line 93, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
    .about-2 .about-item .about-item-head {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 27px; }
      /* line 98, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-item .about-item-head .item-icon {
        background: #FFFFFF;
        border-bottom: 2px solid var(--primary-color);
        border-radius: 4px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto; }
        /* line 108, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
        .about-2 .about-item .about-item-head .item-icon img {
          height: 40px; }
      /* line 112, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
      .about-2 .about-item .about-item-head .title {
        font-size: 16px; }
    /* line 116, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_aboutSection.scss */
    .about-2 .about-item p {
      font-size: 16px; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
.horisontal-section {
  direction: rtl;
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-wrap: nowrap;
  height: 100%; }
  @media (max-width: 1239px) {
    /* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
    .horisontal-section {
      display: block; } }
  /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
  .horisontal-section .horizontal-scroll-section {
    display: flex; }
    @media (max-width: 1239px) {
      /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .horisontal-section .horizontal-scroll-section {
        display: block; } }
    /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
    .horisontal-section .horizontal-scroll-section .horizontal-scroll-section-single {
      flex: 0 0 100vw;
      width: 100%; }
      @media (max-width: 1399px) {
        /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .horisontal-section .horizontal-scroll-section .horizontal-scroll-section-single {
          flex: 0 0 auto; } }
      /* line 24, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .horisontal-section .horizontal-scroll-section .horizontal-scroll-section-single.long {
        width: auto; }

/* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
.about-value {
  height: 100vh;
  overflow: hidden;
  padding-top: 70px;
  background-image: url(../images/bg.webp);
  background-repeat: repeat;
  background-size: contain;
  background-position: top left; }
  @media (max-width: 1239px) {
    /* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
    .about-value {
      height: auto;
      padding-bottom: 70px; } }
  /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
  .about-value .about-value--wrap {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .about-value .about-value--wrap {
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    /* line 68, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
    .about-value .about-value--wrap .value-item--wrap {
      max-width: 600px;
      display: flex;
      flex-direction: column;
      gap: 30px; }
      /* line 73, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .about-value .about-value--wrap .value-item--wrap .value-item--block {
        display: flex;
        align-items: center;
        gap: 25px;
        z-index: 1;
        max-width: 495px;
        overflow: hidden;
        position: relative;
        border-radius: 15px;
        padding: 25px 45px 30px; }
        @media (max-width: 1239px) {
          /* line 73, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap .value-item--block {
            padding: 25px 35px 30px; } }
        @media (max-width: 991px) {
          /* line 73, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap .value-item--block {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 30px; } }
        /* line 92, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap .value-item--block:before, .about-value .about-value--wrap .value-item--wrap .value-item--block:after {
          left: 0;
          z-index: -1;
          height: 50%;
          width: 100%;
          content: "";
          position: absolute; }
        /* line 101, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap .value-item--block:before {
          top: 0;
          background-color: #fff; }
          @media (max-width: 991px) {
            /* line 101, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
            .about-value .about-value--wrap .value-item--wrap .value-item--block:before {
              display: none; } }
        /* line 108, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap .value-item--block:after {
          bottom: 0;
          height: 55%;
          background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%); }
          @media (max-width: 991px) {
            /* line 108, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
            .about-value .about-value--wrap .value-item--wrap .value-item--block:after {
              height: 100%; } }
        /* line 116, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap .value-item--block .item-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 80px;
          height: 80px;
          border-radius: 100%;
          background-color: #fff;
          -webkit-box-shadow: 0px 20px 40px 0px rgba(29, 20, 58, 0.290196);
          box-shadow: 0px 20px 40px 0px rgba(29, 20, 58, 0.290196); }
          @media (max-width: 1239px) {
            /* line 116, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
            .about-value .about-value--wrap .value-item--wrap .value-item--block .item-icon {
              width: 70px;
              height: 70px; } }
          /* line 130, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap .value-item--block .item-icon img {
            height: 40px; }
        /* line 134, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap .value-item--block .item-text {
          max-width: 285px; }
          /* line 136, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap .value-item--block .item-text h3 {
            font-family: var(--somar-Bold);
            color: var(--title-color);
            font-size: 20px;
            margin-bottom: 15px; }
            @media (max-width: 991px) {
              /* line 136, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
              .about-value .about-value--wrap .value-item--wrap .value-item--block .item-text h3 {
                color: #fff;
                margin-bottom: 0px; } }
          /* line 146, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap .value-item--block .item-text p {
            position: relative;
            top: 17px;
            color: #fff;
            line-height: 34px;
            font-size: 17px; }
      /* line 155, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .about-value .about-value--wrap .value-item--wrap:first-child {
        justify-content: flex-end; }
        /* line 158, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
        .about-value .about-value--wrap .value-item--wrap:first-child .value-item--block:nth-child(even) {
          position: relative;
          left: 60px; }
          @media (max-width: 1239px) {
            /* line 158, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
            .about-value .about-value--wrap .value-item--wrap:first-child .value-item--block:nth-child(even) {
              left: 0; } }
      /* line 171, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .about-value .about-value--wrap .value-item--wrap:last-child .value-item--block:nth-child(even) {
        position: relative;
        right: 60px; }
        @media (max-width: 1239px) {
          /* line 171, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
          .about-value .about-value--wrap .value-item--wrap:last-child .value-item--block:nth-child(even) {
            right: 0; } }

/* line 190, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
.services-section {
  height: 100vh;
  padding-top: 70px;
  background: #f5f5f5; }
  @media (max-width: 1239px) {
    /* line 190, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
    .services-section {
      height: auto;
      padding-bottom: 70px; } }
  /* line 199, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
  .services-section .icon-box {
    padding: 0 30px; }
    @media (max-width: 991px) {
      /* line 199, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_horizontalSection.scss */
      .services-section .icon-box {
        padding: 0;
        margin-bottom: 40px; } }

/* line 2, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
.home-solutions {
  direction: ltr;
  position: relative;
  z-index: 2;
  padding-top: 90px;
  padding-bottom: 90px;
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%); }
  /* line 9, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
  .home-solutions .section-head {
    direction: rtl;
    text-align: center;
    margin-bottom: 60px; }
    /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .home-solutions .section-head .section-title {
      color: #fff; }
      /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
      .home-solutions .section-head .section-title .purble {
        color: #fff; }
    /* line 19, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .home-solutions .section-head p {
      color: #fff; }
  /* line 23, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
  .home-solutions .solutions-wrap {
    position: relative;
    z-index: 1; }
    @media (max-width: 1239px) {
      /* line 26, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
      .home-solutions .solutions-wrap .solutions-btn-shape {
        display: none; } }
    /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .home-solutions .solutions-wrap .solutions-btn {
      position: relative;
      z-index: 1;
      max-width: 830px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 170px; }
      @media (min-width: 1401px) {
        /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn {
          max-width: 730px; } }
      @media (max-width: 1239px) {
        /* line 32, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn {
          max-width: 100%;
          margin-bottom: 0;
          display: flex;
          flex-wrap: wrap-reverse;
          gap: 30px;
          justify-content: center; } }
      /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
      .home-solutions .solutions-wrap .solutions-btn .nav-link {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        font-family: 'SomarSans-Bold';
        font-size: 17px;
        color: #fff;
        transition: 0.2s var(--tn-cube-1); }
        @media (max-width: 1239px) {
          /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn .nav-link {
            position: unset;
            font-size: 15px;
            gap: 10px;
            width: 125px; } }
        @media (max-width: 767px) {
          /* line 55, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn .nav-link {
            width: 120px;
            font-size: 14px; } }
        /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link .icon {
          background: rgba(255, 255, 255, 0.24);
          box-shadow: inset 0px 0px 11px #f5c8f8;
          backdrop-filter: blur(9px);
          width: 70px;
          height: 70px;
          line-height: 70px;
          border-radius: 50%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 35px;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke: 1px #fff;
          transition: all .4s ease-in-out; }
          @media (max-width: 1239px) {
            /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link .icon {
              width: 60px;
              height: 60px;
              line-height: 60px;
              font-size: 25px; } }
          @media (max-width: 991px) {
            /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link .icon {
              width: 50px;
              height: 50px;
              line-height: 50px;
              font-size: 20px; } }
        /* line 111, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link .text {
          width: 195px; }
          @media (max-width: 1239px) {
            /* line 111, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link .text {
              width: auto; } }
        /* line 121, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:is(.active) .icon {
          background: var(--tn-clr-pr-2); }
        /* line 127, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(2) {
          bottom: -40px;
          left: -30px; }
        /* line 132, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(3) {
          bottom: -90px;
          left: 210px; }
        /* line 139, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(4) {
          bottom: 50px;
          right: -60px;
          flex-direction: row;
          text-align: left; }
          @media (max-width: 1239px) {
            /* line 139, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(4) {
              flex-direction: column;
              text-align: center; } }
        /* line 154, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(5) {
          top: 220px;
          right: -205px;
          flex-direction: row;
          text-align: left; }
          @media (max-width: 1239px) {
            /* line 154, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(5) {
              flex-direction: column;
              text-align: center; } }
        /* line 165, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(6) {
          top: 30px;
          right: -250px; }
          @media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
            /* line 165, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(6) {
              flex-direction: row;
              text-align: left; } }
          @media (max-width: 1239px) {
            /* line 165, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
            .home-solutions .solutions-wrap .solutions-btn .nav-link:nth-child(6) {
              flex-direction: column;
              text-align: center; } }
      @media (min-width: 1239px) {
        /* line 185, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn .nav-link {
          opacity: 0;
          transition: 0.3s var(--tn-cube-1); }
        /* line 190, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn:is(.active) .solutions-btn-shape {
          animation: s2btnLine 3s linear; }
        /* line 193, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
        .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link {
          opacity: 1; }
          /* line 196, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(1) {
            transition-delay: 3.5s; }
          /* line 199, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(2) {
            transition-delay: 3s; }
          /* line 202, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(3) {
            transition-delay: 2.5s; }
          /* line 205, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(4) {
            transition-delay: 2s; }
          /* line 208, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(5) {
            transition-delay: 1.5s; }
          /* line 211, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(6) {
            transition-delay: 1s; }
          /* line 214, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(7) {
            transition-delay: .8s; }
          /* line 217, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
          .home-solutions .solutions-wrap .solutions-btn:is(.active) .nav-link:nth-child(8) {
            transition-delay: .6s; } }

/* line 235, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
.tn-services-2-tabs-pane {
  max-width: 350px;
  position: absolute;
  left: 30%;
  top: 0;
  z-index: 2; }
  @media (max-width: 1239px) {
    /* line 235, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .tn-services-2-tabs-pane {
      position: unset;
      margin-bottom: 60px;
      margin-right: auto;
      margin-left: auto;
      max-width: 100%; } }
  /* line 250, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
  .tn-services-2-tabs-pane .solution-box-item {
    border-radius: 12px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 0px 50px #f5c8f8;
    text-align: center; }
    /* line 258, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .tn-services-2-tabs-pane .solution-box-item .item-img {
      display: block;
      margin: 0 auto;
      margin-bottom: 25px;
      border-radius: 100%;
      background: rgba(255, 255, 255, 0.7);
      width: 70px;
      height: 70px;
      padding: 5px; }
      /* line 269, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
      .tn-services-2-tabs-pane .solution-box-item .item-img img {
        height: 60px; }
    /* line 273, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_solutions.scss */
    .tn-services-2-tabs-pane .solution-box-item p {
      font-family: 'SomarSans-Light';
      text-align: center;
      font-size: 17px;
      line-height: 33px;
      color: #fff; }

@keyframes s2btnLine {
  0% {
    clip-path: polygon(47% 0, 100% 0, 100% 0, 47% 0); }
  50% {
    clip-path: polygon(65% 0, 100% 0, 100% 100%, 66% 100%); }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
.slides-area {
  background: #fff; }
  /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
  .slides-area .slides-area-wrap {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
      .slides-area .slides-area-wrap {
        height: auto; } }
  /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
  .slides-area .slides-area-item {
    position: absolute;
    top: 0;
    left: 0;
    background: #fafafa;
    color: #505050;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: left top;
    overflow: hidden; }
    @media (max-width: 1239px) {
      /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
      .slides-area .slides-area-item {
        position: static;
        padding: 50px 0; } }
    /* line 37, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
    .slides-area .slides-area-item:nth-child(2) {
      background: #fff;
      color: #333;
      z-index: -2; }
    /* line 43, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
    .slides-area .slides-area-item:nth-child(3) {
      background: #fff;
      color: #333;
      z-index: -3; }

/* line 56, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
.clients-wrap {
  margin-top: 50px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1239px) {
    /* line 56, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
    .clients-wrap {
      gap: 20px; } }
  /* line 65, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
  .clients-wrap .client-item {
    background: #fff;
    padding: 20px;
    height: 90px;
    width: 20%;
    text-align: center;
    border-bottom: 2px solid #f1f1f1; }
    @media (max-width: 1239px) {
      /* line 65, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
      .clients-wrap .client-item {
        width: 30%; } }
    @media (max-width: 991px) {
      /* line 65, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
      .clients-wrap .client-item {
        width: 45%; } }
    @media (max-width: 767px) {
      /* line 65, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
      .clients-wrap .client-item {
        width: 100%; } }
    /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
    .clients-wrap .client-item img {
      margin: auto;
      height: 50px; }
      @media (max-width: 767px) {
        /* line 81, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_clients.scss */
        .clients-wrap .client-item img {
          height: 55px; } }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
.work-process {
  background-color: #fff;
  position: relative;
  background-image: url(../images/bg-patern1.webp);
  background-position: calc(-430%) calc(-50%);
  background-repeat: no-repeat; }
  @media (max-width: 991px) {
    /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
    .work-process .section-head {
      margin-bottom: 0px; } }
  /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
  .work-process .process-card-wrapper {
    position: relative; }
    @media (max-width: 991px) {
      /* line 16, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper.mt-100 {
        margin-top: 0px; } }
    @media (max-width: 991px) {
      /* line 13, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper {
        padding-top: 60px; } }
    /* line 26, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
    .work-process .process-card-wrapper .single-process .process-card {
      background-color: #f9ebff;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px;
      border-radius: 25px 25px 25px 5px;
      transform: rotate(-45deg);
      margin: 0 auto;
      height: 180px;
      width: 180px;
      transition: .5s; }
      /* line 38, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card.two {
        background-color: #ffefeb; }
      /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card.three {
        background-color: #f9ebff; }
      /* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card.four {
        background-color: #ffefeb; }
      /* line 49, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card:hover {
        transform: rotate(-45deg) scale(1.05);
        transition: .5s; }
      /* line 54, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card .icon {
        transform: rotate(45deg);
        height: 60px; }
        /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
        .work-process .process-card-wrapper .single-process .process-card .icon img {
          height: 60px; }
      /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-card .step-no {
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 25px 0 25px;
        color: #723E90;
        font-weight: 500;
        font-size: 24px;
        line-height: 68px;
        margin: 0;
        padding: 25px;
        width: 51px;
        height: 61px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -2%;
        top: 67%;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px #723E90; }
        @media (max-width: 1239px) {
          /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
          .work-process .process-card-wrapper .single-process .process-card .step-no {
            right: -1%;
            top: 64%; } }
    /* line 87, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
    .work-process .process-card-wrapper .single-process .process-content {
      max-width: 277px;
      width: 100%;
      text-align: center;
      padding-top: 50px;
      margin: 0 auto; }
      /* line 93, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-content h3 {
        display: block;
        font-family: 'SomarSans-Bold';
        line-height: 35px;
        font-size: 20px;
        color: #505050;
        margin-bottom: 10px; }
      /* line 101, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
      .work-process .process-card-wrapper .single-process .process-content p {
        line-height: 36px;
        font-size: 18px; }

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 143, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
  .work-process-section .process-card-wrapper .single-process .dot span svg {
    width: 75%;
    top: 50%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 154, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
  .work-process-section .process-card-wrapper .single-process .dot.two span {
    bottom: 136.8%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 160, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_process.scss */
  .work-process-section .process-card-wrapper .single-process .dot.two.lg-display-none {
    display: none; } }

/* line 2, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
.icon-box-list {
  overflow: hidden;
  padding: 30px; }
  /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
  .icon-box-list .box-item-wrap {
    padding-top: 50px; }
    /* line 7, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
    .icon-box-list .box-item-wrap .box-item {
      display: block;
      position: relative;
      width: 100%; }
      /* line 11, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
      .icon-box-list .box-item-wrap .box-item .box-head {
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 0 20px 2px #f2f2f3;
        padding: 10px;
        position: absolute;
        right: 0;
        top: -50px;
        width: 130px;
        height: 100px;
        z-index: 10; }
        /* line 24, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
        .icon-box-list .box-item-wrap .box-item .box-head img {
          height: 50px;
          margin: auto; }
      /* line 29, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
      .icon-box-list .box-item-wrap .box-item .box-content--wrap {
        margin-right: 80px;
        padding: 50px 80px 50px 50px;
        position: relative; }
        /* line 33, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
        .icon-box-list .box-item-wrap .box-item .box-content--wrap img {
          bottom: 0;
          height: 100%;
          left: 0;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          z-index: 0; }
        /* line 43, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
        .icon-box-list .box-item-wrap .box-item .box-content--wrap .box-content {
          position: relative; }
          /* line 45, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
          .icon-box-list .box-item-wrap .box-item .box-content--wrap .box-content .title {
            font-family: var(--somar-Bold);
            color: #505050;
            font-size: 22px;
            line-height: 40px;
            margin-bottom: 10px; }
          /* line 52, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_products.scss */
          .icon-box-list .box-item-wrap .box-item .box-content--wrap .box-content p {
            font-family: var(--somar-Light);
            color: #777;
            font-size: 20px;
            line-height: 35px;
            margin-bottom: 0; }

/* line 2, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
.all-services {
  position: relative;
  padding: 60px 0 40px; }
  /* line 5, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services:nth-of-type(even) {
    direction: ltr;
    background-color: #f8f8f8;
    z-index: 1; }
  /* line 11, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services:nth-of-type(odd) .section-img {
    float: left; }
    @media (max-width: 991px) {
      /* line 11, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
      .all-services:nth-of-type(odd) .section-img {
        float: none; } }
  /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services .section-img {
    display: inline-block;
    margin-top: 0px; }
    @media (max-width: 991px) {
      /* line 18, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
      .all-services .section-img {
        display: block;
        margin-top: 15px; } }
    /* line 25, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
    .all-services .section-img img {
      max-height: 300px; }
      @media (max-width: 991px) {
        /* line 25, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
        .all-services .section-img img {
          margin: 0 auto; } }
  /* line 34, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services:nth-of-type(even) .icon-box.block > img {
    left: -100px;
    right: auto; }
  /* line 38, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services:nth-of-type(even) .icon-box.block .icon-box-head {
    direction: rtl; }
  @media (max-width: 991px) {
    /* line 44, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
    .all-services .icon-box.block {
      text-align: center; } }
  /* line 48, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services .icon-box.block > img {
    position: absolute;
    content: "";
    top: -30px;
    max-height: 250px;
    right: -160px;
    transform: rotateY(180deg);
    z-index: -1; }
  @media (max-width: 991px) {
    /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
    .all-services .icon-box.block .icon-box-head {
      justify-content: center; } }
  /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services .icon-box.block .icon-box-head .title {
    font-size: 30px;
    color: var(--secondary-color); }
    @media (max-width: 991px) {
      /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
      .all-services .icon-box.block .icon-box-head .title {
        font-size: 27px; } }
    @media (max-width: 767px) {
      /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
      .all-services .icon-box.block .icon-box-head .title {
        font-size: 24px; } }
  /* line 76, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_allServices.scss */
  .all-services:nth-of-type(even) .icon-box.block > img {
    top: 0px;
    left: -110px;
    z-index: -1; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.contact-section {
  background-image: url(../images/bg-patern1.webp);
  background-position: calc(-550%) calc(-20%);
  background-repeat: no-repeat;
  padding: 70px 0; }
  /* line 6, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
  .contact-section .section-head {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    align-items: center; }
    @media (max-width: 767px) {
      /* line 6, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
      .contact-section .section-head {
        display: block;
        text-align: center; } }
    /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
    .contact-section .section-head .section-title {
      min-width: 170px; }
      @media (max-width: 767px) {
        /* line 15, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
        .contact-section .section-head .section-title {
          margin-bottom: 20px; } }

/* Contact Widget */
/* line 36, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.contact-widget {
  position: relative;
  background-color: #f8f8f8;
  padding: 30px;
  margin-top: 50px; }
  /* line 41, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
  .contact-widget:before {
    position: absolute;
    content: "";
    top: -15px;
    left: -15px;
    right: -15px;
    height: 90px;
    background-color: #723e90;
    z-index: -1; }
  /* line 51, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
  .contact-widget .contact-item {
    display: flex;
    align-items: center;
    margin: 25px 0;
    gap: 30px; }
    /* line 57, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
    .contact-widget .contact-item .icon img {
      width: 40px; }
    /* line 61, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
    .contact-widget .contact-item p {
      position: relative;
      display: flex;
      gap: 30px;
      align-items: center;
      width: calc(100% - 30px); }
      /* line 67, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
      .contact-widget .contact-item p:before {
        content: "";
        background: #ddd;
        width: 2px;
        min-height: 20px;
        background: #ddd; }

/* line 80, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti {
  display: block; }

/* line 83, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti__selected-flag {
  display: flex;
  align-items: center;
  padding: 0 6px;
  min-width: 70px;
  /* ضمان مساحة كافية للعلم وكود الدولة */ }

/* line 89, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti__selected-dial-code {
  display: inline-block !important;
  /* إجبار ظهور كود الدولة */
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
  color: #000; }

/* line 96, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti__flag-container {
  direction: ltr;
  /* ضمان عرض العلم وكود الدولة من اليسار إلى اليمين */ }

/* line 99, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti__flag {
  margin-right: 5px;
  /* مسافة بين العلم وكود الدولة */ }

/* line 102, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti {
  width: 100%;
  /* ضمان أن الحقل يأخذ العرض الكامل */ }

/* line 106, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/sections/_contactUs.scss */
.iti__tel-input {
  padding-left: 98px !important; }

/* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
.features-section {
  background-image: none;
  padding-bottom: 10px; }
  @media (max-width: 1239px) {
    /* line 1, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .features-section {
      background-image: url(../images/bg.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding-bottom: 40px; } }
  /* line 12, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .features-section > .container > .row {
    position: relative; }
    @media (max-width: 1239px) {
      /* line 12, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .features-section > .container > .row {
        flex-direction: column-reverse; } }
    /* line 17, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .features-section > .container > .row .col-xl-5 {
      position: static; }
      /* line 20, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .features-section > .container > .row .col-xl-5 .section-img {
        width: 40%;
        right: 15px;
        top: 40px;
        bottom: 40px;
        position: absolute; }
        @media (max-width: 1239px) {
          /* line 20, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
          .features-section > .container > .row .col-xl-5 .section-img {
            position: static;
            width: auto; } }
        /* line 30, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .features-section > .container > .row .col-xl-5 .section-img img {
          width: 100%;
          height: auto; }
          @media (max-width: 1239px) {
            /* line 30, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
            .features-section > .container > .row .col-xl-5 .section-img img {
              width: auto;
              max-height: 300px;
              margin: 0 auto; } }
        /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .features-section > .container > .row .col-xl-5 .section-img:before {
          position: absolute;
          content: "";
          top: -10px;
          bottom: -10px;
          left: -10px;
          width: 27.6%;
          background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
          z-index: -1; }
          @media (max-width: 1239px) {
            /* line 39, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
            .features-section > .container > .row .col-xl-5 .section-img:before {
              display: none; } }
  /* line 56, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .features-section .section-head {
    margin-bottom: 40px; }
  /* line 59, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .features-section .section-content {
    position: relative;
    padding: 40px 20px 40px 0px; }
    /* line 62, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .features-section .section-content:before {
      position: absolute;
      content: "";
      top: 0;
      right: -200px;
      left: -100%;
      height: 100%;
      background-image: url(../images/bg.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      z-index: -2; }
      @media (max-width: 1239px) {
        /* line 62, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .features-section .section-content:before {
          display: none; } }
    /* line 79, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .features-section .section-content .icon-box.list {
      margin-bottom: 20px; }
      /* line 82, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .features-section .section-content .icon-box.list .icon-box-body h3 {
        font-size: 20px; }

/* line 101, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
.solutions-section {
  padding: 60px 0;
  background: #fff; }
  /* line 104, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .solutions-section ul.services-list {
    width: 100%; }
    /* line 106, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .solutions-section ul.services-list .single-service {
      display: flex;
      position: relative;
      align-items: center;
      border-bottom: 1px solid rgba(152, 152, 152, 0.1);
      transition: .5s; }
      /* line 112, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.services-list .single-service h4 {
        display: flex;
        width: 40px;
        height: 45px;
        line-height: 60px;
        font-family: 'SomarSans-ExtraBold';
        font-size: 30px;
        align-items: center;
        justify-content: center;
        padding: 52px 47px;
        margin: 0;
        border-left: 1px solid rgba(152, 152, 152, 0.1);
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px #723E90;
        transition: all .4s ease-in-out; }
        @media (max-width: 991px) {
          /* line 112, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
          .solutions-section ul.services-list .single-service h4 {
            padding: 52px 37px; } }
      /* line 131, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.services-list .single-service h3 {
        font-family: 'SomarSans-Bold';
        font-size: 19px;
        line-height: 48px;
        color: #505050;
        margin: 0;
        padding-right: 40px;
        transition: all .3s ease-in-out; }

@inclue tablet {
  /* line 131, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .solutions-section ul.services-list .single-service h3 {
    padding-left: 30px; } }
        /* line 142, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .solutions-section ul.services-list .single-service h3:hover {
          color: #723E90; }
      /* line 146, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.services-list .single-service:last-child {
        border-bottom: unset; }
      /* line 150, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.services-list .single-service .single-hover {
        position: absolute;
        width: 300px;
        height: auto;
        left: -200px;
        z-index: 99;
        color: #505050;
        padding: 20px 15px;
        border: 1px solid #f1f1f1;
        border-radius: 10px;
        background-color: rgba(250, 250, 250, 0.9);
        opacity: 0;
        visibility: hidden;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: .5s; }
        @media (max-width: 991px) {
          /* line 150, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
          .solutions-section ul.services-list .single-service .single-hover {
            left: 0px; } }
        /* line 169, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .solutions-section ul.services-list .single-service .single-hover .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 25px; }
          /* line 174, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
          .solutions-section ul.services-list .single-service .single-hover .icon img {
            height: 60px; }
        /* line 178, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .solutions-section ul.services-list .single-service .single-hover p {
          font-family: 'SomarSans-Light';
          text-align: center;
          font-size: 17px;
          line-height: 33px;
          color: #777; }
      /* line 187, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.services-list .single-service:hover .single-hover {
        visibility: visible;
        opacity: 1; }
  /* line 194, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .solutions-section ul.service-img-group {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 540px;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px; }
    @media (max-width: 991px) {
      /* line 194, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.service-img-group {
        display: none;
        visibility: hidden; } }
    /* line 209, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
    .solutions-section ul.service-img-group li {
      position: relative; }
      /* line 211, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.service-img-group li .service-img {
        min-height: 620px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
        z-index: 12; }
        /* line 220, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
        .solutions-section ul.service-img-group li .service-img img {
          border-radius: 10px; }
      /* line 226, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
      .solutions-section ul.service-img-group li.active .service-img {
        animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
        z-index: 15; }

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 245, /Users/hossamshahen/Desktop/rasekh-prog/public/assets/scss/layouts/_test.scss */
  .solutions-section .service-img-group {
    min-height: 0; } }

@keyframes qodef-animate-image-out {
  0% {
    transform: scale(1) translateZ(0);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  100% {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }

@keyframes qodef-animate-image-in {
  0% {
    transform: scale(1.05) translateZ(0);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0); }
  100% {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }

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