/**
 * APL customizer overrides — site-specific styles.
 * Loaded after custom.css on the front end.
 */

p{
	margin: 0px;
}

.page{
	margin: 0px;
}

.elementor-button svg{
	height: 24px;
	width: 24px;
}
.elementor-button .elementor-button-content-wrapper{
	align-items: center;
}
.elementor-button:hover svg,
.elementor-button:focus svg{
	fill: transparent !important;
}
p{
	margin 0;
}

.w-100 img{
	width: 100%;
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
	bottom: 0;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}
.mobile-menu.active {
  transform: translateX(0);
}

.marquee-wrapper,
.image-marquee-wrapper{
    overflow: hidden;
    width: 100%;
    position: relative;
}

.marquee-wrapper .e-con-inner,
.image-marquee-wrapper .e-con-inner{
    display: flex;
    align-items: center;
    gap: 56px;
    max-width: none;
	width: max-content;
    animation: marqueeScroll 20s linear infinite;
}

.image-marquee-wrapper .e-con-inner{
	gap: 0;
}

.marquee-item {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
		width: max-content;
}

@keyframes marqueeScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.elementor-counter-number,
.elementor-counter-number-suffix{
	 background: linear-gradient(168.88deg, #F7941D 14.57%, #0E2A47 277.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.position-right{
	background-position: right;
}

.box-wrapper{
	min-width: 312px;
  flex-shrink: 0;
}

.hide-scrollbar{
	  overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar{
    display: none; 
}
.banner-slide{
	position: relative;
	margin: 0 !important;
}
.slick-dots{
	bottom: 10px;
    width: max-content !important;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    /* align-content: center; */
    transform: translate(-50%, -50%);
    left: 50%;
	display: flex !important;
	align-items: center !important;
}
.slick-dots li{
	margin: 0px 2px !important;
}
.slick-dots button:hover{
	background-color: unset;
}

.slick-dots li{
	margin: 0px;
}

.slick-dots li button:before{
	font-size: 9px;
}

.about-us-section .e-con-inner{
	display:flex;
    align-items:center;
}

.about-us-section .image-wrapper{
	width:50vw;
   	margin-left:calc(-50vw + 50%);
	 max-width: unset;
}

.about-us-section .about-content-wrapper{
	width:50% !important;
    max-width:660px !important;
}

.gallery-section .gallery-item {
	max-width: 100% !important;
	height: 280px;
}
.gallery-section .gallery-icon,
.gallery-section .gallery-icon a{
	height: 100%;
	width: 100%;
}

.gallery-section .gallery-icon img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.elementor-slideshow__footer{
	display: none;
}

.load-gallery{
	cursor: pointer;
}

@media screen and (max-width: 1280px){
	.about-us-section{
		padding-right: 15px;
		padding-left: 15px;
	}
	.about-us-section .e-con-inner{
		gap: 40px;
	}
	.about-us-section .e-con-inner{
		display:flex;
    	align-items:center;
		flex-direction: column !important;
	}
	.about-us-section .image-wrapper{
		margin-left: unset;
		width: 100%;
	}
	.about-us-section .about-content-wrapper{
		width:100% !important;
		max-width:100% !important;
		padding: 0px;
	}
	.gallery-section .gallery-columns-4{
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media screen and (max-width: 767px){
	.gallery-section .gallery-columns-4{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.elementor-lightbox .elementor-lightbox-item{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}
@media screen and (max-width: 575px){
	.gallery-section .gallery-columns-4{
		grid-template-columns: repeat(1, 1fr) !important;
	}
}