/* Card Section Component Styles */

/* Base styles */
.block-feature-one {
  z-index: 1;
}
.block-feature-one .upper-wrapper {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
.block-feature-one .section-subheading {
  position: absolute;
  right: 0;
  top: 0;
  width: 37%;
}
.block-feature-one .shape_01 {
  width: 2.3%;
  top: 10%;
  left: 10%;
}
.block-feature-one .shape_02 {
  width: 1.5%;
  bottom: 6%;
  right: 9%;
}

.title-one .upper-title {
  font-weight: 500;
  margin-bottom: 14px;
  color: #292929;
}
.title-one h2 {
  font-weight: 700;
}

.card-style-two {
  position: relative;
  padding: 50px 40px 48px;
  background: #ccf080;
  border-radius: 20px;
}
.card-style-two .icon {
  height: 50px;
  width: 50px;
}
.card-style-two .icon2 {
  height: 42px;
}
.card-style-two .arrow-btn {
  width: 34px;
}

.tran3s {
  transition: all 0.3s ease-in-out;
}

.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

/* Responsive styles */
@media (min-width: 1200px) and (max-width: 1399px) {
  .card-style-two {padding: 40px 25px;}
}

@media (max-width: 1199px) {
  .card-style-two {padding: 30px 20px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-feature-one .section-subheading {width: 50%;}
}

@media (max-width: 767px) {
  .block-feature-one .section-subheading,.blog-section-one .section-btn,
  .team-section-one .section-btn,
  .blog-section-two .section-btn,
  .team-section-three .section-btn {position: relative; width: 100%; text-align: center; top:0;}
}