.development-section{   display: block; width: 100%; }
.development-outer{ overflow: hidden; display: block; margin: 72px 0 0 0; position: relative; display: flex; justify-content: center; align-items: flex-start;}
.development-box{ display: block; min-height: 540px; width: 520px;   padding: 108.6px 55px 56px 56px;border-radius: 10px;background-color: #f0f0f0;}
.development-box .icon{ padding: 0 0 70px; display: flex; align-items: center; justify-content: center;} 
.development-box .icon img{ width: 64px; height: auto;}
.development-box .text-data{ display: block; width: 100%; text-align: center;}
.development-box-main{ position: relative; z-index: 2; gap: 40px; display: flex; align-items: flex-start; justify-content: center;}
.development-box-main .box-2{ margin: 93px 0 0 0; }


.development-outer .d-icon-1{ width: 479px; position: absolute; left: -24px; top: 195px;  }
.development-outer .d-icon-2{ width: 479px;position: absolute; right: -26px; top: 47px;  }
.development-outer .d-icon-3{ width: 217px; position: absolute; left: 50%; transform: translateX(-50%); top: 190px;  }
.development-outer  .icon-c{   z-index: 1; }
.development-outer  .icon-c img{max-width: 100%; width: 100%; height: auto; }


@media (min-width: 1600px) and (max-width: 1800px) {
.development-box{ min-height: 500px; padding: 80px 40px 50px 40px; width: 480px;} 
.development-box .icon{ padding: 0 0 50px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 420px;}
.development-outer .d-icon-3{ width: 200px;}

.development-box-main .box-2{ margin: 84px 0 0 0; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
.development-box{ min-height: 500px; padding: 80px 40px 50px 40px; width: 480px;} 
.development-box .icon{ padding: 0 0 50px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 420px;}
.development-outer .d-icon-3{ width: 200px;}
.development-box-main .box-2{ margin: 70px 0 0 0; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
.development-box{ min-height: 430px; padding: 32px 32px 40px 32px; width: 420px;} 
.development-box .icon img{ width: 56px;}
.development-box .icon{ padding: 0 0 32px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 350px;}
.development-outer .d-icon-3{ width: 150px;}
.development-outer{ margin: 56px 0 0 0; }

.development-box-main .box-2{ margin: 64px 0 0 0; }
}
 
@media (min-width: 992px) and (max-width: 1200px) {
 .development-box{ min-height: 430px; padding: 32px 32px 40px 32px; width: 420px;} 
.development-box .icon img{ width: 56px;}
.development-box .icon{ padding: 0 0 32px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 350px;}
.development-outer .d-icon-3{ width: 150px;}
.development-outer{ margin: 56px 0 0 0; } 
.development-box-main .box-2{ margin: 56px 0 0 0; }
	 
}
@media (min-width: 768px) and (max-width: 991px) {
.development-box{ min-height: 0px; padding: 32px 32px 40px 32px; width: 420px;} 
.development-box .icon img{ width: 56px;}
.development-box .icon{ padding: 0 0 32px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 350px;}
.development-outer .d-icon-3{ width: 150px;}
.development-outer{ margin: 56px 0 0 0; } 
.development-box-main{ flex-direction: column; gap: 55px;}
.development-box-main .box-2{ margin: 0; }
.development-outer .d-icon-3,
.development-outer .d-icon-1{ display: none;}
.development-outer .d-icon-2{ top: 50%; transform: translateY(-50%);}
 
} 
@media (max-width: 767px) {
 .development-box{ min-height: 0px;  padding: 67.3px 34.3px 63.5px 34.7px; width: 100%;} 
.development-box .icon img{ width: 40px;}
.development-box .icon{ padding: 0 0 44px; }
.development-outer .d-icon-2,
.development-outer .d-icon-1{ width: 350px;}
.development-outer .d-icon-3{ width: 150px;}
.development-outer{ margin: 56px 0 0 0; } 
.development-box-main{ flex-direction: column; gap: 55px;}
.development-box-main .box-2{ margin: 0; }
.development-outer .d-icon-3,
.development-outer .d-icon-1{ display: none;}
.development-outer .d-icon-2{ top: 50%; transform: translateY(-50%);} 


.development-outer{ padding: 0 32px; }

.development-section{ margin-bottom: -150px; }

}