/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 22 2024 | 19:11:38 */
.solution-slider {
	 position: relative;
}
 .solution-slider .slider-section {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .solution-slider .external-pagination {
	 text-align: center;
}
 .solution-slider .external-pagination button {
	 background: white;
	 border: 1px solid rgba(0, 0, 0, 0.1);
	 border-radius: 20px;
	 padding: 7px 20px;
	 color: #181c39;
	 font-weight: 400;
	 font-size: 18px;
	 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
 .solution-slider .external-pagination button:focus {
	 outline: none;
}
 .solution-slider .external-pagination button.active {
	 background: #2540af;
	 color: white;
}
 .solution-slider .app-slider-4 {
	 padding: 90px 0 0 0;
	 overflow: hidden;
	 height: 600px;
	 margin-left: -65px;
}
 .solution-slider .app-slider-4 .slider-area {
	 margin-bottom: -50px;
}
 .solution-slider .app-slider-4 .app-slider-container {
	 width: 230px;
	 margin: auto;
	 position: relative;
}
 .solution-slider .app-slider-4 .frame {
	 position: absolute;
	 height: calc(120% + 0px);
	 display: block;
	 left: 50%;
	 top: -7.5%;
	 width:100%;
	 transform: translateX(-50%);
}
 .solution-slider .app-slider-4 .frame img {
	 display: block;
	 height: 100%;
	 width: auto;
}
 .solution-slider .app-slider-4 .swiper {
	 max-width: 200px;
	 padding-top: 20px;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide {
	 position: relative;
	 transition-property: transform;
	 text-align: center;
	 display: flex;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide.swiper-slide-active .item_wrapper {
	 z-index: 999;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide.swiper-slide-active .item_wrapper img {
	 transition: 0.3s all ease-in-out;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide div {
	 margin: auto;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide .item_wrapper {
	 transition: transform 0.3s ease 0s;
	 display: block;
	 max-height: 630px;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
}
 .solution-slider .app-slider-4 .swiper .swiper-slide .item_wrapper img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 transition: 0.3s all ease-in-out;
}
 .solution-slider .app-slider-3 {
	 padding: 90px 0 0 0;
	 overflow: hidden;
	 height: 600px;
}
 .solution-slider .app-slider-3 .app-slider-container {
	 width: 900px;
	 margin: auto;
	 position: relative;
}
 .solution-slider .app-slider-3 .frame {
	 position: absolute;
	 height: calc(120% + 0px);
	 display: block;
	 left: 50%;
	 top: -7.5%;
	  width:100%;
	 transform: translateX(-50%);
}
 .solution-slider .app-slider-3 .frame img {
	 display: block;
	 height: 100%;
	 width: auto;
}
 .solution-slider .app-slider-3 .swiper {
	 max-width: 700px;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide {
	 position: relative;
	 transition-property: transform;
	 text-align: center;
	 display: flex;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide.swiper-slide-active .item_wrapper {
	 z-index: 999;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide.swiper-slide-active .item_wrapper img {
	 transition: 0.3s all ease-in-out;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide div {
	 margin: auto;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide .item_wrapper {
	 transition: transform 0.3s ease 0s;
	 display: block;
	 max-height: 630px;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
}
 .solution-slider .app-slider-3 .swiper .swiper-slide .item_wrapper img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 transition: 0.3s all ease-in-out;
}