/* // `sm` applies to x-small devices (portrait phones, less than 576px) */

/* @media (max-width: 575.98px) { */
@media (max-width: 767.98px) {
    
  :root {
    --section-top-bottom-padding: 40px;
  }
  .hero-title {
    font-size: 24px;
    text-align: center;
    padding: 0;
    line-height: 130%; /* 31.2px */
    /* letter-spacing: 0.5px; */
    margin-bottom: 0;
  }
  .hero-wrapper {
    flex-wrap: wrap;
    background-color: transparent;
  }
  .left-section,
  .right-section {
    width: 100%;
    border-radius: 0;
    height: fit-content;
  }
  .need-help{
      flex-wrap:wrap;
      /*flex-grow:1;*/
      flex-direction:column;
  }

  .right-section {
    padding: 0;
    border-radius: 10px;
    /* margin-top: 150px; */
  }
  .right-section img {
    height: 527px;
    width: 100%;
    border-radius: 10px;
    /* object-position: center center; */
  }
  .hero-subtitle {
    display: none;
  }
  .search-bar-wrapper {
    display: none;
    /* order: 2; */
    /* top: -50px; */
  }

  .search-bar-wrapper-mobile {
    width: 100%;
    margin: 30px 0;
    flex-shrink: 0;
    background-color: white;
    bottom: 0px;
    z-index: 98;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }

  .search-icon-mobile {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 150;

    transform: translate(0, -50%);
  }
  .search-input-mobile {
    padding: 17px 20px;

    border-radius: 12px;
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: rgba(255, 255, 255, 0.11);
  }
  .search-input-mobile::placeholder {
    color: #b1b2b1;
  }
  .search-bar-containerr-mobile {
    width: 100%;
  }
  .search-label-mobile {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .search-bar-mobile {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex-grow: 1;
    /* align-items: end; */
  }

  .slogan-section {
    padding: calc(var(--section-top-bottom-padding) / 2);
  }
  .slogan {
    font-size: 14px;
  }

  .challenges-section {
    /* padding: 0 !important; */
    padding-top: var(--section-top-bottom-padding) !important;
  }
  .challenges-section .container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    margin-right: auto;
    margin-left: auto;
  }

  .primary-section-title {
    font-size: 24px;
  }
  .challenges {
    flex-wrap: wrap;
  }
  .challenge,
  .challenge-title,
  .challenge-text {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .need-help {
    height: fit-content;
  }
  .container.need-help {
    justify-content: center;
    flex-wrap: wrap;
  }
  .need-help h2 {
    font-size: 24px;
  }

  .section-description {
    width: 100%;
    font-size: 14px;
  }
  .togethers {
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }
  .secondary-section-title {
    font-size: 24px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .im-here-left {
    display: none;
  }
  .im-here-right,
  .here-infos,
  .here-info,
  .here-title,
  .here-text {
    text-align: center;
    width: 100%;
  }
  .here-info {
    padding: 20px 0 0 0;
    gap: 15px;
  }

  .controls-wrapper,
  .testimonials,
  .paths {
    flex-wrap: wrap;
  }
  .index-equipments-section .container {
    gap: 20px;
    justify-content: center;
  }
  svg {
    width: 30px;
    height: 30px;
  }
  span.num {
    font-size: 20px;
  }
  .testimonial {
    width: 100%;
    height: fit-content;
    gap: 0px;
  }
  .testimonial-text,
  .writer {
    padding: 20px;
  }
  .sub-heading {
    font-size: 18px;
    text-align: center;
  }
  .paths {
    width: 100%;
    gap: 30px;
  }
  .path {
    width: 100%;
  }
  .sub-heading-2 {
    font-size: 14px;
    width: 80%;
  }
  .sub-heading-2 span {
    font-size: 14px;
  }
  .numbers {
    flex-wrap: wrap;
  }
  .number-wrapper {
    width: 100%;
    align-items: center;
  }

  /* About US Page */

  .about-hero-heading {
    font-size: 24px;
  }
  .about-sub-heading {
    font-size: 14px;
  }
  .about-hero-section {
    height: 300px;
  }
  .about-hero-story {
    height: auto;
  }
  .about-hero-story .container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .story-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
  }
  .about-right,
  .about-left {
    width: 80%;
  }
  .about-left {
    order: 2;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
  .about-right {
    height: 450px;
    margin-top: -100px;
    order: 1;
  }
  .third-section-title{
    font-size: 20px;
    width: 90%;
  }
  .secondary-section-description{
    font-size: 14px;
font-weight: 400;
width: 90%;
  }
  .values{
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
  }
  .value{
    align-items: center;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    /* flex-basis: min-content; */


  }
  .value-text{
    text-align: center;
  }
  .value-img svg{
    width: 40px;
    height: 40px;
  }

  .mission-wrapper{
    flex-wrap: wrap;
    gap: 40px;
  }
  .mission-title{
    font-size: 24px;

  }
  .mission-text{
    font-size: 14px;
    text-align: justify;

  }
  .mission{
    width: 90%;
  }
  #margin-mobile{
    margin-top: 50px;
  }
  #story-wrapper-2{
    /* display: flex; */
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

    #story-wrapper-2 .about-left{
    /* display: flex; */
    order: unset;
  }
  .about-right{

  }
  .accordion{
    width: 90%;
  }
  .accordion-button{
    font-size: 18px !important;
  }
  #right{
    height: 350px;
  }

  /* About US Page */




/* Contact Us Page */
  .contact-hero-title,.contact-section-title{
    font-size: 24px;

  }
  .contact-hero-sub-heading{
    font-size: 14px;
  }
  .contact-us-section .container {
     --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto; 
  }
  .contact-us-section .container {
    max-width: 100% ;
  }
  .contact-us-section .container div,form,.row{
    /* max-width: 100% !important; */
  }
  /* .row{
    margin-right: 0px !important;
    padding-right: 0px !important;
  } */


  .info-items{
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    align-items: center;
    
  }
  .info-item{
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    width: 250px;

  }
  .info-img svg{
    width: 60px  !important;
    height: 60px !important;
  }
  /* Contact Us Page */

  /* Equipment Page */
  .equipment-hero-title {
    font-size: 24px;
  }
  .search-label{
    font-size: 18px;
  }
  .equipment-hero-sub-heading{
    font-size: 18px;
    width: 90%;
  }

  .equipments-wrapper{
    flex-wrap: wrap; justify-content: center;
  }
  .search-bar-wrapper{
    display: block;
    height: fit-content;
  }
  .search-bar label{
    margin-top: 10px;
  }
  .search-bar-container{
    gap: 0px;
    padding: 0;
    align-items: stretch;
    flex-direction: column;
  } 
  .btn-search{
    width: 100%;
    margin-top: 20px;
    /* padding: 0px !important; */
    height: 40px;
  }
  #searchInput{
    height: 40px;
  }
  .equipments-section-title{
    font-size: 16px;
    width: 100%;

  }
  .equipment-card{
    width: 100%;
    box-shadow: 1px 1px 10px #00000078;
    height: fit-content;

  }
/* Equipment Page */


/* Financing Page */
.finance-section-title,.finance-title{
  font-size: 24px;
}
.finance-section-text{
  font-size: 18px;
}
.step,strong{
  font-size: 16px;
}
a[href="finance.html"].btn-primary-custom
{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.finance-upper{
  /* order: 2; */
}
.finance-img,.finance-upper{
  width: 100%;
}
.finance-img{
  height: 200px;
}
.finance-right{
  display: none;
}
.finance-left{
  width: 100%;
}
/* Financing Page */




.equipment-name{
  font-size: 30px;
}
.equipment-gallery{
  flex-direction: column;
}
.equipment-gallery-item{
  width: 80%;
  width: 270px;
  height: 270px;
}
.brief-equipment-description{
  font-size: 14px;
}
.features-title{
  font-size: 24px;
  padding-bottom: calc(var(--section-top-bottom-padding) - 20px);
}
.features-table thead{
display: none;
}
.features-table tbody tr{
  display: flex;
  flex-direction: column;
}
.features-table tbody tr td{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  justify-content: center;
  text-align: center;
}
.description-section-title{
  padding-bottom: calc(var(--section-top-bottom-padding) - 20px);
}
.comparisons-title{
  font-size: 24px;
 
}
.description-section-text{
  font-size: 14px;
}

.comparisons-table{
  padding-inline: 20px;
  box-shadow: none;
}
.comparisons-table thead{
  display: none;

}
.comparisons-table tbody tr{
  display: flex;
  flex-direction: column;
 text-align: center;
 margin-bottom: 40px;
}
.comparisons-table tbody tr td{
  padding-top: 50px !important;
  padding-bottom: 50px !important;

}
.comparisons-table tbody tr td{
  background-color: #fff !important;
}
.comparisons-table tbody tr td:first-child{
  background-color:#EAF5FB !important;
}
.btn-primary-custom  .tt{
  display: none;
}
.btn-primary-custom .ttt{
  display: block !important;
}
.pricing-title{
  font-size: 30px;
  padding-bottom: calc(var(--section-top-bottom-padding) - 10px);
}
.catalog-section-title{
  font-size: 24px;
}
.catalog-section-description{
  font-size: 14px;
}
.accessory{
  display: flex;
  flex-direction: column-reverse !important;
}
.accessory-details, .accessory-table,.accessory-img{
  width: 100% !important;
}
.home-search-containerr{
  display: none;
}










}



/* only screen and */
/* @media (min-width: 576px) and (max-width: 1025px) { */
@media (min-width: 768px) and (max-width: 1080px) {
  :root {
    --section-top-bottom-padding: 40px;
  }

  .left-section {
    width: 50%;
    /* height: 450px; */
  }
  .right-section {
    width: 50%;
    border-radius: 0;
    /* height: 650px; */
  }
  .right-section img {
    height: 527px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  }
  .hero-title {
    font-size: 28px;
  }
  .hero-subtitle {
    /* display: none; */
  }
  .challenges.togethers {
    flex-wrap: wrap;
  }
  .section-description,
  .togethers {
    width: 100%;
  }
  .im-here-left {
    width: 45%;
  }
  .im-here-left img {
    height: 100%;
    object-fit: cover;
  }
  .im-here-right {
    width: 55%;
  }
  .here-infos {
    width: 100%;
  }
  .here-info {
    padding: 20px;
  }
  .paths {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* flex-grow: 1; */
  }
  .path {
    flex-grow: 1;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    align-self: stretch;
  }
  .numbers {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .number-wrapper {
    flex-grow: 1;

    align-self: stretch;
  }

  .testimonials {
    /* padding: 0px; */
    /* padding-top: 20px; */
    flex-wrap: wrap;
    justify-content: center;
  }
  .testimonial-text,
  .writer {
    padding: 20px;
  }



  #story-wrapper-2{
    /* display: flex; */
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    /* margin-top: 30px; */
}
#story-wrapper-2 .about-left{
  width: 100%;
  
}
#right{
  margin-top: -120px;
}
    #story-wrapper-2 , .story-wrapper .about-right{
    /* display: flex; */
    /* order: unset; */
    width: 50%;
  }





  
/* Contact Us Page */
.contact-hero-title,.contact-section-title{
  font-size: 40px;

}
.contact-hero-sub-heading{
  font-size: 20px;
}
.contact-us-section .container {
   --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-right: auto;
  margin-left: auto; 
}
.contact-us-section .container div,form,.row{
  max-width: 100% !important;
}
/* .row{
  margin-right: 0px !important;
  padding-right: 0px !important;
} */


.info-items{
  padding: 20px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  align-items: center;
  
}
.info-item{
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  width: 250px;
  /* flex-shrink: 1; */
  /* justify-content: space-between; */
  flex-basis: content;
  flex-grow: 1;

}
.info-img svg{
  width: 60px  !important;
  height: 60px !important;
}
/* Contact Us Page */







  /* Equipment Page */
  .equipment-hero-title {
    font-size: 40px;
  }
  .search-label{
    font-size: 18px;
  }
  .equipment-hero-sub-heading{
    font-size: 18px;
    width: 90%;
  }

  .equipments-wrapper{
    flex-wrap: wrap; justify-content: center;
  }
  .search-bar-wrapper{
    display: block;
    height: fit-content;
  }

  
 .search-bar-container{
  margin-top: 20px;
 }
  .equipments-section-title{
    font-size: 16px;
    width: 100%;

  }
  .equipment-card{
    box-shadow: 1px 1px 10px #00000078;
    max-height: fit-content;
  }
/* Equipment Page */


.finance-upper{
  width: 100%;
}
.finance-section-title{
  font-size: 30px;
}
.finance-right{
  width: 45%;
}
.finance-title{
  width: 700px;
}



.equipment-gallery-item{
  width: 45%;
  }
  
}
.btn-primary-custom span:first-child{
  display: none;
}
/* // `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... } */




.equipments-wrapper{
  flex-wrap: wrap;
}


.index-equipments-wrapper {
  overflow: hidden; /* Hide scrollbars */
  width: 100%; /* Adjust based on your design */
}

.index-equipments {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth; /* Enable smooth scrolling */
  gap: 20px; /* Add spacing between items */
justify-content: start ;
}

.index-equipment {
  flex: 0 0 100%; /* Mobile: Show 1 item */
  box-sizing: border-box;
}

/* Tablet: Show 2 items */
@media (min-width: 768px) {
  .index-equipment {
      flex: 0 0 calc(50% - 10px); /* Adjust for 2 items with a gap */
  }
}

/* Desktop: Show 3 items */
@media (min-width: 1024px) {
  .index-equipment {
      flex: 0 0 calc(33.33% - 13px); /* Adjust for 3 items with a gap */
  }
}


 @media (max-width: 575.98px) { 

.index-equipments {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth; /* Enable smooth scrolling */
  gap: 20px; /* Add spacing between items */
justify-content: start !important;
}}