/* General Body & Font Styling */

body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  margin: 0;



  --heading-color: #111111;

  --heading2-color: #131313;

  --heading3-color: #1f1f1f;

  --light-color: #dedbd9;

  --para-color: #c8c3c3;

  --hover-color: #555555;

  --hover-text: #BFAD9F;

  --box-color: #faf8f8;

  /* --box-color: rgb(250, 248, 248); */





  /* --secondary-color: rgb(200, 198, 198); */

  /* --primary-color: rgb(191, 173, 159); */







}



/***************************** hero section ***********************************************/





/* Large Desktop (1200px and up) */

@media (min-width: 1200px) {

  .hero-slider {

    height: 100vh;

  }



  .nav-arrow {

    width: 60px;

    height: 60px;

    font-size: 2.2rem;

  }

}



/* Desktop (992px to 1199px) */

@media (max-width: 1199px) and (min-width: 992px) {

  .hero-slider {

    height: 90vh;

  }

}



/* Tablet (768px to 991px) */

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

  .hero-slider {

    height: 60vh;

  }



  .slider-nav {

    padding: 0 1.5rem;

  }



  .nav-arrow {

    width: 45px;

    height: 45px;

    font-size: 1.8rem;

  }



  .dot {

    width: 10px;

    height: 10px;

  }



  .slider-dots {

    bottom: 20px;

  }

}



/* Mobile Large (576px to 767px) */

@media (max-width: 767px) and (min-width: 576px) {

  .hero-slider {

    height: 60vh;

    max-height: 450px;

  }



  .slider-nav {

    padding: 0 1rem;

  }



  .nav-arrow {

    width: 40px;

    height: 40px;

    font-size: 1.5rem;

  }



  .slide-content {

    padding: 15px;

  }



  .dot {

    width: 8px;

    height: 8px;

  }



  .slider-dots {

    bottom: 15px;

    gap: 6px;

  }

}



/* Mobile (400px to 575px) - Your specified 400x400 size */

@media (max-width: 575px) and (min-width: 400px) {

  .hero-slider {

    width: 100vw;

    height: 400px !important;

    max-height: 400px;

  }



  .slider-nav {

    padding: 0 0.5rem;

    top: 50%;

  }



  .nav-arrow {

    width: 35px;

    height: 35px;

    font-size: 1.2rem;

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

    border: 1px solid rgba(255, 255, 255, 0.4);

  }



  .nav-arrow:hover {

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

  }



  .slide-content {

    padding: 10px;

    max-width: 350px;

  }



  .dot {

    width: 6px;

    height: 6px;

  }



  .slider-dots {

    bottom: 10px;

    gap: 4px;

  }

}



/* Mobile Small (below 400px) */

@media (max-width: 399px) {

  .hero-slider {

    width: 100vw;

    height: 400px !important;

    max-height: 400px;

  }



  .slider-nav {

    padding: 0 0.25rem;

  }



  .nav-arrow {

    width: 30px;

    height: 30px;

    font-size: 1rem;

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

    border: 1px solid rgba(255, 255, 255, 0.5);

  }



  .slide-content {

    padding: 8px;

    max-width: 300px;

  }



  .slide-content h3 {

    font-size: 1.8rem;

  }



  .dot {

    width: 5px;

    height: 5px;

  }



  .slider-dots {

    bottom: 8px;

    gap: 3px;

  }

}



/* Touch Optimizations for Mobile */

@media (hover: none) and (pointer: coarse) {

  .nav-arrow {

    width: 44px;

    height: 44px;

    min-width: 44px;

    min-height: 44px;

  }



  .dot {

    min-width: 44px;

    min-height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .dot::after {

    content: '';

    width: 8px;

    height: 8px;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 50%;

    transition: all 0.3s ease;

  }



  .dot.active::after {

    background-color: var(--text-color);

    transform: scale(1.2);

  }

}



/* Performance Optimizations */

.slide {

  will-change: opacity;

}



.nav-arrow {

  will-change: transform, background-color;

}



.dot {

  will-change: transform, background-color;

}





/* about us section********************************************************************** */


/* ========================
   RESPONSIVE MEDIA QUERIES
   ======================== */

/* 1400px and below */
@media (max-width: 1400px) {
  .about-container {
    gap: 1.5rem;
  }

  .about-content h1 {
    font-size: 1.9rem;
  }

  .about-content p {
    font-size: 1.05rem;
  }
}

/* 1210px and below */
@media (max-width: 1210px) {
  .about-container {
    flex-direction: column;
    text-align: center;
  }

  .about-image img {
    display: none;
  }

  .about-image,
  .about-content-wrapper {
    flex: 1 1 100%;
  }

  .about-content h1::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .about-ctaZ {
    align-self: center;
    /* button centered */
  }

}

/* 991px and below */
@media (max-width: 991px) {
  .about-section {
    padding: 30px 15px;
  }

  .about-content h1 {
    font-size: 1.7rem;
  }

  .about-content {
    height: 340px;
  }

  .about-content p {
    font-size: 1rem;
  }

}

/* 767px and below */
@media (max-width: 767px) {
  .about-content {
    max-height: none;
    /* let it flow on mobile */
    overflow-y: visible;
    margin-bottom: 1rem;
  }

  .about-content h1 {
    font-size: 1.5rem;
  }

  .about-content {
    max-height: 320px;
    /* limit height */
    overflow-y: auto;
    /* make scrollable */
    scrollbar-width: none;
    margin-bottom: 1rem;
    padding-right: 8px;
    /* spacing for scrollbar */
  }

  .about-ctaZ {
    padding: 12px 20px;
    font-size: 0.95rem;
  }

  .about-image img {
    display: none;
  }
}

/* 576px and below */
@media (max-width: 576px) {
  .about-section {
    padding: 20px 10px;
  }

  .about-content h1 {
    font-size: 1.4rem;
  }

  .about-content {
    max-height: 260px;
    /* limit height */
    overflow-y: auto;
    /* make scrollable */
    scrollbar-width: none;
    margin-bottom: 1rem;
    padding-right: 8px;
    /* spacing for scrollbar */
  }

  .about-content p {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .about-ctaZ {
    width: 40%;
    text-align: center;
  }

  .contact-icon08 {
    top: 10%;
    width: 37px;
    height: 37px;
    border-radius: 10%;

  }

  /* .sticky-contact-bvuttons08{
        bottom: 10px;
      } */
}

/* 430px and below */
@media (max-width: 430px) {
  .about-content h1 {
    font-size: 1.2rem;
  }

  .about-content {
    max-height: 240px;
    /* limit height */
    overflow-y: auto;
    /* make scrollable */
    scrollbar-width: none;
    margin-bottom: 1rem;
    padding-right: 8px;
    /* spacing for scrollbar */
  }

  .about-content p {
    font-size: 0.9rem;
  }

  .about-ctaZ {
    font-size: 0.9rem;
    padding: 6px 12px;
  }
}






@media (max-width: 991px) {

  .stats-section {

    padding: 56px 0;

  }



  .stats-container {

    justify-content: center;
    /* center rows */

    gap: 1.25rem 2rem;
    /* clearer row/column spacing */

    padding: 0 16px;

  }



  .stat-item {

    flex: 1 1 42%;
    /* ~2 items per row */

    min-width: 280px;
    /* prevent over-squeeze on mid widths */

  }



  .stat-item .stat-number {

    font-size: 2.6rem;

  }



  .stat-item .stat-label {

    font-size: 1.25rem;

  }

}







@media (max-width: 767px) {

  .stats-section {

    padding: 52px 0;

  }



  .stats-container {

    gap: 1.1rem 0.9rem;

    padding: 0 14px;

  }



  .stat-item {

    flex: 1 1 46%;
    /* keep two per row */

  }



  .stat-item .stat-number {

    font-size: 2.3rem;

    margin-bottom: 4px;

  }



  .stat-item .stat-label {

    font-size: 1.1rem;

  }

}







@media (max-width: 576px) {

  .stats-section {

    padding: 46px 0;

  }



  .stats-container {

    gap: 1rem 1.25rem;

    padding: 0 12px;

  }



  .stat-item {

    flex: 1 1 48%;
    /* two-up grid feel */

    min-width: 160px;
    /* allow wrap gracefully */

  }



  .stat-item .stat-number {

    font-size: 2rem;

  }



  .stat-item .stat-label {

    font-size: 1rem;

  }

}


@media (max-width: 415px) {

  .stats-section {

    padding: 20px 0;

    margin-bottom: 10px;

  }



  .stats-container {

    gap: 0.85rem;

    padding: 0 10px;

  }



  .stat-item {

    flex: 1 1 48%;

  }



  .stat-item .stat-number {

    font-size: 1.6rem;

  }



  .stat-item .stat-label {

    font-size: 0.93rem;

  }

}



/* ******************************************hot products*************************************************** */



/* Responsive for tablets (max-width: 992px) */

@media (max-width: 992px) {

  .products-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

  }

  .product-card {

    height: 370px;

  }

  .section-title {

    font-size: 2rem;

  }

  .section-subtitle {

    font-size: 1rem;

  }

}

/* Responsive for mobile (max-width: 768px) */

@media (max-width: 768px) {

  .products-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

  }

  .product-card {

    height: 350px;

  }

  .product-title {

    font-size: 1.5rem;

    bottom: 20px;

    left: 20px;

    right: 20px;

  }

  .hover-content {

    padding: 25px;

  }

  .hover-text {

    font-size: 1rem;

  }

  .section-title {

    font-size: 2rem;

  }

  .section-subtitle {

    font-size: 1rem;

  }

}

/* Responsive for small mobile devices (max-width: 480px) */

@media (max-width: 480px) {



  .products-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    padding: 8px;

  }

  .product-card {

    height: 240px;

  }

  .product-title {

    font-size: 1.3rem;

  }

  .hover-content {

    padding: 20px;

  }

  .hover-text {

    font-size: 0.9rem;

  }

  .section-title {

    font-size: 1.8rem;

  }

  .section-subtitle {

    font-size: 0.95rem;

  }

}

/* Responsive for extra small mobile devices (max-width: 390px) */

@media (max-width: 390px) {

  .product-card {

    height: 230px;

  }

  .product-title {

    font-size: 1.2rem;

  }

  .hover-content {

    padding: 15px;

  }

  .hover-text {

    font-size: 0.8rem;

  }

  .section-title {

    font-size: 1.6rem;

  }

  .section-subtitle {

    font-size: 0.9rem;

  }

}



/* ************************************why choose us section ******************************* */

/* ==== 1200px and below ==== */
@media (max-width: 1200px) {

  .feature-card {

    padding: 35px 25px;

  }

  .feature-icon {

    width: 70px;

    height: 70px;

    font-size: 2.2rem;

  }

  .feature-title {

    font-size: 1.4rem;

  }

  .feature-description {

    font-size: 1.05rem;

  }

}



/* ==== 991px and below ==== */
@media (max-width: 991px) {

  .features-grid {

    gap: 30px;

    grid-template-columns: repeat(2, 1fr);

  }

  .feature-card {

    padding: 30px 20px;

  }

  .feature-icon {

    width: 65px;

    height: 65px;

    font-size: 2rem;

  }

  .feature-title {

    font-size: 1.3rem;

  }

  .feature-description {

    font-size: 1rem;

  }

}



/* ==== 767px and below ==== */
@media (max-width: 767px) {

  .why-subtitle {

    font-size: 1.1rem;

  }

  .feature-card {

    padding: 25px 18px;

  }

  .feature-icon {

    width: 60px;

    height: 60px;

    font-size: 1.8rem;

  }

  .feature-title {

    font-size: 1.2rem;

  }

  .feature-description {

    font-size: 0.95rem;

  }

}



/* ==== 576px and below ==== */
@media (max-width: 576px) {



  .why-title {

    font-size: 2.2rem;

  }

  .why-subtitle {

    font-size: 1rem;

  }

  .features-grid {

    gap: 20px;

  }

  .feature-card {

    padding: 20px 15px;

  }

  .feature-icon {

    width: 55px;

    height: 55px;

    font-size: 1.6rem;

  }

  .feature-title {

    font-size: 1.1rem;

  }

  .feature-description {

    font-size: 0.9rem;

  }

}



/* ==== 480px and below ==== */
@media (max-width: 480px) {

  .why-choose-us {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

  }



  .why-title {

    font-size: 2rem;

  }

  .why-subtitle {

    font-size: 0.8rem;

  }

  .features-carousel-wrapper {

    overflow: hidden;

    position: relative;

    padding: none;

  }

  .why-header {

    margin-bottom: 10px !important;

  }



  .features-grid {

    display: flex;

    /* gap: 16px; */

    animation: autoScroll 20s linear infinite;

    width: max-content;

  }

  .why-header {

    margin-bottom: 10px !important;

  }

  .feature-card {

    flex: 0 0 55vw;

    max-width: 55vw;

    min-width: 220px;

    scroll-snap-align: start;

    /* padding: 16px 0; */

    box-shadow: none;

    border: 1px solid black;

  }



  @keyframes autoScroll {

    0% {

      transform: translateX(0);

    }

    100% {

      transform: translateX(-50%);

    }

  }

}





/* ==== 390px and below ==== */
@media (max-width: 390px) {

  .why-choose-us {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

  }

  .features-carousel-wrapper {

    overflow: hidden;

    position: relative;

  }



  .why-title {

    font-size: 1.8rem;

  }

  .why-subtitle {

    font-size: 0.7rem;

  }



  .features-grid {

    animation: autoScroll390 28s linear infinite;
    /* Slower for readability */



  }



  .feature-card {

    flex: 0 0 70vw;

    max-width: 70vw;

    min-width: 200px;

    padding: 12px 0;

    box-shadow: none;

    border: 1px solid black;

  }



  @keyframes autoScroll390 {

    0% {

      transform: translateX(0);

    }

    100% {

      transform: translateX(-50%);

    }

  }



  .feature-title {

    font-size: 0.95rem;

  }

  .feature-description {

    font-size: 0.8rem;

  }

  .feature-icon {

    width: 40px;

    height: 40px;

    font-size: 1.4rem;

  }

}





/* *****************************************************top products ***************************************************************************** */



/* === 1200px and below === */

@media (max-width: 1200px) {

  .product-slide01 {

    flex: 0 0 33.33%;

  }

}

/* === 991px and below === */

@media (max-width: 991px) {

  .section-titleX {

    font-size: 2.2rem;

  }



  .slider-controls01 {

    gap: 0.3rem;

  }



  .slider-arrow01 {

    width: 40px;

    height: 40px;

    font-size: 1.3rem;

  }



  .product-slide01 {

    flex: 0 0 50%;

    padding: 0 0.5rem;

  }



  .product-image01 {

    height: auto;

  }



  .product-info01 {

    padding: 1rem;

  }



  .product-info01 h3 {

    font-size: 1.01rem;

  }



  .product-info01 p {

    font-size: 1rem;

  }

}

/* === 767px and below === */

@media (max-width: 767px) {

  .top-products-section01 {

    padding: 60px 10px;

  }



  .section-titleX {

    font-size: 2rem;

  }



  .product-slide01 {

    flex: 0 0 50%;

    padding: 0 0.5rem;

  }



  .product-card01 {

    margin: 0 auto;

    max-width: 90%;

  }



  .product-image01 {

    height: auto;

  }



  .product-info01 h3 {

    font-size: 0.9rem;

  }



  .product-info01 p {

    font-size: 0.95rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
    /* number of lines */

    overflow: hidden;

  }

}

/* === 576px and below === */

@media (max-width: 576px) {

  .product-image01 {

    height: auto;

  }



  .product-info01 {

    padding: 0.75rem;

  }



  .product-info01 h3 {

    font-size: 1rem;

  }



  .product-info01 p {

    font-size: 0.9rem;

  }



  .slider-arrow01 {

    width: 35px;

    height: 35px;

    font-size: 1.2rem;

  }



  .section-titleX {

    font-size: 1.8rem;

  }

}

/* === 480px and below === */

@media (max-width: 480px) {

  .top-products-section01,

  .top-products-container01 {

    padding: 0;

    margin: 0;

    width: 100%;

    max-width: 100%;

  }



  .section-header01 {

    padding: 10px 10px;

  }



  .product-card01 {

    max-width: 95%;

  }



  .product-info01 h3 {

    font-size: 0.8rem;

  }



  .product-info01 p {

    font-size: 0.75rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;
    /* number of lines */

    overflow: hidden;

  }

}

/* === 390px and below === */

@media (max-width: 390px) {

  .product-image01 {

    height: auto;

  }



  .product-info01 {

    padding: 0.6rem;

  }



  .product-info01 h3 {

    font-size: 0.7rem;

  }



  .product-info01 p {

    font-size: 0.8rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;
    /* number of lines */

    overflow: hidden;

  }



  .slider-arrow01 {

    width: 32px;

    height: 32px;

    font-size: 1rem;

  }



  .section-titleX {

    font-size: 1.6rem;

  }

}





/* ************************testimonial section************************************ */


/* === Auto Scroll Keyframes === */

@keyframes testimonialScroll767 {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-50%);

  }

}



/* === Responsive Styles === */

@media (max-width: 1200px) {

  .section-title02 {

    font-size: 2.3rem;

  }

}



@media (max-width: 991px) {

  .section-title02 {

    font-size: 2rem;

  }

  .testimonial-grid02.is-carousel .testimonial-card02 {
    flex: 0 0 50%;
    scroll-snap-align: center;
    scroll-margin-inline: var(--tcar-pad);
    min-width: 280px;
    transition: transform 0.3s ease, box-shadow 0.3s
  }

  .testimonial-card02 {

    padding: 1.8rem;

  }

  .testimonial-card02 blockquote {

    font-size: 1rem;

  }

  .client-avatar02 {

    width: 75px;

    height: 75px;

  }

}



/* ========== 767px and below ========== */

@media (max-width: 767px) {

  



  .testimonial-card02 {

    flex: 0 0 100%;

    max-width: 100%;

    /* min-width: 260px; */

    padding: 1.5rem 2rem;

  }



  .client-avatar02 {

    width: 70px;

    height: 70px;

  }



  .testimonial-card02 blockquote {

    font-size: 1rem;

    /* padding: 20px; */

  }



  .client-name02 {

    font-size: 1rem;

  }



  .client-title02 {

    font-size: 0.85rem;

  }



  .section-title02 {

    font-size: 2.2rem;

  }



  .section-subtitle02 {

    font-size: 1rem;

  }



  

}



/* ========== 576px and below ========== */

@media (max-width: 576px) {

  .testimonial-card02 {

    flex: 0 0 100%;

    max-width: 100%;

    padding: 1.5rem 1.2rem;

  }
  .testimonial-grid02.is-carousel .testimonial-card02 {
    flex: 0 0 100%;
    scroll-snap-align: center;
    scroll-margin-inline: var(--tcar-pad);
    min-width: 280px;
    transition: transform 0.3s ease, box-shadow 0.3s
  }



  .client-avatar02 {

    width: 65px;

    height: 65px;

  }



  .testimonial-card02 blockquote {

    font-size: 0.95rem;

  }



  .client-name02 {

    font-size: 0.95rem;

  }



  .client-title02 {

    font-size: 0.8rem;

  }



  .section-title02 {

    font-size: 2rem;

  }



  .section-subtitle02 {

    font-size: 0.95rem;

  }

}



/* ========== 430px and below ========== */

@media (max-width: 430px) {



  .testimonial-card02 blockquote::before,

  .testimonial-card02 blockquote::after {

    display: none;

  }

  .testimonial-card02 blockquote {

    font-size: 0.95rem;

    padding: 0;

  }



  .testimonial-card02 {

    flex: 0 0 90vw;

    max-width: 90vw;

    padding: 1rem 1rem;

    box-shadow: none;

    border: 1px solid var(--heading3-color);

  }



  .client-avatar02 {

    width: 70px;

    height: 70px;

  }







  .client-name02 {

    font-size: 0.95rem;

  }



  .client-title02 {

    font-size: 0.75rem;

  }



  .section-title02 {

    font-size: 1.8rem;

  }



  .section-subtitle02 {

    font-size: 0.9rem;

  }

}



/* ========== 390px and below ========== */

@media (max-width: 390px) {



  .testimonial-card02 blockquote::before,

  .testimonial-card02 blockquote::after {

    display: none;

  }

  .testimonial-grid02.is-carousel .testimonial-card02 {
    flex: 0 0 100%;
    scroll-snap-align: center;
    scroll-margin-inline: var(--tcar-pad);
    /* min-width: 280px; */
    transition: transform 0.3s ease, box-shadow 0.3s
  }

  .testimonial-card02 blockquote {

    font-size: 0.9rem;

    padding: 0;

  }



  .testimonial-card02 {

    flex: 0 0 100%;

    max-width: 100%;

    padding: 1rem 0.6rem;

  }



  .client-avatar02 {

    width: 55px;

    height: 55px;

  }



  .testimonial-card02 blockquote {

    font-size: 0.85rem;

  }



  .client-name02 {

    font-size: 0.9rem;

  }



  .client-title02 {

    font-size: 0.7rem;

  }



  .section-title02 {

    font-size: 1.6rem;

  }



  .section-subtitle02 {

    font-size: 0.85rem;

  }

}







/* ********************************************faq section***************************** */



/* ===== 1200px and below ===== */

@media (max-width: 1200px) {

  .faq-container03 {

    padding: 0 30px;

  }



  .section-title03 {

    font-size: 2.4rem;

  }



  .section-subtitle03 {

    font-size: 1.05rem;

  }



  .faq-question03 {

    font-size: 1.1rem;

  }



  .faq-answer03 {

    font-size: 1rem;

  }

}



/* ===== 991px and below ===== */

@media (max-width: 991px) {

  .faq-section03 {

    padding: 60px 15px;

  }



  .section-title03 {

    font-size: 2.2rem;

  }



  .section-subtitle03 {

    font-size: 1rem;

  }



  .faq-question03 {

    padding: 1.2rem 1rem;

    font-size: 1.05rem;

  }



  .faq-answer03 {

    font-size: 0.95rem;

    padding: 0 1rem 1.2rem 1rem;

  }

}



/* ===== 767px and below ===== */

@media (max-width: 767px) {

  .section-title03 {

    font-size: 2rem;

  }



  .section-subtitle03 {

    font-size: 0.95rem;

  }



  .faq-question03 {

    padding: 1rem 0.8rem;

    font-size: 1rem;

  }



  .faq-answer03 {

    font-size: 0.9rem;

    padding: 0 0.8rem 1rem 0.8rem;

  }

}



/* ===== 576px and below ===== */

@media (max-width: 576px) {

  .faq-container03 {

    padding: 0 2px;

  }



  .section-title03 {

    font-size: 1.8rem;

  }



  .section-subtitle03 {

    font-size: 0.9rem;

  }



  .faq-question03 {

    padding: 0.9rem 0.8rem;

    font-size: 0.95rem;

  }



  .faq-answer03 {

    font-size: 0.85rem;

    padding: 0 0.8rem 0.9rem 0.8rem;

  }



  .faq-icon03 {

    font-size: 1.3rem;

  }

}



/* ===== 480px and below ===== */

@media (max-width: 480px) {

  .faq-section03 {

    padding: 40px 0px;

  }



  .section-title03 {

    font-size: 1.6rem;

  }



  .section-subtitle03 {

    font-size: 0.85rem;

  }



  .faq-question03 {

    font-size: 0.9rem;

  }



  .faq-answer03 {

    font-size: 0.8rem;

  }

}



/* ===== 390px and below ===== */

@media (max-width: 390px) {

  .section-title03 {

    font-size: 1.5rem;

  }



  .section-subtitle03 {

    font-size: 0.8rem;

    margin-bottom: 2.5rem;

  }



  .faq-question03 {

    padding: 0.8rem 0.7rem;

    font-size: 0.85rem;

  }



  .faq-answer03 {

    font-size: 0.75rem;

    padding: 0 0.7rem 0.8rem 0.7rem;

  }



  .faq-icon03 {

    font-size: 1.1rem;

  }

}





/* *************************************our partner*************************************** */



/* ==== 1200px and below ==== */

@media (max-width: 1200px) {

  .customer-section-header {

    font-size: 1.7rem;

  }



  .logo-item {

    height: 90px;

    margin: 0 2rem;

  }

}



/* ==== 991px and below ==== */

@media (max-width: 991px) {

  .customer-section {

    padding: 3rem 0;

  }



  .customer-section-header {

    font-size: 1.6rem;

  }



  .logo-item {

    height: 80px;

    margin: 0 1.8rem;

  }

}



/* ==== 767px and below ==== */

@media (max-width: 767px) {

  .customer-section {

    padding: 2.5rem 0;

  }



  .customer-section-header {

    font-size: 1.5rem;

  }



  .logo-item {

    height: 70px;

    margin: 0 1.5rem;

  }

}



/* ==== 576px and below ==== */

@media (max-width: 576px) {

  .customer-section {

    padding: 2rem 0;

  }



  .customer-section-header {

    font-size: 1.4rem;

  }



  .logo-item {

    height: 60px;

    margin: 0 1.2rem;

  }



  .scroller-container {

    margin-top: 2rem;

    padding: 0;

  }

}



/* ==== 480px and below ==== */

@media (max-width: 480px) {

  .customer-section-header {

    font-size: 1.3rem;

  }



  .logo-item {

    height: 55px;

    margin: 0 1rem;

  }



  .scroller-container {

    -webkit-mask: none;

    mask: none;

    padding: 0;

  }

}



/* ==== 390px and below ==== */

@media (max-width: 390px) {

  .customer-section-header {

    font-size: 1.2rem;

  }



  .logo-item {

    height: 50px;

    margin: 0 0.8rem;

  }

}





/* **************************************blog section********************************************************* */



/* ==== 1200px and below ==== */

@media (max-width: 1200px) {

  .section-title05 {

    font-size: 2.4rem;

  }



  .card-title05 {

    font-size: 1.4rem;

  }



  .blog-card-image05 {

    height: auto;

  }

}



/* ==== 991px and below ==== */

@media (max-width: 991px) {
  .blog-carousel-wrapper05 {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    display: flex;
    scroll-padding: 16px;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 1rem;
  }

  .blog-grid05 {
    display: flex;
    /* ✅ force flex, not grid */
    flex-wrap: nowrap;
    gap: 16px;
    min-width: 100%;
  }

  .blog-card05 {
    flex: 0 0 100%;
    /* ✅ card takes ~85% of wrapper */
    scroll-snap-align: start;
    min-width: 100%;
    max-width: 100%;
  }

  .blog-section05 {
    padding: 60px 20px;
  }

  .blog-grid05 {
    gap: 2rem;
    /* spacing between cards */
  }

  .section-title05 {
    font-size: 2.2rem;
  }

  .card-title05 {
    font-size: 1.3rem;
  }

  .card-content05 {
    padding: 1.2rem 1.5rem 1.8rem;
  }

  .blog-card-image05 {
    height: auto;
  }
}

/* ==== 767px and below ==== */



@media (max-width: 767px) {

  .blog-section05 {

    padding: 50px 16px;

  }



  .blog-grid05 {

    grid-template-columns: repeat(2, 1fr);
    /* Two columns */

    gap: 1.5rem;

  }



  .section-title05 {

    font-size: 2rem;

  }



  .card-title05 {

    font-size: 1.15rem;

  }



  .card-content05 {

    padding: 1rem 1.4rem;

  }



  .blog-card-image05 {

    height: auto;

  }



  .view-more-link05 {

    font-size: 0.85rem;

  }

}



/* ==== 576px and below ==== */

@media (max-width: 576px) {

  .section-title05 {

    font-size: 1.8rem;

  }




  .blog-grid05 {

    grid-template-columns: repeat(2, 1fr);
    /* Still two columns */

    gap: 1rem;

  }



  .card-title05 {

    font-size: 1rem;

  }



  .card-content05 {

    padding: 0.9rem 1.2rem;

  }



  .blog-card-image05 {

    height: auto;

  }



  .view-more-link05 {

    font-size: 0.8rem;

  }

}





@media (max-width: 430px) {

  .blog-carousel-wrapper05 {

    overflow-x: auto;

    scroll-snap-type: x mandatory;

    display: flex;

    scroll-padding: 16px;

    -webkit-overflow-scrolling: touch;

    gap: 16px;

    padding-bottom: 1rem;

  }



  .blog-grid05 {

    display: flex;

    flex-wrap: nowrap;

    gap: 16px;

    min-width: 100%;

  }



  .blog-card05 {

    flex: 0 0 100%;

    scroll-snap-align: start;

    min-width: 100%;

    max-width: 100%;

  }

}



@media (max-width: 390px) {

  .blog-card05 {

    flex: 0 0 100%;

    min-width: 100%;

    max-width: 100%;

  }

}





/* **************************************enquiry section*************************************** */



/* ==== 991px and below ==== */

@media (max-width: 991px) {

  .section-title07 {

    font-size: 2.2rem;

  }



  .enquiry-layout07 {

    gap: 2rem;

  }



  .content-box07 {

    height: 640px;

    padding: 2rem;

  }



  .form-section07 h3 {

    font-size: 1.4rem;

  }

}



/* ==== 767px and below ==== */

@media (max-width: 767px) {

  .enquiry-section07 {

    padding: 60px 16px;

  }



  .section-title07 {

    font-size: 2rem;

  }



  .enquiry-layout07 {

    grid-template-columns: 1fr;

  }



  .content-box07 {

    height: auto;

    max-height: 360px;

    padding: 1.5rem;

  }



  .form-section07 {

    margin-top: 2.5rem;

    padding: 0.5rem;

  }

  .content-box07 h3 {

    font-size: 1.4rem;

  }


  .form-input07,

  .form-textarea07 {

    font-size: 0.95rem;

  }



  .captcha-label07 {

    font-size: 0.9rem;

  }

}



/* ==== 576px and below ==== */

@media (max-width: 576px) {

  .section-title07 {

    font-size: 1.8rem;

  }



  .content-box07 h3 {

    font-size: 1.2rem;

  }



  .content-box07 h4 {

    font-size: 1.2rem;

  }



  .content-box07 p {

    font-size: 0.95rem;

  }



  .form-section07 h3 {

    font-size: 1.4rem;

  }



  .form-input07,

  .form-textarea07 {

    font-size: 0.9rem;

  }



  .captcha-checkbox07 {

    width: 22px;

    height: 22px;

    margin-right: 8px;

  }



  .captcha-logo07 {

    width: 32px;

    height: 32px;

  }



  .submit-button07 {

    font-size: 1rem;

  }

}



/* ==== 430px and below ==== */

@media (max-width: 430px) {

  .enquiry-section07 {

    padding: 50px 2px;

  }



  .section-title07 {

    font-size: 1.6rem;

  }



  .content-box07 {

    max-height: 300px;

    padding: 1.2rem;

  }



  .form-section07 h3 {

    font-size: 1.2rem;

  }



  .form-input07,

  .form-textarea07 {

    font-size: 0.85rem;
    resize: none;

  }



  .captcha-label07 {

    font-size: 0.8rem;

  }



  .captcha-logo07 {

    width: 28px;

    height: 28px;

  }



  .submit-button07 {

    font-size: 0.95rem;

  }

}





/* **************************2nd footer section********************* */

/* ===== CTA Section Responsive ===== */



/* <= 1400px: control text width & spacing */

@media (max-width: 1400px) {

  .cta-sectionY h3 {

    font-size: 24px;

  }



  .cta-sectionY p {

    font-size: 13px;

  }



  .cta-btnY {

    /* padding: 14px 20px; */

    font-size: 15px;

  }



  .or-dividerY {

    margin: 0 7px;

    font-size: 14px;

  }

}



/* <= 1210px: stack content tighter, center align on smaller desktops */

@media (max-width: 1210px) {

  .cta-sectionY .row.align-items-center {

    /* flex-direction: column; */

    text-align: center;

  }



  .cta-sectionY h3 {

    font-size: 20px;
    max-width: 450px;
    margin-bottom: 10px;

  }



  .cta-sectionY p {

    font-size: 12px;
    max-width: 420px;
    margin-bottom: 10px;

  }



  .cta-sectionY .col-lg-4 {

    margin-top: 20px;

  }



  .cta-btnY {

    padding: 12px 24px;

    font-size: 14px;

    width: 50%;
    /* buttons span full width */

    max-width: 280px;
    /* keep them neat */

  }



  .or-dividerY {

    display: block;

    margin: 10px 0;

  }

}





/* ==== 991px and below ==== */

@media (max-width: 991px) {

  .cta-content-columnY {

    padding: 3rem;

  }

  .cta-sectionY p {
    max-width: 100%;

  }

  .cta-sectionY h3 {
    max-width: 100%;

  }



  .cta-content-columnY h2 {

    font-size: 2.2rem;

  }



  .cta-content-columnY p {

    font-size: 1.05rem;

  }



  .cta-buttonY {

    padding: 0.9rem 2rem;

    font-size: 1rem;

  }



  .cta-image-columnY img {

    height: 350px;

  }

}



/* ==== 767px and below ==== */

@media (max-width: 767px) {

  .collapsible-heading {

    cursor: pointer;

    position: relative;

    padding-right: 30px;

  }



  .toggle-icon {

    position: absolute;

    right: 0;

    font-size: 1.4rem;

    transition: transform 0.3s ease;

  }



  .collapsible-content {

    display: none;

    transition: all 0.3s ease;

  }



  .collapsible-footer.open .collapsible-content {

    display: block;

  }



  .collapsible-footer.open .toggle-icon {

    transform: rotate(45deg);

  }

  .cta-btnY {

    padding: 8px 12px;
    height: 40px;
    width: 140px;
    font-size: 15px;

  }

}





/* ==== 576px and below ==== */

@media (max-width: 576px) {

  .cta-content-columnY h2 {

    font-size: 1.8rem;

  }



  .cta-content-columnY p {

    font-size: 0.95rem;

  }



  .cta-buttonY {

    padding: 0.8rem 1.8rem;

    font-size: 0.95rem;

  }



  .cta-image-columnY img {

    height: 250px;

  }

}



/* ==== 430px and below ==== */

@media (max-width: 430px) {

  .cta-content-columnY {

    padding: 1rem 0.6rem;

  }



  .cta-content-columnY h2 {

    font-size: 1.6rem;

  }



  .cta-content-columnY p {

    font-size: 0.9rem;

  }



  .cta-buttonY {

    font-size: 0.9rem;

    padding: 0.7rem 1.5rem;

  }



  .cta-image-columnY img {

    height: 170px;

  }

}









/* ************************************************footer section code ************************************************ */

/* Mobile View */

@media (max-width: 767px) {

  .toggle-icon {

    display: inline-block;

  }



  .collapsible-footer .collapsible-content {

    display: none;

    transition: all 0.3s ease;

  }



  .collapsible-footer.open .collapsible-content {

    display: block;

  }



  .collapsible-footer.open .toggle-icon {

    transform: rotate(45deg);

  }

}



/* Desktop View */

@media (min-width: 768px) {

  .collapsible-footer .collapsible-content {

    display: block !important;

  }



  .collapsible-footer {

    pointer-events: none;

  }

}



/* --------- Max Width: 767px --------- */

@media (max-width: 767px) {

  .site-footer06 {

    padding-top: 40px;

    font-size: 0.9rem;

  }



  .footer-main06 {

    gap: 2rem;

  }



  .footer-column06 h3 {

    font-size: 1.15rem;

    margin-bottom: 1rem;

  }



  .footer-column06 p {

    font-size: 1rem;

    margin-bottom: 1rem;

  }



  .footer-links06 li {

    margin-bottom: 0.6rem;

  }



  .footer-logo06 {

    max-width: 130px;

    margin-bottom: 1rem;

  }



  .footer-bottom06 {

    font-size: 0.85rem;

  }

}



/* --------- Max Width: 576px --------- */

@media (max-width: 576px) {

  .site-footer06 {

    padding-top: 30px;

    font-size: 0.85rem;

  }



  .footer-column06 h3 {

    font-size: 1.1rem;

    margin-bottom: 0.9rem;

  }



  .footer-column06 p {

    font-size: 0.95rem;

    margin-bottom: 0.9rem;

  }



  .footer-links06 li {

    margin-bottom: 0.5rem;

  }



  .footer-main06 {

    gap: 1.5rem;

  }



  .footer-logo06 {

    max-width: 120px;

  }



  .footer-bottom06 {

    font-size: 0.8rem;

  }

}



/* --------- Max Width: 430px --------- */

@media (max-width: 430px) {

  .site-footer06 {

    padding-top: 25px;

  }



  .footer-column06 h3 {

    font-size: 1.05rem;

  }



  .footer-column06 p {

    font-size: 0.9rem;

  }



  .footer-links06 a {

    font-size: 0.9rem;

  }



  .footer-main06 {

    gap: 1.2rem;

  }



  .footer-logo06 {

    max-width: 100px;

  }



  .footer-bottom06 {

    font-size: 0.75rem;

  }

}



/* --------- Max Width: 390px --------- */

@media (max-width: 390px) {

  .footer-column06 h3 {

    font-size: 1rem;

  }



  .footer-column06 p {

    font-size: 0.85rem;

  }



  .footer-links06 a {

    font-size: 0.85rem;

  }



  .footer-main06 {

    gap: 1rem;

  }



  .footer-logo06 {

    max-width: 90px;

  }



  .footer-bottom06 {

    font-size: 0.7rem;

  }

}







/* About us pages************************************************ */



/* hero section////////////////////////////////// */








/* 767px down (tablets/large phones) */

@media (max-width: 767px) {

  .breadcrumb-wrapper11 {
    padding: 12px 0;
  }

  .breadcrumb11 {
    font-size: 15px;
  }

}



/* 576px down (phones) */

@media (max-width: 576px) {



  .breadcrumb11 {
    font-size: 14px;
  }

}



/* 480px down */

@media (max-width: 480px) {



  .breadcrumb11 {
    font-size: 13.5px;
  }

}



/* 430px down */

@media (max-width: 430px) {



  .breadcrumb-wrapper11 {
    padding: 10px 0;
  }

  .breadcrumb11 {
    font-size: 13px;
  }

}



/* 390px down */

@media (max-width: 390px) {
  .breadcrumb11 {
    font-size: 12.5px;
  }

}





/* our story section*************************************************** */

/* 1200px ↓ */

@media (max-width: 1200px) {

  .story-section12 {
    padding: 68px 20px;
  }

  .story-grid12 {
    gap: 2.4rem;
  }

  .story-text12 {
    max-height: 340px;
  }

  .story-text12 h2 {
    font-size: 1.95rem;
  }

  .story-text12 p {
    font-size: 1.02rem;
  }

  .story-video12 {
    border-radius: 0.9rem;
  }

}



/* 1024px ↓ */

@media (max-width: 1024px) {

  .story-section12 {
    padding: 60px 18px;
  }

  .story-grid12 {
    gap: 2rem;
  }

  .story-text12 {
    max-height: 320px;
  }

  .story-text12 h2 {
    font-size: 1.75rem;
  }

  .story-text12 p {
    font-size: 1rem;
    line-height: 1.55;
  }

  .story-video12 {
    box-shadow: 0 16px 24px rgba(0, 0, 0, .18);
  }

}



/* 991px ↓ (stack) */

@media (max-width: 991px) {

  .story-section12 {
    padding: 56px 16px;
  }

  .story-grid12 {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .story-text12 {
    max-height: 46vh;
  }

  /* remains scrollable on tablets */

  .story-text12 h2 {
    font-size: 1.6rem;
  }

  .story-video12 {
    max-width: 92%;
    margin: 0 auto;
  }

}



/* 834px ↓ */

@media (max-width: 834px) {

  .story-section12 {
    padding: 50px 16px;
  }

  .story-grid12 {
    gap: 1.6rem;
  }

  .story-text12 {
    max-height: 44vh;
  }

  .story-text12 h2 {
    font-size: 1.5rem;
  }

  .story-text12 p {
    font-size: .96rem;
  }

  .story-video12 {
    border-radius: 0.75rem;
  }

}



/* 767px ↓ */

@media (max-width: 767px) {

  .story-section12 {
    padding: 44px 14px;
  }

  .story-grid12 {
    gap: 1.4rem;
  }

  .story-text12 {
    max-height: 42vh;
  }

  .story-text12 h2 {
    font-size: 1.42rem;
  }

  .story-text12 p {
    font-size: .94rem;
    line-height: 1.5;
  }

  .story-video12 {
    box-shadow: 0 14px 20px rgba(0, 0, 0, .16);
  }

}



/* 576px ↓ */

@media (max-width: 576px) {

  .story-section12 {
    padding: 40px 12px;
  }

  .story-grid12 {
    gap: 1.2rem;
  }

  .story-text12 {
    max-height: 45vh;
  }

  /* taller to keep scrollable area usable */

  .story-text12 h2 {
    font-size: 1.34rem;
  }

  .story-text12 p {
    font-size: .9rem;
  }

  .story-video12 {
    max-width: 100%;
  }

}



/* 480px ↓ */

@media (max-width: 480px) {

  .story-section12 {
    padding: 36px 12px;
  }

  .story-text12 {
    max-height: 48vh;
  }

  .story-text12 h2 {
    font-size: 1.26rem;
  }

  .story-text12 p {
    font-size: .88rem;
  }

}



/* 430px ↓ */

@media (max-width: 430px) {

  .story-section12 {
    padding: 32px 10px;
  }

  .story-grid12 {
    gap: 1rem;
  }

  .story-text12 {
    max-height: 50vh;
  }

  .story-text12 h2 {
    font-size: 1.2rem;
  }

  .story-text12 p {
    font-size: .86rem;
  }

}



/* 390px ↓ */

@media (max-width: 390px) {

  .story-section12 {
    padding: 28px 10px;
  }

  .story-text12 {
    max-height: 52vh;
  }

  /* maintain scroll on smallest phones */

  .story-text12 h2 {
    font-size: 1.14rem;
  }

  .story-text12 p {
    font-size: .84rem;
    line-height: 1.46;
  }

}



/* Optional: keep video visually stable without touching base styles */

@media (max-width: 991px) {

  .story-video12 {
    aspect-ratio: 16 / 9;
  }

  .story-video12 video {
    height: 100%;
    object-fit: cover;
  }

}





/* mission and vision code */









/* Desktops 1200px ↓ */

@media (max-width: 1200px) {

  .mission-vision-section13 h2.section-title13 {
    font-size: 2.4rem;
  }

  .mission-vision-card13 {
    padding: 2.4rem;
  }

  .mission-vision-icon13 {
    width: 70px;
    height: 70px;
    font-size: 1.85rem;
    margin-bottom: 1.6rem;
  }

  .card-title13 {
    font-size: 1.8rem;
    margin-bottom: 1.25rem;
  }

  .card-text13 {
    font-size: 1.02rem;
  }

}



/* Tablets (landscape) 1024px ↓ */

@media (max-width: 1024px) {

  .mission-vision-section13 h2.section-title13 {
    font-size: 2.2rem;
  }

  .mission-vision-card13 {
    padding: 2.1rem;
    box-shadow: 0 16px 22px rgba(0, 0, 0, .16);
  }

  .mission-vision-icon13 {
    width: 66px;
    height: 66px;
    font-size: 1.75rem;
  }

  .card-title13 {
    font-size: 1.65rem;
  }

  .card-text13 {
    font-size: 1rem;
    line-height: 1.65;
  }

}



/* Bootstrap md/lg switch 991px ↓ — stack columns */

@media (max-width: 991px) {

  .mission-vision-section13 {
    padding-inline: 16px;
  }

  .mission-vision-section13 h2.section-title13 {

    font-size: 2rem;

    margin-top: 38px;

    margin-bottom: 0.5rem;

  }

  .mission-vision-card13 {

    padding: 1.9rem;

    border-radius: 16px;

  }

  .mission-vision-icon13 {

    width: 62px;
    height: 62px;
    font-size: 1.65rem;
    margin-bottom: 1.25rem;

  }

  .card-title13 {
    font-size: 1.5rem;
    margin-bottom: 0.9rem;
  }

  .card-text13 {
    font-size: .96rem;
    line-height: 1.6;
  }

}



/* iPad portrait 834px ↓ */

@media (max-width: 834px) {

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.9rem;
  }

  .mission-vision-card13 {
    padding: 1.75rem;
  }

  .mission-vision-icon13 {
    width: 58px;
    height: 58px;
    font-size: 1.55rem;
  }

  .card-title13 {
    font-size: 1.42rem;
  }

}



/* Large phones / small tablets 767px ↓ */

@media (max-width: 767px) {

  .mission-vision-section13 {
    padding-inline: 14px;
  }

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.8rem;
  }

  .mission-vision-card13 {
    padding: 1.6rem;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .14);
  }

  .mission-vision-icon13 {
    width: 54px;
    height: 54px;
    font-size: 1.45rem;
  }

  .card-title13 {
    font-size: 1.35rem;
  }

  .card-text13 {
    font-size: .92rem;
    line-height: 1.55;
  }

}



/* Phones 576px ↓ */

@media (max-width: 576px) {

  .mission-vision-section13 {
    padding-inline: 12px;
  }

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.65rem;
    margin-top: 32px;
  }

  .mission-vision-card13 {
    padding: 1.4rem;
    border-radius: 14px;
  }

  .mission-vision-icon13 {
    width: 50px;
    height: 50px;
    font-size: 1.35rem;
    margin-bottom: 1rem;
  }

  .card-title13 {
    font-size: 1.26rem;
    margin-bottom: 0.75rem;
  }

  .card-text13 {
    font-size: .9rem;
  }

}



/* Small phones 480px ↓ */

@media (max-width: 480px) {

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.55rem;
  }

  .mission-vision-card13 {
    padding: 1.25rem;
  }

  .mission-vision-icon13 {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
  }

  .card-title13 {
    font-size: 1.18rem;
  }

  .card-text13 {
    font-size: .88rem;
    line-height: 1.52;
  }

}



/* Narrow phones 430px ↓ */

@media (max-width: 430px) {

  .mission-vision-section13 {
    padding-inline: 10px;
  }

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.46rem;
  }

  .mission-vision-card13 {
    padding: 1.1rem;
  }

  .mission-vision-icon13 {
    width: 46px;
    height: 46px;
    font-size: 1.22rem;
  }

  .card-title13 {
    font-size: 1.12rem;
  }

  .card-text13 {
    font-size: .86rem;
  }

}



/* Compact phones 390px ↓ */

@media (max-width: 390px) {

  .mission-vision-section13 h2.section-title13 {
    font-size: 1.38rem;
  }

  .mission-vision-card13 {
    padding: 1rem;
    border-radius: 12px;
  }

  .mission-vision-icon13 {
    width: 44px;
    height: 44px;
    font-size: 1.18rem;
  }

  .card-title13 {
    font-size: 1.06rem;
  }

  .card-text13 {
    font-size: .84rem;
    line-height: 1.5;
  }

}



/* Hover polish: richer shadow & lift on hover devices, but no jump on touch */

@media (hover: hover) and (pointer: fine) {

  .mission-vision-card13:hover {

    transform: translateY(-8px);

    box-shadow: 0 24px 40px rgba(0, 0, 0, .18);

    border-color: rgba(55, 55, 56, .18);

  }

}

@media (hover: none) {

  .mission-vision-card13:hover {
    transform: none;
  }

}





/* CORE VALUE********************** */

/*

===================================================================

RESPONSIVE CODE FOR SPECIFIC BREAKPOINTS

Add this to the end of your existing style.css file.

===================================================================

*/



/* For large desktops (screens smaller than 1200px) */

@media (max-width: 1200px) {

  .value-item14 {

    gap: 4rem;
    /* Slightly reduce the gap */

  }

}



/* For standard desktops and large tablets (screens smaller than 991px) */

@media (max-width: 991px) {

  .core-values-section14 {

    padding: 3.5rem 1rem;

  }

  .value-item14 {

    gap: 3rem;
    /* Reduce gap between image and text */

    align-items: center;

  }

  .value-image14 img {

    height: 50vh;
    /* Adjust image height */

  }

  .section-header14 h2 {

    font-size: 1.875rem;

  }

  .value-text14 h3 {

    font-size: 1.625rem;

  }

}



/* For tablets (screens smaller than 767px) */

@media (max-width: 767px) {

  .value-item14 {

    /* Switch to a single-column layout */

    grid-template-columns: 1fr;

    text-align: center;
    /* Center-align content */

  }

  .value-item14.reverse14 {

    direction: ltr;
    /* Reset direction for single column */

    text-align: center;

  }

  .value-item14.reverse14 .value-text14 {

    direction: ltr;

  }

  .icon-box14 {

    margin: 0 auto 1rem auto;
    /* Center the icon */

  }

  .value-image14 img {

    height: 45vh;

  }

}



/* For large mobile devices (screens smaller than 576px) */

@media (max-width: 576px) {

  .core-values-section14 {

    padding: 3rem 1rem;

  }

  .values-list14 {

    margin-top: 3rem;

    gap: 3rem;
    /* Reduce space between each value section */

  }

  .value-item14 {

    gap: 1.5rem;
    /* Reduce space between image and its text */

  }

  .value-image14 img {

    height: 300px;
    /* Use a more stable pixel height */

    max-height: 40vh;

  }

  .section-header14 h2 {

    font-size: 1.75rem;

  }

  .value-text14 h3 {

    font-size: 1.5rem;

  }

  .section-header14 p,
  .value-text14 p {

    font-size: 1rem;

  }

}



/* For standard mobile devices (screens smaller than 430px, covers 390px too) */

@media (max-width: 430px) {

  .core-values-section14 {

    /* Use padding on the container instead for better edge control */

    padding: 3rem 0;

  }

  .value-image14 img {

    /* A slightly smaller image height for narrow screens */

    height: 280px;

  }

  .section-header14 h2 {

    font-size: 1.6rem;

  }

  .value-text14 h3 {

    font-size: 1.35rem;

  }

}





/* certifcate section********************** */



/* 1200px ↓ */

@media (max-width: 1200px) {

  .container16 {
    max-width: 1200px;
  }

  .section-header16 h2 {
    font-size: 2.4rem;
  }

  .certificates-grid16 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  .certificate-item16 h3 {
    font-size: 1.2rem;
  }

}



/* 1024px ↓ */

@media (max-width: 1024px) {

  .certificates-section16 {
    padding: 64px 18px;
  }

  .section-header16 h2 {
    font-size: 2.2rem;
  }

  .section-header16 p {
    font-size: 1rem;
  }

  .certificates-grid16 {
    gap: 1.75rem;
  }

  .certificate-item16 img {
    max-height: clamp(300px, 46vh, 520px);
  }

}



/* 991px ↓ — switch to 2 columns */

@media (max-width: 991px) {

  .certificates-grid16 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }

  .certificate-item16 {
    padding: 1.25rem;
  }

  .certificate-item16 h3 {
    font-size: 1.14rem;
  }

}



/* 834px ↓ — tighter spacing */

@media (max-width: 834px) {

  .section-header16 h2 {
    font-size: 2rem;
  }

  .certificates-grid16 {
    gap: 1.4rem;
  }

  .certificate-item16 img {
    max-height: clamp(280px, 44vh, 480px);
  }

}



/* 767px ↓ — large phones/small tablets */

@media (max-width: 767px) {

  .certificates-section16 {
    padding: 48px 14px;
  }

  .section-header16 h2 {
    font-size: 1.85rem;
  }

  .section-header16 p {
    font-size: .96rem;
  }

  .certificate-item16 {
    border-radius: 0.8rem;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .08);
  }

  .certificate-item16 h3 {
    font-size: 1.08rem;
  }

}



/* 576px ↓ — phones: 1 column */

@media (max-width: 576px) {

  .certificates-grid16 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .certificate-item16 img {
    max-height: clamp(260px, 50vh, 420px);
  }

  .certificate-item16 h3 {
    font-size: 1.04rem;
  }

}



/* 480px ↓ */

@media (max-width: 480px) {

  .section-header16 h2 {
    font-size: 1.7rem;
  }

  .section-header16 p {
    font-size: .92rem;
  }

  .certificate-item16 {
    padding: 1.1rem;
  }

  .certificate-item16 h3 {
    font-size: 1rem;
  }

}



/* 430px ↓ */

@media (max-width: 430px) {

  .certificates-grid16 {

    display: flex;

    overflow-x: auto;

    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch;

    gap: 1rem;

    padding-bottom: 0.5rem;

  }

  .certificate-item16 {

    flex: 0 0 100%;

    scroll-snap-align: center;

    min-width: 100%;

  }

  .certificates-grid16::-webkit-scrollbar {
    display: none;
  }

}



/* 390px ↓ */

@media (max-width: 390px) {

  .certificates-grid16 {

    gap: 0.75rem;

  }

  .certificate-item16 {

    flex: 0 0 100%;

    min-width: 100%;

  }

}



/* Hover polish only on pointer devices */

@media (hover: hover) and (pointer: fine) {

  .certificate-item16 {
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .certificate-item16:hover {

    transform: translateY(-6px);

    box-shadow: 0 18px 28px -6px rgba(0, 0, 0, .12), 0 10px 16px -8px rgba(0, 0, 0, .08);

  }

}





/* service page ******************** */





/* 1200px ↓ */

@media (max-width: 1200px) {

  .services-container21 {

    max-width: 1100px;

    grid-template-columns: repeat(3, 1fr);
    /* 3-up */

    gap: 2rem;

  }

  .card-image-container21 {
    height: 220px;
  }

  .card-title-on-image21 {
    font-size: 1.5rem;
  }

}



/* 1024px ↓ */

@media (max-width: 1024px) {

  .services-section21 {
    padding: 3rem 1rem;
  }

  .services-container21 {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
  }

  .card-image-container21 {
    height: 210px;
  }

  .service-card21 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .08);
  }

  .service-card-content21 {
    padding: 1.25rem;
  }

  .service-card-content21 h4 {
    font-size: 1rem;
  }

}



/* 991px ↓ — 2 columns */

@media (max-width: 991px) {

  .services-container21 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .card-image-container21 {
    height: 200px;
  }

  .card-title-on-image21 {
    font-size: 1.35rem;
    padding: 1rem;
  }

  .service-card21:hover {
    transform: scale(1.03);
  }

  /* softer tilt on tablets */

}



/* 834px ↓ */

@media (max-width: 834px) {

  .services-section21 {
    padding: 2.5rem 14px;
  }

  .card-image-container21 {
    height: 190px;
  }

  .service-card-content21 {
    padding: 1.1rem;
  }

  .service-card-content21 h4 {
    font-size: .98rem;
    line-height: 1.5;
  }

  .btn-21 {
    font-size: .88rem;
    padding: 8px 14px;
  }

}



/* 767px ↓ */

@media (max-width: 767px) {

  .services-container21 {
    gap: 1.25rem;
  }

  .card-image-container21 {
    height: 180px;
  }

  .card-title-on-image21 {
    font-size: 1.25rem;
  }

  .service-card21 {
    border-radius: .9rem;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .08);
  }

}



/* 576px ↓ — 1 column, stacked buttons */

@media (max-width: 576px) {

  .services-container21 {
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
  }

  .card-image-container21 {
    height: 200px;
  }

  /* a bit taller single-column */

  .service-card-content21 {
    padding: 1rem;
  }

  .service-card-content21 h4 {
    font-size: .95rem;
  }

  .card-buttons21 {
    flex-direction: column;
    gap: 8px;
  }

  .btn-21 {
    flex-grow: 0;
    width: 100%;
    border-radius: 14px;
    padding: 10px 14px;
  }

}



/* 480px ↓ */

@media (max-width: 480px) {

  .services-container21 {
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
  }

  .card-title-on-image21 {
    font-size: 1.18rem;
    padding: .9rem;
  }

  .service-card21:hover {
    transform: none;
  }

  /* avoid jump on small phones */

}



/* 430px ↓ */

@media (max-width: 430px) {

  .services-section21 {
    padding: 2rem 10px;
  }

  .services-container21 {
    gap: 1rem;
  }

  .card-image-container21 {
    height: 150px;
  }

  .service-card-content21 h4 {
    font-size: .92rem;
    line-height: 1.3;
  }

  .btn-21 {
    font-size: .80rem;
    padding: 6px 9px;
  }

}



/* 390px ↓ */

@media (max-width: 390px) {

  .services-container21 {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }



  .services-section21 {
    padding: 1.8rem 10px;
  }

  .card-image-container21 {
    height: 170px;
  }

  .card-title-on-image21 {
    font-size: 1.1rem;
    padding: .8rem;
  }

  .service-card-content21 h4 {
    font-size: .9rem;
  }

}



/* Hover tune: only animate tilt on precise pointers (desktops) */

@media (hover: none) {

  .service-card21:hover .service-card-image21 {
    transform: none;
  }

}

@media (hover: hover) and (pointer: fine) {

  .service-card21 {
    transition: transform .35s ease, box-shadow .35s ease;
  }

  .service-card21:hover {

    transform: perspective(900px) rotateX(4deg) rotateY(-4deg) scale(1.04);

    box-shadow: 0 24px 42px -18px rgba(0, 0, 0, .18);

  }

}



/* **************************blog page content************************ */











/* 1200px ↓ */

@media (max-width: 1200px) {

  .blog-container31 {
    max-width: 1100px;
  }

  .featured-post31 {
    grid-template-columns: 1.1fr 1fr;
    gap: 2rem;
  }

  .featured-image-container31 {
    height: 360px;
    border-radius: 18px;
  }

  .featured-title31 {
    font-size: 2.1rem;
  }

  .recent-posts-grid31 {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
  }

  .post-card-image31 {
    height: 190px;
  }

}



/* 1024px ↓ */

@media (max-width: 1024px) {

  .blog-section31 {
    padding: 64px 18px;
  }

  .featured-post31 {
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem;
  }

  .featured-image-container31 {
    height: 320px;
  }

  .featured-title31 {
    font-size: 1.9rem;
  }

  .featured-excerpt31 {
    font-size: 1rem;
  }

  .recent-posts-grid31 {
    gap: 1.5rem;
  }

  .post-card-title31 {
    font-size: 1.18rem;
  }

}



/* 991px ↓ — stack featured, 2-col recent */

@media (max-width: 991px) {

  .featured-post31 {

    grid-template-columns: 1fr;

    gap: 1.5rem;

    margin-bottom: 3.5rem;

  }

  .featured-image-container31 {
    height: 340px;
  }

  .featured-content31 {
    text-align: left;
  }

  .featured-title31 {
    font-size: 1.8rem;
  }

  .recent-posts-grid31 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
  }

  .post-card-image31 {
    height: 180px;
  }

}



/* 834px ↓ */

@media (max-width: 834px) {

  .blog-section31 {
    padding: 56px 16px;
  }

  .featured-image-container31 {
    height: 320px;
  }

  .featured-title31 {
    font-size: 1.7rem;
  }

  .post-card-title31 {
    font-size: 1.12rem;
  }

  .post-card-content31 {
    padding: 1.25rem;
  }

}



/* 767px ↓ */

@media (max-width: 767px) {

  .recent-posts-grid31 {
    gap: 1.25rem;
  }

  .post-card31 {
    border-radius: 14px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .07);
  }

  .post-card-image31 {
    height: 170px;
  }

  .post-card-excerpt31 {
    font-size: .92rem;
    line-height: 1.55;
  }

}



/* 576px ↓ — 1-col recent */

@media (max-width: 576px) {

  .blog-section31 {
    padding: 48px 14px;
  }

  .featured-image-container31 {
    height: 300px;
  }

  .featured-title31 {
    font-size: 1.6rem;
  }

  .featured-excerpt31 {
    font-size: .96rem;
  }

  .recent-posts-grid31 {
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
  }

  .post-card-image31 {
    height: 200px;
  }

  /* taller since single column */

  .post-card-title31 {
    font-size: 1.08rem;
  }

}



/* 480px ↓ */

@media (max-width: 480px) {

  .recent-posts-grid31 {
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
  }



  .featured-image-container31 {
    height: 260px;
    border-radius: 16px;
  }

  .featured-title31 {
    font-size: 1.48rem;
  }

  .post-card-image31 {
    height: 190px;
  }

  .post-card-content31 {
    padding: 1rem;
  }

}



/* 430px ↓ */

@media (max-width: 430px) {

  .blog-section31 {
    padding: 30px 12px;
  }

  .featured-image-container31 {
    height: 150px;
  }

  .featured-title31 {
    font-size: 1.2rem;
  }

  .post-card-title31 {
    font-size: 0.9rem;
  }

  .post-card-excerpt31 {
    font-size: .9rem;
  }

}



/* 390px ↓ */

@media (max-width: 390px) {

  .recent-posts-grid31 {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }



  .blog-section31 {
    padding: 36px 10px;
  }

  .featured-image-container31 {
    height: 220px;
  }

  .featured-title31 {
    font-size: 1.32rem;
  }

  .post-card-image31 {
    height: 180px;
  }

}



/* Pointer/hover tuning for premium feel without jumpiness on touch */

@media (hover: none) {

  .post-card31:hover {
    transform: none;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .09);
  }

}

@media (hover: hover) and (pointer: fine) {

  .post-card31 {
    transition: transform .28s ease, box-shadow .28s ease;
  }

  .post-card31:hover {

    transform: translateY(-6px);

    box-shadow: 0 18px 36px rgba(0, 0, 0, .10);

  }

}





/* service details page****************************** */





/* <= 1200px */

@media (max-width: 1200px) {

  .section-padding41 {
    padding: 60px 30px;
  }

  .hero-section41 {
    padding: 120px 0;
  }

  .hero-section41 h1 {
    font-size: 3rem;
  }

  .hero-section41 p {
    font-size: 1.05rem;
    max-width: 600px;
  }

  .section-padding41 .image41 img {
    height: 55vh;
    width: 65vh;
  }

  .service-card41 {
    padding: 25px;
  }

}



/* <= 991px */

@media (max-width: 991px) {

  .section-padding41 {
    padding: 50px 25px;
  }

  .hero-section41 {
    padding: 100px 0;
  }

  .hero-section41 h1 {
    font-size: 2.6rem;
  }

  .hero-section41 p {
    font-size: 1rem;
  }

  .section-padding41 .image41 img {
    height: 45vh;
    width: 100%;
  }

  .service-card41 {
    margin-bottom: 20px;
    padding: 20px;
  }

  .service-card41 h3 {
    font-size: 1.2rem;
  }

  .service-card41 p {
    font-size: 0.95rem;
  }

}



/* <= 767px */

@media (max-width: 767px) {

  .section-padding41 {
    padding: 40px 20px;
  }

  .hero-section41 {
    padding: 80px 0;
  }

  .hero-section41 h1 {
    font-size: 2.2rem;
  }

  .hero-section41 p {
    font-size: 0.95rem;
  }

  .section-padding41 .image41 img {
    height: 40vh;
  }

  .service-card41 {
    padding: 18px;
  }

  .service-card41 h3 {
    font-size: 1.1rem;
  }

  .feature-icon41 {
    font-size: 2rem;
    margin-bottom: 15px;
  }

}



/* <= 576px */

@media (max-width: 576px) {

  .section-padding41 {
    padding: 35px 15px;
  }

  .hero-section41 {
    padding: 60px 0;
  }

  .hero-section41 h1 {
    font-size: 1.9rem;
  }

  .hero-section41 p {
    font-size: 0.9rem;
    max-width: 90%;
  }

  .section-padding41 .image41 img {
    height: 35vh;
  }

  .service-card41 {
    padding: 15px;
  }

  .service-card41 p {
    font-size: 0.9rem;
  }

  .row.text-center.g-4>[class*="col-"] {

    flex: 0 0 50%;
    /* each takes half width */

    max-width: 50%;

  }

}



/* <= 430px */

@media (max-width: 430px) {

  .section-padding41 {
    padding: 30px 12px;
  }

  .hero-section41 {
    padding: 50px 0;
  }

  .hero-section41 h1 {
    font-size: 1.7rem;
  }

  .hero-section41 p {
    font-size: 0.85rem;
  }

  .section-padding41 .image41 img {
    height: 30vh;
  }

  .service-card41 h3 {
    font-size: 1rem;
  }

  .row.text-center.g-4>[class*="col-"] {

    flex: 0 0 50%;
    /* each takes half width */

    max-width: 50%;

  }

}



/* <= 390px */

@media (max-width: 390px) {



  .section-padding41 {
    padding: 25px 10px;
  }

  .hero-section41 {
    padding: 40px 0;
  }

  .hero-section41 h1 {
    font-size: 1.5rem;
  }

  .hero-section41 p {
    font-size: 0.8rem;
  }

  .section-padding41 .image41 img {
    height: 28vh;
  }

  .service-card41 {
    padding: 12px;
  }

  .service-card41 p {
    font-size: 0.85rem;
  }

  /* .product-card99 { min-width: 100%; } */

}



@media (max-width: 1200px) {

  .product-section99 {
    padding: 3.5rem 0;
  }

  .product-section-header99 {
    font-size: 2rem;
  }

  .product-card99 {
    width: 280px;
    margin: 0 .875rem;
  }

  .card-image-container99 {
    height: 240px;
  }

  .card-content99 {
    padding: 1.25rem;
  }

  .card-content99 h3 {
    font-size: 1.375rem;
  }

  .slider-nav99 {
    width: 38px;
    height: 38px;
  }

}



/* <= 991px (tablet landscape & below) */

@media (max-width: 991.98px) {

  .product-section-container99 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .product-section-header99 {
    font-size: 1.9rem;
    margin-bottom: 2rem;
  }

  .slider-viewport99 {
    padding: 0 28px;
  }

  /* breathing room for buttons */

  .product-card99 {
    width: 260px;
    margin: 0 .75rem;
  }

  .card-image-container99 {
    height: 220px;
  }

  #prevBtn99 {
    left: 2px;
  }

  #nextBtn99 {
    right: 2px;
  }

}



/* <= 767px (tablet portrait) */

@media (max-width: 767.98px) {

  .product-section99 {
    padding: 3rem 0;
  }

  .product-section-header99 {
    font-size: 1.75rem;
  }

  .slider-viewport99 {
    padding: 0 24px;
  }

  .slider-track99 {
    gap: 0;
  }

  /* rely on card margins only */

  .product-card99 {
    width: 240px;
    margin: 0 .625rem;
  }

  .card-image-container99 {
    height: 205px;
  }

  .card-content99 h3 {
    font-size: 1.25rem;
  }

  .card-content99 p {
    font-size: .9rem;
  }

  .card-buttons99 {
    gap: .75rem;
  }

  .slider-nav99 {
    width: 36px;
    height: 36px;
    font-size: .95rem;
  }

}



/* <= 576px (phones) */

@media (max-width: 575.98px) {

  .product-section99 {
    padding: 2.5rem 0;
  }

  .product-section-header99 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }

  .slider-viewport99 {

    padding: 0 20px;

    scroll-snap-type: x mandatory;
    /* smooth 1-card focus when swiping */

  }

  .slider-track99 {
    width: 100%;
  }

  .product-card99 {

    width: calc(100vw - 4rem);
    /* nearly full-width card */

    margin: 0 .5rem;

    scroll-snap-align: center;

  }

  .card-image-container99 {
    height: 200px;
  }

  .card-button99 {
    padding: .55rem 1.05rem;
    font-size: .8rem;
  }

  #prevBtn99,
  #nextBtn99 {
    top: auto;
    bottom: -18px;
    transform: none;
  }

  /* move buttons below */

}



/* <= 430px (small phones) */

@media (max-width: 430px) {

  .product-section-header99 {
    font-size: 1.45rem;
  }

  .product-card99 {
    width: calc(100vw - 3.25rem);
    margin: 0 .5rem;
  }

  .card-image-container99 {
    height: 185px;
  }

  .card-content99 {
    padding: 1rem;
  }

  .card-content99 h3 {
    font-size: 1.15rem;
  }

  .card-content99 p {
    font-size: .875rem;
    min-height: auto;
  }

  .slider-nav99 {
    width: 34px;
    height: 34px;
  }

}



/* <= 390px (very small devices) */

@media (max-width: 390px) {

  .product-section-container99 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .product-section-header99 {
    font-size: 1.35rem;
  }

  .product-card99 {
    width: calc(100vw - 2.75rem);
    margin: 0 .4rem;
    border-radius: .9rem;
  }

  .card-image-container99 {
    height: 170px;
  }

  .card-buttons99 {
    gap: .5rem;
  }

  .card-button99 {
    padding: .5rem .9rem;
    font-size: .78rem;
  }

  #prevBtn99,
  #nextBtn99 {
    bottom: -16px;
  }

}





/* gallery section */





/* <= 1200px */

@media (max-width: 1200px) {

  .section-padding51 {
    padding: 60px 30px;
  }

  .section-title51 h2 {
    font-size: 2.1rem;
  }

  .gallery-item51 {
    margin-bottom: 25px;
  }

}



/* <= 991px (tablet landscape) */

@media (max-width: 991.98px) {

  .section-padding51 {
    padding: 50px 25px;
  }

  .section-title51 {
    margin-bottom: 45px;
  }

  .section-title51 h2 {
    font-size: 1.9rem;
  }

  .gallery-item51 {
    border-radius: 12px;
    margin-bottom: 22px;
  }

  .gallery-overlay51 {
    padding: 16px;
  }

  .gallery-overlay51 h5 {
    font-size: 1rem;
  }

}



/* <= 767px (tablet portrait) */

@media (max-width: 767.98px) {

  .section-padding51 {
    padding: 40px 20px;
  }

  .section-title51 {
    margin-bottom: 35px;
  }

  .section-title51 h2 {
    font-size: 1.7rem;
  }

  .gallery-item51 {
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .gallery-overlay51 {
    padding: 14px;
  }

  .row>.gallery-item51 {

    flex: 0 0 50%;

    max-width: 50%;

  }

}



/* <= 576px (phones) → 2-column grid */

@media (max-width: 575.98px) {

  .section-padding51 {
    padding: 35px 15px;
  }

  .section-title51 h2 {
    font-size: 1.5rem;
  }

  .row>.gallery-item51 {

    flex: 0 0 50%;
    /* 2 items per row */

    max-width: 50%;

  }

  .gallery-item51 {
    margin-bottom: 18px;
  }

  .gallery-overlay51 h5 {
    font-size: 0.95rem;
  }

}



/* <= 430px (small phones) → still 2-col but tighter */

@media (max-width: 430px) {

  .section-padding51 {
    padding: 30px 12px;
  }

  .section-title51 h2 {
    font-size: 1.35rem;
  }

  .row>.gallery-item51 {

    flex: 0 0 50%;

    max-width: 50%;

  }

  .gallery-overlay51 {
    padding: 12px;
  }

  .gallery-overlay51 h5 {
    font-size: 0.9rem;
  }

}



/* <= 390px (very small devices) → fall back to 1-col for readability */

@media (max-width: 390px) {

  .section-padding51 {
    padding: 25px 10px;
  }

  .section-title51 h2 {
    font-size: 1.25rem;
  }

  .row>.gallery-item51 {

    flex: 0 0 100%;

    max-width: 100%;

  }

  .gallery-item51 {
    margin-bottom: 15px;
  }

}





/* contact us page ********************************* */





/* <= 1200px */

@media (max-width: 1200px) {

  .section-padding70 {
    padding: 64px 0;
  }

  .contact-wrapper70 {
    padding: 40px;
  }

  .section-title71 {
    font-size: 2.8rem;
  }

  .contact-hero-section71 {
    padding: 100px 0 70px;
  }

  .contact-hero-section71 h1 {
    font-size: 3.4rem;
  }

  .contact-hero-section71 p {
    font-size: 1.25rem;
    max-width: 700px;
  }

  .map-container70 {
    height: 400px;
  }



  /* Form controls tighten slightly */

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 48px;
    padding: 10px 14px;
  }

  .dropdown-options70 {
    width: 260px;
  }

}



/* <= 991px (tablet landscape) */

@media (max-width: 991.98px) {

  .section-padding70 {
    padding: 56px 0;
  }

  .contact-wrapper70 {
    padding: 32px;
  }

  .contact-info-item70 {
    margin-bottom: 24px;
  }

  .contact-info-item70 .icon70 {
    font-size: 1.8rem;
    margin-right: 16px;
    width: 44px;
  }

  .map-container70 {
    height: 360px;
  }

  .contact-wrapper70 .row {

    display: flex;

    flex-wrap: wrap;

  }

  .contact-wrapper70 .col-lg-5,

  .contact-wrapper70 .col-lg-7 {

    flex: 0 0 50%;
    /* half width each */

    max-width: 50%;

  }

  /* Typography scale */

  .section-title71 {
    font-size: 2.4rem;
    margin-bottom: 44px;
  }

  .contact-hero-section71 {
    padding: 90px 0 64px;
  }

  .contact-hero-section71 h1 {
    font-size: 3rem;
  }

  .contact-hero-section71 p {
    font-size: 1.15rem;
  }



  /* Inputs & dropdown */

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 46px;
    padding: 10px 12px;
  }

  .dropdown-options70 {
    width: 240px;
    max-height: 220px;
  }

  .submit-btn70 {
    padding: 12px 26px;
  }

}



/* <= 767px (tablet portrait) */

@media (max-width: 767.98px) {

  .section-padding70 {
    padding: 48px 0;
  }

  .contact-wrapper70 {
    padding: 26px;
    border-radius: 12px;
  }

  .contact-info-item70 {
    margin-bottom: 20px;
  }

  .map-container70 {
    height: 320px;
  }

  .contact-wrapper70 .row {

    display: flex;

    flex-wrap: wrap;

  }

  .contact-wrapper70 .col-lg-5,

  .contact-wrapper70 .col-lg-7 {

    flex: 0 0 100%;
    /* half width each */

    max-width: 100%;

  }

  /* Headings & hero */

  .section-title71 {
    font-size: 2.05rem;
    margin-bottom: 36px;
  }

  .contact-hero-section71 {
    padding: 76px 0 56px;
  }

  .contact-hero-section71 h1 {
    font-size: 2.5rem;
  }

  .contact-hero-section71 p {
    font-size: 1.05rem;
    max-width: 560px;
  }



  /* Inputs stack comfort */

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 44px;
  }

  .phone-input-group70 {
    gap: 0;
  }

  .dropdown-options70 {
    width: 220px;
  }



  /* Button sizing */

  .submit-btn70 {
    padding: 11px 22px;
    border-radius: 40px;
    font-weight: 600;
  }

}



/* <= 576px (phones) */

@media (max-width: 575.98px) {

  .section-padding70 {
    padding: 42px 0;
  }

  .contact-wrapper70 {
    padding: 20px;
  }

  .map-container70 {
    height: 280px;
  }



  /* Headings */

  .section-title71 {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }

  .contact-hero-section71 {
    padding: 64px 0 44px;
  }

  .contact-hero-section71 h1 {
    font-size: 2.1rem;
  }

  .contact-hero-section71 p {
    font-size: .98rem;
    max-width: 90%;
  }



  /* Form fields to mobile scale */

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 42px;
    font-size: .95rem;
    padding: 9px 12px;
  }

  .selected-flag70 img {
    width: 20px;
    margin-right: 6px;
  }

  .dropdown-options70 {
    width: min(92vw, 320px);
  }



  /* Make submit button thumb-friendly */

  .submit-btn70 {
    padding: 12px 18px;
    font-size: .95rem;
  }



  /* Tighten grid spacing on mobile forms */

  .row.g-5>[class*="col-"] {
    margin-top: 0;
  }

}



/* <= 430px (small phones) */

@media (max-width: 430px) {

  .section-padding70 {
    padding: 36px 0;
  }

  .contact-wrapper70 {
    padding: 18px;
  }

  .map-container70 {
    height: 240px;
  }



  .section-title71 {
    font-size: 1.6rem;
  }

  .contact-hero-section71 {
    padding: 56px 0 38px;
  }

  .contact-hero-section71 h1 {
    font-size: 1.85rem;
  }

  .contact-hero-section71 p {
    font-size: .92rem;
  }



  /* Inputs compact */

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 40px;
    padding: 8px 11px;
    font-size: .92rem;
  }

  .dropdown-options70 {
    width: 92vw;
    left: 0;
    right: 0;
  }



  /* Keep button full-width but not too tall */

  .submit-btn70 {
    padding: 11px 16px;
    font-size: .9rem;
  }

}



/* <= 390px (very small devices) */

@media (max-width: 390px) {

  .section-padding70 {
    padding: 32px 0;
  }

  .contact-wrapper70 {
    padding: 16px;
    border-radius: 10px;
  }

  .map-container70 {
    height: 220px;
  }



  .section-title71 {
    font-size: 1.45rem;
    margin-bottom: 24px;
  }

  .contact-hero-section71 {
    padding: 48px 0 32px;
  }

  .contact-hero-section71 h1 {
    font-size: 1.65rem;
  }

  .contact-hero-section71 p {
    font-size: .88rem;
  }



  .contact-info-item70 .icon70 {
    font-size: 1.6rem;
    margin-right: 12px;
    width: 40px;
  }

  .form-control,
  .phone-input70,
  .selected-flag70 {
    height: 38px;
    padding: 8px 10px;
    font-size: .88rem;
  }

  .submit-btn70 {
    padding: 10px 14px;
    font-size: .88rem;
    border-radius: 36px;
  }

}





/* /blog details page ****************************** */





/* <= 1200px */

@media (max-width: 1200px) {

  .blog-post-container91 {
    margin: 3rem auto;
    padding: 1.5rem;
  }

  .blog-title91 {
    font-size: 2.25rem;
  }

  .blog-content91 h2 {
    font-size: 1.6rem;
  }

  .blog-content91 h3 {
    font-size: 1.3rem;
  }

  .feature-image91 {
    width: 88%;
  }

  .related-posts-grid91 {
    gap: 1.5rem;
  }

  .related-post-card91 img {
    height: 220px;
  }

}



/* <= 991px (tablet landscape) */

@media (max-width: 991.98px) {

  .blog-post-container91 {
    margin: 2.5rem auto;
    padding: 1.5rem;
  }

  .blog-title91 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .blog-content91 {
    font-size: 1rem;
  }

  .blog-content91 blockquote {
    margin: 1.5rem 0;
    font-size: 1.1rem;
  }

  .feature-image91 {
    width: 92%;
    margin-bottom: 2rem;
  }

  .related-posts-grid91 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }

  .related-post-card91 img {
    height: 210px;
  }

}



/* <= 767px (tablet portrait) */

@media (max-width: 767.98px) {

  .blog-post-container91 {
    margin: 2rem auto;
    padding: 1.25rem;
  }

  .blog-header91 {
    margin-bottom: 1.5rem;
  }

  .blog-category91 {
    font-size: 0.85rem;
    letter-spacing: .8px;
  }

  .blog-title91 {
    font-size: 1.8rem;
  }

  .feature-image91 {
    width: 100%;
    margin-bottom: 1.75rem;
  }

  .blog-content91 h2 {
    font-size: 1.45rem;
    margin-top: 2rem;
  }

  .blog-content91 h3 {
    font-size: 1.2rem;
  }

  .related-posts-header91 {
    font-size: 1.5rem;
    margin-bottom: 1.75rem;
  }

  .related-post-card91 img {
    height: 190px;
  }

}



/* <= 576px (phones) — keep related posts at 2 columns */

@media (max-width: 575.98px) {

  .blog-post-container91 {
    margin: 1.75rem auto;
    padding: 1rem;
  }

  .blog-title91 {
    font-size: 1.6rem;
  }

  .blog-content91 {
    font-size: .98rem;
  }

  .blog-content91 blockquote {
    font-size: 1.05rem;
    padding-left: 1rem;
  }

  .related-posts-grid91 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .related-post-card91 img {
    height: 170px;
  }

}



/* <= 430px (small phones) — still 2 columns for related posts */

@media (max-width: 430px) {

  .blog-post-container91 {
    margin: 1.5rem auto;
    padding: .875rem;
  }

  .blog-title91 {
    font-size: 1.45rem;
  }

  .blog-content91 h2 {
    font-size: 1.3rem;
  }

  .blog-content91 h3 {
    font-size: 1.1rem;
  }

  .related-posts-grid91 {
    grid-template-columns: repeat(2, 1fr);
    gap: .875rem;
  }

  .related-post-card91 img {
    height: 160px;
  }

  .related-post-content91 {
    padding: 1rem;
  }

  .related-post-content91 h4 {
    font-size: 1rem;
  }

}



/* <= 390px (very small devices) — switch related posts to 1 column */

@media (max-width: 390px) {

  .blog-post-container91 {
    margin: 1.25rem auto;
    padding: .75rem;
    border-radius: 8px;
  }

  .blog-title91 {
    font-size: 1.35rem;
  }

  .blog-content91 {
    font-size: .95rem;
  }

  .related-posts-grid91 {
    grid-template-columns: 1fr;
    gap: .875rem;
  }

  .related-post-card91 img {
    height: 180px;
  }

}



/* market Area page******************** */





/* <= 1200px */

@media (max-width: 1200px) {

  .market-area-container97 {
    margin: 3rem auto;
    padding: 1.5rem;
  }

  .location-grid97 {
    grid-template-columns: repeat(3, 1fr);
    gap: .875rem;
  }

  .location-item97 {
    font-size: .88rem;
    padding: .7rem 1rem;
  }

}



/* <= 991px (tablet landscape) */

@media (max-width: 991.98px) {

  .market-area-container97 {
    margin: 2.5rem auto;
    padding: 1.25rem;
  }

  .location-section97 h2 {
    font-size: 1.3rem;
  }

  .location-section97 h3 {
    font-size: 1.15rem;
  }

  .location-grid97 {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }

  .location-item97 {
    font-size: .85rem;
  }

}



/* <= 767px (tablet portrait) */

@media (max-width: 767.98px) {

  .market-area-container97 {
    margin: 2rem auto;
    padding: 1rem;
  }

  .location-section97 h2 {
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
  }

  .location-section97 h3 {
    font-size: 1.05rem;
    margin-top: 1.5rem;
  }

  .location-grid97 {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }

  .location-item97 {
    font-size: .82rem;
    padding: .65rem .9rem;
  }

}



/* <= 576px (phones) */

@media (max-width: 575.98px) {

  .market-area-container97 {
    margin: 1.75rem auto;
    padding: .875rem;
  }

  .location-section97 h2 {
    font-size: 1.15rem;
  }

  .location-section97 h3 {
    font-size: 1rem;
  }

  .location-grid97 {
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
  }

  .location-item97 {
    font-size: .8rem;
    padding: .6rem .75rem;
  }

}



/* <= 430px (small phones) */

@media (max-width: 430px) {

  .market-area-container97 {
    margin: 1.5rem auto;
    padding: .75rem;
  }

  .location-section97 h2 {
    font-size: 1.05rem;
  }

  .location-section97 h3 {
    font-size: .95rem;
  }

  .location-grid97 {
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
  }

  .location-item97 {
    font-size: .78rem;
  }

}



/* <= 390px (very small devices) */

@media (max-width: 390px) {

  .market-area-container97 {
    margin: 1.25rem auto;
    padding: .65rem;
  }

  .location-section97 h2 {
    font-size: 1rem;
  }

  .location-section97 h3 {
    font-size: .9rem;
  }

  .location-grid97 {
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
  }

  .location-item97 {
    font-size: .75rem;
    padding: .55rem .7rem;
  }

}



/* sitemap********************* */





/* <= 1200px — 3-column top-level grid */

@media (max-width: 1200px) {

  .sitemap-list-container {
    padding: 1.5rem;
  }

  .sitemap-list {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1.25rem 2rem;
    /* row / column gap */

  }

  .sitemap-list>li {
    margin-bottom: 0;
  }

  /* grid controls spacing */

  .sitemap-list>li>a {
    font-weight: 600;
  }

  .sitemap-list>li>ul {
    padding-left: 1rem;
    margin-top: .5rem;
  }

  .sitemap-list ul ul {
    padding-left: .85rem;
  }

}



/* <= 991px — switch to 2 columns */

@media (max-width: 991.98px) {

  .sitemap-header {
    padding: .875rem 1.5rem;
  }

  .sitemap-header h1 {
    font-size: 1.6rem;
  }

  .sitemap-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.5rem;
  }

  .sitemap-list a {
    font-size: 1.08rem;
    line-height: 1.35;
  }

  .sitemap-list ul a {
    font-size: 1rem;
  }

  .sitemap-list ul ul a {
    font-size: .95rem;
  }

}



/* <= 767px — keep 2 columns, tighten indents */

@media (max-width: 767.98px) {

  .sitemap-list-container {
    padding: 1.25rem;
  }

  .sitemap-list {
    gap: .875rem 1.25rem;
  }

  .sitemap-list>li>ul {
    padding-left: .85rem;
  }

  .sitemap-list ul ul {
    padding-left: .75rem;
  }

  .sitemap-list a {
    font-size: 1.02rem;
  }

  .sitemap-list ul a {
    font-size: .98rem;
  }

}



/* <= 576px — single column for readability */

@media (max-width: 575.98px) {

  .sitemap-header h1 {
    font-size: 1.45rem;
  }

  .sitemap-list {

    grid-template-columns: 1fr;

    gap: .75rem;

  }

  .sitemap-list a {
    font-size: 1rem;
  }

  .sitemap-list ul a {
    font-size: .96rem;
  }

  .sitemap-list ul ul a {
    font-size: .92rem;
  }

  .sitemap-list li {
    margin-bottom: .5rem;
  }

}



/* <= 430px */

@media (max-width: 430px) {

  .sitemap-list-container {
    padding: 1rem;
  }

  .sitemap-header {
    padding: .75rem 1rem;
  }

  .sitemap-header h1 {
    font-size: 1.35rem;
  }

  .sitemap-list a {
    font-size: 1rem;
  }

  .sitemap-list ul {
    padding-left: .75rem;
    font-weight: 800;
  }

  .sitemap-list ul ul {
    padding-left: .65rem;
    font-weight: 400;
  }

}



/* <= 390px */

@media (max-width: 390px) {

  .sitemap-container {
    margin: 1.25rem auto;
  }

  .sitemap-list-container {
    padding: .875rem;
  }

  .sitemap-header h1 {
    font-size: 1.25rem;
  }

  .sitemap-list a {
    font-size: .95rem;
    line-height: 1.4;
  }

  .sitemap-list ul a {
    font-size: .92rem;
    font-weight: 500;
  }

  .sitemap-list ul ul a {
    font-size: .9rem;
    font-weight: 400;
  }

}











@media (min-width: 1200px) {

  .popup-modal08 {

    max-width: 600px;
    /* prevent too wide */

    max-height: 90vh;
    /* prevent cutting on tall screens */

    overflow-y: auto;
    /* scroll if content is taller */

    padding: 2rem;

  }

}





/* ✅ Responsive: Minimize overall form size */

@media (max-width: 768px) {

  .popup-modal08 {

    max-width: 90%;

    padding: 1rem;

  }



  .popup-modal08 h3 {

    font-size: 1rem;

    margin-bottom: 0.75rem;

  }



  .form-input08,

  .phone-input70,

  textarea {

    font-size: 0.85rem;

    padding: 0.5rem 0.75rem;

  }



  .selected-flag70 {

    padding: 0.4rem 0.6rem;

    font-size: 0.85rem;

  }



  .submit-button08 {

    font-size: 0.9rem;

    padding: 0.6rem;

  }

}



@media (max-width: 480px) {

  .popup-modal08 {

    max-width: 95%;
    max-height: 70vh;
    padding: 0.75rem;

  }



  .popup-modal08 h3 {

    font-size: 0.9rem;

  }



  .form-input08,

  .phone-input70,

  textarea {

    font-size: 0.8rem;

    padding: 0.45rem 0.65rem;

  }



  .submit-button08 {

    font-size: 0.85rem;

    padding: 0.55rem;

  }

}





/* Sirf textarea par apply hoga, inputs par nahi */

.form-group08 textarea.form-input08 {

  height: 100px;
  /* fixed view height — apni need ke hisaab se change kar lo */

  min-height: 80px;
  /* optional safeguard */

  max-height: 160px;
  /* optional: user resize limit */

  overflow-y: auto;
  /* scrollbar when needed */

  overflow-x: hidden;
  /* no horizontal scroll */

  resize: vertical;
  /* allow manual vertical resize; use 'none' to lock */

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

  scrollbar-gutter: stable both-edges;
  /* optional: layout stable when scrollbar appears */

}



/* Responsive Styles */

@media (max-width: 767.98px) {

  .hero-section-privacyX {

    padding: 60px 0;

  }

  .hero-section-privacyX h1 {

    font-size: 2.2rem;

  }

  .policy-contentX {

    padding: 60px 0;

  }

  .policy-contentX h2 {

    font-size: 1.6rem;

  }

  .policy-contentX h3 {

    font-size: 1.2rem;

  }

}



/* write a review page code */



/* ======= Responsive overrides — append below your CSS ======= */



/* >= 1400px: widen card slightly on very large screens */

@media (min-width: 1400px) {

  .review-card {
    max-width: 1200px;
  }

  .review-wrapper {
    padding: 80px 24px;
  }

}



/* <= 1210px: keep nice readable line-length */

@media (max-width: 1210px) {

  .review-card {
    max-width: 1040px;
  }

}



/* <= 991px: stack image over form, control image height/aspect */

@media (max-width: 991px) {

  .review-card {

    flex-direction: column;

    max-width: 760px;

  }



  .review-card__image-section {

    width: 100%;

    /* maintain a good visual window for the image */

    aspect-ratio: 16 / 9;
    /* modern browsers */

    min-height: 300px;
    /* fallback height */

  }



  .review-card__image-section img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .review-card__form-section {

    padding: 28px;

  }



  .review-card__title {
    font-size: 24px;
  }

  .review-card__subtitle {
    font-size: 13px;
  }

}



/* <= 767px: inputs go single column, tighter gutters */

@media (max-width: 767px) {

  .review-wrapper {
    padding: 40px 16px;
  }



  .review-card__form-section {
    padding: 24px;
  }



  .review-card__input-row {

    flex-direction: column;

    gap: 12px;

    margin-bottom: 12px;

  }



  .review-card__input,

  .review-card__textarea {

    font-size: 15px;

    padding: 12px 14px;

  }



  .unique-star {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }

}



/* <= 576px: compact spacing & buttons, image window a bit shorter */

@media (max-width: 576px) {

  .review-card {
    max-width: 520px;
  }



  .review-card__image-section {

    aspect-ratio: 4 / 3;

    min-height: 240px;

  }



  .review-card__form-section {
    padding: 20px;
  }



  .review-card__title {
    font-size: 22px;
  }

  .review-card__submit-btn {

    padding: 13px;

    font-size: 15px;

    border-radius: 8px;

  }

}



/* <= 430px: smallest text/padding, stars slightly smaller */

@media (max-width: 430px) {

  .hero-banner11 .hero-headline11 {
    font-size: 18px;
    padding: 7px 10px;
  }

  .review-wrapper {
    padding: 32px 12px;
  }



  .review-card__form-section {
    padding: 18px;
  }



  .review-card__title {
    font-size: 20px;
  }

  .review-card__subtitle {
    font-size: 12.5px;
  }



  .review-card__input,

  .review-card__textarea {

    font-size: 14px;

    padding: 10px 12px;

  }



  .unique-star {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }

}