/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* ---------- MEDIA QUERY FOR MOBILE ---------- */

@media screen and (max-width: 480px){
/* 	.mynavv-center li a{
   	 	justify-content: center!important;
	}

	.my-icon .elementor-icon-box-icon{
    	margin-top: auto!important;
		margin-bottom: auto!important;
	} */

	/*GSAP PRELOADER COUNTER*/
	.counter {
		line-height: 1.9em!important;
  	}
}


/* ---------- CUSTOM CSS ---------- */


/* IMAGE FLOAT */

.imagefloat {
    animation: float 3.5s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0px, 20px);
	}
	100% {
		transform: translate(0, 0);
	}
}


/* SLiDERS WIDTH */

.slider-width{
    width: 110vw!important
}

.tabb{
    cursor: pointer;
}


/* SECTION BACKGROUND COLOR CHANGE */

.black-bg {
    background-color: #000308;
    color: white; /* Optionally, adjust text color */
}

/* Add a class to Section 7 to handle the transition effect */
.transition-bg {
    transition: background-color 0.5s ease, color 0.5s ease; /* Adjust duration and easing as needed */
}

/* Initially set Section 7 to have a white background and black text */
.transition-bg.start-white-bg {
    background-color: white;
    color: black;
}

.black-bg h2, .black-bg h4, .black-bg p{
    color:White!important;
}

/* SLIDING TEXT */

body {
    --speed: 15s;
}
.sliding-text .elementor-widget-wrap {
    display: block !important;
}
.sliding-text .elementor-widget{
    overflow: hidden;
    width: 10000vw !important;
    max-width: 10000vw !important;
}
.sliding-text .sliding .elementor-widget-container {
    -webkit-animation: sliding var(--speed) linear infinite;
    -moz-animation: sliding var(--speed) linear infinite;
    -o-animation: sliding var(--speed) linear infinite;
    animation: sliding var(--speed) linear infinite;
}
.sliding-text .elementor-widget-container {
    float: left;
}
.sliding-text.reverse {
    transform: rotate(180deg);
}
.sliding-text.reverse .sliding .elementor-heading-title {
    transform: scale(-1, -1);
}
@keyframes sliding {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes sliding {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @-moz-keyframes sliding {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @-o-keyframes sliding {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes sliding {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
}


/* SCROLL BAR CSS */

::-webkit-scrollbar{
    width: 0vw;
    background: #000308;
}
::-webkit-scrollbar-thumb{
    background: -webkit-linear-gradient(transparent,#EDF4FF);
    background: linear-gradient(transparent,#EDF4FF);
    border-radius: 2px;
}