html,body{font-size:16px;font-family: "Poppins", sans-serif;}
    img{max-width:100%;}
    a{text-decoration: none;}
    .hero-legend{background-color: #2c8c671a;
  color: #2c8c67;
  display: inline;
  border-radius: 9999px;}
    .hero-large-font{font-size:3rem;font-weight:600;}
    .hero-sub-content{font-size: 1.2rem;
  color: #706f74;
  padding: 10px 0px;}
        .hero-large-font span{color:hsl(156.8, 52.9%, 37.5%)}
        .btn{
    position: relative;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;

    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .3s;
    animation-duration: .3s;
}
.btn-outline{color:#000;}
.btn-outline:hover{color:#fff;}
        .btn-active{
    position: relative;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #2c8c67;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .3s;
    animation-duration: .3s;
}
        .hero-btn-wrap .btn-active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 9999px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .3s;
  animation-duration: .3s;
  background: linear-gradient(120deg,#fff0 30%,#fff3,#fff0 70%);
}
.hero-btn-wrap{display:flex;gap:15px;}
.navbar{justify-content: space-between;margin-top:15px;}
.navbar-items ul{list-style:none ;display:inline;}
.navbar-items ul li {
  display: inline;
  padding: 5px 15px;
}
.navbar-items ul li a{color:#000;text-decoration: none;}
.brand img{width:8rem;}
.navbar-items .btn{margin-left:40px;}
.hero-avatar{width:50px;height:50px;border-radius:50%;margin-left:-10px;}
.hero-avatar img{border:2px solid #fff;border-radius:50%;}
.section-heading{max-width:800px;margin:0 auto}
.section-title{font-size:2.5rem;font-weight:600;}
.section-subtitle{font-size:1rem;}
.card-icon{padding:.75rem;background-color:#2c8c671a;border-radius:0.8rem;margin-bottom: 1.25rem;display: inline-flex;}
.card-icon svg{color:#2c8c67;width:32px;height:32px;}
.card-item{}
.card-title{font-size:1.1rem;font-weight:600}
.card-content{font-size:0.9rem}

.our-advantage{    background-image: linear-gradient(to bottom right, #2c8c670d, #2c8c6733);}
.our-advantage .card-item{animation-duration: .3s;transition-duration: .3s;transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);margin-bottom:3rem;border:1px solid #2c8c671a;padding: 2rem;border-radius: .75rem;}
    .our-advantage .card-item:hover{    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);}
.our-advantage .card-icon{padding:.75rem;background-color:#2c8c67;border-radius:50%;margin-bottom: 1.25rem;display: inline-flex;}
.our-advantage .card-icon svg{color:#fff;width:24px;height:24px;}

.bus-info .bus-name{font-size:1.3rem;font-weight:600;padding-bottom:15px;}
.bus-capacity{color:#2c8c67;padding-bottom:0px;font-weight:500;}
.bus-subtest{padding:15px 0px;}
.bus-info h4{font-weight:400;font-size:1rem;}
.bus-feature ul{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .5rem;margin-bottom: 1.5rem;list-style:none ;
    font-size:0.9rem;padding-left:0px;margin-left:0px;
}
.bus-feature ul li{display:flex;font-size:0.9rem;}
.bus-feature ul li::before {
  content: '•'; /* Custom bullet */
  color:#2c8c67;
  font-size: 1.5em;
  margin-right: 10px;margin-top:-5px;
}

.bus-book-btn{margin-top:20px}
.ideal-tags{margin-bottom: 1.5rem;display:flex;flex-wrap: wrap;    gap: .5rem;}
.ideal-tags span{    background-color: #2c8c671a;    color: #2c8c67;padding-left: .75rem;
    padding-right: .75rem;padding-top: .25rem;
    padding-bottom: .25rem;font-size: .75rem;
    line-height: 1rem;border-radius: 9999px;}
.our-fleet img{border-radius:10px}
.light-bg{background-color:#f8fafc}
.aboutus-stats{grid-template-columns: repeat(2,minmax(0,1fr));display: grid;gap: 1rem;} 
                   .glass-card_heading{color:#2c8c67;    font-size: 1.875rem;
                    line-height: 2.25rem;font-weight:600;} 
                    .glass-card{background: #ffffffb3;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.3);padding:1rem;border-radius:0.8rem;}
  .our-testimonial{background-color:#edf4f4;}
  .test-wrap{max-width: 56rem;margin-left: auto;
  margin-right: auto;}
  .test-card{background: #ffffffb3;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .3);border-radius: .75rem;padding:2rem;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);}
  .t-user-img{border-radius: 50%;
  color: #2c8c67;
  width: 50px;
  height: 50px;
  background: #edf4f4;
  text-align: center;
 
  align-content: center;
  justify-content: center;
  line-height: 100%;
  font-weight: 600;
  font-size: 1.2rem;}
  .rating-div{display:flex;gap:3px;margin-bottom:10px ;}
  .rating-div svg{color:#facc15;width:18px;height:18px;}
  .t-user-content{margin-left:15px;}
  .test-content{padding:10px 0px 30px 0px;}
  .user-sub{font-size:0.9rem}
  .faq-wrap{max-width: 50rem;
            margin-left: auto;
            margin-right: auto;
          }
.faq-card{border:1px solid #eee;cursor:pointer;margin-bottom:15px;}
.faq-question{display:flex;justify-content: space-between;color:rgb(31, 73, 37);font-weight:500;}
.i_open{display: none;}
.faq-answer{display:none;color:#7f7f7f;font-size:0.9rem;margin-top:10px;}
.faq-lead{background-color:#f0f9f1;}
.lead-wrap{margin:0 auto;max-width: 48rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
    .form-row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.5rem;margin-bottom:1rem;}
    .form-col label{font-size: .875rem;
  line-height: 1.25rem;
  display: flex;
  gap: 5px;
  margin-bottom: 0.5rem;
  align-items: center;}
        .form-col label svg{width:16px;height:16px;color:#2c8c67}
    .col-three{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .lead-wrap .form-control{padding-left: 1rem;
        padding-right: 1rem;padding-top: .75rem;
        padding-bottom: .75rem;border-width: 1px;border-radius:0.7rem;} 
        .lead-wrap .btn-active{width:100%;border-radius:0.7rem;margin-top:0.5rem;margin-bottom:2rem ;}   
footer{background-color:#2c8c67;color:#fff}
.footer-brand{display: flex;flex-direction: column;gap:10px;}
.brand-social{display: flex;gap:15px;}
.brand-social svg{width:24px;height:24px;color:#fff;}
.footer-content a{color:#fff;}
.footer-content ul{list-style:none;padding:0px;margin-top:10px;}
.footer-content ul li{margin-bottom: 1rem;
  display: block;}
  .footer-content ul li svg{float: left;
    margin-right: 10px;
    margin-top: 4px;}  
.footer-head{font-size:1.2rem;font-weight:600;}
#leadForm .btn:hover{background-color:#15593f;color:#fff;}

.our-services .card-item{background: #ffffffb3;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.3);transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;border-radius:.75rem;padding:2rem;}

  .our-services .card-item:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}

.btn-outline:hover{background-color:#2c8c67;color:#fff;}
.btn-active:hover{color:#fff;}

#toast {
  visibility: hidden; /* Hidden by default */
  min-width: 250px;
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

/* Show animation */
#toast.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Fade-in animation */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Fade-out animation */
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.lead-wrap.top-form{background:linear-gradient(to bottom right, #2c8c670d, #2c8c6733) ;}

body .slick-dots li button:before{font-size:14px;}
body .slick-dots{bottom: -48px;}
body .slick-active button:before{color:#2c8c67 !important}
        .slick-slider img {
            width: 100%;
            height: auto;
        }
        body .slick-prev, body .slick-next {
            background-color: #3d9371 !important;
            color: #fff;
            border-radius: 50%;
            height: 40px;
            width: 40px;
            z-index: 99;
        }
        .slick-prev:hover, .slick-next:hover {
            background-color: #555;
        }
        body .slick-initialized .slick-slide{display:flex !important;}

  /* media query */
@media (min-width: 1024px) {
  footer{grid-template-columns: repeat(4, minmax(0, 1fr));}
}
@media (max-width: 986px) {
  .form-row{grid-template-columns:repeat(1,minmax(0,1fr))}
  .s-gap{gap:2.5rem;}
  .section-title{font-size:1.75rem;padding:10px 0px;}
  .hero-large-font{font-size:2rem;padding-top:10px;}
  .hero-sub-content{font-size:1rem;}
  .navbar-items{display:none}
  .card-item.mt-sm-2{margin-bottom:30px;}
  .about-us-section .row{gap:2.5rem;}
  .hero-section .lead-wrapper{order:1;}
  .hero-section .hero-wrapper{order:2;padding-top:3rem;}
  section.no-l-r{padding-top: 10px !important;}
  .bus-info{margin-top:20px;}
  body .hero-btn-wrap{flex-direction:column;}
}