/* Custom theme variables */
    :root {
      --bs-primary: #ee7c23;
      --bs-primary-rgb: 238, 124, 35;
      --bs-secondary: #2cbf6f;
      --bs-dark: #000000;
      --bs-light: #f8f9fa;
    }
    
    /* Override Bootstrap primary color */
    .btn-primary {
      --bs-btn-bg: #ee7c23;
      --bs-btn-border-color: #ee7c23;
      --bs-btn-hover-bg: #d66a1a;
      --bs-btn-hover-border-color: #d66a1a;
      --bs-btn-active-bg: #d66a1a;
      --bs-btn-active-border-color: #d66a1a;
    }
    
    .btn-outline-primary {
      --bs-btn-color: #ee7c23;
      --bs-btn-border-color: #ee7c23;
      --bs-btn-hover-bg: #ee7c23;
      --bs-btn-hover-border-color: #ee7c23;
    }
    
    .text-primary { color: #ee7c23 !important; }
    .bg-primary { background-color: #ee7c23 !important; }
    .border-primary { border-color: #ee7c23 !important; }
    
    body {
      font-family: 'Roboto', Arial, sans-serif;
      line-height: 1.6;
    }
    
    /* Hero Section */
    .hero-section {
      background:url('./assets/images/img_1_1.png') right center/cover;
      min-height: 650px;
      color: white;
    }
    
    .hero-title {
      font-weight: 700;
      line-height: 1.2;
    }
    
    .highlight-orange { color: #ee7c23; }
    .highlight-green { 
      color: #2cbf6f; 
      text-transform: uppercase; 
    }
    
    /* Custom buttons */
    .cta-button {
      background-color: #ee7c23;
      border: none;
      border-radius: 36px;
      font-weight: 700;
      padding: 16px 32px;
      transition: all 0.3s ease;
    }
    
    .cta-button:hover {
      background-color: #d66a1a;
      transform: translateY(-2px);
    }
    
    /* Feature cards */
    .feature-card {
      background-color: #f9e0cc;
      transition: transform 0.3s ease;
    }
    
    .feature-card:hover {
      transform: translateY(-5px);
    }
    
    .feature-title {
background-color: #ffcc7d;
    padding: 9px 20px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    }
    
    .feature-list li {
      background-color: #808184;
      border-radius: 28px;
      padding: 10px 20px;
      margin-bottom: 10px;
    }
    
    /* Product cards */
    .product-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border-radius: 15px;
    }
    
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    
    /* Comparison table */
    .comparison-table .table th:first-child {
      background-color: #e77512 !important;
    }
    
    .comparison-table .table th:last-child {
      background-color: #565657 !important;
    }
    
    /* Testimonials */
    .testimonial-card {
      background: linear-gradient(148deg, #ffd8f6 -45%, #ffffff 50%, #d6e7ff 100%);
      border-radius: 16px;
    }
    
    .testimonial-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #0055a0;
      color: white;
    }
    
    .rating-star {
      color: #ffb300;
    }
    
    /* Stats section */
    .stat-icon {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      position: relative;
    }
    
    .stat-divider {
      width: 1px;
      height: 100px;
      background-color: #d9d9d9;
    }
    
    /* FAQ */
    .faq-question {
      background-color: #f0f0f0;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .faq-question.active {
      background-color: #e77512;
      color: white;
    }
    
    .faq-question:hover:not(.active) {
      background-color: #e0e0e0;
    }
    
    /* Business cards */
    .business-card {
      position: relative;
      width: 200px;
      height: 200px;
      margin: 0 auto;
    }

    .business-image {
      position: relative;
      z-index: 2;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      margin: 10px;
    }
    
    /* Scroll top button */
    .scroll-top {
      position: fixed;
      bottom: 70px;
      right: 30px;
      width: 50px;
      height: 50px;
      background-color: #000000;
      border-radius: 50%;
      border: none;
      color: white;
      cursor: pointer;
      transition: all 0.3s ease;
      z-index: 1000;
    }
    
    .scroll-top:hover {
      background-color: #ee7c23;
      transform: translateY(-5px);
    }
    
    /* Custom section backgrounds */
    .bg-light-gray { background-color: #e5e7eb; }
    .bg-dark-overlay { 
      background: url('./assets/images/map.png') center/cover; 
    }
    .bg-cta { 
      background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                  url('./assets/images/img_rectangle_21.png') center/cover; 
    }
    
    /* Animation classes */
    .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* Mobile responsive adjustments */
    @media (max-width: 768px) {
      .hero-section {
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                    url('./assets/images/img_1_1.png') center/cover;
        text-align: center;
      }
      
      .hero-title {
        font-size: 2rem !important;
      }
      
      .enquiry-form {
        margin-top: 2rem;
      }
      
      .product-slider {
        overflow-x: auto;
      }
      
      .stats-grid .col {
        margin-bottom: 2rem;
      }
        div#enquiry {
    margin-top: 10px;
    height: auto;
  }

  .bg-light-gray {
    margin-top: 40px;
  }

  .offcanvas-body ul.navbar-nav.mb-4 li a {
    color: #ffffff !important;
    border-bottom: solid #fff 1px !important;
    font-weight: 500 !important;
  }

  .offcanvas-body ul.navbar-nav.mb-4 {
    padding: 25px !important;
    background-color: #EE7C23 !important;
  }

  .d-flex.align-items-center.gap-2.mb-3 a,
  .d-flex.align-items-center.gap-2 a {
    text-decoration: none !important;
    color: #000 !important;
  }
  div#enquiry {
    margin-top: 10px !important;
    
}
  .product-card .row {
    flex-wrap: nowrap !important; /* Prevent stacking */
  }

  .product-card .col-sm-6 {
    flex: 0 0 50%; /* Each column takes 50% width */
    max-width: 50%;
  }

  .product-card .button_border {
    padding-right: 5px; /* optional spacing */
  }
.btn.btn-primary.product_range {
    padding: 5px 50px;
    font-size: 2rem;
}
.badge.bg-secondary.p-2.d-flex.align-items-center.gap-2.w-100{
  font-size: 1rem !important;
}
h2.quick {
    font-size: 1.625rem;
    margin-bottom: 25px !important;
}

    }

    img.down.mt-4 {
    margin-left: 10px ;
}
img.right.mt-4{
     margin-right: 10px ;
}
.list_tuch_screen ul {
    margin-top: 25px;
}
ul.list-unstyled li {
    padding-bottom: 7px;
}

span.text-white {
    color: black !important;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
  }

     div#enquiry {
       margin-top: -104px;
    padding: 30px;
    background: #E5E7EB;
    height: 100%;
}
.social_link a {
    text-decoration: none;
    color: #000;
}
.perfect_roti h2 {
    font-size: 2.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.125rem;
}
p.lead {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}
    .product_range {
    background-color: #000;
    border: none;
    border-radius: 10px;
    padding: 10px 90px;
    transition: all 0.3s ease;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.125rem;
}
h2.benefits_features.text-center.mb-3 {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem;
}
p.text-primary.text-center.mb-3 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem;
}
button.btn.btn-primary.cta-button {
    display: inline-flex;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 2.125rem;

}
tr.bg-primary.table_text th {
    color: #fff !important;
}
th.p-3.text-center.sec_benifits {
    background-color: #e77512;
}
tr.bg-primary.table_text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.125rem;
}
table.table.border.rounded td {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}
.table-responsive.comparison-table {
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);
}
td.p-3.feature_back {
    background: #D9D9D9;
}
p.text-primary.text-center.mb-4 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
}
h2.business_roti.text-center.mb-3 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.125rem;
}
h6.text-center.mt-3.businesses_text {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
}
p.text-primary.mb-3.crafting_text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
}
.item p.mb-0.small {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    margin-top: 20px;
    justify-self: center;
    color: #000;
}


/* Hide default text inside buttons */
.owl-prev span,
.owl-next span {
    display: none;
}

/* Style for the previous button */

/* Insert the SVG inside the prev button */
.owl-prev::before {
    content: "";
    display: block;
    width: 25px;
    height: 46px;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'><path d='M23 2L2 23' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/><path d='M2 23L23 44' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Style for the next button */

/* Insert the SVG inside the next button */
.owl-next::before {
    content: "";
    display: block;
    width: 25px;
    height: 47px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'><path d='M23 2L2 23' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/><path d='M2 23L23 44' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
     transform: scaleX(-1); /* flip horizontally for right arrow */
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.altraf_garana {
    margin-top: -40px;
}
.request p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 2.125rem;
}
.row.CTA_section_text {
    align-items: center;
}
button.accordion-button.fw-bold {
    background: #F0F0F0;
}
/* Target the active accordion button */
.accordion-button:not(.collapsed) {
    background-color: #E77512 !important;
    color: white !important;
    border: none;
}

.accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed) {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.card.bg-white.p-3.mb-4.googal.fade-in.visible {
    width: 80%;
    margin-left: 75px;
}
.feature-title.mb-3.tuch_screen {
    padding: 9px 35px;
}
.d-flex.mb-2.screen {
    justify-content: center;
}
button.scroll-top {
    display: block !important;
}
.location_map {
    background: #000;
    width: 60%;
    padding: 11px;
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.map_link a {
    text-decoration: none;
}



 .offcanvas-end {
      width: 250px;
    }
    .offcanvas-body .nav-link {
      color: #333;
      font-weight: 500;
    }
    .offcanvas-body .nav-link:hover {
      color: #007bff;
    }
    .offcanvas-body {
      padding-top: 20px;
    }

.d-flex.align-items-center.gap-2.mb-3 a,.d-flex.align-items-center.gap-2.mb-4 a {
    text-decoration: none;
    color: #000 !important;
}
p.mb-0 a {
    text-decoration: none;
    color: #000;
}
ul.navbar-nav.d-flex.flex-row.justify-content-center li a {
    color: #000;
}
.navbar-toggler:focus {
    box-shadow: none;
}
html, body {
    overflow-x: hidden;
}
.accordion-item {
    margin-bottom: 20px;
}
p.lead.top_lead.mb-4 {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
}
td.p-3.other_machines {
    background-color: #F5F5F5;
}
table.table.border.rounded {
    margin-bottom: 0px;
}



span.badge.bg-white.text-dark.p-2.shadow {
    border-radius: 0px;
}
.title_top {
    margin-left: 0px !important;
}
.right_tit {
    margin-right: 0px !important;
}


/* Keep the arrow on the right and make it orange (#E77512) */
.accordion-button::after {
    flex-shrink: 0; /* keeps arrow from shrinking */
    width: 1.25rem; /* adjust arrow size */
    height: 1.25rem;
    margin-left: auto; /* ensures arrow stays on the right */
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23E77512' viewBox='0 0 16 16'><path 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'/></svg>");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out; /* smooth rotation */
    transform: rotate(270deg) !important; 
}

/* Rotate arrow when accordion is active/open */
.accordion-button.collapsed::after {
    transform: rotate(0deg); /* collapsed state */
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path 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'/></svg>") !important;
    transform: rotate(0deg) !important;
}


/* Remove default icon */
.carousel-control-next-icon {
    background-image: none !important;
}

/* Add custom arrow using ::after */
.carousel-control-next::after {
    content: "";
    display: block;
    width: 25px;
    height: 46px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'><path d='M23 2L2 23' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/><path d='M2 23L23 44' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1); /* flips the arrow if needed */
}

/* Remove default previous icon */
.carousel-control-prev-icon {
    background-image: none !important;
}

/* Add custom arrow using ::after on the button */
.carousel-control-prev::after {
    content: "";
    display: block;
    width: 25px;
    height: 46px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'><path d='M23 2L2 23' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/><path d='M2 23L23 44' stroke='%23EE7C23' stroke-width='3' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    /* Flip the arrow for previous if necessary */
    transform: scaleX(1); /* 1 keeps it pointing left */
}

span.carousel-control-next-icon.bg-primary.rounded-circle.p-3 {
    background: none !important;
}
span.carousel-control-prev-icon.bg-primary.rounded-circle.p-3 {
    background: none !important;
}
/* Position navigation arrows vertically centered and on the sides */
/* Navigation container for slider-one */
.slider-one.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 90%;
    transform: translateY(-50%);
    pointer-events: none;
    left: 30px; /* or adjust as needed */
}

/* Navigation buttons for slider-one */
.slider-one.owl-theme .owl-nav button {
    pointer-events: auto; /* Enable click events */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

/* Hover effect for slider-one buttons */
.slider-one.owl-theme .owl-nav button:hover {
    opacity: 1;
}

/* Left arrow for slider-one */
.slider-one.owl-theme .owl-nav .owl-prev {
    left: -20px; /* Adjust as needed */
}

/* Right arrow for slider-one */
.slider-one.owl-theme .owl-nav .owl-next {
    right: -20px; /* Adjust as needed */
}

/* Specific styling for badge images inside slider-one */
.slider-one .badge.bg-secondary.p-2.d-flex.align-items-center.gap-2.w-100 img {
    width: revert-layer; /* Or set a specific width if needed */
}
button.btn.btn-primary.rounded-pill.px-4 {
    text-align: center;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
}
.badge.bg-secondary.p-2.d-flex.align-items-center.gap-2.w-100 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
}

.sec_section {
    margin-top: -6px;
}
.cta_req {
    justify-self: center;
}
.leading p {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}
span.badge.bg-white.text-dark.p-2.shadow {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}
.left_border {
    border-radius: 0px 6px 6px 0px !important;
}
.slider-two .item {
  padding: 10px;
}
.slider-two .carousel-img {
  width: 150px;
  height: 100px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.whatsapp-sticky {
  position: fixed;
  bottom: 80px;
  left: 20px;
  z-index: 1000;
  /* Optional styles */
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.whatsapp-sticky:hover {
  transform: scale(1.1);
}