.dropbtn {
	position:relative;
	left:-8px;
  background-color:#0D023D;
  color: white;
  padding: 6px;
  font-size: 25px;
  border: none;
  width:60px;
  height:60px;
  cursor: pointer;
  top:-5px;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #0D023D;
}

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 0px solid #0D023D;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #e5e5e5;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #C95102;}

.show {display: block;}
#menu
{
position:absolute;
	left:0px;
	right:0px;
	height:64px;
	top:20px;
	background-color:#09F;;
	display:block;
}

/* Remove default browser space */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    width: 100%;
    overflow-x: hidden;
}

.container{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
/* Testimonials Section */
.testimonial-section{
    width:100%;
    overflow:hidden;
    background:#e5e5e5;
    padding:50px 0;
    position:relative;
    text-align:center;
}

/* Slider */
.testimonial-slider{
    display:flex;
    gap:20px;
    width:max-content;
    animation:marquee 25s linear infinite;
}

.testimonial-slider:hover{
    animation-play-state:paused;
}

/* Card */
.testimonial-card{
    width:400px;
    background:#fff;
    border-radius:18px;
    padding:20px;
    border:1px solid #e5e5e5;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    flex-shrink:0;
    transition:.3s;
    text-align:center;
    margin:10px ;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

/* Image */
.testimonial-card img{
    width:auto;
    height:-auto;
    border-radius:0%;
    object-fit:10px;
    text-align:center;
    margin-bottom:10px;
}

/* Name */
.testimonial-card h3{
    margin:5px 0;
    font-size:18px;
    text-align:center;
    color:#222;
}

/* Location */
.testimonial-card span{
    color:#777;
    text-align:center;
    font-size:14px;
}
.testimonial-section h2 span1{
    color:#00C0A3;
    text-align:center;
    font-size:35px ;
}



/* Stars */
.stars{
    color:#FFC107;
    font-size:18px;
    text-align:center;
    margin:10px 0;
}

/* Review */
.testimonial-card p{
    color:#555;
    text-align:center;
    line-height:1.6;
}

/* Animation */
@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* Mobile */
@media(max-width:768px){
    .testimonial-card{
        width:260px;
    }

    .testimonial-slider{
        animation-duration:25s;
    }
}
.main{
    font-family: Arial, sans-serif;
    background:#fff;
        color:#fff;
align-items:center;
    margin:0;
    padding:0;
}
 .crop:hover{
       margin:0;

    }
    .crop {
        margin:-100px -15px -40px -55px;
     }

.contact-box{
    max-width:1200px;

    margin:40px auto;
    display:flex;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
}



.cars{

    width:100%;
    margin:auto;
    text-align: center;
    padding:40px 15px ;
    overflow:hidden ;
}

.cars h2{
    font-size:40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom:60px;
}

.cars h2 span{
    color:#00bcd4;
}

.car-container{
    display:grid;
        margin-left:50px ;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:10px;
}
.cars-image{width:100%;}
.cars img{
    width:100%;
    max-width:700px;
height: auto;
display:block;
margin:auto;
    
}

.car-container img{
    width:90%;
    max-width:700px;

height: auto;
display:block;
margin:auto;
    
}
.car-card{
    width:70%;
    height:auto ;
    transition:.4s;
}
.car-card hr{
    font-size: 20px;
}

.car-card:hover{
    transform:translateY(0px);
}

.car-card img{
    
     width:100%;
    max-width:700px;
height: auto;
display:block;
margin:auto;
   
}

.price-box{

    margin-top:10px;
    background:#ececec;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.price-box h3{
    padding:5px;
    font-size:24px;
}

.price-box p{
    padding:5px;
    color:#000;
    font-weight:500 ;
}

.price-box h4{
    padding-top:5px;
}

.price-box hr{
    margin:15px 5px;
    border:none;
    border-top:1px solid #bbb;
}
.item{
    display:flex;
    align-items:center;
    flex:1;
    min-width:280px;
}

.icon{
    width:70px;
    height:70px;
    background:#222;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:32px;
    margin-right:15px;
}

.item h3{
    margin:0;
    color:#1c7ed6;
    font-size:22px;
}

.item p{
    margin-top:8px;
    color:#000000;
    font-weight: bold;
    font-size:17px;
}

@media(max-width:768px){
    .contact-box{
        flex-direction:column;
        padding:15px;
    }

    .item{
        margin-bottom:20px;
    }
    
.cars {
    padding:30px 15px;
} 

.cars h2{
    font-size:34px;
    text-align:center;
}
.cars hr{
    font-size:20px;
}
.cars img{
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    
}
.car-card img{
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
}

.car-container img{
   width:90%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    
}
    
}

:root{
  --grey:#808080;  
  --blue:#09f ;
  --bg:#f4f8ff;
  --green:#00C0A3;
  --card:#ffffff;
  --text:#111;
  --muted:#666;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box;font-family:system-ui,Segoe UI,Roboto}

body{
  margin:0;
  background:#ffffff;
  align-items:center;
  color:var(--text);
  overflow-x:hidden;
}



/* HEADER */
.header{
    width:auto;
  background:#0D023D;
  padding:15px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:var(--shadow);
}
.header img{height:80px}
.header button{
  background:var(--blue);
  border:none;
  color:#fff;
  font-size:12px;
  padding:10px 25px;
  border-radius:25px;
  font-weight:500;
  cursor:pointer;
}

/* HERO */
.hero{
  background:var(--grey);
  color:#fff;
  padding:10px 10px;
  text-align:center;
}
.hero h1{
  margin:0;
  font-size:26px;
}
.hero p{
  font-size:18px;
  opacity:.9;
}

/* FORM CARD */
.form-card{
  max-width:400px;
  margin:10px auto 40px;
  background:#fff;
  padding:25px;
  border-radius:20px;
  box-shadow:var(--shadow);
    overflow-x:hidden;

}

/* TABS */
.trip-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-bottom:20px;
}
.trip-btn{
  padding:10px 22px;
  border-radius:30px;
  border:2px solid var(--green);
  background:#fff;
  color:var(--grey);
  font-weight:700;
  cursor:pointer;
}
.trip-btn.active{
  background:var(--green );
  color:#fff;
}

/* FIELDS */
.row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:14px;
}
input,select{
  padding:14px;
  border-radius:10px;
  border:1px solid #ddd;
  font-size:14px;
}
input:focus,select:focus{border-color:var(--blue);outline:none}

/* CAB GRID */
.cab-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}
.cab{
  border:2px solid #e6f0ff;
  border-radius:12px;
  padding:14px;
  text-align:center;
  cursor:pointer;
}
.cab.active{
  border-color:var(--blue);
  background:#f0f7ff;
}
.cab img{width:60px}

/* BUTTON */
.submit-btn{
  width:100%;
  padding:16px;
  background:var(--green );
  color:var(--blue);
  border:none;
  color:#fff;
  border-radius:12px;
  font-size:18px;
  font-weight:800;
  cursor:pointer;
  margin-top:20px;
}

/* FOOTER */
.footer{
  text-align:center;
  padding:20px;
  color:#777;
  font-size:13px;
}

/* MOBILE */
@media(max-width:600px){
  .row{grid-template-columns:1fr}
  .hero h1{font-size:28px}
}

    
    					        
			
.topbar1{
  background:#70706D;
   color:#fff;
   align-items:center;
  font-size:15px;
  padding:10px 20px;
    overflow-x:hidden;

  
}
.topbar1 .wrap{
  max-width:800px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.topbar1 img{height:100px}
.topbar1 button{
  border:none;
  color:#000000;
  padding:10px 25px;
  border-radius:25px;
  font-size: 15px;
  font-weight:900;
  cursor:pointer;
}
@media(max-width:700px){
  .topbar1 .wrap{
    justify-content:center;
    gap:10px;
  }
}
.topbar1 a{
  text-decoration:none;
  font-weight:600;
}
.topbar{
  background:#0D023D;
  color:#fff;
  font-size:30px;
  padding:10px 20px;
}
.topbar img{
    height:100px
    
}
.topbar button{
  border:none;
  color:#000000;
  padding:10px 25px;
  border-radius:25px;
  font-size: 15px;
  font-weight:900;
  cursor:pointer;
}
.topbar .wrap{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.topbar a{
    font-size: 15px;
  text-decoration:none;
  font-weight:400;
}
.top-left{
  display:flex;
  align-items:left;
}
.top-right{
  display:flex;
  align-items:right;
  
}
.top-right i{
  margin-right:6px;
}
@media(max-width:700px){
  .topbar .wrap{
    justify-content:center;
    gap:10px;
  }
}

.main{
  background:#ffffff;
  color:#000000;
  font-size:20px;
  padding:10px 20px;
}
.main img{height:180px}
.main button{
  border:none;
  color:#000000;
  padding:10px 25px;
  border-radius:25px;
  font-size: 12px;
  font-weight:900;
  cursor:pointer;
}
.services-section{
    padding:60px 5%;
    background:#f4f4f4;
}

.services-section h2{
    text-align:center;
    font-size:38px;
    font-weight:700;
    margin-bottom:40px;
    color:#222;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.service-card{
    background:#1d2a44;
    border-radius:8px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,0,0,.25);
}

.service-card img{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.service-card:hover img{
    transform:scale(1);
}

.service-card h3{
    color:#fff;
    text-align:center;
    padding:18px;
    font-size:20px;
    font-weight:600;
    margin:0;
}

@media(max-width:768px){
    .service-card img{
        height:180px;
    }

    .service-card h3{
        font-size:18px;
    }
}
.horizontal-line {
  height: 2px;              /* Thickness of the line */
  background-color: #fff;  /* Color of the line */
  width: 100%;              /* Adjust width as needed */
}
/* Unvisited link */
.custom-link {
    color: #fff;
    text-decoration: none;
}

/* Hover state */
.custom-link:hover {
    color: #D43B13;
    text-decoration: underline;
}

/* Visited link */
.custom-link:visited {
    color: #9b59b6;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,sans-serif;
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#111;
    padding:15px 40px;
}

.logo a{
    color:#fff;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
}

.menu{
    display:flex;
    list-style:none;
}

.menu li{
    margin-left:25px;
}

.menu li a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    transition:.3s;
}

.menu li a:hover{
    color:#ff9800;
}

/* ===========================
   IWAY CABS - PRICING CSS
   PART 1
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}




 .crop:hover{
       margin:0;

    }
    .crop {
        margin:-100px -15px -40px -55px;
     }

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* Banner */

.pricing-banner{
    background:#0d3b66;
    color:#fff;
    text-align:center;
    padding:70px 20px;
}

.pricing-banner h1{
    font-size:42px;
    margin-bottom:10px;
    font-weight:700;
}

.pricing-banner p{
    font-size:18px;
    opacity:.9;
}

/* Section */

.pricing-section{
    padding:60px 0;
}

.section-title{
    text-align:center;
    margin-bottom:30px;
    font-size:32px;
    color:#0d3b66;
}

.section-title span{
    color:#ff9800;
}

/* Table */

.table-responsive{
    width:100%;
    overflow-x:auto;
}

.pricing-table{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.pricing-table thead{
    background:#0d3b66;
    color:#fff;
}

.pricing-table th{
    padding:18px;
    text-align:left;
    font-size:16px;
}

.pricing-table td{
    padding:18px;
    border-bottom:1px solid #e8e8e8;
    font-size:15px;
}

.pricing-table tbody tr:nth-child(even){
    background:#f8fafc;
}

.pricing-table tbody tr:hover{
    background:#eef6ff;
    transition:.3s;
}

/* ===========================
   MINI PACKAGE CARDS
=========================== */

.mini-package{
    padding:60px 0;
}

.mini-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.mini-card{
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    overflow:hidden;
}

.mini-card h3{
    background:#0d3b66;
    color:#fff;
    text-align:center;
    padding:15px;
    font-size:22px;
}

.mini-card table{
    width:100%;
    border-collapse:collapse;
}

.mini-card td{
    padding:15px;
    border:1px solid #e5e5e5;
    font-size:15px;
}

.mini-card tr:nth-child(even){
    background:#f7f9fc;
}

.mini-card tr:hover{
    background:#eef6ff;
    transition:0.3s;
}

/* ===========================
   RESPONSIVE DESIGN
=========================== */

@media (max-width:991px){

    .pricing-banner{
        padding:50px 15px;
    }

    .pricing-banner h1{
        font-size:32px;
    }

    .section-title{
        font-size:26px;
    }

    .mini-grid{
        grid-template-columns:1fr;
    }

    .pricing-table{
        min-width:800px;
    }

}

@media (max-width:768px){

    .container{
        width:95%;
    }

    .pricing-banner h1{
        font-size:28px;
    }

    .pricing-banner p{
        font-size:16px;
    }

    .pricing-table th,
    .pricing-table td{
        padding:12px;
        font-size:14px;
    }

    .mini-card h3{
        font-size:20px;
    }

}

@media (max-width:480px){

    .pricing-banner{
        padding:40px 10px;
    }

    .pricing-banner h1{
        font-size:24px;
    }

    .section-title{
        font-size:22px;
    }

    .pricing-table{
        min-width:700px;
    }

    .mini-card td{
        font-size:13px;
        padding:10px;
    }

}