.slider {
  --mockup-width: 236px;
  --mockup-height: 471px;
  --image-with: calc(var(--mockup-width) - 15px);
  --image-height: calc(var(--mockup-height) - 15px);
  margin-bottom: 120px;
  overflow-x: hidden;
}

.image-wrapper{
	display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: var(--sp-4);
    --mockup-width: 235px;
    --mockup-height: 475px;
}
.image-wrapper img{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--image-with);
    height: var(--image-height);
    margin: 0 auto;
    border-radius: 15px;
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
	position: absolute;
    left: 7px;
    top: 60px;
}
.footer_logo{
	width: 291px;
    display: inline-block;
}
.image-wrapper.flex-1.flex.items-center.lg\:scale-\[var\(--stick-scale\)\].lg\:opacity-\[var\(--stick-visibility\)\].transition.duration-300{
	position:relative
}

.image-wrapper{
	    width: var(--mockup-width);
    position: relative;
    margin: 0 auto;
    padding-bottom: calc(var(--sp-10) + var(--sp-10));
}


.image-wrapper:after{
	content: "";
    position: absolute;
    display: block;
    width: var(--mockup-width);
    height: var(--mockup-height);
    top: 50px;
    left: 0px;
    right: 0;
    background-image: url(../images/iphone-mockup@x2.1eb5e14c.png);
    background-size: var(--mockup-width) var(--mockup-height);
    background-repeat: no-repeat;
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
}
.no-padd{
	padding: 10px 15px;
}
.no-padd p{
	text-align: justify;
}
@media (max-width:767px){
	.image-wrapper img{
		position: relative;
	}
	.image-wrapper img{
		-webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
	}
	.image-wrapper:after{
		-webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
	}
	.flex-1.flex.items-center.lg\:opacity-\[var\(--stick-visibility\)\].transition-opacity.duration-300.order-1.lg\:order-none{
		margin-top: 5em;
    text-align: center;
    
	margin-bottom: 2em;
	}
	.content{
		text-align: center;
	}
	.icon.w-14.h-14{
		align-items:center;
	}
	.mobile-center-text{
		align-items: center;
	}
	.btn-outline-primary{
		margin: 1rem 0px;
	}
	.icon{
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		margin-bottom: 1em !important;
	}
	a.navbar-brand{
		margin-right: 3px;
	}
	.navbar-brand img{
		max-width: 260px;
	}
	.accordion-button .icon{
		    margin-top: 21px;
	}
	.link-list a {
	
	padding-left: 0em;
	text-align: center;
}
}