:root {
    --textlight: #637381;
    --colorgreen: #01684b;
    --lightbg: fbf7f2;
    --textdark: #000;
    --headingcolor: #212b35;
    --textprimary: #01684b;
	--colorblack: #000000;
      --green-accent:  #2e8b57;
      --green-light:   #3daa6e;
      --badge-border:  #2e8b57;

      --card-fashion:   #FDEDE7;
      --card-grocery:   #FFEDCB;
      --card-furniture: #EDFDED;
      --card-jewellery: #EDF6FD;
      --card-b2b:       #EFEDFD;
 --radius:  15px;
      --transition: 0.38s cubic-bezier(0.23, 1, 0.32, 1);
	         --primary-navy: #0f1a35;
            --primary-purple: #6b46c1;
            --accent-green: #10b981;
            --accent-green-dark: #059669;
            --accent-gold: #f59e0b;
            --text-light: #e5e7eb;
            --text-muted: #9ca3af;
            --white-primary: #ffffff;
            --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
            --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.2);
            --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			-shop-green: #01684b;
			    --shop-green: #01684b;
    --accent-peach: #eea270;
    --shop-green-600: #007051;
    --shop-green-700: #005940;
    --shop-green-50: #e1f1e4;
    --shop-green-100: #d8f5de;
    --shop-ink: #000000;
    --shop-ink-soft: #131c2c;
    --shop-ink-2: #212b35;
    --shop-text: #637381;
    --shop-text-2: #718096;
    --shop-text-3: #494949;
    --shop-text-muted: #6c757d;
    --shop-text-soft: #888888;
    --shop-bg: #ffffff;
    --shop-bg-cream: #fbf7f2;
    --shop-bg-cream-2: #f1e8d7;
    --shop-bg-cream-3: #faedcb;
    --shop-bg-warm: #fff6da;
    --shop-bg-tan: #f6f5ed;
    --shop-bg-grey: #f2f2f2;
    --shop-bg-grey-2: #f8f9fa;
    --shop-bg-dark: #212529;
    --shop-bg-dark-2: #050520;
    --shop-bg-night: #210a00;
    --shop-border: #dee2e6;
    --shop-border-soft: #e2e2e2;
    --shop-border-strong: #aaaaaa;
    --shop-border-dark: #333333;
    --accent-coffee: #602e0d;
    --accent-gold: #c0943d;
    --accent-gold-2: #be8c3c;
    --accent-gold-3: #d4a245;
    --accent-amber: #fdb539;
    --accent-cream: #f1ede4;
    --accent-peach: #eea270;
    --accent-peach-2: #f3b187;
    --accent-peach-3: #f8c19e;
    --success: #40b251;
    --success-deep: #005940;
    --warning: #fdb539;
    --danger: #db0f30;
    --info: #2b70fa;
    --hue-red: #db0f30;
    --hue-red-bg: #fef3f5;
    --hue-blue: #2b70fa;
    --hue-blue-bg: #f1f7fe;
    --hue-violet: #9b2cfa;
    --hue-violet-bg: #f7eeff;
    --hue-sky: #3d99f5;
    --hue-sky-bg: #e2f0fe;
    --hue-lime: #63c917;
    --hue-lime-bg: #eefef5;
    --hue-teal: #1dd3d8;
    --hue-teal-bg: #e3fcfd;
    --hue-yellow: #e2c740;
    --hue-yellow-bg: #fef9e2;
    --hue-indigo: #624bd8;
    --hue-indigo-bg: #e9e6f9;
    --hue-orange: #ff7919;
    --hue-orange-bg: #ffede0;
    --hue-rose: #e24841;
    --hue-rose-bg: #fbe6e5;
    --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-display: "Outfit", system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --fs-display: 2.8rem;
    --fs-h1: 2.4rem;
    --fs-h2: 2rem;
    --fs-h3: 1.55rem;
    --fs-h4: 1.35rem;
    --fs-h5: 1.1rem;
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-eyebrow: 1.15rem;
    --lh-tight: 1.1;
    --lh-snug: 1.2;
    --lh-normal: 1.5;
    --lh-loose: 1.7;
    --fw-thin: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi: 600;
    --fw-bold: 700;
    --fw-black: 900;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 80px;
    --section-y: 4em;
    --section-y-mobile: 2.5em;
    --container-max: 1920px;
    --r-sm: 3px;
    --r-md: 6px;
    --r-lg: 8px;
    --r-xl: 15px;
    --r-2xl: 2em;
    --r-3xl: 40px;
    --r-pill: 100vw;
    --r-circle: 50%;
    --shadow-xs: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .05);
    --shadow-sm: 0 3px 5px rgba(0, 0, 0, .04);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, .10);
    --shadow-lg: rgba(99, 99, 99, .20) 0 2px 8px 0;
    --shadow-card: rgba(0, 0, 0, .08) 0 4px 12px;
    --shadow-feature: rgba(14, 63, 126, .06) 0 0 0 1px, rgba(42, 51, 70, .03) 0 1px 1px -.5px, rgba(42, 51, 70, .04) 0 2px 2px -1px, rgba(42, 51, 70, .04) 0 3px 3px -1.5px, rgba(42, 51, 70, .03) 0 5px 5px -2.5px, rgba(42, 51, 70, .03) 0 10px 10px -5px, rgba(42, 51, 70, .03) 0 24px 24px -8px;
    --img-shadow: drop-shadow(0 8px 24px rgba(193, 193, 193, .3));
    --t-fast: .25s ease;
    --t-base: .4s ease;
    --t-slow: .6s ease;
}
.text-success{
	color:#01684B !important;
}
.fw-500{
	font-weight:500;
}
.commerce-solution-home-new h3{
 font-weight:500;
}
/*------------Header---------Css---------Start----------------*/
.header{
	border-bottom:1px solid #f2f2f2;
}

/*------------Header---------Css---------End----------------*/


/*------------Common---------Css---------Stat----------------*/


.text-ligh-color{
	color:#637381;
}

.fs-13{
	font-size:13px;
}
.home-page-sec .btn{
	font-size: 1rem;
	  padding: 12px 28px; 
}
.green-btn-primary{
	 box-shadow: 0 6px 18px -8px rgba(1, 104, 75, .5);
	 
}
/*------------Common---------Css---------End----------------*/



/*-------------Home--------Slider--------Css----Start----------*/
.homebanner-new-sec h1{
	    font-size: clamp(2.4rem, 4vw, 3.6rem);
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.05;
}

.sx-hero-stage {
    position: relative;
    aspect-ratio: 1.05 / 1;
    perspective: 1400px;
    width: 100%;
}
.text-col-with-img{
	border-radius:14px;
}




/*------------Home---All-------Css---------Start-------------*/
.homebanner-bg{
	/* background-image:url(../images/shopaccino-home-hero-bg.svg) !important; */
background-image:none;	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	    background-color: #f9f5f0;
}

.heading-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;    
    max-width:1100px;
    width:100%;    
    padding:6px 14px;    
    background:#E1F1E4;
    border-radius:40px;
	width:max-content;
    margin-bottom:1rem;
	font-size: .82rem;
	font-weight:500;
}

.heading-badge .dot{
    width:7px;
    height:7px;
    min-width:7px;    
    background:#01684B;
    border-radius:50%;    
    position:relative;
}
.heading-badge .dot::before{
    content:"";    
    position:absolute;
    inset: -6px;   
    border-radius:50%;
    background:rgba(0,107,79,0.4);
	animation:pulseRing 1.5s infinite ease-out;
}

/* Outer Glow Pulse */
@keyframes pulseRing{
    0%{
        transform:scale(1);
        opacity:.5;
    }

    70%{
        transform:scale(1.6);
        opacity:0;
    }

    100%{
        transform:scale(1.6);
        opacity:0;
    }
}

.homebanner-new-sec .hero-checks{
	gap:15px;
}
.homebanner-new-sec .hero-checks-home{
	    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.homebanner-new-sec .hero-checks-home span{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 100vw;
    font-size: .88rem;
    font-weight: 500;
    color: var(--shop-ink-soft);
    box-shadow: 0 2px 8px rgba(60, 64, 67, .05);
}

.homebanner-new-sec .btn-outline-primary{
	background-color:#ffffff;
}
.homebanner-new-sec .btn-outline-primary:hover{
	background-color:#01684B;
}
.commerce-solution-home-new .text-col-with-img{
 border-radius:14px;
}


  /* ─── Individual card col stagger ───────────────────────── */




   .is-card {
      border-radius: 14px;
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
     /* height: clamp(340px, 38vw, 380px); */
       transition: transform 0.4s ease-in;
		webkit-transition: transform 0.4s ease-in;
      cursor: pointer;
      will-change: transform;
      transition: all 0.transition4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    }

    .is-card:hover {
      transform: translateY(-10px);
	  border-radius:14px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
      transition: all 0.transition4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    }
    /* Pastel backgrounds */
    .is-card--fashion   { background: var(--card-fashion);   }
    .is-card--grocery   { background: var(--card-grocery);   }
    .is-card--furniture { background: var(--card-furniture); }
    .is-card--jewellery { background: var(--card-jewellery); }
    .is-card--b2b       { background: var(--card-b2b);       }
     .is-card--shose{
		     background-color: #ffea9a;
	 }
	 .is-card--handcraft{
		     background: #f5e4ca;
	 }
	 .is-card--food-delivery{
		 background: #CDECC5; 
	 }
    /* ─── Card title ─────────────────────────────────────────── */
    .is-card__title {
      font-size: clamp(1rem, 1.5vw, 1.2rem);
      font-weight: 600;
      padding: clamp(18px, 2vw, 26px) clamp(18px, 2vw, 26px) 0;
      line-height: 1.25;
      position: relative;
      z-index: 2;
      flex-shrink: 0;
    }

/* ─── Card image wrapper ─────────────────────────────────── */
    .is-card__img-wrap {
      flex: 1;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }

    .is-card__img-wrap img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: top;
     transition: scale 0.6s ease-in-out;
		webkit-transition: scale 0.6s ease-in-out;
      max-height:380px;
    }

    .is-card:hover .is-card__img-wrap img {
      transform: scale(1.04);
    }
.complete-commerce-sec-new .row > div{
      transition: all 0.transition4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.complete-commerce-sec-new .row > div:nth-child(1) .text-col-with-img {
    border: solid 1px #ECE4D9;
    background: linear-gradient(90deg, #FFFFFF 0%, #FDFBF8 100%);
}
.complete-commerce-sec-new .row > div:nth-child(2) .text-col-with-img {
    border: solid 1px #C9F3D2;
    background: linear-gradient(90deg, #F1FFF4 0%, #E8FEEC 100%);
}
.complete-commerce-sec-new .row > div:nth-child(3) .text-col-with-img {
    border: solid 1px #E1C4B3;
    background: linear-gradient(90deg, #FBF7F2 0%, #FFE9DC 100%);
}
.complete-commerce-sec-new .row > div:nth-child(4) .text-col-with-img {
    border: solid 1px #ECDFBB;
    background: linear-gradient(90deg, #FFFDF6 0%, #FFF4D8 100%);
}
.complete-commerce-sec-new .row > div:nth-child(1):hover .text-col-with-img {
    border: solid 1px #ECE4D9;
    background: linear-gradient(-90deg, #FFFFFF 0%, #FDFBF8 100%);
}
.complete-commerce-sec-new .row > div:nth-child(2):hover .text-col-with-img {
    border: solid 1px #C9F3D2;
    background: linear-gradient(-90deg, #F1FFF4 0%, #E8FEEC 100%);
}
.complete-commerce-sec-new .row > div:nth-child(3):hover .text-col-with-img {
    border: solid 1px #E1C4B3;
    background: linear-gradient(-90deg, #FBF7F2 0%, #FFE9DC 100%);
}
.complete-commerce-sec-new .row > div:nth-child(4):hover .text-col-with-img {
    border: solid 1px #ECDFBB;
    background: linear-gradient(-90deg, #FFFDF6 0%, #FFF4D8 100%);
}

.customer-slider .card-body{
 position:relative;
}

.customer-slider .card-body .logo{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius:6px;
  padding:10px 8px;
  max-width:126px;
  width:fit-content;
  position:absolute;
  background-color:#ffffff;
top:-25px;

}
.real-businesses-growth-sec .customer-slider{
   height:100%;
}
.customer-slider .card{
  overflow:hidden;
  border:1px solid #E1E1E1 !important;
 border-radius:14px !important;
height:100%;
 transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.customer-slider .card:hover{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
transform: translateY(-5px);
border-color:#bfbdbd;
}
.customer-slider .card-body h3{
font-weight:500;
font-size:18px;
}
.customer-slider .card-body p{
      -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
   font-size:14px;
}

.businesses-shopaccino-home-sec .text-col-icon .icon-hold{
	border:1px solid #e5e5e5;
	width:66px;
	height:66px;
	min-width:66px;
	background:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	padding:5px;
	margin-left:auto;
	box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
}
.home-features-center {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-circle-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-circle {
    position: absolute;
    border-radius: 50%;
    inset: 0;
}
.home-circle-11{
	border:1px solid #ededee;
	    inset: -56px;
}
.home-circle-1 {
    inset: 0;
    background: radial-gradient(circle at 32% 32%, rgba(255, 255, 255, 0.98) 0%, rgba(245, 238, 230, 0.75) 50%, rgba(235, 220, 210, 0.3) 100%);
	
    box-shadow: 0 0 160px rgba(235, 200, 160, 0.25), inset 0 50px 100px rgba(255, 255, 255, 0.8), inset 0 -50px 100px rgba(190, 170, 150, 0.12);
    animation: pulse-circle 4.5s ease-in-out infinite;
}
.home-circle-2 {
    inset: 13%;
      background: radial-gradient(circle at 36% 36%, rgba(252, 250, 247, 0.96) 0%, rgb(238 239 240 / 65%) 100%);
    box-shadow: inset 0 32px 65px rgba(255, 255, 255, 0.85), inset 0 -32px 65px rgba(190, 170, 150, 0.1), 0 0 90px rgba(235, 200, 160, 0.22);
    animation: pulse-circle 4.5s ease-in-out infinite 0.15s;
}
.home-circle-3 {
    inset: 26%;
    background: radial-gradient(circle at 40% 40%, rgba(254, 252, 250, 0.98) 0%, rgba(250, 246, 240, 0.75) 100%);
    border: 1.5px solid rgba(180, 180, 180, 0.25);
    box-shadow: inset 0 22px 45px rgba(255, 255, 255, 0.9), 0 0 65px rgba(235, 200, 160, 0.28);
    animation: pulse-circle 4.5s ease-in-out infinite 0.3s;
}
.home-circle-4 {
    inset: 38%;
    background: radial-gradient(circle at 44% 44%, rgba(255, 254, 252, 0.99) 0%, rgba(252, 249, 245, 0.85) 100%);
    border: 1px solid rgba(180, 180, 180, 0.2);
    box-shadow: inset 0 14px 32px rgba(255, 255, 255, 0.95), 0 0 45px rgba(235, 200, 160, 0.32);
}
.home-center-icon {
    position: absolute;
    z-index: 10;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#ffffff;
    border-radius: 50%;
    box-shadow: 0 28px 70px rgba(107, 90, 61, 0.38), inset 0 4px 14px rgba(255, 255, 255, 0.16), 0 0 70px rgba(235, 200, 160, 0.35);
    animation: float-center 4s ease-in-out infinite;
	padding:6px;
}
.home-center-icon img{
	border-radius:50%;
}
.businesses-shopaccino-home-sec .text-col-icon{
	position:relative;
	z-index:9;
}


.support-partnership-sec .text-col-customer{
	border-radius:14px;
	height:100%;
	overflow:hidden;
}
.support-partnership-sec figure{
	padding-bottom:70.30%;
}

.ecommerce-start-home-sec .hero-banner-home{
	    /*background: linear-gradient(135deg, #492427 0%, #0f0f29 50%, #211969 100%);*/
		border-radius:14px;
		position:relative;
		background:url('../images/start-scaling-your-bg-image-home.jpg');
		    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;

}
.ecommerce-start-home-sec .hero-banner-home figure img{
	max-width:390px;
	margin-left:auto;
	margin-right:0px;
}
.ecommerce-start-home-sec .hero-banner-home .btn-outline-primary{
	background-color:#ffffff;
}
.ecommerce-start-home-sec .hero-banner-home .btn-outline-primary:hover{
	background-color:#01684b;
}
.ecommerce-start-home-sec .hero-banner-home .heading-badge{
	background-color:#6d422b;
	color:#FDB539 !important;
}
.ecommerce-start-home-sec .hero-banner-home .heading-badge .dot{
	background-color:#FDB539;
}
.ecommerce-start-home-sec .heading-badge .dot::before{
	    background: rgb(253 181 57);
}

.commerce-solution-home-new .figure-hold{
	max-width:200px;
	margin:0px auto;
}

.commerce-solution-home-list .figure-hold{
	max-width:242px;
	margin:0px auto;
}


.swiper-pagination-progressbar {
  background: #f9f8f3;
  height: 4px !important;
  bottom: 0 !important;
  top: auto !important;
  border-radius:40px;
}

.swiper-pagination-progressbar-fill {
  background: #000000 !important;
  border-radius:40px;
}
.industryswiper{
	padding-bottom:20px;
}

.text-col-with-img{
	    transition: background-color 20ms ease-in;
		webkit-transition: background-color 20ms ease-in;
}

.is-card{
 transition: background-color 20ms ease-in;
		webkit-transition: background-color 20ms ease-in;	
}
.is-card--grocery:hover{
	background: #D6F1DE;
}


.home-circle-11 {
    inset: -56px;
    border: 1px solid #ededee;
}

/* Rotating arc on the OUTERMOST ring */
.home-circle-11::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    padding: 0.8px;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 270deg,
        #c9a36a 330deg,
        #6b5a3d 355deg,
        transparent 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: rotate-border 6s linear infinite;
}

.home-circle-1 {
    inset: 0;
    background: radial-gradient(circle at 32% 32%, rgba(255, 255, 255, 0.98) 0%, rgba(245, 238, 230, 0.75) 50%, rgba(235, 220, 210, 0.3) 100%);
    box-shadow: 0 0 160px rgba(235, 200, 160, 0.25),
                inset 0 50px 100px rgba(255, 255, 255, 0.8),
                inset 0 -50px 100px rgba(190, 170, 150, 0.12);
    animation: pulse-circle 4.5s ease-in-out infinite;
}

/* Rotating arc on the SECOND ring */
.home-circle-1::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 1px;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 260deg,
        rgba(201, 163, 106, 0.9) 320deg,
        rgba(107, 90, 61, 0.95) 355deg,
        transparent 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: rotate-border-reverse 8s linear infinite;
}

.home-circle-2 {
    inset: 13%;
    background: radial-gradient(circle at 36% 36%, rgba(252, 250, 247, 0.96) 0%, rgb(238 239 240 / 65%) 100%);
    box-shadow: inset 0 32px 65px rgba(255, 255, 255, 0.85), inset 0 -32px 65px rgba(190, 170, 150, 0.1), 0 0 90px rgba(235, 200, 160, 0.22);
    animation: pulse-circle 4.5s ease-in-out infinite 0.15s;
}

/* Rotating arc on the THIRD ring */
.home-circle-2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 1px;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 250deg,
        rgba(201, 163, 106, 0.85) 310deg,
        rgba(107, 90, 61, 0.9) 355deg,
        transparent 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: rotate-border 10s linear infinite;
}

.home-circle-3 {
    inset: 26%;
    background: radial-gradient(circle at 40% 40%, rgba(254, 252, 250, 0.98) 0%, rgba(250, 246, 240, 0.75) 100%);
    border: 1.5px solid rgba(180, 180, 180, 0.25);
    box-shadow: inset 0 22px 45px rgba(255, 255, 255, 0.9), 0 0 65px rgba(235, 200, 160, 0.28);
    animation: pulse-circle 4.5s ease-in-out infinite 0.3s;
}

.home-circle-4 {
    inset: 38%;
    background: radial-gradient(circle at 44% 44%, rgba(255, 254, 252, 0.99) 0%, rgba(252, 249, 245, 0.85) 100%);
    border: 1px solid rgba(180, 180, 180, 0.2);
    box-shadow: inset 0 14px 32px rgba(255, 255, 255, 0.95), 0 0 45px rgba(235, 200, 160, 0.32);
}

.home-center-icon {
    position: absolute;
    z-index: 10;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 28px 70px rgba(107, 90, 61, 0.38), inset 0 4px 14px rgba(255, 255, 255, 0.16), 0 0 70px rgba(235, 200, 160, 0.35);
    animation: float-center 4s ease-in-out infinite;
    padding: 6px;
}

@keyframes rotate-border {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes rotate-border-reverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

/*------------Home---All-------Css---------End-------------*/


/*------------Font-----Size------Css--------Start------------*/
.businesses-shopaccino-home-sec h3{
	font-size:22px;
}
.fs-20{
	font-size: clamp(17px, 3vw, 20px);
}
@media(min-width:768px) and (max-width:1200px){
	.h3, h3 {
    font-size: calc(1rem + .6vw);
}
    #businesses-text-icon .row.g-5 {
        --bs-gutter-y: 3rem;
    }
	.businesses-shopaccino-home-sec h3{
		font-size:18px;
	}
}
@media(min-width:992px) and (max-width:1800px){
	.homebanner-new-sec h1{
		    font-size: clamp(2.4rem, 3.5vw, 3.6rem);
	}
	.is-card__img-wrap img{
		max-height:320px;
	}
	.is-card__img-wrap figure{
		min-height:320px;
		align-content: end;

	}
}
@media(min-width:1440px) and (max-width:1800px){
	.homebanner-new-sec h1{
		    font-size: clamp(2.4rem, 3.5vw, 3rem);
	}
	.businesses-shopaccino-home-sec h3{
		font-size:20px;
	}
}
/*------------Font-----Size------Css--------End------------*/


/*------------desktop----------css----------start------------*/
@media(min-width:992px){
	.ecommerce-start-home-sec .hero-banner-home figure img{
		position:absolute;
		top:-35.69%;
		right:10%;
	}
	.commerce-solution-home-new .figure-hold{
		margin-left:auto;
		margin-right:0px;
	}
	.righ-box-text-with-icon-1{
		left:-40px;
	}
	.righ-box-text-with-icon-3{
		left:-60px;
	}
	.left-box-text-with-icon-1{
		right:-40px;
	}
	.left-box-text-with-icon-3{
		right:-40px;
	}
	#businesses-text-icon .row.g-5{
		    --bs-gutter-y: 5rem;

	}
	/* .righ-box-text-with-icon-1 .icon-hold, .righ-box-text-with-icon-2 .icon-hold, .righ-box-text-with-icon-3 .icon-hold{
		margin-left:0px !important;
		margin-right:auto !important;
	} */
	.righ-box-text-with-icon-2 .icon-hold{
		margin-left:0px !important;
	}
}

@media(min-width:768px) and (max-width:991px){
	.businesses-shopaccino-home-sec h3{
		font-size:14px;
	}
	.businesses-shopaccino-home-sec p{
		font-size:12px;
		line-height:normal;
	}
	.businesses-shopaccino-home-sec .text-col-icon .icon-hold{
		    height: 46px;
    min-width: 46px;
	width:46px;
	}
	.home-circle-11{
		inset: -47px;
	}
	.righ-box-text-with-icon-1{
		left:-20px;
	}
	.righ-box-text-with-icon-3{
		left:-40px;
	}
	.left-box-text-with-icon-1{
		right:-20px;
	}
	.left-box-text-with-icon-3{
		right:-20px;
	}
}
/*------------desktop----------css----------end------------*/




/*-----------Mobile---------Css---------Start-----------------*/
@media(max-width:767px){
.commerce-solution-home-new .text-col-with-img{
 border-radius:12px;
}
.sx-hero-stage{
        max-width: 358px;
}
.sx-hero-float{
	    padding: 10px 14px;
}

.home-page-sec .btn{
	    padding: 9px 18px;
		font-size:0.8rem;
}
.ecommerce-start-home-sec .hero-banner-home figure img{
	max-width:200px;
}
.ecommerce-start-home-sec .hero-banner-home .hero-image-wrapper{
	padding-top:2rem !important;
}
.ecommerce-start-home-sec .hero-banner-home{
	padding-bottom:0rem !important;
}
.is-card {
	height:100%;
}
   .mobileScrollHome{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        justify-content: start !important;
        overflow-y: hidden;
    }
    .mobileScrollHome::-webkit-scrollbar{
        height: 4px;
        margin-top:20px;
    }
    .mobileScrollHome::-webkit-scrollbar-track{
        background: #f9f8f3;
        border-radius: 10px;
    }
    .mobileScrollHome::-webkit-scrollbar-thumb{
        background: #f0eddd;
        border-radius: 10px;
    }
    .mobileScrollHome .col-sm-6, .mobileScrollHome .col-md-4{
        flex: 0 0 65%;
        max-width: 65%;
        scroll-snap-align: start;
    }
    .mobileScrollHome::after{
        content: "";
        flex: 0 0 10px;
    }
	.is-card__img-wrap img{
		max-width:250px;
	}
	.commerce-solution-home-list > .col-lg-6{
		height:100%;
	}
	.home-features-center{
		max-width:200px;
		margin:0px auto;
		margin-top:1.5rem;
		margin-bottom:5rem;
	}
	.home-circle-11{
		    inset: -38px;
	}
	.businesses-shopaccino-home-sec .text-col-icon .icon-hold{
		margin:0px;
	}
	.businesses-shopaccino-home-sec h3{
		font-size:18px;
	}
	#businesses-text-icon .row.g-5{
		    --bs-gutter-y: 2rem;
			    --bs-gutter-x: 1rem;
	}
	
	.ecommerce-start-home-sec .hero-banner-home{
	background: linear-gradient(135deg, #492427 0%, #0f0f29 50%, #211969 100%);
	}
	.as-featured-home-sec{
		padding-bottom:0rem !important;
		padding-top:0rem !important;
	}
	.support-partnership-sec{
		padding-bottom:1.8rem !important;
	}
	.trusted-brnad-sec-home{
		padding-bottom:1.8rem !important;
	}
}
 @media (max-width: 991px) {
      .is-col:nth-child(n) { margin-top: 0; }
      .is-card { height: 100%; }
    
	
	}

 @media (max-width: 575px) {
      .is-col { padding: 0 6px; }
      .is-card { height: 100%; }
}

/*-----------Mobile---------Css---------End-----------------*/