.review {
  border-radius: 20px 20px 0px 20px;
  border: 1px solid #d1d3e6;
  background: #fff;
  padding: 30px;
  position: relative;
  width: 460px;
  margin: 0 30px 0 0;
}
.review-name {
  color: #1b2482;
  font-family: "Roboto", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
.review-time {
  color: #a4a7cd;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.review-text {
  color: #6c6d97;
  font-family: "Roboto", Sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 20px 0 0 0;
}

.review-rating {
  display: flex;
  gap: 10px;
  margin: 20px 0 0 0;
}
.review-rating span {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M27.9093 10.5504C27.7004 9.92863 27.1622 9.47527 26.5142 9.37615L18.9722 8.22363L15.5845 1.00673C15.2956 0.39158 14.6782 0 14 0C13.3213 0 12.7044 0.39158 12.4155 1.00673L9.02738 8.22408L1.48536 9.3766C0.837344 9.47571 0.299104 9.92863 0.090653 10.5509C-0.117798 11.1732 0.0395403 11.8585 0.497777 12.3288L6.00551 17.9767L4.70102 25.967C4.59346 26.6284 4.87392 27.2933 5.42105 27.68C5.96773 28.0667 6.68953 28.1058 7.27755 27.7813L14.0004 24.0633L20.7233 27.7813C20.9887 27.928 21.2807 28 21.5713 28C21.9251 28 22.2789 27.8924 22.5798 27.68C23.1269 27.2937 23.407 26.6288 23.2994 25.967L21.9949 17.9767L27.5031 12.3288C27.9604 11.8585 28.1178 11.1732 27.9093 10.5504Z' fill='%23FFD741'/%3E%3C/svg%3E%0A");
  width: 28px;
  height: 28px;
  display: block;
  background-repeat: no-repeat;
}
.review-google-logo {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Google Logo'%3E%3Cpath id='Vector' d='M40.0004 20.4444C40.0004 18.7999 39.8643 17.5999 39.5696 16.3555H20.4082V23.7777H31.6555C31.4288 25.6222 30.2043 28.4 27.4831 30.2666L27.445 30.5151L33.5034 35.1146L33.9232 35.1556C37.7781 31.6667 40.0004 26.5333 40.0004 20.4444Z' fill='%234285F4'/%3E%3Cpath id='Vector_2' d='M20.4075 40.0006C25.9177 40.0006 30.5436 38.2228 33.9225 35.1562L27.4824 30.2671C25.759 31.4449 23.446 32.2671 20.4075 32.2671C15.0106 32.2671 10.43 28.7783 8.79719 23.9561L8.55785 23.976L2.25817 28.7538L2.17578 28.9782C5.53182 35.5116 12.4254 40.0006 20.4075 40.0006Z' fill='%2334A853'/%3E%3Cpath id='Vector_3' d='M8.79827 23.9556C8.36743 22.7112 8.11809 21.3778 8.11809 20C8.11809 18.6222 8.36743 17.2889 8.7756 16.0444L8.76419 15.7794L2.38556 10.9248L2.17686 11.0221C0.793675 13.7333 0 16.7778 0 20C0 23.2223 0.793675 26.2667 2.17686 28.9778L8.79827 23.9556Z' fill='%23FBBC05'/%3E%3Cpath id='Vector_4' d='M20.4075 7.73335C24.2397 7.73335 26.8247 9.35558 28.2987 10.7112L34.0585 5.20005C30.5211 1.9778 25.9177 0 20.4075 0C12.4254 0 5.53182 4.4889 2.17578 11.0222L8.77452 16.0446C10.43 11.2223 15.0106 7.73335 20.4075 7.73335Z' fill='%23EB4335'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
}

/*slick navigation*/
.google-reviews-slick-nav {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 50px 0 0 0;
}

.google-reviews-slick-nav .slick-arrow {
  overflow: hidden;
  width: 50px;
  height: 50px;
  position: relative;
  border-radius: 100%;
  border: 1px solid #d1d3e6;
  cursor: pointer;
  transition: 0.3s;
  transition-timing-function: ease-out;
}

.google-reviews-slick-nav .slick-arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  transition-timing-function: ease-out;
}

.google-reviews-slick-nav .prev.slick-arrow svg.icon-initial {
  transform: translateX(0px);
  opacity: 1;
}

/* .google-reviews-slick-nav .slick-arrow:hover { background-color: #1B2482; border: 1px solid #1B2482; } */
.google-reviews-slick-nav .slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: 0.3;
}

/*prev*/
.google-reviews-slick-nav .prev.slick-arrow svg.icon-state {
  transform: translateX(18px);
  opacity: 0;
}

/* .google-reviews-slick-nav .prev.slick-arrow:hover svg.icon-initial { transform: translateX(-18px); opacity: 0; } .google-reviews-slick-nav .prev.slick-arrow:hover svg.icon-state { transform: translateX(0px); opacity: 1; } */
/*next*/
.google-reviews-slick-nav .next.slick-arrow svg.icon-initial {
  transform: translateX(0px);
  opacity: 1;
}

.google-reviews-slick-nav .next.slick-arrow svg.icon-state {
  transform: translateX(-18px);
  opacity: 0;
}

/* .google-reviews-slick-nav .next.slick-arrow:hover svg.icon-initial { transform: translateX(18px); opacity: 0; } .google-reviews-slick-nav .next.slick-arrow:hover svg.icon-state { transform: translateX(0px); opacity: 1; } */
/*Slick Dots*/
.google-reviews-container .slick-dots {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  bottom: 40px;
  right: 50px;
  width: auto;
}

.google-reviews-container .slick-dots li button:before {
  display: none;
}

.google-reviews-container .slick-dots li {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: auto;
  height: auto;
}

.google-reviews-container .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: #ffffff;
  border-radius: 100px;
  border: 1px solid #d1d3e6;
  transition: 0.3s;
  transition-timing-function: ease-out;
}

.google-reviews-container .slick-dots li.slick-active button {
  background-color: #1b2482;
  width: 30px;
  border-color: #1b2482;
}

@media (min-width: 991px) {
  .google-reviews-container .slick-list {
    overflow: visible;
  }
}

@media (max-width: 990px) {
  .review {
    width: 100%;
  }
  .review-text {
    font-size: 16px;
    line-height: 160%;
  }
  .google-reviews-container .slick-dots {
    bottom: -59px;
    left: 30px;
  }

  .google-reviews-slick-nav {
    gap: 10px;
    margin: 20px 30px 0 0;
    justify-content: flex-end;
  }

  .google-reviews-slick-nav .slick-arrow {
    width: 45px;
    height: 45px;
  }

  .google-reviews-slick-nav .slick-arrow svg {
    width: 45px;
    height: 45px;
  }

  .employee-slide {
    width: 254px;
    margin: 0 18px 0 0;
  }

  .google-reviews-container .slick-slide {
    margin: 0 15px;
  }

  .google-reviews-container .slick-list {
    margin: 0 -15px;
  }
}
@media (max-width: 480px) {
  .google-reviews-container .slick-dots {
    flex-wrap: wrap;
    width: 150px;
  }
}

@media (hover: hover) {
  .google-reviews-slick-nav .slick-arrow:hover {
    background-color: #1b2482;
    border: 1px solid #1b2482;
  }

  .google-reviews-slick-nav .prev.slick-arrow:hover svg.icon-initial {
    transform: translateX(-18px);
    opacity: 0;
  }

  .google-reviews-slick-nav .prev.slick-arrow:hover svg.icon-state {
    transform: translateX(0px);
    opacity: 1;
  }

  .google-reviews-slick-nav .next.slick-arrow:hover svg.icon-initial {
    transform: translateX(18px);
    opacity: 0;
  }

  .google-reviews-slick-nav .next.slick-arrow:hover svg.icon-state {
    transform: translateX(0px);
    opacity: 1;
  }
}
