.cg-coll-list{padding-top: 4.6rem; padding-bottom: 3.6rem;

    @media(max-width:991px){padding-top: 0.6rem;padding-bottom: 0;}

    .section-title{font-size: 3.5rem; font-weight: 700; text-align: center;
    
        @media(max-width:991px){font-size: 2.4rem;}
    
    }

    .the-list{position: relative; padding-bottom: 0;

         @media(min-width:991px){opacity: 0;padding-bottom: 7rem;
            &.slick-initialized{opacity: 1;}
        }

    }

    .coll-list-item{padding-right: 20px; padding-left: 20px; position: relative; 


        .coll-img-wrap{overflow: hidden;border-radius:20px;
             img{border-radius:20px;transition: transform 0.5s;}
        }

        &:hover{
            .coll-img-wrap img{transform: scale(1.1); transition: transform 0.5s;}
            .coll-link .arrow{transform: translateX(-10px);transition: transform 0.5s;}
        } 

        .inner-content{position: absolute; top: 0; right: 20px; width: calc(100% - 40px); height: 100%; z-index: 2; padding: 30px; display: flex;flex-direction: column;
            @media(max-width:991px){padding: 10px;width: calc(100% - 20px); right: 10px;}
        }

        .coll-link{width: 100%; background: #FFF; text-align:right; font-size: 18px; font-weight: 700; padding: 25px 20px; display: flex; align-items:center; justify-content: space-between; margin-top: auto; text-decoration: none!important; color: #100F0D; border-radius: 20px;
            .arrow{width: 19px; transition: transform 0.5s;}

            @media(max-width:991px){padding: 6px 10px;font-size: 12px; border-radius: 5px;font-weight: 600;
                .arrow{width: 10px;}
            }
        }
    }

    .slick-list{padding-left: 12.5%;}

        .slick-dots {position: absolute;bottom: 12px;left: 0;right: 0;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 1;

            li {display: inline-block;margin: 0 4px;padding: 0;

                button {padding: 0;width: 20px;height: 20px;border-radius: 50%; border:none; background: #100F0D;text-indent: -9999px;cursor: pointer;}

            }

            li.slick-active button {opacity: 1;background: #C61E25;}

        }


        @media(max-width:991px){
            .the-list{display: flex; flex-wrap:wrap;}
            .coll-list-item{flex: 0 0 50%; max-width: 50%; padding-right: 7.5px; padding-left: 7.5px; margin-bottom: 15px;}
        }

}