/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2026 | 15:27:53 */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
	padding: 0;
}
body,
html{
	overflow-x: hidden;
}
.box-retaill .elementor-icon-box-content {
    row-gap: 10px !important;
    display: flex;
    flex-direction: column;
}
.our-project-c span{
    display: inline-block;
    font-family: "JetBrains Mono", monospace;
    font-weight: 500;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 1.2px;
    vertical-align: middle;
}


.counter-h .elementor-counter-title {
	text-align:center !important;
}
.retailcore-btn span {
	display: flex;
	align-items: center;
}
.orange-retail-head span {
	color: #000A1D;
}
.smooth-carousel .elementor-main-swiper {
  overflow: hidden;
}

.smooth-carousel .swiper-wrapper {
  display: flex;
  width: max-content;
  transition-timing-function: linear !important;
  animation: autoScroll 30s linear infinite;
}

.smooth-carousel .swiper-slide {
  flex-shrink: 0;
}
	.elementor-widget-off-canvas .e-off-canvas__main {
    height: 100vh !important;
}


	.mobile-menu nav.elementor-nav-menu__container .menu-item-has-children > a[aria-expanded="true"] .sub-arrow {
  transform: rotate(180deg) !important;
}
	.mobile-menu .sub-arrow {
  display: inline-block;
  transition: transform .3s ease;
  transform-origin: center;
}

.mobile-menu .menu-item-has-children > a[aria-expanded="true"] .sub-arrow,
.mobile-menu .menu-item-has-children > a.highlighted .sub-arrow {
  transform: rotate(180deg);
}
.mobile-menu .sub-menu li:first-child a {
  padding-top: 0 !important;
}
	
	
	.desktop-menu .sub-menu li a{
		width:200px !important;
	}
	.desktop-menu .sub-arrow {
		visibility:hidden !important;
		opacity:0 !important;
		display:none !important;
	}
.mobile-menu .has-submenu {
    display: flex !important;
    justify-content: space-between !important;
}
	.elementor-widget-off-canvas .e-off-canvas__main {
    height: 100vh !important;
}
.elementor-element .elementor-element-08d4b17 {
	height: 100vh !important;
}
		.navbar-1  {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(14.399999618530273px) !important;
}
	.header-Scrolled .navbar-1 {
    background: #003366 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease-in-out !important;
    backdrop-filter: blur(14.399999618530273px) !important;
}
.mobile-menu li {
	border-bottom:1px solid #FFFFFF33 !important;
}
.mobile-menu .sub-menu  li {
	border-bottom:none;
}
.mobile-menu li {
	margin-bottom:0px !important;
}
.mobile-menu .sub-menu li {
	margin-bottom:0px !important;
}






/* Keyframes for smooth, continuous scrolling */
@keyframes autoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Optional pause when hovering */
.smooth-carousel:hover .swiper-wrapper {
  animation-play-state: paused;
}

/* ✅ Backup Fix: in case Elementor JS interferes */
.smooth-carousel .elementor-main-swiper .swiper-wrapper {
  transform: translateX(0) !important;
}


.smooth-carousel-outer .swiper-wrapper {
  display: flex;
  width: max-content;
  animation: autoScroll 35s linear infinite !important;
  transform: translateX(0) !important;
}



.retail-parent-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 55px; 
    height: 55px;
    border: 1px solid #fff;
    transition: all 0.4s ease;
    cursor: pointer;
    padding: 0 18px;
}
.retail-parent-btn:hover{
    width: 180px;
    border-color: #FE6F42 !important; 
}
.retail-parent-btn:hover svg {
 filter: brightness(0) saturate(100%) invert(71%) sepia(54%) saturate(5390%) hue-rotate(332deg) brightness(100%) contrast(102%);
}
.retail-btn-text{
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s ease;
    margin-right: 12px;
    color: #ff4d00;
}
.retail-parent-btn:hover .retail-btn-text{
    opacity: 1;
    transform: translateX(0);
}
.retail--btn-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    transition: all 0.4s ease;
}
.retail--btn-icon .elementor-icon-wrapper {
    display: flex !important;
    align-items: center !important;
    position: absolute; 
	top: -11.5px;
	left: -22px; 
}
.process-line::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: #C6C6CE; 
  top: 60px;
  left: -38px;
}
@keyframes autoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Optional responsive adjustment: slower scroll on mobile */
@media (max-width: 768px) {
  .smooth-carousel .swiper-wrapper {
    animation: autoScroll 60s linear infinite;
  }
}
@media screen and (max-width: 767px) {
	.process-line::before {
		display: none !important;
	}
	 @media (max-width: 767px) {
    .retail-parent-btn{
        width: 180px !important;
    }
    .retail-btn-text{
        opacity: 1 !important;
        transform: translateX(0) !important;
    }
    .retail-parent-btn svg{
        filter: none !important;
    }
    .retail-parent-btn:hover{
        width: 180px !important;
        border-color: #fff !important;
    }
}
	.retail--btn-icon {
		top: 0px !important;
		left: 9px !important; 
	}
	.retail-btn-text {
		color: #fff !important;
	}
}
@media (max-width: 600px) {
  .trust-inner {
    width:48% !important;
/* 	  max-width:100%!important; */
  }
	.trust-wrap {
    justify-content: space-around;
    align-items: center;
}
	.partner-box {
		width:100% !important;
	}
}

@media (max-width: 570px) {
  .elementor-element-dba318b , .elementor-element-e316a8b {
    width:100% !important;
	
  }
}

@media (max-width: 500px) {
  .box-retail {
    width:100% !important;
	  max-width:100%!important;
  }
}