Section heading


<section class="carousels">
	<div class="carousel-style-1">
		<div class="container">
			<h2>Carousels Style 1</h2>
			<div class="style-1-carousel owl-carousel owl-theme owl-loaded owl-drag">
				<div class="owl-stage-outer">
					<div class="owl-stage" style="transform: translate3d(-1432px, 0px, 0px); transition: all 0.25s ease 0s; width: 3725px;">
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image"> </div>
						</div>
						<div class="owl-item" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image"> </div>
						</div>
						<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
						</div>
						<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
						</div>
						<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
						</div>
						<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
						</div>
						<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
							<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
						</div>
					</div>
				</div>
				<div class="owl-nav disabled">
					<button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
					<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
				</div>
				<div class="owl-dots disabled"></div>
			</div>
		</div>
	</div>
</section>

Section heading


<section class="carousels">
    <div class="carousel-style-2 blog-style-2">
        <div class="container">
            <h2>Carousels Style 2</h2>
            <div class="style-2-carousel owl-carousel owl-theme owl-loaded owl-drag">
                <div class="owl-stage-outer">
                    <div class="owl-stage" style="transform: translate3d(-3438px, 0px, 0px); transition: all 0.25s ease 0s; width: 8022px;">
                        <div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item active" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                        <div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
                            <div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
                                <div class="item-content-wrapper">
                                    <div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
                                        <h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                                        </svg>
                                    </a> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="owl-nav disabled">
                    <button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
                    <button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
                </div>
                <div class="owl-dots">
                    <button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button>
                    <button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button>
                    <button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button>
                </div>
            </div>
        </div>
    </div>
</section>

Section heading

Carousel Style 3


<section class="carousels">
    <div class="team-style-2">
        <div class="container">
            <h2>Carousel Style 3</h2>
            <div class="style-3-carousel owl-carousel owl-theme owl-loaded owl-drag">
            <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-2371px, 0px, 0px); transition: all 0.25s ease 0s; width: 6326px;"><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Jessica Martin</h4>
                    <span>CEO</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Ferica Maeith</h4>
                    <span>Developer</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Jessica Martin</h4>
                    <span>CEO</span>
                </div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Ferica Maeith</h4>
                    <span>Developer</span>
                </div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Jessica Martin</h4>
                    <span>CEO</span>
                </div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Ferica Maeith</h4>
                    <span>Developer</span>
                </div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Jessica Martin</h4>
                    <span>CEO</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Ferica Maeith</h4>
                    <span>Developer</span>
                </div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
                    <div class="image">
                        <img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
                        <div class="overlay">
                            <ul class="social-icon">
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <h4>Joe Aaf Hussian</h4>
                    <span>Designer</span>
                </div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button></div></div>
        </div>
    </div>
</section>

Section heading


<section class="carousels">
    <div class="carousel-style-4">
        <div class="container">
            <h2>Carousels Style 4</h2>
            <div class="style-4-carousel owl-carousel owl-theme owl-loaded owl-drag">
            <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-3438px, 0px, 0px); transition: all 0.25s ease 0s; width: 6876px;"><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div><div class="owl-item" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div><div class="owl-item active" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="item">
                                <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button></div></div>
        </div>
    </div>
</section>