/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 12 2025 | 11:45:07 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.solution-page-hero-content {
    display: flex;
	align-items:center;
	margin-top:80px;
}
.solution-hero-img {
    width: 50%;
	flex:none;
}
.solution-page-h1{
	width:50%;
}
.feature-text a.lightbox{
		height:200px;
}
.feature-text a.lightbox img{
	height:100%;
	object-fit:contain;
}
.solution-desc p{
	font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'iranyekan';
    text-align: justify;
}
.solution-desc {
    CORNER-SHAPE: SUPERELLIPSE(0.5);
    border: 1px solid #E5F0D7;
    border-radius: 15px;
    padding: 24px;
    margin-top: 60px;
}
h1.h1-solution-content {
    font-size: 32px;
    font-family: 'iranyekan';
    font-weight: 600;
}
.feature-layout{
	display:flex;
	flex-direction:column;
}
h3.faeture-heading {
    margin-top: 50px;
    margin-bottom: 30px;
    background: #FBFBFB;
    padding: 24px;
    text-align: center;
}
.feature-title{
	font-size:13px!important;
	font-weight:500;	
	text-align:center;
	line-height:24px;
	margin:0;
	min-height:60px;
}
.feature-content{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	align-items:center;
	min-height: 160px;
}
.feature-content.swiper-slide-active {
    background:#EBF3DF;
    padding:12px;
    border-radius:12px;
	box-shadow: 0px 5px 6px -3px rgb(101 103 105 / .25)
   
}
.feature-content{
    
    padding:12px;
}


.feature-content-img {
    
    max-width: 40px;
	margin-top:10px;
	
}
.feature-item-content p{
	font-family: 'iranyekan';
    line-height: 32px;
    font-size: 15px;
}
.slider-content-item
{
	background:#F5F9EF;
	margin-top:40px;
	padding:40px;
	border-radius:12px;
	min-height: 450px;
}
.thumbtechnology:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/line-dashed.svg);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 46%;
}
.feature-content:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/circle-product.svg);
    width: 14px;
    height: 14px;
    position: absolute;
	    right: 47%;
	bottom: 50%;
}
.solution-hero-img img {
    object-fit: contain;
    width:100%;
}
.swiper.thumbtechnology >div{
    display: flex;
    align-items: center;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display:none
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:before {
    display:none
}
.feature-text {
    font-family: 'iranyekan';
	text-align:justify;
}
.feature-content.swiper-slide-active:before {
    display: none;
}
.feature-content.swiper-slide-active .feature-content-img {
margin-bottom:0;
	    max-width: 50px;
}
.support-content {
    display: flex;
}
.swiper-slide.slider-content-item.swiper-slide-active {
    justify-content: flex-start;
	min-height:450px;
}

.support-img{
	width:30%;
	flex:none;
}
.feature-text a.lightbox {
    display: block;
	margin-top:24px;
}
.support-content-items {
    display: flex;
    flex-wrap: wrap;
}

.support-content-item {
    width: 48%;
	margin-bottom:8px;
}
.support-item-des p{
	font-size:13px;
	text-align:justify;
	line-height:24px;
}
.support-content-item>div {
    border: 1px solid #E5F0D7;
    border-radius:24px;
	margin:4px;
	padding: 16px;
    height: 100%;
	min-height:295px;
}
.support-title {
    font-size: 14px!important;
    font-weight: 600;
    color: #405A1D;
}
.container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (max-width: 1200px) {
  .container {
    max-width: 992px;
  }
}

@media (max-width: 992px) {
  .container {
    max-width: 768px;
  }
	.h1-solution-content {
    font-size:28px!important;
}
	    .h1-solution-content {
        font-size: 24px !important;
        white-space:nowrap;
        margin-bottom:40px!important;
        text-align:center;
    }

.solution-page-h1 {
    width: 100%;
}
	.support-content {
    display: flex;
		flex-direction:column;
}
	.support-img {
    width: 50%;
    flex: none;
		margin:auto;
		max-width:400px;
}
}

@media (max-width: 768px) {
  .container {
    max-width: 576px;
  }
	.solution-page-hero-content {
    flex-direction: column;
}
	.solution-hero-img {
    width: 90%;
}
	.support-img {
    width: 65%;
		margin:auto;
}

.support-content {flex-wrap: wrap;}



.support-content-items {
    width: 100%;
}

.support-content-item {
    width: 50%;
}
.h1-solution-content {
    font-size:24px!important;
}
	.solution-desc p{
		font-size:14px;
	}
	.feature-title {
    font-size: 13px!important;
		line-height:26px
}
}

@media (max-width: 576px) {
  .container {
    max-width: 95%;
  }
	.support-content-item {
    width: 100%;
}
	.solution-desc p{
		font-size:13px;
	}
	.swiper-slide.slider-content-item.swiper-slide-active {
    padding: 24px 16px;
    text-align: justify;
			min-height: 500px;

}
	.feature-text {
    font-size: 13px;
		line-height:26px;
		text-align:justify;
}
	.feature-text a.lightbox{
		height:170px;
	}
	.feature-text a.lightbox img {
    height: 100%;
    object-fit: contain;
}
.slider-content-item
{
	background:#F5F9EF;
	margin-top:40px;
	padding:40px;
	border-radius:12px;
	min-height: 500px;
}

	    .h1-solution-content {
        font-size: 22px !important;
    }
	.solution-hero-img {
        width: 99%;
    }
	.swiper-button-prev:before, .swiper-rtl .swiper-button-next:before {
    font-size: 16px!important;
    top: 15%;
    color: green;
    position: absolute;
	display:flex;

}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 16px!important;
    top: 15%;
    color: green;
    position: absolute;
	display:flex;

}

}