html {
  scroll-behavior: smooth !important;
}





p{font-size: 14px !important;}
body{    background-color: #f8f8ef !important;}

.bg-white {
    background-color: #00000024 !important;
}



.full-width-drink {
    overflow: hidden;
}



.banner {
      position: absolute;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    z-index: 999;
    right: 0px;
    width: 100%;
    overflow: hidden !important;
}

.fa, .fas {
    font-weight: 900;
    font-size: 34px;
    padding-bottom: 10px;
    color: #555555;
}


.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
    font-weight: 500;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff !important;
}


h1.featurette-heading {
       font-size: 120px;
       padding-top: 300px;
       text-align: left;
       font-family: "Yeseva One", serif;
       font-weight: 400;
       font-style: normal;
       text-align: center;
       color: #fff;
       }





.featurette-heading-about {
    padding-top: 0px;
    font-family: "Yeseva One", serif;
    text-align: center;
    

}

h1.featurette-heading-about {
    font-size: 62px;
    margin-bottom: 20px;
    font-family: "Yeseva One", serif;
    text-align: center;
}


.para-about{
    padding: 20px 80px !important;
    text-align: center !important;
}

.padding {
    margin-top: 30px;
    width: 100%;
    height: 20px !important;
}

.dropdown-toggle::after {
    display: none;
  }
.text-decoration-none{
  text-decoration: none!important;
}


video {
    width: 100% !important;
    position: absolute !important;
    height: 100% !important;
    overflow: hidden;
}


.pt-5, .py-5 {
    padding-top: 7rem !important;
}

a.btn.btn-primary.mx-1 {
 background: none!important;
    border: dashed 1px #fff;
    padding: 10px 35px;

}

a:hover.btn.btn-primary.mx-1 {
     background: white !important;
    border: dashed 1px #000;
    padding: 10px 35px;
   color: #000;

}


.banner {
        overflow: hidden !important;
    height: 100vh !important;
    overflow: hidden;
   
    background: #00000061 !important;
  }


.happiness{ margin-top: 150px;     margin-bottom: 150px; }

.txt-happiness{
  padding-top: 0px;
  text-transform: uppercase;
}


.featurette{ margin-top: 100px; 
height: 700px;
background: url() ;
    background-size: cover;}

.featurette-video{height: 740px;
background: #000;
overflow: hidden;}


.featurette p{font-size: 14px !important;
padding-left: 30px;}

h2.featurette-heading {
   
    font-family: "Yeseva One", serif;
    
}

.full-width {
    width: 100%;
    height: auto;
    background: url(../img/home/bg.jpg) fixed;
    background-size: cover;
}

.sec-feature{padding-left: 3%;padding-top: 13.5%;MIN-HEIGHT: 100VH;}


 p{font-size: 14px !important;}


h1.display-4.mb-4 {
    font-size: 48px;
    font-weight: bold;
    font-family: "Yeseva One", serif;
}


.yeseva-one-regular {
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
}

h2.featurette-heading {
    color: #fff;
    text-align: center;
}


.full-width {
       margin-top: 100px;
    padding-top: 250px;
    padding-bottom: 250px;


  }


.img-d{height: 550px;}


h2.featurette-heading {
    font-size: 55px !important;
    text-transform: uppercase;
}





#highlight {
  color: $highlight;
  font-size: 1.25rem;
}

.gallery {
  padding: 0 0 4rem 0;
    background: #fff;
    padding-top: 50px;
    height: 100vh;
}

.img-container {
      width: 100%;
    height: 800px;
    cursor: pointer;
    overflow: hidden;

  &:hover .img-content-hover {
    display: block;
  }
}

.img-container img {
  width: 100%;
  height: 800px;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  &:hover {
    transform: scale(1.05);
  }
}

.img-content-hover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  display: none;
  padding: 1rem;
  background: $white;
  font-weight: 400;
  margin-top: 1.25rem;
  margin-left: -2rem;
}

.title {
  color: $black;
  font-size: 1.5rem;
  font-weight: 700;
}

.category {
  font-size: 1rem;
  color: $gray;
}

.img-content {
  display: none;
}

.social, .copyright {
  margin: 1rem;
}

.social li {
  display: inline-block;
}

footer {
  padding: 1rem 0;
  background: $footer;
  text-align: center;
}

@supports (display: grid) {
  .gallery .grid {
    grid-gap: 1rem;
  }
}

@media(min-width: $md) {
  nav ul {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1024px) {
  img:hover {
    transform: none;
  }
  
  .img-container {
    height: 100%;
    &:hover .img-content-hover {
      display: none;
    }
  }

  .img-content {
    display: block;
    padding: 1rem 0;
  }
}


.float-lft{float: left !important;}
.clear{clear: both !important;}


.gstic{width: 33.2% !important;}

.gstic-large{width: 66.8% !important}


.img-t {
    height: 100VH;
}



.pic-home{
  background-image: url(../img/section/003.jpg) ;
  background-size: cover;
}



.pic-home-two{background-image: url(../img/home/pic-01.jpg);
background-size: cover;}



button {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  isolation: isolate;
}

.button {
  isolation: isolate;
  color: #080808;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  border-radius: 9999rem;
  background: #f8f8ef;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  border: solid 1px #111111;
  padding: 16px 0px;
  overflow: hidden;
  transition: 200ms ease-out;
  margin-top: 30px;
  max-width: 200px;

  
  
  
  & > .backdrop {
    z-index: 1;
    transition: 150ms ease-out;
  }
  
  & > .overlay {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    background: #000;
    color: #fff;
    position: absolute;
    inset: 0;
    z-index: 5;
    transform: translateY(calc(100% + 1px));
    transition: 200ms ease-out;
  }
  
  &:is(:hover, :focus) {
    background: color-mix(in oklab, var(--chili-red), black 40%);
    transition: 250ms ease-out;
    
    & > .backdrop {
     scale: 0.8;
     opacity: 0.5;
    }
    & > .overlay {
      transform: translateY(0);
    }
  }
}



:root {
  --alabaster: #F5F5EB;
  --beige: #EAE9D0;
  --citrine: #E3DC0D;
  --chili-red: #fff;
  --murrey: #8F204F;
}c

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


i.fa.fa-glass {
    font-size: 30px;
    color: #000;
    display: block;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-bottom: 15px;
}




.client {
    width: 100%;
    height: max-content;
    background: #000;
    display: block;
    overflow: hidden;
}




.client-image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.client-image {
    padding: 0px;
}


.ratings{
  width: 100%;
  height: 35px;
clear: both;
}

i.far.fa-star{
  font-size: 16px;
    color: #dcb206;
    float: left;
}


i.fas.fa-star {
    font-size: 16px;
    color: #dcb206;
    float: left;
}

i.fas.fa-star-half-alt{
font-size: 16px;
    color: #dcb206;
    float: left;

}


.col-xs-12.col-md-4.col-lg-4.float-lft.review-box {
    min-height: 385px;
    background: transparent;
    width: 100%;
    display: block;
    padding: 0px 10px;
}

.rate {
      padding: 20px;
    background: #f8f8ef;
    padding: 40px 30px;
    min-height: 350px;

  }


.container {
    width: 100%;
  
}

.reviews {
    min-height: 550px;
    background: #fff;
    padding: 100px;
}

.reviews h5 {
    font-weight: 200;
    padding-bottom: 5px;
}


.reviews h3 {
    font-size: 22px;
    font-weight: bold;
}


.insta-box{max-height: 200px;}



.insta-box {
    max-height: 300px;
    overflow: hidden;
    padding: 0px;
}


.col-xs-12.col-md-2.col-lg-2.float-lft.insta-box img {
    height: auto;
    width: 100%;
}


.footer {
    width: 100%;
    height: 450px;
    background: #000;
    position: relative;
    padding: 100px 0px;
}

.logo-ftr{    margin-bottom: 0px;
    margin-top: -27px;
    width: 60%;}

.footer-box h5{ color: #fff;
font-weight: bold;
padding-bottom: 10px;
 }




.footer-box ul li a{ color: #fff !important;

padding-bottom: 10px;
list-style: none;
 }




li {
    list-style: none;
    color: #fff !important;
    padding-bottom: 8px;
}


a.alink {
   color: #8c8c8c;
    font-size: 14px;
}

.footer-bottom {
    width: 100%;
    height: 50px;
    background: #252525;
    position: absolute;
    bottom: 0px;
}




video{
  display:block;
  width:400px;
  height:300px;
}
video.scale2{
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -o-transform:scale(1.5);
  -ms-transform:scale(1.5);
  transform:scale(1.5);
}

.scroll-downs {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0px;
 left: 0px;
 margin: auto;
 width: 34px;
 height: 55px;
 z-index: 9999999999999999;
 margin-top: 45%;
}
.mousey {
  width: 3px;
  padding: 8px 13px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.fixed-top {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 100px;
}


span.ml-3.font-weight-bold {
    width: 100%;
}

a.navbar-brand.d-flex.align-items-center {
    width: 231px !important;
}

img.featurette-heading {
    width: 100%;
    margin-bottom: 10px;
}







@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
[data-animation] {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled, .animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInleft;
          animation-name: slideInleft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: reverse;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  animation-direction: reverse;
}

.zoomReverseIn {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
}

.zoomReverseOut {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
  animation-direction: reverse;
}

.flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.flipOutY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  animation-direction: reverse;
}




.insta-box img:hover {
    background: #000 !important;
}

figure.img-container {
    margin-bottom: 0px;
}


.slider {
    overflow: hidden !important;
}