.process-section {
 overflow: hidden;
 width: 100%;
 height: fit-content;
 background-image: url('../image/process-bg.jpg');
 background-size: cover;
 background-position: center top;
 background-attachment: fixed;
 position: relative;
 padding-left: 15px;
}

.process-section::before {
 content: '';
 position: absolute;
 inset: 0;
 background: rgba(10, 25, 15, 0.72);
 z-index: 0;
}

.process-section > * {
 position: relative;
 z-index: 1;
}

.process-section h2 {
 color: #fff;
 margin-bottom: 15px;
}

.process-des {
 color: var(--offwhite);
 width: 100%;
 max-width: 890px;
 margin: 0 auto;
}

.card-title-box {
 background-image: url('../image/title-tag.png');
 background-repeat: no-repeat;
 width: calc(100% - 35px);
 height: 85px;
 left: 0;
 top: 20px;
 /* padding: 0 30px !important; */
}

.process-card {
 margin-top: 30px !important;
}

.process-card-box {
 padding: 30px;
 color: var(--offwhite);
 background-color: #253745;
 border: 1px solid #4AAB3D80;
 height: 100%;
}

.process-card-box-details {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 width: 100%;
 height: 100%;
}

.process-card-box .card-text {
 margin-top: 81px;
}

.process-title-box-details {
 width: 100%;
 height: 75px;
 padding-left: 15px;
}

.title-tag-card {
 width: 50px;
 height: 100%;
 background-color: #fff;
 border-top-left-radius: 50px;
 border-end-start-radius: 50px;
 color: var(--green);
}

@media (max-width:991px) {
 .process-section h4 {
  font-size: 16px !important;
  line-height: 20px !important;
 }

 .process-des {
  max-width: 100%;
 }
}