/* Gilroy Font Face Declarations */
@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

/* Italic variants */
@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/akdev/assets/fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 950;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Colors */
    --lazure-green: #2EC17B;
    --light-gray: #DEE1EA;
    --white: #FFF;
    --black: #000;
    --dark: #151515;
    --gray: #5C5C5C;
    --privacy-gray: #ADADAD;
    --gray-blue: #1B6986;

    /* Breakpoints (for JavaScript/other use) */
    --breakpoint-mobile: 360px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 992px;
    --breakpoint-large: 1200px;
}

/*
 * Breakpoint Reference:
 *
 * Mobile:     up to 767px
 * Tablet:     768px - 991px
 * Desktop:    992px - 1199px
 * Large:      1200px+
 *
 * Example usage:
 * @media (min-width: 768px) { ... }
 * @media (min-width: 992px) { ... }
 * @media (min-width: 1200px) { ... }
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: 'Gilroy', sans-serif;
}

body {
    font-family: 'Gilroy', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.secondary-button {
    display: inline-flex;
    height: 45px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: var(--white);
    transition: color 0.3s ease;
}

.secondary-button:hover {
    color: var(--white);
}

/* Parent container hover styles - when secondary-button is hovered */
.nav-menu-window-item:has(.secondary-button:hover),
.services-list-item:has(.services-list-item-button:hover),
.technologies-list-button.secondary-button:hover,
.technologies-list-group.active .technologies-list-button.secondary-button {
    background-color: var(--lazure-green);
    transition: background-color 0.3s ease;
}

/* Arrow styles for parent containers with secondary-button */
.nav-menu-window-item:has(.secondary-button:hover)::after,
.services-list-item:has(.services-list-item-button:hover)::after,
.technologies-list-button.secondary-button:hover::after,
.technologies-list-group.active .technologies-list-button.secondary-button::after {
    filter: brightness(0) invert(1);
}

.primary-button {
    font-family: 'Gilroy', sans-serif;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    background-color: var(--lazure-green);
    cursor: pointer;
}

.primary-button:hover {
    background: linear-gradient(102deg, #006B82 -15.89%, #91C73E 105.97%);
}

.section-container {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 992px) {
    .section-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1200px) {
    .section-container {
        padding-left: 120px;
        padding-right: 120px;
    }
}