.dried-fruits-section {
    margin-bottom: 100px;

    @media(max-width: 767px) {
        margin-bottom: 40px;
    }

    .dried-fruits-inner {
        .box-wrapper {
            border: 1px solid #b7cf63;
            border-radius: 25px;
            overflow: hidden;
            padding-bottom: 30px;

            @media(max-width: 767px) {
                margin-bottom: 30px;
            }

            .inner-wrapper {
                .products-image-slider-wrapper {
                    .inner-products-slider {
                        .item {
                            .image-wrapper {
                                img {
                                    width: 100%;
                                    height: auto;
                                    object-fit: cover;
                                    border-top-right-radius: 25px;
                                    border-top-right-radius: 25px;
                                }
                            }
                        }
                    }
                }

                .name-wrapper {
                    padding: 15px 12px;
                    text-align: center;
                    background-color: #f9f6df;

                    h4 {
                        font-weight: 400;
                        margin: 0;
                        font-family: "Bricolage Grotesque", sans-serif;
                        color: #2d6d3b;
                        font-size: 32px;

                        span {
                            font-weight: 600;
                        }
                    }
                }

                .specifications-wrapper {
                    padding: 30px;

                    @media(max-width: 767px) {
                        padding: 20px 12px;
                    }

                    h4 {
                        font-size: 19px;
                        font-weight: 500;
                        color: #2d6d3b;
                        margin-bottom: 15px;

                        @media(max-width: 767px) {
                            font-size: 18px !important;
                        }
                    }

                    ul {
                        margin: 0;
                        padding: 0;

                        li {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 15px;
                            color: #000;
                            @media(max-width: 767px){
                                font-size: 14px;
                                gap: 8px;
                                grid-template-columns: 1fr 1.5fr;
                            }
                        }
                    }
                }

                .enquire-now-wrapper {
                    padding: 0 30px;

                    @media(max-width: 767px) {
                        padding: 0 12px;
                    }

                    a {
                        background-color: #b7cf63;
                        padding: 10px 25px;
                        border-radius: 100px;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: 20px;
                        width: fit-content;
                        font-size: 17px;
                        color: #2d6d3b;
                        text-transform: uppercase;
                        transition: 0.6s ease-in-out;
                        font-family: $font-bricolage;
                        position: relative;
                        z-index: 1;
                        overflow: hidden;

                        &::before {
                            width: 180px;
                            height: 200px;
                            background-color: #2d6d3b;
                            position: absolute;
                            top: -190%;
                            left: -80%;
                            transition: 0.5s ease;
                            transform: rotate(35deg);
                            content: "";
                            z-index: -1;
                            opacity: 0;
                            visibility: hidden;
                        }

                        &::after {
                            width: 200px;
                            height: 200px;
                            background-color: #2d6d3b;
                            position: absolute;
                            top: -115%;
                            right: -90%;
                            transition: 0.5s ease;
                            transform: rotate(125deg);
                            content: "";
                            z-index: -1;
                            opacity: 0;
                            visibility: hidden;
                        }

                        @media(max-width: 767px) {
                            padding: 6px 24px;
                            font-size: 13px !important;
                        }

                        span {
                            font-weight: 600;

                            @media(max-width: 767px) {
                                font-size: 22px !important;
                            }
                        }

                        &:hover {
                            background-color: #2d6d3b;
                            color: $white;

                            &::before {
                                left: 0%;
                                opacity: 1;
                                visibility: visible;
                            }

                            &::after {
                                right: 0%;
                                opacity: 1;
                                visibility: visible;
                            }
                        }
                    }
                }
            }
        }
    }
}