/* about us */

        /* Base font sizes for desktop */

        body {

            font-size: 16px;

            line-height: 1.6;

        }

        h1 {

            font-size: 36px;

        }

        h2 {

            font-size: 28px;

        }

        h3 {

            font-size: 22px;

        }

        p, .text, .bold-text {

            font-size: 14px;

        }



        /* Mobile adjustments */

        @media (max-width: 767px) {

            body {

                font-size: 10px;

                line-height: 1.5;

            }

            h1 {

                font-size: 24px;

            }

            h2 {

                font-size: 20px;

            }

            h3 {

                font-size: 18px;

            }

            p, .text, .bold-text {

                font-size: 10px;

            }

            .testimonial-block-six .text {

                font-size: 13px !important;

            }

        }

  

  .text {

    font-size: 14px;

    line-height: 1.5;

    overflow-wrap: break-word;

    word-break: break-word;

  }



  /* For smaller screens, reduce font size */

  @media only screen and (max-width: 600px) {

    .text {

      font-size: 12px;  /* Smaller font on mobiles */

    }

  }

.short-para {

  font-size: 14px;

  line-height: 1.5;

  word-wrap: break-word;

  word-break: break-word;

}



/* Mobile responsive font size */

@media screen and (max-width: 768px) {

  .short-para {

    font-size: 12px;  /* smaller font on mobiles */

  }

}





  

  

  /* header */

        @media (max-width: 768px) {

            .header-upper-two {

                flex-direction: column;

                align-items: center;

            }

            .search-box-outer {

                width: 100%;

                margin: 10px 0;

            }

            .logo img {

                width: 150px; /* Adjust logo size for mobile */

            }

        }



    /* Ensure mega-menu shows correctly on mobile */

    .has-mega-menu.open .mega-menu {

      display: block !important;

    }

    .mega-menu {

      display: none;

      position: static;

    }

    @media (max-width: 768px) {

      .mega-menu {

        padding: 10px;

        background: #fff;

        border: 1px solid #ddd;

      }

    }

  





/* video slider */

.video-slider-section {

  position: relative;

  margin-bottom: 80px;

  overflow: visible;

}



.bottom-curve {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 80px;

  background: url('images/curve.png') no-repeat center bottom;

  background-size: cover;

  z-index: 2;

}



@media (max-width: 768px) {

  .video-slider-section {

    margin-bottom: 50px;

  }



  .bottom-curve {

    height: 50px;

    background-size: contain;

  }



  .video-slider-section h1 {

    font-size: 28px;

  }

}





/* index */

.about-section {

  padding: 50px 0;

  background: #f7f7f7;

}



.sec-title h2 {

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 10px;

}



.separator {

  width: 60px;

  height: 4px;

  background: #d4af37;

  margin-bottom: 20px;

}



.bold-text {

  font-weight: bold;

  font-size: 18px;

  margin-bottom: 15px;

}



.about-block li {

  list-style: none;

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.about-block .icon {

  margin-right: 10px;

}



/* .testimonial-block-three {

  background:;

  padding: 20px;

  border-radius: 10px;

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

  text-align: center;

} */



.testimonial-block-three h2 {

  font-size: 22px;

  margin-bottom: 10px;

}



.owl-nav .owl-prev,

.owl-nav .owl-next {

  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  background: #007bff;

  color: #fff;

  padding: 10px;

  border-radius: 50%;

}



.owl-nav .owl-prev {

  left: -25px;

}



.owl-nav .owl-next {

  right: -25px;

}



.owl-nav .fa {

  font-size: 16px;

}



@media (max-width: 768px) {

  .row {

    flex-direction: column;

  }

}



/* story about */

  @media screen and (max-width: 768px) {

    .about-section .row {

      flex-direction: column;

    }



    .about-block {

      flex-wrap: wrap !important;

      gap: 15px !important;

      justify-content: flex-start !important;

    }



    .about-block li {

      flex: 1 1 100% !important;

      min-width: 100% !important;

    }



    .carousel-column {

      max-width: 100% !important;

      min-width: 100% !important;

    }



    .content-column {

      min-width: 100% !important;

    }

  }







/* index form */



  .partner-form-wrapper {

    background: whitesmoke;

    padding: 20px;

    border-radius: 15px;

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

  }



  .partner-form {

    display: flex;

    flex-direction: column;

    gap: 15px;

    font-family: Arial, sans-serif;

  }



  .partner-field label {

    display: block;

    font-weight: bold;

    margin-bottom: 5px;

    color: #000;

  }



  .partner-field input,

  .partner-field select,

  .partner-field textarea {

    width: 100%;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 8px;

    font-size: 14px;

  }



  .partner-phone {

    display: flex;

    align-items: center;

    gap: 8px;

  }

    @media (max-width: 768px) {
      .author-inner {
        text-align: center !important;
        padding-right: 150px !important;
      }

      .vision-box {
        padding: 20px !important;
      }

      .mission-box{
        margin-top: 50px;
        padding: 20px !important;
      }
    }



  .partner-field button {

    background-color: #143653;

    width: 520px;

    color: white;

    font-weight: bold;

    border: none;

    cursor: pointer;

    border-radius: 8px;

    padding: 10px 15px;

    transition: background 0.3s;

  }



  .partner-field button:hover {

    background-color:rgb(9, 36, 42);

  }







/* Gallary */

.square-btn {

    width: 200px; /* Increased width */

    height: 60px;

    border-radius: 15px;

    border: none;

    background-color: #2E8B57;

    color: white;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    transition: all 0.3s ease-in-out;

}



.square-btn:hover {

    background-color: #1f6b42;

    transform: scale(1.1);

}



.fade-zoom {

    opacity: 1;

    transform: scale(1); 

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

}



.fade-zoom:hover {

    opacity: 0.5; 

    transform: scale(1.05);

}







/* our products */

.category-section {

  /* Use Bootstrap row and column system instead of flex */

  gap: 20px;

  padding: 30px 0;

}



/* Add spacing between rows */

.category-section .col-md-3 {

  margin-bottom: 40px; /* Adjust this value as needed for vertical space */

}



.category-card {

  display: block;

  width: 100%;

  height: 400px;

  border-radius: 20px;

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

  cursor: pointer;

  transition: all 0.4s ease;

  position: relative;

  overflow: hidden;

  text-decoration: none;

}



.category-image {

  position: relative;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  border-radius: 20px;

}



/* Dark overlay on image */

.category-image::before {

  content: '';

  position: absolute;

  inset: 0;

  background-color: rgba(91, 84, 84, 0.5); /* Semi-transparent black */

  z-index: 1;

  border-radius: 20px;

}



/* Category name in center */

.category-name-overlay {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  /* background-color: rgba(0, 0, 0, 0.5); */

  color: white;

  padding: 15px;

  font-size: 20px;

  font-weight: bold;

  text-align: center;

  border-radius: 5px;

  z-index: 2;

  white-space: nowrap;

}



/* about */

.testimonial-block-six .text {

    font-size: 16px;

    line-height: 1.6;

    word-wrap: break-word;

}



@media (max-width: 767px) {

    .testimonial-block-six .text {

        font-size: 15px;

    }



    .testimonial-block-six .author-box h3,

    .testimonial-block-six .designation {

        font-size: 16px;

        text-align: center;

    }



    .carousel-box {

        padding: 10px;

    }



    .image-column {

        padding: 0 15px;

    }



    .image img {

        width: 100%;

        height: auto;

    }

}





/* search on index */

  .guidance-section {

    background-color: #f9f9f9;

    padding: 60px 20px;

  }



  .guidance-img {

    max-width: 100%;

    height: auto;

    width: 250px;

  }



  .text-content h2 {

    font-size: 28px;

    font-weight: bold;

    color: black;

    margin-bottom: 15px;

  }



  .text-content p {

    font-size: 16px;

    color: #555;

    margin-bottom: 25px;

  }



  .find-product-button {

    background-color: #d4af37;

    color: #fff;

    padding: 12px 24px;

    border: none;

    border-radius: 6px;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

    transition: background-color 0.3s ease;

  }



  .find-product-button:hover {

    background-color: #d4af37;

  }



  .find-product-button .arrow {

    font-size: 20px;

    margin-left: 10px;

  }



  @media (max-width: 767px) {

    .text-content {

      text-align: center;

      padding: 0px;

    }



    .guidance-img {

      width: 180px;

    }

  }





/* request a quate */

  .quote-section {

    position: relative;

    background-size: cover;

    background-position: center;

    padding: 50px 20px;

  }



  .quote-box {

    background: transparent; /* Semi-transparent white */

    padding: 30px;

    border-radius: 10px;

  }



  .icons-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    height: 100%;

  }



  .icon-box {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

  }



  .icon-box img {

    width: 50px;

    height: 50px;

    margin-bottom: 10px;

  }



  .icon-box p {

    font-size: 14px;

    font-weight: bold;

    margin: 0;

  }







/* Contact Form Styles */

.contact-area {

background: #f9f9f9;

padding: 80px 0;

font-family: 'Segoe UI', sans-serif;

}



.section-title h2 {

font-size: 36px;

font-weight: 600;

text-align: center;

margin-bottom: 40px;

color: #222;

}



.con1001 {

background: #fff;

padding: 40px;

border-radius: 12px;

box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);

}



.form-group {

margin-bottom: 25px;

}



.form-control {

border: 1px solid #ddd;

border-radius: 8px;

padding: 15px 20px;

height: 55px;

font-size: 16px;

transition: all 0.3s ease-in-out;

}



textarea.form-control {

height: auto;

resize: none;

}



.form-control:focus {

border-color: #007bff;

box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);

outline: none;

}



button.common-btn {

width: 100%;

background-color:rgb(6, 20, 35);

color: white;

padding: 18px 30px;

font-size: 18px;

border: none;

border-radius: 10px;

transition: all 0.3s ease-in-out;

}



button.common-btn:hover {

background-color:rgb(8, 21, 35);

transform: translateY(-2px);

}



@media (max-width: 768px) {

.form-control {

font-size: 15px;

}



.section-title h2 {

font-size: 28px;

}

}



/* search box */

/* Background */

.custom-bg {

  background-color: #f4efea;

}



/* Search Title */

.search-bar {

  position: relative;

  border: 2px solid #007bff;

  border-radius: 6px;

  display: flex;

  align-items: center;

  background: #fff;

  padding: 0 12px;

  width: 600px;

  height: 55px;

}



.search-icon {

  font-size: 20px;

  margin-right: 10px;

  color: #230033;

}



.mic-icon {

  font-size: 20px;

  margin-left: 10px;

  color: #230033;

}



.custom-input {

  flex: 1;

  border: none;

  outline: none;

  font-size: 16px;

  padding: 0;

  background: transparent;

  color: #230033;

}



.custom-input::placeholder {

  color: #999;

  font-style: italic;

}



.gradient-btn {

  background-color: #ffffff; /* White background */

  color: #230033;            /* Text color */

  padding: 12px 30px;

  font-weight: 600;

  border: 2px solid #230033; /* Optional border */

  border-radius: 6px;

  transition: all 0.2s ease-in-out;

}



.gradient-btn:hover {

  background-color: #040f28;

  color: #ffffff;

}



      /* Back to Top Button Style */

      #backToTopBtn {

          display: none;

          position: fixed;

          bottom: 40px;

          right: 30px;

          z-index: 99;

          font-size: 18px;

          border: none;

          outline: none;

          background-color: #0a1b3e;

          color: white;

          cursor: pointer;

          padding: 12px 16px;

          border-radius: 50%;

          transition: 0.3s;

      }



      #backToTopBtn:hover {

          background-color: #555;

      }

    



/* bottoom curve */

  .bottom-curve {

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 150px;

    background: white;

    border-top-left-radius: 50% 100%;

    border-top-right-radius: 50% 100%;

    z-index: 3;

  }


 @media (max-width: 768px) {
      .search-bar {
        width: 100%;
      }
}


  @media (max-width: 767px) {

    .bottom-curve {

      display: none;

    }

  }







/* Responsive media query for mega menu */

@media (max-width: 768px) {

  .has-mega-menu .mega-menu {

    display: none !important;

    position: static !important;

    width: 100% !important;

    background: #fff;

    box-shadow: none !important;

  }



  .has-mega-menu.open > .mega-menu {

    display: block !important;

  }



  /* Make PRODUCT link and arrow inline-flex for toggling */

  .has-mega-menu > a {

    display: flex;

    justify-content: space-between;

    align-items: center;

  }



  .dropdown-btn {

    cursor: pointer;

    padding-left: 10px;

    font-size: 18px;

    color: #000;

    display: flex;

    align-items: center;

  }



  /* Rotate arrow when open */

  .has-mega-menu.open > a > .dropdown-btn > span {

    transform: rotate(180deg);

    transition: transform 0.3s ease;

  }

}







/* Make table container horizontally scrollable */

.table-responsive {

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */

}



/* Responsive tweaks for small devices */

@media (max-width: 768px) {

  /* Reduce font size inside table */

  .product-detail table,

  .product-detail th,

  .product-detail td {

    font-size: 13px;

  }

  .product-detail h4 {

    font-size: 14px;

  }



  /* Reduce padding in table cells */

  .product-detail th,

  .product-detail td {

    padding: 8px 6px;

  }



  /* Smaller buttons */

  .btn.btn-primary.btn-sm {

    font-size: 12px;

    padding: 5px 10px;

  }

}



@media (max-width: 480px) {

  /* Further reduce font size on very small screens */

  .product-detail table,

  .product-detail th,

  .product-detail td {

    font-size: 11px;

  }

  .product-detail h4 {

    font-size: 12px;

  }



  /* Even smaller padding */

  .product-detail th,

  .product-detail td {

    padding: 6px 4px;

  }



  /* Button tweaks */

  .btn.btn-primary.btn-sm {

    font-size: 11px;

    padding: 4px 8px;

  }

}