p {
    font-weight: 400;
}

.main-video {
    margin-top: 5%;
}

.title-content {
    margin-top: 20px;
}

/* Icon */
.service-item{
  padding-bottom:25px;
}
.onHoverGreen:hover {
    background-color: #c6fffc;
    transition: background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}
hr{
  margin: 60px auto;
    width: 55%;
    color: #b1b1b1;
    border: 1px solid;

}
.onHoverGreen:focus {
    background-color: #c6fffc;
    transition: background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);

}
.onHoverGreen{
  box-shadow: 0 4px 9px -8px #000;

}

.onHoverBlue:hover {
    background-color: #c8ffe7;
    ;
    ;
    transition: background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.onHoverBlue:focus {
    background-color: #c8ffe7;
    ;
    ;
    transition: background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.onHoverBlue{
  box-shadow: 0 4px 9px -8px #000;

}
.patternFooter {
    opacity: 0.2;
    z-index: -1;
      position: absolute; 
   left: 50%;              
  bottom: 0;              
  transform: translateX(-50%);
}

/* logo slider */
.ourClients {
    margin: 4.5rem 0;
}

.logo-slider {
    overflow: hidden;
    padding-bottom: 10rem;
    white-space: nowrap;
    position: relative;
}

.logo-slider:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 60s slide infinite linear;
}

.logos-slide img {
    width:450px;
height: 200px;
    margin: 0 5px;
}


@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-15000px);
    }

    100.1% {
        transform: translateX(0);
    }
}


/* equipment details page */

.mainDiv .containeer {
    box-shadow: 0 0 17px 0px #dbdbdb;
    width: 40%;
    max-height: none;
    display: flex;
    justify-content: flex-start;
}

.leftSide img {
    max-width: 380px;
    box-shadow: -6px -3px 11px -3px #c7c7c7;
    border-radius: 0px 25px 25px 0px;
}

.rightSide {
    margin-left: 6%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.rightSide h2 {
    font-size: 30px;
    font-weight: 700;

}

.rightSide h1 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}



.rightSide span {
    font-weight: 500;
    font-size: 18px;
}

.mainDiv .containeer .pattern {
    opacity: 0.0545;

    right: 20%;
    width: 40%;
    top: 40%;
}

.inputSearch {
    font-size: 15px;
    margin-left: 15px;
}



.inputStyle {
    text-align: center;
    font-size: 15px;
    border: solid 1px #ddd;
    padding: 10px;
    margin-right: 9px;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.BusinessSectionBlue {
    background-color: #00B1A7;
    box-shadow: 0 0 10px 2px #d5d5d5;
    width: 330px;
    ;
    padding: 25px;

}

.BusinessSectionGreen {
    background-color: #699b42 !important;
    box-shadow: 0 0 10px 2px #d5d5d5;
    width: 330px;
    margin: 15px 0;
    padding: 25px;
}


.ereaUp {
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 13px 13px -10px #ffffff4a;
}

.ereaUp img {
    width: 150px;
    padding-left: 15px;
}

.ereaUp h2 {
    color: #fff;
    padding-bottom:
        3rem;
    text-align: center;
    font-size: 30px;
    font-weight: 700;

}

.BusinessSectionBlue p {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 5px;
    color: #fff;

    padding: 1rem;
    min-width: 260px;
    max-width: 270px;
}





.BusinessSectionGreen p {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 5px;
    color: #fff;
    padding: 1rem;
    min-width: 260px;
    max-width: 270px;
}


.alignInLaptob {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.seviceList {
    line-height: 1.4em;
    padding: 10px 0;
    list-style: none;

  }

  .seviceList li::before {
    content: "";
    position: absolute;
    top: 0.75em;
    left: -1em;
    display: inline-block;
    width: 0.34em;
    height: 0.34em;
    background-color: #a6ce91;
    border-radius: 50%;
    transform: translate(0%, -50%);
  }

  .seviceList li {
    position: relative;

    line-height: 1.4;
    font-size: 1.65rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 30px;
  }

  .seviceList:last-of-type li {
    text-indent: 0.5em;
  }
/*
  .seviceList:last-of-type li::before {
    left: 0em;
  } */

.padding-30{
    padding-top: 50px;
}




/* Media */
@media (max-width :1013px) {
    .inputStyle {
        margin-right: 0;
    }

}

@media (max-width :1016px) {
    .play-button .circle {
        background-color: transparent;
        top: 12.5rem;

    }

    .equipentDes {
        flex-direction: column-reverse;
        text-align: center;
    }

    .equipentDes img {
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media (max-width:767px) {
    .slider-area h2 {
        font-size: 30px;
    }

    .wrapper {
        width: 100%;
        border-radius: 0;
        padding: 0;
    }
}

/* equipDetail */
@media (max-width:768px) {
    .mainDiv .containeer {
        width: 90%;
    }

.dirRight{
  margin-top:25px;

}
.dirleft{
  margin-top:25px;
}

}

/* ١٤٧٦ */
@media (min-width: 820px) and (max-width:1476px) {
    .mainDiv .containeer {
        width: 645px;
    }
}

@media (max-width:576px) {
    .mainDiv .containeer {
        flex-direction: column;
        align-items: center;
        width: 90%;
    }

}

@media (min-width: 756px) and (max-width:1064px) {

    .alignInLaptob {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .BusinessSectionBlue {
        margin-right: 3rem;

    }
}

@media (min-width:1065px) {
    .alignInLaptob {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 55px;
        justify-content: center;
    }

    .BusinessSectionBlue {
        margin-right: 3rem;
        margin-left: 3rem;
        width: auto;

    }

    .BusinessSectionGreen {
        width: auto;
    }

    .ereaUp img {
        width: 85px;
    }


    .ereaUp h2 {

        margin: left 1rem;;
        font-size: 20px;
    }
}


.dirRight{
  direction: rtl;
  text-align: left;
  margin-top: 60px;

}
.dirleft{
  direction: ltr;
  margin-top: 60px;
}