.gallary-img-border{
    border: 7px solid white;
    border-radius: 20px;
}

.contact-form-address{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px !important;
}

.cols-4 .widget-column-1 img{
    border-radius: 0 !important;
}

.feedback-image{
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
    object-fit: contain !important;
    
}

.feedback-side-image{
    display: block;
}

/* Default styles (applies to all screens larger than 300px) */
.horsetech-gallry-title {
    font-size: 18px;
}

@media screen and (max-width: 769px) {
    .feedback-side-image{
        display: none !important;
    }

}
@media screen and (max-width: 910px) {
    .site-header-1{
        display: none !important;
    }
}

/* Mobile devices (below 300px) */
@media screen and (max-width: 300px) {
    .horsetech-gallry-title {
        font-size: 30px; /* Adjust for small screens */
    }
}
@media screen and (max-width: 600px) {
    #slider-image-2{
        height: 400px !important;
    }
    #slider-image-1{
        height: 400px !important;
    }
    #slider-image-3{
        height: 400px !important;
    }
    .home-slider{
        margin-top: 70px !important;
    }
}

/* Mobile to small tablet devices (min-width: 300px and max-width: 600px) */
@media screen and (min-width: 300px) and (max-width: 600px) {
    .horsetech-gallry-title {
        font-size: 35px; /* Adjust for small screens */
    }
}


/* Tablets to small laptops (min-width: 600px and max-width: 1024px) */
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .horsetech-gallry-title {
        font-size: 40px; /* Adjust for tablets and small laptops */
    }
}

/* Laptops to medium desktops (min-width: 1024px and max-width: 1440px) */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .horsetech-gallry-title {
        font-size: 49px; /* Adjust for medium desktops */
    }
}

/* Large desktops (min-width: 1440px) */
@media screen and (min-width: 1440px) {
    .horsetech-gallry-title {
        font-size: 49px; /* Default font size for very large screens */
    }
}





/* navbar css */
@media screen and (min-width: 980px) and (max-width: 1080px) {
    .navbar-btn{
        display: none !important;
    }
}
@media screen and (min-width: 982.5px) {
.hamburger-icon{
    display: none !important;
}
}
@media screen and (max-width: 768px) {
.navbar-btn{
    display: none !important;
}
}
@media screen and (max-width: 600px) {
.hamburger-icon{
    font-size: 30px !important;
}
}
    @media screen and (min-width: 911px) and (max-width: 982.5px) {

    .navbar-container{
        top: 55px !important;  
    }
    .navbar{
        width: 100% !important;
        border-radius: 0 !important;
        background: #161616 !important;

    }
    .navbar-tabs ul{
        display: none !important;
    }
    .hamburger-icon{
        display: flex !important;
    }
    .navbar-btn{
        padding: 5px 30px !important;
        background-color: rgb(224, 223, 223) !important;
    }
    .navbar-logo{
        padding-left: 10px !important;
    }
}
@media screen and (max-width: 910px) {
    .navbar-container{
        top: 0 !important;  
    }
    .navbar{
        width: 100% !important;
        border-radius: 0 !important;
        background: #161616 !important;

    }
    .navbar-tabs ul{
        display: none !important;
    }
    .hamburger-icon{
        display: flex !important;
    }
    .navbar-btn{
        padding: 5px 30px !important;
        background-color: rgb(224, 223, 223) !important;
    }
    .navbar-logo{
        padding-left: 10px !important;
    }
}
@media screen and (max-width: 400px){
    .navbar-logo{
        height: 85% !important;
    }
    .navbar-logo-text{
        font-size: 26px !important;
    }
}


/* navbar-container */
.navbar-container {
    position: absolute;
    width: 100%;
    z-index: 50;
    top: 55px;
left: auto;
right: auto;
/* display: flex;
justify-content:center; */
  }
  
  /* navbar */
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 1vw;
    background: rgba(0, 0, 0, .45);
    width: 100%;
    height: 70px;
    /* border-radius: 30px; */
  }
  
  /* navbar-logo */
  .navbar-logo {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .navbar-logo-img {
    height: 90%;
  }
  
  .navbar-logo-text {
    color: white;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
  }
  
  /* navbar-tabs */
  .navbar-tabs ul {
    display: flex;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  .navbar-tab {
    color: white;
    text-decoration: none;
    font-size: 20px;
    /* font-weight: bold; */
    font-family: 'Oswald', sans-serif;
  }
  
  .navbar-tab:hover {
    color: orange;
  }
  
  /* navbar-btn */
  .navbar-btn {
    background: white;
    color: black;
    height: 80%;
    font-size: 18px;
    border: none;
    padding: 5px 20px;
    border-radius: 35px;
    cursor: pointer;
  }
  
  .navbar-btn:hover{
    background-color: orange !important;
    color: white !important;
    
}

.hamburger-icon {
    font-size: 40px;
    color: white;
    cursor: pointer;
    display: none ;
    padding: 10px;
  }

  .hamburger-icon:hover{
    color: orange !important;
  }
  




  /* new slider */

 /* General Styles */
.slider-container-horsetech {
    position: relative !important;
    width: 100% !important; /* Full screen width */
    margin: 0 auto !important;
    overflow: hidden !important;
  }
  
  .slider-horsetech {
    display: flex !important;
    transition: transform 0.5s ease !important;
  }
  
  .slide-horsetech {
    min-width: 100% !important; /* Full screen width */
    height: 100% !important; /* Full screen height */
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
  }
  
  .content-horsetech {
    text-align: center !important;
    position: absolute !important;
    color: #333 !important;
    z-index: 10 !important;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    padding: 20px !important;
    border-radius: 8px !important;
    width: 60% !important;
  }
  
  .title-horsetech {
    font-size: 1.2rem !important;
    color: orange !important;
  }
  
  .description-horsetech {
    font-size: 3rem !important;
    color: rgb(235, 233, 233) !important;
    margin-top: 10px !important;
    font-weight: bold !important;
  }
  
  /* Dot Navigation */
  .dots-horsetech {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .dot-horsetech {
    height: 10px !important;
    width: 10px !important;
    border-radius: 50% !important;
    background-color: gray !important;
    margin: 0 5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s !important;
  }
  
  .dot-horsetech.active-horsetech {
    background-color: orange !important;
  }
  
  /* Navigation Arrows */
  .prev-horsetech, .next-horsetech {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    color: white !important;
    border: none !important;
    padding: 10px !important;
    cursor: pointer !important;
    z-index: 20 !important;
  }
  
  .prev-horsetech {
    left: 10px !important;
  }
  
  .next-horsetech {
    right: 10px !important;
  }
  
  /* Slide Animation Styles */
  .fade-0-horsetech {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
  
  .fade-1-horsetech {
    opacity: 1 !important;
    transform: translateX(100%) !important;
  }
  
  .fade-2-horsetech {
    opacity: 1 !important;
    transform: translateX(-100%) !important;
  }
  
  /* Media Queries for Responsiveness */
  
  /* Mobile Devices (Small) */
  @media (max-width: 480px) {
    .slider-container-horsetech {
      height: 70vh !important; /* 60% of viewport height */
    }
  
    .content-horsetech {
      font-size: 0.9rem !important;
      top:30vh !important;
      width:90% !important
    }
  
    .title-horsetech {
      font-size: .9rem !important;
    }
  
    .description-horsetech {
      font-size: 1.5rem !important;
    }
  
    .prev-horsetech, .next-horsetech {
      padding: 5px !important;
    }
  }
  
  /* Tablet Devices (Medium) */
  @media (min-width: 481px) and (max-width: 768px) {
    .slider-container-horsetech {
      height: 100vh!important; /* 70% of viewport height */
    }
  
    .content-horsetech {
      font-size: 1rem !important;
      width: 65% !important;
    }
  
    .title-horsetech {
      font-size: 1rem !important;
    }
  
    .description-horsetech {
      font-size: 1.7rem !important;
    }
  
    .prev-horsetech, .next-horsetech {
      padding: 8px !important;
    }
  }
  
  /* Laptop Devices (Large) */
  @media (min-width: 769px) and (max-width: 1024px) {
    .slider-container-horsetech {
      height: 80vh !important; /* 80% of viewport height */
    }
  
    .content-horsetech {
      font-size: 1.1rem !important;
    }
  
    .title-horsetech {
      font-size: 1.2rem !important;
    }
  
    .description-horsetech {
      font-size: 2rem !important;
      line-height: 35px !important;
    }
  
    .prev-horsetech, .next-horsetech {
      padding: 10px !important;
    }
  }
  
  /* Desktop Devices (Extra Large) */
  @media (min-width: 1025px) {
    .slider-container-horsetech {
      height: 100vh !important; /* 100% of viewport height */
    }
  
    .content-horsetech {
      font-size: .7rem !important;
    }
  
    .title-horsetech {
      font-size: 1.5rem !important;
    }
  
    .description-horsetech {
      font-size: 3.5rem !important;
      line-height: 70px !important;
      font-family: 'oswald';

    }
  
    .prev-horsetech, .next-horsetech {
      padding: 12px !important;
    }
  }

  .feedback-title{
    font-size: 35px !important;
  }

  /*  feedback text font */
  @media (min-width: 769px) and (max-width: 1024px) {
    .feedback-title{
      font-size: 20px !important;
    }
  }
  @media (min-width: 1025px) {
    .feedback-title{
      font-size: 30px !important;
    }
  }


  /* testimoni */
  /* TestimonialSection.css */
.testimonial-section-horsetech {
  display: flex !important;
  justify-content: center !important;
  padding: 50px 20px !important;
  background-color: white!important;
}

.testimonial-container-horsetech {
  display: flex !important;
  width: 100% !important;
  max-width: 1200px !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
}

.testimonial-left-horsetech {
  width: 35% !important;
  padding-right: 20px !important;
}

.testimonial-image-horsetech {
  width: 100% !important;
  height: auto !important;
  /* object-fit: cover !important; */
}

.testimonial-right-horsetech {
  width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: 40px !important;
}

.testimonial-right-horsetech h3 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
  color: orangered;
}

.feedback-slider-horsetech {
  margin-bottom: 20px !important;
  text-align: center !important;
  margin-top: 20px !important;
}

.feedback-text-horsetech {
  font-size: 18px !important;
  font-style: italic !important;
  margin-bottom: 20px !important;
}

.testimonial-details-horsetech {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.testimonial-photo-horsetech {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  margin-right: 10px !important;
}

.testimonial-name-horsetech {
  font-size: 16px !important;
  font-weight: bold !important;
}

.dot-container-horsetech {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 20px !important;
}

.dot-horsetech {
  width: 10px !important;
  height: 10px !important;
  margin: 0 5px !important;
  border-radius: 50% !important;
  background-color: #ccc !important;
  cursor: pointer !important;
}

.dot-horsetech.active {
  background-color: #333 !important;
}

@media (max-width: 1024px) {


  .testimonial-left-horsetech, .testimonial-right-horsetech {
    width: 100% !important;
    padding: 0 !important;
  }

  .testimonial-image-horsetech {
    max-width: 100% !important;
  }

  .testimonial-right-horsetech h3 {
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .testimonial-right-horsetech h3 {
    font-size: 20px !important;
  }

  .feedback-text-horsetech {
    font-size: 16px !important;
  }

  .testimonial-name-horsetech {
    font-size: 14px !important;
  }

  .testimonial-photo-horsetech {
    width: 40px !important;
    height: 40px !important;
  }

  .dot-horsetech {
    width: 8px !important;
    height: 8px !important;
  }
}

@media (max-width: 480px) {
  .testimonial-container-horsetech {
    flex-direction: column !important;
    align-items: center !important;
  }
  .testimonial-right-horsetech h3 {
    font-size: 18px !important;
  }

  .feedback-text-horsetech {
    font-size: 14px !important;
  }

  .testimonial-name-horsetech {
    font-size: 12px !important;
  }

  .testimonial-photo-horsetech {
    width: 35px !important;
    height: 35px !important;
  }

  .dot-horsetech {
    width: 6px !important;
    height: 6px !important;
  }
}

  