:root {

            --bs-primary: #cc0001;

            --bs-secondary: #1a191e;

            --bs-dark: #000000;

            --bs-light: #ffffff;

            --bs-danger: #d80001;

            --bs-success: #28a745;

            --bs-info: #17a2b8;

            --bs-warning: #ffc107;

        }

        

        body {

            font-family: 'Roboto', Arial, sans-serif;

            line-height: 1.6;

            color: #000000;

        }

        

        /* Custom button styles */

        .btn-custom-red {

            background-color: #cc0001;

            border-color: #cc0001;

            color: white;

        }

        

        .btn-custom-red:hover {

            background-color: #b30001;

            border-color: #b30001;

            color: white;

        }

        

        .btn-custom-dark {

            background-color: #1a191e;

            border-color: #1a191e;

            color: white;

        }

        

        .btn-custom-dark:hover {

            background-color: #2a2930;

            border-color: #2a2930;

            color: white;

        }

        

        /* Custom form styles */

        .form-control-custom {

            border: none;

            border-bottom: 1px solid #5c5c5c;

            border-radius: 5px;

            background-color: #faf8f5;

            box-shadow: 0px 4px 4px rgba(0,0,0,0.04);

        }

        

        .form-control-custom::placeholder {

            color: #222222;

            font-weight: 300;

        }

        

        .form-control-custom:focus {

            border-color: #cc0001;

            box-shadow: 0 0 0 0.2rem rgba(204, 0, 1, 0.25);

            background-color: #faf8f5;

        }

        

        /* Hero section background */

        .hero-bg {

            background: linear-gradient(90deg, #1a191e 0%, #0d0c0f 50%, rgba(0,0,0,0.1) 100%);

            background-image: url('./assets/images/banner-background-1.png');

            background-size: cover;

            background-position: left;

            width: 100%;

            height: 660px;

        }

        

        /* Product section custom styles */

        .product-card {

            background-color: #ffffff;

            border-radius: 5px;

            box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

        }

        

        .product-title-bg {

            background-color: #000000;

            color: #ffffff;

            border-radius: 5px;
            display: inline-flex;


        }

        

        .product-title-highlight {

            color: #ff2122;

        }

        

   

 

        

        /* Advantage icons */


        

        

        /* FAQ styles */

        .faq-question {

            background-color: #cc0001;

            color: #ffffff;

            border-radius: 5px 5px 0 0;

            cursor: pointer;

            box-shadow: 0px 3px 4px rgba(0,0,0,0.1);

            transition: all 0.3s ease;

        }

        

        .faq-question.collapsed {

            background-color: #ffffff;

            color: #cc0001;

            border: 1px solid #d9d9d9;

            border-radius: 5px;

        }

        

        .faq-toggle {

            width: 32px;

            height: 32px;

            background-color: #ffffff;

            color: #000000;

            border-radius: 5px;

            font-size: 22px;

        }

        

        .faq-toggle.collapsed {

            background-color: #000000;

            color: #ffffff;

        }

        

        .faq-answer {

            background-color: #eeeeee;

            border-radius: 0 0 5px 5px;

            box-shadow: 0px 3px 4px rgba(0,0,0,0.1);

        }

        

        /* Footer background */

        

        .footer-bg {

            background-image: url('./assets/images/img_footer_bg.png');

            background-size: cover;

            background-position: center;

        }

        

        /* Back to top button */

        .back-to-top {

            position: fixed;

            bottom: 20px;

            right: 20px;

            width: 50px;

            height: 50px;

            background-color: #cc0001;

            border: none;

            border-radius: 50%;

            z-index: 1000;

            transition: all 0.3s ease;

        }

        

        .back-to-top:hover {

            background-color: #b30001;

            transform: translateY(-2px);

        }

        

        /* Divider styles */

        .custom-divider {

            width: 100px;

            height: 4px;

            background-color: #000000;

        }

        

        .custom-divider-dot {

            width: 4px;

            height: 4px;

            background-color: #cc0001;

        }

        

        .custom-divider-center {

            width: 6px;

            height: 6px;

            background-color: #cc0001;

        }

        

        /* Tech and industry sections backgrounds */

        .tech-bg {

            background-color: rgba(246, 246, 246, 0.66);

        }

        

        .industries-bg {

            background-image: url(./assets/images/background-ind.png);

            background-size: cover !important;

            background-position: center !important;

        }

        

        .advantages-bg {

            background-image: url('./assets/images/img_rectangle_34624329.png');

            background-size: cover;

            background-position: center;

        }

        

        .cta-bg {

            background-image: url(./assets/images/transform_back.png);
    background-size: cover;
    background-position: center;

        }

        

        p.lead.text-dark.mb-0 {

    font-size: 1.375rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.75rem;

}



/* css new  */



section.bg-danger.py-5.position-relative {

    margin-top: -114px;

    border-radius: 5px;

}

.fw-semibold{

    font-weight: 600 !important;

    font-size: 1.5rem;

}

.request {

    font-weight: 300;

}

textarea.form-control.form-control-custom {

    width: 100%;

    height: 40px;

}

.row.justify-content-center.Request {

    padding: 30px;

}

.h2, h2 {

        font-size: 2.25rem;

    }

    .h5, h5 {

    font-size: 1.5rem;

}

span.text-white.h5.me-2.build_packing {

    font-size: 1.25rem !important;

}

button.btn.btn-custom-red {

    font-size: 1.25rem;

}

.bg-dark.rounded.d-inline-block {

    padding: 5px 10px;

    text-align: center;

}

.multihead {

    font-size: 2.25rem;

    font-weight: 600;

}

.gram_count {

    font-size: 1.875rem;

    font-weight: 700;

}

h2.product-title-bg.p-3.mb-4.h3.fw-semibold {

    font-size: 2.25rem;

}

h3.h4.fw-bold.fst-italic.text-danger.mb-3 {

    font-size: 1.875rem;

}

h4.h6.fw-semibold.text-danger.mb-3 {

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 600;

    line-height: 1.125rem;

    letter-spacing: 0.0225rem;

}

span.text-white.h5.me-2 {

    font-size: 1.25rem;

}



.bg-white.rounded.d-inline-block {

    padding: 5px 10px;

}.bg-white.rounded.d-inline-block {

    padding: 5px 10px;

}

.application .img {

    width: 20%;

}

button.btn.btn-custom-dark.btn-lg.text-uppercase.fw-semibold{

    font-size: 1.125rem;

font-style: normal;

font-weight: 600;

line-height: 120%; /* 1.35rem */

text-transform: uppercase;

padding: 10px 50px;

}

.icon_round {

    border-right: 3px solid transparent;

    border-image: linear-gradient(to bottom, rgba(204, 0, 1, 0) 0%, #CC0001 50%, rgba(204, 0, 1, 0) 100%) 1;

    padding-right: 10px;

    padding-left: 15px;

}

.text-danger {

    color: #CC0001 !important;

}

.faq-question.collapsed span {

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 500;

    line-height: 1rem;

    letter-spacing: 0.0225rem;

}

.footer_link p a {

    color: #fff;

    text-decoration: none;

}

        /* Animations */

        @keyframes fadeInUp {

            from {

                opacity: 0;

                transform: translateY(30px);

            }

            to {

                opacity: 1;

                transform: translateY(0);

            }

        }

            .display-4 {

        font-size: 3rem;

    }

        .fade-in-up {

            animation: fadeInUp 0.6s ease-out;

        }

        

        /* Responsive adjustments */

        @media (max-width: 767px) {

            .hero-machines {

                display: none !important;

            }

        }



        /* Overlay */

.menu-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0.6);

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  z-index: 1040;

}

.menu-overlay.show {

  opacity: 1;

  visibility: visible;

}



/* Slide menu */

.custom-slide-menu {

  position: fixed;

  top: 0;

  right: -300px;

  width: 260px;

  height: 100%;

  background: #fff;

  box-shadow: -2px 0 10px rgba(0,0,0,0.2);

  padding: 2rem 1rem;

  transition: right 0.3s ease;

  z-index: 1050;

  flex-direction: column;

}

.custom-slide-menu.show {

  right: 0;

}



/* Close button */

.custom-slide-menu .menu-close {

  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 28px;

  background: none;

  border: none;

  color: #333;

}

.mobile a, .email a {

    color: #FFF;

    text-decoration: none;

}

.head_mob a, .head_email a {

    color: #000;

    text-decoration: none;

}

nav.navbar.navbar-expand-lg.navbar-light.p-0.d-none.d-lg-block {

    justify-items: center;

}

.mb-4.footer_link a {

    color: #fff;

    text-decoration: none;

}
/* 
p.text-white.click_text a {
    color: #cc0001 ! important;
    text-decoration: none !important;
} */



/* Mobile menu panel */
.custom-slide-menu {
  position: fixed;
  top: 0;
  right: -100%; /* hidden by default */
  width: 75%;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
  padding: 2rem 1rem;
  transition: right 0.3s ease-in-out;
  z-index: 1050;
}

/* When open */
.custom-slide-menu.show {
  right: 0;
}

/* Menu items */
.custom-slide-menu .nav-link {
  display: block;
  padding: 0.75rem 0;
  font-size: 1rem;
  color: #333;
  border-bottom: 1px solid #eee;
  transition: color 0.2s ease;
}

.custom-slide-menu .nav-link:hover {
  color: #cc0001; /* your brand red */
}

/* Close button */
.custom-slide-menu .menu-close {
  background: none;
  border: none;
  font-size: 2rem;
  color: #333;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}

.btn:hover{
    background-color: none !important;
}
a.pdf_down {
    color: #fff;
    text-decoration: none;
}
a.click_here {
    color: #cc0001;
    text-decoration: none;
}