body, h1, h2, h3, p, ul, li {
    margin: 0;
    padding: 0;

}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: black;
}
/* nav css  */

@media only screen and (max-width: 576px) {

  .phone_profile{
    display: block!important;
  }
    .phone_login{
      display: block!important;

  }
  .profile_dropdown{
    display: none;
  }
  .profile_name{
    display: none;
  }
  .profile_designation{
    display: none;
  }
  .language{
    display: none;
  }

}
#banner{
    border-top: 1px solid red;
    font-size: x-large;
}
.banner_brand_name{
    font-weight: bolder;
    font-size: 80px;
}

.banner_brand_title{
    font-weight: bold;
    font-size: 26px;
    color: rgb(248, 232, 7);

}


@media only screen and (max-width: 576px) {
    .banner_brand_name{
      font-size: 40px;
    }
    .banner_brand_title{
        font-size: 20px;
    }
  }

@media only screen and (max-width: 992px) {
    .banner_brand_name{
      font-size: 40px;
    }
    .banner_brand_title{
        font-size: 20px;
    }
  }

/* banner css  */
.profile_page{
    max-width: 40px;
    border-radius: 50%;
}
.profile_name{
    font-size: 15px;
    font-weight: bold;
}
.profile_designation{
    font-size: 12px;
    margin-top: -10px;
}

/* video banner related style */

.banner-left{
  position: relative;

}


.overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.banner-left video{
  width: 100%;
  height: 100%;

}
.banner-content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  color: white;
}

.banner-right{
  width: 100%;
  height: 100%;
  background-color: #262626;
  /* border-left: 1px solid red; */
}

@media only screen and (max-width: 576px) {
  .banner-right{
    padding: 30px 0px;
  }
}



.large_profile_img{
    border-radius: 50%;
    max-width: 50%
  }



.large_profile{
    max-width: 300px;
    border-radius: 50%;
  }
.large_profile_title{
    color: white;
    font-family: monospace;
}
.profile_link_item{
    border: 1px solid gray;
    padding: 6px 8px;
    font-size: large;
    border-radius: 50%;
    color: rgb(126, 130, 133);
}

@media only screen and (max-width: 1024px) {
    .large_profile{
      max-width: 80%;
    }
    .large_profile_title{
        font-size: small;
    }
  }


/* client css  */
.client_img_div img{
    max-width: 70%;
    opacity: 0.3;
}
.client_img_div img:hover{
    opacity: 1;
}

/* features css  */
.card_thumbnail{

    margin: 10px;
    border-radius:6px;
    box-sizing:border-box;
    overflow: hidden;

}
.card_img_top{
    transition: 1s ease;
    width: 100%;
    max-height: 200px;
}
.card_img_top:hover{
    transform: scale(1.3);
    transition: 1s ease;
}

.features_thumbnail{
  max-width: 80px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* map css  */

.map_right{
  margin-top: 15%;
  margin-right: 5%;
  color: rgb(19, 18, 18);
}
.map_img{
  max-width: 85%;
}
@media only screen and (max-width: 576px) {
  .map_right{
    margin-top: 10px;
    padding: 0px 10px;
  }
  .covarage_btn{
    margin-bottom: 50px;
    margin-top: 30px;
  }
  .start{
    text-align: center !important;
  }
  .fw-bold{
    margin: 20px 0px;
  }
}


/* testimonial css  */

.testimonial_body{
  border: 1px solid black;
  padding: 20px;
  margin: 10px;

}
.testimonial_profile_pic{
  max-width: 60px;
  border-radius: 50%;
}
.testimonial_profile_name{
  font-size: 15px;
  font-weight: bold;
}
.testimonial_profile_designation{
  font-size: 13px;
  margin-top: -10px;
}
.testimonial_icon{
  max-width: 50px;
  margin-top: -10px;
}

/* quick sign up css  */
.quick_sign_up_body{
  background-color: black;
  color: white;
  padding: 30px 90px;
}
.quick_sign_up_button{
  font-size: 14px;
  color: rgb(255, 255, 255);
  background-color: rgb(235, 33, 39);
  border-radius: 6px;
  border: 1px solid rgb(235, 33, 39);
  padding: 10px 30px;
  justify-content: center;
  margin-top: 20px;
}

@media only screen and (max-width: 576px) {
  .quick_sign_up_body{
    padding: 30px 20px;
    text-align: center;
  }

  .end{
    text-align: center !important;
  }
  .start{
    text-align: center !important;
  }
}

/* responsive css  */
.end{
  text-align: end;
}
.start{
  text-align: start;
}
.center{
  text-align: center;
}



/* footer css  */
#footer{
    background-color: #EBF7EF;
    border-top: 3px solid red;
}

.footer_brand{
  max-width: 100px;
}
.google_play{
  max-width: 100px;
}

/* achievement css  */
.achievement_body{
  padding: 5%;
}
.achievement_img{
  max-width: 300px;
}

@media only screen and (max-width: 576px) {
  .achievement_img{
    margin-left: -10px;
  }
}

/* truck css  */
/* Style the tab */
.tab {
  overflow: hidden;

  background-color: #ffffff;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.truck_title{
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0px;
}
.truck_capacity{
  font-size: small;

}

/* merchant css  */
.merchant_info{
  margin-top: 10%;
  margin-left: -20px;
  color: black;
  padding-right: 10%;

}
.merchant_img{
  max-width: 70%;
}

@media only screen and (max-width: 576px) {
  .merchant_info{
    margin-top: 10%;
    margin-right: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding: 0% 10%;
  }
}

/* contact css  */
.contact_img{
  max-width: 100%;
}

@media only screen and (max-width: 576px) {
  .contact_img{
    display: none;
  }
}

/* photo banner css  */
#photo_banner {

  font-size: medium;
  height: 100vh;
  /* background-image: url("../img/Truck.jpg"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.photo_banner_content{
  color: white;
  margin-top: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  /* column-gap: 20px; */
  gap: 30px;
}
.check_icon{
  font-size: large;
  color: yellow;
}

@media only screen and (max-width: 576px) {
  #photo_banner {

    font-size: medium;
    height: 60vh;
    background-image: url("../img/banner1.png");
    background-size: cover;
  }
  .photo_banner_content{
    color: white;
    margin-top: 20%;
    gap: 20px;
  }
}

/* team css  */
#team{
    background-color: #ebeef1;
}

.team_card{
    background-color: white;
    text-align: center;
    margin: auto;
    padding: 1%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 3%;
    max-width: 240px;
}
@media only screen and (max-width: 576px) {
    .team_card{
        max-width: 200px;
        margin: 6px;
    }


}

.team_card_img{
    padding: 10%;
    min-width: 150px;

}
.team_profile_img{
   width: 100%;
    border-radius: 50%;
    margin: auto;

}

/* customer profile  */


.customer_card{
    background-color: white;
    text-align: center;
    margin: auto;
    padding: 1%;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 3%;


}
@media only screen and (max-width: 576px) {
    /* .customer_card{
        max-width: 200px;
        margin: 6px;
    } */


}

.customer_card_img{
   max-width: 100%;

}
.customer_profile_img{
    border-radius: 50%;
    max-width: 80%;
}

.profile_from{
    margin: auto;
    padding-left: 20%;
}
.order_table{
    padding-left: 10px;
}


/* order review page  */
.order_review_head{
    color: gray;
    font-size: larger;
    font-weight: thin;
    font-family: Arial, Helvetica, sans-serif;

}

/* order confirm page  */
.payment_option_logo{
    max-width: 20%;

    float: left;
}