.srow1{
    background: url(/wp-content/uploads/2024/08/Blog-Page-–-Background.png);
    background-size: contain; background-repeat: repeat-x; background-position: center; position: relative;
  }
  .srow.srow1:after {
    content: ''; width: 50%; height: 100%; background: #fafafa; position: absolute; right: 0; top: 0; z-index: 0;
  }
  .sflex{
    max-width: 1200px; margin: auto; display: flex; justify-content: space-between; gap: 100px; padding: 80px 0px;
  }
  .newblog h1{
    font-size: 40px; color: #0C2137;
  }
  .newblog h2{
    font-size: 30px; color: #0C2137;
  }
  .scol p{
    font-size: 18px; color: #0C2137;
  }
  .scol .join{
    font-weight: 500; color: 
  }
  .hs-button{
    border: 2px solid #4B5CA5; background: #4B5CA5!important; color: white; border-radius: 10px; font-style: normal; font-variant: normal;
    font-weight: 600; font-size: 14px; line-height: 26px; padding: 10px 20px; text-decoration: none;
  }
   
  .hs-button:hover{
    color: white !important; text-decoration: none; transition: all 1s ease; background: #f2761e; border-color: #f2761e;
  }
	
  /*POPULAR*/
  .spopular{
    z-index: 1;
  }
  .spopular p{
    color: #32CC8C; font-weight: 600;
  }
  .blog-item .post-title{
    line-height: 27px;
	padding-left:30px;
  }
  .blogitems{
    display: flex; flex-direction: column; justify-content: space-between; gap: 30px;
  }
  .blog-item{
    display: flex; justify-content: space-between;
  }
  .blog-item img{
    width: 148px; max-width: 148px; object-fit: cover; border-radius: 10px;
  }
  .blog-item h4 a{
    font-size: 16px; font-weight: 600; color: #0C2137;
  }
  .blog-item h4 a:hover{
    text-decoration: none; color: #f2761e; transition: all .5s ease;
  }

  /*NEWEST UPDATE*/  
  .latest-post{
    display: flex; justify-content: space-between; gap: 0px; background: #F3F6FF; border-radius: 18px;
  }
  .post-text{
    width: 50%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .latest-post img{
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
  }
  .post-text h3{
    line-height: 22px;
  }
  .post-text h3 a{
    font-size: 22px; font-weight: 600; color: #0C2137; 
  }
  .post-text h3 a:hover{
    text-decoration: none; color: #ff8900; transition: all .5s ease;
  }
  .post-text .category-name{
    color: #4B5CA5; font-size: 16px; font-weight: 600;
  }
  .post-excerpt{
    color: #0C2137; font-size: 16px; line-height: 26px; display: none;
  }

  /*EXPLORE TOPICS*/
  .quicknav{
    background: #F3F6FF; padding: 50px 30px; border-radius: 18px; gap: 20px; align-items: center;
  }
  .quicknav h2{
    margin-bottom: 0px;
  }
  .quicknav a {
    background: #C9D5FC; padding: 10px 20px; color: #0C2137; font-weight: 600; border-radius: 10px; font-size: 16px; line-height:2.5; white-space:nowrap;
  }
  .quicknav a:hover{
    background: #C9D5FC; color: black; transition: all .5s ease; text-decoration: none;
  }
.quicknav a:active{
	 background: #C9D5FC; color: black; transition: all .5s ease; text-decoration: none;
}

  /*ECOMMERCE*/
  .srow4,.srow6{
    padding-top: 80px;
  }
.srow5 {
	padding-top:80px;
}
  .post-carousel-box{
    max-width: 1200px;
    margin: auto;
  }
  .post-slide-item h3{
    line-height: 20px; margin: 0px;
  }
  .post-slide-item h3 a{
    font-size: 18px; font-weight: 600; color: #0C2137; 
  }
  .read-blog-btn{
    color: #4B5CA5!important; font-weight: 600;
  }
  .post-slide-item h3 a:hover, .read-blog-btn:hover{
    text-decoration: none; color: #ff8900!important; transition: all .5s ease;
  }
  .post-slide-item{
    width: 32%!important;
  }
  .post-slide-item img{
    width: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px;
  }
  .swiper-wrapper{
    gap: 20px;  
  }
 
  .itemboxtext{
    padding: 20px; display: flex; flex-direction: column; gap: 10px; min-height: 225px; justify-content:space-between;
  }
  
  .post-carousel-box .swiper-slide {
    position: relative; transition-property: transform; flex: 1 0 auto; display: flex; flex-direction: column; height: auto; 
    border: 1px solid #C9D5FC; border-radius: 10px;
  }
  .post-meta{
    color: #4B5CA5; font-size: 14px; margin-bottom: 15px;
  }
  .itemfooter{
    position: absolute; bottom: 20px; width: 100%;
  }
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5); /* optional */
    color: #fff;
  }

  .swiper-button-prev {
    left: -60px!important;
  }


  .swiper-button-next {
    right: -60px!important;
  }
  .swiper-button-prev:hover,.swiper-button-next:hover {
    box-shadow: 0px 5px 20px 10px #CCC; transition: all .5s ease;
  }
  .swiperbox{
    position: relative;
    max-width: 1200px; margin: auto;
  }
  .swiper-button-prev:after{
    content: url(/wp-content/uploads/2024/08/Group-10002-1.png)!important;
  }
  .swiper-button-next:after{
    content: url(/wp-content/uploads/2024/08/Group-10002.png)!important;
  }
  .swiperbox h2{
    margin-bottom: 20px;
  }

  /*ROW 6 - SMARTER PRICING*/
  .srow6{
    background: url(/wp-content/uploads/2024/08/Rectangle-4992.png);
    background-size: cover; background-repeat: no-repeat; background-position: center; max-width: 1200px; margin: 80px auto 0px;
    padding: 50px; text-align: center; border-radius: 18px;
  }
.srow10{
padding:80px;
}
.srow7{
padding-top:80px;
}
  .srow6 h2{
    color: white; font-weight: 400;margin-bottom: 20px;
  }
  .srow6 h2 strong{
    font-weight: 600;
  }
  .btn-trial-wrapper {
    display: flex;  flex-direction: column;  align-items: center;
  }
  .btn-trial,.srow9 .cta-buttons a{
    border: 2px solid #FF8900; background: #FF8900; color: white; border-radius: 10px; font-style: normal; font-variant: normal;
    font-weight: 600; font-size: 14px!important; line-height: 26px; padding: 10px 20px; text-decoration: none;
  }
  .btn-trial:hover,.srow9 .cta-buttons a:hover{
    color: white !important; text-decoration: none; transition: all 1s ease; background: #f2761e; border-color: #f2761e;
  }



  /*ROW 8 SNAP UPDATES*/
  .srow8{
    padding-top: 80px;
  }
	
.srow-walmart{
 padding: 80px 0px;
}

  /*ROW 9 CTA*/
  .srow9 .isbox {
    max-width: 700px; padding-left: 0; padding-right: 20px; width: 100%; position: relative; overflow: hidden;
    background: url(/wp-content/uploads/2024/08/Group-11904.png);
    background-repeat: no-repeat; background-position: top right; margin-right: 50px;
  }
  .srow9 h3{
    font-size: 27px; letter-spacing: 0; line-height: 1.3em; font-weight: 400;
  }
  .srow9 .sflex{
    gap: 30px; align-items: center; padding-top: 0px;
  }
  .srow9 .cta-buttons {
    display: flex; gap: 20px;
  }

  .scolm{
    display: none;
  }
.cat-items{
	display:grid;
	gap:35px 30px;
	grid-template-columns:auto auto auto auto auto auto;
}

.cat-col{
 display:flex;
 flex-direction:column;
 gap:5px;
 max-width:95%;
}

@media (max-width: 768px) {
.srow5 {
	padding-top:0px !important;
}
	.srow7{
	padding-top:0px !important;
	}
	.srow10 {
		padding:80px 0px !important;
	}
	.srow8{
		padding:80px 0px !important;
	}
  .cat-items {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
    margin: 0;
    padding-bottom: 10px;
  }

  .cat-items .scol {
    text-align: center;
    white-space: nowrap;
  
    
  }
}




  .cta-buttons a:last-child{
      background: transparent;
    border-color: transparent;
    color: #FF8900;
    outline: none;
    position: relative;
    }
    .cta-buttons a:last-child:after{
      content: '';
    width: 22px;
    height: 22px;
    background: url(/wp-content/uploads/2024/08/Group-11903.png);
    position: absolute;
    background-size: contain;
    top: 11px;
    right: -15px;
    background-repeat: no-repeat;
    }

 /*Blog Search Bar*/

.blog-search-bar {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    max-width: 100%;
    margin-top: 30px;
}

.blog-search-bar .search-left {
    background-color: #4B5CA5; /* Violet background */
    color: white;
    font-size: 18px;
    padding: 15px 16px;
  
    display: flex;
    align-items: center;
    font-family: inherit;
    border: none;
    border-right: 1px solid transparent;
	font-weight:300;
}
.blog-search-bar .search-left::after {
    content: "";
    display: inline-block;
    background-image: url('/wp-content/uploads/2024/07/Vector.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px; /* adjust to your icon size */
    height: 14px; /* adjust to your icon size */
    margin-left: 8px; /* spacing between text and icon */
}

.blog-search-bar input[type="text"] {
    flex: 1;
    padding: 15px 16px;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: inherit;
    background-color: white;
	font-family:'Poppins';
	font-weight:500;
}

.blog-search-bar .search-icon {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}




.blog-search-bar button {
    background-color: transparent;
    border: none;
    padding: 0 16px;
    cursor: pointer;
}

.blog-search-bar button svg {
    display: block;
} 

.search-icon {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .search-icon i {
    color: #8695E8;
    transition: color 0.3s ease;
  }

  .search-icon:hover i {
    color: #FF8900;
  }
  #blog-search-input::placeholder {
    color: transparent;
  }

/*  Responsive adjustments */
@media (max-width: 768px) {

  #blog-search-input::placeholder {
    color: #8695E8;
	font-size:14px;
  }



	.blog-search-bar .search-left{
		font-size:0px;
		padding-left:5px;
		display:none;
	}
	.blog-search-bar input[type="text"] {
	background-color:white;
	padding:10px;

	}
	.blog-search-bar {
	background-color:white;
	margin-top:0px !important;
	border: 0.5px solid #C9D5FC;


	}
	.search-icon img{
		height:20px;
	}
	.cat-items{
		/*grid-template-columns:auto auto;*/
		margin:0px;
		gap:20px 6px !important;
		
	}
	
	.srow.srow1 { width: 100%; height: 100%;}
	
	.search .slider-container{
		grid-template-columns: repeat(1, 1fr) !important; /* 3 equal columns */
	}
.srow4 {
    padding: 40px 0px 80px 0px; /*change top-padding from 20 to 80px -rex*/
}

#ecommerce .itemboxtext,#repricing .itemboxtext,#sellersnapupdates .itemboxtext, #amazon .itemboxtext, #walmart .itemboxtext{
	min-height: auto !important;
}



}


@media (max-width: 400px) {
.blog-search-bar input[type="text"] {
	max-width:80%;
	}
	.blog-search-bar {
	max-width:100%
	}
	
	.srow.srow1 { width: 100%; height: 100%;}
	
}

@media (max-width: 370px) {
.blog-search-bar input[type="text"] {
	max-width:70%;
	}
}

 /*BLOG CARDS SEARCH*/

.search{
	display:none;
}
.search .itemfooter{

	position:static;
}

.search .read-blog-btn{
	color:#4B5CA5!important;
	font-weight:600;
}
.search .post-slide-item .itemboxtext .itemfooter .read-blog-btn{
	color:#4B5CA5!important;
	font-weight:600;
}
.search .slider-container{
	display:grid !important;
	grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
	gap:20px;

}
.search .post-slide-item {
width:100% !important;
max-width:100% !important;
}




  /*MEDIA QUERIES*/
  @media(min-width: 1024px) and (max-width: 1300px){
    .sflex{max-width: 98%; padding: 50px 20px;gap: 10px;}
    .srow3,.swiperbox { padding: 0px 20px; }
    .srow6{margin: 80px 20px;}
    .srow1{background-size: cover;}
    .latest-post{align-items: center;padding: 0px 20px;}
    .latest-post img{border-radius: 10px;}
    .newblog h2{font-size: 24px;}
    .newblog h1 { font-size: 35px; }
    .quicknav a{padding: 10px 10px;}
    .itemboxtext{min-height: 350px;}
    .srow9 .isbox{margin-right: 20px;}
    .spopular{padding-left: 20px;}
	  .slider-prev {
			/*left: -15px!important; -rex change*/
		  left: 10px!important;
		}
	  .slider-next {
			/*right: -15px!important; -rex change*/
		  right: 10px!important;
		}
	  .slider-prev, .slider-next{top: 106%!important;}
	  .custom-slider-track{padding-bottom: 5px;}  
	  
	  /*HUBSPOT FORM VIEW 100% ON MOBILE*/
	  .joinform {
		  width: 100% !important;
	  }
	  .srow.srow1 { width: 100%; height: 100%;}
	  
	  /*HUBSPOT FORM VIEW 100% ON MOBILE*/
			  /* Method 1: Targeting a custom container around the HubSpot form */
		.my-hubspot-form-container {
		  width: 100% !important; /* Make the container take full width */
		  max-width: 800px; /* Optional: Set a max-width for better readability on very wide screens */
		  margin: 0 auto; /* Center the container */
		  box-sizing: border-box; /* Include padding and border in the element's total width and height */
		}

		/* Also target the HubSpot generated form element if needed to ensure it fills the container */
		.my-hubspot-form-container .hs-form {
		  width: 100% !important; /* Force the form itself to be 100% of its container */
		  max-width: none !important; /* Remove any default max-width HubSpot might apply */
		}

		/* You might also need to target the fields container */
		.my-hubspot-form-container .hs-form-field {
		  width: 100% !important;
		}

		/* And possibly the input elements */
		.my-hubspot-form-container input[type="text"],
		.my-hubspot-form-container input[type="email"],
		.my-hubspot-form-container textarea {
		  width: 100% !important;
		  box-sizing: border-box; /* Ensures padding doesn't push it beyond 100% */
		}
	  
	  form  #hsForm_06f3b74a-3cfc-405b-8687-ccda53f25010 {
		  width: 100% !important;
		  max-width: 100% !important;
	  }
  }


  @media(min-width: 900px) and (max-width: 1023px){
    .sflex{max-width: 98%; padding: 50px 20px;gap: 10px;}
    .srow1{background-size: cover;}
    .latest-post{align-items: center;padding: 0px 20px;}
    .spopular{padding-left: 20px;}
    .quicknav a{padding: 10px 10px;}
    .newblog h2{font-size: 22px;}
    .newblog h1 { font-size: 28px; }
    .latest-post img{border-radius: 10px;}
    .srow3,.swiperbox { padding: 0px 20px; }
    .srow6{margin: 80px 20px;}
    .itemboxtext{min-height: 400px;}
    .srow9 .isbox{margin-right: 20px;}
    .post-carousel-box{max-width: 90%;}
    .swiper-wrapper {gap: 10px;}
    .swiper-button-prev {left: 20px !important;}
    .swiper-button-next {right: 20px !important;}
	  
	  .slider-prev {
			/*left: -15px!important;*/
		  left: 10px!important;
		}
	  .slider-next {
			/*right: -15px!important; -rex change*/
		  right: 10px!important;
		}
	  .slider-prev, .slider-next{top: 106%!important;}
	  .custom-slider-track{padding-bottom: 5px;}  
	  
	   /*HUBSPOT FORM VIEW 100% ON MOBILE*/
	  .joinform {
		  width: 100% !important;
	  }
	  
	  .srow.srow1 { width: 100%; height: 100%;}
  }
  @media(min-width: 768px) and (max-width: 899px){
    .sflex{max-width: 98%; padding: 50px 20px;gap: 10px;}
    .srow1{background-size: cover;}
    .latest-post{align-items: center;padding: 0px 20px;}
    .spopular{padding-left: 20px;}
    .quicknav a{padding: 10px 05px; font-size: 12px;}
    .newblog h2{font-size: 22px;}
    .newblog h1 { font-size: 28px; }
    .latest-post img{border-radius: 10px;}
    .srow3,.swiperbox { padding: 0px 20px; }
    .srow6{margin: 80px 20px;}
    .itemboxtext{min-height: 0px;}
    .srow9 .isbox{margin-right: 20px;}
    .post-carousel-box{max-width: 90%;}
    .swiper-wrapper {gap: 10px;}
    .swiper-button-prev {left: 20px !important;}
    .swiper-button-next {right: 20px !important;}
    .itemfooter { position: relative; bottom: unset;}
    .post-text{ width: 100%;}
    .blog-item .post-title {padding-left:30px !important; line-height: 20px;}
	  .slider-prev {
			/*left: -15px!important;*/
		  left: 10px!important;
		}
	  .slider-next {
			/*right: -15px!important; -rex change*/
		  right: 10px!important;
		}
	  .slider-prev, .slider-next{top: 106%!important;}
	  .custom-slider-track{padding-bottom: 5px;}  
	  
	   /*HUBSPOT FORM VIEW 100% ON MOBILE*/
			  /* Method 1: Targeting a custom container around the HubSpot form */
		.my-hubspot-form-container {
		  width: 100% !important; /* Make the container take full width */
		  max-width: 800px; /* Optional: Set a max-width for better readability on very wide screens */
		  margin: 0 auto; /* Center the container */
		  box-sizing: border-box; /* Include padding and border in the element's total width and height */
		}

		/* Also target the HubSpot generated form element if needed to ensure it fills the container */
		.my-hubspot-form-container .hs-form {
		  width: 100% !important; /* Force the form itself to be 100% of its container */
		  max-width: none !important; /* Remove any default max-width HubSpot might apply */
		}

		/* You might also need to target the fields container */
		.my-hubspot-form-container .hs-form-field {
		  width: 100% !important;
		}

		/* And possibly the input elements */
		.my-hubspot-form-container input[type="text"],
		.my-hubspot-form-container input[type="email"],
		.my-hubspot-form-container textarea {
		  width: 100% !important;
		  box-sizing: border-box; /* Ensures padding doesn't push it beyond 100% */
		}
	  
	  form  #hsForm_06f3b74a-3cfc-405b-8687-ccda53f25010 {
		  width: 100% !important;
		  max-width: 100% !important;
	  }
  }
  @media(max-width: 767px) {
	  #amazon .custom-slide.post-slide-item {
    max-height: 380px;
}
    .sflex{flex-direction: column; max-width: 100%; padding: 50px 20px; gap: 20px!important;}
     
    .srow1{background-size: cover;}
    .latest-post{flex-direction: column;}
    .post-text{ width: 100%; padding: 20px;}
    .newblog h2{text-align: center; font-size: 20px;}
    .srow2 .scol{padding: 0px;}
    .srow.srow1:after{display: nones;}
	  .srow.srow1:after {
    content: '';
    width: 100%;
    height: 45%;
    background: #fafafa;
    position: absolute;
    right: 0;
		  top: unset;
    bottom: 0;
    z-index: 0;
}
    .blog-item h4{line-height: 20px!important;}
    .blog-item h4 a{font-size: 14px!important;}
    .newblog h1{font-size: 30px!important;margin-top: 20px;}
    .scol .join{font-size: 16px!important;}
    .spopular p{font-size: 16px!important;}
    .latest-post img{border-radius: 0px!important; border-top-left-radius: 18px!important; border-top-right-radius: 18px!important;border: 1px solid #f3f6ff;}
    .post-text .category-name,.post-excerpt{font-size: 14px!important;}
    .post-meta{font-size: 10px!important;}
    .scolm{display: block;}
    .scold{display: none;}
    .quicknav{display:flex; justify-content:center; padding:10px; background: white;flex-direction: row;gap: 5px!important;padding-top: 20px!important;padding-bottom:0px!important;}
    .quicknav a {background: white; padding: 10px 05px; color: #0C2137; font-weight: 600; border-radius: 05px; font-size: 9px !important;}
    .blog-item img {width: 100px; max-width: 100px; object-fit: cover; border-radius: 10px;}
    .blogitems{gap: 10px!important;}
    .swiper-wrapper {gap: 10px;}
    .post-slide-item {width: 45% !important; }
    .itemboxtext{min-height: 0px;padding: 5px;}
     
    .post-slide-item h3 a,.custom-slide .post-title a{font-size:14px!important;}
    .post-slide-item h3 ,.custom-slide .post-title{line-height: 10px!important;}
    .post-excerpt{display: none!important;}
    .read-blog-btn{font-size: 10px!important;}
    .swiper-button-prev {
      left: 20px !important; top: unset !important; bottom: -90px;
    }
    .swiper-button-next {
      right: 20px !important; top: unset !important; bottom: -90px;
    }
    .itemfooter { position: relative!important;  bottom: unset!important;}
    .itemfooter .post-meta{margin-bottom: 0px!important;}
    .srow6{margin: 20px 10px 50px 10px!important; padding: 30px 20px!important;}
    .srow9 img{display: none;}
    .srow9{padding: 0px;}
    .srow9 h2,.srow9 h3{font-size: 27px;text-align: left!important;}
    .srow9 h3{font-size: 20px!important;}
    .srow9 .isbox{
      background: transparent !important; margin-right: 0px;
    }
    .srow9 h3{
        margin-right: 0px;
        padding: 30px 50px;
        margin-top: 20px;
		margin-bottom: -20px;
        background: url(/wp-content/uploads/2024/08/Group-11904.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-position-y: -70px;
        font-weight: 600;
    }
    .srow9 .sflex{padding-top: 40px;align-items:flex-start!important;}
    
    #page .main-wrapper {
    margin-top: 0 !important;
    padding-top: 0px !important;
}
.srow1 .sflex{
  padding: 80px 20px 40px!important;
}
	  
	    .slider-prev {
			/*left: -15px!important;*/
			 left: 10px!important;
		}
	  .slider-next {
			/*right: -15px!important; -rex change*/
		  right: 10px!important;
		}
	  .slider-prev, .slider-next{top: 112%!important;}
	  .custom-slider-track{padding-bottom: 5px;}  
	  
	  /*HUBSPOT FORM VIEW 100% ON MOBILE*/
			  /* Method 1: Targeting a custom container around the HubSpot form */
		.my-hubspot-form-container {
		  width: 100% !important; /* Make the container take full width */
		  max-width: 800px; /* Optional: Set a max-width for better readability on very wide screens */
		  margin: 0 auto; /* Center the container */
		  box-sizing: border-box; /* Include padding and border in the element's total width and height */
		}

		/* Also target the HubSpot generated form element if needed to ensure it fills the container */
		.my-hubspot-form-container .hs-form {
		  width: 100% !important; /* Force the form itself to be 100% of its container */
		  max-width: none !important; /* Remove any default max-width HubSpot might apply */
		}

		/* You might also need to target the fields container */
		.my-hubspot-form-container .hs-form-field {
		  width: 100% !important;
		}

		/* And possibly the input elements */
		.my-hubspot-form-container input[type="text"],
		.my-hubspot-form-container input[type="email"],
		.my-hubspot-form-container textarea {
		  width: 100% !important;
		  box-sizing: border-box; /* Ensures padding doesn't push it beyond 100% */
		}
	  
	  form  #hsForm_06f3b74a-3cfc-405b-8687-ccda53f25010 {
		  width: 100% !important;
		  max-width: 100% !important;
	  }
	  
  } 
	.srow2 .post-excerpt{display: block;}


/* SLIDEBOX */

.custom-slider-box {
  position: relative;
}
.srow1 .sflex {
    padding: 40px 0px 40px;
}
.custom-slider-track-wrapper {
  overflow: hidden;
  width: 100%;
}

.custom-slider-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
  gap: 20px;
}

.custom-slide {
  flex: 0 0 33.333%; /* 3 items per view */
  box-sizing: border-box;
  padding: 10px;
	border: 1px solid #C9D5FC;
    border-radius: 10px;
}
	.custom-slide .post-title a{
		font-size: 18px;
		font-weight: 600;
		color: #0C2137;
	}	
	.custom-slide .post-title a:hover{
		text-decoration: none;
		color: #ff8900 !important;
		transition: all .5s ease;
	}
	.custom-slide .itemboxtext h3{
		line-height: 20px;
	}

/* Navigation buttons */
.slider-prev,
.slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  background: transparent;	
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  z-index: 2;
}
	.slider-prev img:hover,.slider-next img:hover {
    box-shadow: 0px 5px 20px 10px #CCC;
    transition: all .5s ease;
    border-radius: 10px;
}

.slider-prev { left: 10px; }
.slider-next { right: 10px; }
 .slider-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; /* optional padding for spacing */
}
 .slider-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
   
}

.custom-slider-track-wrapper {
  overflow: hidden;
  width: 100%;
}

.custom-slider-track {
  display: flex;
  gap: 20px; /* adds 20px space between slides */
  transition: transform 0.5s ease;
  will-change: transform;
}

.custom-slide {
  flex: 0 0 calc((100% - 40px) / 3); /* 3 slides visible, 2 gaps = 40px total */
  box-sizing: border-box;
}
	.custom-slide .image-container img{
		height: auto;
    max-width: 100%;
    width: 100%;
		height: 250px;
    object-fit: cover;
	}
 
.slider-prev {
    left: -90px;
	position: absolute;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background-color: #FF8900;
    border: none;
    cursor: pointer;
    border-radius: 29%;
    z-index: 10;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
 
    background-image: url(/wp-content/uploads/2024/05/arrow-narrow-right.svg);
    transform: translateY(-50%) scaleX(-1);
	 
    box-shadow: 0px 1px 20px 9px #00000047;
}
	
	.slider-prev img,.slider-next img{opacity: 0;}
.slider-next {
    right: -90px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background-color: #FF8900;
    border: none;
    cursor: pointer;
    border-radius: 29%;
    z-index: 10;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
	background-image: url(/wp-content/uploads/2024/05/arrow-narrow-right.svg);
    box-shadow: 0px 1px 20px 9px #00000047;
}
	.srow9 .cta-buttons a:last-child:hover {
    background: transparent !important;
    color: #f2761e !important;
    border-color: transparent !important;
}
	.srow9 a.btn-cta:last-child:hover:after {
    right: -16px;
}
	.slider-prev:hover,.slider-next:hover{background-color: #ff5e33;}
	@media screen and (max-width: 768px) {
  .custom-slide {
    flex: 0 0 calc((100% - 0px) / 1); /* for 2 slides on mobile */
  }
}

#ecommerce .itemboxtext,#repricing .itemboxtext,#sellersnapupdates .itemboxtext, #amazon .itemboxtext, #walmart .itemboxtext{
	min-height: 230px;
}