body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* // X-Small devices (portrait phones, less than 576px) */

/* Toggle Navbar */

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

  .topnav a:not(:first-child),
  .dropdown .dropbtn {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive .dropdown {
    float: none;
  }

  .topnav.responsive .dropdown-content {
    position: relative;
  }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

}

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

  .topnav a:not(:first-child),
  .dropdown .dropbtn {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .topnav.responsive {
    position: relative;
    z-index: 1;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive .dropdown {
    float: none;
  }

  .topnav.responsive .dropdown-content {
    position: relative;
  }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

}

.row-comment {
  display: flex;
}
p.acc_info_para.text-justify.mt-4 {
  text-align: justify;
}
.d-flex.barcode-img {
  place-content: center;
}
.color_label.mr-3 {
  padding: 0px 26px;
}
img.barcode_img.mt-5.mx-4 {
  width: 58vw;
}
img.barcode_img.bar_img.mt-5.mr-3 {
  width: 60vw;
}
img.cast {
  width: 16vw;
  height: 8vh;
}

.cust_1 {
  display: flex;
  place-content: center;
}

/* Toggle End */

.topnav {
  overflow: hidden;
  background-image: url(../images/header.png);

  background-repeat: no-repeat;
  /*background-color: #333;*/


}

.cnct_tab {
  overflow: hidden;
  background-image: url(../images/header.png);
  background-repeat: no-repeat;
  /*background-color: #333;*/


}

.cnctus_sec_two {
  height: 250px;
}


.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

/* slider css */
/* first page */
.mobile-container {
  /* max-width: 480px; */
  margin: auto;
  background-color: #555;
  color: white;
}

.Waste1,
.Waste2,
.Waste3,
.Waste4 {
  text-align: center;

}

.sec_one {
  display: none;
}


.cast {
  border-radius: 65px;
  height: 45px;
}

.cust_1 {
  width: 76%;
}

.mission_h2 {
  font-size: 1.4rem;
}

.c_img {
  width: 2.6em;

}

.row {
  --bs-gutter-x: 0.3rem;
}

.triangle-element {
  width: 50px;
  height: 44px;
  background: green;
  clip-path: polygon(95% 0%, 18% 0%, 8% 74%);
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background-color: #ffffff;
  bottom: -2em;
  position: relative;
  left: 30px;
}

/*  */

.text-block {
  position: absolute;
  bottom: 300px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.container .btn1 {
  background-color: white;
  color: black;
  font-weight: bold;
  font-size: 11px;
  padding: 11px 6px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}



.vl2 {
  border-left: 6px solid #7dad3d;
  height: -webkit-fill-available !important;
  position: absolute;
  left: 88%;
  margin-left: -3px;
  top: 0;
}

.wel_car {
  right: 10%;
}



.welcome_message {
  /*background-color: #82bd22;*/
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 35%, rgba(130, 189, 34, 1) 35%);

}

div.card {
  /*width: 250px;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  height: auto;
}

.card .btnread {
  background-color: #1dde33;
  color: white;
  font-size: 14px;
  padding: 10px 16px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;

}

.sec_five {
  background-color: #0d7e91;
}

.categ_img {
  display: flex;
  place-content: center;
}

.sec_six {
  background-color: #f2f7f7;
}

.comments {
  /* left: 12%; */
}

.para {
  font-size: 14px;
  padding: 1em;
  padding-bottom: 0em;
  text-align: center;
}

.icon1 {
  width: 22%;
}





.cast {
  border-radius: 65px;
  height: 80px;
}

.cust_1 {
  width: 40%;
}


.cnctus_page {
  position: absolute;
  top: 70px;
  right: 45%;
}

.callus_detail {
  line-height: 7px;
}

.callus_img {
  border-radius: 40px;
}

.abtus_imgg {
  width: 70%;
  margin-left: 8%;
}

.mission_para {
  font-size: 0.9rem;
}

.points {
  width: 45%;
  position: absolute;
  margin-top: 1em;
}

.abtus_para_p {
  font-size: 0.85em;
}

.points1 {
  width: 43%;
  position: absolute;
  margin-top: 6.5em;
  right: 0;
}

.points2 {
  width: 45%;
  position: absolute;
  margin-top: 13em;
}

.points3 {
  width: 43%;
  position: absolute;
  margin-top: 19.5em;
  right: 0;
}

/* .abtus_para_w {
    width: 40%;
    margin-left: 30%;
    padding-bottom: 5%;
} */
.abtus_para {
  font-size: 0.8em;
}
p.abtus_para_w.text-left {
  font-size: .8em;
}
.py-5 {
  padding-top: 10rem !important;
  padding-bottom: 3rem !important;
}

.acc_imgs {
  padding-top: 4%;
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 48px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
  background: cadetblue;
}

.wel_car_img {
  position: relative;
  left: 2em;
}

/* Medium(L) Mobile */
@media (min-width: 768) {

  .topnav a:not(:first-child),
  .dropdown .dropbtn {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive .dropdown {
    float: none;
  }

  .topnav.responsive .dropdown-content {
    position: relative;
  }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }


}

/*Tablet*/
@media (min-width: 768px) {


  .sec_one {
    display: block;
  }

  .categ_img {
    /* margin-left: 36px; */
    place-content: center;
    display: flex;
  }

  .wel_car {
    position: relative;
    right: 27%;
  }

  img.cast {
    width: 8vw;
    height: 10vh;
  }

  .h6,
  h6 {
    font-size: 0.8rem;
  }

  h1 {
    font-size: 1.6rem;
  }

  .text-block {
    font-size: small;
    top: 9em;
    width: 48vw;
  }

  .form-group {
    position: absolute;
    top: 18em;
    left: 8em;
  }

  /* .container .btn1 {
    font-size: 11px;
    padding: 12px 7px;
    transform: translate(-7em, 6em);
} */

  .container .btn2 {
    color: white;
    font-size: 11px;
    padding: 11px 7px;
    background: rgb(6, 210, 47);
  }

  .cast {
    border-radius: 65px;
    height: 64px;
  }

  .mission_para {
    font-size: 0.7rem;
  }

  .points {
    width: 45%;
    position: absolute;
    margin-top: 30px;
    padding-left: 90px;
  }

  .points1 {
    width: 45%;
    position: absolute;
    margin-top: 35%;
  }

  .points2 {
    width: 45%;
    position: absolute;
    margin-top: 64%;
  }

  .points3 {
    width: 44%;
    position: absolute;
    margin-top: 44.5em;

  }

  .abtus_para {
    font-size: larger;
  }

  .abtus_para_p {
    font-size: smaller;
  }

  .abtus_para_w {
    width: 40%;
    margin-left: 30%;
    padding-bottom: 5%;
    font-size: smaller;
  }

  .Waste1,
  .Waste2 {
    text-align: right;
  }

  .Waste3,
  .Waste4 {
    text-align: left;
  }

  .wel_car_img {
    padding-top: 80%;
    width: 50vw;
  }

  .para {
    font-size: 14px;
    padding: 0em;
    padding-bottom: 0em;
  }

  .triangle-element {
    width: 50px;
    height: 44px;
    background: green;
    clip-path: polygon(95% 0%, 18% 0%, 8% 74%);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    background-color: #ffffff;
    bottom: -2em;
    position: relative;
    left: 5em !important;
  }
  img.barcode_img.mt-5.mx-4 {
    width: 30vw;
}
.card.frm {
  width: 51vw;
}
}

/*laptop*/
@media (min-width: 1024px) {

  .wel_car {
    position: relative;
    right: 16%;
  }

  .wel_car_img {
    padding-top: 6em;
    width: 38vw;
  }

  img.cast {
    width: 7vw;
    height: 12vh;
  }

  .triangle-element {
    position: relative;
    left: 7em !important;
  }

  .card.mb-5 {
    height: 77%;
  }

  .text-block {
    top: 12em;
    width: 48vw;
  }

  .container .btn1 {
    font-size: 11px;
    padding: 12px 7px;
    /* transform: translate(-14em, -1.6em); */
  }

  .container .btn2 {
    font-size: 11px;
    padding: 12px 7px;
    /* transform: translate(19em, -13.6em); */
  }

  .form-group {
    position: absolute;
    top: 21em;
    left: 8em;
  }
  .card.frm {
    width: 38vw;
}


}




@media (min-width: 1440px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 900px;
  }

  .text-block {
    top: 12em;
    width: 34vw;
  }

  .form-group {
    position: absolute;
    top: 21em;
    left: 22em;
  }

  .container .btn1 {
    color: black;
    font-weight: bold;
    font-size: 11px;
    padding: 12px 22px;

  }

  .container .btn2 {
    background-color: #1dde33;
    color: white;
    font-size: 11px;
    padding: 12px 22px;

  }

  img.cast {
    width: 4.5vw;
    height: 10vh;
  }

  .abtus_para {
    font-size: 1.6em;
}

  .abtus_para_p {
    font-size: larger;
  }

  .points {
    width: 28%;
    position: absolute;
    margin-top: 3em;
  }

  .points1 {
    width: 30%;
    position: absolute;
    margin-top: 18em;
    left: 52em;
  }

  .points2 {
    width: 28%;
    position: absolute;
    margin-top: 33em;
  }

  .points3 {
    width: 25%;
    position: absolute;
    margin-top: 48em;
    /* padding-left: 90px; */
    /* margin-left: 29%; */
    left: 52em;
  }
  .abtus_imgg {
    width: 60%;
    margin-left: 16%;
}
p.abtus_para_w.text-left {
  font-size: 1em;
}
img.barcode_img.bar_img.mt-5.mr-3 {
  width: 18vw;
}
img.barcode_img.mt-5.mx-4 {
  width: 18vw;
}
.card.frm {
  width: 31vw;
}
.container.log {
  max-width: 950px;
}

}