/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Game Safari
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Your custom CSS goes below */

.gs-marquee {
    width: 100%;
    overflow: hidden;
}

.gs-marquee-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: gs-marquee-scroll 35s linear infinite;
}

.gs-marquee-track i {
    color: #19e56b;
    font-style: normal;
    font-size: 8px;
    margin: 0 8px;
}

@keyframes gs-marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.features-box figure img {
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: content-box;
}
.app-boxes .elementor-image-box-content h3 {
    margin-top: 0;
}
.ta-sticky-active .sticky-header {
    background: #141c2f;
    box-shadow: 0 0 20px rgb(14 20 36 / 30%);
}
.flex-image {
    display: flex;
    height: 100%;
}   
.flexbox-box p {
    margin-bottom: 0;
}

.flexbox-box {
    max-width: 90%;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}
.faq-section .e-n-accordion-item-title{
    justify-content: space-between !important;
}
.footer-platformmenu ul li {
    display: block;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.anchor-color a {
    color: #22c55e;
}
.anchor-color a:hover {
    color: #EF4444;
}
.features-box:hover, .app-boxes:hover {
    border-color: #d4af37 !important;
    transition: all .2s linear;
    box-shadow: 0 8px 24px rgb(20 28 47);
}

@media screen and (max-width: 767px) {
    .footer-platformmenu nav.tahefobu-nav-menu-container {
        display: block;
    }
    .footer-platformmenu .tahefobu-mobile-nav-menu-container, .mobile-none{
        display: none !important;
    }
	.radius-boxed .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
	.radius-boxed .elementor-image-box-content {
		width: auto !important;
	}

	.radius-boxed figure.elementor-image-box-img {
		margin: 0 8px 0 0 !important;
	}
	    /* Mobile menu */
    .header-menu .tahefobu-mobile-nav-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;

        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;

        margin: 0 !important;
        padding: 70px 20px 40px !important;

        box-sizing: border-box !important;

        background: #0b1120 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        z-index: 999999 !important;

        /* Animation */
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);

        transition:
            opacity 0.35s ease,
            transform 0.4s ease,
            visibility 0.4s ease !important;

        box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    }

    .header-menu .tahefobu-mobile-nav-menu[style*="display: block"] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    .header-menu .tahefobu-mobile-nav-menu li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .header-menu .tahefobu-mobile-menu-item {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        transition:
            padding-left 0.25s ease,
            background 0.25s ease !important;
    }


    .header-menu .tahefobu-mobile-toggle-wrap {
        position: relative !important;
        z-index: 1000000 !important;
    }

    .header-menu .tahefobu-mobile-toggle {
        position: relative !important;
        z-index: 1000001 !important;
    }


    .header-menu .tahefobu-mobile-nav-menu::-webkit-scrollbar {
        width: 4px;
    }

    .header-menu .tahefobu-mobile-nav-menu::-webkit-scrollbar-thumb {
        background: #cccccc;
        border-radius: 10px;
    }


    html,
    body {
        overflow-x: hidden !important;
    }
}


@media screen and (min-width: 1600px){
    .e-con-inner {
    max-width: 1400px !important;
    width: 100%;
  }
}

@media screen and (min-width: 1800px){
    .e-con-inner {
    max-width: 1600px !important;
    width: 100%;
  }
}