@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.gvr {
  font-family: "Great Vibes", cursive;
  font-style: normal;
  background-color: #efd8de;
  font-size:3.5em;
  text-align:center;
  padding:35px;
  border-radius: 50px;
  color:#477f9b;
  border:solid 2px #477f9b;
  width:90%;
  margin:auto;
}

.homeavis{
    margin:70px 0;
}

.homeavis-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:30px;
    gap:20px;
    flex-wrap:wrap;
}

.homeavis-title h2{
    margin:0;
    font-size:2rem;
    font-weight:700;
}

.homeavis-title p{
    margin:8px 0 0;
    color:#666;
}

.homeavis-all{
    /*color:#0d6efd;*/
    color:#4d4d4d;
    text-decoration:none;
    font-weight:600;
}

.homeavis-all:hover{
    text-decoration:underline;
}

.homeavis-card{

    background:#fff;

    border-radius:14px;

    box-shadow:
        0 4px 18px rgba(0,0,0,.08);

    padding:24px;

    /*height:100%;*/
    height:280px;

    text-align: left!important;
    display:flex;

    font-size: 0.9rem;

    flex-direction:column;

    transition:
        transform .25s,
        box-shadow .25s;
}

.homeavis-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.12);
}

.homeavis-stars{

    display:flex;

    align-items:center;

    gap:3px;

    margin-bottom:14px;
}

.homeavis-star{

    width:24px;

    height:24px;

    border-radius:4px;

    background:#dcdce6;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:14px;
}

.homeavis-star.filled{

    background:#00b67a;
}

.verified{

    margin-left:12px;

    background:#e8f8f3;

    color:#00b67a;

    border-radius:20px;

    padding:4px 10px;

    font-size:.78rem;

    font-weight:600;
    white-space: nowrap;
}

.spontane{

    margin-left:12px;

    background:#e8e8e8;

    color:#686868;

    border-radius:20px;

    padding:4px 10px;

    font-size:.78rem;

    font-weight:200;
    white-space: nowrap;
}

.homeavis-name{

    font-weight:700;

    margin-bottom:4px;
}

.homeavis-date{

    color:#888;

    font-size:.85rem;

    margin-bottom:18px;
}

.homeavis-card h3{

    margin:0 0 12px;

    font-size:1rem;

    font-weight:700;
}

.homeavis-text{

    line-height:1.55;

    color:#444;

    display:-webkit-box;

    -webkit-line-clamp:5;

    -webkit-box-orient:vertical;

    height: 90px;
    overflow: hidden;
    position: relative;

    margin-bottom:20px;
}


.homeavis-text::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    background: linear-gradient(transparent, white);
}


.homeavis-more{


    color:#6e6e6e;

    font-weight:100;

    text-decoration:none;
    margin-top: 10px;
    display:none;
}

.homeavis-more.visible{

    display:inline-block;
}

.homeavis-slider{

    overflow:hidden;
}

.swiper{

    padding-bottom:45px;
}

.swiper-pagination{

    bottom:0!important;
}

.swiper-button-disabled{
    display: none;
}
/*
.swiper-button-prev,
.swiper-button-next {
    top: 50%;
    transform: translateY(-50%);

    background-color: #ddd8d8;
    border-radius: 15px;
    padding: 10px;    
}
*/



@media (max-width:480px){
.gvr {
  font-size:2.5em;
}
}

@media (max-width:768px){

.homeavis{

    margin:40px 0;
}

.homeavis-title h2{

    font-size:1.6rem;
}

.homeavis-card{

    padding:20px;
    text-align: left!important;
}

    .swiper-button-prev,
    .swiper-button-next {
        display:none;
    }

}

@media (min-width:768px){
    .swiper-slide{
        width:45%;
    }    
}
@media (min-width:992px){
    .swiper-slide{
        width:30%;
    }    
}
@media (min-width:1400px){
    .swiper-slide{
        width:20%;
    }    
}