.production-section{  margin-bottom: -150px; display: flex; align-items: center; justify-content: center; width: 100%; }

.production-listing{ max-width: 1080px; margin: 0 auto; display: flex; align-items: flex-start; flex-direction: column; width: 100%; padding: 72px 0 0 0;}
.production-box{ width: 560px;  border-radius: 10px; position: relative; z-index: 1; box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.16);background-color: #fff;}
.production-box .production-box-sub{ min-height: 312px;  gap: 29px;  padding: 44px 65.4px 63px 53px; display: flex; align-items: flex-start; width: 100%;}
.production-box .production-box-sub .icon{  width: 64px; display: flex; align-items: center; justify-content: center;}
.production-box .production-box-sub .icon img{ max-width: 100%; width: auto; height: auto; }
.production-box .production-box-sub .text-data{ padding: 27px 0 0 0; width: calc(100% - 64px - 29px);}
.production-box .production-box-sub .text-data h4{ margin: 0 0 18px; display: flex; align-items: flex-end; min-height: 60px;}

.production-box:nth-child(2n+0){ margin-left: auto; }
.production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
.production-box:nth-child(2){ z-index: 2; margin-top: -95px; }
.production-box:nth-child(3){ z-index: 3; margin-top: -118px; }
.production-box:nth-child(4){ z-index: 4; margin-top: -92px; }
.production-box:nth-child(5){ z-index: 5; margin-top: -68px; }
.production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }

.mobile-block{display: none; }

@media (min-width: 1600px) and (max-width: 1800px) {
 .production-box{ width: 500px;}
 .production-box .production-box-sub{ padding: 36px 40px 44px 40px; }
 .production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
 .production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }
 .production-box .production-box-sub .icon{width: 56px;}
 .production-box .production-box-sub .text-data{ padding: 20px 0 0 0; }
 .production-box .production-box-sub .text-data h4{ font-size: 22px;}
 .production-listing{ max-width: 960px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
.production-box{ width: 500px;}
.production-box .production-box-sub{ padding: 36px 40px 44px 40px; }
.production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
.production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }
.production-box .production-box-sub .icon{width: 56px;}
.production-box .production-box-sub .text-data{ padding: 20px 0 0 0; }
.production-box .production-box-sub .text-data h4{ font-size: 22px;}
.production-listing{ max-width: 960px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .production-box{ width: 500px;}
.production-box .production-box-sub{ padding: 36px 40px 44px 40px; }
.production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
.production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }
.production-box .production-box-sub .icon{width: 56px;}
.production-box .production-box-sub .text-data{ padding: 20px 0 0 0; }
.production-box .production-box-sub .text-data h4{ font-size: 22px;}
.production-listing{ max-width: 930px; }
}
 
@media (min-width: 992px) and (max-width: 1200px) {
  .production-box{ width: 450px;}
.production-box .production-box-sub{ padding: 36px 40px 44px 40px; }
.production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
.production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }
.production-box .production-box-sub .icon{width: 56px;}
.production-box .production-box-sub .text-data{ padding: 20px 0 0 0; }
.production-box .production-box-sub .text-data h4{ font-size: 22px;}
.production-listing{ max-width: 930px; } 
	 
}
@media (min-width: 768px) and (max-width: 991px) {
   .production-box{ width: 100%;}
.production-box .production-box-sub{ padding: 36px 40px 44px 40px; }
.production-box:nth-child(2n+0) .production-box-sub{ padding-right: 16px; }
.production-box:nth-child(5) .production-box-sub{ padding-right: 16px; }
.production-box .production-box-sub .icon{width: 56px;}
.production-box .production-box-sub .text-data{ padding: 20px 0 0 0; }
.production-box .production-box-sub .text-data h4{ font-size: 22px;}
.production-listing{ gap: 20px; max-width: 930px; } 

.production-box:nth-child(2n+0){ margin-left: 0; }
.production-box:nth-child(2n+0) .production-box-sub{padding: 36px 40px 44px 40px; }
.production-box:nth-child(2){ z-index: 2; margin: 0; }
.production-box:nth-child(3){ z-index: 3; margin: 0; }
.production-box:nth-child(4){ z-index: 4; margin: 0; }
.production-box:nth-child(5){ z-index: 5; margin: 0;}
.production-box:nth-child(5) .production-box-sub{ padding: 36px 40px 44px 40px; }
.production-listing{ padding: 48px 0 0 0; }
.production-box .production-box-sub{  min-height: 0;}
.production-section{ margin-top: 0; }
 
} 
@media (max-width: 767px) {
 .production-section{ margin: 40px 0 0 0;  } 
 .production-listing{ padding: 80px 0 0 0; }
.mobile-block{display: block; width: calc(100% + 64px); margin: 0 -32px;}
.mobile-block .swiper{ padding: 80px 0 0 0; }
.production-box{   width: 100%;}
.production-box .production-box-sub{  min-height: 0; gap: 20px; padding: 32px 30px;}
.production-box .production-box-sub .icon {width: 44px;}
.production-box .production-box-sub .text-data{ padding: 4px 0 0 0; width: calc(100%  - 64px);}
.production-box .production-box-sub .text-data h4 { margin: 0 0 11px; min-height: 54px; }
.production-box .text-data p{ font-size: 16px;}


.mobile-block .swiper-pagination{ gap: 11px; margin: 50px 0 56px 0; position: relative; display: flex; align-items: center; justify-content: center; }
.mobile-block .swiper-pagination .swiper-pagination-bullet	 { transition: all 0.3s ease-in-out; border-radius: 4px; opacity: 1; background-color: #F0F0F0; width: 18px; height: 18px; margin: 0; padding: 0; border-radius: 0;   }
.mobile-block .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-radius: 4px; background: #000; transform: scale(1.5); }
}