.job-application-section .section-title{ position: relative; max-width: 560px;  margin: 0; }
.job-application-section .section-title .text-data{ max-width: none; }
.application-box-listing{ flex-wrap: wrap; padding: 170px 0 0 0; display: flex; align-items: flex-start;gap: 87px; row-gap: 64px;} 
.job-application-section .section-title .job-icon{  width: 64px; position: absolute; right: 100%; top: 100%; margin: 22px 0 0 0; }
.job-application-section .section-title .job-icon img{width: 100%; display: flex;}

.application-box{  padding: 60px 16px 70px 39px;  border-radius: 10px;box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.16);background-color: #fff; display: block; width: 326px; position: relative;} 
.application-box .app-img{   top: -41px; right: -12px; width: 114px; display: flex; align-items: center; position: absolute;}
.application-box .app-img span{width: 100%; overflow: hidden; display: flex; padding: 100% 0 0 0; border-radius: 100px; position: relative;}
.application-box .app-img img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}

.application-box .Person-details{ display: block; width: 100%;}
.application-box .Person-details .Person-text-1{ padding: 0 0 6px; color: #1a1b1d;  font-size: 14px; font-weight: 300; display: block; width: 100%;}
.application-box .Person-details h6{ padding: 0 0 6px;  line-height: 1.3; font-weight: normal; color: #1a1b1d; display: block; width: 100%;}
.application-box .Person-details h6 span{ font-weight: bold; }
.application-box .Person-details p{   color: #1a1b1d;  font-size: 14px; font-weight: 300; display: block; width: 100%;}

.app-info-box{ padding: 24px 0 0 0; }
.app-info-box .app-info-row a{ gap: 12px; font-size: 16px; color: #1a1b1d; display: flex; align-items: center;}
.app-info-box .app-info-row a i{width:auto ; min-width: 16px; justify-content: center; display: flex;}
.app-info-box .app-info-row a i img{ width: auto; height: auto; max-width: 16px; }
.app-info-box .app-info-row +  .app-info-row{ margin-top:10px; }
.app-info-box .app-info-row a:hover {  opacity: 0.5; }



 @media (min-width: 1600px) and (max-width: 1800px) {
 .job-application-section .section-title .job-icon{ width: 56px;}
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .job-application-section .section-title .job-icon{ width: 50px;}
  .application-box-listing{ gap: 64px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .job-application-section .section-title .job-icon{ width: 50px;}
  .application-box-listing{ gap:48px; row-gap: 64px;}
  .application-box{ width: 300px; padding: 60px 16px 70px 20px;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
 .job-application-section .section-title .job-icon{ width: 50px;}
   .application-box-listing{ gap:48px; row-gap: 64px;}
  .application-box{ width: 300px; padding: 60px 16px 70px 20px;}
	 
}
@media (min-width: 768px) and (max-width: 991px) {
 .job-application-section .section-title .job-icon{ width: 48px;}
   .application-box-listing{ gap:48px; row-gap: 64px;}
  .application-box{ width: 300px; padding: 60px 16px 70px 20px;}
  .application-box-listing{ padding: 120px 0 0 0; }
  .job-application-section .section-title .job-icon{ position: relative; right: auto; top: auto; }
 
} 
@media (max-width: 767px) {
 .job-application-section .section-title .job-icon{ width: 40px;}
   .application-box-listing{ gap:48px; row-gap: 64px;}
  .application-box{ width: 100%; padding: 32px 16px 40px 20px;}
    .application-box-listing{ padding: 120px 0 0 0; }
  .job-application-section .section-title .job-icon{ position: relative; right: auto; top: auto; }
  .application-box .app-img{ width: 80px; top: -30px;}
	 
}