/* 
	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
*/

@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

@font-face {
    font-family: 'Mona Sans';
    src: url('fonts/Mona-Sans-Regular.woff2') format('woff2'),
         url('fonts/Mona-Sans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Mona Sans' !important;
}

/* Container setup */
.tech-stack-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    max-width: 108.75rem;          /* 1740px */
    margin: 0 auto;
    padding: 1.25rem 1.25rem 6rem; /* 20px 20px 96px */
    border-left: 0.0625rem solid #D4D8E0; /* 1px */
}

/* Grid Layout: 4 columns on desktop */
.tech-stack-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.625rem; /* 10px */
}

/* Column Headers */
.tech-stack-column h3 {
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    color: #000;
    margin: 0 !important;
    padding: 0.53125rem 0.625rem; /* 8.5px 10px */
}

/* List Styling */
.tech-stack-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tech-stack-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.53125rem 0.625rem !important; /* 8.5px 10px */
    font-size: 1rem; /* 16px */
    color: #444;
    cursor: pointer;
    transition: color 0.2s ease;
}

.tech-stack-item:hover {
    color: #0073aa;
}

/* Arrow styling (SVG for crispness) */
.arrow-icon {
    width: 0.75rem;  /* 12px */
    height: 0.75rem; /* 12px */
    fill: none;
    stroke: #ccc;
    stroke-width: 0.125rem; /* 2px */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.byte-tabs .e-n-tab-title {
    justify-content: space-between !important;
}

.elementor-widget-n-tabs 
.e-n-tab-title[aria-selected=false] 
.e-n-tab-icon svg {
    fill: transparent !important;
}

/* Responsive Breakpoints */
@media (max-width: 64rem) { /* 1024px */
    .tech-stack-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.875rem; /* 30px */
    }
}

@media (max-width: 37.5rem) { /* 600px */
    .tech-stack-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem; /* 20px */
    }
}

.wpr-nav-menu-horizontal .wpr-mega-menu .wpr-sub-icon:after {
    content: "";
    display: block;
    background-image: url(images/active-menu.svg);
    width: 100%;
    height: 0.9375rem; /* 15px */
    position: absolute;
    top: 2.5rem;      /* 40px */
    right: -1.25rem;  /* -20px */
    background-size: 0.625rem auto; /* 10px */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}

.wpr-nav-menu-horizontal .wpr-mega-menu li:hover .wpr-sub-icon:after {
    opacity: 1;
}

.wpr-logo-image img {
    width: 7.5rem; /* 120px */
    margin-top: 0.125rem; /* 2px */
}

.ibyte-blue-text {
    background: linear-gradient(90deg, #265EF5 75%, #368AFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wpr-sub-mega-menu.wpr-animate-sub {
    border: none !important;
}

ul.elementor-icon-list-items.ekit-post-list-wrapper 
.elementor-icon-list-item {
    margin-bottom: 0.9375rem !important; /* 15px */
}

#e-n-tab-content-1903986662 {
    display: none;
}


.animate-section { opacity: 1 !important }