/* ===== FIX SERVICES GRID (scoped to this section) ===== */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item * {
  box-shadow: none !important;
}

/* 1) Kill any theme bars/decoration created with ::before/::after */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item::before,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item::after,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .thumb::before,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .thumb::after,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content::before,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content::after,
.logistics-what-we-offer-area .readmore::before,
.logistics-what-we-offer-area .readmore::after {
  content: none !important;
  display: none !important;
}

/* 2) Make each card flush and equal height (no black bar backgrounds) */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Images: responsive, no borders */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .thumb {
  margin: 0 0 12px 0;
}
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .thumb img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 !important;
  border-radius: 0 !important;
}

/* 4) Content spacing and colors (no colored hover boxes) */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content {
  background: transparent !important;
  padding: 0 !important;
}
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content .title {
  margin: 0 0 6px 0;
}
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content .title a {
  color: #111 !important;                /* use #fff if your section is dark */
  text-decoration: none !important;
  background: transparent !important;
  outline: none !important;
}
.logistics-what-we-offer-area .logistics-single-what-we-offer-item .content .title a:hover,
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content .title a:focus {
  text-decoration: underline !important;
}

/* 5) Paragraph tidy */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .content p {
  margin: 0 0 10px 0 !important;
}

/* 6) Read More: inline text link only (remove pill/box) */
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .readmore {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  line-height: 1.2;
  color: #e63946 !important;             /* your red; change if needed */
  text-decoration: none !important;
}
.logistics-what-we-offer-area .logistics-single-what-we-cover-item .readmore:hover {
  text-decoration: underline !important;
}

/* 7) Remove random rounded bars that may be buttons inside the grid */
.logistics-what-we-offer-area .btn,
.logistics-what-we-offer-area .boxed-btn,
.logistics-what-we-offer-area a.button,
.logistics-what-we-offer-area button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 8) Optional: tighten section spacing */
.logistics-what-we-offer-area { padding-bottom: 40px !important; }


























/* ================================
   Blog carousel: spacing + colors (white section)
   ================================ */

/* Flatten cards + remove extra bottom space */
.global-carousel-init .single-portfolio-blog-grid.logistics-page{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Image: consistent height, no overflow */
.global-carousel-init .single-portfolio-blog-grid.logistics-page .thumb{
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0 !important;          /* keep content close to image */
}
.global-carousel-init .single-portfolio-blog-grid.logistics-page .thumb img{
  width:100%;
  height:220px;                            /* adjust if you want taller */
  object-fit:cover;
  display:block;
}

/* Content: no huge padding/margins */
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Title/excerpt: dark text for white background */
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content .title{
  margin: 0 0 6px 0 !important;
}
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content .title a{
  color:#0f172a !important;                /* near-black */
  font-weight:800;
  font-size:17px;
  line-height:1.35;
  text-decoration:none;
}
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content .title a:hover{
  color:#2563eb !important;
}
.global-carousel-init .single-portfolio-blog-grid.logistics-page .excerpt{
  color:#475569 !important;                /* slate */
  font-size:14px;
  margin: 4px 0 10px !important;
}

/* Read more: inline, close to text (no big gap) */
.global-carousel-init .single-portfolio-blog-grid.logistics-page .readmore{
  display:inline-block !important;
  margin: 0 !important;
  color:#2563eb !important;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.global-carousel-init .single-portfolio-blog-grid.logistics-page .readmore:hover{
  border-bottom-color:#2563eb;
}

/* Kill any leftover pseudo bars */
.global-carousel-init .single-portfolio-blog-grid.logistics-page::before,
.global-carousel-init .single-portfolio-blog-grid.logistics-page::after,
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content::before,
.global-carousel-init .single-portfolio-blog-grid.logistics-page .content::after{
  content:none !important;
  display:none !important;
}

/* Carousel rails: remove extra vertical whitespace below items */
.global-carousel-init .owl-stage-outer{ padding-bottom: 0 !important; }
.global-carousel-init .owl-stage{ margin-bottom: 0 !important; }
.global-carousel-init .owl-item{ padding-bottom: 0 !important; }

/* Dots: small, centered, not far away */
.global-carousel-init .owl-dots{
  margin-top: 8px !important;
  text-align:center !important;
}
.global-carousel-init .owl-dots .owl-dot span{
  width:8px; height:8px;
  background:#cbd5e1;                      /* light gray */
  border-radius:0;                          /* sharp */
  transition:background .2s ease, transform .2s ease;
}
.global-carousel-init .owl-dots .owl-dot.active span{
  background:#2563eb;
  transform:scale(1.2);
}

/* Prev/Next: visible, sharp (optional) */
.global-carousel-init .owl-nav{ display:block !important; }
.global-carousel-init .owl-nav .owl-prev,
.global-carousel-init .owl-nav .owl-next{
  position:absolute; top:40%; transform:translateY(-50%);
  width:44px; height:44px; display:grid; place-items:center;
  background:rgba(0,0,0,.55) !important; color:#fff !important;
  border-radius:0 !important; border:0 !important; opacity:.85;
}
.global-carousel-init .owl-nav .owl-prev{ left:-12px; }
.global-carousel-init .owl-nav .owl-next{ right:-12px; }
.global-carousel-init .owl-nav .owl-prev:hover,
.global-carousel-init .owl-nav .owl-next:hover{ background:rgba(0,0,0,.75) !important; }










/* ===========================================
   Inquiry + FAQ Section (MisherTech styling)
   =========================================== */
.quote-and-faq.section-white-bg-one {
  position: relative;
  background-color: #0b0d12; /* fallback */
  color: #fff;
  padding-top: 115px;
  padding-bottom: 115px;
  overflow: hidden;
}

/* 🌐 Data-Tech Background (from Unsplash) */
.quote-and-faq.section-white-bg-one::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8,10,20,0.85) 0%, rgba(8,10,20,0.92) 100%),
    url("https://images.unsplash.com/photo-1644088379091-d574269d422f?fm=jpg&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8ZGF0YSUyMG5ldHdvcmt8ZW58MHx8MHx8fDA%3D&ixlib=rb-4.1.0&q=85&w=1920")
      no-repeat center/cover;
  z-index: 0;
}

/* Keep content above overlay */
.quote-and-faq.section-white-bg-one .container {
  position: relative;
  z-index: 1;
}

/* Typography */
.quote-and-faq .subtitle {
  color: #69a8ff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 8px;
}
.quote-and-faq .title {
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 20px;
}

/* Remove gray cards and borders */
.quote-and-faq .logistic-get-quote,
.quote-and-faq .logistic-faq-wrapper,
.quote-and-faq .accordion-wrapper .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Form design */
.quote-and-faq .logistic-quote-form .form-control {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 12px 14px;
  border-radius: 0;
  font-size: 15px;
  transition: all .25s ease;
}
.quote-and-faq .logistic-quote-form .form-control::placeholder {
  color: rgba(255,255,255,.6);
}
.quote-and-faq .logistic-quote-form .form-control:focus {
  background: rgba(255,255,255,0.12);
  border-color: #69a8ff;
  box-shadow: 0 0 0 3px rgba(105,168,255,0.25);
}

/* File upload + helper */
.quote-and-faq .logistic-quote-form .file label {
  color: #fff;
  font-weight: 600;
}
.quote-and-faq .logistic-quote-form .help-info {
  color: rgba(255,255,255,0.6);
  font-size: 12px;
}

/* Submit button */
.quote-and-faq .logistics-btn {
  background: #69a8ff;
  color: #0b0d12;
  border: none;
  padding: 12px 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 0;
  transition: background .2s ease, transform .06s ease;
}
.quote-and-faq .logistics-btn:hover {
  background: #4e7de0;
  color: #fff;
}
.quote-and-faq .logistics-btn:active {
  transform: translateY(1px);
}

/* Accordion */
.quote-and-faq .card-header {
  background: transparent !important;
  border: none !important;
  padding: 0;
}
.quote-and-faq .card-header a {
  display: block;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
  transition: color .2s;
}
.quote-and-faq .card-header a:hover {
  color: #69a8ff;
}
.quote-and-faq .card-body {
  padding: 12px 0 18px;
  color: rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(255,255,255,.12);
}

/* Responsive */
@media (max-width: 991px) {
  .quote-and-faq .logistic-faq-wrapper {
    margin-top: 40px;
  }
}











/* Default text color for accordion */
.accordion-wrapper.logistics-style .card-header a,
.accordion-wrapper.logistics-style .card-body {
  color: #000 !important;
}

/* Remove any hover color changes */
.accordion-wrapper.logistics-style .card-header a:hover,
.accordion-wrapper.logistics-style .card-header a:focus {
  color: #000 !important;
  text-decoration: none;
}

/* Optional – ensure heading looks clean */
.accordion-wrapper.logistics-style .card-header h5 {
  font-weight: 600;
}










/* ✅ Testimonial cards only — safe scope */
.logistic-single-testimonial-item {
  background: #fff;               /* white card */
  border-top: 3px solid #000;     /* top border */
  border-bottom: 3px solid #000;  /* bottom border */
  border-left: none;
  border-right: none;
  border-radius: 0;               /* sharp corners */
  text-align: left;               /* left-aligned */
  padding: 28px 34px;
  box-shadow: none;               /* no shadow */
}

/* Typography inside the card */
.logistic-single-testimonial-item i.fas.fa-quote-left {
  display: block;
  font-size: 26px;
  color: #000;
  margin-bottom: 12px;
}

.logistic-single-testimonial-item .description {
  color: #000;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 18px;
}

.logistic-single-testimonial-item .author-details .title {
  color: #000;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 4px;
}

.logistic-single-testimonial-item .author-details .designation {
  color: #444;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Optional: spacing between testimonial cards WITHOUT touching other carousels */
.logistic-single-testimonial-item { margin: 0 15px; }












/* ⚙️ MisherTech Contact Cards — Black & White, Compact, Sharp */
.single-contact-item {
  background: #ffffff;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 20px 20px; /* Shorter height */
  text-align: left;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 150px; /* Keeps cards even but compact */
}

/* Hover lift effect */
.single-contact-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

/* Icon – black square background, white icon */
.single-contact-item .icon {
  background: #000000; /* Solid black */
  color: #ffffff; /* White icon */
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 12px;
  border-radius: 0; /* Sharp square icons */
}

/* Remove any existing color styles from icons */
.single-contact-item .icon i {
  color: #ffffff !important;
}

/* Text styles */
.single-contact-item .content .title {
  font-weight: 700;
  font-size: 15px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.single-contact-item .content .details {
  color: #000000;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 3px;
}

/* Keep all cards equal height in row */
.container .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Responsive spacing */
@media (max-width: 991px) {
  .single-contact-item {
    margin-bottom: 20px;
  }
}











/* Make all icons black and white */
.single-what-we-cover-item-02 .icon-02 i {
    color: #000; /* solid black icon color */
    filter: grayscale(100%);
}

/* Remove any card border */
.single-what-we-cover-item-02 {
    border: none !important;
    box-shadow: none !important;
}

/* Optional: refine hover effect to stay clean and professional */
.single-what-we-cover-item-02:hover {
    transform: translateY(-5px);
    transition: 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}












/* Blog Widget Card Styling */
.blog-widget,
.widget_archive {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 20px;
  margin-bottom: 25px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover Effect */
.blog-widget:hover,
.widget_archive:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Titles */
.blog-widget .widget-title,
.widget_archive .widget-title {
  color: #111;
  font-weight: 700;
  margin-bottom: 15px;
}

/* Recent Post Items */
.single-recent-post-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  padding: 10px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.single-recent-post-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

/* Thumbnail Image */
.single-recent-post-item .thumb img {
  border-radius: 8px;
  width: 70px;
  height: 70px;
  object-fit: cover;
}

/* Post Titles */
.single-recent-post-item .content .title {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  line-height: 1.3;
}

.single-recent-post-item .content .title a {
  color: inherit;
  text-decoration: none;
}

.single-recent-post-item .content .title a:hover {
  color: #007bff;
}

/* Date */
.single-recent-post-item .content .time {
  font-size: 13px;
  color: #666;
}











/* Remove colored icon backgrounds and unify icon look */
.icon-02 {
  background: none !important;     /* Remove colored circle */
  box-shadow: none !important;     /* Remove any glow or shadow */
  border: none !important;         /* Remove border if any */
}

/* If your icons are wrapped inside colored circles, hide those backgrounds */
.icon-02.style-01,
.icon-02.style-02,
.icon-02.style-03,
.icon-02.style-04 {
  background-color: transparent !important; 
}

/* Make all icons simple black or gray */
.icon-02 i {
  color: #000 !important;          /* Black icons */
  filter: grayscale(100%) brightness(0%);
  font-size: 38px;
  transition: all 0.3s ease;
}

/* Optional hover effect – fade to white or darker */
.single-what-we-cover-item-02:hover .icon-02 i {
  color: #555 !important;
  filter: none;
}












/* FAQ – white border, sharp corners, shadow */
#accordion_74790601 .card {
  border: 1.5px solid #ffffff;
  border-radius: 0;                  /* sharp corners */
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  overflow: hidden;
  background: #fff;
  margin-bottom: 14px;
}

/* Header */
#accordion_74790601 .card-header {
  background: transparent;
  border: 0;
  padding: 16px 20px;
}

#accordion_74790601 .card-header a {
  display: block;
  color: #111;
  text-decoration: none;
  font-weight: 600;
}

#accordion_74790601 .card-header a:hover,
#accordion_74790601 .card-header a:focus {
  color: #000;
  outline: none;
}

/* Body */
#accordion_74790601 .card-body {
  padding: 16px 20px 18px;
  color: #333;
  border-top: 1px solid rgba(0,0,0,.06);
  background: #fff;
}

/* Active/open card shadow effect */
#accordion_74790601 .collapse.show ~ .card,
#accordion_74790601 .collapse.show {
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}












.case-studies-masonry {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px; /* space between items */
}

.masonry-item {
  flex: 1 1 30%;
  max-width: 30%;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.single-case-studies-item {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-case-studies-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.single-case-studies-item img {
  width: 100%;
  height: 250px; /* forces equal height images */
  object-fit: cover;
}

.cart-icon {
  padding: 15px;
  text-align: center;
}

.cart-icon .title a {
  font-family: 'Anton', sans-serif;
  color: #111;
  font-size: 1.1rem;
  text-decoration: none;
  transition: color 0.3s;
}

.cart-icon .title a:hover {
  color: #e63946;
}

.case-studies-menu.style-01 {
  text-align: center;
  margin-bottom: 30px;
}

.case-studies-menu.style-01 li {
  display: inline-block;
  margin: 0 15px;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease;
}

.case-studies-menu.style-01 li.active,
.case-studies-menu.style-01 li:hover {
  color: #e63946;
}













/* ======= Refined Image + Text Hover Styling ======= */

/* Remove image hover zoom & keep rounded corners */
.logistics-single-what-we-cover-item .thumb {
  overflow: hidden;
  border-radius: 18px;
}

.logistics-single-what-we-cover-item .thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 18px;
  transition: none; /* no zoom or scale animation */
}

/* Card styling */
.logistics-single-what-we-cover-item {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.logistics-single-what-we-cover-item:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Text content */
.logistics-single-what-we-cover-item .content {
  padding: 20px;
}

/* Title text hover turns red */
.logistics-single-what-we-cover-item .title a {
  font-family: 'Anton', sans-serif;
  color: #111;
  font-size: 1.2rem;
  text-decoration: none;
  transition: color 0.3s ease;
}

.logistics-single-what-we-cover-item .title a:hover {
  color: #e63946; /* red on hover */
}

/* Paragraph styling */
.logistics-single-what-we-cover-item p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  margin: 12px 0 18px;
}

/* Read more link hover */
.logistics-single-what-we-cover-item .readmore {
  color: #e63946;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.logistics-single-what-we-cover-item .readmore:hover {
  color: #111;
}












/* 1) Round the blog card images */
.single-portfolio-blog-grid .thumb{
  border-radius: 14px;
  overflow: hidden;          /* ensures the image corners are clipped */
}
.single-portfolio-blog-grid .thumb img{
  width: 100%;
  display: block;
  border-radius: inherit;    /* keep corners consistent */
}

/* 2) Make text red (title, excerpt, Read More, date/month) */
.single-portfolio-blog-grid .content .title a,
.single-portfolio-blog-grid .content .excerpt,
.single-portfolio-blog-grid .content .readmore,
.single-portfolio-blog-grid .time-wrap .date,
.single-portfolio-blog-grid .time-wrap .month{
  color: #e4022d !important;  /* brand red; force override if theme styles conflict */
}

/* Optional: a slightly darker red on hover for links */
.single-portfolio-blog-grid .content .title a:hover,
.single-portfolio-blog-grid .content .readmore:hover{
  color: #b50123 !important;
}












.case-studies-masonry-wrapper {
    text-align: center; /* Centers inline-block content inside */
    width: 100%;
}

.case-studies-menu.style-01 {
    display: inline-block;  /* Allows centering using text-align on parent */
    margin: 0 auto 40px auto;
    padding: 0;
    list-style: none;
}

.case-studies-menu.style-01 li {
    display: inline-block;
    margin: 0 12px;
    cursor: pointer;
    font-weight: 600;
    color: #000;
    padding: 10px 18px;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.case-studies-menu.style-01 li.active,
.case-studies-menu.style-01 li:hover {
    background-color: #e30613; /* MisherTech red */
    color: #fff;
}












/* 🔴 1. Kill ALL red overlay boxes on hover */
.single-what-we-cover-item-02::before,
.single-what-we-cover-item-02:hover::before,
.single-what-we-cover-item-02 .single-what-img::before,
.single-what-we-cover-item-02:hover .single-what-img::before {
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    transition: none !important;
}

/* 🔴 2. Reset image hover behavior */
.single-what-we-cover-item-02 .single-what-img img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}
.single-what-we-cover-item-02 .single-what-img img:hover {
    transform: scale(1.02);
}

/* ⚪ 3. Reset container hover (remove red glow or border) */
.single-what-we-cover-item-02:hover {
    background: #fff !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
}

/* 🔴 4. Text hover: only words change red */
.single-what-we-cover-item-02 .content h4.title a {
    color: #000 !important;
    transition: color 0.3s ease;
    text-decoration: none;
}
.single-what-we-cover-item-02 .content h4.title a:hover {
    color: #e30613 !important; /* MisherTech red */
}

/* ⚫ 5. Icon cleanup */
.icon-02 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: #000 !important;
    font-size: 30px;
}












/* 💥 FORCE REMOVE RED HOVER EFFECT COMPLETELY */
.single-what-we-cover-item-02:hover,
.single-what-we-cover-item-02:focus,
.single-what-we-cover-item-02:active,
.single-what-we-cover-item-02:hover *,
.single-what-we-cover-item-02:focus *,
.single-what-we-cover-item-02:active * {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: inherit !important;
}

/* 🔴 Allow ONLY the title text to turn red on hover */
.single-what-we-cover-item-02 .content a h4.title,
.single-what-we-cover-item-02 .content a h4.title * {
    color: #111 !important;
    transition: color 0.3s ease !important;
}

.single-what-we-cover-item-02:hover .content a h4.title,
.single-what-we-cover-item-02:hover .content a h4.title * {
    color: #c8102e !important; /* red text only */
}

/* 🖼️ Ensure image stays normal (no red overlay or tint) */
.single-what-we-cover-item-02 .single-what-img img {
    filter: none !important;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.single-what-we-cover-item-02:hover .single-what-img img {
    transform: scale(1.02);
}

/* ⚫ Icons stay black */
.single-what-we-cover-item-02 .icon-02 i {
    color: #000 !important;
}
.single-what-we-cover-item-02:hover .icon-02 i {
    color: #000 !important;
}












/* Force remove icon containers and any pseudo-icons */
.icon-02,
.icon-02::before,
.icon-02::after,
.single-what-we-cover-item-02 .icon-02 i {
    display: none !important;
    visibility: hidden !important;
    content: none !important;
}

/* Optional: tighten spacing after icon removal */
.single-what-img {
    margin-bottom: 15px !important;
}












/* === Global Typography Cleanup === */

/* Keep all headings bold sitewide */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* Make all paragraph and list text regular weight */
body p,
body li {
  font-weight: 400;
  line-height: 1.6;
}

/* Neutralize <strong> inside normal text so it doesn't look shouty */
body p strong,
body li strong,
body a strong {
  font-weight: 400;
}

/* But keep <strong> inside headings actually bold */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 700;
}

/* Bullet and numbered list formatting */
ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.75rem 0 1rem;
}

ol {
  list-style: decimal;
  padding-left: 1.25rem;
  margin: 0.75rem 0 1rem;
}

/* Optional: match case-study wrapper if used */
.portfolio-details-item .post-description p,
.portfolio-details-item .post-description li {
  font-weight: 400;
}












/* =============================
   MisherTech Case Study Styles
   ============================= */
.mtech-case-study {
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0b0b0b;
}

/* Headings: consistent scale + bold */
.mtech-case-study h1,
.mtech-case-study h2,
.mtech-case-study h3,
.mtech-case-study h4,
.mtech-case-study h5,
.mtech-case-study h6 { 
  font-weight: 700; 
  line-height: 1.25;
  margin: 0.75rem 0 0.5rem;
}

/* Type scale (mobile first) */
.mtech-case-study h1 { font-size: 1.875rem; }   /* ~30px */
.mtech-case-study h2 { font-size: 1.5rem; }     /* ~24px */
.mtech-case-study h3 { font-size: 1.25rem; }    /* ~20px */
.mtech-case-study h4 { font-size: 1.125rem; }   /* ~18px */
.mtech-case-study p,
.mtech-case-study li { 
  font-size: 1rem;       /* 16px body */
  font-weight: 400; 
  line-height: 1.7;
  color: #1a1a1a;
}

/* Desktop upscaling to match your screenshot rhythm */
@media (min-width: 992px) {
  .mtech-case-study h1 { font-size: 2.25rem; }  /* ~36px */
  .mtech-case-study h2 { font-size: 1.75rem; }  /* ~28px */
  .mtech-case-study h3 { font-size: 1.375rem; } /* ~22px */
  .mtech-case-study h4 { font-size: 1.25rem; }  /* ~20px */
  .mtech-case-study p,
  .mtech-case-study li { font-size: 1.0625rem; }/* ~17px for readability */
}

/* Keep titles bold, body regular (even if pasted with <strong>) */
.mtech-case-study p strong,
.mtech-case-study li strong { font-weight: 400; }
.mtech-case-study h1 strong,
.mtech-case-study h2 strong,
.mtech-case-study h3 strong { font-weight: 700; }

/* Lists: clean bullets + spacing */
.mtech-case-study ul { 
  list-style: disc; 
  padding-left: 1.25rem; 
  margin: 0.25rem 0 1rem;
}
.mtech-case-study ol { 
  list-style: decimal; 
  padding-left: 1.25rem; 
  margin: 0.25rem 0 1rem;
}
.mtech-case-study li { margin: 0.25rem 0; }

/* Meta block (Project Title/Date/Entity/Scope) */
.mtech-case-study .meta {
  margin: 0.75rem 0 1.25rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #e8e8e8;
}
.mtech-case-study .meta p { margin: 0.25rem 0; }

/* Image spacing (top hero in your screenshot) */
.mtech-case-study .thumb,
.mtech-case-study figure { margin: 0 0 1rem; }
.mtech-case-study img { display:block; max-width:100%; height:auto; }

/* Tighten Gutenberg/Theme defaults that over-bold headings/paragraphs */
.mtech-case-study .wp-block-heading { margin-top: .75rem; }
.mtech-case-study .wp-block-paragraph { margin: .5rem 0 1rem; }












/* =============================
   MisherTech Case Study Styles
   ============================= */
.mtech-case-study {
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0b0b0b;
}

/* Headings: consistent scale + bold */
.mtech-case-study h1,
.mtech-case-study h2,
.mtech-case-study h3,
.mtech-case-study h4,
.mtech-case-study h5,
.mtech-case-study h6 { 
  font-weight: 700; 
  line-height: 1.25;
  margin: 0.75rem 0 0.5rem;
}

/* Type scale (mobile first) */
.mtech-case-study h1 { font-size: 1.875rem; }   /* ~30px */
.mtech-case-study h2 { font-size: 1.5rem; }     /* ~24px */
.mtech-case-study h3 { font-size: 1.25rem; }    /* ~20px */
.mtech-case-study h4 { font-size: 1.125rem; }   /* ~18px */
.mtech-case-study p,
.mtech-case-study li { 
  font-size: 1rem;       /* 16px body */
  font-weight: 400; 
  line-height: 1.7;
  color: #1a1a1a;
}

/* Desktop upscaling to match your screenshot rhythm */
@media (min-width: 992px) {
  .mtech-case-study h1 { font-size: 2.25rem; }  /* ~36px */
  .mtech-case-study h2 { font-size: 1.75rem; }  /* ~28px */
  .mtech-case-study h3 { font-size: 1.375rem; } /* ~22px */
  .mtech-case-study h4 { font-size: 1.25rem; }  /* ~20px */
  .mtech-case-study p,
  .mtech-case-study li { font-size: 1.0625rem; }/* ~17px for readability */
}

/* Keep titles bold, body regular (even if pasted with <strong>) */
.mtech-case-study p strong,
.mtech-case-study li strong { font-weight: 400; }
.mtech-case-study h1 strong,
.mtech-case-study h2 strong,
.mtech-case-study h3 strong { font-weight: 700; }

/* Lists: clean bullets + spacing */
.mtech-case-study ul { 
  list-style: disc; 
  padding-left: 1.25rem; 
  margin: 0.25rem 0 1rem;
}
.mtech-case-study ol { 
  list-style: decimal; 
  padding-left: 1.25rem; 
  margin: 0.25rem 0 1rem;
}
.mtech-case-study li { margin: 0.25rem 0; }

/* Meta block (Project Title/Date/Entity/Scope) */
.mtech-case-study .meta {
  margin: 0.75rem 0 1.25rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #e8e8e8;
}
.mtech-case-study .meta p { margin: 0.25rem 0; }

/* Image spacing (top hero in your screenshot) */
.mtech-case-study .thumb,
.mtech-case-study figure { margin: 0 0 1rem; }
.mtech-case-study img { display:block; max-width:100%; height:auto; }

/* Tighten Gutenberg/Theme defaults that over-bold headings/paragraphs */
.mtech-case-study .wp-block-heading { margin-top: .75rem; }
.mtech-case-study .wp-block-paragraph { margin: .5rem 0 1rem; }












/* Reduce bottom spacing in text block */
.text-base {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.text-base p {
  margin-bottom: 5px !important;
  line-height: 1.6;
}

.text-base .markdown {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.text-base .markdown p:last-child {
  margin-bottom: 0 !important;
}












/* --- Center Masonry Grid Layout --- */
.case-studies-masonry-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.case-studies-menu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-bottom: 25px;
  padding: 0;
  list-style: none;
}

.case-studies-menu li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #111;
  cursor: pointer;
  transition: all 0.3s ease;
}

.case-studies-menu li.active,
.case-studies-menu li:hover {
  color: #e50914;
  border-bottom: 2px solid #e50914;
}

.case-studies-masonry {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  position: relative !important;
  height: auto !important;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.case-studies-masonry .masonry-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  box-sizing: border-box;
}

.single-case-studies-item {
  text-align: left;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
}

.single-case-studies-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.single-case-studies-item .thumb img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}

.single-case-studies-item .cart-icon {
  padding: 14px 18px;
}

.single-case-studies-item .cart-icon .title a {
  font-size: 1rem;
  color: #111;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.single-case-studies-item .cart-icon .title a:hover {
  color: #e50914;
}












/* Widget Container */
.widget-nav-menu {
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 20px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

/* Remove list styles */
.widget-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* List item spacing */
.widget-nav-menu li {
    margin-bottom: 18px;
}

/* Layout of each row */
.service-widget {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

.service-widget:last-child {
    border-bottom: none;
}

/* Icon styles (black only) */
.service-icon {
    font-size: 24px;
    color: #000;
    margin-right: 15px;
}

/* Label text (small, uppercase) */
.service-title span {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.5px;
}

/* Main title (bolder) */
.service-title .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 3px;
}

/* Optional: hover effect */
.service-widget:hover .title {
    text-decoration: underline;
}












<div class="widget-nav-menu margin-bottom-30">
    <ul>
        <li>
            <div class="service-widget">
                <div class="service-icon">
                    <i class="fas fa-globe"></i>
                </div>
                <div class="service-title">
                    <span>Researcher</span>
                    <h6 class="title">MisherTech</h6>
                </div>
            </div>
        </li>
        <li>
            <div class="service-widget">
                <div class="service-icon">
                    <i class="fas fa-globe"></i>
                </div>
                <div class="service-title">
                    <span>Focus</span>
                    <h6 class="title">AI • Web • Innovation</h6>
                </div>
            </div>
        </li>
        <li>
            <div class="service-widget">
                <div class="service-icon">
                    <i class="fas fa-globe"></i>
                </div>
                <div class="service-title">
                    <span>Founded</span>
                    <h6 class="title">2023 — Sheridan, WY</h6>
                </div>
            </div>
        </li>
        <li>
            <div class="service-widget">
                <div class="service-icon">
                    <i class="fas fa-globe"></i>
                </div>
                <div class="service-title">
                    <span>Website</span>
                    <h6 class="title">mishertech.com</h6>
                </div>
            </div>
        </li>
    </ul>
</div>












/* Widget Container */
.widget-nav-menu {
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 20px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

/* Remove list styles */
.widget-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each widget item */
.widget-nav-menu li {
    margin-bottom: 18px;
}

.service-widget {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    transition: all 0.2s ease;
}

.service-widget:last-child {
    border-bottom: none;
}

/* Globe Icons (Black & White) */
.service-icon {
    font-size: 24px;
    color: #000 !important;
    margin-right: 15px;
}

/* Force all icons to display as globes */
.service-icon i {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ac"; /* globe icon */
}

/* Label (small uppercase text) */
.service-title span {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.5px;
}

/* Main title */
.service-title .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 3px;
}

/* Hover Effect */
.service-widget:hover {
    transform: translateX(4px);
}












/* Related Case Study Carousel Styling */
.related-case-study-carousel .single-related-case-study-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Remove card borders and grey areas */
.related-case-study-carousel .single-related-case-study-item::before,
.related-case-study-carousel .single-related-case-study-item::after {
    display: none !important;
}

/* Round and clean thumbnails */
.related-case-study-carousel .single-related-case-study-item .thumb img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
    box-shadow: none;
    transition: transform 0.3s ease;
}

/* Hover effect: subtle lift */
.related-case-study-carousel .single-related-case-study-item:hover {
    transform: translateY(-6px);
}

/* Image zoom on hover */
.related-case-study-carousel .single-related-case-study-item:hover .thumb img {
    transform: scale(1.04);
}

/* Text styling */
.related-case-study-carousel .single-related-case-study-item .content {
    margin-top: 15px;
}

.related-case-study-carousel .single-related-case-study-item .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    transition: color 0.3s ease;
}

/* Hover link effect */
.related-case-study-carousel .single-related-case-study-item .title a {
    color: #000;
    text-decoration: none;
}

.related-case-study-carousel .single-related-case-study-item:hover .title a {
    color: #d60000; /* optional accent color */
}

/* Remove navigation grey styles */
.related-case-study-carousel .owl-nav div {
    background: none !important;
    border: none !important;
    color: #000 !important;
    font-size: 20px;
    transition: color 0.3s ease;
}

.related-case-study-carousel .owl-nav div:hover {
    color: #d60000 !important; /* subtle accent hover */
}

/* Optional: remove grey nav background on hover */
.related-case-study-carousel .owl-nav div i {
    background: none !important;
}











/* Remove background color and borders */
.related-case-study-carousel .single-related-case-study-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove grey box behind titles */
.related-case-study-carousel .single-related-case-study-item .content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Title text styling */
.related-case-study-carousel .single-related-case-study-item .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000 !important;
    text-align: center;
    background: none !important;
    padding: 10px 0;
    border: none !important;
}

/* Remove link underline and keep hover clean */
.related-case-study-carousel .single-related-case-study-item .title a {
    text-decoration: none;
    color: #000 !important;
}

.related-case-study-carousel .single-related-case-study-item:hover .title a {
    color: #d60000 !important; /* optional accent */
}

/* Rounded image corners */
.related-case-study-carousel .single-related-case-study-item .thumb img {
    border-radius: 15px;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: none;
}

/* Remove any card overlays */
.related-case-study-carousel .single-related-case-study-item::before,
.related-case-study-carousel .single-related-case-study-item::after {
    display: none !important;
    background: none !important;
    border: none !important;
}






















.logistics-single-what-we-cover-item .thumb img {
    border-radius: 0 !important;   /* Removes rounded corners */
}

.logistics-single-what-we-cover-item {
    border-radius: 0 !important;   /* Removes rounding on full card */
}

.logistics-single-what-we-cover-item .thumb {
    border-radius: 0 !important;
    overflow: hidden;              /* Keeps image edges clean */
}

}

}











.logistics-single-what-we-cover-item{
  background:#fff;
  border-radius:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.logistics-single-what-we-cover-item .thumb img{
  display:block;
  width:100%;
  height:auto;
}

.logistics-single-what-we-cover-item .content{
  padding:20px;
  text-align:center;
  margin:0 auto;     /* keeps the block centered under the image */
  width:100%;
}

.logistics-single-what-we-cover-item .content .title,
.logistics-single-what-we-cover-item .content p,
.logistics-single-what-we-cover-item .content .readmore{
  margin-left:auto;
  margin-right:auto;
}











/* SCOPE: only the blog carousel area */
.blog-grid-carosel-wrapper .single-portfolio-blog-grid,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid * {
  border-radius: 0 !important;
}

/* Catch pseudo-elements some themes round */
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .thumb::before,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .thumb::after,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .content::before,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .content::after {
  border-radius: 0 !important;
}

/* Image + container hard reset */
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .thumb,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .thumb img.grid {
  border-radius: 0 !important;
  clip-path: inset(0 round 0) !important;  /* nukes rounded rendering */
  -webkit-mask-image: none !important;     /* some themes use masks */
  mask-image: none !important;
  display: block;
  width: 100%;
  height: auto;
}

/* Date badge (often shipped as rounded/oval) */
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .time-wrap,
.blog-grid-carosel-wrapper .single-portfolio-blog-grid .time-wrap span {
  border-radius: 0 !important;
}

/* Card shell inside Owl items (higher specificity) */
.blog-grid-carosel-wrapper .owl-carousel .owl-item .single-portfolio-blog-grid {
  border-radius: 0 !important;
  overflow: hidden; /* keeps sharp edges visible */
}

/* Optional: keep your hover pop consistent */
.blog-grid-carosel-wrapper .single-portfolio-blog-grid {
  transition: transform .3s ease, box-shadow .3s ease;
}
.blog-grid-carosel-wrapper .single-portfolio-blog-grid:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,.15);
}


/* Align the top of the form card with the top of the FORESIGHT image */
@media (min-width: 992px){
  body .page-content.service-details .col-lg-4 .widget-area{
    margin-top: 25px !important; /* adjust this number */
  }
}












/* ===============================
   CONTACT FORM — WHITE THEME
   =============================== */

/* Form container */
.widget-area .attorney-contact-form-wrap {
  background: #ffffff !important;
  border: 3px solid #000 !important;
  padding: 40px !important;
  border-radius: 0 !important;
}

/* Title */
.widget-area .attorney-contact-form-wrap .title {
  color: #000 !important;
}

/* Labels */
.widget-area .attorney-contact-form label {
  color: #000 !important;
  font-weight: 600;
}

/* Inputs & textarea */
.widget-area .attorney-contact-form .form-control {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Placeholder text */
.widget-area .attorney-contact-form .form-control::placeholder {
  color: #555 !important;
}

/* Remove blue focus glow */
.widget-area .attorney-contact-form .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #000 !important;
}

/* Submit button */
.widget-area .attorney-contact-form .submit-btn {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  padding: 12px 30px !important;
  transition: all 0.2s ease-in-out;
}

/* Button hover */
.widget-area .attorney-contact-form .submit-btn:hover {
  background: #fff !important;
  color: #000 !important;
}












/* Breadcrumb enhancement */
.breadcrumb-area {
  position: relative;
  overflow: hidden;
}

/* Soft glow horizon */
.breadcrumb-area::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -120px;
  width: 120%;
  height: 300px;
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse at center,
    rgba(80,160,255,0.35),
    transparent 65%
  );
}

/* Dark depth layer */
.breadcrumb-area::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.2),
    rgba(0,0,0,0.7)
  );
}

/* Breadcrumb text */
.breadcrumb-area h1,
.breadcrumb-area .breadcrumb {
  position: relative;
  z-index: 2;
}









/* Make breadcrumb overlays NOT block clicks */
.breadcrumb-area { position: relative; }

.breadcrumb-area::before,
.breadcrumb-area::after {
  pointer-events: none !important;   /* <-- key fix */
  z-index: 0 !important;
}

/* Ensure breadcrumb text/links are above overlays */
.breadcrumb-area .container,
.breadcrumb-area h1,
.breadcrumb-area .breadcrumb,
.breadcrumb-area a {
  position: relative;
  z-index: 2;
}













/* =========================================
   MisherTech Clean Tile Style (match screenshot vibe)
   - Thin border tile
   - No hover morph / no lift
   - Image centered inside tile
   - Title + text beneath tile
   - Simple red Read More
   (NO Owl changes, NO content changes)
========================================= */

/* 1) Kill all “card” hover effects from theme */
.logistic-news-area .single-portfolio-blog-grid.logistics-page,
.logistic-news-area .single-portfolio-blog-grid.logistics-page:hover{
  transform: none !important;
  box-shadow: none !important;
}
.logistic-news-area .single-portfolio-blog-grid.logistics-page *{
  transform: none !important;
}

/* 2) Make the card a clean vertical stack */
.logistic-news-area .single-portfolio-blog-grid.logistics-page{
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
  text-align: center;
  padding: 0 !important;
}

/* 3) The “tile” (matches the bordered square style) */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .thumb{
  position: relative;
  width: 100%;
  max-width: 360px;       /* tile size */
  margin: 0 auto 18px;
  aspect-ratio: 1 / 1;    /* square like screenshot */
  background: #fff;
  border: 2px solid rgba(0,0,0,.35);
  overflow: hidden;
  display: grid;
  place-items: center;
}

/* 4) Center image inside tile */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .thumb img.grid{
  width: 100%;
  height: 100%;
  object-fit: cover;      /* keeps it clean */
  display: block;
  filter: grayscale(100%) contrast(1.1); /* optional but matches your B/W brand */
}

/* 5) Date badge: small, minimal, top-left */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .time-wrap{
  position: absolute;
  left: 12px;
  top: 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.22);
  border-radius: 10px;
  padding: 8px 10px;
  color: #000;
  z-index: 2;
}
.logistic-news-area .single-portfolio-blog-grid.logistics-page .time-wrap .date{
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  display:block;
}
.logistic-news-area .single-portfolio-blog-grid.logistics-page .time-wrap .month{
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: .75;
  display:block;
  margin-top: 2px;
}

/* 6) Content UNDER the tile (like screenshot) */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .content{
  padding: 0 !important;
  max-width: 360px;
  margin: 0 auto;
}

/* Title */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .title{
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}
.logistic-news-area .single-portfolio-blog-grid.logistics-page .title a{
  color: #111 !important;
  text-decoration: none !important;
}

/* Excerpt */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .excerpt{
  color: rgba(0,0,0,.72) !important;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px 0;
}

/* Read more in brand red + arrow */
.logistic-news-area .single-portfolio-blog-grid.logistics-page .readmore{
  color: #e11b22 !important;
  font-weight: 800;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.logistic-news-area .single-portfolio-blog-grid.logistics-page .readmore::after{
  content: "→";
  font-weight: 900;
}

/* 7) Ensure NO hover changes at all */
.logistic-news-area .single-portfolio-blog-grid.logistics-page:hover .thumb,
.logistic-news-area .single-portfolio-blog-grid.logistics-page:hover .thumb img.grid,
.logistic-news-area .single-portfolio-blog-grid.logistics-page:hover .readmore{
  filter: none;              /* keeps stable if theme adds hover filters */
  background: transparent;
  transform: none !important;
}













/* =========================================
   FIX IMAGE FIT (no other changes)
========================================= */

/* Make images fully visible inside the tile */
.logistic-news-area 
.single-portfolio-blog-grid.logistics-page 
.thumb img.grid{
  width: 100%;
  height: 100%;
  object-fit: contain !important;   /* <-- key fix */
  padding: 14px;                    /* breathing room */
  background: #fff;                 /* clean poster feel */
}













/* =========================================
   IMAGE FILL ADJUSTMENT (95% of tile)
   No other changes
========================================= */

.logistic-news-area 
.single-portfolio-blog-grid.logistics-page 
.thumb{
  display: flex;
  align-items: center;
  justify-content: center;
}

.logistic-news-area 
.single-portfolio-blog-grid.logistics-page 
.thumb img.grid{
  width: 95% !important;
  height: 95% !important;
  object-fit: contain !important;
  padding: 0 !important;     /* remove previous padding */
}













/* =========================================
   IMAGE FILL ADJUSTMENT (95% of tile)
   No other changes
========================================= */

.logistic-news-area 
.single-portfolio-blog-grid.logistics-page 
.thumb{
  display: flex;
  align-items: center;
  justify-content: center;
}

.logistic-news-area 
.single-portfolio-blog-grid.logistics-page 
.thumb img.grid{
  width: 95% !important;
  height: 95% !important;
  object-fit: contain !important;
  padding: 0 !important;     /* remove previous padding */
}













/* Hide Login / Register in top bar */
.top-bar-area .login-register {
  display: none !important;
}