@media (max-width: 375px) {
  .spring-img {
    max-width: 60px; 
    transform: translate(20%, -50%); 
  }
}

@media(max-width: 575.98px) {
 .text {
    margin-left: 0 !important;
    text-align: center;
  }
     .testimonial-scroll {
      height: 300px;
      padding-right: 30px;
    }
    .testimonial-wrapper {
      padding-left: 50px;
    }
    .testimonial-img {
      width: 70px;
      height: 70px;
      top: -20px;
    }
    .arrow-btn {
      width: 40px;
      height: 40px;
    }
  .atlas {
    margin-left: 7px !important;
    color: #5E6282;
}
 .spring-img {
    display: none;
  }
  .underline-img {
    position: absolute;
    bottom: 95px !important;
    left: 145px !important;
    width: 167px !important;
    height: auto;
}
   .listy1, .lazy {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
.text1{
	font-size: 12px !important;
	text-align: center;
}
.text2{
	text-align: center;
	font-size: 38px !important;
}
.p_text{
	text-align: center;
	width: 100% !important;
}
.content1{
	justify-content: center;
}
.banner {
  margin-left: 0 !important;
  text-align: center;
}
.banner img {
  margin-left: 0 !important;
  width: 100%;
}
 .hero-shape-img {
  display: none;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: auto;
  }
  .btn_sw {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }

  /* Tighten spacing */
  .content1 {
    flex-direction: column; /* stack vertically */
    gap: 6px !important;    /* less gap between items */
    margin-top: 10px;       /* less top margin */
  }

  /* Play demo alignment */
  .meao {
    margin: 0 !important;
  }
  .watch_1 {
    margin: 0 !important;
    font-size: 13px;
  }
  .text8{
  	text-align: center;
  }
  .text6{
  	text-align: center;
  	font-size: 27px !important;
  }
  .dots{
  	justify-content: center;
  }
  .arrow-controls{
  	display: none !important;
  }
  .pencil{
  text-align: center;
}
.compi{
  text-align: center;
  padding-left: 0rem !important;
}
.hekim{
  text-align: center;
}
.atlas{
  text-align: center;
}
.last{
  text-align: center;
}
.hero{
  padding-bottom: 39px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
.text1 {
    text-align: center;
    font-size: 14px !important;
  }
  .underline-img {
    position: absolute;
    bottom: 47px !important;
    left: 145px !important;
    width: 200px !important;
    height: auto;
}
  .dots{
  	justify-content: center;
  }
  .text2 {
    text-align: center;
    font-size: 38px !important;
  }
  .p_text {
    text-align: center;
    width: 95% !important;
    margin: 0 auto;
  }
  .content1 {
    justify-content: center;
  }

  /* Banner image fix */
  .banner {
    margin-left: 0 !important;
    text-align: center;
  }
  .banner img {
    width: 90% !important;
    margin-left: 0 !important;
  }

  /* Hero shape background */
  .hero-shape-img {
    top: -50px;
    left: 0;
    width: 100%;
    height: auto;
  }

  /* Navbar spacing reset */
  .listy1, .lazy {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
.pencil{
  text-align: center;
}
.compi{
  text-align: center;
  padding-left: 0rem !important;
}
.hekim{
  text-align: center;
}
.atlas{
  text-align: center;
}
.last{
  text-align: center;
}
.atlas {
    margin-left: 10px !important;
    color: #5E6282;
}

}
@media (max-width: 767.98px) {
  .stars-bg {
    width: 50px;
    top: 20px;
    right: 15px;
  }
  .red-shape {
    width: 35px;
    bottom: -10px;
    left: -10px;
  }
}
@media (max-width: 768px) {
  .main-trip-card {
    width: 100% !important; /* Full width on tablets and below */
    padding-bottom: 40px !important; /* More bottom padding for spacing */
  }

  .overlap-card {
    position: static !important;
    margin-top: 20px;
    width: 100% !important;
    right: auto !important;
    bottom: auto !important;
  }

  .icons-row img {
    width: 24px;
    height: 24px;
  }
  .heart-icon{
    bottom: 6px;
  }
  .dots{
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px){

	 .text1 {
    text-align: center;
  }
.underline-img {
    position: absolute;
    bottom: 63px !important;
    left: 159px !important;
    width: 332px;
    height: auto;
}
  .text2 {
    text-align: center;
    font-size: 48px !important; /* smaller for tablet */
  }

  .p_text {
    text-align: center;
    width: 90% !important;
    margin: 0 auto;
  }

  .content1 {
    justify-content: center;
  }

  /* Fix banner image */
  .banner {
    margin-left: 0 !important;
    text-align: center;
  }
  .banner img {
    width: 90% !important;
    margin-left: 0 !important;
  }

  /* Fix hero shape */
  .hero-shape-img {
    top: -60px;
    left: 0;
    width: 100%;
    height: auto;
  }
  .list2{
    width: 28%;
  }
  .last1{
    width: 40%;
  }
  .don{
    font-size: 19px !important;
  }
  .medium{
    font-size: 14px !important;
  }
  .atlas {
    margin-left: 11px !important;
    color: #5E6282;
}

}
@media (min-width: 992px) and (max-width: 1199.98px){
.listy{
	margin-left: 20px !important;
}
.underline-img {
    position: absolute;
    bottom: 142px !important;
    left: 175px !important;
    width: 332px;
    height: auto;
}
.atlas {
    margin-left: 11px;
    color: #5E6282;
}
.menu ul li a{
	font-size: 14px !important;
}
.listy1{
	margin-right: 20px !important;
}
.btn-done{
	padding: 5px 15px !important;
}
.lazy{
	margin-right: 30px !important;
}
.text2{
	font-size: 56px !important;
}
.p_text{
	font-size: 14px !important;
	width: 95% !important;
}
.banner {
    position: relative;
    z-index: 2;
    margin-left: -53% !important;
}
.text1{
	font-size: 18px !important;
}
.btn_sw {
    padding: 13px 20px !important;
    background-color: var(--soil);
    color: white;
}
.meao {
    margin-left: -11px;
}
.text5{
	font-size: 18px !important;
}
.overlap-card{
	right: -155px !important;
}
.text99 {
    font-size: 1.8rem !important;
  
}
.last{
  margin-right: 20px !important;
}
.footer-section a {
  margin-right: -2px;
}
.last1{
  width: 46%;
}
}
@media (min-width:1200px) and (max-width:1399px){
.text2{
	font-size: 69px !important;
}
.underline-img {
    position: absolute;
    bottom: 167px !important;
    left: 189px !important;
    width: 332px;
    height: auto;
}
.p_text{
	width: 87% !important;
}
.listy{
	margin-left: 17px !important;
}
.banner img {
    width: 100%;
    margin-left: 33px !important;
}
.hero-shape-img {
    position: absolute;
    top: -99px !important;
    left: 48% !important;
    width: 50% !important;
    height: 101px;
    z-index: 0;
}
.text1{
	font-size: 18px !important;
}
.banner img {
    width: 96% !important;
    margin-left: 77px;
}
.hero-shape-img {
        position: absolute;
        top: -82px !important;
        left: 47% !important;
        width: 53% !important;
        height: 101px;
        z-index: 0;
    }

}
@media (min-width: 1440px) {
.hero-shape-img {
    position: absolute;
    top: -99px !important;
    left: 50% !important;
    width: 50% !important;
    height: 101px;
    z-index: 0;
}
.listy1{
	margin-right: 60px !important;
}
.lazy{
	margin-right: 40px !important;
}
.mickel{
	margin-top: 7px !important;
}
}
/* trip*/
.overlap-card{
	right: -82px;
}
.text99 {
  font-family: "Poppins", sans-serif;
  font-weight: 600; 
  font-size: 2.7rem  !important;
  line-height: 1.4;
}
.atlas {
    margin-left: 44px;
    color: #5E6282;
}
  }