/*client slick slider*/
   .client-img {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   object-fit: cover;
   margin: 0 auto 15px;
   border: 3px solid #007bff;
   }
   .client-name {
   font-size: 1.2rem;
   font-weight: 600;
   color: #333;
   margin-bottom: 10px;
   }
   .client-message {
   font-size: 0.95rem;
   color: #666;
   line-height: 1.6;
   }
   .star-rating {
   color: #ffc107;
   margin-bottom: 15px;
   }
   .slick-slide {
   margin: 0 15px;
   }
   .slick-slide img {
   width: 100%;
   object-fit:contain;
   height: auto;
   max-height: 100px; /* Adjust logo height */
   }
   .slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   }
   .slick-list {
   overflow: hidden;
   }
   .slick-track {
   display: flex;
   align-items: center;
   }

 /*testimonials*/
 
.testimonial-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 10px;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.testimonial-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 15px;
    border: 3px solid #fff;
}

.testimonial-card h5 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.testimonial-card p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    flex-grow: 1;
}

.testimonial-control-prev,
.testimonial-control-next {
    width: 5%;
    /*background: rgba(0, 0, 0, 0.3);*/
    background: #02245B;
}

.testimonial-carousel-indicators [data-bs-target] {
    background-color: #007bff;
}

/* Ensure carousel responsiveness */
.testimonial-carousel-inner {
    padding: 20px 0;
}

/*.testimonial-carousel-item {*/
/*    transition: opacity 0.5s ease-in-out;*/
/*}*/


 .testimonial-carousel-indicators {
    bottom: -28px;
}

.not-visible{
    visibility: hidden;
}
.bg-warning-light{
    background-color: #ffeac5;
}
 
   .meco-pointer{
   cursor: pointer;
   }
   .std-font{
   font-size: 12px;
   }
   .std-text{
   font-size: 12px;
   }
   .side-service-img{
   height: 100px;
   object-fit: cover;
   }
   .offcanvas-body::-webkit-scrollbar {
   width: 5px;
   }
   .offcanvas-body::-webkit-scrollbar-thumb:hover {
   background: #555;
   }
   .offcanvas-body::-webkit-scrollbar-thumb {
   background: #bec4c4;
   }
   .offcanvas-body::-webkit-scrollbar-track {
   background: #f1f1f1;
   }
   .carousel-caption {
   right: 3%; 
   left: 3%; 
   }
   .meco-profile-img{
   object-fit: cover;
   height: 60px;
   width: 60px;
   border-radius: 50%;
   }
   .banner-carousel-item img{
   /*height: 480px;*/
   /*object-fit: cover;*/
   /*object-position: top;*/
   /* object-position: left;*/
   width: 100%!important;
   }
   .service-carousel-item img{
   height: 280px;
   object-fit: cover; 
   width: 100%!important;
   }
   .project-carousel-item img{
   height: 280px;
   object-fit: contain; 
   width: 100%!important;
   }
   .meco-nav-item{
   color: #000;
   }
   .sitebold{
   font-weight: bold;
   }
 .meco-header-logo {
    height: 60px;
    width: 150px;
}
 
  .meco-footer-logo {
    height: 90px;
    width: 240px;
}
   .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
   color: #fff!important;
   background: var(--color-primary)!important;
   border-color: var(--color-primary)!important;
   }
   p{
   /*font-weight: 500;*/
   }
   textarea{
   height: 100px!important;
   /*white-space: pre-wrap;*/
   }
   .wrap-text{
   white-space: pre-wrap;
   }
   .mecotop-dropdown-menu.show a:hover, .mecotop-dropdown-menu.show a:focus, .mecotop-dropdown-menu.show a:active {
   color: #fff!important;
   background-color: #FF5E14!important;
   }
   .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   border-radius: 0px!important;
   }
   .nav-pills .nav-link {
   border-radius: 0px!important;
   }
   .btn-primary{
   border-color:#02245B;
   }
   .btn{
   border-radius: 0px!important;
   }
   .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
   border-color: #FF5E14 !important;
   }
   .meco-profile-img{
   height: 100px;
   width: 100px;
   }
   .faq .accordion-button:not(.collapsed) {
   color: #FF5E14;
   }
   .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
   }
   #topbar{
   height: 40px;
   }
   .form-control {
   -webkit-transition-duration: 500ms;
   transition-duration: 500ms;
   border-color: #ebebeb;
   height: 50px;
   padding: 0.375rem 1rem; 
   font-size: 14px;
   }
   .modal {
   z-index: 9999;
   }
   .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 10px !important;
   }
   .select2-container--default .select2-selection--single {
   border: 1px solid #ced4da !important;
   height: 50px !important;
   border-radius: .25rem !important;
   background-color: rgba(255, 255, 255, 0.2) !important;
   }
   .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 48px !important;
   }
   .meco-card-img{
   height: 200px;
   object-fit: cover;
   width: 100%;
   }
   .navbar-card-img{
   height: 120px; 
   width: 100%; 
   object-fit: cover;
   }
   /*carousel icons*/
   .carousel-indicators [data-bs-target] {
   background-color: #02245B !important;
   }
   .carousel-indicators button
   {
   width : 12px!important;
   height: 12px !important;
   border-radius: 100%;
   margin: 5px !important;
   border: 2px solid #fff!important;
   }
   .carousel-control-prev, .carousel-control-next {
   position: absolute;
   top: 50%;
   transform: TranslateY(-50%);
   }
   /*    .carousel-control-next {*/
   /*    padding: 16px;*/
   /*    width: 48px;*/
   /*    height: 48px;*/
   /*    left: auto;*/
   /*    right: 20px;*/
   /*    background-color: rgba(0, 0, 0, .5);*/
   /*    border-radius: 50%;*/
   /*}*/
   /*.carousel-control-prev {*/
   /*    padding: 16px;*/
   /*    width: 48px;*/
   /*    height: 48px;*/
   /*    right: auto;*/
   /*    left: 20px;*/
   /*    background-color: rgba(0, 0, 0, .5);*/
   /*    border-radius: 50%;*/
   /*}*/
   
   
.card-border-bottom-hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0rem 0rem 0.375rem 0.375rem;
  height: 5px;
  background-color: #02245B; /* Adjust color as needed */
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.card:hover .card-border-bottom-hover::after {
  transform: scaleX(1);
}

   .slider.slider-horizontal {
   width: 100%!important;
   }
   #calcloading { display: none; text-align: center; }
   /* Dark overlay for carousel images */
   .banner-carousel-item {
   position: relative;
   }
   .banner-carousel-item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5); /* Dark overlay with 50% opacity */
   z-index: 1;
   }
   /* Ensure caption is above overlay */
   .banner-carousel-caption {
   /*position: relative;*/
   z-index: 2;
   color: #fff;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   }
   /*.banner-carousel-item img {*/
   /*    object-fit: cover;*/
   /*    height: 500px;  */
   /*    width: 100%;*/
   /*}*/
   .banner-carousel-caption {
   /*bottom: 12rem;*/
   top: 50%; /* Center vertically */
   transform: translateY(-50%); /* Adjust for vertical centering */
   text-align: left; /* Align text to the left */
   left: 15%; /* Adjust left positioning */
   right: auto; /* Remove default right positioning */
   bottom: auto; /* Remove default bottom positioning */
   }
 
    /* Reduce font size for desktop/laptop (min-width: 992px) */
        @media (min-width: 992px) {
            
             .banner-carousel-item img{
   height: 532px;
   object-fit: cover;
   /*object-position: top;*/
   /* object-position: left;*/
   width: 100%!important;
   }  
        }
        
        
   /*desktop/laptop*/
   @media (min-width: 1280px) {
   }
   /*mobile*/
   @media (max-width: 1279px) {
   .meco-navbar-list-title, .meco-navbar-list-title:focus {
   font-family: var(--font-primary);
   font-size: 16px;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.7);
   }
   .navbar-card-img{
   height: 180px; 
   width: 100%; 
   object-fit: cover;
   }
   .meco-navbar-link-title, .meco-navbar-list-title:focus {
   font-size: 16px;
   font-weight: 700; 
   color: #000!important;
   }
   }
   
   @media (min-width: 1280px) {
   .navbar .dropdown ul {
   width: 900px!important;
   }
   }
   
 
   
      @media only screen and (max-width: 768px) {
          
             .carousel-caption h5 {
   font-size: 0.8rem; /* Smaller heading size on mobile */
   }
   .carousel-caption h2 {
   font-size: 1.4rem; /* Smaller heading size on mobile */
   }
   .banner-carousel-caption {
   /*bottom: 12rem;*/
   top: 30%; 
   transform: translateY(-50%);  
   text-align: left;  
   left: 10%;  
   right: auto;  
   bottom: auto; 
   } 
   
   
    .mobile-hide{
   display: none!important;
   }
   .mobile-text{
   font-size: 12px!important;
   }
   .mobile-min-text{
   font-size: 11px!important;
   }
   .logo-text{
   font-size: 14px!important;
   }
   .faq .accordion-button {
   font-size: 12px!important;
   }
   
   .banner-carousel-item img{
   height: 256px;
   object-fit: cover;

   }  
   
   }