.our-rev-block .content {
  display: flex;
  gap: 30px; }
  @media (max-width: 900px) {
    .our-rev-block .content {
      flex-direction: column-reverse; } }
  .our-rev-block .content__left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px; }
    .our-rev-block .content__left .service {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: var(--card);
      border-radius: 20px 20px 20px 0;
      padding: 15px;
      padding-left: clamp(15px,0.9375vw + 12px, 30px);
      border: 1px solid var(--card);
      transition: all 0.3s ease-in;
      gap: 10px; }
      @media (max-width: 500px) {
        .our-rev-block .content__left .service {
          flex-direction: column-reverse;
          align-items: flex-start; } }
      .our-rev-block .content__left .service:hover {
        background-color: transparent;
        border-color: var(--hover); }
        .our-rev-block .content__left .service:hover .arr {
          background-color: var(--hover); }
        .our-rev-block .content__left .service:hover svg {
          transform: rotate(45deg); }
      .our-rev-block .content__left .service .arr {
        width: 50px;
        height: 50px;
        background-color: var(--primary);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in;
        flex-shrink: 0; }
        .our-rev-block .content__left .service .arr svg {
          width: 24px;
          height: 24px;
          transition: all 0.3s ease-in; }
  .our-rev-block .content__right {
    width: 370px;
    height: 410px;
    flex-shrink: 0; }
    @media (max-width: 900px) {
      .our-rev-block .content__right {
        width: 100%;
        height: clamp(300px,6.875vw + 278px, 410px); } }
    .our-rev-block .content__right img {
      border-radius: 20px 20px 20px 0; }
.our-rev-block .btn-transparent {
  display: block;
  width: 100%;
  margin-top: 30px; }
.our-rev-block .nav {
  margin-top: clamp(30px,0.625vw + 28px, 40px);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between; }
  .our-rev-block .nav .btns {
    display: flex;
    gap: 10px;
    align-items: center; }

.our-rev-block .review .image{
    width: 270px;
    height: 100%;
    border-radius: 20px 20px 20px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
  }


  .our-rev-block .wrap-rev {
    padding: clamp(10px, 1.875vw + 4px, 40px);
    background-color: var(--bg-light);
  }

/*# sourceMappingURL=block.css.map */