/*.point-slider {*/
/*    height: 10px;*/
/*    width: 10px;*/
/*    border-radius: 50%;*/
/*    background: green;*/
/*    text-align: center;*/
/*    display: none;*/
/*    margin: auto;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/

/*    .continer-post-index::-webkit-scrollbar,*/
/*    .container-service-index::-webkit-scrollbar {*/
/*        display: none;*/
      
/*    }*/
/*    .point-slider{*/
/*            display: inline-block;*/
/*    }*/
/*   #category .point-slider{*/
/*         display:none;*/
/*    }*/

/*    .continer-post-index {*/
/*        flex-wrap: nowrap;*/
/*        overflow: auto;*/
/*    }*/

/*    .vist {*/
/*        width: 100%;*/
/*    }*/

/*}*/

/*.flickity-viewport {*/
/*    height: 570px !important;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/
/*    .flickity-viewport {*/
/*        height: 310px !important;*/
/*    }*/

/*}*/
/*.head-service h3{*/
/*padding-right:6.2% !important ;*/
/*font-size: 2.4rem;*/
/*font-weight: 700;*/
/*}*/
/*[lang="en"]  .head-service h3 {*/
/*    text-align: left !important;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/
/*    .head-service h3{*/
/*padding-right:0.2rem !important ;*/
/*font-size: 1.4rem !important;*/

/*}*/
/*[lang="en"]  .head-service h3 {*/
/*    padding-right:0% !important ;*/
/*    font-size: 1rem !important;*/
/*    padding-left:0 !important ;*/
    
    
/*}*/


/*}*/
/*.raha-span{*/
/*    color: #3bd8ad;*/
/*}*/
/*.banner-ads{*/
/*    margin-top: 9% !important;*/

/*}*/

/*.flickity-slider{*/
/*    left: -35% !important;*/
/*}*/
/*@media only screen and (max-width: 600px) {*/
/*    .flickity-slider{*/
/*    left: 0% !important;*/
/*}*/

/*}*/

/*.slider-ads .flickity-slider*/
/*{*/
/*    left: -0.65% !important;*/
/*}*/



.hero-image {
   
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
        margin-top: 6.5rem;
}
@media (max-width: 767px) {
    .hero-image {
        /* width:90%; */
        margin-top: 4.5rem;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .hero-container{
        height: 34vh !important;
        overflow-y: hidden;
    }
    
    
    .hero-image{
        height: 13.5rem;
        background-size:contain;
        background-position: top
    }
    .hero-text h1{
        font-size: 18px !important;
        
    }
    .hero-text {
         top: 40% !important;
         right: -24% !important;
       
    }
     [lang="en"] .hero-text{
         right: -25% !important;
          
     }
    
    .hero-text button{
        width: 7rem  !important;
        padding: 0.2rem 1rem !important;
        font-weight: unset !important;
        font-size: 18px !important;
    }
    [lang="en"] .hero-text button{
        width: 9rem  !important;
    }

}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    right: -15%;
    transform: translate(-50%, -50%);
    color: white;
    text-align:end;
}
[lang="en"] .hero-text{
    text-align: left;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    [lang="en"] .hero-text{
    text-align: right;
}
}
.hero-text h1{
    font-size:2.5rem;
}

.hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    /* padding: 10px 25px; */
    padding: 0rem 3rem;
    color: #FFF;
    background-color:#00D1BD;
    text-align: center;
    cursor: pointer;
    /*border-radius: 1rem;*/
    text-align: end;
    font-size: 21px;
    font-weight: 700;
        width: 15rem;
    text-align: center;
    border-radius: 0px 22px 0px 8px;
    Height: 2.875rem
    
}

.hero-text button:hover {
    background-color: #555;
    color: white;
}

/* card service */
.new-theme-service {
    /*background: #F5F9FC;*/
    margin-top: 64px;
    margin-bottom: 78px;

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .new-theme-service {
         margin-bottom: 32px;
    }
}
.new-theme-service h3{
    font-size: 38px;
}
[lang="en"] .new-theme-service h3{
    direction: rtl;
}
.custom-card {
    width: 29%  !important;
    /* width: 23.75rem; */
    height: 270px;
    margin-top: 2rem !important;
    background: #FFF;
    padding: 24px 32px;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 12px;
    margin-right: 4%;

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .custom-card {
        width: 80% !important;
        margin-right: unset;
    }
}
.custom-card:hover
{
    border-bottom:2px solid #00D1BD;
}

.custom-card h3 {
    color: #000;

    font-family: Tajawal;
    /*font-size: 22px;*/
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* why raha */
.why-raha{
    background-color: #fff;
    padding: 5rem 0;
}
.why-raha h1{
    font-size:  2.375 rem;
}
.why-raha-p{
    font-size: 14px;
     color: #74747C;
     line-height: 21px;
    font-weight: 400;
}
  [lang="en"] .raha-text-description{
        font-size:22px;
    }
     [lang="en"] .raha-text-head{
        font-size:38px;
            text-align: left !important;
    }  
    @media (max-width: 767px) {
    [lang="en"] .parent-key-value{
             flex-direction: row-reverse;
    justify-content: flex-end;
    }
     [lang="en"] .raha-text-head{
        font-size:38px;
            text-align: right !important;
    }  
    
    [lang="en"] .key-top-footer , [lang="en"]  .value-top-footer
    {
            text-align: start !important; 
    }
    }
    .container-review{
            padding-bottom: 2rem;
    }
     @media (max-width: 767px) {
          .container-review{
            padding-bottom: 0rem;
                margin-top: 2rem;
    }
     }
     .review {
            flex-wrap: nowrap;
             overflow: scroll;;
                scrollbar-width: none;
    -ms-overflow-style: none;
        }
        .review::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}

        .container-btn-review-slider {
            position: absolute;
            left: 0;
            top: 4.7rem;
        }

        @media (max-width: 767px) {
            .container-btn-review-slider {
                top: 0.4rem;
            }
        }

        .container-start-review {
            text-align: end
        }

        .start-icon i {
            color: yellow
        }

        .icon-user i {
            color: #00D1BD;
            font-size: 40px
        }
        .name-user{
            display: inline-block;
    position: relative;
    top: -10px;
        }
        .single-review {
            box-shadow: 0px 4px 12px 0px #00000014;
            padding: 0.8rem;
            border-radius: 0.8rem;
            background-color: #FFF;
        }

        @media (max-width: 767px) {
            .single-review {
                margin-top: 0.3rem;
            }
        }

        .what-say-client {
            font-size: 32px;
            font-weight: 500;
            font-family: Tajawal;
            padding-top:4rem;
            margin-right: -11px;
        }
        [lang="en"] .what-say-client {
            font-size: 25px;
           font-weight: 600;
        }
   @media (max-width: 767px) {
       .what-say-client {
            padding-top:1rem;
            font-size: 20px;
             font-weight: 600;
       }
   }
        .scroll-button {
            background: unset;
            border: 0
        }

        .scroll-button i {
            font-size: 30px;
            color: #00D1BD;

        }