/* @font-face {
  font-family: 'Segoe-UI-Light-TTF';
  src: url('./segoeuil.ttf');
} */



html,
body {
  width: 100%;
  height: 100%;
  /* background-color: rgb(20, 15, 15); */
  display: block;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto Slab', serif;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){
  font-family: 'Roboto Slab', serif !important;
}

.carousel {
  border: 8px solid rgb(212, 212, 212);
  border-radius: 8px;
}

.carousel-inner,
.carousel,
.carousel-item,
.carousel-container {
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: cover;
  border: none;

}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
}

/*.carousel-indicators {
  top: -30px;
  margin: auto;
  height: 20px;
  right: 20px;
  left: auto;
  display: block;
}*/

.carousel-indicators [data-bs-target] {
  background: none;
  border: 2px solid #fff;
  border-radius: 12px;
  width: 5px;
  height: 5px;
  margin-bottom: 12px;
}

.carousel-indicators li.active {
  background: rgb(212, 212, 212);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 4rem;
  height: 4rem;
  position: fixed;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}

.carousel-control-prev-icon {
  top: 5%;
}

.unclickable {
  pointer-events: none;
}

.clickable {
  pointer-events: all;
}

.btn-style {
  border-color: rgb(212, 212, 212);
  content: url("/assets/frontend/images/GitHub-Mark-Light-120px-plus.png");
  width: calc(1.475rem + 2.7vw);
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 4px;
}

.btn-style:hover {
  background-color: black;
  content: url("/assets/frontend/images/GitHub-Mark-Light-120px-plus.png");
  width: calc(1.475rem + 2.7vw);
}

.img-style {
  width: calc(1.475rem + 2.7vw);
}

.img-style:hover {
  width: calc(1.475rem + 2.7vw);
}

.jello-horizontal {
  -webkit-animation: jello-horizontal 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) 3 both;
  animation: jello-horizontal 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) 3 both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-2-15 8:33:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}






@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&family=Roboto+Slab&family=Roboto:wght@100;400&display=swap');

html {
  font-size: 120%;
}

.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Roboto Slab', serif !important;

}

video:-webkit-full-page-media::-webkit-media-controls-panel video::-webkit-media-controls-panel {
  display: flex !important;
  opacity: 0 !important;
}


img {
  max-width: 100%;
  height: auto;
  /* margin-bottom: 5%; */
}

.container {
  width: 100%;
  /* padding: 5%; */
}

body {
  margin: 0px;
  padding: 0px;
  background: #000;
  font-family: 'Roboto', sans-serif !important;
  ;
  color: #fff;
  font-size: 14px;
}

.fp-overflow {
  height: 100%;
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

.content-wrapper {
  width: 100%;
  height: 100%;
  color: #fff;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);
  transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);
}

#landing .content-wrapper {
  color: #333;
}

.content-title {
  line-height: 1.4;
}

h3 {
  font-size: 24px;
  font-family: 'Roboto Slab', serif;
  text-transform: uppercase !important;
}



#header {
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  z-index: 9999;
  text-align: center;
  color: #f2f2f2;
  /*padding: 1rem 0;*/
  background-color: rgba(0, 0, 0, 0.44);
}

.wrapper {
  max-width: 1280px;
  width: 90%;
  margin: 0px auto;
  padding: 0px;
}

#header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;

}

#header .wrapper .logo {
  width: 114px;
  margin: 0px;
  padding: 0px;
}

#header .wrapper .logo img {
  width: 100%;
}

.burger-menu {
  margin: 0px auto;
  width: 36px;
  display: block;
  transition: all 0.3s;
  cursor: pointer;
  height: 28px;
  margin-top: -50%;
}

.burger-menu .bar {
  transition: all 0.3s;
  height: 4px;
  width: 100%;
  display: block;
  background-color: #fff;
  /* border-radius: 2px; */
}

.burger-menu .bar:nth-of-type(2) {
  margin: 8px 0;
}

.burger-menu--closed {
  transition-delay: 0.3s;
}

.burger-menu--closed .bar {
  float: left;
}

.burger-menu--closed .bar:nth-of-type(2) {
  width: 28px;
  transition-property: margin, height, width;
  transition-delay: 0.3s, 0.3s, 0s;
}

.burger-menu--closed .bar:nth-of-type(3) {
  width: 32px;
}

.burger-menu--closed:hover .bar:nth-of-type(2) {
  width: 100%;
}

.burger-menu--closed:hover .bar:nth-of-type(3) {
  width: 100%;
}

.burger-menu--opened {
  padding-top: 12px;
}

.burger-menu--opened .bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.3s;
  height: 4px;
}

.burger-menu--opened .bar:nth-of-type(2) {
  opacity: 0;
  height: 0;
  margin: -4px 0;
}

.burger-menu--opened .bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition-delay: 0.3s;
  height: 4px;
}

@keyframes centerme {
  0% {
    background-size: 150%;
  }

  100% {
    top: -5px;
  }

}

#section0 {
  background: url("/assets/frontend/images/banner-bg.jpg") center center no-repeat;
  background-size: cover;
}

.prd-shot {
  width: 36%;
  margin: 0 10px;
  padding: 0px;
  position: absolute;
  left: 55%;
  top: 100%;
  transform: translateX(-50%);
}

.podium {
  width: 100%;
  /* margin: 0px; */
  padding: 0px;
  background: url(/assets/frontend/images/podium.png) center bottom no-repeat;
  background-size: 100%;
  height: 10.9em;
  /* margin-l/eft: 150%; */
}

.mobile_podium,
.mobile_pack,
.mobileTiger,
.mobileSrk,
.mobileAjay,
.desktopTiger,
.desktopSrk,
.desktopAjay {
  display: none;
}

@keyframes movePack {
  from {
    visibility: hidden;

  }

  to {
    /* animation-delay: 2s; */
    /* position: absolute; */
    /* margin-top: 10%; */
    margin-left: -30%;
    margin-bottom: -10%;

    transition-delay: 15s;
    /* overflow: inherit; */
  }

}

@keyframes movePod {


  to {
    margin-top: -20%;
    margin-left: 17%;
  }

}





.vimal-pack-shot {
  width: 400px;
  height: 339px;
  margin-left: -65px;
  background-image: url(/assets/frontend/images/packshot.png);
  transition: all 0.3s;
  transform: scale(1.2);
}

.vimal_podiun_animation {
  /* padding-top: 10%; */
  padding-left: 80%;
  animation: moven 2s forwards;
  /* padding-top: -10%; */
}



.vimal-pack-shot.animated {
  width: 400px;
  height: 339px;
  /* margin-left: 70px; */
  background-image: url(/assets/frontend/images/packshot.png);
  background-repeat: no-repeat;
  animation: moveX 6s steps(118) infinite;

  animation-delay: 1s;
}

@keyframes moveX {
  from {
    background-position-x: 0px;
  }

  to {
    background-position-x: -47200px;
  }
}

@keyframes moveV {
  from {
    background-position-x: 500px;
  }

  to {
    margin-left: 150%;
    /* margin-top: 20%; */
    background-position-x: -47200px;
    /* width: 10%; */
  }
}

@keyframes moven {
  from {}

  to {
    padding-left: 5%;
  }

}


/* .podium {
animation-name: moveX;
    animation-duration: 6s;
    animation-timing-function: steps(118);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;} */

/* .podium {
  animation: moveX 1s steps(118);

} */

/* @keyframes moveX {
  from {
    background-position-x: 200px;
  }

  to {
    background-position-x: -47200px;
  }
} */

/* @keyframes moveX {
  from {
    background-position-x: 750px;

  }

  to {
    background-position-X: 10px;

  }
} */




.celebs {
  width: 37%;
  position: absolute;
  bottom: 0px;
  transition: all 0.1s;
  /* right: -10%; */
}

.celebs img {
  width: 50%;
  display: block;
  position: relative;
  margin-left: 150%;
  /* ṛight: -100%; */
  /* Adjust the duration as needed */
  /* transition: transform 15s; */

}

.tiger {
  animation: moveInTiger 1s forwards;
  animation-delay: 1.5s;
  /* margin-left: 2%; */
  /* z-index: 1; */

}

.desktopTiger{
  right: -10%;
  margin-right: -2%;
  top: 21%;
}
.desktopTiger img{
  width: 49% !important;
}

.srk {
  animation: moveInSrk 1s forwards;
  animation-delay: 2s;
}
.desktopSrk{
  right: 11%;
    margin-right: -22%;
    top: 20%;
}

.ajay {
  animation: moveInAjay 1s forwards;
  animation-delay: 2.5s;
}
.desktopAjay{
  right: -10%;
    top: 20%;
}


@keyframes moveInTiger {
  to {
    right: 60%;
    transform: translateX(-50%);

  }
}

@keyframes moveInSrk {
  to {
    right: 65%;
    transform: translateX(-50%);

  }
}

@keyframes moveInAjay {
  to {
    right: 28%;
    transform: translateX(-50%);

  }
}

.kesari-txt {
  width: 35%;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  position: absolute;
  left: -25%;
  top: -2%;
  z-index: 3;
  transform: translateX(-50%);
  margin-left: 12px;
  transition: all 0.3s;
  animation: desktopKesarAnimation 2s 2s forwards;
}

@keyframes desktopKesarAnimation {
  to {
    opacity: 1;
    left: 50%;
    display: inline-block !important;
  }
}

@keyframes KesarAnimationFor600px {

  to {
    opacity: 1;
    left: 200%;
  }
}

@keyframes KesarAnimationForLeass401px {
  to {
    opacity: 1;
    left: 285%;
  }
}


.kesari-txt img {
  width: 100%;
  animation: forwards
}

.section-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10%;
}

.section-2 .left {
  width: 52%;
  margin: 0px;
  padding: 0px;
  /*text-align: justify;*/
}

.section-2 .left h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  letter-spacing: 6px;
  text-align: center !important;
}

.section-2 .left h4 {
  font-size: 29px;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.section-2 .left p {
  font-size: 21px;
  color: #fff;
  margin: 0px;
  padding: 1rem 0;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: left;
}

.section-2 .right {
  width: 48%;
  margin: 0px;
  padding: 0px;
}

.section-2 .right video {
  width: 75%;
  height: auto;
}

.about-vimal {
  width: 100%;
  margin: 0px;
  padding: 7rem 0;
  border-top: 2px solid #D9A460;
  border-bottom: 2px solid #D9A460;
  background: #1E1E1E;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.about-vimal .wrap {
  width: 68%;
  margin: 0px auto;
  padding: 0px;
}

.about-vimal .wrap h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  letter-spacing: 6px;
}

.about-vimal .wrap p {
  font-size: 21px;
  color: #fff;
  margin: 0px;
  padding: 1.5rem 0;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: left;
}

.kesar {
  width: 100%;
  margin: 0px;
  /* padding-bottom: 15%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10%;
}

.kesar .left {
  width: 50%;
  margin: 0px;
  padding: 0px;
  /* padding-bottom:229px;*/
}
/*a {
  color: #ffffff !important;
}*/
.page-title-area .content{
  position: relative;
    top: 76px;
}
nav li{
  padding: 0 0px !important; 
}
nav {
  top: 10px !important;
}

.kesar .left video {
  width: 91%;
  height: 100%;
  margin-top: -30%;
  margin-left: -19%;
}
.section-2 .left video{
  width: 82%;
    height: 100%;
    margin-top: 2%;
    margin-right: 17%;
}

.kesar .left .packshot {
  width: 300px;
  height: 276px;
  background-image: url(/assets/frontend/images/packshot.png);
  background-repeat: no-repeat;
  animation: moveX 5s steps(104) infinite;
  transform: scale(1.4);
}

.kesar .right {
  width: 54%;
  margin: 0px;
  /* padding: 8rem 0 0 0; */
  /*text-align: justify;*/
}

.kesar .right h3 {
  font-size: 24px;
  color: #fff;
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto Slab', serif;
  letter-spacing: 4px;
  font-weight: normal;
  color: #D9A460;
  text-align: center;
}

.kesar .right h4 {
  font-size: 1.5rem;
  color: #D9A460;
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto Slab', serif;
  letter-spacing: 6px;
  font-weight: normal;
}

.kesar .right p {
  font-size: 21px;
  color: #fff;
  margin: 0px;
  padding: 1rem 0;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: left;
  text-wrap: 111%;
}

.brand h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  padding-top: 7%;
  padding-bottom: 1rem;
  margin: 0px;
  font-weight: normal;
  letter-spacing: 6px;
}

.brand .desc {
  width: 98%;
  margin: 0px auto;
  font-size: 21px;
  letter-spacing: 1px;
  font-weight: 100;
  padding-bottom: 20px;
  text-align: left;
}

.brand-amb {
  width: 100%;
  margin: 0px;
  padding: 2% 0;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.brand-amb .left {
  width: 50%;
  text-align: left;
}

.brand-amb .left video {
  width: 80%;
  margin: 10px 45px;
  padding: 5px 20px;
}

.brand-amb .akki-left {
  width: 30%;
  text-align: left;
}

.brand-amb .akki-left video {
  width: 100%;
  margin: 5px 0px;
  padding: 5px 0px;
  float: left;
}

.brand-amb .akki-right {
  width: 48%;
  text-align: left;
}

.brand-amb .right {
  width: 50%;
  text-align: left;
}

.fp-controlArrow.fp-prev {
  left: -2rem;
}

.fp-controlArrow.fp-next {
  right: -2rem;
}

.fp-controlArrow.fp-next {
  border: none;
  width: 1rem;
  height: 3rem;
  background: url(/assets/frontend/images/arrow-next.png) center center no-repeat;
  background-size: cover;
}

.fp-controlArrow.fp-prev {
  border: none;
  width: 1rem;
  height: 3rem;
  background: url(/assets/frontend/images/arrow-prev.png) center center no-repeat;
  background-size: cover;
}

.brand-amb h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  margin: 1rem 0;
  padding: 0px;
}

.brand-amb p {
  font-size: 21px;
  color: #ffffff;
  text-align: left;
  padding: 0px;
  font-weight: 100;
  width: 98%;
  /* margin: 0px 5px; */
  letter-spacing: 1px;
  /*text-align: justify;*/
}

audio {
  opacity: 0;
  height: 0px;
  width: 0px;
  position: absolute;
  left: 0;
  top: 0;
}

.youtube-gallery {
  padding: 0rem 0;
 /* height: 100%;*/
}

.youtube-gallery .video {
  background: url("https://assets.codepen.io/319606/video-placeholder.jpg");
  background-position: center;
  background-size: cover;
}

.youtube-gallery .video iframe {
  width: 100%;
}

.ypt {
  width: 80%;
  margin: 1rem auto;
  padding: 0;
}

.yt-single {
  background: #141414;
  border-radius: 10px;
}

.yt-single img {
  border-bottom: 3px solid #f99c1c;
  transition: all 0.25s ease-in-out;
}

.yt-thumb {
  width: 30%;
  display: flex;
  cursor: pointer;
  margin-right: 10px !important;
  margin-left: 10px !important;
  min-height: 100%;
}

.yt-thumb img {
  width: 100%;
}

.yt-thumb:hover img {
  opacity: 0.75;
}

.date {
  color: #fff;
  font-size: 0.875em;
  margin-left: 10px;
}

.date span {
  display: inline-block;
  padding-left: 0.5rem;
}

.yt-title {
  color: #fff;
  font-weight: 900;
  margin-left: 10px;
  font-family: 'Roboto Slab', serif;
  font-size: 1rem;
  margin-top: 5%;
}

.yt-img {
  position: relative;
}

.yt-img:before {
  content: "";
  background-image: url("https://assets.codepen.io/319606/play-btn.svg");
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 1;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.ypt-now-playing .yt-img:before {
  content: "";
  background-image: url("https://assets.codepen.io/319606/play-btn.svg");
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 1;
  opacity: 1;
}

.black-bg {
  background: #000;
  padding: 10px;
}


.flickity-prev-next-button {
  top: 50%;
  width: 50px;
  height: 62px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
}

.flickity-prev-next-button.next {
  right: -40px;
}

.flickity-prev-next-button.previous {
  left: -40px;
}

.flickity-button {
  position: absolute;
  background: #141414;
  border: none;
  color: #fff;
}

.flickity-button:hover {
  background: #f99c1c;
  cursor: pointer;
}

.flickity-button:disabled {
  opacity: 1;
  cursor: auto;
  pointer-events: none;
}

.gap-between {
  margin-top: 20px;
}

.youtube-gallery .cont {
  width: 61%;
  margin: -1% auto;
  background: black;
  border-radius: 24px;
  padding: 1rem 0 0 0;
  transform: scale(0.8);
}

.youtube-gallery h3 {
  text-align: center;
  font-size: 28px;
  margin: 0;
  padding: 0;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  letter-spacing: 6px;
}

.youtube-gallery p {
  text-align: center;
  font-size: 26px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: 'Roboto Slab', serif !important;
  letter-spacing: 1px;
  font-weight: 100;
}

.youtube-gallery .cont .golden-band {
  background: #D9A460;
  border-radius: 0px 0px 24px 24px;
  padding: 1rem 0 0 0;
}

.content-wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0px auto;
  position: relative;
}

.container.brand {
  overflow: hidden;
  margin: auto;
}

.spotlight {
  width: 100%;
  margin: 0px;
  /* padding: 1rem 0; */
  /* padding-top: 50%; */
  background: black;
  position: absolute;
  /* left: 0px; */
  /* top: 50%; */

  transform: translateY(-50%);
}

.new1 {
  display: flex;
  margin-left: 10%;
  margin-right: 10%;

}

.article1,
.article2 {
  margin-right: 10%;
}

.spotlight .slider {
  width: 80%;
  margin: 0px auto;
}



.spotlight h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  margin: -3rem 0 2rem 0;
  padding: 0px;
  letter-spacing: 6px;
  margin-left: 69px;
}

.spotlight .flickity-viewport {
  left: 14px !important;
}

span.stretch {
  display: inline-block;
  -webkit-transform: scale(2, 1);
  /* Safari and Chrome */
  -moz-transform: scale(2, 1);
  /* Firefox */
  -ms-transform: scale(2, 1);
  /* IE 9 */
  -o-transform: scale(2, 1);
  /* Opera */
  transform: scale(2, 1);
  /* W3C */
}

.social {
  width: 100%;
  /* margin-top: -100px; */
  margin-bottom: 10%;
  padding-top: 10%;
  padding-bottom: 10%;
  /* background: #1E1E1E; */
  background: black;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.social .slider {
  width: 80%;
  margin: 0px auto;
  margin-bottom: 2%;
}

.social ul {
  list-style: none;
  /* margin: 0px; */
  padding: 0 25px;
  /*padding: 0px;*/
  margin-top: 37px;

}

.social ul li {
  width: auto;
  margin: 0;
  position: relative;
}

/*.social ul li:nth-child(2n){
  margin: 0px;
}*/
.social ul li .thumb {
  width: 88%;
  margin: 0px;
  padding: 0px;
}

.social ul li .thumb img {
  display: block;
  width: 100%;
}

.social ul li .caption {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -80%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
  padding: 0.5rem;
  box-sizing: border-box;
  line-height: 1.5;
}

.social ul li .caption a {
  display: block;
  color: #fff;
  text-align: right;


}

.caption {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -60%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 2%;
  font-size: 18px;
  /* transition: all 0.3s; */
  padding: 0.5rem;
  box-sizing: border-box;
  /* line-height: 1.8; */
}

img:hover+.caption,
.caption:hover {
  height: 140%;

}

.readmore {
  margin-left: 50%;
  color: #fff;
}





.social ul li:hover .caption {
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.social h3 {
  font-size: 24px;
  color: #D9A460;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  margin: 0rem 0 2rem 0;
  padding: 0px;
  /* margin-left: 50px; */
  letter-spacing: 6px;
}

.social-slider {
  margin-left: 75px !important;
}

.spotlight-slider {
  margin-left: 75px !important;
}


#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: #ffffff;
}

footer {
 /* position: absolute;
  bottom: 0px;*/
  /* left: 0px; */
  width: 100%;
  /* background: #1E1E1E; */
  /* margin-top: 15%; */
  /* margin-bottom: -8%; */
  line-height: 16px;
  font-size: 14.5px;
}

.footer {
  max-width: 1200px;
  margin: 9px auto;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .left {
  width: 35%;
  margin: 0px;
  padding: 0px;
}

.footer .left ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  list-style: none;
}

.footer .left ul li {
  /* font-size: 0.8rem; */
  width: 110%;
  color: #fff;
  padding: 0.2rem 0;
  font-size: 14.5px;
}

.footer .left ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14.5px;
}

.footer .centre {
  width: 35%;
  /* margin: auto; */
  margin-top: 5%;
  padding: 0px;

}

.footer .centre ul {
  list-style: none;
  margin: 25px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -22px;
  margin-bottom: 1px;
}

.footer .centre ul li {
  margin: 0 0.5rem;
  font-size: 2rem;
}

.footer .centre ul li a {
  color: #fff;
  text-decoration: none;
}

.footer .right {
  width: 55%;
  margin: 0px;
  padding: 0px;
}

.footer .right ul {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
  list-style: none;
  font-size: 14.5px;
}

.footer .right ul li {
  font-size: 0.8rem;
  color: #fff;
  padding: 0.2rem 10px;
}

.footer .right ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14.5px;
}

.lity.lity-opened.lity-image {
  z-index: 9999999;
}

.navigation {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #000000;
  height: 100%;
  position: fixed;
  left: 0;
  top: -100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  transition: all 0.3s;
}

.navigation.active {
  top: 0;
}

.navigation .cont {
  width: 100%;
  margin: 0px;
  text-align: center;
}

.navigation .cont ul {
  margin-top: -10%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  list-style: none;
}

.navigation .cont ul li {
  width: auto;
  margin: 0px;
  /* margin: 0; */
  padding: 15px;
  text-align: center;
  font-size: 1.5rem;
  color: #D9A460;
  position: relative;
}

.navigation .cont ul li a {
  color: #D9A460;
  font-family: 'Marcellus SC', serif;
  background-color: black;
  text-decoration: none;
  letter-spacing: 4px;
}

.navigation .cont ul li a:hover {
  color: #fff;
  font-family: 'Marcellus SC', serif;
  ;
  text-decoration: none;
  letter-spacing: 4px;
}

.navigation .cont ul li.active::after {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  background: #D9A460;
  content: "";
  width: 60%;
  height: 2px;

}


.navigation .cont ul li:hover::after {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  background: #fff;
  content: "";
  width: 60%;
  height: 2px;

}


@keyframes zoomIn {
  from {
    background-size: 220%;
    filter: grayscale(1);
  }

  to {
    background-size: 125%;
    filter: grayscale(0);
  }
}



@keyframes fromdown {
  from {
    transform: translateY(50%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes toup {
  from {
    z-index: 20;
    transform: translateY(0%);
  }

  100% {
    z-index: 20;
    transform: translateY(-100%);
  }
}

@keyframes fromup {
  from {
    z-index: 20;
    transform: translateY(-100%);
  }

  100% {
    z-index: 20;
    transform: translateY(0%);
  }
}

@keyframes todown {
  from {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(50%);
  }
}

@media screen and (max-width: 575px) {
  .flickity-prev-next-button.next {
    right: -32px;
  }

  .flickity-prev-next-button.previous {
    left: -32px;
  }
}




/* icons.css */


#play-pause-btn {
  background-color: transparent;
  border: 3px solid transparent;
  border-radius: 50%;
  padding: 0px;
  margin: 0;
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 20px;
}

#play-pause-btn .play-icon,
#play-pause-btn .pause-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#play-pause-btn .play-icon {
  width: 70%;
}


.play-icon img {
  width: 100%;
  margin-top: -200%;
}

#play-pause-btn .pause-icon {
  width: 70%;
  display: none;

}

.pause-icon img {
  width: 100%;
  margin-top: -350%;
}

#play-pause-btn.playing .play-icon {
  display: none;
}

#play-pause-btn.playing .pause-icon {
  display: block;
}

/* full page.css */

/*!
 * fullPage 4.0.15
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;

  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
 /* height: 100%;*/
  display: block;
}

.fp-slide {
  float: left;
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-prev {
  left: 15px;
}

.fp-next {
  right: 15px;
}

.fp-arrow {
  width: 0;
  height: 0;
  border-style: solid;
}

.fp-arrow.fp-prev {
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-arrow.fp-next {
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translate3d(0, -50%, 0);
}

#fp-nav.fp-right {
  right: 17px;
}

#fp-nav.fp-left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}

.fp-slidesNav.fp-bottom {
  bottom: 17px;
}

.fp-slidesNav.fp-top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  font-family: 'Roboto Slab', serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 0.2 !important;
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide {
  height: auto !important;
}

.fp-responsive .fp-is-overflow.fp-section {
  height: auto !important;
}

/* Used with autoScrolling: false */
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section,
.fp-scrollable .fp-section,
.fp-scrollable .fp-slide {
  /* Fallback for browsers that do not support Custom Properties */
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {
  /* Fallback for browsers that do not support Custom Properties */
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

/* Disabling vertical centering on scrollable elements */
.fp-overflow {
  justify-content: flex-start;
  max-height: 100%;
}

.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow>.fp-overflow {
  /* overflow-y: auto; */
}

.fp-overflow {
  outline: none;
}

.fp-overflow.fp-table {
  display: block;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide {
  height: auto !important;
  min-height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Customize website's scrollbar like Mac OS
 Not supports in Firefox and IE */
.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  background-color: transparent;
  width: 9px;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
  background-color: transparent;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
  border-radius: 16px;
  border: 4px solid transparent;
}

.fp-warning,
.fp-watermark {
  z-index: 9999999;
  position: absolute;
  bottom: 0;
}

.fp-warning,
.fp-watermark a {
  text-decoration: none;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  padding: 5px 8px;
  font-size: 14px;
  font-family: 'Roboto Slab', serif;
  color: black;
  display: inline-block;
  border-radius: 3px;
  margin: 12px;
}

.fp-noscroll .fp-overflow {
  overflow: hidden;
} 
/* Default: For wider screens, show the full text */
.hidden-text {
  display: inline;
}

.toggle-text {
  display: none; /* Hide "read more" by default for wider screens */
}

/* Apply toggling behavior only for screens with max-width 600px */
@media (max-width: 600px) {
  .hidden-text {
      display: none; /* Hide extra text initially for smaller screens */
  }

  .toggle-text {
      display: inline; /* Show "read more" link */
      font-size: 0.8em;
      vertical-align: super; /* Display as superscript (x² style) */
      cursor: pointer;
      color: orange;
  }
}

@media only screen and (max-width: 767.98px) {
  .customer-menu{
    text-align: center!important;
  }
  .cart-menu{
    right: 20px!important;
    position: relative!important;
    top: 0px!important;
  }
  .celebs {
    bottom: 150px;
  }
  .kesari-txt {
    animation: KesarAnimationFor600px 2s 2s forwards !important;
    }

    nav {
      top: 0px !important;
    }

    .footer .right ul{
      display: block !important;
    }
    .footer .right ul li{
      display: block !important;
      padding:5px 0 !important;
    }

  
}

h2 {
  margin: 10px 0;
  font-size: 40px;
  font-weight: 600;
  color: #1e191a;
  letter-spacing: 0px !important;
}

.product-desc{
  font-size: 17px;
}
.shop-single-area .quantity-input input{
  color: #fff;
}
.product-category a{
  color: #fff;
}
.item .product-title{
  color: #fff;
}

@media (max-width: 400px) and (min-width: 360px) {
  .kesari-txt {
      margin-top: -50% !important;
      margin-left: 158% !important;
      width: 100% !important;
  }
}