.breadcrumb-area .title {
    color: #efe2e2 !important;; 
}

.breadcrumb-area .page-list {
    color: #efe2e2 !important;; 
}

.contact-form .submit-btn {
    color: #fffafa !important;
}
.header-area .header-inner .btn-wrapper .boxed-btn {
     color: #fffafa !important;
}
  .count-num::before {
    content: "+";
    margin-right: 5px; /* Adjust the margin as needed */
    font-size: 16px; /* Adjust the font size as needed */
    color: green; /* Adjust the color as needed */
    /* You can add more styles if desired */
  }

.recent-works-area .recent-work-masonry .single-recent-wrok-item .thumb .hover ul li a:hover {
    background-color: #222222;
    color: var(--main-color-one);
}
/* Remove margin-bottom from .single-recent-wrok-item to prevent extra spacing between items */
.recent-works-area .recent-work-masonry .single-recent-wrok-item {
    margin-bottom: 0 !important;
}

/* Set a fixed height for each .single-recent-wrok-item to make them align properly */
.recent-works-area .recent-work-masonry .single-recent-wrok-item {
    height: 400px !important; /* Adjust the height as needed */
}

.support-bar-area {
    padding: 5px 0 0 0 !important;
}

/* Set a standard height for the images inside .thumb */
.single-recent-wrok-item .thumb img {
    height: 330px  !important; /* Adjust the height to your desired value */
    object-fit: cover  !important;
}

.call-to-action-one .right-content-area .btn-wrapper .boxed-btn {
     color: #fffafa !important;
}
.boxed-btn {
     color: #fffafa !important;
}
 .count-num::before {
    content: "+";
    margin-right: 5px; /* Adjust the margin as needed */
    font-size: 30px; /* Adjust the font size as needed */
    color: white !important;
 }

.card-text:last-child {
   color: white !important;
}

.recent-works-area .recent-work-nav-area ul li.active {
 color: white !important;
}