html {scroll-behavior: smooth;}
*{box-sizing: border-box;font-family: 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;}.ex28st-wrap{max-width: 1155px;width: 100%;margin: auto;}.ex28st-wrap-100{max-width: 100%;width: 100%;margin: auto;}.txt-rgt{text-align: right;}
/*flex*/
.ex28st-flex{display: flex;}.ex28st-flex-aln{align-items: center;}.ex28st-flex-jus{justify-content: space-between;}.ex28st-flex-gp{gap: 20px;}
/*flex-child*/
.ex28st-flex-50{flex: 50%;}.ex28st-flex-33{flex: 33.33%;}.ex28st-flex-80{flex: 80%;}.ex28st-flex-20{flex: 20%;}.ex28st-flex-40{flex: 40%;}.ex28st-flex-60{flex: 60%;}.ex28st-flex-30{flex: 30%;}.ex28st-flex-70{flex: 70%;}.ex28st-flex-10{flex: 10%;}.ex28st-flex-25{flex: 25%;}.ex28st-flex-75{flex: 75%;}.ex28st-flex-15{flex: 15%;}.ex28st-flex-55{flex: 55%;}

/*back-pages*/
.ex28st-mid{padding: 40px 10px;}.ex28st-abtn{background-color: #fff;text-align: center;color: #000;padding: 10px;border-radius: 10px;padding: 10px 100px;font-size: 20px;border: none;margin-top: 20px;cursor: pointer;}.ex28st-mid-blk{max-width: 850px;margin: auto;padding: 20px 0;}.ex28st-mid p{font-size: 20px;}
.ex28st-bk-banner{padding: 120px 10px;}.ex28st-bk-banner-blk{max-width: 700px;margin: auto;}.ex28st-bk-banner-blk h1{font-size: 40px;margin: 5px 0;font-weight: 700;}.ex28st-bk-bnrwrap{background-image: url('../images/wr-strip.webp');background-size: cover;background-position: center;background-repeat: no-repeat;}
/*header*/
.ex28st-navbar ul {padding: 0;}.ex28st-navbar li {list-style-type: none;}.ex28st-navbar a{color: #fff;transition: 0.2s;}.ex28st-header{padding: 20px 10px;}
.ex28st-header h1{font-size: 22px;font-weight: 700;margin: 0;color: #fff;text-transform: uppercase;}
/*banner*/
.ex28st-banner-head{font-size: 57px;line-height: 1.2;margin: 15px 0 15px 0;font-weight: 900;}.ex28st-banner-btn{max-width: 160px;padding: 15px 5px;transition: 0.3s;margin: 30px auto auto;background-color: #ed563b;text-align: center;border-radius: 5px;color: #fff;font-size: 16px;}.ex28st-banner-btn:hover{transform: scale(1.1);}.ex28st-banner-btn:focus{outline: 3px solid #333;}.ex28st-banner-blk{max-width: 800px;margin: auto;}.ex28st-banner-wrap{background-image: url('../images/wr-banner.webp');background-size: cover;background-repeat: no-repeat;background-position: center;}.ex28st-banner{padding: 190px 10px;}
/*blog*/
.ex28st-btn{max-width: 140px;padding: 15px 10px;margin-top: 20px;background-color: #ed563b;transition: 0.3s;text-align: center;color: #fff;border-radius: 10px;}.ex28st-blog-img{max-width: 500px;border-radius: 5px;}.ex28st-blog{padding: 40px 10px;}.ex28st-btn p {color: #000;text-align: center;}.ex28st-btn:hover{transform: scale(1.1);}.ex28st-pro-con h2{margin-top: 15px 0 0;}
/*thanku*/
.ex28st-midb{padding: 120px 10px;}.ex28st-midb-blk{max-width: 500px;margin: auto;padding: 40px 20px;border-radius: 5px;background-color: #dedede;}.ex28st-hig{min-height: calc(100vh - 250px);}.ex28st-midb h1{font-size: 30px;font-weight: 700;margin: 10px 0;}
    /*offer*/
   .ex28st-offer{padding: 40px 0px;}.ex28st-offer h1{font-size: 35px;font-weight: 700;margin: 10px 0 0 0;}.ex28st-offer-blk{margin-top: 10px;}.ex28st-offer img{max-width: 60px;}
   /*strip*/
   .ex28st-strip{padding: 120px 10px;background-image: url('../images/wr-strip.webp');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}.ex28st-strip h1{font-size: 50px;margin: 5px 0;font-weight: 700;}.ex28st-strip-blk{max-width: 700px;margin: auto;}
/*footer*/
.ex28st-footer-nav li {list-style-type: none;line-height: 2;}.ex28st-footer-nav a {color: #fff;transition: 0.2s;}.ex28st-footer ul{padding: 0;}.ex28st-footer-nav{max-width: 300px;margin: 20px auto auto;}.ex28st-footer-nav-p{    border-left: #fff solid 1px;padding-left: 10px;}.ex28st-footer-top{padding: 70px 10px;background-color: #111111;}.ex28st-footer-blk{max-width: 180px;text-align: center;margin-top: 10px;}.ex28st-footer h1{font-size: 22px;font-weight: 700;margin: 0;color: #fff;text-transform: uppercase;}
.desk-nn{display: none;}.mob-nn{display: block;}
/*add*/
.ex28st-mid-add {font-size: 42px;margin: 0;font-weight: 700;text-align: center;line-height: 1.3;}.ex28st-mid-btn {font-size: 36px;
  font-weight: 700;
  color: #fff;
  border-radius: 12px;
  text-align: center;
  box-shadow: 2px 2px 4px 0px #222;
  padding: 12px 16px;
  max-width: 450px;
  text-decoration-line: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background-color: #00853a;}
/*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){
    .ex28st-flex-dir{flex-direction: column;}.mob-cntr{text-align: center;}.desk-nn{display: block;}.mob-nn{display: none;}.ex28st-banner{padding: 50px 20px 80px 20px;}.ex28st-banner-btn{margin: 30px auto auto;}.ex28st-banner-head{font-size: 35px;line-height: 1.2;}.ex28st-mid{padding: 20px 10px;}.ex28st-offer h1{font-size: 26px;}.ex28st-footer-nav{margin: 15px auto auto;}.ex28st-footer-blk{margin: 15px auto auto;}.ex28st-banner-blk{margin: auto;}.ex28st-offer-con{margin: auto;}.ex28st-midb{padding: 40px 20px;}.ex28st-bk-banner-blk h1{font-size: 30px;}.ex28st-bk-banner{padding: 60px 10px;}.ex28st-btn{margin: 20px auto auto;}.ex28st-mid-add{font-size: 30px;}.ex28st-strip h1{font-size: 35px;line-height: 1.5;}.ex28st-strip{padding: 60px 10px;}
    .search-container {
      flex-direction: column;
      width: 90%;
      margin: auto;
  }

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

  .search-button {
      width: 100%;
  }
}
/*effects*/
.ex28st-grow img{
  transition: 1s ease;

  }
  .ex28st-grow{overflow: hidden;cursor: pointer;}
  
  .ex28st-grow img:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: 1s ease;
  }