*{margin: 0;padding: 0 ;box-sizing: border-box;}
a{text-decoration: none;background: transparent; color: white;}
a.active, a:hover, a:focus{outline: 0}
img{border: none;max-width: 100%;display: block;}
button{overflow: visible;}
ol, ul{list-style: none;}
input:focus, input:active,select:focus, select:active, textarea:focus, textarea:active, button:focus, button:active{outline: 0;}
html{font-size: 62.5%;scroll-behavior: smooth;}
main{overflow: hidden;}
body{ cursor: url('../assets/images/cursor.png'), default; background-color: black; color: #fff;font-family: 'altacaption';}
/* body::-webkit-scrollbar{display: none;} */

/* COMMON STYLES */
.container{width: 100%; max-width: 90%;margin: 0 auto;}
.flex{display: flex;}
.justify-center{ justify-content: center;}
.justify-between{ justify-content:space-between;}
.items-center{align-items: center;}
.mb-0{margin-bottom: 0 !important;}
.para{font-size: 2.8rem; margin-bottom: 3.4rem;line-height: 1.3;font-family: 'candararegular';}
.title{font-size: 5rem;}
.primary-btn{font-size: 2.9rem;font-family: 'altacaption'; font-weight: 600; color: black; padding-block: 1.5rem; padding-inline: 3rem;border-radius: 40px;box-shadow: 5px 0 20px hsla(41, 71%, 36%, 1) inset;background: url(../assets/images/Button-gradient.png);background-color: #f8e891;background-size: cover; border: none;} 
/* .secondary-btn{}  */
.gradient{border-image: linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891) 1; border-image-width: 1px;}
.portfolio-gradient{background: linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891 ,#9f751b); font-family: 'altacaption'; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent; font-size: 3rem;}
.gradient-text {font-weight: bold;background: linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891 ,#9f751b); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.bg-gradient{background: hsla(51, 88%, 77%, 1);
    background: linear-gradient(0, hsla(51, 88%, 77%, 1) 20%, hsla(41, 71%, 36%, 1) 40%, hsla(51, 88%, 77%, 1) 60%, hsla(41, 71%, 36%, 1) 80%, hsla(51, 88%, 77%, 1) 20%,);
    
    background: -moz-linear-gradient(0deg, hsla(41, 71%, 36%, 1) 25%, hsla(41, 71%, 36%, 1) 50%, hsla(51, 88%, 77%, 1) 75%, hsla(41, 71%, 36%, 1) 100%);
    
    background: -webkit-linear-gradient(0deg, hsla(51, 88%, 77%, 1) 25%, hsla(41, 71%, 36%, 1) 50%, hsla(51, 88%, 77%, 1) 75%, hsla(41, 71%, 36%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F8E891", endColorstr="#9F751B", GradientType=1 );}

/* HEADER STYLE */
nav.container{width: 100%; padding-block:8rem;z-index: 999;position: relative;}
nav .navbar-logo{width: 35rem;}
nav ul{display: flex; justify-content: space-between; align-items: center; gap: 8.9rem;z-index: 99;}
nav ul li a{font-size: 3.2rem; letter-spacing: 1px;}
.nav-link:hover{color:#9f751b; cursor: url('../assets/images/cursor.png') , auto;font-size: 4rem; }
.menu-btn{display: none;}
.close-menu{display: none;}

/* HERO SECTION */
.first-section{height: 110rem;}
.hero-section {background-image: url('../assets/images/hero-background.webp');background-size: contain;background-repeat: no-repeat;background-position: center;height: 110rem;width: 90%;top: 0; left: 10%; position: absolute;}
.top-box{position: absolute; top:35%; right: 15%;z-index: 9;}
.heading01{ font-size: 8rem;}
.cta-box{text-align: end; margin-top: 4rem;}
.cta-box button{font-weight: 700;width: max-content;box-shadow: 5px 0 20px hsla(41, 71%, 36%, 1) inset;background: url(../assets/images/Button-gradient.png);background-color: #f8e891;background-size: cover; padding-block: 1.5rem;cursor: url('../assets/images/cursor.png') , auto;}
.bottom-box{display: flex; align-items: end;position: absolute;  bottom: -18%;left: 4%; gap: 5%;width: 85%;}
.hero-banner-img{width: 40%;}
.bottom-box-title{font-size: 7rem; width: calc(100% - 50%);font-family: 'vivaldi_stdregular';}

/* SECOND SECTION */
.section{position: relative;}
.second-section-title{font-size:9rem;transform: rotate(-90deg);height: fit-content; width: max-content;font-weight: 600;position: relative;top: -22rem;left: 14rem;right: 0;bottom: 0;}
.second-section-container{background-image: url('../assets/images/Diwali.png');background-size: contain;background-repeat: no-repeat;background-position: right;height: 160rem; width: 100%; display: flex;align-items: center;}
.second-section-container .title-box{width: 25%;margin-left: auto;}
.para-container{width: 61%;margin-right: auto; position: relative;top: -10rem;left: 0;right: 0;bottom: 0;}
.second-section-container .flex-card{display: flex; gap: 3rem; align-items: flex-start;}
.flex-box{display: flex; flex-direction: column; justify-content: space-between;align-items: center;}
.flex-box .title{font-weight: 600;text-align: center;}
.second-section-container .flex-card img{padding: 3rem;width: 100%;max-width: 70%;mix-blend-mode: screen;}
.slider-section{position: relative;}
.slider-section .heading01{text-align: center;}
.slider-box{margin-inline:1.2rem;}
.slider-box img{margin-inline:1.3rem;filter: grayscale(1);height: 55rem;width: 55rem;border-radius: 10%;}
.slider-box img:hover{filter: grayscale(0);cursor: url('../assets/images/cursor.png') , auto;}
.slider-box .secondary-btn{text-align: center; z-index: 99; position: relative;width: 79%;margin: -4rem 0rem 0rem 5rem;background: black;border: 1px solid #f3e09bf5;;padding: 2rem 0rem 2rem 0rem;border-radius: 4rem;font-size: 4rem;}
.slider-box p{font-weight: 600;}
.slider-section .slick-list.draggable {padding-bottom: 6rem !important;}
.slider-title{position: absolute;left: 10%;top: -40%;z-index: 99;font-size: 11rem;}
.slider-row01 .logo{width: 10rem;}
.about-line{height: 3px;border: rgba(197, 153, 7, 0.997);}

/* THIRD SECTION */
/* .social-section{margin: 17rem 0rem 20rem 0rem;} */
.social-section .flex{justify-content: center; align-items: center; gap: 16rem;} 
.social-section .social-logos{display: flex;gap:2.5rem;}

.social-section .social-logos img{width: 15rem;height: 15rem; margin-inline: 2rem;transition: transform .2s;}
.social-logos img:hover{transform: scale(1.2);cursor: url('../assets/images/cursor.png') , auto;}
.social-section .flex h4 span{display: block; text-align: center;}

/* Experties Section */
.experties-section{background-image: url('../assets/images/Sakura.jpg');background-size: cover;background-repeat: no-repeat;background-position: center; width: 100%; display: flex;align-items: center;box-shadow: 0 30px 40px black inset, 0 -30px 40px black inset;
padding-top: 3rem;} 
.experties-container{width: 90%; margin: 0  auto;}
.experties-title-box{margin-bottom: 6rem; display: inline-block;}

.experties-title-box hr{position: relative;bottom: 16rem;left: 29rem;min-width: 600%;height:1px;  background: rgb(146 132 87 / 100%); border: rgba(197, 153, 7, 0.997);}
.experties-title{font-size: 5rem; padding-top: 6.6rem; margin-right: -3rem; z-index: 9;text-align: right;width:100%; max-width: 31rem;}
.experties-card{padding-block: 6rem; padding-inline: 9.9rem; border-image: linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891) 1; border-left:none; border-bottom: none; position: relative; width: 100%;}
/* .experties-slider{position: absolute; right: 22%; bottom: -6%;z-index: 9;background-color: #fff;width: 100%;} */
.experties-slider .logo{
  height: 10rem;
  /* margin-bottom: -2rem;  */
  background-color: rgba(0, 0, 0, 0.308);
  padding: 1rem;
}
.experties-slider .slick-list.draggable {padding: 5px 0rem !important;border:1px solid transparent;
  background: linear-gradient(black,black) padding-box,  linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891 ,#9f751b);}
.experties-line{margin: 7rem 0rem 0rem 6rem;width: 2px;height: 18rem;border: rgba(197, 153, 7, 0.997);}

.creater-card{width: 85%;margin: 0 auto;margin-block:15rem ;align-items: center;}
.creater-card .creater-img{width: 100%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;}
.creater-card .creater-img img{width: 50rem; height: auto;}
.creater-card .creater-title{margin-right: -5%; margin-top: -8%;}
.creater-title hr{position: relative; top: 2rem;left: -30rem; width: 80%;}
.brand-container{margin-top: 15.7rem;}
.creater-contant{align-self: flex-end; margin-left: 5rem;}
.creater-title h3{font-size: 13rem;}
.creater-name{font-size: 9rem;}
.creater-heading{font-size: 10rem;font-family: 'altacaption';}
.creater-sub-heading{font-size: 5rem;display: block;}
.creater-card .heading01{width: max-content;margin-right: -5%; font-size: 7.5rem;}
.creater-contant .para:last-child{margin-bottom: 0;}


/* AT BUZZAR SECTION */
.buzzar-container{display: flex; justify-content: space-around;position: relative; margin-top: 6rem;}
.buzzar-container .img-wrapper{margin: auto;width:42rem; height: 43rem; border-radius: 100%; border:1px solid transparent;
  background: linear-gradient(black,black) padding-box,  linear-gradient(to right, #9f751b, #f8e891, #9f751b, #f8e891 ,#9f751b);padding: 1.6rem; display:flex;}
.buzzar-container .img-wrapper img{object-fit: cover; border-radius: 100%;filter: grayscale(1);width: 100%;}
.img-wrapper img:hover{filter: grayscale(0);cursor: url('../assets/images/cursor.png') , auto;}
.buzzar-tags{display: flex; justify-content: space-evenly; position: absolute;padding-inline: 7%;top: 50%;left: 50%;right: 50%;width: 100%;transform: translate(-50%, -50%); z-index: 99;} 
.buzzaar-heading{font-size: 13rem; margin: 12rem 0rem 0rem 17rem;}
.buzzaar-sub-heading{font-size: 5rem;margin: 0rem 0rem 0rem 40rem;}
.process-btn{width: 18%;text-align: center;}

.process h5{font-size: 5rem;text-align: center;margin: 4rem 0rem 9rem 0rem;font-family: 'altacaption';}
.process hr{margin-inline: 30%;height: 1px;border: rgba(197, 153, 7, 0.997);}

/* FOOTER SECTION */

/* .footer{height: 100vh;} */
.footer-section img{width: 50%;}
.line{position: relative;bottom: 87rem;width: 300rem;margin: 0rem 0rem 0rem -20rem;}
.footer-section .heading01 {text-align: center; margin-bottom: 3rem;font-size: 9rem;}
.contact-numbers{font-family: 'altacaption';margin-top: 4px}
.footer-section{position: relative;}
.contact-info{position: absolute;left: 0; right: 0;top: 28%;}
.contact-info::before{content: "";width: 20%;height: 2px; background-color: rgba(197, 153, 7, 0.997);position: absolute;top: 16%;left: 0;}
.contact-info::after{content: "";width: 20%;height: 2px;background: rgba(197, 153, 7, 0.997);position: absolute;top: 16%;right: 0;}
.contact-sub-info {display: flex;justify-content: center;align-items: center;font-size: 4rem;font-family: 'altacaption';flex-direction: column;}
/* .contact-sub-info{display: flex; flex-wrap: wrap;justify-content: center;align-items: center; font-size: 4rem; font-family: 'candararegular';} */
.location{font-size: 4rem; margin: 5rem 0rem 0rem 0rem; text-align: center;font-family: 'altacaption';}


/* New Page */
.relative{position: relative;}
.absolute{position: absolute;}
.w-full{width: 100%;}
.desktop-bg{top: 0;}
.mobile{display: none;}
.cta-box.absolute{top: 41.5%; right: 12%;}
.cta-box button{border-radius: 15rem;    padding-inline: 4rem;padding-block: 2rem; font-size: 6rem;}
nav.container{top: 0; position: absolute; left: 0; right: 0;}
nav .navbar-logo { width: 25%;}
.portfolio-section{position: relative;}
.portfolio-section .flex-card{position: absolute; left:0;right: 0;bottom: 0;}
.experts-slider{position: absolute;top: 50%;z-index: 9;background-color: #fff;width: 75%;}
.experties-slider{position: absolute;left: -3px; top: 0; z-index: 9;width: 79%; top: 55px;}
.experties-slider.experties-two{top: 30%;}
.buzzar-container{display: flex; justify-content: space-evenly;position: absolute;left: 0;right: 0;bottom: 42rem; margin-top: 6rem;}
.buzzar-container .img-wrapper{margin: auto;width:60rem; height: 60rem; border-radius: 100%;  padding: 1.6rem; display:flex;}
.social-section{display: flex; align-items: center;}
.social-section .social-logos{right: 50%; bottom: 50%;}


 



/* Spinner Css Animation Below */
/* Variables */
:root {

  --letterDim: 40px;
  --letterSize: 2em;
  --letterEasing: ease-in;
  --letterSpeed: 8s;
  --white: #fff;
  --black: #000;
  --palette1: #faeb90;
  --palette2: #c59535;
  --palette3: #faeb90;
  --palette4: #c59535;
  --dim: 20rem;
  --fadeStart: 0.1;
  --fadeEnd: 1;
  --speed: 4s;
  --easing: ease-out;
  --type: normal; /* normal / reverse / alternate / alternate-reverse */
}

/* General styles */
*, ::before, *::after {
  box-sizing: border-box;
}
body {
  /* font-family: var(--main-font); */
  font-size: 16px;
}

/* Loader styles */
.wrap-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: var(--black);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.loader {
  position: relative;
  width: var(--dim);
  height: var(--dim);
}

.loader::before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--dim) / 2.3);
  height: calc(var(--dim) / 2.3);
  background: var(--black);
  border-radius: 50%;
}

.loader .box {
  position: absolute;
  width: calc(var(--dim) / 2);
  height: calc(var(--dim) / 2);
  overflow: hidden;
}

.loader .box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: var(--fadeStart);
}

.loader .box:nth-child(1) {
  top: 0;
  left: 0;
}

.loader .box:nth-child(1)::before {
  top: 50%;
  left: 50%;
  background: var(--palette1);
  animation: lightMe1 var(--speed) var(--easing) infinite var(--type);
}

.loader .box:nth-child(2) {
  top: 0;
  right: 0;
}

.loader .box:nth-child(2)::before {
  top: 50%;
  right: 50%;
  background: var(--palette2);
  animation: lightMe2 var(--speed) var(--easing) infinite var(--type);
}

.loader .box:nth-child(3) {
  bottom: 0;
  right: 0;
}

.loader .box:nth-child(3)::before {
  bottom: 50%;
  right: 50%;
  background: var(--palette3);
  animation: lightMe3 var(--speed) var(--easing) infinite var(--type);
}

.loader .box:nth-child(4) {
  bottom: 0;
  left: 0;
}

.loader .box:nth-child(4)::before {
  bottom: 50%;
  left: 50%;
  background: var(--palette4);
  animation: lightMe4 var(--speed) linear infinite var(--type);
}

.loader .wrap-text {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--letterDim);
  height: var(--letterDim);
  overflow: hidden;
}

.loader .text {
  position: relative;
  width: var(--letterDim);
  height: var(--letterDim);
  line-height: var(--letterDim);
  animation: slider var(--letterSpeed) var(--letterEasing) infinite;
}

.loader .text span {
  display: block;
  width: var(--letterDim);
  height: var(--letterDim);
  line-height: var(--letterDim);
  text-align: center;
  font-size: var(--letterSize);
  color: var(--white);
}

.loader-text {
  color: var(--white);
  transform: translateY(-2rem);
  letter-spacing: 6px;
  opacity: 0.2;
  animation: blink calc(var(--speed) / 4) var(--easing) infinite alternate;
}

/* Animations */
@keyframes lightMe1 {
  0% {
    opacity: var(--fadeStart);
  }
  25% {
    opacity: var(--fadeEnd);
  }
  100% {
    opacity: var(--fadeEnd);
  }
}

@keyframes lightMe2 {
  0% {
    opacity: var(--fadeStart);
  }
  25% {
    opacity: var(--fadeStart);
  }
  50% {
    opacity: var(--fadeEnd);
  }
  100% {
    opacity: var(--fadeEnd);
  }
}

@keyframes lightMe3 {
  0% {
    opacity: var(--fadeStart);
  }
  50% {
    opacity: var(--fadeStart);
  }
  75% {
    opacity: var(--fadeEnd);
  }
  100% {
    opacity: var(--fadeEnd);
  }
}

@keyframes lightMe4 {
  0% {
    opacity: var(--fadeStart);
  }
  75% {
    opacity: var(--fadeStart);
  }
  100% {
    opacity: var(--fadeEnd);
  }
}

@keyframes slider {
  0% {
    transform: translateY(0);
  }
  10.5% {
    transform: translateY(0);
  }
  12.5% {
    transform: translateY(calc(-1 * var(--letterDim)));
  }
  23% {
    transform: translateY(calc(-1 * var(--letterDim)));
  }
  25% {
    transform: translateY(calc(-2 * var(--letterDim)));
  }
  35% {
    transform: translateY(calc(-2 * var(--letterDim)));
  }
  37.5% {
    transform: translateY(calc(-3 * var(--letterDim)));
  }
  47.5% {
    transform: translateY(calc(-3 * var(--letterDim)));
  }
  50% {
    transform: translateY(calc(-4 * var(--letterDim)));
  }
  60% {
    transform: translateY(calc(-4 * var(--letterDim)));
  }
  62.5% {
    transform: translateY(calc(-5 * var(--letterDim)));
  }
  72.5% {
    transform: translateY(calc(-5 * var(--letterDim)));
  }
  75% {
    transform: translateY(calc(-6 * var(--letterDim)));
  }
  85% {
    transform: translateY(calc(-6 * var(--letterDim)));
  }
  87.5% {
    transform: translateY(calc(-7 * var(--letterDim)));
  }
  100% {
    transform: translateY(calc(-7 * var(--letterDim)));
  }
}

@keyframes blink {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 0.75;
  }
}


/* Main Experties Slider */
.experties-slider {
  position: absolute;
  left: -3px;
  z-index: 9;
  width: 79%;
  top: 100px; /* Adjusted top to ensure it doesn’t overlap text */
  transition: top 0.3s ease; /* Smooth transition when resizing */
}

/* Second Slider Adjustment */
.experties-slider.experties-two {
  top: 35%; /* Adjusted to ensure it doesn't overlap */
}

/* Logo Styling */
.experties-slider .logo {
  height: 11rem; /* Reduced height for better alignment */
  /* margin-bottom: -1rem;  */
  background-color: rgba(0, 0, 0, 0.308);
  padding: 0.8rem; /* Slightly reduced padding for consistency */
}

/* Slick List Gradient and Padding */
.experties-slider .slick-list.draggable {
  padding: 5px 0rem !important;
  border: 1px solid transparent;
  background: linear-gradient(black, black) padding-box,
      linear-gradient(
          to right,
          #9f751b,
          #f8e891,
          #9f751b,
          #f8e891,
          #9f751b
      );
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .experties-slider {
      width: 90%; /* Adjust width for smaller screens */
      top: 120px; /* Adjust spacing to prevent overlap */
  }

  .experties-slider.experties-two {
      top: 40%; /* Ensure second slider fits smaller screens */
  }

  .experties-slider .logo {
      height: 6rem; /* Reduce logo size for smaller screens */
      /* margin-bottom: -1rem;  */
  }
}

@media (max-width: 480px) {
  .experties-slider {
      width: 95%; /* Maximize width for very small screens */
      top: 140px; /* Ensure adequate spacing */
  }

  .experties-slider.experties-two {
      top: 45%; /* Adjust second slider spacing */
  }

  .experties-slider .logo {
      height: 5rem; /* Further reduce logo size */
      padding: 0.5rem; /* Optimize padding for small screens */
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .buzzar-container {
      bottom: 32rem; /* Adjust to the correct position for Safari */
  }
}