/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1741603460
Updated: 2025-03-10 10:44:20

*/
.bluecolor {
    color: var(--e-global-color-accent);
  }

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
    padding-left: 110px;
    padding-right: 110px;
}
.inner-container .elementor-container {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.footer-copywrite ul li{
    flex-direction: row-reverse;
   gap:10px;
}
.footer-copywrite ul li span svg{
    width: 100%!important;
    max-width: 150px!important;
}

/* Scrolling Text */
.marquee h2{
    -webkit-text-stroke: 6px;
    stroke-width: 6px;    
    -webkit-text-stroke-color: #1578ff;
    stroke: #1578ff;
    color:#1578ff !important;
    transition: all ease 0.6s;
}
.marquee.active h2{
    color: transparent !important; 
}   
.marquee h2 span {
    display: block;
    line-height: 0.83em;
}
.marquee h2 span:nth-of-type(2){
    text-align: right;
	padding-right:30px;
}

.footer-copywrite ul li a{
    display: flex;
    flex-direction: row-reverse;
}
.footer-copywrite ul li a span svg {
    margin: 10px!important;
}
.bounce-effect {
animation-duration: 1.9s;
        animation-iteration-count: infinite;
	animation-name: bounce-1;
        animation-timing-function: linear;
}

@keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-18px); }
        100% { transform: translateY(0); }
    }

@media (max-width: 1440px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 80px;
    padding-right: 80px;
}	
}
@media (max-width: 1240px) {
    .marquee h2{
        font-size: 120px!important;
        -webkit-text-stroke: 3px;
        stroke-width: 3px;    
        -webkit-text-stroke-color: #1578ff;
        stroke: #1578ff;
        color:#1578ff !important;
        transition: all ease 0.6s;
    }
}
@media (max-width: 768px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}	
.elementor-container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.marquee h2{
    font-size: 70px!important;
    -webkit-text-stroke: 3px;
    stroke-width: 3px;    
    -webkit-text-stroke-color: #1578ff;
    stroke: #1578ff;
    color:#1578ff !important;
    transition: all ease 0.6s;
}

}