*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  position: relative;
  margin: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth; 
  font-family: 'Grava Display Normal';
  font-weight: normal;
  background: #111;
  line-height: 1.3;
  -webkit-overflow-scrolling: touch;
}
section{  overflow: hidden; 
  position: relative;  }

h1,h2,h3,h4,h5,h6{ font-family: 'Capitana';}

.wrapper {
  height: 100% !important;
  height: 100%;
  margin: 0 auto; 
  overflow: hidden;
}

a{
  text-decoration: none;
  display: inline-block;
}
ol,ul{
  margin: unset;
  padding: unset;
}
.logo img {
  max-width: 230px;
  height: auto;
}
#topanimation{ 
  background: #000; 
  height: 100vh;
  color: #fff;  
  overflow: hidden; 
  position: relative;
  z-index: 999;
}
.text{
  color: #FFF;
  position: absolute; 
  left: 50%; 
  top: 49%;  
  transform: translate(-50%, -50%); 
  z-index: 3;
  font-family: 'Capitana';
  text-align: center;
  text-shadow: 0px 15px 20px 0px #000;
  font-size: 96px;
  line-height: 1.2;
  animation: textani 1.5s linear ; 
  animation-fill-mode: forwards; 
}

@keyframes textani {
    0% { opacity: 0;  }
    60% { opacity: 0;}
    100% { opacity: 1; } 
}

.bg{ 
  position: absolute; 
  left: 50%; 
  top: 50%;  
  transform: translate(-50%, -50%); 
  animation: rotate 14s linear infinite;   
  transform-origin: center center;
  animation-fill-mode: forwards;  
  pointer-events: none;
}

.owl-mob{ display: none !important}
.sec-mob{ 
  height: 50% !important;
  display: none;
}
.sec-mob .item > img {
  height: 50vh !important;
  width: auto !important;
  object-fit: cover !important;
  object-position: center;
  max-width: 100%;
}

@keyframes rotate { 
  0% {  transform: translate(-50%, -50%) rotate(0deg)} 
  100% {transform: translate(-50%, -50%) rotate(360deg)} 
}

/* ==================================================== */
.bg.mshow{display: none;}
.stn-kishan{transition: .3s;}

.section.vid100p{
  background-color: #000;
}
.vid100p .stn-vid.desktop-hide {
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}

.muteicon{position: fixed; bottom: 20px; right: 60px; opacity: 0; pointer-events: none; transition: 1.5s; width: 30px; height: 30px;}

.fp-viewing-0  .muteicon{ opacity: 1; pointer-events: all; z-index: 111;cursor: pointer;}
/* ==================================================== */

.stn-vid.desktop{ pointer-events: none;}
.stn-vid.mobile{pointer-events: none;}

/* disclaimer page start */
.text-sec {
  color: #fff;
  max-width: 1200px;
  margin: auto;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
}
.text-sec p{
  margin-bottom: 1em;
}
.text-sec .fp-tableCell {
  vertical-align: top;
  padding-top: 150px;
}
.text-sec-title {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1em;
}
.disclaimer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}
.disclaimer-links > a {
  padding: 10px 15px;
  text-align: center;
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  min-width: 120px;
}

/* disclaimer page end */

.dropmenu svg{ 
  margin-left: 10px; 
  transition: 0.3s;
}
.dropmenu.active svg{  
  transform: rotate(180deg);
}

.text br:last-child{display: none;}


/* #header {
  position: fixed; 
  left: 0; 
  right: 0; 
  top: 25px; 
  z-index: 99999011;
} */
#header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 20px 0;
  z-index: 99999011;
}
.headercont{ 
  position: relative; 
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  padding: 0 25px; 
  max-width: 1260px; 
  margin: auto;
}

.menubx {
  position: fixed;
  right: -100%;
  top: 0;
  background: #000;
  pointer-events: none;
  transition: .5s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.menubx .stn-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}

.menu{ cursor: pointer;  }
.menubx.active{ 
  opacity: 1; 
  pointer-events: fill; 
  right: 0%;
}

.menubx ul {
  padding: 0;
  margin: 0;
  position: relative;
  top: 0;
  opacity: 1;
  transform: scale(1);
  transition: 1.3s;
}
.menubx ul li{ list-style: none; text-align: center; list-style: none; }
.menubx ul li a{color:#fff; color:#B7B7B7; display: inline-block; transition: 0.3s;
padding: 20px 0; font-size: 18px; text-decoration: none;}
.menubx ul li a:hover{color: #fff;}     

.dropmenu ul{ background: #222; padding: 8px 0; height: 0; margin: -10px 0; position: relative; top: -100px;  transition: 0.6s; 
  transform: scale(.85) !important;  opacity: 0 !important; overflow: hidden;}
.dropmenu.active ul{ transform: scale(1) !important; opacity: 1 !important; top: 0px;  height: auto;}

.dropmenu ul li a{    padding: 8px 0;  font-size: 14px;}

.mlogo{ margin-top: 80px;}

.closebx{
  position: absolute; 
  right: 20px; 
  top: 45px;
  cursor: pointer;
}

.textclebrate{
  background: url(../images/celebrating-desk.jpg) repeat; 
  color: #fff;
  padding: 30px;
  text-align: center;
  height: 60vh;
  justify-content: center;
  flex-direction: column;
  display: none;
  font-weight: 400; 
  line-height: 1.6;
  transition: 20s;
  animation-fill-mode: forwards;
  left:0; right:0; bottom: 0; height:  65vh; 
  position: absolute; 
  animation: badebg 20s infinite; 
}

@keyframes bade {
 0% { background-size:150%;  background-position-x: -10%; color: #fff;   padding: 30px; }
 100% {background-size:200%;  background-position-x: 10%; color: #fff;  padding: 30px;  } 
}
.st-vid-bg .txt-div p.sec-p{
  max-width: 60%;
  margin: 0 auto;
}
.st-vid-bg .stn-vid{
  opacity: 0.5;
}
.textclebrate-bg{
  background: url(../images/celebrating-desk.jpg) repeat; 
  color: #fff;
  /* padding: 30px; */
  height: 100vh;
  animation: badebg 20s infinite; 
  animation-fill-mode: forwards;
}

@keyframes badebg {
  0% { background-size:100%; }
 100% {background-size:120%; } 
 }
 
.textclebrate h2 {    
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 20px;
  margin: 140px 0 30PX 0;
  position: relative;
  z-index: 1;
}
.textclebrate p {  
  position: relative;
  z-index: 1;
}

  .textclebrate h2:before {
    content: "";
    position: absolute;
    height: 48px;
    width: 1px;
    left: 50%;
    transform: translateY(-75%);
    background-color: #F6F6F6;
    top: -40px;
}

.textclebrate h2::after {
  width: 32px;
  content: "";
  position: absolute;
  border-bottom: 1px solid #fff;
  display: block;
  width: 36px;
  left: 50%;
  bottom: -0px;
  transform: translateX(-50%);
}

.textclebrate.aboutfull{ height: 100vh;}

/* om-css */
:root {
  --clr-blue: #2a5892;
  --clr-purple: #7a4298;
}
.section {
  justify-content: flex-start;
}

.owl-last-sec img{width: 100% !important; height: 100vh !important; object-fit: cover;}
.txt-div.wow_banner_img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: unset;
}

.textanimex{
  position: relative;
  z-index: 1;
  color: #fff;
  height: 100vh;
  max-width: 980px;
  margin: auto;
}

.textanimex1{
  position: relative;
  z-index: 1;
  color: #fff;
  height: 100vh;
  max-width: 100%;
  margin: auto;
}
.textanimex1::after{
  content: '';
    opacity: 1;
    background: #FFF;
    filter: blur(35px);
    position: absolute;
    left: 0;
    top: 48%;
    width: 100%;
    height: 100px;
    rotate: -25deg;
    z-index: -1;
    transform: scale(12);
    transition: 1.5s all;
}
.section.mm-secimg .textanimex1::after{
  content: '';
    opacity: 1;
    background: #FFF;
    filter: blur(35px);
    position: absolute;
    left: 0;
    top: 48%;
    width: 100%;
    height: 100px;
    rotate: 25deg;
    z-index: -1;
    transform: scale(12);
    transition: 1.5s all;
}
.section.mm-secimg.active .textanimex1::after{
  transform: scale(1);
}
section.active .textanimex1::after{
  transform: scale(1);
}
.textanimex1 .left, .textanimex1 .right {
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 1.6s;
  z-index: 9;
  
  color: #fff;
  font-size: 40px;
  font-weight: 600;
}
.textanimex1 .left{
  top: 55%;
}
.textanimex1 .right{
  top: 56%;
  text-align: right;
}
.mm-secimg .textanimex1 .right{
  right: -450px;
}
.textanimex1 .left span{
  font-weight: 400;
  font-size: 20px;
}
.textanimex1 .right span{
  display: block;
  font-weight: 400;
  font-size: 20px;
}

.itlaic-couture{
  display: block;
  margin: 50px 0 0 0;
  font-style: oblique;
}
.stonehead{font-size: 28px; padding-top: 10px;}

.textanimex .left, .textanimex .right {
  position: absolute;
  opacity: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 40px;
  transition: 1.6s;
  z-index: 9;
}
.evoke-textanimex .left, .evoke-textanimex .right {
  top: 50%;
}

.textanimex1 .left1{
  position: absolute;
  /* opacity: 0; */
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  transition: 1.6s;
  z-index: 2;
  width: 44%;
  height: 100%;
  left: 0;
}
.mm-secimg .textanimex1 .left1{
  opacity: 0;
  width: 50%;
}

.textanimex1 .right1 {
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  transition: 1.6s;
  z-index: 1;
  width: 50%;
  height: 100%;
  /* right: 0; */
}
.mm-secimg .textanimex1 .right1 {
  position: absolute;
  opacity: 1;
}
.textanimex1 .right1 img, .textanimex1 .left1 img{
  width: 100%;
  height: 100%;
}
.textanimex .left {
  left:-400px;
}
.textanimex1 .left {
  left: -400px;
  opacity: 1;
}
.mm-secimg .textanimex1 .left1 {
  left:-400px;
}

.xbg{background: #0a0a0a;}
.textanimex .right {
  right: -565px;
}
/* .textanimex1 .right {
  right: -565px;
} */
.textanimex1 .right1 {
  right: -565px;
}
.mm-secimg .textanimex1 .right1 {
  right: 0px;
  width: 44%;
}
.textanimex img.stn-img{animation: textanimexani 15s infinite;}


.textanimex1 .tops{
  position: absolute;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 25px;
  transition: 1.6s;
  z-index: 9;
  text-align: center;
}

.mm-sec-ani .textanimex1 .left, .mm-sec-ani .textanimex1 .right{
  /* top: 30%; */
  text-align: left;

}
.textanimex1 .bottoms{
  position: absolute;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 25px;
  transition: 1.6s;
  z-index: 9;
  text-align: center;
}
/* .textanimex1 .left1 {
  left:-400px;
} */
.textanimex1 .bottoms p{
  margin-top: 30px;
  margin-bottom: 0;
}
.textanimex1 .tops{
  top:-400px;
}
.textanimex1 .bottoms{
  bottom:-400px;
}
.mm-banner .sec-title span, .mm-banner .sec-p{
  /* background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  display: block;
}
.mm-banner .sec-p{
  font-size: 26px;
  padding-top: 10px;
  font-weight: 500;
  font-family: 'Capitana';
  text-transform: uppercase;
}
.mm-banner .sec-title span{
  padding-bottom: 10px;
  font-weight: 600;
}
.itlaic-couture{
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 50px;
}
.st-vid-bg .sec-title span{
  font-weight: 600;
  font-size: 50px;
  display: block;
}
.st-vid-bg .sec-title span:last-child{
  /* background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  font-size: 25px;
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  font-weight: 300;
}
.st-vid-bg .sec-title span{
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 300;
}

.st-vid-bg .sec-title::after{
  display: none;
}
.mm-sec-ani .textanimex1 .left p, .mm-secimg .textanimex1 .right p{
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 50px;
}
.mm-banner .sec-title span:nth-child(2){
  font-size: 80px;
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes textanimexani {
  0% { transform: scale(1); }
  100% { transform: scale(1.4); }
}

.section.active .textanimex .left{   left: 0; opacity: 1; }
.section.active .textanimex .right{     right: -65px; opacity: 1; }

.section.active .textanimex1 .left{   left: 7%; opacity: 1;}
.section.mm-secimg.active .textanimex1 .left1{   left: 0px; opacity: 1; }
.section.active .textanimex1 .right{     right: 7%; opacity: 1;}
.section.active .textanimex1 .right1{     right: 0px; opacity: 1; }
.section.active .textanimex1 .tops{     top: 5%; opacity: 1;transition-delay: 1s; }
.section.active .textanimex1 .bottoms{     bottom: 5%; opacity: 1;}

.textanimex2{
  position: relative;
  z-index: 1;
  color: #fff;
  height: 100vh;
  max-width: 100%;
  margin: auto;
}

.textanimex2 .left, .textanimex2 .right {
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 1.6s;
    z-index: 9;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}
.textanimex2 .tops1{
  position: absolute;
  opacity: 0;
  top: 0%;
  /* transform: translateY(-50%); */
  font-size: 20px;
  transition: 1.6s;
  z-index: 2;
  /* width: 48%;
  height: 100%; */
  height: 48%;
  width: 100%;
}

.textanimex2 .bottoms1 {
  bottom: -100%;
}


.textanimex2 .bottoms1 {
  position: fixed;
  opacity: 0;
  bottom: -10px;
  /* transform: translateY(-50%); */
  font-size: 40px;
  transition: 1.6s;
  z-index: 1;
  /* width: 48%;
  height: 100%; */
  width:100%;
}

.textanimex2 .tops1 img, .textanimex2 .bottoms1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.textanimex2 .left {
  left: -400px;
  opacity: 1;
}
.textanimex2 .tops1 {
  top:-400px;
}

.textanimex2 .right {
  right: -565px;
}

.textanimex2 .tops{
  position: fixed;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  transition: 1.6s;
  z-index: 9;
  text-align: center;
  color: #fff;
  font-weight: 600;
}


.textanimex2 .bottoms{
  position: absolute;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  transition: 1.6s;
  z-index: 9;
  text-align: center;
  color: #000;
  font-weight: 600;
}
/* .textanimex1 .left1 {
  left:-400px;
} */
.textanimex2 .bottoms p{
  margin-top: 30px;
  margin-bottom: 0;
}
.textanimex2 .tops{
  top:-400px;
}
.textanimex2 .bottoms{
  bottom:-400px;
}

.section.active .textanimex2 .left{   left: 10px; opacity: 1; transition-delay: 3s;}
.section.active .textanimex2 .tops1{   top: 0px; opacity: 1; }
.section.active .textanimex2 .right{     right: 10px; opacity: 1; transition-delay: 3s;}
.section.active .textanimex2 .bottoms1{     bottom: 0px; opacity: 1; }
.section.active .textanimex2 .tops{  width: 100%;   top: 120px; opacity: 1;transition-delay: 1s;}
.section.active .textanimex2 .bottoms{     bottom: 10%; opacity: 1; transition-delay: 2s;}
.section.active .textanimex2.textanimex3 .tops{     top: 120px; opacity: 1;transition-delay: 1s;}
.section.active .textanimex2.textanimex3 .bottoms{     bottom: 30%; opacity: 1; transition-delay: 2s;}
.textanimex2{
  display: none;
}
/* .mm-sec-ani .iScrollVerticalScrollbar.iScrollLoneScrollbar{
  display: none;
} */
.textclebrate-bg .stonex-text{
  flex-direction: column;
    justify-content: center;
}
.textclebrate-bg .stonex-text p, .textclebrate-bg .stonex-text h5 {
  font-size: 36px;
  font-weight: 400;
  padding-bottom: 20px;
  position: relative;
  word-spacing: 0.1em;
  /* background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.textclebrate-bg .stonex-text h3{
  padding: 20px 0;
}
.textclebrate-bg .stonex-text h3 span{
  font-size: 36px;
  font-weight: 400;
  /* padding-bottom: 20px; */
  position: relative;
  word-spacing: 0.1em;
  /* background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  /* padding: 20px 0; */
  display: block;
}
.textclebrate-bg .stonex-text h4 span{
  font-size: 56px;
  font-weight: 400;
  /* padding-bottom: 20px; */
  position: relative;
  word-spacing: 0.1em;
  color: #fff;
  /* padding: 20px 0; */
  display: block;
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textclebrate-bg .stonex-text p span{
  display: block;
  /* background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  /* padding-top: 20px; */
}
.textclebrate-bg .stonex-text h5{
  padding-bottom: 0;
}
.stn-vid, .stn-img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.stn-overlay {
  background-color: rgba(8, 8, 8, 0.1);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.stnov-2{ background-color: rgba(8, 8, 8, 0.2); }
.stnov-4{ background-color: rgba(8, 8, 8, 0.4); }
.txt-div {
  z-index: 9;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 200px;
  text-shadow: 0px 0px 40px #000000;
  max-width: 920px;
  margin: auto;
  display: none;
}
.wow-overlay-txt {
  bottom: 0;
  top: unset;
  text-align: left;
  padding-bottom: 2em;
  margin: unset;
}
.wow-img-sec .img-full.si-lg {
  object-position: left center;
}
.wow-overlay-txt .sec-title2 {
  font-size: 42px;
}
.wow-overlay-txt .stonehead {
  font-size: 22px;
}
.ab-txt-div{
  display: block;
}
.txt-div.txt-50{  
  top: 52%; 
  transform: translateY(-50%);
}
.txt-div.txt-30{  
  top: 32%; 
  transform: translateY(-30%);
}
.shadow-70{
  text-shadow: 0px 0px 70px #000000;
}
.txt-div img {
  max-width: 100%;
}
.sec-title {
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 20px;
  position: relative;
  word-spacing: 0.1em;
}
.sec-title::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #fff;
  display: block;
  width: 36px;
  left: 50%;
  bottom:10px;
  transform: translateX(-50%);
}
.sec-p{
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.5;
}
.stn-circle-arr{
  margin-top: 52px;
  transition: .3s;
}
.sca-btn:hover svg{
  rotate: 45deg;
}

/* owl-carousel */
.owl-carousel {
  position: absolute;
  max-height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0;
}
.owl-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  width: 100%;
  z-index: 999;
}
.owl-carousel .item{
  position: relative;
}
.owl-carousel video, .owl-carousel .item > img{
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}
.owl-mob .item > img {
  height: unset;
}
.owl-carousel .owl-dot {
  position: relative;
}
.owl-carousel .owl-dot span {
  background: #fff !important;
}
.owl-carousel .owl-dot.active::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.owl-carousel .stn-vid, .owl-carousel .stn-img{
  position: unset;
}


/* about-us page */
.ful-height-div{
  background-color: #000;
  height: 100vh;
}
.ful-height-img{
  margin-top: 100px;
  max-width: 100%;
}
.ful-height-img2{
  position: absolute; 
  left: 0; 
  right: 0; 
  top: 0; 
  bottom: 0; 
  object-fit: cover;
  height: 100%; 
  margin: auto;
  max-width: 100%;
}
.about-banner{
  padding: 0;
  background-color: #111;
}
.ab-sec{
  background: url(../images/ab-mb.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}
.ab-banner h1 {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
}
.ab-ba-sec{
  height: 30vh;
  background-color: #000;
}
.ab-banner{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-grd {
  padding-top: 440px;
}
.ab-sec2{
  background: #16171AB2 url(../images/ab-ban1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  padding: 40px 0;
  width: 100%;
  padding-top: 50px;
}
.ab-sec-cont{
  max-width: 930px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 0;
}
.ab-sec-cont .sec-title{
  color: #F6F6F6;
  margin-top: 10px;
  padding-bottom: 2em;
  padding-top: 1em;
}
.ab-txt-div .sec-p {
  max-width: 580px;
  margin: auto;
}
.stonex-text{
  /* height: 100vh; 
    display: flex;
    align-items: center; */
    color: #fff;
    font-size: 42px;
    line-height: 1.4;
    position: relative;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50% , -50%);
    left: 50%;
}
.ab-txt-div .sec-title{
  color: #F6F6F6;
}
.ab-sec-cont .sec-p{
  color: #F0F0F0;
  line-height: 1.5;
  margin-bottom: 0;
}
.mm-sec-ani, .mm-secimg{
  background-color: #000;
}
.ab-sec-cont .sec-title::before {
  content: "";
  position: absolute;
  height: 88px;
  width: 1px;
  left: 50%;
  transform: translateY(-50%);
  background-color: #F6F6F6;
  top: -40px;
}
.onepage-pagination{display: none !important;}
.img-full{ 
  position: absolute; 
  left: 0; 
  right: 0; 
  top: 0; 
  bottom: 0; 
  object-fit: cover;
  width: 100%; 
  height: 100%; 
  animation:imgaeani 15s infinite linear;
}

  @keyframes imgaeani {
    0% {  transform: scale(1); opacity: 0.1;}
    5% {  transform: scale(1); opacity: 1;}
    95% {  transform: scale(1.2); opacity: 1;}
    100% {  transform: scale(1.2); opacity: 0.1;}
  }

.ab-sec-cont .sec-title::after {
  top: calc(50% + 1.5em);
}

/* VIGIL MECHANISM css */
  .vigil-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
}
.vigil-banner .sec-title{
    color: #fff;
}
.vigil-banner img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.vigil-text {
    /* height: 100vh; */
    color: #fff;
    text-align: center;
    padding: 0px 20px;
    padding-top: 200px;
}
.vt-top {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 50px 0;
}
.vt-top h2 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1em;
}
.vt-bottom {
    text-align: left;
    /* height: 100vh; */
    color: #fff;
    /* overflow: auto; */
    padding-bottom: 0px;
    /* max-height: 60vh; */
    padding-right: 1em;
    margin-top: 1em;
    padding-bottom: 200px;
}
.vt-bottom strong{
  margin-top: 1em;
}
.vt-bottom h3 {
    margin-top: 2em;
    margin-bottom: 0.5em;
}

/* CLRA Documents css */
.clra-cards {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 100px;
    flex-wrap: wrap;
}
.clra-cards .clra-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    padding: 20px;
    flex: 0 0 225px;
    box-shadow: 0 0 10px 1px #ffffff20;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
}
.clra-card > img {
    max-width: 100px;
}
.clra-cards h4{
  text-shadow: none;
  text-transform: capitalize;
}


/* ====custom-scrollbar==== */
::-webkit-scrollbar {
  width: 10px;
  background-color: var(--blue);
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px #7a4298;
	border-radius: 10px;
	background-color: var(--blue);
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 4px #7a4298;
	border-radius: 10px;
	background: linear-gradient(180deg, #004444, #499E96);
}


/* footer css */
footer{
  background-color: #111;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #B7B7B7;
  height: 100vh;
    overflow: hidden;
    justify-content: center;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.footercont{max-width: 1260px; margin: auto;}
.footercont .quick {
  padding-top: 15px;
}
.footercont h3{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #EAEAEA;
  margin-bottom: 20px;
}
.footercont .quick ul{
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
  justify-content: center;
/*   gap: 10px 20px; */
}
.footercont .quick ul li a{
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #B7B7B7;
}
.toggle {
  display: none;
}
.option {
  position: relative;
  margin-bottom: 1em;
}
.title,
.content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
}
.title {
  display: inline-block;
  color: #B7B7B7;
  font-size: 16px;
  line-height: 1.4;
  cursor: pointer;
  padding-right: 24px;
}
.title:after, .title:before {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  width: 1px;
  height: 9px;
  background-color: #B7B7B7;
  transition: all 0.2s;
  transform: rotate(-45deg);
}
.title:after {
  right: 8px;
}
.title:before {
  transform: rotate(45deg);
  right: 2px;
}
.content {
  max-height: 0;
  overflow: hidden;
  background-color: transparent;
  color: #B7B7B7;
}
.del-mainoff{
  padding-top: 30px;
}
.del-mainoff h5{
  font-size: 16px;
  color: #B7B7B7;
  line-height: 1.4;
}
.content p{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #B7B7B7;
}
.content a{
  color: #B7B7B7;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.5;
  display: block;
}

label.active:before {
  transform: rotate(135deg) !important;
}

label.active::after {
  transform: rotate(-135deg) !important; 
}
.content.active{
  max-height: 500px;
  width: 300px;
  margin: 0 auto;
  padding-top: 10px;
}
/* .toggle:checked + .title + .content {
  max-height: 500px;
  width: 300px;
  margin: 0 auto;
  padding-top: 10px;
}

/* Define styles for the :before pseudo-element of .title */
/* .toggle:checked + .title:before {
  transform: rotate(135deg) !important;
}

/* Define styles for the :after pseudo-element of .title 
.toggle:checked + .title:after {
  transform: rotate(-135deg);
} 
*/

.footer-social ul{
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: center;
}
.footer-social ul li{
  padding: 0 10px;
}
.footer-bt {
  text-align: center;
  border-top: 1px solid #ffffff20;
  padding: 15px 0px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.footer-bt p{
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  padding: 0 5px;
  color: #fff;
}
.footer-bt p a{
  color: #fff;
  text-decoration: none;
}

.foot-links-desk{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 50px;
  gap: 15px;
}
.foot-links-desk a {
  color: #B7B7B7;
}
.foot-links-desk li a {
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background-color: #252525;
  transition: .2s;
}
.foot-links-desk li a:hover{
  background-color: var(--clr-blue);
}
.foot-links-desk a {
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: .2s;
}
.footer-social {
  margin-top: 20px;
  margin-bottom: 0;
  order: 1;
}
.bg-circle-2 {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* wow page */
.sec-title2 {
  font-size: 65px;
  font-weight: 500;
  text-transform: uppercase;
}
.sqr-btn {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 350px;
  font-size: 40px;
  font-weight: 500;
  text-transform: capitalize;
  margin-top: 40px;
  line-height: 1;
}
.btn-div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}
.sec-title.no-line::after{
  content: none;
}

/* stonex-couture page */
.bg2-text {
  color: #FFF;
  font-size: 44px;
  line-height: 1.4;
  position: relative;
}
.stn-container{
  max-width: 1260px;
  margin: auto;
}

/* stonex-icons page */
.main-stonex-icons .banner-sec .sec-title{
  max-width: 22ch;
}
.section.foot-sec{
  padding-left: unset;
  padding-right: unset;
}

/* stonex-exquisite page */
.main-stonex-exquisite .sec-title{
  text-shadow: 0px 4px 4px #00000050;
  font-weight: 500;
  line-height: 140%;
}
.main-stonex-exquisite .sec-p{
  font-size: 44px;
  font-weight: 400;
  line-height: 1.4;

}
.si-sm{display: none !important}

.txt-div-wow {
  z-index: 9;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 200px;
  text-shadow: 0px 0px 40px #000000;
  max-width: 920px;
  margin: auto;
  display: none;
  top: 52%;
  transform: translateY(-50%);
}
.mob-db{
  display: none;
  padding: 20px 0;
  border-bottom: 1px solid #313131;
  border-top: 1px solid #313131;
  width: 100%;
}
/* .iScrollVerticalScrollbar.iScrollLoneScrollbar{
  display: none;
}
.sec-mm-mb .fp-scroller{
  transform: none !important;
} */
/* ================== all media queries ================== */

/* media query min-width */

.sec-mm-mb .page_container, .mm-secimg .page_container1, .mm-sec-ani .page_container1{height: 100vh; overflow: hidden;}

.mm-secimg .iScrollVerticalScrollbar.iScrollLoneScrollbar, .mm-sec-ani .iScrollVerticalScrollbar.iScrollLoneScrollbar{display: none;}

/* homepage 2'nd section video */
.stn-vc2 .textclebrate .sec-title:before,
.stn-vc2 .textclebrate .sec-title:after{
  content: none !important;
}
.stn-vc2 .sec-title-vc2{
  display: flex;
  flex-direction: column;
  font-size: 16px;
  text-transform: uppercase;
}
.stn-vc2 .sec-title-vc2 span:nth-child(2) {
  font-size: 26px;
  line-height: 1.2;
  background: linear-gradient(to top, #2D2D2D 0%, #C2C2C2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stn-vc2 .textclebrate.aboutfull .sec-title-vc2 {
  padding: unset;
  margin: unset;
}

.stn-vc2 .video-cover {
  margin-bottom: 40px;
  margin-top: -10px;
}

.stn-vc2 .sec-title span{
  display: block;
  font-size: 16px;
}



@media(min-width:767px){

  
  .bg.hb-xxl{ display: none; }
  .bg.hb-xl{ display: block; }
  .m-show{display: none !important;}
  .ab-ba-sec{ display: none; }
  .ab-sec{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(6, 6, 6, 0.653983) 17.19%, rgba(19, 19, 19, 0.553) 41.59%, rgba(27, 27, 27, 0.343) 75.5%, rgba(38, 38, 38, 0) 100%), url(../images/hero-about.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .ab-banner h1{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 65px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
  }
  .ab-txt-div .sec-p{
    font-size: 18px;
    padding: 0 60px;
    line-height: 1.5;
    color: #F0F0F0;
  }
  .ab-sec-cont .sec-p{
    color: #F0F0F0;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .ab-sec-cont .sec-title {
    padding-bottom: 1em;
    padding-top: 0;
  }
  .sec-title::before{
    display: none;
  }
  .ab-sec-cont .sec-title::after {
    top: calc(50% + 0.5em);
  }
  .ab-grd{
    padding-top: 240px;
  }

}

@media(min-width:768px) {
  .footer-social{
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .myaccordion{
    display: flex;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
  }
  .option {
    flex: 0 0 50%;
  }
  .foot-links{
    display: none;
  }
  .foot-links-desk{
   flex-direction: row;
  }
  .footer-social {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 30px;
    margin-right: 30px;
    order: unset;
  }
  .foot-links-desk a:hover {
    color: var(--clr-purple);
  }
  .footercont h3{
    display: none;
  }
  .footercont .logo{
    margin-bottom: 30px;
  }
 
  .footercont .quick ul li{
    padding: 0 15px;
    position: relative;
  }
  .footercont .quick ul li a{
    font-size: 16px;
  }
  .footercont .quick ul li:not(:last-child)::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 18px;
    background-color: #B7B7B7;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
  .footer-bt p{
    font-size: 16px;
  }
  .footer-bt p a {
    padding: 0 3px;
  }
}

@media(min-width:1921px){
  .bg.hb-xxl{ display: block; }
  .bg.hb-xl{ display: none; }
}

/* media query max-width */
@media(min-width:1600px){
  .textanimex1 .tops, .textanimex1 .left, .textanimex1 .right{
    font-size: 50px;
  }
}
@media(max-width:1600px){
  .text{  font-size: 65px;}
  /* .textanimex1 .tops, .textanimex1 .left, .textanimex1 .right{
    font-size: 50px;
  } */
}
  
@media(max-width:1025px){
  .desktop-hide{display: none; }
  .mabout{ width: 100%; height: auto; position: static; }
  .video-cover{ margin: 0px -30px 10px -30px; }
  .section .textanimex .left, .section .textanimex .right { font-size: 22px; }
  .section.active .textanimex .left { left: 80px; }
  .section.active .textanimex .right { right: 55px; }
  .textclebrate{ display: flex;}
  .textclebrate p { position: relative; }
  .owl-vid.home video{ 
    width: 100%; 
    height: 45vh; 
    z-index: 1;
    position: relative;
  }
  .sec-title {
    font-size: 20px;
  }
  .sec-p {
    font-size: 16px;
  }
  .txt-div {
    max-width: 620px;
  }
.txtdiv-150{
	top: 200px !important;
}
	.txtdiv-150 .sec-title{
		display: none;
	}
  .stonex-text{
    font-size: 24px;
    /* padding: 20px; */
  }
.clra-cards .clra-card {
  gap: 10px;
  padding: 10px;
  flex: 0 0 160px;
}
.clra-cards { margin-top: 20px; gap: 10px; }
.clra-card > img { max-width: 80px; }
.clra-cards h4 {
  font-size: 14px;
  font-weight: 500;
}
.wow-overlay-txt .sec-title2 { font-size: 32px; }
.wow-overlay-txt {
  top: 50%;
  transform: translateY(-50%);
  bottom: unset;
  padding-bottom: unset;
  text-align: center;
  margin: auto;
}
.wow-img-sec .img-full.si-sm{
  object-position: top center;
}
.si-lg{display: none !important}
.si-sm{display: block !important}

@keyframes badebg {
  0% { background-size:150%; }
 100% {background-size:200%; } 
 }


.section.active .textanimex1 .right {
  right: 6%;
}
.section.active .textanimex1 .left {
  left: 6%;
}

} /* responsive tab end */


.stn-vid-mb{
  display: none;
}
@media(max-width:768px){

  .muteicon{
     right: 20px;
     width: 20px;
     height: 20px;
  }

  .stn-vc2 .stn-vid.desktop-hide {
    position: relative;
  }
  .stn-vc2 .stnvid-mob {
    width: calc(100% + 10px);
    transform: translateX(-5px);
  }

  .textanimex1{
    display: none !important;
  }
  .textanimex2{
    display: block !important;
  }
.footercont .quick ul {
    gap: 10px 20px;
}
.mm-vid-desk{
  display: none;
}
.stn-vid-mb{
  display: none;
}
  .textclebrate h2:before {
    height: 38px;
    top: -20px;
}
  .m-hide{display: none !important;}
  .bg.mshow{display: block;}
  .bg.dshow{display: none;}
  .owl-mob{ display: block !important}
  .owl-desk{ display: none !important}
  .sec-mob{ display: block;}

  .text-sec {
    font-size: 12px;
    padding-top: 40px;
  }
  .text-sec-title {
    font-size: 18px;
    margin-bottom: 0.5em;
  }
  .disclaimer-links {
    gap: 4px;
    margin-top: unset;
  }
  .disclaimer-links > a {
    padding: 6px 10px;
    min-width: unset;
  }
  .video-cover{ margin: 30px -30px 40px -30px;}
  .vigil-text { padding-top: 100px; }
  .vt-top { padding: 10px 0; }
  .vt-top h2 { font-size: 18px; }

  #header {
    top: 0;
    padding: 10px 0;
    background: linear-gradient(180deg, black, transparent);
  }
  .ab-sec {
    background-image: url(../images/ab-mb-sm.jpg);
}
  .closebx {
    top: 32px;
}
.ab-sec-cont{padding: 20px;}
.sec-title::after {
  width: 23px;
}
.stn-circle-arr {
  width: 56px;
  height: 56px;
  margin-top: 32px;
}
.sec-title2 {
  font-size: 40px;
}
.btn-div{ gap: 8px; margin: 0 -13px;}
.sqr-btn {
  min-width: unset;
  font-size: 13px;
  margin-top: 10px;
  padding: 13px 7px;
}
.bg2-text {
  font-size: 24px;
  line-height: 1.8;
  padding: 0 40px;
}

.section .textanimex .left, .section .textanimex .right {
  font-size: 14px;
}
.section.active .textanimex .left { left: 20px; }
.section.active .textanimex .right { right: 15px; }

@keyframes textanimexani { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }

.textclebrate-bg{
  background: url(../images/celebrating-desk.jpg) repeat; 
  background-size:150%;
}
.footercont{    
  margin: 0 0 0 0;
}
.text{  
  font-size:34px;
}
.text br:last-child{
  display: block; 
  margin-top: 5px;
}
.text{ top: 47%;}
.logo img{ max-width: 150px;}
.home .owl-dots {
  bottom: 10px !important;
}
.owl-vid.home video{ 
  height: 35vh; 
}
.clra-cards .clra-card {
  flex: 0 0 110px;
}
.wow-overlay-txt .sec-title2 { font-size: 20px; }
.wow-overlay-txt .stonehead { font-size: 16px; }

.text-sec .fp-tableCell {
  padding-top: 100px;
}
.st-vid-bg .sec-title span {
  font-size: 22px;
}

.itlaic-couture {
    font-size: 28px;
}
.textanimex2 .tops span:nth-child(2){
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textanimex2 .tops span{
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  display: block;
}
.textanimex2 .tops br{display: none;}
.mm-banner .sec-title span:nth-child(2) {
  padding-bottom: 0;
}
.mm-sec-ani .textanimex2 .tops span:first-child, .mm-secimg .textanimex2 .tops span:last-child{
  background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 15px;
}
.mm-secimg .textanimex2 .tops span:last-child{
  display: block;
}
.textclebrate-bg .stonex-text {
  width: 100%;
}
.textclebrate-bg .stonex-text p, .textclebrate-bg .stonex-text h5 {
  font-size: 16px;
  padding-bottom: 0;
}

.textclebrate-bg .stonex-text h3 span {
    font-size: 18px;
}
.textclebrate-bg .stonex-text h4 {
  font-size: 23px;
}
.st-vid-bg .sec-title span:last-child{
  font-size: 16px;
  padding-top: 5px;
}
.mob-db{
  display: block;
}
.mm-banner{
  background-color: #000;
}
.mm-banner .txt-div {
  width: 100%;
  left: 0;
}
.mm-banner .sec-title{
  padding-bottom: 50px;
}
.mm-banner .sec-p {
  padding-top: 50px;
  font-size: 18px;
  font-weight: 200;
}
.mm-banner .sec-title span:nth-child(2) {
  font-size: 40px;
  font-weight: 400;
}
.mm-banner .sec-title span {
  padding-bottom: 0;
  font-weight: 200;
  font-size: 15px;
}
.mm-banner .sec-title::after{
  display: none;
}
.textclebrate-bg .stonex-text h4 span {
  font-size: 30px;
}

} /* responsive mobile end */



.sec-mm-mb .stonex-text{ width: 100%; padding: 0 30px; color: #eee; max-width: 500px; }
.sec-mm-mb .stonex-text p{ font-size: 16px; margin-bottom:20px; line-height:1.5}
.sec-mm-mb .stonex-text p span{display: block; margin-bottom: 15px;}

.sec-mm-mb .stonex-text h5{font-size: 18px; font-weight: 400; padding: 15px 0 25px;}
.sec-mm-mb .stonex-text span{display: block;}


.sec-mm-mb .stonex-text h4{font-size: 22px; font-weight: 600; 
 }

 .sec-mm-mb .stonex-text h4 span{
  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%); -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
 }

.sec-mm-mb .stonex-text span{display: block;  }


  @media(min-width:767px){
    img.bottomsone,  img.bottomsone2, .tops2, .tops{display: none;}
    .sec-mm-mb .stonex-text p{font-size: 21px;}
    .sec-mm-mb .stonex-text h5{font-size: 20px; padding:10px 0 25px 0;}
    .sec-mm-mb .stonex-text h4{font-size: 36px;   }
  }
  
  .tops{  position: fixed; opacity: 0; top: -100px; transition: 1.2s all;
     left: 0; right: 0; width: 100%; color: #fff; font-size: 16px;
     text-align: center; pointer-events: none;
  }


  
  .video-background {
    background: #000;
    height: 300px;
    position: relative;
  }

  .video-background.desktop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: -99;
  }
  
  .video-foreground,
  .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .video-foreground {
      height: 300%;
      top: -100%;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    .video-foreground {
      width: 300%;
      left: -100%;
    }
  }

.page3sect{background: #000;}

  .mobile{display: none !important;}

  @media(max-width:767px){
    .mobile{display: block !important;}
    .desktop{display: none;}
    .sec-mm-mb .stonex-text p span{display: inline;}
  }

  @media (max-width:1720px) {
    .section.active .textanimex1 .right{     right: 4%;}
    .mm-sec-ani .textanimex1 .left p, .mm-secimg .textanimex1 .right p{font-size: 35px;}
    .textanimex1 .right span{font-size: 16px;}
    .section.active .textanimex1 .left{left: 4%;}
  }

  .mm-sec-ani .textanimex1 .left span, .mm-secimg .textanimex1 .right span {  text-transform: uppercase;}
  
img.bottomsone{
      position: fixed; opacity: 0; bottom: -400px; transition: 1.4s all; left: 0; right: 0; height: 100vh; width: 100%;
      pointer-events: none;
  }
  .fp-viewing-3  img.bottomsone{ opacity: 1; bottom: -40px; z-index: 3; z-index: 4;
    text-align: center;}
    .fp-viewing-3 .tops span{ line-height: 26px; }
      .fp-viewing-3 .tops span:last-child{ font-size: 24px; background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%);
        -webkit-background-clip: text; display: block; padding-top: 5px;
        -webkit-text-fill-color: transparent;}
.fp-viewing-3  .tops{   opacity: 1; top: 100px; z-index: 5; text-align: center; text-transform: uppercase; }


.tops2{  position: fixed; opacity: 0; top: -100px; transition: 1.2s all;  pointer-events: none;
  left: 0; right: 0; width: 100%; color: #fff; font-size: 16px;  text-align: center;  text-transform: uppercase;
}

img.bottomsone2{ pointer-events: none;
  position: fixed; opacity: 0; bottom: -400px; transition: 1.4s all; left: 0; right: 0; height: 100vh; width: 100%;
}
.fp-viewing-4  img.bottomsone2{ opacity: 1; bottom: -40px; z-index: 3; z-index: 4;
text-align: center;}

.fp-viewing-4 .tops2 span{  font-size: 24px;  background: linear-gradient(to top, #2d2d2d 0%, #c2c2c2 60%); -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; display: block;     line-height: 26px;}

  .fp-viewing-4 .tops2 span:last-child{ font-size: 16px;  display: block; -webkit-text-fill-color: #fff; padding-top: 4px; background: transparent;
    }
.fp-viewing-4  .tops2{   opacity: 1; top: 100px; z-index: 5; text-align: center; }