.slick-slider-main-wrapper{
  padding: 5rem 0;
    background: #000000 !important;
    color: white !important;
    .slick-prev:before {
        background-color: white !important;
        border-radius: 50%;
        padding: 12px 24px;
        margin: 0;
        color: black !important;
        opacity: 1 !important;
        content: "" !important;
        background-image: url("../images/left-svg-large.svg");
        background-position: center;
        background-repeat: no-repeat;
    
    }
    
    .slick-next:before {
        background-color: white !important;
        border-radius: 50%;
        padding: 12px 24px;
        margin: 0;
        color: black !important;
        opacity: 1 !important;
        content: "" !important;
        background-image: url("../images/right-svg-large.svg");
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .slick-prev {
        position: absolute !important;
        z-index: 299 !important;
        left: 23% !important;
        top: 28% !important;
    }
    
    .slick-next {
        position: absolute !important;
        z-index: 299 !important;
        right: 25% !important;
        top: 28% !important;
    }
    
    .slick-slide {
        padding: 15px;
    }
    
    .main-wrapper {
    
    
        .img-wrapper {
            width: 100%;
            height: 410px;
            border-radius: 20px;
    
            & img {
                width: 100%;
                border-radius: 20px;
    
                height: 100%;
    
            }
        }
    
        .content-wrapper {
            margin-top: 45px;
    
            & span {
                font-size: 1.375rem;
                color: #666666 !important;
                font-weight: 700;
            }
    
            & h3 {
                margin-top: 35px;
                font-weight: 600;
                font-size: 44px;
            }
    
            & p {
                margin-top: 35px;
                font-size: 25px;
                line-height: 1.3em;
                font-family: "proxima-nova", "Arial", "Helvetica", sans-serif;
                line-height: 1.3em;
                letter-spacing: -.03em;
                font-weight: 400;
                font-style: normal;
            }
        }
    
    
    }
}


@media (max-width: 1200px) {
    .slick-slider-main-wrapper{
        .slick-slide {
            padding: 10px;
        }
    
        .main-wrapper {
    
    
            .img-wrapper {
                width: 100%;
                height: 270px;
                border-radius: 20px;
    
                & img {
                    width: 100%;
                    border-radius: 20px;
    
                    height: 100%;
    
                }
            }
    
            .content-wrapper {
    
    
                & h3 {
                    font-size: 27px;
                }
    
                & p {
                    margin-top: 25px;
                    font-size: 18px;
                }
            }
    
    
        }
    
    }
    
}

@media (max-width: 999px) {
    .slick-slider-main-wrapper{

        .slick-prev:before{ 
            background-image:  url("../images/left-svg-medium.svg");
        }
        .slick-next:before {
            background-image: url("../images/right-svg-medium.svg"); 
        }
    }
}
@media (max-width: 555px) {
.slick-slider-main-wrapper{
    .slick-prev:before{
        padding: 8px 16px;
        font-size: 13px !important;
        background-image:  url("../images/left-svg-small.svg");
    }
    .slick-next:before {
        background-image: url("../images/right-svg-small.svg");
        padding: 8px 16px;
        font-size: 13px !important;
    }

   

    .slick-slide {
        padding: 5px;
    }

    .main-wrapper {


        .img-wrapper {
            width: 100%;
            height: 270px;
            border-radius: 20px;

            & img {
                width: 100%;
                border-radius: 20px;

                height: 100%;

            }
        }

        .content-wrapper {
            margin-top: 30px;

            & span {
                font-size: 1rem;
                color: #666666 !important;
                font-weight: 700;
            }

            & h3 {
                margin-top: 25px;
                font-weight: 600;
                font-size: 20px;
            }

            & p {
                margin-top: 25px;
                font-size: 16px;
                line-height: 1.3em;
                font-family: "proxima-nova", "Arial", "Helvetica", sans-serif;
                line-height: 1.3em;
                letter-spacing: -.03em;
                font-weight: 400;
                font-style: normal;
            }
        }


    }

}
   
}