@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Inter&display=swap');
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root{
  --primary:#561B07;
  --green:#65AB04;
}

html {
  scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6{
   font-family:'Handlee', sans-serif ;
}

body {
  font-family:'Inter', sans-serif ;
  font-size: 100%;
  font-weight: 400;
      text-transform: capitalize;
      overflow-x: hidden;
}

section{
  margin-top: 90px;
}
.btn{
  color:#fff;
  text-transform: capitalize;
 font-family:'Handlee', sans-serif ;
 transition: all .2s linear;
 background: var(--green);
 border-color: var(--green);
}

/*
=========================================
    Custom Scrollbar
=========================================
*/ 

::-webkit-scrollbar {
  width: 0.625rem;
} 
::-webkit-scrollbar-track {
  background: #FFF; 
} 
::-webkit-scrollbar-thumb {
  background:var(--primary); 
} 

/*
==========================================
   Header Design
==========================================
*/

.navbar .navbar-brand{
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary);
}

.navbar .nav-item{
  padding:0 0.625rem;
  transition:all 200ms linear;
}
.navbar-toggler:focus{
  outline:unset;
  border:unset;
  box-shadow: none;
}
.navbar .nav-link{
  font-size:0.9375rem;
  font-weight: 600;
  text-transform: capitalize;
  color:var(--primary) !important;
  letter-spacing: 1px;
   transition:all 200ms linear;
}
.navbar .nav-link:hover{
  transform: scale(1.1);
  color: var(--primary);
}
.navbar .navbar-nav .nav-item .nav-link::after
{
  content: '';
  width: 0%;
  height: 2px;
  background-color: var(--green);
  display: block;
  margin: auto;
  transition: 0.5s;

}
.navbar .navbar-nav .nav-item .nav-link:hover::after
{
  width: 100%;
}
.navbar .main-btn{
  padding:0.3125rem 1.4375rem;
  box-shadow: none;
  margin-left:0.625rem;
  background: var(--primary);
  color: #FFF;
} 
/* Change navbar styling on scroll */
.navbar.solid {
  color: var(--primary);
    background: #FFF;
box-shadow: 0 0.125rem 1.75rem 0 rgb(0 0 0 / 9%);
    transition: all .15s ease-in-out 0s;
  }
.navbar {
    transition: all 0.4s;
    background: transparent;
}
/*header design End*/


/*Section 1 Banner*/
.banner-section{
  margin-top: 0;
  padding: 165px 0;
  background: url('../banner/gallery.png');
  background-position: center;
}
.banner-section h1{
  color: #FFF;
  font-weight: 700;
  text-align: center;
}

/*Section 1 Banner End*/
/*Tabs*/
.tab .nav-pills .nav-item{
  max-width: 180px;
}
/*Tabs*/

.video-container{
   width: 100%;
  position: relative;
  overflow: hidden;
}
 .video-container video{
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary);
}

.fancybox-button {
  background-color: var(--primary);
}
.product-img{
  margin-top: 1.4rem;
}





.product-img  img {
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.product-img :hover img {
  transform: scale(0.9);
}

.tabs-section .tab-pane .p-video, .tabs-section .tab-pane .p-video .video-box{
  height: 470px;
}
.tabs-section .tab-pane .celibrity-img.mt2{
  margin-top: -170px;
}