@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{box-sizing: border-box;font-family: "Poppins", sans-serif;}body{padding: 0;margin: 0;}.txt-cntr{text-align: center;}.txt-white{color: #fff;}p{font-size: 18px;margin: 5px 0;line-height: 1.7;}img{width: 100%;height: auto;}a{text-decoration: none;}.blffer2-wrap{max-width: 1155px;width: 100%;margin: auto;}.blffer2-wrap-100{max-width: 100%;width: 100%;margin: auto;}.txt-rgt{text-align: right;}
/*flex*/
.blffer2-flex{display: flex;}.blffer2-flex-aln{align-items: center;}.blffer2-flex-jus{justify-content: space-between;}.blffer2-flex-gp{gap: 20px;}
/*flex-child*/
.blffer2-flex-50{flex: 50%;}.blffer2-flex-33{flex: 33.33%;}.blffer2-flex-85{flex: 85%;}.blffer2-flex-15{flex: 15%;}.blffer2-flex-40{flex: 40%;}.blffer2-flex-60{flex: 60%;}.blffer2-flex-30{flex: 30%;}.blffer2-flex-70{flex: 70%;}.blffer2-flex-10{flex: 10%;}.blffer2-flex-25{flex: 25%;}.blffer2-flex-75{flex: 75%;}.blffer2-flex-15{flex: 15%;}.blffer2-flex-55{flex: 55%;}.blffer2-flex-16{flex: 16.66%;}.blffer2-flex-20{flex: 20%;}
/*header*/
.blffer2-navbar ul {padding: 0;}.blffer2-navbar li {list-style-type: none;}.blffer2-navbar a{color: #000;transition: 0.2s;}.blffer2-main-header{padding: 25px 40px;}.active{color: #db1919 !important;}.blffer2-top-header p{font-size: 16px;}.blffer2-top-header{background-color: #e7c00f;padding: 2px;}
/*banner*/
.blffer2-banner-head{font-size: 45px;line-height: 1.4;margin: 5px 0 5px 0;font-weight: 700;}.blffer2-banner-btn{max-width: 140px;padding: 10px 5px;transition: 0.3s;margin-top: 30px;text-align: center;background-color: #e7c00f;border-radius: 5px;}.blffer2-banner-btn a{color: #000;font-size: 18px;}.blffer2-banner-btn:hover{transform: scale(1.1);}.blffer2-banner{padding: 150px 50px;background-image: url('../images/e-banner.webp');background-size: cover;background-repeat: no-repeat;background-position: center;}.blffer2-banner-blk{max-width: 550px;}.blffer2-banner-p{border: #e7c00f dashed 2px;max-width: 340px;text-align: center;padding: 5px 0;}
/*thank*/
.blffer2-midb{padding: 60px 10px;}.blffer2-midb-blk{max-width: 500px;margin: auto;border: #dedede solid 1px;padding: 40px 20px;border-radius: 10px;}.blffer2-midb-blk h1{font-size: 35px;font-weight: 700;margin: 5px 0;}.blffer2-hgt{min-height: calc(100vh - 250px);}
/*product*/
.blffer2-btn{max-width: 140px;padding: 10px;margin-top: 20px;transition: 0.3s;text-align: center;background-color: #e7c00f;border-radius: 5px;}.blffer2-product-img{max-width: 380px;}.blffer2-product{padding: 40px 10px;}.blffer2-btn p {color: #000;text-align: center;}.blffer2-product-img {max-width: 380px;}.blffer2-btn:hover{transform: scale(1.1);}.blffer2-btn:focus{outline: 3px solid #333;}.blffer2-btn a{color: #000;}.blffer2-off {
  background-color: #138b2c;color: #fff;text-align: center;padding: 5px 20px;position: absolute;top: 0;right: 0;}.blffer2-pro-blk{border: 1px solid #e5e5e5;position: relative;}.blffer2-pro-con{padding: 0 20px 30px 20px;position: relative;}.blffer2-cart{background-color: #e7c00f;position: absolute;border-radius: 50%;padding: 10px 10px 5px 10px;top: 0;right: 5%;transition: 0.5s;cursor: pointer;}.blffer2-cart:hover{background-color: #bd5f17;}

    /*offer*/
   .blffer2-offer{padding: 0 20px 30px 20px;}.blffer2-offer h1{font-size: 45px;font-weight: 700;margin: 10px 0 0 0;line-height: 1.5;}.blffer2-offer-btn {max-width: 88px;margin-top: 20px;text-align: center;border-bottom: #000 solid 1px;}.blffer2-offer-btn a{color: #000;font-weight: 600;}.blffer2-offer-deal {background-color: #000;color: #fff;padding: 10px;border-radius: 50%;}.blffer2-offer-deal h2 {font-size: 16px;margin: 5px 0;}.blffer2-offer-deal p {font-size: 14px;margin: 0;}.blffer2-offer-blk{max-width: 550px;}.blffer2-offer p {
    font-size: 22px;font-weight: 700;margin-top: 50px;}
   /*strip*/
   .blffer2-strip{padding: 0 10px 30px 10px;}.blffer2-strip img{max-width: 50px;margin-bottom: 10px;}.blffer2-strip-blk{max-width: 500px;margin: auto;}.blffer2-strip-btn a {color: #000;font-weight: 600;}.blffer2-strip h1{font-size: 40px;}
.blffer2-strip-btn {max-width: 160px;margin: 20px auto auto;padding: 15px 10px;background-color: #e7c00f;border-radius: 5px;}.blffer2-strip-img{background-image: url('../images/e-strip.webp');background-size: cover;background-repeat: no-repeat;background-position: center;padding: 20px 0px;border-radius: 10px;}
/*footer*/
.blffer2-footer-nav li {list-style-type: none;line-height: 2;}.blffer2-footer-nav a {color: #fff;transition: 0.2s;}.blffer2-footer ul{padding: 0;}.blffer2-footer-nav{max-width: 300px;margin: 20px auto auto;}.blffer2-footer-top{padding: 60px 40px 30px 40px;background-color: #2d2a25;}.blffer2-footer-blk{max-width: 180px;text-align: center;margin-top: 10px;}.blffer2-footer-btm{background-color: #25221e;padding: 20px;}
.desk-nn{display: none;}.mob-nn{display: block;}

/*back-pages*/
.blffer2-mid{padding: 40px 10px;}.product {text-align: center;}.thumbnail {margin: 0 5px;cursor: pointer;}.thumbnails img{display:inline-flex;max-width: 90px;border: #dedede solid 1px;}.thumbnail-blk:hover {border-color: #000;}.product img{max-width: 550px;border: #dedede solid 1px;}.blffer2-abtn{background-color: #000;text-align: center;color: #fff;padding: 10px;border-radius: 10px;padding: 10px 100px;font-size: 20px;border: none;margin-top: 20px;cursor: pointer;}.blffer2-mid li{font-size: 16px;}.blffer2-des{padding: 0 10px 30px 10px;}.blffer2-mid-blk {border: #dedede solid 1px;border-radius: 20px;}

/*contact-page-css*/
input[type=text], select, textarea {
	width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
  }
  input[type=submit] { background-color: #333; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #000;}

/*media*/
@media only screen and (max-width: 767px){
    .blffer2-flex-dir{flex-direction: column;}.mob-cntr{text-align: center;}.desk-nn{display: block;}.mob-nn{display: none;}.blffer2-banner{padding: 20px;
    }.blffer2-banner-btn{margin: 30px auto auto;}.blffer2-banner-head{font-size: 35px;line-height: 1.2;}.thumbnails img{max-width: 80px;}.blffer2-mid{padding: 20px 10px;}.blffer2-flex-dir-rev{flex-direction: column-reverse;}.blffer2-strip h1{font-size: 30px;}.blffer2-offer h1{font-size: 30px;}.blffer2-footer-nav{margin: 15px auto auto;}.blffer2-footer-blk{margin: 15px auto auto;}.blffer2-offer-con{margin: auto;}.blffer2-offer-btn{margin: 20px auto auto;}.blffer2-offer-img{padding: 20px;}.blffer2-offer-deal h2 {font-size: 14px;}.blffer2-offer-deal p {font-size: 12px;}.blffer2-banner-blk{padding: 10px 10px 70px 10px;}
    .search-container {
      flex-direction: column;
      width: 90%;
      margin: auto;
  }

  .search-input {
      margin-bottom: 10px;
      
  }

  .search-button {
     width: 50%;
      padding: 10px 30px !important;
  }
}
/*effects*/
.blffer2-grow img{
  transition: 1s ease;

  }
  .blffer2-grow{overflow: hidden;cursor: pointer;}
  
  .blffer2-grow img:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: 1s ease;
  }
  /**/
.img-content {
    position: relative;
  
    .img-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: #000;
      opacity: 0.1;
      transition: all .3s ease;
      cursor: pointer;
      border-radius: 50%;
  }
  
  &:hover {
    .img-overlay {
      opacity: .8;
    }
  }
  }
  /**/
.select-container {
  max-width: 100%;
  width: 220px;
  margin-top: 15px;
}

label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.3s;
}

select:focus {
  border-color: #007bff;
  outline: none;
}

.search-input {
  flex: 1;
  border: none;
  padding: 10px;
  font-size: 16px;
  outline: none;
  background-color: #eeeeee;
      margin-top: 20px !important;
      width: 70% !important;
      border: #eeeeee solid 1px !important
}

.search-input::placeholder {
  color: #999;
}

.search-button {
  color: #fff;
  border: none;
  padding: 10px 50px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.5s;
  background-color: #e7c00f;
 margin-top: 10px;
 border: #e7c00f solid 1px !important;
 border-radius: 5px;
}

.search-button:hover {
  transform: scale(1.1);
}