.csrHighlights {
    .csrHighlightsBtm {
        padding: 0px 15px;

        .csrSlide {
            padding: 0px 15px;

            .csrCard {
                display: flex;
                align-items: center;
                border-radius: 15px;
                overflow: hidden;
                height: 350px;
                background-color: #0C0056;

                .csrCardImg {
                    width: 40%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                .csrCardTxt {
                    width: 60%;
                    padding: 10px 40px 10px 25px;

                    .csrCardHead {
                        font-size: 25px;
                        color: #FFB600;
                        font-weight: 500;
                        margin-bottom: 10px;
                    }

                    .csrCardTxtInn {
                        height: 210px;
                        overflow-y: auto;
                        padding-right: 10px;

                        p {
                            color: #fff;
                        }

                        &::-webkit-scrollbar-thumb {
                            background-color: #FFB600;
                        }
                    }
                }
            }
        }

        .slick-arrow {
            width: 55px;
            height: 55px;
            border: 1px solid #fff;

            &::after {
                font-size: 20px;
            }

            &.slick-prev {
                left: -10px;
            }

            &.slick-next {
                right: -10px;
            }
        }
    }
}

/* Responsive */

@media (max-width: 1280px) {}

@media (max-width: 1199px) {
    .csrHighlights {
        .csrHighlightsBtm {
            .csrSlider {
                padding-bottom: 70px;

                .csrSlide {
                    .csrCard {
                        .csrCardTxt {
                            padding: 10px 25px 10px 25px;
                        }
                    }
                }

                .slick-arrow {
                    top: auto;
                    bottom: -30px;

                    &.slick-next {
                        right: calc(50% - 60px);
                    }

                    &.slick-prev {
                        left: calc(50% - 60px);
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    .csrHighlights {
        .csrHighlightsBtm {
            .csrSlider {
                .csrSlide {
                    .csrCard {
                        height: auto;
                        flex-direction: column;

                        .csrCardImg {
                            width: 100%;
                            height: 230px;
                            margin-bottom: 10px;
                        }

                        .csrCardTxt {
                            width: 100%;
                            padding: 10px 25px 20px 25px;
                            min-height: 275px;

                            .csrCardHead {
                                font-size: 22px;
                            }

                            .csrCardTxtInn {
                                height: 150px;
                            }
                        }
                    }
                }
            }
        }
    }
}



@media (max-width: 768px) {
    .csrHighlights {
        .csrHighlightsBtm {
            .csrSlider {
                .csrSlide {
                    .csrCard {
                        .csrCardImg {
                            height: 200px;
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 767px) {
    .csrHighlights {
        .csrHighlightsBtm {
            .csrSlider {
                .csrSlide {
                    .csrCard {
                        .csrCardTxt {
                            min-height: auto;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 575px) {
    .csrHighlights {
        .csrHighlightsBtm {
            .csrSlide {
                .csrCard {
                    .csrCardImg {
                        height: 220px;
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
}