.friend-request-body:not(:last-child) {
    margin-bottom: 20px;
  }

  .friend__imgtitle img {
      height: 45px;
      width: 45px;
      margin-right: 15px;
    }

    .friend__imgtitle  h4 {
      font-size: var(--font-size-body);
    }
      .friend__imgtitle span {
        color: var(--color-2);
      }

  .friend-request-btn {
    padding-top: 15px;
  }

  .friend-request__btn {
    padding: 7px 26px;
    border-radius: 18px;
    background-color: var(--bg-4);
    color: var(--color-second);
  }

  .friend-request__btn--primary {
    background-color: var(--bg-3);
    color: var(--color-primary);
    margin-right: 10px;
  }

  .body-right-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
  }
    .body-right-title h4 {
      font-size: var(--font-size-body);
    }

    .body-right-title a {
      color: var(--color-3);
    }

  .friend-confirm-body {
    background-color: #f5f5f5;
    padding: 15px 10px;
    border-radius: 5px;
  }

  .friend-confirm-body:not(:last-child) {
    margin-bottom: 20px;
  }

  .friend-confirm__seemore {
    height: 30px;
    width: 30px;
    background-color: var(--bg-primary);
  }
    .friend-confirm__seemore svg {
      height: 10px;
    }

.service-box {
	background: var(--bg-4);
	border-radius: 10px;
	padding: 15px;
	display: block;
	margin-top: 10px;
}
.service-item {
	background: #fff;
	border-radius: 5px;
	cursor: pointer;
  transition: .3s;
}

.service-item:hover {
background:#2a3089 ;
}

.service-item:hover p{
  color:#fff ;
  }

  .service-item:hover .icon-service{
    background:#2a3089 ;
    }

    .service-item:hover .icon-service svg path{
      fill:#fff ;
      }
.list-service{
                  display: grid;
                  grid-template-columns: repeat(4, 1fr);
                  gap: 10px;
                }
                @media(max-width: 300px){
                  .list-service{
                    display: grid;
                    grid-template-columns: repeat(3, 1fr) !important;
                    gap: 10px;
                  }
                }
                .icon-service{
                  /* border: 3px solid #2a3089;
                  border-radius: 25px; */
                  width: 70px;
                  margin: 0 auto;
                  background: #fff;
                  transition: .3s;
                }
                .icon-service img{
                  filter: opacity(0.5) drop-shadow(0 0 0 blue);
                  padding: 10px;
                }
                .service-item p{
                  font-weight: 500;
                  margin-top: 5px;
                  text-align: center;
                  padding: 0;
                  font-size: 15px;
                  text-transform: uppercase;
                  margin: 5px 0 10px 0;
                  color: #2a3089;
                  transition: .3s;
                }
                .service-box h1{
                  font-weight: bold;
                  font-size: 18px;
                  margin: 0;
                  color: #2a3089;
                  padding: 0 10px 15px 10px;
                  text-align: center;
                  text-transform: uppercase;
                  transition: .3s;
                }
                .icon-service svg{
                  height: 84px;
                  width: 100%;
                  padding: 15px 10px 10px 10px;
                }
                .icon-service svg path{
                  fill: #2a3089;
                }
                @media(max-width: 700px){
                  #myCarousel img{
                    height: 150px !important;
                  }
                }
                .btn-search-location{
                  background: #2a3089;
                  border-radius: 10px;
                  color: #fff;
                  font-weight: bold;
                  font-size: 20px;
                  padding: 15px 20px;
                  width: 100%;
                }









    @media(max-width: 1100px){
      .home-right{
        padding-left: 40px !important;
      }
    }