/* slider css */

:root {
  --brown: #7B5948;
  --pink:#FFF6F2;
  --grey:#2F2F2F;
  --black2: #171515;
  --black: #000;
  --white: #fff;
  --font-one :"Quicksand", serif;
  --font-two:"Rum Raisin", serif;
}

.slider-content{
  position: absolute;
  bottom: 55px;
  left: 30%
}
.slider-content h1 a{
  color: var(--black);
}
.slider-content h1{
  margin-bottom: 10px;
}
.three-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  width: min-content;
  margin: 0 auto;
  box-shadow: 0px 5px 14px 0px #00000040;
  background: var(--white);
  padding: 16px 25px;
  border-radius: 30px;
  z-index: 1;

}

.three-dots .dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--black2);
    cursor: pointer;
}

.three-dots .dot.active {
    background: var(--brown);
    width: 35px;
    border-radius: 10px;
}
#slider .btn-wrap{
  position: absolute;
    bottom: 45px;
    margin-left: 5%;
    background: #FFFFFF;

}
#slider .btn-wrap:hover .theme-btn{
  color: var(--white);
}
.slider-img,.slider-meta-img{
  position: relative;
  overflow: hidden;
}
.slider-img::before,.slider-meta-img::before{
   position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.slider-img:hover::before,.slider-meta-img:hover::before{
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
      opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
/* benefits */
.benefits-box-left{
  padding-left: 10%;
    padding-bottom: 13%;
}
.benefits-box-right{
  padding-right: 10%;
      padding-bottom: 13%;
}
.benefits-box  h4{
  color: var(--green);
}
.benefits-img-box-inner .benefits-icon-wrap{
  height: 60px;
  width: 55px;
  line-height: 50px;
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--black2);
  clip-path: polygon( 56.464% 1.746%,56.464% 1.746%,55.238% 1.196%,53.967% 0.768%,52.663% 0.462%,51.337% 0.279%,50% 0.218%,48.663% 0.279%,47.337% 0.462%,46.033% 0.768%,44.762% 1.196%,43.536% 1.746%,25% 11.186%,6.491% 20.965%,6.491% 20.965%,5.37% 21.63%,4.344% 22.385%,3.418% 23.223%,2.597% 24.135%,1.886% 25.115%,1.291% 26.152%,0.817% 27.241%,0.469% 28.372%,0.252% 29.537%,0.171% 30.729%,0% 50.093%,0.171% 69.458%,0.171% 69.458%,0.252% 70.65%,0.469% 71.815%,0.817% 72.946%,1.291% 74.034%,1.886% 75.072%,2.597% 76.052%,3.418% 76.964%,4.344% 77.802%,5.37% 78.557%,6.491% 79.222%,25% 89.001%,43.536% 98.441%,43.536% 98.441%,44.762% 98.991%,46.033% 99.419%,47.337% 99.725%,48.663% 99.908%,50% 99.969%,51.337% 99.908%,52.663% 99.725%,53.967% 99.419%,55.238% 98.991%,56.464% 98.441%,75% 89.001%,93.509% 79.222%,93.509% 79.222%,94.63% 78.557%,95.656% 77.802%,96.582% 76.964%,97.403% 76.052%,98.114% 75.072%,98.709% 74.034%,99.183% 72.946%,99.531% 71.815%,99.748% 70.65%,99.829% 69.458%,100% 50.093%,99.829% 30.729%,99.829% 30.729%,99.748% 29.537%,99.531% 28.372%,99.183% 27.241%,98.709% 26.152%,98.114% 25.115%,97.403% 24.135%,96.582% 23.223%,95.656% 22.385%,94.63% 21.63%,93.509% 20.965%,75% 11.186%,56.464% 1.746% );
}

.benefits-para-box  h5{
  font: 600 18px / 25px var(--font-one);
  color:var(--green);
}
.benefits-box:hover .benefits-icon-wrap{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
  background: var(--brown);
}

.benefits-box:hover svg path {
  fill:#fff;
}
.benefits-que-img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* animation: updown 4s infinite linear;
	animation-direction: alternate; */
}

/* @keyframes updown {
	0% {
		transform: translateY(30px);
	}

	100% {
		transform: translateY(0px);
	}
} */

/* offer Banner */
#offer-banner{
  background-color: var(--black2);
  position: relative;
  background-size: 100% 100% !important;
  margin-top: 5%;
}
.banner-col{
  flex-direction: column;
  height: 100%;
      gap: 20px;
  display: flex;
  justify-content: center;
}
.banner-per-shape{
  clip-path: polygon(56.464% 1.746%, 56.464% 1.746%, 55.238% 1.196%, 53.967% 0.768%, 52.663% 0.462%, 51.337% 0.279%, 50% 0.218%, 48.663% 0.279%, 47.337% 0.462%, 46.033% 0.768%, 44.762% 1.196%, 43.536% 1.746%, 25% 11.186%, 6.491% 20.965%, 6.491% 20.965%, 5.37% 21.63%, 4.344% 22.385%, 3.418% 23.223%, 2.597% 24.135%, 1.886% 25.115%, 1.291% 26.152%, 0.817% 27.241%, 0.469% 28.372%, 0.252% 29.537%, 0.171% 30.729%, 0% 50.093%, 0.171% 69.458%, 0.171% 69.458%, 0.252% 70.65%, 0.469% 71.815%, 0.817% 72.946%, 1.291% 74.034%, 1.886% 75.072%, 2.597% 76.052%, 3.418% 76.964%, 4.344% 77.802%, 5.37% 78.557%, 6.491% 79.222%, 25% 89.001%, 43.536% 98.441%, 43.536% 98.441%, 44.762% 98.991%, 46.033% 99.419%, 47.337% 99.725%, 48.663% 99.908%, 50% 99.969%, 51.337% 99.908%, 52.663% 99.725%, 53.967% 99.419%, 55.238% 98.991%, 56.464% 98.441%, 75% 89.001%, 93.509% 79.222%, 93.509% 79.222%, 94.63% 78.557%, 95.656% 77.802%, 96.582% 76.964%, 97.403% 76.052%, 98.114% 75.072%, 98.709% 74.034%, 99.183% 72.946%, 99.531% 71.815%, 99.748% 70.65%, 99.829% 69.458%, 100% 50.093%, 99.829% 30.729%, 99.829% 30.729%, 99.748% 29.537%, 99.531% 28.372%, 99.183% 27.241%, 98.709% 26.152%, 98.114% 25.115%, 97.403% 24.135%, 96.582% 23.223%, 95.656% 22.385%, 94.63% 21.63%, 93.509% 20.965%, 75% 11.186%, 56.464% 1.746%);
  background: var(--brown);
  width: 290px;
  height: 336px;
  position: absolute;
  left: -4%;
  z-index: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.banner-per-wrap{
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  color: var(--white);
}
#banner .banner-text{
  color: var(--green);
}
.banner-right-img{
  margin-top: -26%;
  height: auto;
  width: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  max-height: 605px;
  max-width: 526px;
}
.banner-shape-one{
  clip-path: polygon(79.996% 75.307%, 100% 0.238%, 0% 0.238%, 20.004% 75.307%, 20.004% 75.307%, 21.103% 79.119%, 22.273% 82.571%, 23.505% 85.655%, 24.794% 88.359%, 26.133% 90.675%, 27.517% 92.591%, 28.938% 94.099%, 30.391% 95.188%, 31.869% 95.849%, 33.365% 96.071%, 66.635% 96.071%, 66.635% 96.071%, 68.131% 95.849%, 69.609% 95.188%, 71.062% 94.099%, 72.483% 92.591%, 73.867% 90.675%, 75.206% 88.359%, 76.495% 85.655%, 77.727% 82.571%, 78.897% 79.119%, 79.996% 75.307%);
  height: 23px;
  width: 90px;
  background: var(--brown);
  position: absolute;
  top: 0;
  left: 0;
}
.banner-shape-two{
  clip-path: polygon( 76.952% 9.668%,100% 98.187%,0% 98.187%,23.048% 9.668%,23.048% 9.668%,23.543% 7.913%,24.069% 6.324%,24.623% 4.905%,25.202% 3.66%,25.804% 2.594%,26.426% 1.712%,27.065% 1.018%,27.718% 0.516%,28.382% 0.212%,29.054% 0.11%,70.946% 0.11%,70.946% 0.11%,71.618% 0.212%,72.282% 0.516%,72.935% 1.018%,73.574% 1.712%,74.196% 2.594%,74.798% 3.66%,75.377% 4.905%,75.931% 6.324%,76.457% 7.913%,76.952% 9.668% );
  position: absolute;
  bottom: -2px;
  right: 0;
  height: 51px;
  width: 200px;
  background: var(--brown);
}
.banner-box{
  clip-path: polygon(41.217% 3.82%, 41.217% 3.82%, 42.887% 3.088%, 44.615% 2.518%, 46.386% 2.111%, 48.186% 1.867%, 50% 1.785%, 51.814% 1.867%, 53.614% 2.111%, 55.385% 2.518%, 57.113% 3.088%, 58.783% 3.82%, 75% 11.886%, 90.935% 20.108%, 90.935% 20.108%, 92.515% 21.025%, 93.961% 22.071%, 95.268% 23.235%, 96.426% 24.506%, 97.43% 25.872%, 98.27% 27.322%, 98.94% 28.844%, 99.432% 30.427%, 99.739% 32.059%, 99.854% 33.73%, 100% 49.883%, 99.854% 66.036%, 99.854% 66.036%, 99.739% 67.706%, 99.432% 69.339%, 98.94% 70.922%, 98.27% 72.444%, 97.43% 73.894%, 96.426% 75.26%, 95.268% 76.531%, 93.961% 77.695%, 92.515% 78.741%, 90.935% 79.658%, 75% 87.88%, 58.783% 95.945%, 58.783% 95.945%, 57.113% 96.678%, 55.385% 97.248%, 53.614% 97.655%, 51.814% 97.899%, 50% 97.98%, 48.186% 97.899%, 46.386% 97.655%, 44.615% 97.248%, 42.887% 96.678%, 41.217% 95.945%, 25% 87.88%, 9.065% 79.658%, 9.065% 79.658%, 7.485% 78.741%, 6.039% 77.695%, 4.732% 76.531%, 3.574% 75.26%, 2.57% 73.894%, 1.73% 72.444%, 1.06% 70.922%, 0.568% 69.339%, 0.261% 67.706%, 0.146% 66.036%, 0% 49.883%, 0.146% 33.73%, 0.146% 33.73%, 0.261% 32.059%, 0.568% 30.427%, 1.06% 28.844%, 1.73% 27.322%, 2.57% 25.872%, 3.574% 24.506%, 4.732% 23.235%, 6.039% 22.071%, 7.485% 21.025%, 9.065% 20.108%, 25% 11.886%, 41.217% 3.82%);
  z-index: 0;
  background: var(--brown);
  position: absolute;
  -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
  animation: bouncess 5s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-20px);
}

}
.banner-box-1{
  height: 98px;
  width: 85px;
  left: 27%;
  top: -70px;
}
.banner-box-2{
  height: 260px;
  width: 225px;
  right: -10%;
  top: -28%;
}
.banner-box-3{
  height: 98px;
  width: 85px;
  right: 35px;
  bottom: 25%;
}
.banner-box-4{
  bottom: 5%;
  width: 140px;
  height: 160px;
  left: 45px;
}
.banner-shape-three{
  clip-path: polygon( 9.192% 23.108%,100% 0.027%,100% 99.557%,9.192% 76.477%,9.192% 76.477%,7.504% 76.012%,5.976% 75.519%,4.611% 74.999%,3.414% 74.455%,2.389% 73.89%,1.54% 73.306%,0.873% 72.707%,0.391% 72.094%,0.098% 71.471%,0% 70.84%,0% 28.744%,0% 28.744%,0.098% 28.113%,0.391% 27.49%,0.873% 26.877%,1.54% 26.278%,2.389% 25.694%,3.414% 25.129%,4.611% 24.585%,5.976% 24.065%,7.504% 23.572%,9.192% 23.108% );
  position: absolute;
  background: var(--brown);
  right: 0;
  top: 30px;
  width: 20px;
  height: 90px;
}
.banner-col  .btn-wrap{
  background: var(--white);
}
.banner-col  .btn-wrap a,#slider .btn-wrap a,#banner .btn-wrap a{
  color: var(--black2);
}
.banner-col .btn-wrap svg,#slider .btn-wrap svg,#banner .btn-wrap svg{
  background:var(--black2)
}
.banner-col .btn-wrap svg path,#slider .btn-wrap svg path,#banner .btn-wrap svg path{
  fill: var(--white);
}
.banner-col  h2{
      width: 80%;
}
#banner .btn-wrap:hover a{
    color: var(--white);
}
/*Banner */
#banner{
  z-index: 1;
}
#banner::after{
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: var(--green);
  z-index: -1;
  opacity: 0.6;
}
#banner .btn-wrap {
  background: var(--white)
}
#banner .theme-btn{
    color: var(--black2);
}


#benefits-sec{
  background: var(--pink);
  padding-bottom: 0;
  overflow-x: hidden;
}