/*@font-face {
    font-family: Kohinoor-Arabic-Semibold;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Semibold.ttf') format('truetype');
}



@font-face {
    font-family: Kohinoor-Arabic-Medium;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Kohinoor-Arabic-Light;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Light.ttf') format('truetype');
}

*/
/*@font-face {
    font-family: Kohinoor-Arabic-Regular;
    src: url('/Assets/Fonts/IRYekan/Yekan_Regular.ttf') format('truetype');*/
/*font-family: Kohinoor-Arabic-Regular;*/
/*src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Regular.ttf') format('truetype');
    src: url('/Assets/Fonts/Bahij/Bahij-Palatino-Sans-Arabic-Regular-new.otf') format('opentype');
}
*/
/*@font-face {
    font-family: Kohinoor-Arabic-Bold;
    src: url('/Assets/Fonts/IRYekan/Yekan_Bold.ttf') format('truetype');*/
/*font-family: Kohinoor-Arabic-Bold;*/
/*src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Bold.ttf') format('truetype');
    src: url('/Assets/Fonts/Bahij/Bahij_Palatino_Sans_Arabic-Bold-new.otf') format('opentype');
}*/
@font-face {
  font-family: Kohinoor-Arabic-Bold;
  src: url("/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Bold.ttf") format("truetype"); }

@font-face {
  font-family: Kohinoor-Arabic-Regular;
  src: url("/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Regular.ttf") format("truetype"); }

@font-face {
  font-family: Helevetica25;
  src: url("/Assets/Fonts/Helevetica/HelveticaNeueLTCom-UltLt_2.ttf") format("truetype"); }

@font-face {
  font-family: HeleveticaRoman;
  src: url("/Assets/Fonts/Helevetica/Helevetica_Roman.ttf") format("truetype"); }

.Kohinoor-Arabic-Bold {
  font-family: Kohinoor-Arabic-Bold;
  /*font-family: Kohinoor-Arabic-Bold;*/ }

.Kohinoor-Arabic-Regular {
  font-family: Kohinoor-Arabic-Regular;
  /*font-family: Kohinoor-Arabic-Regular;*/ }

.Kohinoor-Semibold {
  font-family: Kohinoor-Arabic-Semibold; }

.Kohinoor-Regular {
  font-family: Kohinoor-Arabic-Regular; }

.Kohinoor-Light {
  font-family: Kohinoor-Arabic-Light; }

.Kohinoor-Medium {
  font-family: Kohinoor-Arabic-Medium; }

.Kohinoor-Bold {
  font-family: Kohinoor-Arabic-Bold; }

.Helevetica-25 {
  font-family: Helevetica25; }

.HeleveticaRoman {
  font-family: HeleveticaRoman; }

/*@font-face {
    font-family: Kohinoor-Arabic-Semibold;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Semibold.ttf') format('truetype');
}



@font-face {
    font-family: Kohinoor-Arabic-Medium;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Kohinoor-Arabic-Light;
    src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Light.ttf') format('truetype');
}

*/
/*@font-face {
    font-family: Kohinoor-Arabic-Regular;
    src: url('/Assets/Fonts/IRYekan/Yekan_Regular.ttf') format('truetype');*/
/*font-family: Kohinoor-Arabic-Regular;*/
/*src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Regular.ttf') format('truetype');
    src: url('/Assets/Fonts/Bahij/Bahij-Palatino-Sans-Arabic-Regular-new.otf') format('opentype');
}
*/
/*@font-face {
    font-family: Kohinoor-Arabic-Bold;
    src: url('/Assets/Fonts/IRYekan/Yekan_Bold.ttf') format('truetype');*/
/*font-family: Kohinoor-Arabic-Bold;*/
/*src: url('/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Bold.ttf') format('truetype');
    src: url('/Assets/Fonts/Bahij/Bahij_Palatino_Sans_Arabic-Bold-new.otf') format('opentype');
}*/
@font-face {
  font-family: Kohinoor-Arabic-Bold;
  src: url("/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Bold.ttf") format("truetype"); }

@font-face {
  font-family: Kohinoor-Arabic-Regular;
  src: url("/Assets/Fonts/Kohinoor/Kohinoor-Arabic-Regular.ttf") format("truetype"); }

@font-face {
  font-family: Helevetica25;
  src: url("/Assets/Fonts/Helevetica/HelveticaNeueLTCom-UltLt_2.ttf") format("truetype"); }

@font-face {
  font-family: HeleveticaRoman;
  src: url("/Assets/Fonts/Helevetica/Helevetica_Roman.ttf") format("truetype"); }

.Kohinoor-Arabic-Bold {
  font-family: Kohinoor-Arabic-Bold;
  /*font-family: Kohinoor-Arabic-Bold;*/ }

.Kohinoor-Arabic-Regular {
  font-family: Kohinoor-Arabic-Regular;
  /*font-family: Kohinoor-Arabic-Regular;*/ }

.Kohinoor-Semibold {
  font-family: Kohinoor-Arabic-Semibold; }

.Kohinoor-Regular {
  font-family: Kohinoor-Arabic-Regular; }

.Kohinoor-Light {
  font-family: Kohinoor-Arabic-Light; }

.Kohinoor-Medium {
  font-family: Kohinoor-Arabic-Medium; }

.Kohinoor-Bold {
  font-family: Kohinoor-Arabic-Bold; }

.Helevetica-25 {
  font-family: Helevetica25; }

.HeleveticaRoman {
  font-family: HeleveticaRoman; }

@media (min-width: 1600px) and (max-width: 1799px) {
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .Products-Banner .line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 0;
    top: 0;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Products-Banner .line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .Products-Banner .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Products-Banner .line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: #4f4f4f;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Products-Banner .line-circle-container {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform ease-out 2s;
    left: 40%;
    top: 60%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 5; }
    .Products-Banner .line-circle-container .parent {
      left: 0;
      transform: translate(0, -12%) rotate(0deg);
      position: absolute;
      animation: moving ease-out 15s infinite;
      width: 100px;
      height: 100px; }
      .Products-Banner .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Products-Banner .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 47px !important;
        top: 74px !important; }
      .Products-Banner .line-circle-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: black;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
        .Products-Banner .line-circle-container .parent .shape-item.fill {
          transform-origin: center;
          transform: scale(0);
          fill: #ED1B34;
          stroke: #ED1B34; }
  .Products-Banner .big-title {
    color: white;
    font-family: Kohinoor-Arabic-Bold;
    font-size: 26px;
    text-align: right; }
  .Products-Banner .text {
    line-height: 34px;
    text-align: right;
    color: white;
    font-family: Kohinoor-Arabic-Regular;
    font-size: 14px; }
  .Products-Banner .Red-Button {
    float: right !important; }
  .Products-Banner .big-img {
    background-image: url("../../../Images/Products/Main/Hero/hero_products_afagh_1800.jpg");
    /*background-image: url(/Assets/Images/Products/products-banner1600.jpg);*/
    height: 900px; }
  .Products-Banner .banner-text {
    width: 65%;
    margin-right: 17%; }
  .Products-Banner .Vertical0 {
    width: 100%;
    clear: both;
    height: 115px; }
  .Products-Banner .Vertical1 {
    width: 100%;
    clear: both;
    height: 120px; }
  .Products-Banner .Vertical2 {
    width: 100%;
    clear: both;
    height: 25px; }
  .Products-Banner .Vertical3 {
    width: 100%;
    clear: both;
    height: 40px; }
  .Products-Banner .Vertical4 {
    width: 100%;
    clear: both;
    height: 250px; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .WorkingScopes .top-line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 85%;
    top: 0;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .WorkingScopes .top-line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .WorkingScopes .top-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .WorkingScopes .top-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: #4f4f4f;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .WorkingScopes .line-circle-container {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform ease-out 2s;
    left: 40%;
    top: 75%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 5; }
    .WorkingScopes .line-circle-container .parent {
      left: 0;
      transform: translate(0, -12%) rotate(0deg);
      position: absolute;
      animation: moving ease-out 15s infinite;
      width: 100px;
      height: 100px; }
      .WorkingScopes .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .WorkingScopes .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 47px !important;
        top: 74px !important; }
      .WorkingScopes .line-circle-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: black;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
        .WorkingScopes .line-circle-container .parent .shape-item.fill {
          transform-origin: center;
          transform: scale(0);
          fill: #ED1B34;
          stroke: #ED1B34; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .WorkingScopes .bottom-line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 15%;
    top: 80%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .WorkingScopes .bottom-line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .WorkingScopes .bottom-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .WorkingScopes .bottom-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: #4f4f4f;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .WorkingScopes .big-title-container .big-title {
    font-size: 160px; }
    .WorkingScopes .big-title-container .big-title:first-of-type {
      line-height: 100px; }
  .WorkingScopes .title {
    width: 40%;
    text-align: left;
    float: right; }
  .WorkingScopes .text {
    width: 35%;
    float: right;
    text-align: right; }
  .WorkingScopes .Vertical1 {
    width: 100%;
    height: 120px;
    clear: both; }
  .WorkingScopes .Vertical2 {
    width: 9%;
    height: 1px;
    float: right; }
  .WorkingScopes .Vertical3 {
    width: 100%;
    height: 50px;
    clear: both; }
  .WorkingScopes .Vertical5 {
    width: 100%;
    height: 50px;
    clear: both; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .Banking .line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 0;
    top: 0;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Banking .line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .Banking .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Banking .line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: white;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Banking .line-circle-container {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform ease-out 2s;
    left: 80%;
    top: 0%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 5; }
    .Banking .line-circle-container .parent {
      left: 0;
      transform: translate(0, -12%) rotate(0deg);
      position: absolute;
      animation: moving ease-out 15s infinite;
      width: 100px;
      height: 100px; }
      .Banking .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Banking .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: -27px !important;
        top: 150px !important; }
      .Banking .line-circle-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: white;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
        .Banking .line-circle-container .parent .shape-item.fill {
          transform-origin: center;
          transform: scale(0);
          fill: #ED1B34;
          stroke: #ED1B34; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .Banking .bottom-line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 4%;
    top: 90%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Banking .bottom-line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .Banking .bottom-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Banking .bottom-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: black;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Banking .bottom-line-circle-container {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform ease-out 2s;
    left: 80%;
    top: 80%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 5; }
    .Banking .bottom-line-circle-container .parent {
      left: 0;
      transform: translate(0, -12%) rotate(0deg);
      position: absolute;
      animation: moving ease-out 15s infinite;
      width: 100px;
      height: 100px; }
      .Banking .bottom-line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Banking .bottom-line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(225deg);
        width: 100%;
        height: 100%;
        left: 111px !important;
        top: 90px !important; }
      .Banking .bottom-line-circle-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: black;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
        .Banking .bottom-line-circle-container .parent .shape-item.fill {
          transform-origin: center;
          transform: scale(0);
          fill: #ED1B34;
          stroke: #ED1B34; }
  .Banking .horizontal-line-container {
    position: absolute;
    width: 1000px;
    /*height: $svgSize;*/
    transition: transform ease-out 2s;
    right: 55%;
    top: 661px;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Banking .horizontal-line-container .parent {
      position: absolute;
      width: 1000px;
      /*height: $svgSize;*/ }
      .Banking .horizontal-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 1000px;
        /*height: $svgSize;*/ }
      .Banking .horizontal-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: rgba(255, 255, 255, 0.6);
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Banking .bg-img {
    background-image: url("../../../Images/Products/Main/BigBanner/Banking/banner_banking_intro_afagh_1800.jpg");
    /*background-image: url(/Assets/Images/Products/banking1600.jpg);*/
    height: 1010px; }
    .Banking .bg-img .Red-Button {
      margin-right: 55%;
      float: right; }
    .Banking .bg-img .text {
      margin-right: 55%;
      width: 22%;
      color: white;
      text-align: right; }
  .Banking .big-title {
    font-size: 100px !important;
    position: relative;
    margin-right: 24%; }
  .Banking .middle-title {
    font-size: 16px; }
  .Banking .banking-img {
    width: 300px; }
  .Banking .middle-text {
    font-size: 12px;
    line-height: 35px; }
  .Banking .middle-menu {
    margin-top: -350px; }
  .Banking .Products-Banking-Links {
    width: 75%; }
  .Banking .Vertical1 {
    height: 350px;
    width: 100%;
    clear: both; }
  .Banking .Vertical2 {
    height: 160px;
    width: 100%;
    clear: both; }
  .Banking .Vertical3 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Banking .Vertical4 {
    height: 90px;
    width: 100%;
    clear: both; }
  .Banking .Vertical5 {
    height: 100px;
    width: 100%;
    clear: both; }
  .Banking .Vertical6 {
    height: 20px;
    width: 100%;
    clear: both; }
  .Banking .Vertical7 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Banking .Vertical8 {
    height: 30px;
    width: 100%;
    clear: both; }
  .Banking .Vertical9 {
    height: 170px;
    width: 100%;
    clear: both; }
  .Banking .Vertical10 {
    height: 520px;
    width: 100%;
    clear: both; }
  .Banking .Vertical11 {
    height: 100px;
    width: 100%;
    clear: both; }
  .Banking .Vertical12 {
    height: 55px;
    width: 100%;
    clear: both; }
  .Banking .Vertical13 {
    height: 450px;
    width: 100%;
    clear: both; }
  .SpecialOffer .horizontal-line-container {
    position: absolute;
    width: 1000px;
    /*height: $svgSize;*/
    transition: transform ease-out 2s;
    right: 42%;
    top: 325px;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .SpecialOffer .horizontal-line-container .parent {
      position: absolute;
      width: 1000px;
      /*height: $svgSize;*/ }
      .SpecialOffer .horizontal-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 1000px;
        /*height: $svgSize;*/ }
      .SpecialOffer .horizontal-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: rgba(255, 255, 255, 0.3);
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .SpecialOffer .bg-img {
    background-image: url(/Assets/Images/Products/offer1600.jpg);
    height: 560px; }
  .SpecialOffer .title {
    font-size: 55px;
    float: right;
    margin-right: 12%;
    /*margin-top: 15%;*/
    text-align: right; }
  .SpecialOffer .Red-Button {
    margin-right: 12%;
    float: right; }
  .SpecialOffer .white-buy-btn {
    font-family: Kohinoor-Arabic-Regular;
    font-size: 28px;
    line-height: 28px;
    height: 250px;
    margin-right: 1.5%; }
  .SpecialOffer .Vertical1 {
    width: 100%;
    height: 160px;
    clear: both; }
  .SpecialOffer .Vertical2 {
    width: 100%;
    height: 60px;
    clear: both; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .Eng-Organ .line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 0;
    top: 0;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Eng-Organ .line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .Eng-Organ .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Eng-Organ .line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: white;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Eng-Organ .line-circle-container {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform ease-out 2s;
    left: 80%;
    top: 50%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 5; }
    .Eng-Organ .line-circle-container .parent {
      left: 0;
      transform: translate(0, -12%) rotate(0deg);
      position: absolute;
      animation: moving ease-out 15s infinite;
      width: 100px;
      height: 100px; }
      .Eng-Organ .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Eng-Organ .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 105px !important;
        top: 15px !important; }
      .Eng-Organ .line-circle-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: white;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
        .Eng-Organ .line-circle-container .parent .shape-item.fill {
          transform-origin: center;
          transform: scale(0);
          fill: #ED1B34;
          stroke: #ED1B34; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .Eng-Organ .bottom-line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 4%;
    top: 90%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Eng-Organ .bottom-line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .Eng-Organ .bottom-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .Eng-Organ .bottom-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: white;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Eng-Organ .horizontal-line-container {
    position: absolute;
    width: 1000px;
    /*height: $svgSize;*/
    transition: transform ease-out 2s;
    right: 55%;
    top: 631px;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .Eng-Organ .horizontal-line-container .parent {
      position: absolute;
      width: 1000px;
      /*height: $svgSize;*/ }
      .Eng-Organ .horizontal-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 1000px;
        /*height: $svgSize;*/ }
      .Eng-Organ .horizontal-line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: rgba(255, 255, 255, 0.6);
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .Eng-Organ .bg-img {
    background-image: url("../../../Images/Products/Main/BigBanner/EngOrgan/banner_namasan_intro_afagh_1800.jpg");
    /*background-image: url(/Assets/Images/Products/engorgan1600.jpg);*/
    height: 1010px; }
  .Eng-Organ .big-title {
    font-size: 88px !important;
    line-height: 100px;
    position: relative;
    margin-right: 24%; }
  .Eng-Organ .text-container {
    margin-top: -1010px; }
    .Eng-Organ .text-container .Red-Button {
      margin-right: 55%;
      float: right; }
  .Eng-Organ .text {
    margin-right: 55%;
    width: 22%;
    color: white;
    text-align: right; }
  .Eng-Organ .eng-img {
    width: 300px; }
  .Eng-Organ .middle-title {
    font-size: 16px; }
  .Eng-Organ .middle-text {
    font-size: 12px;
    line-height: 35px; }
  .Eng-Organ .middle-menu {
    margin-top: -272px; }
  .Eng-Organ .Products-Links {
    width: 82%; }
  .Eng-Organ .Vertical1 {
    height: 400px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical2 {
    height: 100px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical3 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical4 {
    height: 100px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical5 {
    height: 200px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical6 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical7 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical8 {
    height: 30px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical9 {
    height: 170px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical10 {
    height: 560px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical11 {
    height: 150px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical12 {
    height: 60px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical13 {
    height: 50px;
    width: 100%;
    clear: both; }
  .Eng-Organ .Vertical14 {
    height: 500px;
    width: 100%;
    clear: both; }
  @-moz-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @-webkit-keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  @keyframes line-moving {
    0% {
      transform: translate(0, -10%) rotate(0deg); }
    50% {
      transform: translate(0, 10%) rotate(10deg); }
    100% {
      transform: translate(0, -10%) rotate(0deg); } }
  .HowToBuy .line-container {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: transform ease-out 2s;
    left: 88%;
    top: 50%;
    transform: translate(0, -12%) rotate(0deg);
    z-index: 4; }
    .HowToBuy .line-container .parent {
      transform: translate(0, -10%) rotate(0deg);
      animation: line-moving ease-in-out 15s infinite;
      position: absolute;
      /*left: $parentleft;
            top: $parenttop;*/
      width: 200px;
      height: 200px; }
      .HowToBuy .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
      .HowToBuy .line-container .parent .shape-item {
        stroke-width: 0.3px;
        stroke: black;
        transition-timing-function: ease-out;
        animation-fill-mode: forwards !important; }
  .HowToBuy #diagram {
    position: absolute;
    left: 80px;
    width: 75%; }
  .HowToBuy .blue-buy-btn {
    height: 250px; }
  .HowToBuy .title, .HowToBuy .text {
    text-align: right; }
  .HowToBuy .Red-Button {
    float: right; }
  .HowToBuy .request-demo {
    font-size: 28px;
    font-family: Kohinoor-Arabic-Regular;
    height: 200px; }
  .HowToBuy .Vertical0 {
    width: 100%;
    height: 100px;
    clear: both; }
  .HowToBuy .Vertical1 {
    width: 100%;
    height: 30px;
    clear: both; }
  .HowToBuy .Vertical2 {
    width: 100%;
    height: 30px;
    clear: both; }
  .HowToBuy .Vertical3 {
    width: 100%;
    height: 120px;
    clear: both; } }