/*
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.1.1.1732260684
Updated: 2024-11-22 07:31:24

*/


.scroll-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
	width: 100% !important;
	display: flex;
	gap: 50px;
	align-items: center;
}
.scroll-content {
	display: flex;
	gap: 50px;
	align-items: center;
	animation: sliding 40s linear infinite;
    -webkit-animation: sliding 40s linear infinite;
    -moz-animation: sliding 40s linear infinite;
    -o-animation: sliding 40s linear infinite;
}
.scroll-text {
    font-size: 50px;
    font-family: 'DM Serif Text', sans-serif;
    line-height: 1.3;
    color: #fff;
	white-space: nowrap;
	gap: 50px;
	display: flex;
    align-items: center;
}
.scroll-text span {
    color: transparent;
    -webkit-text-stroke: 1.5px;
    -webkit-text-stroke-color: #fff;
}

.scroll-text svg {
    width: 40px;
}

@keyframes sliding {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%); 
	}
}
/* Footer CSS */
.footer_contact_list li span {
    word-break: break-all;
}
/* Contact Us Page */
#contact-form input::placeholder, #contact-form textarea::placeholder {
    opacity: 1;
}
#contact-form input, #contact-form textarea {
    border: none;
    box-shadow: 0 0 16px #0060ae21;
	padding:13px 20px;
}
#contact-form button[type=submit] {
    background: linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);
}
#contact-form button[type=submit]:hover{
	background: linear-gradient(90deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);
}
.contact-link a {
    word-break: break-all;
    color:#000;
}
.contact-link a:hover{
    color:var( --e-global-color-primary );
}
.services-loop .e-loop-item:nth-child(odd) .services-section .e-con-inner {
    flex-direction: row-reverse;
}
.hover-over:hover .elementor-icon-box-wrapper .elementor-icon-box-description{
    color: #000 !important;
}
.hover-over:hover .elementor-icon-box-wrapper .elementor-icon-box-title{
    color:#0060AE !important;
}
.hover-over:hover .elementor-icon-box-wrapper .elementor-icon{
    background-color: #0060ae !important;
    fill:#fff !important;
    color:#fff !important;
}
.hover-over,
.hover-over .elementor-icon-box-wrapper .elementor-icon-box-description,
.hover-over .elementor-icon-box-wrapper .elementor-icon-box-title,
.hover-over .elementor-icon-box-wrapper .elementor-icon{
    transition: all 0.4s ease-in-out !important;
}
@media screen and (max-width:1440px){
	.scroll-text {
		font-size: 40px;
	}
}
@media screen and (max-width:1280px){
	.scroll-text {
		font-size: 32px;
	}
	
}
@media screen and (max-width:640px){
	.footer_menu li a {
		justify-content:center;
		text-align:center;
	}
	.scroll-text {
		font-size: 30px;
	}
	.scroll-text, .scroll-content{
		gap:30px;
	}
}