/* ===================================================================================

* Theme Name: Concoct Child
* Theme URI: https://themesfamily.com/wp/concoct
* Author: themesfamily
* Author URI: https://wrapmarket.com/shop/aminul_islam
* Description: Concoct - Professional Construction & Building Company Wordpress Theme
* Version: 1.0.0
* Template: concoct
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* ===================================== */
/* Header     */
/* ===================================== */

.call-to-action-icon{
background: #cc0000;
}

/* Normal header */
.atf-header-area span.call-to-action-phone,
.atf-header-area .call-to-action-text h6 ,
.atf-header-area .atf-main-menu > nav > ul > li > a{
color: #fff;
}

/* Sticky header with !important */
.atf-site-header.atf-sticky-active span.call-to-action-phone,
.atf-site-header.atf-sticky-active .call-to-action-text h6,
.atf-site-header.atf-sticky-active .atf-main-menu > nav > ul > li > a{
color: #000 !important;
}
.atf-main-menu > nav > ul > li > a:hover{
color: #cc0000 !important;
}
.atf-site-header.atf-sticky-active .atf-main-menu > nav > ul > li > a:hover{
color:  #cc0000  !important;
}

/* Hide sticky logo by default */
.logo-sticky {
display: none;
}

/* When sticky header is active */
.atf-sticky-active .logo-default {
display: none;
}

.atf-sticky-active .logo-sticky {
display: block;
}
.hero-sec .atf-slick-slider-1.slick-arrow-1 .slick-arrow:hover{
background-color: #000;
border: 1px solid #0000;

}
.hero-sec .atf-slick-slider-1.slick-arrow-1 .slick-arrow {
background-color: #cc0000;
color: #fff !important;
border: 1px solid #cc0000;
}
.about-info .atf-about-nav-list {
display: none;
}
.title_highlight .highlight::before {
background: linear-gradient(90deg, rgb(204 0 0), transparent);
}
.faq-sec img.img-fluid.w-100 {
display: none;
}

.breadcrumb-single-content span:hover {
color: #cc0000;
}
/* ===================================== */
/* ✅ footer css     */
/* ===================================== */

.atf-footer-widget-social ul li a:hover{
background: #cc0000;
}
.atf-footer-widget-info span{
color: #c22d2d;
}
/* ===================================== */
/* ✅ DISABLE DEFAULT DROPDOWN HOVER     */
/* ===================================== */

.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children.open > .sub-menu,
.main-menu li:hover > .sub-menu,
.navbar-nav li:hover > .sub-menu,
.menu-item.open > .sub-menu {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}

.sub-menu {
animation: none !important;
}

.atf-site-logo {
width: 220px;
height: auto;
}
/* ===============================
Previous / Next Navigation
================================ */

.ct-post-navigation {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid #eee;
display: flex;
justify-content: space-between;
gap: 20px;
}

.ct-post-navigation a {
text-decoration: none;
color: #222;
display: block;
}

.ct-post-navigation span {
font-size: 13px;
color: #888;
display: block;
margin-bottom: 6px;
}

.ct-post-navigation strong {
font-size: 15px;
line-height: 1.4;
}

.ct-post-nav-prev,
.ct-post-nav-next {
width: 50%;
}

.ct-post-nav-next {
text-align: right;
}

.ct-post-navigation a:hover strong {
color: #e63946;
}
/* ===================================== */
/* ✅ MEGA PANEL BASE                    */
/* ===================================== */

#mega-products-panel {
position: fixed;
inset: 0;
visibility: hidden;
opacity: 0;
transition: opacity .4s ease;
z-index: 999999;
}

#mega-products-panel.active {
visibility: visible;
opacity: 1;
}

.mega-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.35);
}

/* ===================================== */
/* ✅ CONTAINER                          */
/* ===================================== */

.mega-container {
position: absolute;
top: 100px;
left: 0;
width: 100%;
height: 650px;
background: #fff;
display: flex;
align-items: flex-start;
padding: 70px 140px;
/* overflow-x: auto; */
}

/* ===================================== */
/* ✅ ALL COLUMNS SAME WIDTH (DMG STYLE) */
/* ===================================== */

.mega-left,
.mega-column {
min-width: 280px;
width: 300px;
padding: 0 30px;
border-left: 1px solid #eee;
flex-shrink: 0;
box-sizing: border-box;
}
/* First column no left border */
.mega-left {
border-left: none;
}

/* ===================================== */
/* ✅ CONTENT VISIBILITY                 */
/* ===================================== */

.mega-content {
display: none;
align-items: flex-start;
transition: transform .5s cubic-bezier(.25,.46,.45,.94);

}

.mega-content.active {
display: flex;
}

/* ===================================== */
/* ✅ Product  css                   */
/* ===================================== */

.custom-product-card {
background: #fff;
padding: 25px;
border-radius: 12px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* Content wrapper */
.custom-product-content {
padding-top: 15px;
overflow: visible;
}

/* Product title */
.custom-product-title {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin: 10px 0;
word-wrap: break-word;
white-space: normal;      /* ✅ allow wrapping */
overflow: visible;
}

/* Prevent clipping due to scaling */
.customProductSwiper {
position: relative;
}
.customProductSwiper .swiper-slide {
overflow: visible !important;
}

/* Increase slide height automatically */
.customProductSwiper .swiper-wrapper {
align-items: stretch;
}

.custom-product-section {
padding: 120px 0;
}

.custom-container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}

/* EXACT 3 SLIDES */
.customProductSwiper .swiper-slide {
width: 33.33%;
}

/* Center zoom effect */
.customProductSwiper .swiper-slide {
transition: all .6s ease;
transform: scale(0.75);
opacity: 0.4;
}

.customProductSwiper .swiper-slide-prev,
.customProductSwiper .swiper-slide-next {
transform: scale(0.85);
opacity: 0.7;
}

.customProductSwiper .swiper-slide-active {
transform: scale(1.15);
opacity: 1;
z-index: 5;
}


/* ===================================== */
/* ✅ COLUMN ANIMATION                   */
/* ===================================== */

.mega-column {
animation: fadeInColumn .35s ease forwards;
}
/* ==============================
SINGLE POST FULL WIDTH
============================== */
.ct-single-wrapper {
width: 100%;
padding: 60px 20px;
background: #fff;
}

/* ✅ 1320px Centered Container */
.ct-single-container {
max-width: 1320px;
margin: 0 auto;
}

/* Featured Image */
.ct-single-image img {
width: 100%;
height: auto;
border-radius: 12px;
margin-bottom: 40px;
}

/* Title */
.ct-single-title {
font-size: 36px;
margin-bottom: 20px;
line-height: 1.3;
}

/* Meta */
.ct-single-meta {
font-size: 15px;
color: #777;
margin-bottom: 35px;
}

/* Content */
.ct-single-content {
font-size: 17px;
line-height: 1.8;
color: #444;
}

.ct-single-content p {
margin-bottom: 22px;
}

@keyframes fadeInColumn {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* Hide deeper columns */
.mega-column[data-level] {
display: none;
}

.mega-column.active {
display: block;
}

/* ===================================== */
/* ✅ LIST STYLE                         */
/* ===================================== */

.mega-left ul,
.mega-column ul {
list-style: none;
padding: 0;
margin: 0;
}

.mega-left li,
.mega-column li {
padding: 14px 0;
border-bottom: 1px solid #f2f2f2;
cursor: pointer;
display: flex;
justify-content: space-between;
font-size: 15px;
transition: background .2s ease;
}

.mega-left li:hover,
.mega-column li:hover {
background: #f7f7f7;
}

/* Active highlight */
.mega-left li.active {
color: #cc0000;
}

/* Arrow */
.arrow {
color: #999;
}

/* ===================================== */
/* ✅ CLOSE BUTTON                       */
/* ===================================== */

.mega-close {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
width: 55px;
height: 55px;
background: #eee;
border-radius: 50%;
text-align: center;
line-height: 55px;
font-size: 22px;
cursor: pointer;
}

/* ===============================
MOBILE OFFCANVAS MENU
=============================== */

.mobile-toggle {
display: none;
}

.mobile-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.4);
opacity: 0;
visibility: hidden;
transition: .3s ease;
z-index: 9998;
}

.mobile-menu {
position: fixed;
top: 0;
left: -100%;
width: 300px;
height: 100vh;
background: #fff;
padding: 30px;
transition: left .4s cubic-bezier(.25,.46,.45,.94);
z-index: 9999;
display: flex;
flex-direction: column;
overflow-y: auto;
}

.mobile-menu.active {
left: 0;
}

.mobile-overlay.active {
opacity: 1;
visibility: visible;
}

/* HEADER */
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}

.mobile-close {
font-size: 24px;
cursor: pointer;
}

/* MENU LIST */
.mobile-menu-list {
list-style: none;
padding: 0;
margin: 0;
}

.mobile-menu-list li {
padding: 15px 0;
border-bottom: 1px solid #eee;
position: relative;
}

.mobile-menu-list li a {
text-decoration: none;
color: #222;
font-size: 16px;
}

/* Submenu */
.mobile-menu-list .sub-menu {
display: none;
padding-left: 15px;
}

.mobile-menu-list li.open > .sub-menu {
display: block;
}

/* Dropdown arrow */
.mobile-menu-list li.menu-item-has-children > a::after {
content: "›";
position: absolute;
right: 0;
transform: rotate(90deg);
}

/* CONTACT SECTION */
.mobile-contact {
margin-top: auto;
padding-top: 30px;
border-top: 1px solid #eee;
}

.section-whitebg {
background: transparent;
padding: 0;
}

/* ===============================
HERO PRODUCT STRIP
=============================== */

.home-product-sec {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
}

/* Dark overlay background */
.home-product-sec::before {
content: "";
position: absolute;
inset: 0;
background: rgba(88, 57, 35, 0.85); /* #583923 with opacity */
z-index: -1;
}

/* Swiper container */
.homeProductSwiper {
padding: 20px 0;
}

/* Product item */
.home-product-item {
text-align: center;
padding: 20px 15px;
border-right: 1px solid rgba(255,255,255,0.2);
transition: .3s ease;
}

/* Remove border on last */
.swiper-slide:last-child .home-product-item {
border-right: none;
}

/* Image */
.product-img img {
max-height: 80px;
object-fit: contain;
margin-bottom: 10px;
}

/* Title */
.home-product-item h4 {
font-size: 13px;
color: #fff;
margin: 0;
line-height: 1.4;
}

/* Hover effect */
.home-product-item:hover {
background: rgba(255,255,255,0.1);
transform: translateY(-5px);

}


/* Remove default arrow */
.swiper-button-next::after,
.swiper-button-prev::after {
display: none;
}
.customProductSwiper .cps-prev,
.customProductSwiper .cps-next {
width: 36px;                     
height: 36px;
background: rgba(194,45,45,0.15); /* soft red background */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
cursor: pointer;
transition: all .3s cubic-bezier(.25,.46,.45,.94);
backdrop-filter: blur(6px);
}
.customProductSwiper .cps-prev {
left: 10px;
}

.customProductSwiper .cps-next {
right: 10px;
}

/* Arrow icon */
.customProductSwiper .cps-prev::before,
.customProductSwiper .cps-next::before {
content: "";
width: 8px;
height: 8px;
border-top: 2px solid #c22d2d;
border-right: 2px solid #c22d2d;
transition: .3s ease;
}

.customProductSwiper .cps-next::before {
transform: rotate(45deg);
}

.customProductSwiper .cps-prev::before {
transform: rotate(-135deg);
}

/* Hover */
.customProductSwiper .cps-prev:hover,
.customProductSwiper .cps-next:hover {
background: #c22d2d;
transform: translateY(-50%) scale(1.15);
}
.customProductSwiper .cps-prev:hover::before,
.customProductSwiper .cps-next:hover::before {
border-color: #fff;
}

.homeProductSwiper .swiper-slide {
width: 16.66%;  /* 6 items large screen */
}

.custom-product-inner {
padding: 100px 0;
}

.inner-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.product-inner-row {
display: flex;
gap: 60px;
align-items: center;
}

/* LEFT IMAGE */
.product-inner-image {
flex: 1;
}

.product-inner-image img {
width: 100%;
border-radius: 12px;
}

/* RIGHT CONTENT */
.product-inner-content {
flex: 1;
}

.product-inner-title {
font-size: 32px;
margin-bottom: 20px;
}

.product-inner-description {
line-height: 1.6;
}

.dynamic-split-section {
padding: 100px 0;
}

.split-row {
display: flex;
align-items: center;
max-width: 1200px;
margin: 0 auto 80px;
gap: 60px;
}

/* Image side */
.split-image {
flex: 1;
min-height: 400px;
background-size: cover;
background-position: center;
border-radius: 12px;
}

/* Content side */
.split-content {
flex: 1;
}

.split-content h2 {
font-size: 34px;
margin-bottom: 15px;
}

.split-content p {
margin-bottom: 20px;
line-height: 1.6;
}

.split-btn {
background: #c22d2d;
padding: 10px 20px;
color: #fff;
text-decoration: none;
display: inline-block;
transition: .3s ease;
}

.split-btn:hover {
background: #000;
}
.com-info-sec p {
color: #fff;
}
.clean-gallery-grid {
display: grid;
gap: 20px;
}

.clean-gallery-grid.columns-3 {
grid-template-columns: repeat(3, 1fr);
}

.clean-gallery-grid.columns-2 {
grid-template-columns: repeat(2, 1fr);
}

.clean-gallery-grid.columns-4 {
grid-template-columns: repeat(4, 1fr);
}

.clean-gallery-grid img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.contact-sec .atf-contact-icon {
background: #c22d2d;
}
.ct-video-wrapper {
width: 100%;
height: 370px;
position: relative;
overflow: hidden;
}

.ct-bg-video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;   /* ✅ makes it behave like background-size: cover */
transform: translate(-50%, -50%);
}

/* ===============================
Gallry page css
=============================== */

.ct-gallery-item  img.swiper-slide-image {
width: 340px;
height: 370px;
border-radius: 12px;
overflow: hidden;
position: relative;
}
/* ===============================
blog listing page css
=============================== */

.ct-blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}

.ct-blog-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
}

.ct-blog-img img {
width: 100%;
height: 220px;
object-fit: cover;
}

.ct-blog-content {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}

.ct-blog-content h3 {
font-size: 18px;
margin-bottom: 10px;
}

.ct-blog-content p {
font-size: 14px;
margin-bottom: 15px;
}

.ct-blog-meta {
margin-top: auto;
display: flex;
justify-content: space-between;
font-size: 13px;
}

.ct-blog-meta a {
color: #e63946;
text-decoration: none;
font-weight: 600;
}
.ct-blog-pagination {
margin-top: 40px;
text-align: center;
}

.ct-blog-pagination .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 8px 14px;
background: #f4f4f4;
border-radius: 4px;
text-decoration: none;
color: #333;
}

.ct-blog-pagination .current {
background: #e63946;
color: #fff;
}

.ct-blog-pagination .page-numbers:hover {
background: #e63946;
color: #fff;
}
/* ===============================
FAQ SECTION
================================ */

.ct-faq-section {
background: #f5f6f8;
padding: 100px 20px;
margin-top: 80px;
}

.ct-faq-container {
max-width: 1320px;
margin: 0 auto;
}

.ct-faq-title {
text-align: center;
font-size: 38px;
font-weight: 700;
margin-bottom: 70px;
}

/* Two Column Layout */
.ct-faq-columns {
display: flex;
gap: 50px;
}

/* Sticky left column */
.ct-faq-col:first-child {
position: sticky;
top: 100px;
}

/* Cards */
.ct-faq-card {
background: #fff;
border-radius: 12px;
padding: 22px 28px;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
margin-bottom: 30px;
transition: 0.3s ease;
}

/* Question */
.ct-faq-question {
width: 100%;
border: none;
background: none;
text-align: left;
font-size: 18px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}

/* Toggle Icon */
.ct-faq-toggle {
width: 32px;
height: 32px;
background: #d32f2f;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 18px;
transition: transform 0.3s ease, background 0.3s ease;
}

.ct-faq-toggle::before {
content: "+";
}

.ct-faq-card.active .ct-faq-toggle::before {
content: "−";
}

.ct-faq-card.active .ct-faq-toggle {
background: #000;
transform: rotate(180deg);
}

/* Answer - smooth slide */
.ct-faq-answer {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease, opacity 0.3s ease;
opacity: 0;
}

.ct-faq-card.active .ct-faq-answer {
opacity: 1;
margin-top: 18px;
}

/* LEFT IMAGE */
.left-column img {
width: 100%;
border-radius: 4px;
}

/* RIGHT SIDE (NO WHITE BACKGROUND) */
.right-column {
    flex: 1;
}

/* HEADING */
.right-column h2 {
font-size: 36px;
font-weight: 700;
color: #1f2b46;
margin-bottom: 40px;
}

/* SPEC ROW */
.spec-row {
display: flex;
}

/* FEATURE COLUMN */
.feature {
width: 40%;
font-weight: 600;
color: #2c2c2c;
}

/* SPEC COLUMN */
.spec {
width: 60%;
color: #555;
line-height: 1.8;
}

.machine-img-sec .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.machine-img-sec img {
    max-height: 550px; /* limit height */
    width: 100%;
    height: auto;      /* keep ratio */
}
.machine-img-sec .swiper,
.machine-img-sec .swiper-wrapper,
.machine-img-sec .swiper-slide {
    height: auto !important;
}

.machine-img-sec img {
    width: 100%;
    height: auto !important;
    display: block;
}
.machine-img-sec .elementor-widget-image {
    line-height: 0;
}

.cnc-comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 20px 0;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
}

.cnc-comparison-table th,
.cnc-comparison-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.cnc-comparison-table th {
  background-color: #1e3a8a;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.cnc-comparison-table tr:hover {
  background-color: #f9fafb;
}

.cnc-comparison-table tr:last-child td {
  border-bottom: none;
}

/* ✅ Responsive Design */
@media (max-width: 768px) {
  .cnc-comparison-table thead {
    display: none;
  }

  .cnc-comparison-table,
  .cnc-comparison-table tbody,
  .cnc-comparison-table tr,
  .cnc-comparison-table td {
    display: block;
    width: 100%;
  }

  .cnc-comparison-table tr {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px;
  }

  /* .cnc-comparison-table td {
    text-align: left;
    position: relative;
    border: none;
    border-bottom: 1px solid #eee;
  } */

  .cnc-comparison-table td:last-child {
    border-bottom: none;
  }

  .cnc-comparison-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: 45%;
    text-align: left;
    font-weight: 600;
    color: #333;
  }
}
.about-info svg.about_round_text {
    display: none;
}
.about-info .experience-counter.rounded.p-3.shadow.d-flex.align-item-center.gap-3 {
    display: none !important;
}
/* ===============================
RESPONSIVE css
=============================== */

@media (max-width: 1400px) {
.homeProductSwiper .swiper-slide {
width: 20%;
}
}

@media (max-width: 1200px) {
.homeProductSwiper .swiper-slide {
width: 25%;
}
.ct-faq-columns {
gap: 30px;
}

.ct-faq-title {
font-size: 32px;
}
}


@media (max-width: 1024px) {

#mega-products-panel {
display: none !important;
}

.mega-trigger > a {
pointer-events: auto;
}

.atf-site-logo img {
max-width: 100%;
height: auto;
}
.ct-blog-grid {
grid-template-columns: repeat(2, 1fr);
}

.ct-blog-img img {
height: 220px;
}

}


@media (max-width: 992px) {
.homeProductSwiper .swiper-slide {
width: 33.33%;
}
.custom-container {
max-width: 90%;
}

.customProductSwiper .swiper-slide {
width: 50%;            /* ✅ 2 slides */
transform: scale(0.8);
opacity: 0.6;
}

.customProductSwiper .swiper-slide-active {
transform: scale(1);
opacity: 1;
}
.custom-prev {
left: 10px;
}

.custom-next {
right: 10px;
}
.ct-faq-grid {
grid-template-columns: 1fr;
}
.product-inner-row {
flex-direction: column;
}
.ct-faq-columns {
flex-direction: column;
}

.ct-faq-col:first-child {
position: relative;
top: 0;
}
.ct-faq-columns {
flex-direction: column;
}

/* Remove sticky on tablet */
.ct-faq-col:first-child {
position: relative;
top: 0;
}

.ct-faq-card {
padding: 20px;
}

.spec-row {
flex-direction: column;
}

.feature,
.spec {
width: 100%;
}

.feature {
margin-bottom: 5px;
}
}

@media (max-width: 768px) {
.homeProductSwiper .swiper-slide {
width: 33.33%;
}
.custom-product-title {
font-size: 16px;
}
.custom-product-section {
padding: 80px 0;
}

.customProductSwiper .swiper-slide {
width: 100%;           /* ✅ 1 slide */
transform: scale(0.9);
opacity: 1;
}

.customProductSwiper .swiper-slide-prev,
.customProductSwiper .swiper-slide-next {
transform: scale(0.9);
opacity: 1;
}

.customProductSwiper .swiper-slide-active {
transform: scale(1);
opacity: 1;
}

.custom-product-card {
padding: 20px;
}

.custom-product-title {
font-size: 16px;
}
.custom-prev {
left: 10px;
}

.custom-next {
right: 10px;
}
.ct-blog-wrapper {
padding: 40px 0;
}

.ct-blog-img img {
height: 200px;
}

.ct-blog-content {
padding: 18px;
}

.ct-blog-content h3 {
font-size: 16px;
}

.ct-blog-content p {
font-size: 13px;
min-height: 60px;
}
.ct-single-wrapper {
padding: 40px 15px;
}

.ct-single-title {
font-size: 24px;
}

.ct-single-content {
font-size: 15px;
}
  .machine-img-sec img {
        width: 400px !important;
        height: 400px !important;
        max-width: 100%;   /* prevents overflow */
        object-fit: cover; /* prevents distortion */
        margin: 0 auto;
        display: block;
    }

}
@media (max-width: 600px) {

.ct-faq-section {
padding: 70px 15px;
}

.ct-faq-title {
font-size: 26px;
margin-bottom: 40px;
}

.ct-faq-question {
font-size: 16px;
}

.ct-faq-toggle {
width: 28px;
height: 28px;
font-size: 16px;
}

.ct-faq-answer {
font-size: 14px;
}

}

@media (max-width: 480px) {
.homeProductSwiper .swiper-slide {
width: 50%;
}
.custom-product-section {
padding: 60px 0;
}

.custom-product-card {
padding: 15px;
}

.custom-product-title {
font-size: 15px;
}
.ct-blog-grid {
grid-template-columns: 1fr;
gap: 20px;
}

.ct-blog-img img {
height: 180px;
}

.ct-blog-content {
padding: 15px;
}

.ct-blog-content h3 {
font-size: 15px;
min-height: auto;
}

.ct-blog-content p {
-webkit-line-clamp: 2;
min-height: auto;
}

.ct-blog-meta {
font-size: 12px;
}
}