/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html,
body {
    background-color: #fff;
    /*color: #555;*/
    /*font-family: Aller_Rg,, sans-serif;*/

    /*font-size: 1rem;*/

    text-rendering: optimizeLegibility;
    overflow-x: hidden;

      font-family: Aller_Rg;
   color: rgb(51,62,72);
}


.row-custom {
    max-width: 1140px;
    margin: 5% auto;
    /*padding: 2rem 4rem;*/
    /*background-color: yellow;*/
}

.arabic-f {
      font-family: GE_SS_Text_Light;
      direction: rtl;

}


/* ----------------------------------------------- */
/*                                   HEADER */
/* ----------------------------------------------- */






.navbar-dark .nav-item > .nav-link.active  {
    /*color: red;*/
    border-bottom: 3px solid #C72587;
}







.logo {
height: 130px;
width: auto;
float: right;
margin-top: 5px;
}

.logo-black { 
    display: none;
    height: 50px;
    width: auto;
    float: right;
    margin: 5px 0;
}

/* Main navi */

.navigation-bar{

    background-color: #333E48;
    background-size: 10px;
}



.main-nav {
    float: left;
    list-style: none;
    margin-top: 55px;
}





#contactUsLi {
  border: 2px solid #F1DC63;
   border-radius: 200px;
   /*padding: 3px 12px;*/
   color: #fff;
   display: inline-block;
   /*margin: 0 auto;*/
  /* font-weight: lighter;
   text-decoration: none;
    transition: border 0.25;*/
   
   
}






@media only screen and (max-width: 56.25em){
#contactUsLi {
    
   padding: 3px 12px;
}
}





#contactUsLi:hover,
#contactUsLi:active
 {
border: 2px solid #F1DC63;
background-color: #F1DC63;
/*background-color: red;*/

}

.active-contact {
  border: 2px solid #F1DC63;
background-color: #F1DC63;
   border-radius: 200px;
   /*padding: 3px 12px;*/
   color: #fff;
   display: inline-block;
   /*margin: 0 auto;*/


}

#contact-text {
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}







/* Mobile navi */
.mobile-nav-icon {
    float: left;
    margin-top: 30px;
    cursor: pointer;
    display: none;
}

.mobile-nav-icon i {
    font-size: 200%;
    color: #fff;
}


.drop-d1 {
  margin-top: -0.1rem;
}


@media only screen and (max-width: 56.25em) {
  .drop-d1 {
margin-top: -0.5rem;


 
  }
}


@media only screen and (max-width: 56.25em) {
  .dropdown-menu {
display: none !important;


 
  }
}

.pressed-btn {

   display: inline-block;
 }

.pressed-btn:hover,
.pressed-btn:active,
.pressed-btn:focus {
  border-bottom: 3px solid #C72587;
  display: inline-block;

  /*margin-bottom: -10%;*/
}



.navbar {
  direction: rtl;
}
.navbar-nav {
  padding: 0;
  direction: rtl;
  text-align: right;



}



@media only screen and (max-width: 56.25em) {
.navbar-nav {
text-align: center;
/*padding: 5%;*/

 
  }
}



@media only screen and (max-width: 75em) {
.navbar-nav {
text-align: center;
/*padding: 5%;*/

 
  }
}



@media only screen and (max-width: 56.25em) {
.navbar-nav > li > a {
/*text-align: center;*/
/*padding: 5%;*/
margin-bottom: 2%;
 
  }
}



@media only screen and (max-width: 75em) {
.navbar-nav > li > a {
/*text-align: center;*/
/*padding: 5%;*/
margin-bottom: 2%;
 
  }
}



.navbar-decor {
    background-color: #343F49;
    padding-top: 0;
    padding-bottom: 0;

}

.navbar-container {
    margin-left: 3%;

}

@media only screen and (max-width: 56.25em) {
  .navbar-container {
margin-left: 0;

  }
}

.brand-img {
/*height: 139px;*/
/*width: 180px;*/
height: auto;
width: 200px;
margin: -1rem auto;


}


@media only screen and (max-width: 56.25em) {
  .brand-img {

text-align: left;
float: left;

margin-left: -0.75rem;

  }
}

@media only screen and (max-width: 75em) {
.brand-img {
text-align: left;


 
  }
}

.navbar-nav > .nav-item {
  padding-right: 2rem;

}



.dropdown:hover .dropdown-menu { display: block; }

.dropdown-menu > .dropdown-item {
  font-size: 0.75rem;
  text-align: center;


    animation-name: slidenavAnimation;
  animation-duration:.9s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.9s;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;

  /*border-bottom: 1px solid gray;*/
}

@keyframes slidenavAnimation {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropdown-menu > .special-style {
  border-bottom: 1px solid gray;
  /*width: 75%;*/
  /*position: absolute;*/
  float: none;
  text-align: center;
  /*background-color: red;*/

}


.drop-menu-style {
  padding: 0 2%;
}



.navbar-dark .navbar-nav .nav-link {
  color: white;
}






/* ----------------------------------------------- */
/*                                Footer */
/* ----------------------------------------------- */


.footer-icon {

    width: 25px;
    height: auto;
    margin: 0 0.1rem;
    /*padding: 1%;*/
   display: inline;
}

@media only screen and (max-width: 56.25em) {
  .footer-icon {
/*margin-left: -2%;*/
margin: 0 auto;
display: inline-block;

 
  }
}


.footer-icon:hover,
.footer-icon:focus,
.footer-icon:active {
  opacity: 0.7;
}


.socicon-twitter:before {
  content: "\e08d";
}


.socicon-facebook:before {
  content: "\e028";
}


.socicon-youtube:before {
  content: "\e0a5";
}







.footer-row {
  max-width: 140rem;
  margin: 0 5%;
}

@media only screen and (max-width: 56.25em) {
  .footer-row {
    max-width: 70rem;
    padding: 0 2rem;
  }
}

.footer-row::after {
  content: "";
  display: table;
  clear: both;
}



@media only screen and (max-width: 56.25em) {
  .footer-row [class^="col-"] {
    width: 100% !important;
  }
}




@media only screen and (max-width: 56.25em){
.footer-row {
    max-width: 90rem;
    padding: 0 3rem;
    /*margin: 0;*/
}}



.footer-row .col-1-of-1-w {
  width: 100%;
}

.footer-row .col-1-of-2-w {
  width: calc(100% / 2);
}

.footer-row .col-1-of-3-w {
  width: calc(100% / 3);
}

.footer-row .col-2-of-3-w {
  width: calc(2 * (100%  / 3));
}

.footer-row .col-1-of-4-w {
  width: calc(100% / 4);
}

.footer-row .col-2-of-4-w {
  width: calc(2 * (100%  / 4));
}

.footer-row .col-3-of-4-w {
  width: calc(3 * (100%  / 4));
}


/*where the footer-nav starts */
.footer-row [class^="col-"] {
    /*float: left;*/
    float: right;

}




.footer-all-container {
    background-color: rgb(219,217,214);
    padding: 0.5rem 0.25rem;
    font-size: 100%;
    /*color: #fff;*/
    color: rgb(51,62,72);
   
}

@media only screen and (max-width: 56.25em) {
  .footer-all-container {
    padding: 0.3rem;
     font-size: 140%;


  }
}


.footer-border-right {
  border-right: 1px solid rgb(51,62,72);
}

@media only screen and (max-width: 56.25em) {
  .footer-border-right {
    border-right: none;
  }
}

.footer-border-left {
  border-left: 1px solid rgb(51,62,72);
}

@media only screen and (max-width: 56.25em) {
  .footer-border-left {
    border-left: none;
  }
}

.footer_logo {
    width: 4.5rem;
    height: auto;
    /*margin: 0;*/
}




.footer_logo-container {
  /*text-align: center;*/
  float: left;
  /*margin: 5% 0;*/
  padding-top: 2rem;
}

@media only screen and (max-width: 56.25em) {
  .footer_logo-container {
    margin-bottom: 1rem;
    /*margin: 0;*/
    float: none;
    text-align: center;
  }
}





.footer-setting {
  margin-top: 1.25rem;
  color: #fff;
}

@media only screen and (max-width: 56.25em) {
  .footer-setting {
    width: 100%;
    float: none;
    display: inline-block !important;
  }
}





.u-center-text {
    text-align: center !important;
    display: inline-block;
}


@media only screen and (max-width: 56.25em) {
  .u-center-text {
    text-align: center !important;
    display: inline-block;
  }
}



.footer-link:link,
.footer-link:visited {
  color: #fff;
  /*background-color: rgb(51,62,72);*/
  text-decoration: none;
 /* text-transform: uppercase;*/
}

.footer-link:hover,
.footer-link:active
{
     color: #C72587;
     /*text-decoration: underline;*/

}


.footer-link > .footer-icon {
  margin: -0.3rem;
}

.call-us-container {


/*text-align: center;*/
float: left;
  width: 60%;
  padding-right: 0.5rem;
  margin-top: 1rem;
  padding-bottom: 10px;

  /*margin-left: -5%;*/
  display: inline-block;
  background-color: rgb(211,211,211);
}


@media only screen and (max-width: 56.25em){
.call-us-container {
 float: none;
    /*background-color: red;*/
    /*position: static;*/
    margin: 0 auto;


}}

.social-icons {
  float: right;
}

@media only screen and (max-width: 56.25em) {
  .social-icons {
float: none;

 
  }
}


.call-us-container > img {
/*display: none;*/
  
}

.footer-section-icons {

    margin-left: 0.25rem;
    padding-top: 0px;
    padding:0px;
    float: right;

/*margin-left: 18%;*/
/*Here*/
width: 10%;
height: auto;
}


@media only screen and (max-width: 56.25em){
.footer-section-icons {
    /*text-align: center !important;*/
    text-align: right;
    padding-right: -10rem;
    /*margin-right: 0;*/
    /*float: none;*/
    
}}

.footer-call-Us-icon {
    width: 20%;
    height: auto;
    /*position: relative;*/
}

@media only screen and (max-width: 75em) {
  .footer-call-us-icon {
width: 10%;
margin-right: -1rem;


 
  }
}




.call-footer-iconsss {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-right: 1rem;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 18%;
/*Here*/
width: 30%;
height: auto;
}

.callUs-icon-pink {
    width: 30%;
    height: auto;
}


.call-us-text {
    /*font-size: 14px;*/
    color: #333E48;
    font-family: Aller_Rg;
    text-align: right;
    /*text-justify: inter-word;*/
    float: none;
    font-size: 90%;
   
    /*margin-bottom: 0px;*/
    margin-left: 0px;
    /*width: 90%;*/
    position: relative;
    margin-top: 1px;
    margin-right: 5%;
}



@media only screen and (max-width: 56.25em){
.call-us-text {
/*margin-left: auto;*/
text-align: center;
margin-left: -0.5rem !important;
margin: 0 auto;
}}


.footer-row::after {
    content: "";
    display: table;
    clear: both;
}

 .footer-font {
  font-size: 80%;
  font-weight: lighter;
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0.5px;
    margin-inline-end: 0.5px;
    color: rgb(51,62,72);
    /*background-color: red;*/
    margin-bottom: 0.1rem;
}





.footer-nav{
list-style: none;
text-align: right;
    font-family: GE_SS_Text_Light;


}

@media only screen and (max-width: 56.25em) {
  .footer-nav {
   text-align: center;
   margin: auto 0;
   display: block;
  }
}



.footer-nav li{
list-style: none;
padding-bottom: 7px;
font-size: 90%;

padding-left: 5px;
}

@media only screen and (max-width: 56.25em) {
  .footer-nav li {
padding-left: 0;
list-style: none;
/*display: inline-block !important;*/
font-size: 65%;
  }
}

@media only screen and (max-width: 75em) {
  .footer-nav li {
 display: block;
  }
}


.footer-nav li a{
    text-decoration: none;
    color: rgb(51,62,72);


}





.footer-nav li a:hover,
.footer-nav li a:active{
    /*padding-bottom: 0px;*/
border-bottom: 2px solid #C72587;



}



.footer-img{
    width: 50%;


}




/* ----------------------------------------------- */
/*                                 Reusable  */
/* ----------------------------------------------- */


h1,
h2,
h3 {
    margin: 0;
        font-weight: 100;


}


h1 {
    margin-top: 0;
    color: #000;
    font-size: 170%;
    margin-bottom: 10px;
}

h2 {
    font-size: 100%;
    margin-bottom: 20px;
}

section{

    margin-top: 100px;
    margin-bottom: 100px;
}


.increase-marging-bot {
  margin-bottom: 12rem;
}


.decrease-margin-top {
  margin-top: -12%;
}

.decrease-m-b {
  margin-bottom: -10%;
}

.decrease-m-r {
  margin-right: -10%;
  
}


.after-s-m-b {
  margin-bottom: 2rem;
}

.after-s-m-t {
  margin-top: -2em;
}


@media only screen and (max-width: 75em) {
  .after-s-m-t {
   margin-top: -3rem;
  }
}


/*Slide-show indecators setting with slide container*/

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -55px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 10%;
  margin-left: 10%;
  list-style: none;
  
}




.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  display: inline-block;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(219, 217, 214, 0.7);


}

@media only screen and (max-width: 56.25em) {
.carousel-indicators li {
    margin-top: -35%;
   
  }
}


.carousel-indicators .active {
  background-color: #969696;
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}



.carousel-control-prev,
.carousel-control-prev:hover,
.carousel-control-next,
.carousel-control-next:hover
 {
  color: #C72587;


}

.container-Slide{
 max-width: auto;
  /*height: 400px;*/
  height: 380px;
  /*position: relative;*/
  margin: auto;
  text-align: center;

}

.btn-slide {
    font-size: 100%;
    color: gray;
}

.btn-slide:hover {
  color: rgb(226,26,142);

  /*background-color: #C72587;*/
/*  border-radius: 10%;
  width: 120px;
  height: auto;*/

}





/* ----------------------------------------------- */
/*                                 Home page  */
/* ----------------------------------------------- */


.rtl-row {
  direction: rtl;
}

.top-space {

}


@media only screen and (max-width: 56.25em) {
  .top-space {
    margin-top: 2rem;
   
  }
}


#homePage-decoration {
     max-width: 55%;   
    height: auto;
    margin-right: -30%;
    margin-top: 0;
    position: relative;


}


.ourProduct {
    margin-bottom: 5%;
}

.beginSection{

background-image: url(img/background2.png);
background-size:70% 100%; 
background-repeat: no-repeat;
background-position: left;
height: 80vh;

}
.begin{
    position: absolute;
    margin-top: 15%;
    margin-left: 15%;
    color: #000;
    font-size: 90%;
        overflow:hidden;

}


.home-page-begin {
margin: 0 4% 0 4%;
/*background-color: red;*/
display: inline-block;
}



a:link,
a:visited  {
    padding: 8px 8px;
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.25;

}







/* ----- BUTTONS ----- */



.btn-main {
    display: inline-block;
    padding: 70px 12px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 90%;
    font-weight: 100;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;

}

.btn-full {
    background-color:#F1DC63 ;

    width: 8rem;
    border: 1px solid #F1DC63;
    border-radius: 8px;
     box-shadow: 0 0 0 0;
    color: #000;
    margin-left: 1.5rem;
    margin-bottom: 1rem !important;
    font-size: .9rem;
    padding: 0.25rem;
   
}
.h-btn {
  font-size: 12px;
}

.btn {
    transition: none;
}

.btn-ghost{
  width: 8rem;
    background-color:#E2E2E2;
    border: 1px solid #E2E2E2;
     border-radius: 8px;
    box-shadow: 0 0 0 0;
    color: #000;
    font-size: .9rem;
    margin-bottom: 1rem !important;

}


.btn-siteline {
   /*outline: 0;*/
  box-shadow: 0 0 0 0;
}




.btn-siiityle {
    background-color: #F5E059;
    /*background-color: red;*/
    width: 50%;
    float: right;
    /*height: 40px;*/
    height: auto;
    /*height: 100px;*/
    border: none;
    text-align: center;
    display: inline-block;

}



.btn:hover,
.btn:active,
.btn-main:hover,
.btn-main:active{
    background-color: #C72587;
      box-shadow: 0 0 0 0;
    /*border: none;*/

}

.btn-full:hover {
   /* border: 1px solid #C72587;
    background-color: #C72587;*/
      /*box-shadow: 0 0 0 0;*/
    background-color: rgb(226,26,142);
  border-color: rgb(226,26,142);
}



/*.contact-btn {
    background-color: #F5E059;
    padding: 0.1rem 2rem;
     font-size: 0.75rem;
     padding: 2% 4%;
    border-radius: 10px;
    font-weight: lighter;
    width: 8rem;
    height: auto;
    border: none;
    color: rgb(51,62,72);
    text-align: center;
    float: none;
    margin-top: -1rem;

}

.contact-btn:hover {
  background-color: rgb(226,26,142);
  border-color: rgb(226,26,142);
}*/


.btn-ghost:hover,
.btn-ghost:active {
        background-color: rgb(226,26,142);
  border-color: rgb(226,26,142);
    color: #fff;
}




.firstImage{

    /*float: right;*/
    /*float: left;*/
    float: none;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    height: auto;

margin: 0 auto;
    /*margin: 1% 25%;*/


}

.firstImage-b {

    /*float: right;*/
    /*float: left;*/
    float: none;
    text-align: center;
    vertical-align: middle;
    width: 40%;
    height: auto;

margin: 0 auto;
    /*margin: 1% 25%;*/

}

.sm-slide-img {
  width: 65%;
}


#img-vm {
  width: 180px;
  height: auto;

}

.second{
    /*margin-top: 50px;*/
    width:50%;
    height: auto;
    /*margin-left:30px;*/
    /*float:right;*/
    /*float: left;*/
    
}


/*.dot-indextors {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 100%;
  display: inline-block;
  transition: background-color 0.6s ease;

}*/


/*Here*/


.btn p{
    font-size: 200%

}




.home-page-all-container {
    /*background-color: red;*/
    padding: 2rem 0;
    font-size: 130%;
    color: rgb(51,62,72);
   
}




@media only screen and (max-width: 56.25em) {
  .home-page-all-container {
    padding: 8rem;
  }
}




.home-page-row {
  max-width: 140rem;
  margin: 0 auto;
}

@media only screen and (max-width: 56.25em) {
  .home-page-row {
    max-width: 50rem;
    padding: 0 3rem;
  }
}

.home-page-row::after {
  content: "";
  display: table;
  clear: both;
}

.home-page-row [class^="col-"] {
  /*float: left;*/
  text-align: left;
}

@media only screen and (max-width: 56.25em) {
  .home-page-row [class^="col-"] {
    width: 100% !important;
  }
}




@media only screen and (max-width: 56.25em){
.home-page-row {
    max-width: 70rem;
    padding: 0 3rem;
}
}


.home-page-row .col-1-of-1-w {
  width: 100%;
}

.home-page-roww .col-1-of-2-w {
  width: calc(100% / 2);
}


.welcome-text {
  font-size: 160%;
   font-family: GE_SS_Text_Medium;

}


.fir {
  display: inline-block;
  /*background-color: red;*/
  padding: 1rem 0rem;
  font-size: 120%;
  display: inline-block;
  float: right;
  margin-right: 20%;
  text-align: right;

}


@media only screen and (max-width: 75em){
.fir {
    /*max-width: 70rem;*/
    /*padding: 0.1rem 0rem;*/
    margin: 0 auto !important;
    float: none;
    text-align: center;


      display: inline;

}
}

@media only screen and (max-width: 56.25em){
.fir {
    /*max-width: 70rem;*/
    /*padding: 0.1rem 0rem;*/
    margin: 0 auto !important;
    float: none;
    text-align: center;


      display: inline;

}
}

.btn-home {
display: block;
    font-family: GE_SS_Text_Light;
}


@media only screen and (max-width: 75em){
.btn-home {
    margin: 0 auto;
    margin-bottom: 1rem;
        display: inline-flex;
   

   

}
}



@media only screen and (max-width: 56.25em){
.btn-home {

    margin: 0 auto;
    display: block;

}
}

.sec {

display: inline-block;
/*background-color: red;*/
height: auto;



}




@media only screen and (max-width: 56.25em){
.sec {
    /*max-width: 70rem;*/
    /*padding: 0.1rem 0rem;*/
    margin: 0 auto;
    display: block;
    /*background-color: blue;*/
}
}


/* ----------------------------------------------- */
/* 
/* ----------------------------------------------- */


.long-copy{
line-height: 145%;
width: 70%;
margin-left: 15%;
font-weight: 100;
font-size:90%;
text-align: center;



}


.left-pra{

margin: 0;
font-weight: 100;
line-height: 145%;
width: 70%;
margin-left: 70%;
    font-family: GE_SS_Text_Light;
}


.right-pra{

margin: 0;
font-weight: 100;
line-height: 5%;
width: 70%;
margin-left: 70%;
    font-family: GE_SS_Text_Light;
    margin-top: 50%;
}
/*newImages*/
.newImages{

list-style: none;
width: 60%;


}
.newImages li {
    display: block;
    float: left;
    width: 20%;
}

.newImages li figure{
width: 100%;
margin: 0;
margin-left: 260%;
overflow: hidden;

}

.newImages li figure img{
width: 100%;
height: auto;
transform: scale(1.15);
transition: transform 0.5s;


}

.newImages li figure img:hover{
    opacity: 1;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);

}



#title{
    font-family: GE_SS_Text_Medium;
    font-size: 200%;
    text-align: center;
    /*font-weight: bold;*/
    margin-bottom: 30px;

}


#title:after{

    display: block;
    height: 5px;
    background-color: #F1DC63;
    content: " ";
    width: 120px;
    margin: 0 auto;
    margin-top: 30px;
}




/* ----------------------------------------------- */
/* Third Section  */
/* ----------------------------------------------- */

.products-container {
     max-width: 1140px;
    margin: 10% auto;
    vertical-align: middle;
        font-family: GE_SS_Text_Light;
        font-size: 140%;

    
    /*background-color: red;*/
}

.products-container > .product-item {
  padding: 0 2rem;
  margin: 0 auto;

  /*display: inline;*/
}

.products{
background-color: #000;
margin-left: 9px;
    display: block;
    float: left;
    width: 28%;
    border-radius: 20px;

    height: 200px;
    font-size: 100%;

}


@media only screen and (max-width: 56.25em){
.products {
   
    font-size: 55%;
    height: 200px;
    height: 90%;

}
}


.products:hover {
   opacity: 0.85;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(5.03);
    transform: scale(1.07);
}


.products1{
    margin-left: 2%;
    background-color: #F2D864;

}






.products2{
  margin-left: 2%;
background-color:#E21A8E;
}

.products3{
  margin-left: 7%;
background-color:#95C93D;

}

.products img{
    margin-top: 30px;
        width: 20%;
        margin-left: 40%;

}

.products2 img{

    margin-top: 30px;
        width: 40%;
        margin-left: 38%;

}

.products p{
    margin-top: 4px;
    font-size: 120%;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;


}






/* ||||||||||||||||||||||||||||||||||||||| Font  |||||||||||||||||||||||||||||||| */





@font-face {
    font-family: Aller_Bd;
    src: url(fonts/Aller_Bd.ttf);
    font-weight: bold;
}


@font-face {
    font-family: Aller_Rg;
    src: url(fonts/Aller_Rg.ttf);
    font-weight: normal;
}


@font-face {
    font-family: Aller_Std_Lt;
    src: url(fonts/Aller_Std_Lt.ttf);
    font-weight: lighter;
}

/*
********* Arabic font *********
*/

@font-face {
    font-family: GE_SS_Text_Bold;
    src: url(fonts/GE_SS_Text_Bold.otf);
    font-weight: bold;
}


@font-face {
    font-family: GE_SS_Text_Medium;
    src: url(fonts/GE_SS_Text_Medium.otf);
    font-weight: normal;
}


@font-face {
    font-family: GE_SS_Text_Light;
    src: url(fonts/GE_SS_Text_Light.otf);
    font-weight: lighter;
}




/*
=======================================================================
                         Contact Us page 
 ======================================================================

*/



.english-font {
  font-family: Aller_Std_Lt;
}


#decoration-side {
    max-width: 75%;
    height:auto;
    margin-right: 0;
    position: relative;
    /*object-fit: cover;*/

}


#decoration-side-contact {
    max-width: 75%;
    height:auto;
    margin-right: 0;
    right: 0;
    position: absolute;
    /*object-fit: cover;*/

}

.container-all-width {
    width: 100%;
    height: auto;
    /*background-color: blue;*/
    /*display: inline;*/
    margin-left: -5%;
    margin-top: -25%;
     margin-bottom: -25%;
    /*margin-bottom: 3%;*/
    float: left;

    /*position: sticky;*/
}


#decoration-side-left {
    max-width: 50%;   
    height: auto;
    margin-left: -3%;

    
    /*background-color: red;*/
    

}

/* ##### The contact Form settings ##### */
.contact-bg-container {
  /*hayaf*/
   /* margin-top: 15%;
    margin-left: 5%;*/
    margin: 0 auto;
    margin-bottom: 5%;
    /*margin-right: 0;*/
    right: 0;
    width: 100%;
    position: static;
    /*background-color: red;*/

}




.page-container {
     width: 100%;
      height: auto;
       margin-bottom: 10%;
        float: left;
        margin-left: 5%;
         margin-top: -35%;
          font-family: GE_SS_Text_Medium;
         /*background-color: black;*/

/*left: 4%;*/
/*  background-color: red;
  position: relative;*/
}


@media only screen and (max-width: 75em) {
  .homepage-container {
margin: 0 auto;
margin-top: -35%;


 
  }
}

@media only screen and (max-width: 56.25em) {
  .homepage-container {
margin: 0 auto;
margin-top: -35%;


 
  }
}





.Contact-page-container {
       width: 100%;
      height: 50%;
       margin-bottom: 10%;
        /*float: left;*/
         margin-top: 10%;
         margin-left: 5%;


  position: relative;
}


@media only screen and (max-width: 56.25em) {
  .Contact-page-container {
margin-right: -20%;

 
  }
}




.container-content-body {
  width: 100%;

  /*margin-left: -4%;*/
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 5%;
  /*margin-right: auto;*/
  /*margin-left: auto;*/
  /*margin-top: -8%;*/
  /*margin-left: -5%;*/
  display: inline-block;
/*background-color: black;*/
}



@media only screen and (max-width: 56.25em) {
  .container-content-body {
margin-left: 0 auto;
padding: 0;

  /*padding-right: 0;*/


 
  }
}



.abbooutUS {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: left;
float: none;
  width: 100%;
  padding-right: 10rem;
  padding-left: 0.5rem;
  /*padding-top: 3px;*/
  padding-bottom: 0.5rem;
  /*margin-right: 19%;*/
  margin-left: 2%;
  margin-top: 2rem;
  /*margin-left: -5%;*/
  display: inline-block;
/*background-color: black;*/

}


.aboutUs-icons-set {
        /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-right: 1rem;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 15%;
/*Here*/
width: 10%;
height: auto;
}



.contacts-info-container {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: right;
float: none;
  width: 100%;
  padding-left: 5rem;
  /*padding-left: 0.5rem;*/
  /*padding-top: 3px;*/
  padding-bottom: 0.5rem;
  /*margin-right: 19%;*/
  /*margin-left: 2%;*/
  margin-top: 2rem;
  /*margin-left: -5%;*/
  display: inline-block;
  /*display: block;*/
/*background-color: black;*/

}



@media only screen and (max-width: 56.25em) {
  .contacts-info-container {
padding-left: 0.5rem;
/*background-color: red;*/
/*text-align: center;*/


 
  }
}


/*@media only screen and (max-width: 41em) {
  .contacts-info-container {
padding-right: 5.7rem;

 
  }
}*/


.line-stretch {
    margin: 1% 40%;
}


.information-text {
    /*font-size: 14px;*/
    color: #333E48;
    /*font-family: Aller_Rg;*/
          /*font-family: GE_SS_Text_Light;*/
    text-align: justify;
    direction: rtl;
    /*text-align: justify;*/
    text-justify: inter-word;
    float: none;
    font-size: 110%;

    width: 100%;
    position: relative;
    margin-top: 5px;
      display: block;
      margin-right: 1rem;

    /*margin-right: 4rem;*/
    
    /*background-color: green; */
}

@media only screen and (max-width: 56.25em) {
  .information-text {

    font-size: 95%;


 
  }
}


.info-icons {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-bottom: 3rem;
    margin-left: 1rem;
    padding-top: 0px;
    padding:0px;
    float: right;

margin-right: 18%;
/*Here*/
width: 10%;
height: auto;
}

@media only screen and (max-width: 56.25em) {
  .info-icons {
width: 12%;
margin-right: 5%;

 
  }
}



.callUs-icon {
    width: 20%;
    height: auto;
}




.contact-form-container {
/*  margin-top: 10%;
    margin-left: 5%;*/
    border-left: 4px solid #489490;
    padding-left: 2%;
/*background-color: red;*/
    /*position: relative;*/

}

.image-right-decores {
    background: url(img/side-decortion.png);
}

.contact-title {
    
     /*font-family: Aller_Bd;*/

    /*font-weight: bold;*/
        font-family: GE_SS_Text_Medium;

    font-size: 35px;
    margin-bottom: 1%;
   
/*    position: relative;
    white-space: nowrap;*/
    color: rgb(51,62,72);
    /*text-align: center;*/
    /*float: none;*/



/*  position: center;*/
    /*width: 100%;*/
}




@media only screen and (max-width: 56.25em) {
  .contact-title {
font-size: 140%;

 
  }
}




.entries-container {
    margin-top: 2%;
    width: 40%;
    padding-right: 2%;

}

@media only screen and (max-width: 56.25em) {
  .entries-container {
width: 75%;

 
  }
}


/*@media only screen and (max-width: 75em) {
 .entries-container {
width: 50%;

  }
}*/


.entries-setting {
/*width: 50%;*/
border: none;
border-bottom: 1px solid gray;
border-radius: 0;
}



@media only screen and (max-width: 56.25em) {
  .entries-setting {
font-size: 85%;

 
  }
}




.label-settings {
    padding-top: 10px;
        font-family: GE_SS_Text_Light;


}



.btn-style {
    background-color: #F5E059;
    /*background-color: red;*/
    width: 50%;
    float: right;
    /*height: 40px;*/
    height: auto;
    /*height: 100px;*/
    border: none;
    text-align: center;
    display: inline-block;
        font-family: GE_SS_Text_Light;


}


.sent-message-text {
color: rgb(226,26,142);
padding-top: 2rem;


}

.error {
color: rgb(226,26,142);
padding-top: 2rem;
}

/*.error:hover {
  text-decoration: underline;
  
}*/

.try-again-btn {
  text-decoration: underline;
  font-style: italic;
  color: rgb(64,180,229);
}


/* ##### The Map settings ##### */

#map {
        height: 450px;
        width: 100%;

    }


    @media only screen and (max-width: 56.25em) {
  #map {
width: 100%;
height: 20rem;

 
  }
}


    /*
------------------------------------------------
 To set up the grid of page (Map, contact info) 
------------------------------------------------*/
  
    /*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col { 
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 480px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
}



.map-contactInfo-container {
    /*margin-top: 5%;
    margin-bottom: 5%;*/
    /*margin-top: 20%;*/
    /*padding-top: 50%;*/
    margin-top: 1%;
    position: relative;
    padding-right: 10%;
    margin-left: 5%;

    /*background-color: red;*/
    /*position: relative;*/

}

 .line-separator {
max-width: 20%;
height: 5px;
border-bottom: 6px solid rgb(248,234,71);


}

.center-div {
    margin: 0 auto;
}

.contacr-info-container {
    text-align: center;
    margin: 0;
    /*background-color: red;*/
}

.info-text {
    font-size: 14px;
    color: #333E48;
    font-family: Aller_Rg;
    text-align: justify;
    text-justify: inter-word;
    /*float: center;*/
    margin-top: 5%;
    margin-right: 30%;
    margin-left: 30%;
}
.big-bold-font {
    /*font-weight: bold;*/
    font-size: 200%;
    margin-top: -1%;
} 

.icons {
   /* width: 100px;
    height: auto;*/
    max-width: 20%;
    height: auto;
    /*position: relative;*/
    text-align: right;
    float: right;
    margin-right: 2%;


    

}




.icons:hover {
    max-width: 30%;
    border-bottom: 3px solid #F2D864;
    padding: 5px;
}

.without-rl-margin {
    margin: 1% 0;
    padding: 1% 1%;
}


.icon-img {
    width: 20px;
    height: auto;
    position: relative;
    text-align: center;
    float: none;
}

i[class^="fas"]:hover {
    font-size: 30px;
    color: #D54195;
}


/*
=======================================================================
                         Coffee page 
 ======================================================================

*/




.flourish {
  display: block;
  overflow: hidden;
  text-align: center;
}
.flourish:before, 
.flourish:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  border-top-style: dashed;
  border-top-width: 3px;
  border-color: #F5E059;
  /*border-top: 3px dashed #F5E059;*/
}
.flourish:before {
  right: 0.5em;
  margin-left: -50%;
  position: absolute;
}
/*.flourish:after {
  left: 0.5em;
  margin-right: -50%;
  position: absolute;
}*/

img {
  vertical-align: middle;
}



.line-be {
  position:relative;
  text-align: center

}
.line-be:before {
  content: "";
  display: block;
    margin: 0 auto;
  border-top: 4px dashed #F5E059;
  width: 140%;
  height: 2px;
  position: absolute;
  top: 50%;
left: -20%;
  padding: 0;
 
  z-index: 0;
  text-align: center;
  vertical-align: middle;



}
.line-be img {
  /*background: #fff;*/
  /*padding: 0 10px;*/
  position: relative;
  z-index: 1;
}


@media only screen and (max-width: 56.25em) {
  .line-be:before  {
/*display: none;
position: static;*/


  }
}




.line-be2 {
  position:relative;
  text-align: center
}
.line-be2:before {
  content: "";
  display: block;

  border-top: 4px dashed #F5E059;
  /*border-top: solid 2px #bebebe;*/
/*margin-left: -60%;*/
  width: 80%;
  height: 2px;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 30%;
  z-index: 0;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}
.line-be2 .row {
  /*background: #fff;*/
  /*padding: 0 10px;*/
  position: relative;
  z-index: 1;
}






@media only screen and (max-width: 56.25em) {
  .line-be2:before  {
/*display: none;
position: static;*/

width: 80%;
  left: 10%;
  right: 10%;
  top: 25%;


 
  }
}



@media only screen and (max-width: 48em) {
  .line-be2:before  {
/*display: none;
position: static;*/

width: 80%;
  left: 10%;
  right: 10%;
  top: 15%;


 
  }
}

.first-line-caps {
  /*background-color: yellow;*/
  margin: 0 auto;
  /*display: inline-block;*/


}

.first-line-caps > col {
  width: 100%;

  /*margin: 0;*/
  /*display: inline-block;*/
}

@media only screen and (max-width: 56.25em) {
.first-line-caps {
  /*display: block;*/

  margin: 0 auto;
  /*margin: 0 -10%;*/
}
}



.sep-lines {
 
}

@media only screen and (max-width: 56.25em) {
.sep-lines {
width: 100% !important;
left: 0;
right: 0;
height: auto;
}
}



.last-image-line {
  position:relative;
  text-align: center
}

.last-image-line:before {
  content: "";
  display: block;
  border-top: 4px dashed #F5E059;
  /*border-top: solid 2px #bebebe;*/

  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.last-image-line img {
  /*background: #fff;*/
  padding: 0 10px;
  position: relative;
  z-index: 1;
}



/*
=======================================================================
                         Tabletops page 
 ======================================================================

*/

#img-slide-b {


}


.title-container {
    margin-right: 44%;
    /*margin-top: 5%;*/
    margin-bottom: 15%;
    direction: rtl;


}

@media only screen and (max-width: 56.25em) {
  .title-container {
margin-right: 28%;

 
  }
}


.slidershow-container {
  width: 60%;
  height: auto;
  text-align: center;
  background-color: red;
  float: none;
}

.container-taptop-slide{
 max-width: auto;
  /*height: 400px;*/
  height: 20rem;
  /*position: relative;*/
  margin: 0;
  text-align: center;


}


.big-slideshow-container {
  max-width: 20rem;
  height: auto;
  /*background-color: red;*/
  text-align: center;
  float: none;
vertical-align: middle;
 margin: 0 auto;
}

.tableTop-pic {

 width: 75%;
    height: auto;
    text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4%;
    margin-top: -4%;


}



.slide-pic-b {

 width: 60%;
    height: auto;
    text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4%;
    margin-top: -4%;


}



.title-pink {
    color: rgb(226,26,142);

    font-size: 28px;
    font-family: GE_SS_Text_Medium;
    /*direction: rtl;*/
    
}




@media only screen and (max-width: 56.25em) {
  .title-pink {
font-size: 105%;
margin-right: 19%;

 
  }
}

.rtl-direction {direction: rtl;}

.content-text-container {
    margin-top: 10%;
    font-size: 16px;
    margin-bottom: 10%;
        font-family: GE_SS_Text_Light;


}


@media only screen and (max-width: 56.25em) {
  .content-text-container {
font-size: 85%;

 
  }
}



.middle-content {
max-width: 80%;
 margin: 0 auto;
 margin-bottom: 10%;
/*background: #000;*/
/*color: #fff;*/


}


@media only screen and (max-width: 56.25em) {
  .middle-content {
max-width: 100%;
 
  }
}



.center-line {
    max-width: 20%;
    position: relative;
    margin: 0 auto;
    height: 5px;
    border-bottom: 6px solid #F3DB46;

}

.product-img {
    width: 50px;
    height: 50px;
    text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    /*background-color: red;*/
    margin-bottom: 3%;


}

.product-pic {
    width: 70%;
    height: auto;
    text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    /*background-color: red;*/
    margin-bottom: 3%;
margin: 0 auto;

}





.product-pic-crema {
width: 51%;
height: auto;
text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    /*background-color: red;*/
    margin-bottom: 3%;
}

/*.product-pic-crema:hover {
  width: 75%;
  height: auto;
}*/

/*.product-pic:hover,
.how:hover {
  width: 90%;
  cursor: pointer;
}*/



.product-pic:hover,
.product-pic-crema:hover 
 {
   opacity: 0.85;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.03);
    transform: scale(1.06);
    cursor: pointer;
}


.capsule-content {
max-width: 100%;
 margin: 0 auto;
 /*margin-right: 5rem;*/
 /*margin-left: -3rem;*/
 margin-bottom: 10%;
/*background: #000;*/
/*color: #fff;*/
/*background-color: green;*/


}





@media only screen and (max-width: 56.25em) {
  .capsule-content {
 margin: 0 auto;
 /*padding-right: 1rem;*/

 
  }
}



.product-pic  .capsules-pic{
    width: 60%;
    height: auto;
}


.Decaffeinated-c {

}


@media only screen and (max-width: 56.25em) {
  .Decaffeinated-c {
width: 50%;
height: auto;

 
  }
}

.product-img-container {
    height: 70px;
    /*margin-bottom: 4%;*/
  vertical-align: middle;
  margin: auto;
text-align: center;

}

#imgss {
        width: 20px;
    height: 30px;
}

.text-container-without-marg {
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 0.5rem;
    padding: auto 100px;

}

@media only screen and (max-width: 56.25em) {
  .text-container-without-marg {
margin: 0 auto;
padding: 10px;

 
  }
}




.describtion-tex {
    /*color: #999;*/
    /*color: gray;*/
    /*margin-bottom: 2%;*/
    margin-top: 2%;
    font-size: 14px;
    /*margin-bottom: 2%;*/
    padding-bottom: 2rem;
        font-family: GE_SS_Text_Light;
        color: #999;
        margin-left: 8%;
        margin-right: 8%;
        direction: rtl;
}

.describtion-tex-tt {
    /*color: #999;*/
    /*color: gray;*/
    /*margin-bottom: 2%;*/
    margin-top: 2%;
    font-size: 14px;
    /*margin-bottom: 2%;*/
    padding-bottom: 2rem;
        font-family: GE_SS_Text_Light;
        color: #999;
        direction: rtl;

}


.for-more-info {
      color: #999999;
      /*color: red;*/
    margin-top: 1%;
    font-size: 12px;
    font-weight: lighter;
        font-family: GE_SS_Text_Light;

/*    margin-bottom: 2%;
    padding-bottom: 2rem;*/
}



.btn-con {
  width: 400px;
  height: auto;
  padding: 1rem 4rem;

  /*line-height: 1.5;*/
  border-radius: 0.3rem;
   background-color: red;
}


.btn-cont {
  width: 200px;
  height: auto;
  padding: 1% 2%;
  background-color: red;
  float: none;
  text-align: center;
}

.contact-btn {
    background-color: #F5E059;
    padding: 0.1rem 2rem;
     font-size: 0.75rem;
     padding: 2% 4%;
    border-radius: 10px;
    font-weight: lighter;
    width: 8rem;
    height: auto;
    border: none;
    color: rgb(51,62,72);
    text-align: center;
    float: none;
    margin-top: -1rem;
        font-family: GE_SS_Text_Light;


}

.contact-btn:hover {
  background-color: rgb(226,26,142);
  border-color: rgb(226,26,142);
}



.green-center-line {
    max-width: 20%;
    position: relative;
    margin: 0 auto;
    height: 5px;
    border-bottom:  6px solid rgb(149,201,61);

}


.pink-center-line {

    border-bottom:  6px solid rgb(226,26,142);

}


.blue-center-line {

    border-bottom:  6px solid rgb(64,180,229);

}

.product-name {
    font-size: 18px;
    /*font-weight: bold;*/
        font-family: GE_SS_Text_Medium;
    margin-bottom: 1%;
    padding: 10px;

}

@media only screen and (max-width: 56.25em) {
  .product-name {
font-size: 70%;
padding: 5px;
 
  }
}


.text-right {
  font-size: 16px;
  text-align: right;
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: GE_SS_Text_Light;
    direction: rtl;


}

.product-details {
    font-size: 12px;


    font-family: GE_SS_Text_Light;
    margin-top: 0;
    margin-bottom: 2rem;
direction: rtl;
}

@media only screen and (max-width: 56.25em) {
  .product-details {
font-size: 10px;


 
  }
}




.just-marg {
    margin: 0 2rem;

    /*border-bottom: 3px dashed #F5E059;*/
    /*background-color: red;*/
}

@media only screen and (max-width: 56.25em) {
.just-marg {
display: inline-block;


 
  }
}





.coffee-col {

  max-width: 40%;
  height: auto;
  /*margin: 0 2rem;*/
  margin: 0 auto;
  /*border-radius: 20px;*/
  /*margin: 2%;*/
  /*display: block;*/
  padding: 0.5% 2%;
  position: relative;
  font-size: 12px;
  float: none;

}


@media only screen and (max-width: 56.25em) {
.coffee-col {
  height: auto;
  margin: 4% auto;

  float: none;

}
}



@media only screen and (max-width: 75em) {
.coffee-col {
  height: auto;
  margin: 4% auto;

  float: none;

}
}


.cof-last-col {

  
}

@media only screen and (max-width: 75em) {
.cof-last-col {
margin: 0 -3rem;

}
}


/*@media only screen and (max-width: 56.25em) {
.colum-coffee {
    position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}}*/


.modal-image-settings {
    max-width: 70%;
    height: auto;

    /*margin-right: -10%;*/
    margin: 0 auto;
    padding-right: -5%;
    /*float: none;*/
    /*text-align: center;*/
    /*margin:0;*/


    text-align: center;
    float: none;
    /*margin: auto;*/
    display: block;
    vertical-align: middle;
    /*margin: 2% 2%;*/
    /*float: left;*/
}

.modal-creamaSova {
  max-width: 55%;
}

.modal-image-Caps {
  max-width: 60%;

    height: auto;
margin-left: 20%;
  

}




.pad-left {
    padding-left: 10px;
    direction: rtl;
}

.without-margin-top {
    margin-top: -10%;
    margin-right: 10%;
    margin-left: 10%;
}
@media only screen and (max-width: 56.25em) {
  .without-margin-top {
    /*margin-left: 5%;
    margin-right: 5%;*/
    margin: 0 auto;
  }
}


.home-1st-container {
    margin-top: -10%;
    margin-right: 5%;
    margin-left: 2%;
}

@media only screen and (max-width: 56.25em) {
  .home-1st-container {
    /*margin-left: 5%;
    margin-right: 5%;*/
    margin: 0 auto;
  }
}




/*
=======================================================================
                         Vanding machines page 
 ======================================================================

*/

.top-icon-containter {
  width: 4rem;
  height: 2rem;
  float: right;
  right: 10px;
  /*margin-right: -8%;*/
  /*margin-top: 0;*/
  /*display: block;*/
  margin-bottom: 1% !important;
  position: absolute;
  font-family: Aller_Std_Lt;
  font-size: 10px;
  text-align: center;

/*background-color: red;*/
}


@media only screen and (max-width: 56.25em) {
  .top-icon-containter {


 
  }
}


.increase-m-t {
  margin-top: 15%;
}


.increase-m-t-l {
  margin-top: 4%;
}

.increase-m-t-about {
  margin-top: 8%;
}

@media only screen and (max-width: 56.25em) {
.increase-m-t-about {
  margin-right: 5%;
}}

@media only screen and (max-width: 56.25em) {
.increase-m-r {
  margin-right: -10%;
}}

.decrease-m-t {
  margin-top: -5%;
}
 
 .decrease-m-t-2 {
  margin-top: -10%;
 }

 .top-icon-containter > a  {
  cursor: pointer;
 }


.top-icon {
    width: 15px;
  height: 15px;
}

.border-container {
max-width: 100%;
padding: 1%;
/*align-items: center;*/
margin: 0;

}

.title-of-square {
  font-size: 110%;
    font-family: GE_SS_Text_Medium;

}

@media only screen and (max-width: 56.25em) {
  .title-of-square {
font-size: 70%;

 
  }
}


.square-content {

border: 1px solid #333E48;
/*text-align: center;*/
align-items: center;
max-width: 100%;
height: auto;
margin: 1% 1%;
display: block;
vertical-align: middle;
/*padding: 0 !important;*/
padding-bottom: 2%;
position: relative;
/*color: red;*/

}


.full-triangle {
background-color: rgb(226,26,142);
padding: 2%;


left: 0;
right: 0;

height: auto;
margin: 0;

  -ms-flex-preferred-size: 1;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: auto 0 !important; 



}


.full-triangle:hover {
opacity: 0.8;
cursor: pointer;
}


.background-w {
  background-color: #fff;
}

.row-type {
padding: 0 !important;
border: none;

}


.full-width-div {
    position: absolute;
    width: 50%;
    left: 0;
}
.con {
  margin: 0;
  padding: 0 -15px;
  width: 100%;
  float: none;
  margin: 0 auto;
  vertical-align: middle;
  background-color: green;

}

.btn-squar {
    width: 100%
    height: 100%;
    cursor: pointer;
}
.square-body {
    
    margin: 4% 2% 0 2%;
    /*background-color: red;*/
   padding: 3%;
   /*padding-bottom: 1rem;*/

}

.Inside-square {
    font-size: 16px;
    margin-bottom: 0.1rem;
    padding: auto 10%;
    margin: auto 15%;
    /*background-color: green;*/
    

}

@media only screen and (max-width: 56.25em) {
  .Inside-square {

    padding: auto 0.1rem;
    margin: auto 0rem;
    font-size: 14px;

 
  }
}


.italic-text {
    font-style: italic;
    font-size: 12px;
    /*margin-top: 3%;*/
    float: right;
    color: #999999;
    text-align: right;
    margin-right: -18%;
    /*padding-bottom: 3px;*/
    /*background-color: red;*/
}


@media only screen and (max-width: 56.25em) {
  .italic-text {
margin-left: 0;

 
  }
}



@media only screen and (max-width: 75em) {
  .italic-text {
margin-left: -8%;

 
  }
}




.back-white-color {
    background-color: #F2F2F2;
}

.font-white-color {
    color: #fff;
     /*color: #fff;*/
}


.vanding-types-fea {
font-size: 80%;
    font-family: GE_SS_Text_Medium;

}

@media only screen and (max-width: 56.25em) {
  .vanding-types-fea {
font-size: 65%;


 
  }
}


.vanding-describtion-tex {
    /*color: #999999;*/
    /*margin-bottom: 2%;*/
    margin-top: 2%;
    font-size: 12px;
    /*margin-bottom: 2%;*/
    padding-bottom: 2rem;
        font-family: GE_SS_Text_Light;
        direction: rtl;

}


@media only screen and (max-width: 56.25em) {
  .vanding-describtion-tex {
font-size: 10px;

 
  }
}



.contact-button-container {
    margin-top: 1%;
    /*margin-bottom: 10%;*/
    display: inline-block;
    padding: 0 auto;

}

.why-v {
  font-size: 0.9rem;
  margin-right:  35%;
  margin-left: 35%;
  text-align: center;
  color: #999;
      font-family: GE_SS_Text_Light;
}


@media only screen and (max-width: 56.25em) {
  .why-v {
margin-left: 2%;
margin-right: 2%;

 
  }
}






/*
---------------------------------------------------
 ********* The Additional Features' style ********* 
---------------------------------------------------*/

.boxes-container {
  /*text-align: center;*/
  float: none;
  vertical-align: middle;
    margin: 4% auto;
    /*margin-right: -20%;*/
    padding: 2% 2%;
    /*display: inline-block;*/


}

@media only screen and (max-width: 75em) {
.boxes-container {
  padding: 2% 2%;
  margin: 2% auto;
}
}




@media only screen and (max-width: 56.25em) {
.boxes-container {
  padding: 2% 4%;
  margin: 2% auto;
}
}


.box-row {
  margin: 0 auto;

  /*background-color: green;*/

}




.box-settings {
  background-color: #95C93D;
  max-width: 420px;
  height: 200px;
  border-radius: 20px;
  /*margin:  2%;*/
  margin: 2% auto;
  /*display: block;*/
  padding: 0.5% 2%;
  position: relative;
  font-size: 12px;
  float: none;

}


@media only screen and (max-width: 56.25em) {
.box-settings {
  height: auto;
  margin: 4% auto;

  float: none;

}
}



@media only screen and (max-width: 75em) {
.box-settings {
  height: auto;
  margin: 4% auto;

  float: none;

}
}

.fea-name {
    font-size: 18px;
    /*font-weight: bold;*/
    margin-bottom: 1%;
    padding: 10px;
        font-family: GE_SS_Text_Medium;


}

@media only screen and (max-width: 56.25em) {
  .fea-name {
font-size: 100%;
padding: 5px;
 
  }
}



.img-features-left {
    max-width: 22%;
    height: auto;
    float: left;
    margin-left: -1%;
    left: -2%;
    margin-bottom: -6%;
    bottom: 5%;
    display: inline-block;
    position: absolute;

    

}

.img-right {
    max-width: 30%;
    height: auto;
    float: right;
    margin-right: -2%;
    right: -2%;
    margin-bottom: -8%;
    bottom: 0;
    display: inline-block;
    position: absolute;
}

.marg-bottom-ex {
margin-bottom: -15%;
}

.box-text {
    float: right;
    text-align: left;
    margin: 0;
    display: inline-block;
    margin-left: 20%;
    margin-bottom: 1%;


}

.text-right-marg {
    /*margin-left: -20%;*/
    float: left;
    margin-left: 1%;
    margin-right: 25%;
    margin-bottom: 1%;

}
.title-marg-top {
    margin-top: 3%;
    color: #fff;
}


.featues-details {
    /*font-size: 12px;*/
    font-size: 100%;
    margin-top: 0;
    display: block;
        font-family: GE_SS_Text_Light;
        direction: rtl;

  }



.additional-fea {
  margin-right:  18%;
  margin-left: 18%;
  text-align: center;

    margin-top: 2%;
    font-size: 18px;
    font-family: GE_SS_Text_Light;

    padding-bottom: 0;
    direction: rtl;

}


@media only screen and (max-width: 56.25em) {
  .additional-fea {
     margin-right: auto;
    margin-left: auto;
    font-size: 14px;
  }
}




/*
---------------------------------------------------
 ********* After sales style ********* 
---------------------------------------------------*/








.gray-bar
{
        position: relative;
}

.gray-bar:after
{
    content: "";
    background-color: red;
    position:absolute;
    width: 5px;
    left:33px;
    top:0;
    bottom:10px; 
    z-index:-1;
}



.as-container {
  /*text-align: center;*/
  float: none;
  vertical-align: middle;
    margin: 1% auto;
    /*margin-right: -20%;*/
    padding: 2% 2%;
    /*display: inline-block;*/
    /*background-color: red;*/
    /*width: 100%;*/


}

@media only screen and (max-width: 75em) {
.as-container {
  padding: 2% 4%;
  margin: 1% auto;
}
}




@media only screen and (max-width: 56.25em) {
.as-container {
  padding: 2% 4%;
  margin: 1% 2%;
}
}





    .circle {
      width: 30px;
      height: 30px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      /*background: red;*/
      background-color: white;
      border:4px solid rgb(226,26,142); 
      margin: 0 auto;
      text-align: center;
      float: none;
      /*position: absolute;*/
      /*margin-bottom: -1%;*/


    }


    @media only screen and (max-width: 56.25em) {
  .circle {
margin-top: -5%;
width: 25px;
      height: 25px;

 
  }
}



.after-sales-process {
  position: relative; 
  margin: 0 auto;
/*padding: 0;*/



}



.after-s {
  font-size: 0.8rem;
  margin-right:  15%;
  margin-left: 15%;
  text-align: center;
  color: #999;
}


@media only screen and (max-width: 56.25em) {
  .after-s {
     margin-right: auto;
    margin-left: auto;
  }
}




.right-dashed-border {
    border-right: 6px dashed rgb(226,26,142);
    margin: 0 1%;
    padding: 0 1%;

}


@media only screen and (max-width: 56.25em) {
  .right-dashed-border {
/*border-right: none;*/
border-right: 3px dashed rgb(226,26,142);

 
  }
}

.after-sale-row {
  padding: 10px;
  /*background-color: red;*/
  margin: 0 1%;
}



@media only screen and (max-width: 56.25em) {
  .after-sale-row {
/*display: inline;*/
margin: 0 -15%;

 
  }
}


.left-groups-title {
    padding-right: 5%;
    text-align: right;
    display: block !important;
    font-weight: lighter;

}

.after-sales-left-content {
    font-size: 16px;
    float: right;
    text-align: right;
    padding-right: 5%;
    padding-bottom: 2rem;
        font-family: GE_SS_Text_Light;
        direction: rtl;


}




.right-groups {
    margin: 0 1px;
    padding: 0 1px;
}






.right-groups-title {
    padding-left: 5%;
    text-align: left;
    display: block !important;
   /* background-color: red;*/
   font-weight: lighter;


}


@media only screen and (max-width: 56.25em) {
  .left-groups-title, .right-groups-title
   {
text-align: center;
font-size: 100%;
/*background-color: red;*/
margin: 0 auto;
margin-top: -1.5rem;

 
  }
}


.last-a-s {
  text-align: center;
}

@media only screen and (max-width: 56.25em) {
  .last-a-s
   {

margin-top: 1rem;


 
  }
}




.after-sales-right-content {

font-size: 16px;
    float: left;
    text-align: left;
    padding-left: 5%;
    padding-bottom: 2rem;
        font-family: GE_SS_Text_Light;
        direction: rtl;

    /*background-color: red;*/

}



.center-text {
    text-align: center;
}

@media only screen and (max-width: 56.25em) {
  .after-sales-left-content, .after-sales-right-content
   {
text-align: center;
font-size: 90%;


 
  }
}






/*
=======================================================================
                         About us page 
 ======================================================================

*/


                                    /*aboutUS*/



.title-about-us {
  color: rgb(51,62,72);
   /*border-left: 2px solid rgb(226,26,142);*/
    font-size: 170%;
    /*font-family: Aller_Rg;*/
    padding-right: 4%;
    /*text-align: center;*/
        font-family: GE_SS_Text_Light;
}

@media only screen and (max-width: 56.25em) {
  .title-about-us {
font-size: 120%;
   padding-right: 12%;
 
  }
}



.bold-big-title {
  /*font-size: 110%;*/
  font-family: Aller_Bd;
}


.pink-border-left {
  border-left: 5px solid rgb(226,26,142);
}


#AboutUs-decoration {
     max-width: 45%;   
    height: auto;
    left: -20%;
    margin-top: 30%;
    position: absolute;


}

#AboutUs-decoration-right {
     max-width: 50%;   
    height: auto;
    right: -25%;
    margin-top: 60%;
    position: absolute;


}


.aboutUs{
margin-top: 11%;
margin: 0 auto;
margin-bottom: 40px;
/*background-color: yellow;*/


}

.whole-about-container {
  margin-left: 5%;
  margin-right: 10%;
  /*margin-top: -65%;*/
  /*background-color: black;*/
  padding-bottom: 1rem;
  display: block;
  max-width: 110%;
  margin-top: -10%;
  text-align: right;


}


.center-content-about {
margin: 0 auto;
/*background-color: blue;*/

  /*padding: 1rem;*/

}


.box-vision-settings {
  background-color: #95C93D;
  max-width: 400px;
  /*height: 250px;*/
  height: 180px;
  /*height: 20%;*/
  border-radius: 10px;
  /*margin: 2% 2%;*/
  margin: 0 auto;
  display: block;
  padding: 2% 2%;
  position: relative;
  font-size: 12px;

}


@media only screen and (max-width: 56.25em) {
.box-vision-settings {
  height: auto;
}
}



/*@media only screen and (max-width: 56.25em) {
.box-settings {
  height: 20%;
}
}
*/

.box1-settings {
/*  margin-right: 5% !important;
  margin-left: 8% !important;*/
  margin: 0 auto;
  border-radius: 20px;
  background-color: rgb(51,62,72);
  /*text-align: center;*/
  font-family: Aller_Std_Lt;
}

.box2-settings {
    margin-right: 5% !important;
  /*margin-left: 8% !important;*/
border-radius: 20px;
background-color: rgb(51,62,72);
/*text-align: center;*/
font-family: Aller_Std_Lt;

}



@media only screen and (max-width: 75em) {
  .whole-about-container {
    margin-right: 1%;
    margin-left: 2%;
  }
}

@media only screen and (max-width: 56.25em) {
  .whole-about-container {
     margin-right: 0;
    margin-left: 0;

  }
}

/*@media only screen and (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}
*/
/*===========================================================*/

.text-about-container-team {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: center;
float: none;
  width: 100%;
  padding-left: 10rem;
  padding-right: 0.5rem;
  /*padding-top: 3px;*/
  padding-bottom: 0.5rem;
  /*margin-right: 19%;*/
  margin-left: 0;
  margin-top: 1px;
  /*margin-left: -5%;*/
  display: inline-block;
  margin-bottom: 2.5rem;
      
/*background-color: black;*/

}

@media only screen and (max-width: 56.25em) {
  .text-about-container-team {
     padding-right: 1rem;
     padding-left: 1rem;

 
  }
}



.about-aprgrph-team {
    /*font-size: 12px;*/
    color: #333E48;
    font-family: GE_SS_Text_Light;
    text-align: right;
    /*text-justify: inter-word;*/
    float: none;
    font-size: 110%;
    margin-left: 0px;
    /*margin-bottom: 0px;*/
    margin-right: 0px;
    width: 90%;
    position: relative;
    margin-top: 0px;
    margin-right: 8%;
     direction: rtl;

}

@media only screen and (max-width: 56.25em) {
  .about-aprgrph-team {
margin-left: 3%;

 
  }
}

.about-icons-team {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-left: 1rem;
    padding-top: 0px;
    padding:0px;
    float: right;

margin-right: 2%;
/*Here*/
width: 60px;
height: auto;
}

@media only screen and (max-width: 56.25em) {
  .about-icons-team {
margin-right: 2%;

 
  }
}

.mini-title-team {
    margin-top: 20px;
    float: left;
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 10%;
   

}


.title-of-content-about-team {

    margin-top: 2px;
    float: right;
    font-size: 150%;
    /*margin-left: 18%;*/
    color: #95C93D;
    /*font-weight: bold;*/
    /*position: absolute;*/
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-right: 6%;
/*display: block;*/
width: 90%;
    font-family: GE_SS_Text_Medium;
}

/*
=======================================
Second item 
=======================================
*/




.text-about-container-max {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: center;
float: none;
  width: 100%;
  padding-left: 18rem;
  padding-right: 0.5rem;
  /*padding-top: 3px;*/
  /*padding-bottom: 0.5rem;*/
  /*margin-right: 19%;*/
  margin-right: 6%;
  margin-top: 1px;
  /*margin-left: -5%;*/
  display: inline-block;
margin-bottom: 2.5rem;

}


@media only screen and (max-width: 56.25em) {
  .text-about-container-max {
     padding-right: 1rem;
     padding-left: 1rem;

  }
}





.about-aprgrph-max {
    /*font-size: 12px;*/
    color: #333E48;
   font-family: GE_SS_Text_Light;
    text-align: right;
    /*text-justify: inter-word;*/
    float: none;
    font-size: 110%;
    
    /*margin-bottom: 0px;*/
    margin-right: 0px;
    width: 90%;
    position: relative;
    margin-top: 0px;
    margin-right: 26%;
     direction: rtl;
}

@media only screen and (max-width: 56.25em) {
  .about-aprgrph-max {
margin-right: 3%;

 
  }
}

.about-icons-max {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-left: 1rem;
    padding-top: 0px;
    padding:0px;
    float: right;

margin-right: 12%;
/*Here*/
width: 60px;
height: auto;
}

@media only screen and (max-width: 56.25em) {
  .about-icons-max {
margin-right: 2%;

 
 
  }
}

.mini-title-max {
    margin-top: 8%;
    float: left;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 32%;
   

}

@media only screen and (max-width: 56.25em) {
  .mini-title-max {
margin-left: 15%;
 
 
  }
}

.title-of-content-about-max {
  font-family: GE_SS_Text_Medium;
padding-top: 4rem;
    margin-top: 0;
    float: right;
    font-size: 150%;
    /*margin-left: 18%;*/
    color: #D54195;
    /*font-weight: bold;*/
    /*position: absolute;*/
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-right: 13%;
/*display: block;*/
width: 70%;
}

@media only screen and (max-width: 56.25em) {
  .title-of-content-about-max {
margin-right: 5%;
padding-top: 1rem;
 
 
  }
}




/*
=======================================
Third item 
=======================================
*/

.text-about-container-high {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: center;
float: none;
  width: 100%;
  padding-left: 20rem;
  padding-right: 10rem;
  /*padding-top: 3px;*/
  padding-bottom: 0.5rem;
  /*margin-right: 19%;*/
  margin-right: 1%;
  margin-top: 1px;
  /*margin-left: -5%;*/
  display: inline-block;
margin-bottom: 2.5rem;

}

@media only screen and (max-width: 56.25em) {
  .text-about-container-high {
     padding-right: 1rem;
     padding-left: 1rem;
  }
}



.about-aprgrph-high {
    /*font-size: 12px;*/
    color: #333E48;
font-family: GE_SS_Text_Light;
    text-align: right;
    /*text-justify: inter-word;*/
    float: none;
    font-size: 110%;
    margin-left: 0px;
    /*margin-bottom: 0px;*/
    margin-right: 0px;
    width: 90%;
    position: relative;
    margin-top: 0px;
    margin-right: 35%;
     direction: rtl;
}

@media only screen and (max-width: 56.25em) {
  .about-aprgrph-high {
margin-right: 3%;

 
  }
}

.about-icons-high {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-left: 1rem;
    padding-top: 0px;
    padding:0px;
    float: right;

margin-right: 20%;
/*Here*/
width: 60px;
height: auto;
}

@media only screen and (max-width: 56.25em) {
  .about-icons-high {
margin-right: 2%;

 
  }
}


.mini-title-high {
    margin-top: 8%;
    float: left;
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 14%;
   

}


.title-of-content-about-high {
  font-family: GE_SS_Text_Medium;
padding-top: 4rem;
    margin-top: 2px;
    float: right;
    font-size: 150%;
    /*margin-left: 18%;*/
    color: #F5E059;
    /*font-weight: bold;*/
    /*position: absolute;*/
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-right: 30%;
/*display: block;*/
width: 70%;
}

@media only screen and (max-width: 56.25em) {
  .title-of-content-about-high {
margin-right: 5%;
padding-top: 1rem;
 
 
  }
}

/*
=======================================
Forth item 
=======================================
*/




.text-about-container-latest {

/*max-width: 95%;
height: auto;
margin: 1% 4%;
padding: 1%;*/
text-align: center;
float: none;
  width: 100%;
  padding-left: 10rem;
  padding-right: 0.5rem;
  /*padding-top: 3px;*/
  padding-bottom: 0.5rem;
  /*margin-right: 19%;*/
  margin-right: 2%;
  margin-top: 1px;
  /*margin-left: -5%;*/
  display: inline-block;
margin-bottom: 2.5rem;

}

@media only screen and (max-width: 56.25em) {
  .text-about-container-latest {
     padding-right: 1rem;
     padding-left: 1rem;
  }
}


.about-aprgrph-latest {
    /*font-size: 12px;*/
    color: #333E48;
font-family: GE_SS_Text_Light;
    text-align: right;
    /*text-justify: inter-word;*/
    float: none;
    font-size: 110%;
    margin-left: 0px;
    /*margin-bottom: 0px;*/
    margin-left: 0px;
    width: 75%;
    position: relative;
    margin-top: 0px;
    margin-right: 22%;
    direction: rtl;
}

@media only screen and (max-width: 56.25em) {
  .about-aprgrph-latest {
margin-right: 3%;
width: 90%;

 
  }
}

.about-icons-latest {
    /*margin-top: 137px;*/
    /*margin-bottom: 2rem;*/
    margin-left: 1rem;
    padding-top: 0px;
    padding:0px;
    float: right;

margin-right: 20%;
/*Here*/
width: 50px;
height: auto;
}

@media only screen and (max-width: 56.25em) {
  .about-icons-latest {
margin-right: 2%;

 
  }
}

.mini-title-latest {
    margin-top: 8%;
    float: left;
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 22%;
   

}


.title-of-content-about-latest {
  font-family: GE_SS_Text_Medium;
padding-top: 4rem;
    margin-top: 2px;
    float: right;
    font-size: 150%;
    /*margin-left: 18%;*/
    color: rgb(64,180,229);
    /*font-weight: bold;*/
    /*position: absolute;*/
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-right: 22%;
/*display: block;*/
width: 70%;
/*background-color: red;*/
}

@media only screen and (max-width: 56.25em) {
  .title-of-content-about-latest {
margin-right: 5%;
padding-top: 1rem;
 
 
  }
}


/*---------------------------------------------------*/


.contact-bg-container-aboutUs {
    margin-top: 15%;
    margin-left: 5%;
    margin: 0 auto;
    /*margin-bottom: 5%;*/
    margin-right: 0;
    width: 100%;
    position: static;
    background-color: red;
}









.title-container-aboutUs {
    margin-right: 42%;
    margin-bottom: 15%;
}



.aboutUS-container {
    border-left: 4px solid #D54195;
    padding-left: 2%;
    width: 85%;

}

.content-text-container-aboutUs {
    margin-top: 10%;
    font-size: 150%;
    margin-bottom: 10%;


}

                                /*second section*/
#decoration-side-left-aboutUs{
    max-width: 50%;   
    height: 100%;
    margin-left: -23%;
    margin-top: 250px;

        

}

.smallPragraph{
    margin-top: 150px;
    float: left;
    font-size: 80%;
    margin-left: 18%;


position: absolute;

}



.titlePragraph{

    margin-top: 170px;
    float: left;
    font-size: 170%;
    margin-left: 18%;
    color: #95C93D;
    font-weight: bold;
    position: absolute;
    padding-bottom: 0px;
    margin-bottom: 10%;

}

.sideImage{
    margin-top: 207px;
    margin-bottom: 0px;
    margin-right: 4px;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 14%;
width: 5%;
height: auto;
}



.midPragraph{

    font-size: 120%;
    /*margin-left: 8px;*/
    margin-left: 14%;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 85%;
    position: relative;
    margin-top: 207px;
}

.smallPragraph2{
    margin-top: 50px;
    float: left;
    font-size: 80%;
    margin-left: 23%;
    position: absolute;

}

.titlePragraph2{

    margin-top: 70px;
    float: left;
    font-size: 170%;
    margin-left: 23%;
    color: #D54195;
    font-weight: bold;
    position: absolute;
    padding-bottom: 0px;

}

.sideImage2{
    margin-top: 107px;
    margin-bottom: 0px;
    margin-right: 4px;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 19%;
width: 5%;
height: auto;
}

.midPragraph2{

    font-size: 120%;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 130%;
    margin-top: 107px;

}

#decoration-side-left-aboutUs2{
    max-width: 50%;   
    padding: 0px;
    height: 100%;
    float: right;
    margin-right: -40%;
    margin-top: 40%;
        

}



.move-up {
  margin-top: -65%;
}


.smallPragraph3{
    margin-top: 80px;
    float: left;
    font-size: 80%;
    margin-left: 18%;


position: absolute;

}



.titlePragraph3{

    margin-top: 100px;
    float: left;
    font-size: 170%;
    margin-left: 18%;
    color: #F5E059;
    font-weight: bold;
    position: absolute;
    padding-bottom: 0px;

}

.sideImage3{
    margin-top: 137px;
    margin-bottom: 0px;
    margin-right: 4px;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 14%;
width: 5%;
height: auto;
}



.midPragraph3{

    font-size: 120%;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 85%;
    position: relative;
    margin-top: 137px;
}


.smallPragraph4{
    margin-top: 90px;
    float: left;
    font-size: 80%;
    margin-left: 23%;


position: absolute;


}



.titlePragraph4{

    margin-top: 100px;
    float: left;
    font-size: 170%;
    margin-left: 23%;
    color: rgb(64,180,229);
    font-weight: bold;
    position: absolute;
    padding-bottom: 0px;

}

.sideImage4{
    margin-top: 137px;
    margin-bottom: 0px;
    margin-right: 4px;
    padding-top: 0px;
    padding:0px;
    float: left;

margin-left: 19%;
/*Here*/
width: 6%;
height: auto;
}



.midPragraph4{

    font-size: 120%;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 85%;
    position: relative;
    margin-top: 137px;
}


/*third*/

.img-features-left-aboutUs {
    max-width: 25%;
    height: auto;
    float: left;
    margin-left: -3%;
    top: 12%;
    left: -5%;

    margin-top: 2px;
    bottom: 5%;
    display: inline-block;
    position: absolute;
margin-right: 0px;


}


.titleAbout {
    font-size: 210%;
    margin-bottom: 3%;
    padding: 10px;
    margin-top: 0.5rem;
    color: #fff;
    /*margin-left:35%;*/
    text-align: center;
        font-family: GE_SS_Text_Light;

}


.aboutus-details {
  /*font-weight: lighter;*/
    position: static;
    padding: 0px;
    left: 0px;
    margin-left: 4%;
    font-size: 14px;
    margin-top: 0;
    color: #fff;
    font-family: GE_SS_Text_Light;
    font-weight: lighter;
    text-align: center;
}





/*spare*/



.spare-text {
font-size: 95%;
    margin-top: 2%;
    /*margin-bottom: 2%;*/
    padding-bottom: 2rem;
    /*font-weight: bold;*/
        font-family: GE_SS_Text_Medium;

}

@media only screen and (max-width: 56.25em) {
  .spare-text {
font-size: 85%;
    margin-top: 2%;
    /*margin-bottom: 2%;*/
    padding-bottom: 2rem;

 
  }
}


.center-spare-des-tex {
  margin: 0 19%;
  /*padding: 0 5rem;*/
  /*background-color: red;*/
}

@media only screen and (max-width: 56.25em) {
  .center-spare-des-tex{
margin: 0  2%;

 
  }
}


.spare-describtion-tex {
    /*color: #999999;*/
    margin-bottom: 90px;

    margin-top: 2%;
    font-size: 13px;

    padding: 0 10%;

    color: gray;
    font-weight: lighter;
        font-family: GE_SS_Text_Light;
        direction: rtl;

}


@media only screen and (max-width: 56.25em) {
  .spare-describtion-tex{
font-size: 12px;
padding: 0 1%;


 
  }
}


.Inside-square-sp {
    font-size: 16px;
    margin-bottom: 0.1rem;
    padding: auto 10%;
    margin: auto 3%;
    /*background-color: green; */
    

}

@media only screen and (max-width: 56.25em) {
  .Inside-square-sp {

    padding: auto 0.1rem;
    margin: auto 0rem;
    font-size: 14px;

 
  }
}




.product-img-sp {
    width: 40px;
    height: 40px;
    text-align: center;
    float: none;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    /*background-color: red;*/
    margin-bottom: 2%;


}