/* ================================
   Gold Categories Slider
================================ */


/* swiper container */

.goldSwiper{

    width:100%;

    padding:15px 5px 35px;

}


/* slide */

.goldSwiper .swiper-slide{

    height:auto;

}


/* main card */

.gold-category-card{

    display:block;

    text-decoration:none;

}


/* image box */

.gold-card-image{


    height:300px;


    border:2px solid #d7ae55;


    border-radius:170px 170px 25px 25px;


    overflow:hidden;


    background:#fffdf8;


    display:flex;

    align-items:center;

    justify-content:center;


    transition:all .35s ease;


    position:relative;


}



/* image */

.gold-card-image img{


    width:100%;


    height:100%;


    object-fit:cover;


    object-position:center;


    display:block;


    transition:all .45s ease;


}



/* hover */

.gold-category-card:hover .gold-card-image{


    transform:translateY(-8px);


    box-shadow:

    0 20px 45px rgba(0,0,0,.12);


}



.gold-category-card:hover img{


    transform:scale(1.08);


}



/* title */

.gold-card-title{


    margin-top:18px;


    display:flex;


    justify-content:center;


    align-items:center;


    gap:10px;


    color:#222;


    font-size:18px;


    font-weight:700;


    line-height:1.5;


}



/* arrow circle */


.gold-arrow{


    width:32px;


    height:32px;


    border-radius:50%;


    border:2px solid #d7ae55;


    color:#d7ae55;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:20px;


    transition:.3s;


}



.gold-category-card:hover .gold-arrow{


    background:#d7ae55;


    color:#fff;


    transform:translateX(-5px);


}



/* remove swiper ugly */

.swiper-slide a{

    outline:none;

}



/* ================================
   Responsive
================================ */



@media(max-width:1200px){


    .gold-card-image{

        height:280px;

    }


}



@media(max-width:768px){


    .gold-card-image{

        height:250px;

    }


    .gold-card-title{

        font-size:16px;

    }


}



@media(max-width:480px){


    .gold-card-image{

        height:220px;

    }


}