.search__page {
    margin-top: 60px;
}

.search__page  .search__all .search__input form{
    display: flex;
    align-items: center;
    padding: 0px 20px;
    background-color:#F3F4FA;
    border-radius: 8em;
}
.search__page  .search__all .search__input input{
    outline: none;  
    background-color:#F3F4FA;
    border-radius: 8em;
    padding: 18px 40px;
    width: 100%;
}
.search__page  .search__all .search__input i{
   color:#B1B0B0 ; 
}

.search__page .search__all .search__input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9A9898;
    font-family: 'Circe'; 
}

.search__page  .search__all .search__main{
    margin-top: 95px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.search__page  .search__all .search__card{
    display: flex;
    gap: 30px;
    align-items: center;
    
}
.search__page  .search__all .search__card .card__img{
    width: 303px;
    height: 194px;
}
.search__page  .search__all .search__card .card__title {
    max-width: 412px;
}

.search__page  .search__all .search__card .card__title h5{
    color: var(--color-blue);
}

.search__page  .search__all .search__card .card__title p{
    margin-top: 30px;
    color: var(--color-grey);
}


.search__page .page__pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 80px;
}
.search__page .page__pagination i{
    font-size: 12px;
    color: var(--color-black);
}

.search__page .page__pagination ul{
    display: flex;
}

.search__page .page__pagination ul li.active{
    background-color: var(--color-blue);
}
.search__page .page__pagination ul li.active a{ 
    color: var(--color-white);
}
.search__page .page__pagination ul li a{
    padding: 13px 15px;
    display: inline-block;
    border: 1px solid var(--color-blue);
}

/* responsive start */
@media screen and(max-width:768px){
    .search__page {
        margin-top: 50px;
    }
    .search__page  .search__all .search__card{
       flex-wrap: wrap;
    }
    .search__page  .search__all .search__card .card__img{
        width: 100%;
        height: 300px;
    }
    .search__page  .search__all .search__card .card__title p{
        margin-top: 10px;
    }
}

@media screen and(max-width:480px){
    
    .search__page  .search__all .search__card .card__img{
        height: 160px;
    }
    
}

/* responsive end */