/****************** Main Header ****************/
.header {
     background-color: #F1E8E0;
     width: 100%;
    height: 100vh; 
    position: relative;
}

.header .header-title {
    color: var(--color-muted);
    font-size: clamp(1.3rem, 3vw, 3rem);
	font-weight:400;
}
 
.header .header-image {
     width: 100%;
     max-width: 130px;
}
.header span {
     display: block;
} 
.header-lady-image {
     width: 100%;
     position: absolute;
     display: flex;
     justify-content: center;
     bottom: 0px;
     right: 0;
     left: 0;
     margin: 0 auto;
}

.header .header-lady-image img {
     width: 120vh;
}

.header .header-lady-image .home-wheel{
	position:absolute;
	top: 27%; 
	right: 10%; 
}

@media (max-width: 768px) {
     .header .header-image {
          width: 100%;
          max-width: 120px;
     }
	.header .header-lady-image .home-wheel{ 
		top: 0%; 
		right: 6%; 
	}
	.header{
		height: 100vh;
	}
}


@media (max-width: 600px) {
	 
    .header {
        height: 86vh;
    }
 
	.header .header-lady-image img {
       width: 60vh;
    }
	.header .header-lady-image{
		display:flex;
		flex-direction: column-reverse;
		justify-content: center;
        align-items:center; 
   }
	.header .header-lady-image .home-wheel{
		position:relative;
		top:0px;
		right:0;
	}
}

@media (max-width: 580px) {
     .header span {
          display: inline-block;
     }
}
@media (max-width: 500px) {
	.header .header-lady-image img {
       width: 40vh;
    }
     .header .header-image {
          width: 100%;
          max-width: 130px;
     } 
	
	.header{
		height: calc(100vh - 60px)!important; 
	}

	.header .header-lady-image{
		display:flex;
		flex-direction: column-reverse;
		justify-content: center;
        align-items:center; 
   }
	.header .header-lady-image .home-wheel{
		position:relative;
		top:-10px;
		right:0;
	}
     
}
 
@media (max-width: 375px) {
	.header .header-lady-image img {
       width: 30vh;
    }
}
/****************** Main Header ****************/

/****************** Scroller Section ****************/
.scroller-section {
     width: 100%;
     overflow: hidden;
     height: 550px;
     display: flex;
     align-items: center;
}

.marquee-inner {
   display: flex;
     white-space: nowrap;
}

.marquee-text {
      font-size: 200px;
     font-family: 'Anton-Regular', sans-serif;
     color: #D1C7BC;
     font-weight: 400;
     line-height: 100%;
}
 
@media screen and (max-width: 1200px) {
     .marquee-text {
          font-size: 180px;
     }

     .header .header-lady-image img {
          width: 74vh;
     }
}

@media screen and (max-width:1024px){
	
	 .marquee-text {
          font-size: 160px;
     }
	 .scroller-section { 
		height: 450px;
	}     
}
@media screen and (max-width: 991px) {
     .marquee-text {
          font-size: 150px;
     }
}

@media screen and (max-width: 768px) {
     .marquee-text {
          font-size: 150px;
     }
	.header .header-lady-image img {
			  width: 80vh;
		 }

     .scroller-section {
          height: 420px;
     }
}

@media screen and (max-width: 500px) {
     .header .header-lady-image img {
          width: 55vh;
     }
}

@media screen and (max-width: 479px) {
     .marquee-text {
          font-size: 100px;
     }
    .scroller-section {
          height: 280px;
     }
     .header .header-lady-image img {
          width: 40vh;
     }
}


/********* Max Height *********************/

@media (max-height: 800px) {
	.header .header-image { 
       max-width: 90px;
  } 
	.header .header-lady-image img {
      width: 62vh;
    }
	.header .header-lady-image .home-wheel{
		top:75px;
	}
	.header .header-title { 
     font-size: clamp(1.3rem, 2.5vw, 3rem);
   }
  .scroller-section { 
		height: 350px;
	}	
}
@media (max-height: 700px) {
	.header .header-image { 
       max-width: 90px;
  } 
	.header .header-title { 
     font-size: clamp(1.3rem, 2.5vw, 3rem);
   }
  .scroller-section { 
		height: 290px;
	}	
}
@media (max-width: 1920px) and (max-height: 1000px) {
	 .header .header-lady-image img {
        width: 108vh;
    }
	.header .header-lady-image .home-wheel { 
      top: 19%; 
	}
	.header .header-image{
		max-width:100px;
	}
}
@media (max-width: 1920px) and (max-height: 800px) {
	 .header .header-lady-image img {
        width: 102vh;
    }	
}
@media (max-width: 1440px) and (max-height: 1000px) {
	 .header .header-lady-image img {
        width: 108vh;
    }
	.header .header-lady-image .home-wheel { 
      top: 18%; 
	}
	.header .header-image{
		max-width:100px;
	}
}
@media (max-width: 1440px) and (max-height: 800px) {
	 .header .header-lady-image img {
        width: 102vh;
    }	
}
@media (max-width: 1024px) and (max-height: 1000px) {
	 
	.scroller-section { 
		height: 400px;
	}
	.header .header-lady-image img {
      width: 100vh;
    }
	.header .header-lady-image .home-wheel{
		top:16%;
	}
	.header .header-image{
		max-width:100px;
	}
}
@media (max-width: 1024px) and (max-height: 800px) {
	 
	.scroller-section { 
		height: 400px;
	}
	.header .header-lady-image img {
      width: 100vh;
    }
	.header .header-lady-image .home-wheel{
		top:16%;
	}
}
@media (max-width: 1024px) and (max-height: 780px) {
	 
	.scroller-section { 
		height: 260px;
	}
	.header .header-lady-image img {
      width: 103vh;
    }
}
@media (max-width: 768px) and (max-height: 1000px) {
	 
	.scroller-section { 
		height: 400px;
	}
	.header .header-lady-image img {
      width: 100vh;
    }
	.header .header-lady-image .home-wheel{
		top:10px;
	}
}
@media (max-width: 600px) and (max-height: 900px) {
	     .header {
        height: 80vh;
    }
	.scroller-section { 
		height: 500px;
	}
	.header .header-lady-image img {
      width: 75vh;
    }
	.header .header-lady-image .home-wheel {
        top: 0px;
    }
}
@media (max-width: 600px) and (max-height: 780px) {
	 
	.scroller-section { 
		height: 500px;
	}
	.header .header-lady-image img {
      width: 75vh;
    }
}
@media (max-width: 500px) and (max-height: 900px) { 
	.scroller-section { 
		height: 400px;
	}
	.header .header-lady-image img {
      width: 55vh;
    }
	.header .header-image { 
       max-width: 95px;
  }
	.header {
        height: calc(86vh - 60px) !important;
    }
	.header .header-lady-image .home-wheel{
		top:-25px;
	}
}
@media (max-width: 500px) and (max-height: 780px) { 
	.header {
        height: calc(90vh - 60px) !important;
    }
	.scroller-section { 
		height: 360px;
	}
	.header .header-lady-image img {
      width: 55vh;
    }
	.header .header-image { 
       max-width: 95px;
  }
	.header .header-lady-image .home-wheel{
		top:-20px;
	}
}
@media (max-width: 500px) and (max-height: 700px) { 
	
	.header .header-lady-image .home-wheel{
		top:-35px;
	}
}

@media (max-width: 500px) and (max-height: 650px) {
    .scroller-section {
        height: 255px;
    }
	.header .header-lady-image img {
		width: 50vh;
	}
	.header .header-lady-image .home-wheel{
		top:-30px;
	} 	
}

@media (max-width: 320px) and (max-height: 900px) { 
	.scroller-section { 
		height: 280px;
	}
	.header .header-lady-image img {
      width: 55vh;
    }
	.header .header-image { 
       max-width: 95px;
  }
	.header .header-lady-image .home-wheel{
		top:-65px;
	}
}
@media (max-width: 320px) and (max-height: 780px) { 
	.scroller-section { 
		height: 280px;
	}
	.header .header-lady-image img {
      width: 55vh;
    }
	.header .header-image { 
       max-width: 95px;
  }
	.header .header-lady-image .home-wheel{
		top:-50px;
	}
}
@media (max-width: 320px) and (max-height: 700px) { 
	.header .header-lady-image .home-wheel{
		top:-28px;
	}
}

@media (max-width: 320px) and (max-height: 650px) {
    .scroller-section {
        height: 250px;
    }
	.header .header-lady-image img {
		width: 50vh;
	}
	.header .header-lady-image .home-wheel{
		top:0;
	} 	
}
/********* Max Height *********************/
 
/****************** Scroller Section ****************/



/****************** Service Card - Section ****************/
.service-section {
     background: #F1E8E0;
     width: 100%; 
     padding-bottom: 40px;
     position: relative;

}

.service-container {
     width: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 1;
}

.service-card {
     width: 100%;
     max-width: 100%;
     margin: 0 auto 60px auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     transition: box-shadow 0.3s, transform 0.3s;
     cursor: pointer;
     position: sticky;
     top: 80px;
     overflow: hidden;
}

.service-card._01 {
     z-index: 1;
}

.service-card._02 {
     z-index: 2;
}

.service-card._03 {
     z-index: 3;
}

.service-card._04 {
     z-index: 4;
}

.service-card._05 {
     z-index: 5;
}

.service-card._06 {
     z-index: 6;
}

.service-image-wrapper {
     position: relative;
     transition: all 0.3s ease-in-out;
}



.service-card img {
     max-width: 100%;
     display: inline-block;

}

.service-card:hover .service-image-wrapper {
     transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg) rotateY(5deg) rotateZ(2.2deg) skew(0deg, 0deg);
     transform-style: preserve-3d;
     transition: all 0.3s ease-in-out;
}

.service-content-wrapper {
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     width: 100%;
     padding-bottom: 5em;
}

.service-content-wrapper .service-num {
     color: #6D2732;
     font-family: "Playfair-Regular";
     font-size: clamp(2rem, 5vw, 4rem);
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     /* 93.75% */
}

.service-content-wrapper .service-heading {
     color: #FFF;
     font-family: "Playfair-Medium";
     font-size: clamp(2rem, 4vw, 8rem);
     font-style: normal;
     font-weight: 500;
     line-height: 129%;
     /* 104.167% */
}

.service-content-wrapper .service-text {
     color: #FFF;
     font-family: 'Gotham-Light';
     font-size: clamp(1rem, 2.5vw, 1.5rem);
     font-style: italic;
     font-weight: 400;
     line-height: 129%;
     width: 100%;
}

.service-content-wrapper .service-tags {
     color: #F1E8E0;
     font-family: 'Gotham-Light';
     font-size: clamp(1rem, 1.5vw, 1.4rem);
     font-style: italic;
     font-weight: 400;
     line-height: 129%;

}

@media screen and (max-width:1200px) {
     br {
          display: none;
     }
}

@media screen and (max-width:768px) {
     .service-image-wrapper {
          height: 300px;
     }

     .service-card {
          margin: 0 auto 20px auto;
     }

     .service-content-wrapper {
          position: absolute;
          background-color: #3b1e2373;
          gap: 20px;
          padding-bottom: 2em;
     }

     .service-card img {
          object-fit: cover;
          height: 100%;
          aspect-ratio: 3 / 1;
     }

     .service-content-wrapper .service-num {
          color: #fff;
     }

     .service-content-wrapper .service-heading {
          font-size: clamp(1.5rem, 4vw, 8rem);
     }

     .service-content-wrapper .service-text {
          font-size: clamp(0.9rem, 2.5vw, 1.5rem);
     }

     .service-content-wrapper .service-tags {
          font-size: clamp(0.8rem, 1.5vw, 1.4rem);
     }

     .service-content-wrapper .service-tags img {
          width: 13px;
          height: 10px;
     }
}

/****************** Service Card - Section ****************/


/****************** Scroller Footer ****************/
.scroller-gif-section {
     width: 100%;
     overflow: hidden;
     min-height: 100px;
     display: flex;
     align-items: center; 
	background-color:#F1E8E0;
}

.marquee-inner-2 {
     display: flex;
     white-space: nowrap;
}

.marquee-text-2 {
     font-size: 150px;
     font-family: 'Cardo-Italic';
     color: #322D2A;
     font-weight: 400;
     white-space: nowrap;
     display: flex;
     justify-content: center;
     align-items: center;
     line-height: 135%;
}

.marquee-img-1 {
     width: 160px;
}

.marquee-img-2 {
     width: 160px;
}

.marquee-img-3 {
     width: 160px;
}
@media screen and (max-width: 1024px) {
     .marquee-text-2 {
          font-size: 120px;
     }
}
@media screen and (max-width: 991px) {
     .marquee-text-2 {
          font-size: 120px;
     }

     .marquee-img-1 {
          width: 110px;
     }

     .marquee-img-2 {
          width: 110px;
     }

     .marquee-img-3 {
          width: 110px;
     }
}

@media screen and (max-width: 767px) {
     .marquee-text-2 {
          font-size: 80px;
     }
}

@media screen and (max-width: 479px) {
     .marquee-text-2 {
          font-size: 60px;
     }
 

     .marquee-img-1 {
          width: 90px;
     }

     .marquee-img-2 {
          width: 90px;
     }

     .marquee-img-3 {
          width: 90px;
     }
}

/****************** Scroller Footer ****************/



/****************** Socials Share Section ****************/
.socials-share-section .socials-share-title {
     color: #322D2A;
     text-align: center;
     font-family: 'Playfair-Regular';
     font-size: clamp(2.3rem, 4vw, 3.5rem);
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     /* 67.2px */
     letter-spacing: -1.12px;
}

.socials-follow-container {
     border-bottom: 2px solid #322D2A;
}

.socials-follow-container .follow-pics-text {
     color: #322D2A;
     text-align: center;
     font-family: 'Playfair-Regular';
     font-size: clamp(1.1rem, 3vw, 1.6rem);
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     /* 38.4px */
     letter-spacing: -0.64px;
     text-transform: lowercase;
}

.socials-follow-container .follow-pics img {
     width: 50px;
}

.socials-follow-container .follow-btn {
     border: 1px solid #C4C4C4;
     border-radius: 50px;
     padding: 4px 14px;
}

.socials-follow-container .follow-btn .btn-follow {
     color: #322D2A;
     font-family: 'Gotham-Light';
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 85%;
     /* 22.4px */
     letter-spacing: -0.32px;
}

@media screen and (max-width: 500px) {
     .socials-follow-container .follow-btn {
          padding: 1px 10px;
     }

     .socials-follow-container .follow-btn .btn-follow {
          font-size: 14px;
          line-height: 120%;
     }

     .socials-follow-container .follow-pics img {
          width: 40px;
     }

     .socials-follow-container .follow-pics-text {
          font-size: clamp(1rem, 3vw, 1.6rem);
     }

     .socials-follow-container .follow-btn {
          border-radius: 50px;
          padding: 1px 10px;
     }
}

@media screen and (max-width: 375px) {
     .socials-follow-container .follow-pics-text {
          font-size: clamp(0.9rem, 3vw, 1.6rem);
     }

     .socials-follow-container .follow-btn {
          border-radius: 50px;
          padding: 1px 6px;
     }

     .socials-follow-container .follow-btn .btn-follow {
          font-size: 13px;
     }
}


/****************** Socials Share Section ****************/




/****************** Brand Reimaging Section ****************/
.brand-reimaging-section {
     width: 100%;
/*      min-height: 900px; */
	  height:100vh;
     background-color: #680B16;
     position: relative;
     padding-left: 0;
     padding-right: 0;
     color: #fff;
     display: flex;
     align-items: center;
}

.brand-reimaging-section .brand-reimaging-heading {
     position: absolute;
     top: 25%;
     right: 70%;
     z-index: 1;
}

.brand-reimaging-section .brand-reimaging-heading .brand-heading {
     font-size: 20px;
     font-family: 'Gotham-Light';
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     color: #F1E8E0;
     /* 28px */
     letter-spacing: -0.4px;
     text-transform: uppercase;
}

.brand-reimaging-section .brand-reimaging-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url('../images/home-page/black-lady.png') center bottom no-repeat;
	background-size:contain;
    height: 90vh;
}


.brand-reimaging-section .brand-reimaging-bgtext .brand-bgheading {
     font-size: 300px;
     color: #5E0A14;
     font-family: 'Anton-Regular';
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-transform: uppercase;
}

.brand-reimaging-section .brand-reimaging-bgtext {
     display: flex;
     white-space: nowrap;
}

.brand-reimaging-section .brand-reimaging-animation {
     width: 100%;
     overflow: hidden;
     min-height: 100px;
     display: flex;
     align-items: center;
}

@media screen and (max-width: 991px) {
     .brand-reimaging-section .brand-reimaging-bgtext .brand-bgheading {
          font-size: 300px;
     }
}

@media screen and (max-width: 767px) {
     .brand-reimaging-section .brand-reimaging-bgtext .brand-bgheading {
          font-size: 250px;
     }
}


@media screen and (max-width: 768px) {
     .brand-reimaging-section {
          height: 100vh;
     }

     .brand-reimaging-section .brand-reimaging-image {
          background: url('../images/home-page/black-lady.png') center bottom/300px no-repeat;
		 background-size:contain;
     }

     .brand-reimaging-section .brand-reimaging-heading .brand-heading {
          font-size: 16px;
     }

     .brand-reimaging-section .brand-reimaging-heading {
          left: 15px;
     } 
}
 
@media screen and (max-width: 500px) {
     .brand-reimaging-section .brand-reimaging-heading {
          left: 15px;
          top: 6%;
          width: 50%;
     }
	.brand-reimaging-section .brand-reimaging-image {
          background: url('../images/home-page/black-lady.png') center bottom/350px no-repeat;
		background-size:contain;
     }
}


@media screen and (max-width: 479px) {
     .brand-reimaging-section .brand-reimaging-bgtext .brand-bgheading {
          font-size: 240px;
     }
	.brand-reimaging-section .brand-reimaging-image {
		height:85vh;
	}
}
@media screen and (max-width: 350px) {
     
	.brand-reimaging-section .brand-reimaging-image {
          background: url('../images/home-page/black-lady.png') center bottom/320px no-repeat;
		background-size:contain;
     }
	.brand-reimaging-section .brand-reimaging-image {
		height:79vh;
	}
}

/****************** Brand Reimaging Section ****************/