/* MAIN SLIDER */
/*.cgs-slider {*/
/*    max-width: 100%;*/
/*    margin: auto;*/
/*    position: relative;*/
/*    padding: 20px 40px;*/
/*}*/

/* IMPORTANT: FIX POSITION CONTEXT */
/*.cgs-slider .slick-list {*/
/*    position: relative;*/
/*}*/

/* SLIDE WRAPPER */
/*.cgs-slider .cgs-slide {*/
/*    padding: 10px;*/
/*    position: relative;*/
/*}*/

/* IMAGE FIX (EQUAL HEIGHT) */
/*.cgs-slider .cgs-slide img {*/
/*    width: 100%;*/
/*    height: 360px;*/
/*    object-fit: cover;*/
/*    border-radius: 15px;*/
/*    display: block;*/
/*}*/

/* SPACE BETWEEN SLIDES */
/*.cgs-slider .slick-slide {*/
/*    margin: 0 10px;*/
/*}*/

/* CENTER ZOOM EFFECT */
/*.cgs-slider .slick-center {*/
/*    transform: scale(1.08);*/
/*    transition: all 0.3s ease;*/
/*    z-index: 2;*/
/*}*/

/* IMPORTANT FIX FOR SLICK */
/*.cgs-slider .slick-slide {*/
/*    display: block;*/
/*}*/

/* LABEL STYLE */
/*.cgs-slider .cgs-label {*/
/*    position: absolute;*/
/*    bottom: 15px;*/
/*    left: 15px;*/
/*    background: rgba(0,0,0,0.6);*/
/*    color: #fff;*/
/*    padding: 6px 12px;*/
/*    border-radius: 20px;*/
/*    font-size: 14px;*/
/*}*/

/* ===================== */
/* ARROWS (PERFECT CENTER) */
/* ===================== */

/*.cgs-slider .slick-prev,*/
/*.cgs-slider .slick-next {*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    z-index: 10;*/
/*    display: none !important;*/

    /* PERFECT CENTER */
/*    top: 50%;*/
/*    transform: translateY(-50%);*/

/*    display: flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/* LEFT ARROW */
/*.cgs-slider .slick-prev {*/
/*    left: -50px;*/
/*}*/

/* RIGHT ARROW */
/*.cgs-slider .slick-next {*/
/*    right: -50px;*/
/*}*/
/*button.slick-next.slick-arrow,button.slick-prev.slick-arrow {*/
/*    display: none !important;*/
/*}*/
/* ARROW ICON STYLE */
/*.cgs-slider .slick-prev:before,*/
/*.cgs-slider .slick-next:before {*/
/*    font-size: 30px;*/
/*    color: #000;*/
/*    opacity: 1;*/
/*}*/

/* ===================== */
/* MOBILE RESPONSIVE */
/* ===================== */

/*@media (max-width: 768px) {*/

/*    .cgs-slider {*/
/*        padding: 10px;*/
/*    }*/

/*    .cgs-slider .cgs-slide img {*/
/*        height: 250px;*/
/*    }*/

/*    .cgs-slider .slick-prev {*/
/*        left: -10px;*/
/*    }*/

/*    .cgs-slider .slick-next {*/
/*        right: -10px;*/
/*    }*/
/*}*/



.cgs-slider{
    margin:40px auto;
}

.cgs-slide{
    padding:12px;
}

.cgs-slide a{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

/* Image */
.cgs-slide img{
    width:100%;
    height:340px;
    object-fit:cover;
    border-radius:18px;
    transition:all .6s ease;
}

/* Hover Zoom */
.cgs-slide:hover img{
    transform:scale(1.12);
    filter:brightness(.70);
}

/* Overlay */
.cgs-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:14px;
    background:rgba(0,0,0,.35);
    opacity:0;
    transition:.4s ease;
}

/* Hover show overlay */
.cgs-slide:hover .cgs-overlay{
    opacity:1;
}

/* Plus Circle Icon */
.cgs-overlay::before{
    content:"+";
    width:62px;
    height:62px;
    border-radius:50%;
    background:#ffffff;
    color:#111;
    font-size:42px;
    font-weight:700;
    line-height:62px;
    text-align:center;
    transform:scale(.6);
    transition:.35s ease;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

/* View Text */
.cgs-overlay span{
    color:#fff;
    font-size:18px;
    font-weight:700;
    letter-spacing:.4px;
    transform:translateY(20px);
    opacity:0;
    transition:.35s ease;
}

/* Animate On Hover */
.cgs-slide:hover .cgs-overlay::before{
    transform:scale(1) rotate(180deg);
}

.cgs-slide:hover .cgs-overlay span{
    transform:translateY(0);
    opacity:1;
}

/* Label */
.cgs-label{
    display:block;
    text-align:center;
    margin-top:14px;
    font-size:18px;
    font-weight:700;
}

/* Slider Side Fade */
.slick-slide{
    opacity:.60;
    transition:.4s;
}

.slick-center{
    opacity:1;
}

/* Center Image Highlight */
.slick-center img{
    transform:scale(1.05);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

/* Arrows */
.slick-prev,
.slick-next{
    z-index:9;
}

.slick-prev:before,
.slick-next:before{
    color:#111;
    font-size:34px;
}

/* Mobile */
@media(max-width:768px){

.cgs-slide img{
    height:260px;
}

.cgs-overlay::before{
    width:52px;
    height:52px;
    line-height:52px;
    font-size:34px;
}

.cgs-overlay span{
    font-size:16px;
}

}