.wa-chat-box-poweredby{
	display:none;
}
.wa-chat-box-header{
	background-color: #083332 !important;
}
.wa-chat-box-brand {
  margin-left: 20px;
  width: 95px !important;
  height: 95px !important;
}
.btn.btn-google {
  background: #a07d5b !important;
  border-color: #a07d5b !important;
}

.nav-cl{
background: #062e2ee8;
}

.icon-cl{
	color: #e8d8b4;
}
.sli-bg-cl{
	background: #e8d8b4;
}

.bg{
	background-image: url("../../img/slider/banner.png");
	 background-size: cover;
    position: relative;
z-index: 0;
  }
  .bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffe5;
  content: '';
  z-index: -1;
  }


.bg1{
	background-image: url("../../img/slider/slider2.png");
	background-size: cover;
    position: relative;
}

.bg2{
	background-image: url("../../img/slider/slider3.png");
	 background-size: cover;
    position: relative;
}

.bg3{
	background-image: url("../../img/slider/slider4.png");
	 background-size: cover;
    position: relative;
}

.bg4{
	background-image: url("../../img/slider/slider5.png");
	 background-size: cover;
    position: relative;
}

.logo-ct{
	font-size: 31px;
	color: #fee289;
	margin-left: 9px;
	
}

.aladin {
  font-family: "Aladin", system-ui;
  font-weight: 400;
  font-style: normal;
}
.slogan{
	margin-left: 123px;
  margin-top: -56px;
  font-size: 13px;
  color: #fff;

}

.se-mg{
	margin-top: 35px;
}
.hd{
	text-align:center;
}
 .pro-ban {
    background-image: url(../../img/slider/banner.webp);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
  }
.cat-img-hm{
	width: auto;
height: 200px;
}
.cat-mg{
	margin-top: 40px;
}
.new-img-hm{
	width: auto;
height: 150px;
}
.mg-tp{
	margin-top: 25px;
}
.ch-ct{
	color: #945f24;
}


  .dance {
  -webkit-animation: dance 2s alternate infinite;
  }

  @keyframes dance {
    0% {
        -webkit-transform: scale(.8);
    }

    100% {
        -webkit-transform: scale(1);
    }
   }
   .al{
	   text-align: justify;
	   margin-top: 45px;
   }
 /*** scroll start ****/

.scroller {
  width: 100%;
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, black, white 20%, #2f0909 80%, #000000fa);

}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
	width: auto;
height: 200px;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 60s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 20s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

/* general styles */

:root {
  --clr-neutral-100: hsl(0, 0%, 100%);
  --clr-primary-100: hsl(205, 15%, 58%);
  --clr-primary-400: hsl(215, 25%, 27%);
  --clr-primary-800: hsl(217, 33%, 17%);
  --clr-primary-900: hsl(218, 33%, 9%);
}



.tag-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
}

.tag-list li {
  padding: 1rem;
  background: var(--clr-primary-400);
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem -0.25rem var(--clr-primary-900);
}

/* for testing purposed to ensure the animation lined up correctly */
.test {
  background: red !important;
}
/*** scroll end ****/

    .footer-banner {
    background-image: url(../../img/home/footer-banner.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
	z-index: 0;
  }
  .footer-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c4040f0;
  content: '';
  z-index: -1;
  }

    .trend-banner {
    background-image: url(../../img/home/banner-bak.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
	z-index: 0;
  }
  .trend-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffb8;
  content: '';
  z-index: -1;
  }
    .offer-banner {
    background-image: url(../../img/slider/banner1.webp);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
	z-index: 0;
  }
  .offer-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffb8;
  content: '';
  z-index: -1;
  }

.ft-cl{
	color: #fee289;
}	
.ct-cl{
	color:#fff;
}
.tre{
	margin-top: 14px;
}
.f-lg{
	width: 75px !important;
min-width: 59px !important;
}
.logo-ft {
  font-size: 22px ;
  color: #fee289;
}	

.footer-logo{
	width: 120px;
min-width: 59px;
}
.logo-ct1 {
  font-size: 31px;
  color: #fee289;
}
.slogan1 {
  margin-left: 123px;
  margin-top: -56px;
  font-size: 13px;
  color: #fff;
}
h1 {
  font-size: 30px !important;
}
html, body{
	overflow-x:hidden;
}

.ban-mg{
	margin-top: 0px;
}
.in-img{
	width: auto;
height: 300px;
}
.avatar {
  width: 100%;
  height: 100%;
  padding: 0px 50px;
  transform: translatex(0px);
  animation: float 4s ease-in-out infinite;
}
@keyframes float {
	0% {
		 
		transform: translatex(0px);
	}
	50% {
		 
		transform: translatex(-20px);
	}
	100% {
		 
		transform: translatex(0px);
	}
}
  
 .image-size{
	 width: auto !important;
height: 250px;
 }
 .pro-img-detail{
	 width:auto!important;
 height:500px !important;
 
 }
 .sh-vw{
	 margin-left: 513px;
margin-top: 20px;
 }

.search-nav{
	background: #e8d8b4 !important;
padding: 0 !important;
}


.ch-banner {
    background-image: url(../../img/choose/banner.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
	z-index: 0;
  }
  .ch-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffb8;
  content: '';
  z-index: -1;
  }
  .mg-1{
	  margin-bottom: 10px !important;
  }
  .ct-cl-c{
  color: #1c4040;
padding: 10px;
  }
  .about-banner{
	  padding: 150px !important;
background-image: url("../../img/about-banner.jpg");
background-size: cover !important;
  }

@media only screen and (max-width:1080px){
	
html, body{
	overflow-x:hidden !important;
	
}
.l-m{
	margin-left: 20px;
}
.font{
	font-size: 16px !important;
margin-left: 18px;
}
.about-banner {
  padding: 47px !important;
  background-image: url("../../img/about-banner.jpg");
  background-size: cover !important;
}
.map-mb{
	width: 338px;
height: 325px;
}
 .sh-vw{
margin-left: 123px;
margin-top: 0;
 }
		h1 {
  font-size: 18px !important;
}

.cat-mg {
  margin-top: 8px;
}


.ban-mg{
	margin-top: -5px;
}
.al {
  text-align: justify;
  margin-top: 16px;
}
.slider-mb{
	width: auto;
height: 135px !important;
}
.footer-logo {
  width: 100px;
  min-width: 59px;
}

.slogan1 {
  margin-left: 104px;
  margin-top: -42px;
  font-size: 13px;
  color: #fff;
}
.off-img{
	width: 90%;
  margin-left: 17px;
}
.mg-mb1{
		margin-top: 10px;		
	width: 90%;
  margin-left: 17px;
	}
	.logo-ct{
		display:none;
	}
	.slogan{
		display:none;
	}
	.header-right
	{
		display:none !important;
	}
	.se-mg {
margin-top: 0px;
  margin-left: 77px;
	}
	.header-middle-ptb-1 {
  padding-bottom: 1px;
}
	.header-info-right{
		margin-right: 96px;
	}
	.mg-mb{
		margin-left: 80px;
	}
	.off-pad{
	padding: 8px;
	}
	.header-action-2 {
  display: block ruby !important;
  margin-right: 60px;
}
	.sticky-bar.stick{
		background: #093431;
	}
	.col-sm-2{
	width:50%;
}
.cat-img-hm {
  width: auto;
  height: 150px;
}

.new-img-hm {
  width: auto;
  height: 150px;
  margin-left: 97px;
}

.new-img-hm1 {
  width: auto;
  height: 150px;
  margin-left: 44px;
}
.mb-25 {
  margin-bottom: 0px !important;
}
.mt-15 {
  margin-top: 0px !important;
}	
.section-padding {
  padding: 18px 0;
}


	
	
}