.elementor-11 .elementor-element.elementor-element-f5c8bde{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f5c8bde:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f5c8bde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-8478020{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-8478020:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-8478020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://staging437.elitewolf.in/wp-content/uploads/2026/01/CROP-MARKS-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-8478020::before, .elementor-11 .elementor-element.elementor-element-8478020 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-8478020 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-8478020 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-8478020 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-8478020 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-efbb110{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4541636{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:18%;--padding-right:18%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-f676eee{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-f4ad4bf{--display:flex;--min-height:380px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50px 50px 0px 0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f4ad4bf:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f4ad4bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EB1C23;}.elementor-11 .elementor-element.elementor-element-622957c{--display:flex;--min-height:380px;--border-radius:50px 50px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-6e63c7e{text-align:center;font-family:"DINpro", Sans-serif;font-size:56px;font-weight:300;text-transform:uppercase;line-height:100px;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-8b88f07{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:center;font-family:"DINpro", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-ffa9bc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"DINpro", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-5c30b61{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50px 50px 0px 0px;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-5c30b61:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-5c30b61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-1ff8245{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-1ff8245:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1ff8245 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-b3cf6a2{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-2fb4b87 .gallery-item .gallery-caption{text-align:center;}.elementor-11 .elementor-element.elementor-element-23c8bf3{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-628e9a8 .gallery-item .gallery-caption{text-align:center;}.elementor-11 .elementor-element.elementor-element-1dd3ebf{--display:flex;}.elementor-11 .elementor-element.elementor-element-89d225c .gallery-item .gallery-caption{text-align:center;}.elementor-11 .elementor-element.elementor-element-a4ca024{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-0e6d9b2.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-8478020{--content-width:1180px;}}/* Start custom CSS for container, class: .elementor-element-f5c8bde */#image {
  width: 220px;
  transition: opacity 0.8s ease;
}
.fixed {
    
   position: fixed;
  top: 0;
  left: 0;
  z-index: 999; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8478020 *//* Define the background color animation */
@keyframes changeBackground {
  0% {
    background-color: #000; /* Or your section's initial color */
  }
  100% {
    background-color: #FFf; /* Your desired end color */
  }
}

/* Apply the animation to the section with the custom class */
.delayed-bg-change {
  animation-name: changeBackground;
  animation-duration: 0.5s; /* Duration of the color change animation */
  animation-delay: 1s; /* Delay before the animation starts (1 second) */
  animation-fill-mode: forwards; /* Ensures the final color stays after animation */
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-2fb4b87 */.demo-dd .gallery-icon img {
    height: 65px;
    width: auto;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-628e9a8 */.demo-dd .gallery-icon img {
    height: 65px;
    width: auto;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-89d225c */.demo-dd .gallery-icon img {
    height: 65px;
    width: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4ca024 */.color-section {
  position: relative;
  height: 100vh;
  background: black;
  overflow: hidden;
  width:100%
}

/* White wipe layer */
.white-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: white;
  transition: height 4s ease; /* wipe speed */
  z-index: 1;
}

.content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  padding-top: 40vh;
  font-size: 40px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DINpro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging437.elitewolf.in/wp-content/uploads/2026/01/DINPro.woff2') format('woff2'),
		url('https://staging437.elitewolf.in/wp-content/uploads/2026/01/DINPro.woff') format('woff');
}
/* End Custom Fonts CSS */