/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */



header[data-elementor-type="header"].scrolled .elementor-sticky {
    background: linear-gradient(to right, #000027, #00013D); /* Replace with your desired gradient colors */
    animation: fadeIn 0.5s ease-in-out;
    min-height: 70px !important;
 
    transition: transform 0.3s ease-in-out;
    transform: translateY(0);
}

header[data-elementor-type="header"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it stays above other content */
    background-color: white; /* Optional: Set a background color */
    transition: background-color 0.3s; /* Optional: Smooth transition for background color */
}

.eael-tabs-nav ul {
    
    border-radius: 100px;
}


@media (min-width: 600px) {
  .eael-tabs-nav ul {
    border: 2px solid rgb(215 215 215);
    
}
}



/* Ensure fields are displayed inline */
/* .elementor-field-group {
    display: inline-block;
    width: 48%;
   
}

.elementor-field-group:nth-child(2n) {
    margin-right: 0;
} */


.hero-heading h2 {
    font-size: clamp(55px, 13vw, 124px);
}

h1 span, h2 span {color: #1d75bf}

.footer-logo  {
    filter: invert(100%);
}


.timeline-title  {
		margin-bottom: 1rem;
		margin-top:0;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 30px;
    color: #000000 !important;
		font-family: "Zing Rust", sans-serif !important;
}

.elementor-button-content-wrapper {align-items:center}
.icon-button svg {width:30px}

.icon-button a:hover svg {
    filter: invert(100%) brightness(0%);
}


.elementor-button-text  {
    margin-bottom: -4px;
}

.client-name {
    margin: 0 0 8px;
    font-family: "Overpass";
    font-weight: 500;
    font-size: 17px;
    line-height: 136.1%;
}
.position {
    font-weight: 300;
    font-size: 17px;
    line-height: 136.1%;
    color: #959595;
}

.elementor-pagination {
    display: flex;
    justify-content: center;
}

a.page-numbers.current {
    background-color: #1d75bf;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.twitter {color: white}


        .slider-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid #B9B9B9;
            cursor: pointer;
            margin: 5px;
        }

        .slider-button svg {
            transform: rotate(0deg);
        }

        .slider-button.left svg {
            transform: rotate(180deg);
        }


        .single-post h3 {
            font-size: 20px;
            line-height: 28px;
    font-family: "Zing Rust", Sans-serif;
    font-weight: 600;
}

.highlight    {
            font-size: 26px;
           
    font-family: "Zing Rust", Sans-serif;
    font-weight: 600;
    color: #fffc0b;
}


@media (max-width: 600px) {
  .highlight {
    font-size: 20px;
  }
}



ul.bullet-list {
    list-style-type: none; /* Removes the default bullets */
    padding-left: 0; /* Removes default padding */
    margin: 2rem 0; /* Adds some margin for spacing */
}


ul.bullet-list li {
   
    margin-bottom: 1rem;
}

ul.bullet-list li::before {
    content: "";
    display: inline-block;
    margin-right: 15px;
    margin-top: 3px;
    height: 12px;
    width: 12px;
    background: #1D75BF;
    border-radius: 50%;
}

.swiper-pagination-bullets {background-color: #FFF;}

.custom-carousel-controls button {
    border: 2px solid #b9b9b9;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}