/*@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: 992px) and (max-width: 1199px) {
  @-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: 70px;
    height: 70px;
    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: 70px;
      height: 70px; }
      .Products-Banner .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 170px; }
      .Products-Banner .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 70px !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;
    text-align: center;
    font-size: 20px;
    text-align: right; }
  .Products-Banner .text {
    text-align: right;
    color: white;
    font-family: Kohinoor-Arabic-Regular;
    font-size: 12px;
    line-height: 25px; }
  .Products-Banner .Red-Button {
    float: right !important; }
  .Products-Banner .big-img {
    background-image: url("../../../Images/Products/Main/Hero/hero_products_afagh_1140.jpg");
    height: 660px; }
  .Products-Banner .banner-text {
    width: 65%;
    margin: auto;
    display: table; }
  .Products-Banner .Vertical0 {
    width: 100%;
    clear: both;
    height: 100px; }
  .Products-Banner .Vertical1 {
    width: 100%;
    clear: both;
    height: 50px; }
  .Products-Banner .Vertical2 {
    width: 100%;
    clear: both;
    height: 30px; }
  .Products-Banner .Vertical3 {
    width: 100%;
    clear: both;
    height: 30px; }
  .Products-Banner .Vertical4 {
    width: 100%;
    clear: both;
    height: 100px; }
  @-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: 190px;
    height: 190px;
    transition: transform ease-out 2s;
    left: 78%;
    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: 190px;
      height: 190px; }
      .WorkingScopes .top-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 190px;
        height: 190px; }
      .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: 70px;
    height: 70px;
    transition: transform ease-out 2s;
    left: 40%;
    top: 70%;
    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: 70px;
      height: 70px; }
      .WorkingScopes .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 170px; }
      .WorkingScopes .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 68px !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: 170px;
    height: 170px;
    transition: transform ease-out 2s;
    left: 15%;
    top: 72%;
    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: 170px;
      height: 170px; }
      .WorkingScopes .bottom-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 170px; }
      .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: 97px;
    left: 65%; }
    .WorkingScopes .big-title-container .big-title:first-of-type {
      line-height: 100px; }
  .WorkingScopes .Vertical1 {
    width: 100%;
    height: 110px;
    clear: both; }
  .WorkingScopes .Vertical2 {
    width: 10%;
    height: 1px;
    float: right; }
  .WorkingScopes .title {
    width: 40%;
    text-align: left;
    float: right; }
  .WorkingScopes .text {
    width: 40%;
    float: right;
    text-align: right; }
  .WorkingScopes .Vertical3 {
    width: 100%;
    height: 25px;
    clear: both; }
  .WorkingScopes .Vertical5 {
    width: 100%;
    height: 40px;
    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: 180px;
    height: 180px;
    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: 180px;
      height: 180px; }
      .Banking .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 180px;
        height: 180px; }
      .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: 70px;
    height: 70px;
    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: 70px;
      height: 70px; }
      .Banking .line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 170px; }
      .Banking .line-circle-container .parent svg.circle {
        transition: all ease-out 0.5s;
        position: absolute;
        transform: rotate(315deg);
        width: 100%;
        height: 100%;
        left: 13px !important;
        top: 132px !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: 180px;
    height: 180px;
    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: 180px;
      height: 180px; }
      .Banking .bottom-line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 180px;
        height: 180px; }
      .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: 70px;
    height: 70px;
    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: 70px;
      height: 70px; }
      .Banking .bottom-line-circle-container .parent svg.line {
        transition: all linear 0.5s;
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 170px; }
      .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: 397px;
    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(/Assets/Images/Products/banking960.jpg);*/
    background-image: url("../../../Images/Products/Main/BigBanner/Banking/banner_banking_intro_afagh_1140.jpg");
    height: 640px; }
    .Banking .bg-img .Red-Button {
      margin-right: 55%;
      float: right; }
    .Banking .bg-img .text {
      margin-right: 55%;
      width: 27%;
      color: white;
      text-align: right; }
  .Banking .big-title {
    font-size: 72px !important;
    position: relative;
    margin-right: 16%; }
  .Banking .middle-title {
    font-size: 17px; }
  .Banking .banking-img {
    width: 200px; }
  .Banking .middle-menu {
    margin-top: -245px; }
  .Banking .Vertical1 {
    height: 220px;
    width: 100%;
    clear: both; }
  .Banking .Products-Links div {
    font-size: 12px; }
  .Banking .Vertical2 {
    height: 60px;
    width: 100%;
    clear: both; }
  .Banking .Vertical3 {
    height: 25px;
    width: 100%;
    clear: both; }
  .Banking .Vertical4 {
    height: 90px;
    width: 100%;
    clear: both; }
  .Banking .Vertical5 {
    height: 50px;
    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: 75px;
    width: 100%;
    clear: both; }
  .Banking .Vertical10 {
    height: 360px;
    width: 100%;
    clear: both; }
  .Banking .Vertical11 {
    height: 100px;
    width: 100%;
    clear: both; }
  .Banking .Vertical12 {
    height: 50px;
    width: 100%;
    clear: both; }
  .Banking .Vertical13 {
    height: 300px;
    width: 100%;
    clear: both; }
  .SpecialOffer .horizontal-line-container {
    position: absolute;
    width: 1000px;
    /*height: $svgSize;*/
    transition: transform ease-out 2s;
    right: 43%;
    top: 227px;
    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/offer960.jpg);
    height: 355px; }
  .SpecialOffer .title {
    font-size: 33px;
    float: right;
    margin-right: 12%;
    text-align: right; }
  .SpecialOffer .white-buy-btn {
    margin-right: 3%;
    font-family: Kohinoor-Arabic-Regular;
    font-size: 17px;
    line-height: 28px;
    height: 170px; }
  .SpecialOffer .Red-Button {
    margin-right: 12%;
    float: right; }
  .SpecialOffer .Vertical1 {
    width: 100%;
    height: 115px;
    clear: both; }
  .SpecialOffer .Vertical2 {
    width: 100%;
    height: 40px;
    clear: both; }
  .Eng-Organ {
    /*.Vertical11 {
            height: 100px;
            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); } }
    .Eng-Organ .line-container {
      position: absolute;
      width: 180px;
      height: 180px;
      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: 180px;
        height: 180px; }
        .Eng-Organ .line-container .parent svg.line {
          position: absolute;
          left: 0;
          top: 0;
          width: 180px;
          height: 180px; }
        .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: 70px;
      height: 70px;
      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: 70px;
        height: 70px; }
        .Eng-Organ .line-circle-container .parent svg.line {
          transition: all linear 0.5s;
          position: absolute;
          left: 0;
          top: 0;
          width: 170px;
          height: 170px; }
        .Eng-Organ .line-circle-container .parent svg.circle {
          transition: all ease-out 0.5s;
          position: absolute;
          transform: rotate(315deg);
          width: 100%;
          height: 100%;
          left: 116px !important;
          top: 30px !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: 190px;
      height: 190px;
      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: 190px;
        height: 190px; }
        .Eng-Organ .bottom-line-container .parent svg.line {
          position: absolute;
          left: 0;
          top: 0;
          width: 190px;
          height: 190px; }
        .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: 391px;
      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_1140.jpg");
      /*background-image: url(/Assets/Images/Products/engorgan960.jpg);*/
      height: 640px; }
    .Eng-Organ .big-title {
      font-size: 50px !important;
      line-height: 100px;
      position: relative;
      margin-right: 20%; }
    .Eng-Organ .text-container {
      margin-top: -640px; }
      .Eng-Organ .text-container .Red-Button {
        margin-right: 55%;
        float: right; }
    .Eng-Organ .text {
      margin-right: 55%;
      width: 27%;
      color: white;
      text-align: right; }
    .Eng-Organ .Products-Links div {
      font-size: 12px; }
    .Eng-Organ .eng-img {
      width: 200px; }
    .Eng-Organ .middle-menu {
      margin-top: -242px; }
    .Eng-Organ .Vertical1 {
      height: 220px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical2 {
      height: 40px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical3 {
      height: 25px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical4 {
      height: 70px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical5 {
      height: 50px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical6 {
      height: 20px;
      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: 75px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical10 {
      height: 350px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical12 {
      height: 100px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical13 {
      height: 50px;
      width: 100%;
      clear: both; }
    .Eng-Organ .Vertical14 {
      height: 320px;
      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: 180px;
    height: 180px;
    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: 180px;
      height: 180px; }
      .HowToBuy .line-container .parent svg.line {
        position: absolute;
        left: 0;
        top: 0;
        width: 180px;
        height: 180px; }
      .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;
    top: 60px;
    left: 0px;
    width: 85%; }
  .HowToBuy .title, .HowToBuy .text {
    text-align: right; }
  .HowToBuy .blue-buy-btn {
    height: 170px;
    width: 97%;
    font-size: 17px; }
  .HowToBuy .request-demo {
    font-size: 25px;
    font-family: Kohinoor-Arabic-Regular;
    height: 150px; }
  .HowToBuy .Red-Button {
    float: right; }
  .HowToBuy .Vertical0 {
    width: 100%;
    height: 75px;
    clear: both; }
  .HowToBuy .Vertical1 {
    width: 100%;
    height: 25px;
    clear: both; }
  .HowToBuy .Vertical2 {
    width: 100%;
    height: 25px;
    clear: both; }
  .HowToBuy .Vertical3 {
    width: 100%;
    height: 95px;
    clear: both; } }