/*BEGIN reviews*/

.testimonial b {
    font-weight: 700;
}


#testimonials_div {
  max-width: 800px;
  margin: 25px auto;
}

@media only screen and (max-width: 600px) { /*pe mobil spatiul din stanga si dreapta sa fie mai mic*/
    .testimonial blockquote {
        padding: 20px 17px!Important;
    }

    .testimonial blockquote:before, .testimonial blockquote:after {
        content: ""!Important; /*pe mobil stergem ghilimelele mari din nainte la text si de dupa*/
    }
}

.testimonial blockquote {
    margin: 10px 10px 0;
    background: #ecf8ff;
    padding: 20px 60px;
    position: relative;
    border: none;
    border-radius: 15px;
    font-style: italic;
    /* border: solid #bfd2fc; */
    background-color: white;
    border-width: 2px;
    /* box-shadow: 0px 0px 32px 0px rgba(36,40,46,.12); */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.testimonial:first-of-type blockquote {
    background-color: #a7ffe2;
    font-size: larger;
    font-weight: 500;
}

.testimonial blockquote p {
    color: black;
    font-size: large;
    overflow: auto; /*sa se mareasca divul cu textul dupa imaginile din el care sunt float:left*/
}

.testimonial blockquote:before, .testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}


#five_stars {
    color: orange;
    width: auto;
    border: 1px solid transparent; /* Default state with transparent border */
    font-style: normal;
    font-size: 24px;
    display: inline-block;
}


#five_stars:hover{
    color: #ff8500;
}

#five_stars div {
    display: inline-block;
    color: #000;
    margin-left: 10px;
    font-style: normal;
    color: #000000a8;
}



#rev_client_img {
    width: 55px;
    transition: transform 0.2s; /* Smooth transition for the transformation */
    height: auto; /* Maintain aspect ratio */
}

#rev_client_img:hover { /*cand te pui cu mouse-ul pe poza clientului se face mare*/
    transform: scale(1.5)!Important; /* Increase size to 150% on hover */
    z-index: 155;
}

.testimonial:hover #rev_client_img { /*cand te pui pe testimonial div cu mouse-ul se face poza clientului mai mare*/
    transform: scale(1.2); /* Increase size to 150% on hover */
    z-index: 155;
}
    /*BEGIN divs pozitionari poza stanga + dreapta doua divuri unul sub altul (stelutele si numele)*/
      .rev_div {
        width: 100%;
    /*    overflow: auto; */ /* Ensures the container encompasses floated elements */
        overflow: visible;
      }
      .rev_stanga {
        float: left;
        width: 50px; /* Fixed width for the first element */
    /*    background-color: red;*/
      }

      .rev_dreapta {
        position: relative;
        top: -6px;

        margin-bottom: 10px;
        margin-left: 50px; /* Space to the left, equal to the width of the first element */
        display: flex; /* Use flexbox to align elements vertically */
        flex-direction: column; /* Stack elements vertically */
      }

      .rev_dreapta_a {
        margin-left:10px;
    /*    background-color: yellow;*/
      }

      .rev_dreapta_b {
        margin-left:10px;
        font-size: smaller;
        padding-left: 2px;
    /*    background-color: blue;*/
      }
    /*END divs pozitionari poza stanga + dreapta doua divuri unul sub altul (stelutele si numele)*/

/*END reviews*/





/*BEGIN la sistemul de paginare pagina selectata*/
a.page-link.active {
    background-color: #64b9f3!important;
    color: aliceblue!important;
}
/*END la sistemul de paginare pagina selectata*/



/*BEGIN ascundem partea din sstanga sus pe mobil*/
@media screen and (max-width: 767px) {
    /* Styles for screens smaller than 600px */
    #partea_de_sus_stanga_cu_text {
        display: none;
    }
}
/*END ascundem partea din sstanga sus pe mobil*/


/*BEGIN pe mobil ascundem din linkurile de paginare ca nu incap*/
@media screen and (max-width: 500px) {
    .pagination {
        font-size: larger;
    }

    li.page-item {
        display: none;
    }


    /* afisem si linkul dupa butonul .active */
    li.page-item:has(> a.page-link.active) + li.page-item {
        display: block;
    }
    /* afisem butonele Previous, cel selectat si Next */
    li.page-item:has(> a.page-link.active),
    li.page-item:has(> a.page-link.inainte),
    li.page-item:has(> a.page-link.inapoi) {
        display: block;
    }
}
/*END pe mobil ascundem din linkurile de paginare ca nu incap*/


/*BEGIN rotunjire la linkurile de paginare*/
.page-item:first-child .page-link {
    border-top-left-radius: 15rem!important;
    border-bottom-left-radius: 15rem!important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 1rem!important;
    border-bottom-right-radius: 1rem!important;
}
/*END rotunjire la linkurile de paginare*/


/*BEGIN animatie on hover la linkurile de paginare*/
.page-link {
   transition: transform 0.3s ease!important; /* Add a transition for smooth scaling */
   border:none!Important;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
 }
.page-link:hover {
  transform: scale(1.1);
  font-weight: bold;
}
/*END animatie on hover la linkurile de paginare*/


#paginare_testimonial {
    margin-top: 14px;
    display: inline-flex;
    flex-direction: row;
}


.comment_img {
    width: 100%;
    max-width: 700px;
    margin-top: 10px;
}

.cl {
    width: 0.01px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}