Carousels

Carousel Style 1

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel1 dots1">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d5-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d5-1.png" alt="Carousel Image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            
                        
                        

Carousel Style 2

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel2 dots2">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d5-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                    </div>
                    <div class="item">
                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d5-1.png" alt="Carousel Image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            
                        
                        

Carousel Style 3

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel3 dots2">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 61.49 63.05"><defs><style>.cls-1{fill:#ed4b4b;stroke:#ed4b4b;stroke-miterlimit:10;stroke-width:0.5px;}</style></defs><title>Charity _ 02</title><path class="cls-1" d="M29,10.57a10.32,10.32,0,0,0-7.39,3,10.52,10.52,0,0,0,0,14.85L38.15,45.05a.72.72,0,0,0,1,0L55.74,28.47a10.5,10.5,0,0,0,0-14.83l-.11-.09a10.46,10.46,0,0,0-14.7.09L38.67,16l-2.3-2.31A10.41,10.41,0,0,0,29,10.57ZM29,12a9,9,0,0,1,6.37,2.69l2.8,2.8a.72.72,0,0,0,1,0L42,14.68a9,9,0,0,1,12.75,0l0,.05a9,9,0,0,1-.07,12.7l-16,16.09L22.6,27.43A9.06,9.06,0,0,1,29,12ZM13.07,25.66a2.66,2.66,0,0,0-1.07.25,2.29,2.29,0,0,0-1.24,1.88L9.16,46.32a9.23,9.23,0,0,0,2.37,7.57L21.63,64a3.94,3.94,0,0,1,1.49,2.85l.05,4.77a.71.71,0,0,0,.73.71.73.73,0,0,0,.72-.73l-.05-4.77A5.42,5.42,0,0,0,22.67,63L12.55,52.87a7.74,7.74,0,0,1-2-6.41l1.61-18.54c0-.45.16-.58.4-.7a1.77,1.77,0,0,1,1.16,0,3.34,3.34,0,0,1,2.28,2.35l1.65,7.59A.72.72,0,1,0,19.14,37a.94.94,0,0,0,0-.16l-1.63-7.57a4.68,4.68,0,0,0-3.32-3.44A3.67,3.67,0,0,0,13.07,25.66Zm53.08,0a3.8,3.8,0,0,0-1.1.16,4.65,4.65,0,0,0-3.3,3.44l-1.63,7.57a.72.72,0,1,0,1.36.48.47.47,0,0,0,0-.17l1.65-7.59a3.34,3.34,0,0,1,2.28-2.35,1.77,1.77,0,0,1,1.16,0c.24.12.36.25.4.7l1.61,18.54a7.76,7.76,0,0,1-2,6.41L56.55,63a5.46,5.46,0,0,0-1.9,3.84l-.07,4.77a.73.73,0,0,0,1.45,0l.07-4.77A3.91,3.91,0,0,1,57.57,64l10.1-10.1A9.26,9.26,0,0,0,70,46.32L68.46,27.79a2.27,2.27,0,0,0-1.24-1.88A2.66,2.66,0,0,0,66.15,25.66ZM18.67,41.21a4.2,4.2,0,0,0-3.3,3.17,4,4,0,0,0,.84,4.18l0,0,8.09,8.09a.73.73,0,0,0,1,.11.72.72,0,0,0,.11-1,.57.57,0,0,0-.11-.11l-8.14-8.14,0,0a2.72,2.72,0,0,1-.41-2.69,2.91,2.91,0,0,1,1.83-2l6.51,6.51a.72.72,0,0,0,.48.2c5.14.27,8.67,3.17,9,7.06l1.13,15.79a.73.73,0,0,0,.78.67.72.72,0,0,0,.66-.78L36,56.42c-.33-4.61-4.51-7.91-10-8.31l-6.69-6.69A.72.72,0,0,0,18.67,41.21Zm41.65,0a.71.71,0,0,0-.4.21l-6.67,6.69c-5.5.4-9.71,3.7-10,8.31l-1.11,15.8a.72.72,0,0,0,1.4.34.58.58,0,0,0,0-.23l1.13-15.79c.28-3.89,3.83-6.79,9-7.06a.72.72,0,0,0,.48-.2l6.51-6.51a2.91,2.91,0,0,1,1.83,2A2.72,2.72,0,0,1,62,47.5l-.07,0-8.11,8.14a.72.72,0,0,0-.11,1,.73.73,0,0,0,1,.11,1.14,1.14,0,0,0,.11-.11l8.06-8.09.07,0,0,0a3.94,3.94,0,0,0,.84-4.15,4.2,4.2,0,0,0-3.3-3.17Z" transform="translate(-8.86 -10.32)"/></svg>
                            </div>
                            <h4>Protection</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 58.62 62.45">
                                    <defs><style>.cls-1{fill:#ed4b4b;}</style></defs>
                                    <title>Charity _ Template-1</title>
                                    <g>
                                        <g data-name="Group 31">
                                            <g data-name="Group 30">
                                                <path data-name="Path 28" class="cls-1" d="M28.09,24.14a1.22,1.22,0,0,0,0,2.44,1.21,1.21,0,0,0,1.22-1.22h0A1.22,1.22,0,0,0,28.09,24.14Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                        <g data-name="Group 33">
                                            <g data-name="Group 32">
                                                <path data-name="Path 29" class="cls-1" d="M39.07,47H35.42V43.3a1.22,1.22,0,0,0-2.44,0h0V47H29.33a1.22,1.22,0,1,0,0,2.44H33V53a1.22,1.22,0,1,0,2.44,0h0V49.39h3.65a1.22,1.22,0,0,0,0-2.44Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                        <g data-name="Group 35">
                                            <g data-name="Group 34">
                                                <path data-name="Path 30" class="cls-1" d="M72,48a9.75,9.75,0,0,0-13.32-3.57h0l-5,2.86V36.75a6.12,6.12,0,0,0-1.22-3.66L46.39,25V21.49A3.67,3.67,0,0,0,48.83,18V12.43a3.67,3.67,0,0,0-3.65-3.66h-22a3.67,3.67,0,0,0-3.65,3.66V18A3.67,3.67,0,0,0,22,21.49V25l-6.1,8.13a6.19,6.19,0,0,0-1.22,3.66V60.37a6.12,6.12,0,0,0,6.1,6.1h19.6a9.75,9.75,0,0,0,13.25,3.45l14.79-8.54A9.77,9.77,0,0,0,72,48ZM22,12.43a1.22,1.22,0,0,1,1.22-1.22h22a1.22,1.22,0,0,1,1.22,1.22V18a1.22,1.22,0,0,1-1.22,1.22h-22A1.23,1.23,0,0,1,22,18ZM17.85,34.55l6.34-8.46a1.18,1.18,0,0,0,.24-.73V21.7H44v2.44H33a1.22,1.22,0,0,0,0,2.44H44.56l6,8a3.64,3.64,0,0,1,.71,1.79H17.14A3.74,3.74,0,0,1,17.85,34.55ZM20.77,64a3.67,3.67,0,0,1-3.65-3.66V59.13H39.28a9.8,9.8,0,0,0,0,4.9Zm19.46-7.32H17.12V38.78H51.27v10L43.87,53A9.7,9.7,0,0,0,40.23,56.71ZM52.41,67.8a7.32,7.32,0,0,1-7.36-12.65l0,0,6.62-3.82L59,64ZM67.2,59.27l-6.05,3.49L53.83,50.09l6.05-3.5a7.32,7.32,0,1,1,7.36,12.65Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <h4>Health</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 56.69 62.55">
                                    <defs><style>.cls-1{fill:#ed4b4b;}</style></defs>
                                    <title>Charity _ 05</title>
                                    <path class="cls-1" d="M6.42,66l13.82,5.17a3.16,3.16,0,0,0,.6.11.83.83,0,0,0,.22,0l20.81-4.44A11.07,11.07,0,0,0,51,71.28c6.27,0,11-4.47,11-10.4,0-.35-.07-.67-.1-1a.76.76,0,0,0,0-.16V50.9a77.13,77.13,0,0,0-2.21-17.14,99.49,99.49,0,0,1-2.57-19h1.35a1,1,0,0,0,1-1.05V12.55a3.84,3.84,0,0,0-3.83-3.83H45.12a3.83,3.83,0,0,0-3.82,3.83v1.12a1,1,0,0,0,1.05,1.05h1.57a89.63,89.63,0,0,1-2,16.21l-3.63-4.36v-6a1.72,1.72,0,0,0-1.94-1.71L17.75,21.08a1.73,1.73,0,0,0-1.51,1.71v6.49L6.06,35.92h0s0,0,0,0H6a1,1,0,0,0-.34.38,1.7,1.7,0,0,0-.38,1v27A1.73,1.73,0,0,0,6.42,66Zm34.37-1.1L21.66,69l.09-26.27,22.87-4.9V51.9a11,11,0,0,0-4.64,9A10.31,10.31,0,0,0,40.79,64.9ZM51,69.18a8.89,8.89,0,0,1-7.68-4,8,8,0,0,1-1.22-4.33,8.9,8.9,0,0,1,17.8,0C59.89,65.61,56.06,69.18,51,69.18Zm1-22.89a4.61,4.61,0,0,0-.68,1.37,2.26,2.26,0,0,0-1-.6,1,1,0,0,0-.6,2c.15,0,.25.42.28.87a10.94,10.94,0,0,0-3.24.81V37.35s0-.08,0-.12a20,20,0,0,1,.91-2H53.3A29,29,0,0,1,56,44.3,5.44,5.44,0,0,0,51.94,46.29Zm5.24,0h.45C57.49,47.84,56,49,53.09,49.63a3.19,3.19,0,0,1,.54-2.09C54.25,46.72,55.44,46.3,57.18,46.3Zm2.64,4.6v3.48A11,11,0,0,0,55.69,51c2.75-1.13,3.74-2.73,4-4.15C59.75,48.13,59.82,49.47,59.82,50.9ZM43.4,12.62v-.07a1.73,1.73,0,0,1,1.72-1.73H55.71a1.73,1.73,0,0,1,1.72,1.73ZM46,14.72h9a101.82,101.82,0,0,0,2.63,19.47c.72,3.45,1.39,6.8,1.79,10.47a1.05,1.05,0,0,0-.7-.37c-.26,0-.45,0-.7,0a29.67,29.67,0,0,0-3.21-10.65,1.05,1.05,0,0,0-.91-.52H47a1.05,1.05,0,0,0-.91.52q-.39.69-.75,1.44L43.6,33A95.7,95.7,0,0,0,46,14.72ZM36.77,28.07,43.33,36,21.44,40.63l-2.81-9.91ZM18.34,23.12,36.15,21V26l-17.81,2.6Zm-1.67,8.39,2.45,8.62L9.25,36.35ZM7.41,37.9l12.24,4.68,0,7.39L7.41,45.91Zm0,10.22,12.2,4.07,0,7.2L7.41,55.14Zm0,9.24,12.17,4.26,0,7.05L7.41,64.12Z" transform="translate(-5.3 -8.72)"/>
                                    <path class="cls-1" d="M38.06,45.09,27.55,47.34l-.09,0a.66.66,0,0,0-.19.09.57.57,0,0,0-.16.11.62.62,0,0,0-.14.14.91.91,0,0,0-.11.16,1.08,1.08,0,0,0-.08.19,1.18,1.18,0,0,0,0,.2s0,.06,0,.1l0,12.32s0,0,0,0a.78.78,0,0,0,0,.22.61.61,0,0,0,.05.18.82.82,0,0,0,.11.17,1.67,1.67,0,0,0,.12.16,1.7,1.7,0,0,0,.14.1l.2.11,0,0a1.78,1.78,0,0,0,.45.08.83.83,0,0,0,.22,0l10.58-2.25a1.34,1.34,0,0,0,1-1.31V46.41a1.34,1.34,0,0,0-.5-1A1.69,1.69,0,0,0,38.06,45.09Zm-.47,12.47-8.8,1.88,0-10.22,8.77-1.88Z" transform="translate(-5.3 -8.72)"/>
                                </svg>
                            </div>
                            <h4>Food & Water</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 61.49 63.05"><defs><style>.cls-1{fill:#ed4b4b;stroke:#ed4b4b;stroke-miterlimit:10;stroke-width:0.5px;}</style></defs><title>Charity _ 02</title><path class="cls-1" d="M29,10.57a10.32,10.32,0,0,0-7.39,3,10.52,10.52,0,0,0,0,14.85L38.15,45.05a.72.72,0,0,0,1,0L55.74,28.47a10.5,10.5,0,0,0,0-14.83l-.11-.09a10.46,10.46,0,0,0-14.7.09L38.67,16l-2.3-2.31A10.41,10.41,0,0,0,29,10.57ZM29,12a9,9,0,0,1,6.37,2.69l2.8,2.8a.72.72,0,0,0,1,0L42,14.68a9,9,0,0,1,12.75,0l0,.05a9,9,0,0,1-.07,12.7l-16,16.09L22.6,27.43A9.06,9.06,0,0,1,29,12ZM13.07,25.66a2.66,2.66,0,0,0-1.07.25,2.29,2.29,0,0,0-1.24,1.88L9.16,46.32a9.23,9.23,0,0,0,2.37,7.57L21.63,64a3.94,3.94,0,0,1,1.49,2.85l.05,4.77a.71.71,0,0,0,.73.71.73.73,0,0,0,.72-.73l-.05-4.77A5.42,5.42,0,0,0,22.67,63L12.55,52.87a7.74,7.74,0,0,1-2-6.41l1.61-18.54c0-.45.16-.58.4-.7a1.77,1.77,0,0,1,1.16,0,3.34,3.34,0,0,1,2.28,2.35l1.65,7.59A.72.72,0,1,0,19.14,37a.94.94,0,0,0,0-.16l-1.63-7.57a4.68,4.68,0,0,0-3.32-3.44A3.67,3.67,0,0,0,13.07,25.66Zm53.08,0a3.8,3.8,0,0,0-1.1.16,4.65,4.65,0,0,0-3.3,3.44l-1.63,7.57a.72.72,0,1,0,1.36.48.47.47,0,0,0,0-.17l1.65-7.59a3.34,3.34,0,0,1,2.28-2.35,1.77,1.77,0,0,1,1.16,0c.24.12.36.25.4.7l1.61,18.54a7.76,7.76,0,0,1-2,6.41L56.55,63a5.46,5.46,0,0,0-1.9,3.84l-.07,4.77a.73.73,0,0,0,1.45,0l.07-4.77A3.91,3.91,0,0,1,57.57,64l10.1-10.1A9.26,9.26,0,0,0,70,46.32L68.46,27.79a2.27,2.27,0,0,0-1.24-1.88A2.66,2.66,0,0,0,66.15,25.66ZM18.67,41.21a4.2,4.2,0,0,0-3.3,3.17,4,4,0,0,0,.84,4.18l0,0,8.09,8.09a.73.73,0,0,0,1,.11.72.72,0,0,0,.11-1,.57.57,0,0,0-.11-.11l-8.14-8.14,0,0a2.72,2.72,0,0,1-.41-2.69,2.91,2.91,0,0,1,1.83-2l6.51,6.51a.72.72,0,0,0,.48.2c5.14.27,8.67,3.17,9,7.06l1.13,15.79a.73.73,0,0,0,.78.67.72.72,0,0,0,.66-.78L36,56.42c-.33-4.61-4.51-7.91-10-8.31l-6.69-6.69A.72.72,0,0,0,18.67,41.21Zm41.65,0a.71.71,0,0,0-.4.21l-6.67,6.69c-5.5.4-9.71,3.7-10,8.31l-1.11,15.8a.72.72,0,0,0,1.4.34.58.58,0,0,0,0-.23l1.13-15.79c.28-3.89,3.83-6.79,9-7.06a.72.72,0,0,0,.48-.2l6.51-6.51a2.91,2.91,0,0,1,1.83,2A2.72,2.72,0,0,1,62,47.5l-.07,0-8.11,8.14a.72.72,0,0,0-.11,1,.73.73,0,0,0,1,.11,1.14,1.14,0,0,0,.11-.11l8.06-8.09.07,0,0,0a3.94,3.94,0,0,0,.84-4.15,4.2,4.2,0,0,0-3.3-3.17Z" transform="translate(-8.86 -10.32)"/></svg>
                            </div>
                            <h4>Protection</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 58.62 62.45">
                                    <defs><style>.cls-1{fill:#ed4b4b;}</style></defs>
                                    <title>Charity _ Template-1</title>
                                    <g>
                                        <g data-name="Group 31">
                                            <g data-name="Group 30">
                                                <path data-name="Path 28" class="cls-1" d="M28.09,24.14a1.22,1.22,0,0,0,0,2.44,1.21,1.21,0,0,0,1.22-1.22h0A1.22,1.22,0,0,0,28.09,24.14Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                        <g data-name="Group 33">
                                            <g data-name="Group 32">
                                                <path data-name="Path 29" class="cls-1" d="M39.07,47H35.42V43.3a1.22,1.22,0,0,0-2.44,0h0V47H29.33a1.22,1.22,0,1,0,0,2.44H33V53a1.22,1.22,0,1,0,2.44,0h0V49.39h3.65a1.22,1.22,0,0,0,0-2.44Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                        <g data-name="Group 35">
                                            <g data-name="Group 34">
                                                <path data-name="Path 30" class="cls-1" d="M72,48a9.75,9.75,0,0,0-13.32-3.57h0l-5,2.86V36.75a6.12,6.12,0,0,0-1.22-3.66L46.39,25V21.49A3.67,3.67,0,0,0,48.83,18V12.43a3.67,3.67,0,0,0-3.65-3.66h-22a3.67,3.67,0,0,0-3.65,3.66V18A3.67,3.67,0,0,0,22,21.49V25l-6.1,8.13a6.19,6.19,0,0,0-1.22,3.66V60.37a6.12,6.12,0,0,0,6.1,6.1h19.6a9.75,9.75,0,0,0,13.25,3.45l14.79-8.54A9.77,9.77,0,0,0,72,48ZM22,12.43a1.22,1.22,0,0,1,1.22-1.22h22a1.22,1.22,0,0,1,1.22,1.22V18a1.22,1.22,0,0,1-1.22,1.22h-22A1.23,1.23,0,0,1,22,18ZM17.85,34.55l6.34-8.46a1.18,1.18,0,0,0,.24-.73V21.7H44v2.44H33a1.22,1.22,0,0,0,0,2.44H44.56l6,8a3.64,3.64,0,0,1,.71,1.79H17.14A3.74,3.74,0,0,1,17.85,34.55ZM20.77,64a3.67,3.67,0,0,1-3.65-3.66V59.13H39.28a9.8,9.8,0,0,0,0,4.9Zm19.46-7.32H17.12V38.78H51.27v10L43.87,53A9.7,9.7,0,0,0,40.23,56.71ZM52.41,67.8a7.32,7.32,0,0,1-7.36-12.65l0,0,6.62-3.82L59,64ZM67.2,59.27l-6.05,3.49L53.83,50.09l6.05-3.5a7.32,7.32,0,1,1,7.36,12.65Z" transform="translate(-14.68 -8.77)"/>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <h4>Health</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 56.69 62.55">
                                    <defs><style>.cls-1{fill:#ed4b4b;}</style></defs>
                                    <title>Charity _ 05</title>
                                    <path class="cls-1" d="M6.42,66l13.82,5.17a3.16,3.16,0,0,0,.6.11.83.83,0,0,0,.22,0l20.81-4.44A11.07,11.07,0,0,0,51,71.28c6.27,0,11-4.47,11-10.4,0-.35-.07-.67-.1-1a.76.76,0,0,0,0-.16V50.9a77.13,77.13,0,0,0-2.21-17.14,99.49,99.49,0,0,1-2.57-19h1.35a1,1,0,0,0,1-1.05V12.55a3.84,3.84,0,0,0-3.83-3.83H45.12a3.83,3.83,0,0,0-3.82,3.83v1.12a1,1,0,0,0,1.05,1.05h1.57a89.63,89.63,0,0,1-2,16.21l-3.63-4.36v-6a1.72,1.72,0,0,0-1.94-1.71L17.75,21.08a1.73,1.73,0,0,0-1.51,1.71v6.49L6.06,35.92h0s0,0,0,0H6a1,1,0,0,0-.34.38,1.7,1.7,0,0,0-.38,1v27A1.73,1.73,0,0,0,6.42,66Zm34.37-1.1L21.66,69l.09-26.27,22.87-4.9V51.9a11,11,0,0,0-4.64,9A10.31,10.31,0,0,0,40.79,64.9ZM51,69.18a8.89,8.89,0,0,1-7.68-4,8,8,0,0,1-1.22-4.33,8.9,8.9,0,0,1,17.8,0C59.89,65.61,56.06,69.18,51,69.18Zm1-22.89a4.61,4.61,0,0,0-.68,1.37,2.26,2.26,0,0,0-1-.6,1,1,0,0,0-.6,2c.15,0,.25.42.28.87a10.94,10.94,0,0,0-3.24.81V37.35s0-.08,0-.12a20,20,0,0,1,.91-2H53.3A29,29,0,0,1,56,44.3,5.44,5.44,0,0,0,51.94,46.29Zm5.24,0h.45C57.49,47.84,56,49,53.09,49.63a3.19,3.19,0,0,1,.54-2.09C54.25,46.72,55.44,46.3,57.18,46.3Zm2.64,4.6v3.48A11,11,0,0,0,55.69,51c2.75-1.13,3.74-2.73,4-4.15C59.75,48.13,59.82,49.47,59.82,50.9ZM43.4,12.62v-.07a1.73,1.73,0,0,1,1.72-1.73H55.71a1.73,1.73,0,0,1,1.72,1.73ZM46,14.72h9a101.82,101.82,0,0,0,2.63,19.47c.72,3.45,1.39,6.8,1.79,10.47a1.05,1.05,0,0,0-.7-.37c-.26,0-.45,0-.7,0a29.67,29.67,0,0,0-3.21-10.65,1.05,1.05,0,0,0-.91-.52H47a1.05,1.05,0,0,0-.91.52q-.39.69-.75,1.44L43.6,33A95.7,95.7,0,0,0,46,14.72ZM36.77,28.07,43.33,36,21.44,40.63l-2.81-9.91ZM18.34,23.12,36.15,21V26l-17.81,2.6Zm-1.67,8.39,2.45,8.62L9.25,36.35ZM7.41,37.9l12.24,4.68,0,7.39L7.41,45.91Zm0,10.22,12.2,4.07,0,7.2L7.41,55.14Zm0,9.24,12.17,4.26,0,7.05L7.41,64.12Z" transform="translate(-5.3 -8.72)"/>
                                    <path class="cls-1" d="M38.06,45.09,27.55,47.34l-.09,0a.66.66,0,0,0-.19.09.57.57,0,0,0-.16.11.62.62,0,0,0-.14.14.91.91,0,0,0-.11.16,1.08,1.08,0,0,0-.08.19,1.18,1.18,0,0,0,0,.2s0,.06,0,.1l0,12.32s0,0,0,0a.78.78,0,0,0,0,.22.61.61,0,0,0,.05.18.82.82,0,0,0,.11.17,1.67,1.67,0,0,0,.12.16,1.7,1.7,0,0,0,.14.1l.2.11,0,0a1.78,1.78,0,0,0,.45.08.83.83,0,0,0,.22,0l10.58-2.25a1.34,1.34,0,0,0,1-1.31V46.41a1.34,1.34,0,0,0-.5-1A1.69,1.69,0,0,0,38.06,45.09Zm-.47,12.47-8.8,1.88,0-10.22,8.77-1.88Z" transform="translate(-5.3 -8.72)"/>
                                </svg>
                            </div>
                            <h4>Food & Water</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 
                            
                        
                        

Carousel Style 4

Clients

Trusted Partners Worldwide

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="content-wrapper">
                            <span>Clients</span>
                            <h1>Trusted Partners Worldwide</h1>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                                </div>
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                                </div>
                            </div>
                            <div class="item">
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                                </div>
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                                </div>
                            </div>
                            <div class="item">
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d2-1.png" alt="Carousel Image">
                                </div>
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d3-1.png" alt="Carousel Image">
                                </div>
                            </div>
                            <div class="item">
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d4-1.png" alt="Carousel Image">
                                </div>
                                <div class="img-wrapper">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/cl-d6-1.png" alt="Carousel Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>       
                            
                        
                        

Carousel Style 5

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel5 dots1">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team-2-1.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Mahufuz Raid</h4>
                                    <p>CTO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team-2-1.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Mahufuz Raid</h4>
                                    <p>CTO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team-2-1.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-wrapper">
                            <p class="message-wrapper">Sed ut perspiciatis unde omnis iste natus error sit voluptat accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architec beatae vitae dicta sunt explicabo. Nemo enim ipsam vquia voluptas sit aspernatur.</p>
                            <div class="divider-wrapper">
                                <div class="left-img">
                                    <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team.jpg" alt="Carousel Image">            
                                </div>
                                <div class="right-img">
                                    <h4>Mahufuz Raid</h4>
                                    <p>CTO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>      
                            
                        
                        

Carousel Style 6

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel6 dots1">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <div class="row m-0">
                            <div class="col-md-6 p-0">
                                <div class="img-block">
                                    <div class="img-wrapper">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-2/team-2-1.jpg" alt="Carousel Image">
                                        <svg class="green-circle" xmlns="http://www.w3.org/2000/svg" width="270" height="270" viewBox="0 0 270 270">
                                            <rect width="270" height="270" rx="135" fill="#68c98b"/>
                                        </svg>   
                                        <svg class="line-circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="514" height="514" viewBox="0 0 514 514">
                                            <defs>
                                                <clipPath>
                                                <rect data-name="Rectangle 17554" width="514" height="514" rx="257" transform="translate(-9593.629 -21173.629)" fill="#fff"/>
                                                </clipPath>
                                            </defs>
                                            <g data-name="Mask Group 101" transform="translate(9593.628 21173.629)" clip-path="url(#clip-path)">
                                                <g data-name="Group 37321" transform="translate(-10071.975 -21240.182)">
                                                <path data-name="Path 37996" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21264.018)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37997" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21293.432)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37998" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21322.846)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37999" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21352.26)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38000" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21381.674)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38001" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21411.086)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38002" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21440.5)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38003" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21469.914)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38004" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21499.328)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38005" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21528.742)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38006" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21558.156)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38007" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21587.57)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38008" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21616.984)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38009" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21646.398)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38010" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21675.811)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38011" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21705.225)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38012" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21734.639)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38013" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21764.053)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38014" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21793.467)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38015" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21822.881)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38016" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21852.295)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38017" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21881.709)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38018" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21911.121)" fill="none" stroke="#000" stroke-width="2"/>
                                                </g>
                                            </g>
                                        </svg>      
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 p-0">
                                <div class="content-wrapper">
                                    <p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                    <span class="horizontal-line"></span>
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row m-0">
                            <div class="col-md-6 p-0">
                                <div class="img-block">
                                    <div class="img-wrapper">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-2/team-2-1.jpg" alt="Carousel Image">
                                        <svg class="green-circle" xmlns="http://www.w3.org/2000/svg" width="270" height="270" viewBox="0 0 270 270">
                                            <rect width="270" height="270" rx="135" fill="#68c98b"/>
                                        </svg>   
                                        <svg class="line-circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="514" height="514" viewBox="0 0 514 514">
                                            <defs>
                                                <clipPath>
                                                <rect data-name="Rectangle 17554" width="514" height="514" rx="257" transform="translate(-9593.629 -21173.629)" fill="#fff"/>
                                                </clipPath>
                                            </defs>
                                            <g data-name="Mask Group 101" transform="translate(9593.628 21173.629)" clip-path="url(#clip-path)">
                                                <g data-name="Group 37321" transform="translate(-10071.975 -21240.182)">
                                                <path data-name="Path 37996" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21264.018)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37997" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21293.432)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37998" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21322.846)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37999" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21352.26)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38000" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21381.674)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38001" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21411.086)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38002" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21440.5)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38003" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21469.914)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38004" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21499.328)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38005" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21528.742)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38006" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21558.156)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38007" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21587.57)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38008" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21616.984)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38009" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21646.398)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38010" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21675.811)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38011" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21705.225)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38012" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21734.639)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38013" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21764.053)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38014" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21793.467)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38015" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21822.881)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38016" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21852.295)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38017" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21881.709)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38018" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21911.121)" fill="none" stroke="#000" stroke-width="2"/>
                                                </g>
                                            </g>
                                        </svg>         
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 p-0">
                                <div class="content-wrapper">
                                    <p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                    <span class="horizontal-line"></span>
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row m-0">
                            <div class="col-md-6 p-0">
                                <div class="img-block">
                                    <div class="img-wrapper">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-2/team-2-1.jpg" alt="Carousel Image">
                                        <svg class="green-circle" xmlns="http://www.w3.org/2000/svg" width="270" height="270" viewBox="0 0 270 270">
                                            <rect width="270" height="270" rx="135" fill="#68c98b"/>
                                        </svg>   
                                        <svg class="line-circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="514" height="514" viewBox="0 0 514 514">
                                            <defs>
                                                <clipPath>
                                                <rect data-name="Rectangle 17554" width="514" height="514" rx="257" transform="translate(-9593.629 -21173.629)" fill="#fff"/>
                                                </clipPath>
                                            </defs>
                                            <g data-name="Mask Group 101" transform="translate(9593.628 21173.629)" clip-path="url(#clip-path)">
                                                <g data-name="Group 37321" transform="translate(-10071.975 -21240.182)">
                                                <path data-name="Path 37996" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21264.018)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37997" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21293.432)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37998" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21322.846)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 37999" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21352.26)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38000" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21381.674)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38001" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21411.086)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38002" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21440.5)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38003" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21469.914)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38004" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21499.328)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38005" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21528.742)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38006" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21558.156)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38007" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21587.57)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38008" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21616.984)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38009" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21646.398)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38010" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21675.811)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38011" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21705.225)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38012" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21734.639)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38013" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21764.053)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38014" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21793.467)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38015" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21822.881)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38016" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21852.295)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38017" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21881.709)" fill="none" stroke="#000" stroke-width="2"/>
                                                <path data-name="Path 38018" d="M-10244.453-21264.018h1470.692" transform="translate(10244.453 21911.121)" fill="none" stroke="#000" stroke-width="2"/>
                                                </g>
                                            </g>
                                        </svg>          
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 p-0">
                                <div class="content-wrapper">
                                    <p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                    <span class="horizontal-line"></span>
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>     
                            
                        
                        

Carousel Style 7

                            
<section class="carousels elements-page elements-img">
    <div class="container">
        <div class="carousels-block">  
            <div class="carousel7 dots2">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <div class="content-block">
                            <div class="content-wrapper1">
                                <div class="content-wrapper2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                </div>
                                <div class="quotes quote1">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                                <div class="quotes quote2">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                            </div>
                            <div class="divider-wrapper">
                                <div class="img-wrapper">
                                    <div class="left-img">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team-2-1.jpg" alt="Carousel Image">            
                                    </div>
                                </div>
                                <div class="right-content">
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-block">
                            <div class="content-wrapper1">
                                <div class="content-wrapper2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                </div>
                                <div class="quotes quote1">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                                <div class="quotes quote2">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                            </div>
                            <div class="divider-wrapper">
                                <div class="img-wrapper">
                                    <div class="left-img">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team.jpg" alt="Carousel Image">            
                                    </div>
                                </div>
                                <div class="right-content">
                                    <h4>Mahufuz Raid</h4>
                                    <p>CTO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content-block">
                            <div class="content-wrapper1">
                                <div class="content-wrapper2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo consequat occaecat cupidatat.</p>
                                </div>
                                <div class="quotes quote1">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                                <div class="quotes quote2">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="96.738" height="84.646" viewBox="0 0 96.738 84.646">
                                        <path data-name="Path 38025" d="M80.579,88.047c10.246,0,18.558-8.613,18.558-19.239S90.826,49.568,80.579,49.568c-18.551,0-6.186-37.189,18.558-37.189V3.4C54.977,3.395,37.673,88.047,80.579,88.047Zm-53.458,0c10.24,0,18.551-8.613,18.551-19.239S37.361,49.568,27.121,49.568c-18.558,0-6.192-37.189,18.551-37.189V3.4C1.518,3.395-15.786,88.047,27.121,88.047Z" transform="translate(-2.398 -3.401)" fill="#ED4B4B"></path>
                                    </svg>
                                </div>
                            </div>
                            <div class="divider-wrapper">
                                <div class="img-wrapper">
                                    <div class="left-img">
                                        <img src="../themes/custom/charity_plus/assets/theme/img/home/home-1/team.jpg" alt="Carousel Image">            
                                    </div>
                                </div>
                                <div class="right-content">
                                    <h4>Jessica Joseph</h4>
                                    <p>CEO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>