/**
 * Theme Name:     Six Ducks
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   six-ducks
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

*{ padding:0; margin:0;}
html, body{ overflow-x:hidden;}
img{ max-width:100%; height:auto; vertical-align:top;}
.mobile-view{ display:none;}

#bannerslider .swiper-pagination {right: 0;  top: 0;  bottom: 0 !important;  left: auto !important;  width: 30px !important;  align-items: center;  display: flex;  flex-direction: column;  justify-content: center;}
#bannerslider .swiper-pagination-bullet {  counter-increment: slide;  background: none !important;  width: auto;  height: auto;  font-size: 16px;  color: #999; margin:5px 0;}
#bannerslider .swiper-pagination-bullet::before {  content: "0" counter(slide);}
#bannerslider .swiper-pagination-bullet-active {  color: #000;  font-weight: bold;}

#slider-carosal .swiper-horizontal .swiper-wrapper > div{transition: all 300ms ease-out 0s;}
#slider-carosal .swiper-horizontal .swiper-wrapper > div.swiper-slide-next{ transform: scale(1.2); z-index:1;}
#slider-carosal .swiper-horizontal{padding:50px 0;}
.ekit-wid-con .ekit_accordion_icon_group{ margin-right: 0 !important;}
#teamslider img{ border-radius:150px 150px 0 0;}
#teamslider .swiper-wrapper .swiper-slide:nth-child(even) .e-con-inner .elementor-element{ flex-direction: column-reverse; }
#teamslider .swiper-wrapper .swiper-slide:nth-child(even) .e-con-inner .elementor-element img{ border-radius:0 0 150px 150px;}
.twobox{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.twobox > div{ width:49%;}


@media only screen and (max-width: 990px) {
	
.mobile-view{ display:block;}	
	
}

@media only screen and (max-width: 740px) {}

@media only screen and (max-width: 480px) {
	.twobox{ display:block;}
}