/**** process.css ****/
.page-about{
   background: url(../images/about_ban.jpg) center center no-repeat;
   background-size: cover;
}
.process-section {
 overflow: hidden;
 width: 100%;
 height: fit-content;
 background-color: var(--dark-blue);
 padding-left: 15px;
 /* padding-right: 15px; */
}

.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('../images/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 rgba(255, 255, 255, 0.3);
 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%;
 }
}
/**** testimonial.css ****/
.testimonial {
 width: 100%;
 height: max-content;
 background-image: url('../images/projects-bg.png');
 background-color: #fff;
 background-size: cover;
 overflow: hidden;
}

.testimonial h2 {
 margin-bottom: 30px;
}

.testimonial .slick-slide {
 overflow: hidden;
}

.testimonial .slick-dots {
 width: 90%;
 bottom: -50px !important;
}

.testimonial-card {
 width: 100%;
 max-width: 575px;
 height: fit-content;
 background-color: #fff;
 background-image: url('../images/testimonial-qute.png');
 background-repeat: no-repeat;
 background-position: 95% 10%;
 box-shadow: 0px 10px 50px 0px #00000008;
 padding: 15px;
}

.testimonial-card p {
 color: var(--grey);
}

@media (max-width:991px) {
 .testimonial-card {
  max-width: 100%;
  background-position: top 10% right 15%;
 }
}

@media(max-width:767px) {
 .testimonial-group {
  flex-direction: column-reverse;
  gap: 30px;
 }

 .testimonial .slick-dots {
  width: 100%;
 }

 .testimonial-group h2 {
  text-align: center;
 }
}