@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

:root {
    --primary-color: #0A549D;
    --primary-light: #3B82F6;
    --primary-medium: #2359cf;
    --primary-dark: #073866;
    --primary-darker: #042341;
    --accent-color: #10B981;
    --neutral-light: #FAFAFA;
    --neutral-medium: #EFEFEF;
    --neutral-muted: #808694;
    --neutral-dark: #374151;
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.5);
    --header-bg: #0A549D80;
}

* {
    box-sizing: border-box;
}

/* General Styles */
html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    height: 100%;
    font-family: "Inter", sans-serif;
    color: var(--neutral-dark);
    background-color: var(--neutral-light);
    margin: 0;
}

h1,
h2,
h3,
h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--neutral-light);
}

a {
    text-decoration: none;
    color: inherit;
}

/* Layout & Spacing */
.container {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    z-index: 50;
}

.section {
    position: relative;
    padding: 10rem 1rem 5rem;
    background: var(--primary-dark);
}

.section-title {
    font-family: 'Instrument Serif', serif;
    font-size: 3rem;
    margin-bottom: 3rem;
}

.flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

.text-center {
    text-align: center;
}

.grid-2,
.grid-3 {
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    gap: 2rem;
}

.space-x-4>*+* {
    margin-left: 1rem;
}

.space-x-8>*+* {
    margin-left: 2rem;
}

.space-y-4>*+* {
    margin-top: 1rem;
}

.space-y-6>*+* {
    margin-top: 1.5rem;
}

.space-y-12>*+* {
    margin-top: 3rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

/* Buttons & Interactions */
.btn {
    padding: 1rem 2rem;
    font-weight: 600;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn:hover {
    transform: scale(1.05);
}

.btn-primary {
    background-color: var(--primary-color);
    color: var(--neutral-light);
}

.btn-primary:hover {
    background-color: var(--primary-dark);
}

.btn-secondary {
    background-color: var(--primary-color);
    border-color: var(--neutral-light);
    color: var(--neutral-light);
}

.btn-secondary:hover {
    background-color: var(--neutral-light);
    color: var(--primary-color);
}

/* Custom Effects */
.glassmorphism {
    backdrop-filter: blur(2px) !important;
    border: 1px solid var(--glass-border);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    transition: all 300ms ease-in-out;
}

.glassmorphism:hover {
    transform: translateY(-3px);
}

/* --- Animations --- */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Utility Classes --- */
.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
    opacity: 0;
    /* Start hidden */
}

.delay-1 {
    animation-delay: 0.1s;
}

.delay-2 {
    animation-delay: 0.2s;
}

.delay-3 {
    animation-delay: 0.3s;
}

.delay-4 {
    animation-delay: 0.4s;
}

.delay-5 {
    animation-delay: 0.5s;
}

.delay-6 {
    animation-delay: 0.6s;
}

/* Logo Animation */
.logo {
    transition: transform 1000ms ease-in-out;
}
.logo:hover {
    transform: rotate(1440deg) scale(1.25);
}

/* Hero Section Start*/
.hero {
    position: relative;
    margin: 0 auto;
    padding: 10rem 0 5rem;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.hero-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='79.508' height='40' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%2300000022'/><path d='M0 0v.685c5.16 0 10.01 2.01 13.657 5.658.384.383.74.787 1.086 1.197a41.2 41.2 0 0 0-1.877 1.546c.185-.16.367-.324.554-.481C10.19 4.803 5.38 2.385 0 2.385v1.639c4.877 0 9.245 2.203 12.177 5.659.153-.139.313-.27.468-.406a41.237 41.237 0 0 0-6.769 7.675c.204-.299.403-.6.614-.893A7.588 7.588 0 0 0 0 12.399v1.64c2.427 0 4.511 1.462 5.44 3.548.11-.168.228-.33.34-.496a41.057 41.057 0 0 0-1.368 2.165c.231.025.46.06.69.088a41.095 41.095 0 0 0-1.846-.187c.305.022.61.039.913.07-.365-1.983-2.081-3.49-4.169-3.49v1.64c1.129 0 2.094.717 2.463 1.72.022 0 .045.003.068.005A41.48 41.48 0 0 0 0 19.016v1.64c5.312 0 10.464 1.04 15.314 3.091A39.21 39.21 0 0 1 27.82 32.18a39.37 39.37 0 0 1 5.756 7.301 41.04 41.04 0 0 1 1.766-.224 41.058 41.058 0 0 0-1.373-2.172c.113.168.233.332.345.502.93-2.085 3.013-3.547 5.44-3.547 2.426 0 4.51 1.462 5.44 3.547.112-.17.232-.334.345-.502-.479.709-.938 1.432-1.373 2.172.592.064 1.182.136 1.766.224a39.372 39.372 0 0 1 5.756-7.3 39.215 39.215 0 0 1 27.82-11.524v-1.64c-.89 0-1.773.034-2.649.09.067-.005.132-.012.199-.016a2.62 2.62 0 0 1 2.45-1.713v-1.64c-2.085 0-3.784 1.51-4.151 3.487.344-.034.692-.056 1.039-.082-.668.05-1.331.12-1.99.202.23-.028.459-.063.69-.088a41.058 41.058 0 0 0-1.368-2.165c.112.166.23.328.34.496.929-2.086 3.013-3.548 5.44-3.548v-1.64a7.588 7.588 0 0 0-6.49 3.66c.211.293.41.594.614.893a41.237 41.237 0 0 0-6.769-7.675c.156.136.315.267.468.406 2.932-3.456 7.3-5.66 12.177-5.66V2.385c-5.38 0-10.189 2.42-13.42 6.22.187.158.369.322.554.482a41.2 41.2 0 0 0-1.877-1.546c.347-.41.702-.814 1.086-1.197A19.187 19.187 0 0 1 79.508.685V0H73.34a20.972 20.972 0 0 0-9.903 6.563c.343.243.679.496 1.014.749a40.98 40.98 0 0 0-6.108-3.833c.261.133.525.262.782.4a26.407 26.407 0 0 1 2.005-2.257A26.459 26.459 0 0 1 62.917 0h-2.405c-1.026.975-2.004 1.998-2.87 3.12.096.046.19.099.287.147a40.768 40.768 0 0 0-2.005-.926l.126.052A30.044 30.044 0 0 1 58.081 0h-2.148c-.49.578-.997 1.144-1.445 1.757.2.078.397.163.597.243-.743-.3-1.495-.584-2.26-.841.282-.398.596-.773.894-1.159h-2.065c-.155.216-.32.425-.47.644.541.157 1.077.326 1.608.504A40.643 40.643 0 0 0 48.66.005c.262.06.527.112.787.175.041-.062.091-.118.133-.18H29.928c.042.062.092.118.133.18.255-.061.513-.113.77-.171-1.393.31-2.76.686-4.096 1.133a40.588 40.588 0 0 1 1.589-.498c-.15-.22-.315-.428-.47-.644h-2.065c.298.386.612.761.893 1.159-.762.256-1.51.539-2.252.838.197-.079.391-.163.59-.24C24.57 1.144 24.065.578 23.574 0h-2.147a30.04 30.04 0 0 1 2.03 2.393c.04-.017.082-.032.121-.05-.673.29-1.339.596-1.993.92.095-.046.187-.098.282-.144C21 2 20.022.975 18.997 0H16.59a26.455 26.455 0 0 1 1.787 1.622 26.403 26.403 0 0 1 2.005 2.257c.255-.137.515-.264.773-.396a40.98 40.98 0 0 0-6.097 3.827c.335-.252.67-.504 1.012-.747A20.97 20.97 0 0 0 6.168 0Zm10.659 0a22.73 22.73 0 0 1 6.827 5.601c.46-.298.924-.59 1.396-.87-1.475-1.82-3.226-3.4-5.16-4.731Zm55.127 0c-1.934 1.332-3.686 2.91-5.16 4.732.472.28.936.571 1.396.87A22.733 22.733 0 0 1 68.849 0ZM39.754.656c5.312 0 10.464 1.04 15.314 3.091a39.21 39.21 0 0 1 12.506 8.432 39.372 39.372 0 0 1 5.756 7.302c.117-.018.237-.029.354-.045-.745.106-1.483.23-2.215.375l.046-.01C64.832 9.316 53.11 2.355 39.754 2.355c-13.356 0-25.078 6.961-31.76 17.447l.044.01a40.79 40.79 0 0 0-2.213-.376c.117.016.236.027.353.045a39.373 39.373 0 0 1 5.756-7.302A39.215 39.215 0 0 1 39.754.656zm0 3.338a35.889 35.889 0 0 1 25.46 10.546 36.107 36.107 0 0 1 4.6 5.64c.266-.065.535-.118.802-.178a40.646 40.646 0 0 0-4.18 1.156c-.768.26-1.524.544-2.271.846.203-.081.404-.168.608-.247-5.632-7.712-14.738-12.725-25.019-12.725-10.281 0-19.387 5.013-25.02 12.725.207.08.409.167.614.25a40.619 40.619 0 0 0-6.443-2.002c.262.059.527.112.788.175a36.108 36.108 0 0 1 4.601-5.64 35.889 35.889 0 0 1 25.46-10.546zm26.682 17.164c.543-.182 1.09-.354 1.642-.514-6.18-9.026-16.559-14.951-28.324-14.951s-22.143 5.925-28.323 14.951c.552.16 1.099.332 1.64.514a32.84 32.84 0 0 1 3.583-4.258 32.56 32.56 0 0 1 23.1-9.568 32.56 32.56 0 0 1 23.1 9.568 32.84 32.84 0 0 1 3.582 4.258zM79.508 5.723c-4.4 0-8.333 1.994-10.952 5.124.392.388.776.784 1.153 1.187 2.319-2.848 5.849-4.672 9.799-4.672zM0 5.723v1.64c3.95 0 7.48 1.823 9.8 4.67.376-.402.76-.798 1.152-1.186A14.243 14.243 0 0 0 0 5.723Zm0 3.338v1.64c3.123 0 5.886 1.552 7.573 3.92.349-.441.708-.876 1.074-1.303-2-2.585-5.125-4.257-8.647-4.257Zm79.508 0c-3.522 0-6.647 1.672-8.647 4.257.366.427.725.862 1.074 1.304 1.687-2.369 4.45-3.922 7.573-3.922zm-39.754 1.61c7.834 0 15.2 3.05 20.739 8.59a29.751 29.751 0 0 1 2.718 3.132c.043-.019.087-.035.13-.053-.68.293-1.351.6-2.01.928.097-.049.192-.102.29-.15-5.054-6.535-12.966-10.749-21.867-10.749-8.9 0-16.813 4.214-21.867 10.75.098.047.193.1.29.149a40.766 40.766 0 0 0-2.01-.928c.043.018.087.034.13.053a29.748 29.748 0 0 1 2.718-3.132c5.54-5.54 12.905-8.59 20.739-8.59zm0 3.338c6.943 0 13.47 2.704 18.378 7.613a26.402 26.402 0 0 1 2.005 2.257c.259-.14.524-.269.786-.403a40.982 40.982 0 0 0-6.131 3.85c.34-.258.683-.515 1.032-.763-3.843-4.592-9.613-7.517-16.07-7.517-6.457 0-12.226 2.925-16.07 7.517.35.248.691.505 1.032.763a40.982 40.982 0 0 0-6.13-3.85c.261.134.526.264.785.403a26.407 26.407 0 0 1 2.005-2.257c4.909-4.91 11.435-7.613 18.378-7.613zm0 1.699c-7.63 0-14.43 3.523-18.883 9.023.473.28.937.572 1.397.87.461-.559.95-1.1 1.468-1.62a22.504 22.504 0 0 1 16.018-6.634c6.05 0 11.74 2.356 16.018 6.635.519.519 1.007 1.06 1.469 1.619.46-.298.923-.59 1.395-.87-4.454-5.5-11.253-9.023-18.882-9.023zm0 4.977c5.16 0 10.01 2.01 13.657 5.657.384.384.74.788 1.086 1.197a41.2 41.2 0 0 0-1.89 1.558c.19-.164.375-.331.567-.492-3.231-3.802-8.04-6.22-13.42-6.22-5.378 0-10.186 2.417-13.417 6.216.211.178.416.363.624.545a41.203 41.203 0 0 0-1.95-1.607c.347-.409.702-.813 1.086-1.197a19.187 19.187 0 0 1 13.657-5.657zM0 22.355v1.639A35.889 35.889 0 0 1 29.929 40h.94l.288-.064c-.085.018-.166.045-.25.064H48.6c-.084-.019-.164-.046-.249-.064.096.02.192.042.288.064h.94a35.889 35.889 0 0 1 29.929-16.006v-1.64h-.001c-13.356 0-25.078 6.962-31.76 17.448.032.006.065.015.098.022a40.886 40.886 0 0 0-3.94-.598c-.367-1.979-2.067-3.488-4.152-3.488s-3.785 1.51-4.151 3.488a40.887 40.887 0 0 0-3.942.598c.033-.007.066-.016.1-.022C25.077 29.316 13.355 22.355 0 22.354Zm39.754 1.669c4.877 0 9.244 2.202 12.177 5.659.156-.142.318-.275.477-.413a41.237 41.237 0 0 0-6.785 7.692c.206-.302.407-.607.62-.904a7.589 7.589 0 0 0-6.489-3.659 7.589 7.589 0 0 0-6.49 3.66c.214.296.415.601.621.903a41.238 41.238 0 0 0-6.815-7.721c.168.148.34.29.507.442 2.932-3.457 7.3-5.66 12.177-5.66zM0 25.693V27.6c.234 0 .465-.014.694-.034.02-.066.045-.13.067-.196 4.14.094 8.161.924 11.954 2.529A32.562 32.562 0 0 1 23.1 36.9c.975.976 1.854 2.022 2.689 3.1h2.065C21.626 31.342 11.479 25.693 0 25.693Zm79.508 0c-11.479 0-21.626 5.65-27.854 14.307h2.065c.835-1.078 1.714-2.124 2.69-3.1 3-3 6.494-5.356 10.384-7 3.793-1.605 7.814-2.436 11.954-2.53.022.066.047.13.068.196.228.02.459.034.693.034zm-39.754.03c-4.4 0-8.333 1.994-10.952 5.124.392.388.776.783 1.153 1.186 2.32-2.847 5.849-4.671 9.799-4.671 3.95 0 7.48 1.824 9.8 4.671.376-.403.76-.798 1.152-1.186a14.243 14.243 0 0 0-10.952-5.124zM0 29.03v1.64c7.834 0 15.2 3.05 20.739 8.59.24.24.458.493.688.739h2.148C17.895 33.31 9.463 29.031 0 29.031Zm79.508 0c-9.463 0-17.895 4.28-23.575 10.969h2.148c.23-.246.449-.5.688-.74 5.54-5.539 12.905-8.59 20.739-8.59zm-39.754.03c-3.522 0-6.647 1.672-8.647 4.257.366.427.725.861 1.075 1.304 1.687-2.369 4.449-3.921 7.572-3.921s5.885 1.552 7.573 3.92c.349-.442.708-.876 1.074-1.303-2-2.585-5.125-4.257-8.647-4.257ZM0 32.37v1.64c6.132 0 11.936 2.116 16.59 5.991h2.407C14.043 35.29 7.375 32.37 0 32.37Zm79.508 0c-7.374 0-14.043 2.922-18.996 7.631h2.405c4.655-3.875 10.459-5.991 16.591-5.991ZM0 35.709v1.639c3.78 0 7.418.92 10.66 2.653h3.062C9.815 37.31 5.102 35.708 0 35.708Zm79.508 0c-5.103 0-9.815 1.602-13.722 4.292h3.062a22.538 22.538 0 0 1 10.66-2.653v-1.64zm-39.754 1.67c1.144 0 2.108.74 2.466 1.763-.82-.049-1.633-.125-2.466-.125-.833 0-1.646.076-2.466.125a2.618 2.618 0 0 1 2.466-1.764zM0 39.045V40h6.168A20.854 20.854 0 0 0 0 39.046Zm79.508 0c-2.151 0-4.215.351-6.168.954h6.168z'  stroke-width='1' stroke='none' fill='%23073764ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    /* background-size: 50px 50px; */
    z-index: 0;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4rem;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.hero-tagline {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 1rem;
    background-color: var(--primary-darker);
    color: var(--neutral-light);
    font-size: 1rem;
    font-weight: 600;
    border-radius: 9999px;
}

.hero-headline {
    font-size: 6rem;
    line-height: 1.2;
    font-weight: 800;
    margin: 1rem 0;
}

.hero-headline span {
    color: var(--primary-light);
}

.hero-description {
    font-size: 1.125rem;
    color: var(--neutral-light);
    max-width: 42rem;
    margin: 1rem0;
    padding: 0;
}

.hero-cta-buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.hero-btn {
    width: auto;
    text-decoration: none;
    font-weight: 700;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 2px solid transparent;
}

.hero-btn-primary {
    background-color: var(--neutral-light);
    color: var(--primary-dark);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hero-btn-secondary {
    background-color: rgba(4, 35, 65, 0.5);
    border-color: var(--primary-light);
    color: var(--neutral-light);
}

.hero-visual {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 500px;
    width: fit-content;
    transition: all 300ms ease-in-out;
}

.hero-visual img {
    width: auto;
    height: 500px;
}

.hero-services-section {
    margin-top: 4rem;
    text-align: center;
}

.hero-services-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    max-width: 64rem;
    margin: auto;
}

.hero-service-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--glass-border);
    transition: all 300ms ease-in-out;
}

.hero-service-card img {
    margin: 2rem 0 3rem 0;
    height: 5rem;
    width: auto;
}

.hero-service-card h3 {
    text-align: center;
    font-size: 1.5rem;
    margin: 0;
}

.hero-service-card p {
    text-align: center;
    font-size: 1rem !important;
    color: var(--neutral-medium) !important;
    padding: 0 !important;
}

.hero-visual:hover,
.hero-service-card:hover,
.hero-btn-primary:hover,
.hero-btn-secondary:hover {
    transform: translateY(-3px);
}
/* Hero Section End */

/* Navigation Start */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding-top: 1rem;
    transition: all 300ms ease-in-out;
}

.header .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    transition: all 300ms ease-in-out;
}

.header.scrolled {
    transition: all 300ms ease-in-out;
}

.header.scrolled .nav {
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    transition: all 300ms ease-in-out;
}

.nav-link,
.nav-link-phone {
    font-weight: 600;
    color: var(--neutral-light);
    transition: color 0.3s ease-in-out;
}

.nav-link-phone {
    font-size: 1.875rem;
}

.nav-link:hover {
    color: #d1d5db;
}

.mobile-menu-btn {
    display: block;
    background: none;
    border: none;
    color: var(--neutral-light);
    cursor: pointer;
    padding: 0;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 100vw;
    backdrop-filter: blur(6px);
    background-color: rgba(7, 56, 102, 0.8);
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.close-btn {
    position: absolute;
    top: 2.25rem;
    right: 2.25rem;
    background: none;
    border: none;
    color: var(--neutral-light);
    cursor: pointer;
    margin: 0;
    padding: 0;
}
/* Navigation End */

/* Contact Form Start*/
.form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-input {
    width: inherit;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: #ffffff33;
    border: 2px solid #999999;
    backdrop-filter: blur(5px);
    color: white;
}
/* Contact Form End */

/* Footer Start */
footer {
    background-color: var(--primary-darker);
    color: var(--neutral-light);
    padding: 3rem;
}

.footer-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.footer-icons a {
    display: inline-block;
    margin: 0;
    padding: 0;
    transition: transform 300ms ease-in-out;
}

.footer-icons a:hover {
    transform: scale(1.05) rotate(5deg);
}

.footer-icons a img {
    display: block;
    width: 50px;
    height: 50px;
    filter: brightness(0) invert(1);
}

.footer-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5' y1='0' x2='5' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='15' y1='0' x2='15' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='25' y1='0' x2='25' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='35' y1='0' x2='35' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='45' y1='0' x2='45' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='55' y1='0' x2='55' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='65' y1='0' x2='65' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='75' y1='0' x2='75' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='85' y1='0' x2='85' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3Cline x1='95' y1='0' x2='95' y2='100' stroke='%23A0A0A0' stroke-opacity='0.1' stroke-width='5'/%3E%3C/svg%3E");
    background-size: 50px 50px;
}
/* Footer End */

/* Card Decoration Start */
.card {
    position: relative;
    padding: 1rem;
    overflow: hidden;
}

.card-light h4 {
    font-size: 2rem;
    width: fit-content;
    border-bottom: 2px solid var(--primary-color);
    text-align: center;
    margin: 0 auto;
    padding: 0 0 10px 0;
    color: var(--primary-color);
}

.card-light p {
    text-align: center;
    color: var(--primary-darker);
}

.card-dark h4 {
    font-size: 2rem;
    width: fit-content;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(
        to right,
        #EF4444 0%,
        #EF4444 25%,
        #3B82F6 25%,
        #3B82F6 50%,
        #10B981 50%,
        #10B981 75%,
        #F59E0B 75%,
        #F59E0B 100%
    );
    border-image-slice: 1;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 10px 0;
    color: var(--neutral-light);
}

.card-dark p {
    text-align: center;
    color: var(--neutral-medium);
}

.card-dark img,
.card-light img {
    margin: 3rem auto 1rem auto;
    padding: 1.5rem;
    width: 67%;
    height: auto;
    object-fit: cover;
}

.service-card {
    background: linear-gradient(
        135deg,
        #ec5f5f 0%,
        #ec5f5f 5%, 
        #558ada 5%,
        #558ada 10%,
        #f0b537 10%,
        #f0b537 15%,
        #13ce93 15%,
        #13ce93 20%,
        #ffffffee 20%,
        #ffffffee 100%
    );
}

.why-us-card {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 300ms ease-in-out;
}

.why-us-card:hover {
    box-shadow: 0 0 15px #042341aa;
}

.why-us-card img {
    width: 25% !important;
    height: auto !important;
    /* object-fit: cover; */
    margin: 0 !important;
    padding: 0 !important;
}

.why-us-texts {
    margin: 0 1rem;
}

.why-us-card .why-us-texts h4,
.why-us-card .why-us-texts p{
    margin: 0;
    margin-top: 1rem;
    text-align: left;
}

.why-us-card .why-us-texts p{
    margin-bottom: 1rem;
}

.four-color-hr {
    margin: 1rem 0 2rem 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        to right,
        #EF4444 0%,
        #EF4444 25%,
        #3B82F6 25%,
        #3B82F6 50%,
        #10B981 50%,
        #10B981 75%,
        #F59E0B 75%,
        #F59E0B 100%
    );
}

.card .recent-img {
    margin: 0;
    margin-bottom: 1rem;
    padding: 0;
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    object-fit: cover;
}
/* Card Decoration End */

.about-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='25' height='13' patternTransform='scale(4) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%230a335cff'/><path d='M15.044 22.25a2.5 2.5 0 01-2.5 2.5 2.5 2.5 0 01-2.5-2.5 2.5 2.5 0 012.5-2.5 2.5 2.5 0 012.5 2.5m2.5 0a5 5 0 01-5 5 5 5 0 01-5-5 5 5 0 015-5 5 5 0 015 5m2.5 0a7.5 7.5 0 01-7.5 7.5 7.5 7.5 0 01-7.5-7.5 7.5 7.5 0 017.5-7.5 7.5 7.5 0 017.5 7.5m2.5 0a10 10 0 01-10 10 10 10 0 01-10-10 10 10 0 0110-10 10 10 0 0110 10m2.5 0a12.5 12.5 0 01-12.5 12.5 12.5 12.5 0 01-12.5-12.5 12.5 12.5 0 0112.5-12.5 12.5 12.5 0 0112.5 12.5m0-9a2.5 2.5 0 00-2.363 1.688 12.5 12.5 0 011.672 3.212 12.5 12.5 0 010 .002 2.5 2.5 0 00.69.098 2.5 2.5 0 002.5-2.5 2.5 2.5 0 00-2.5-2.5zm0-2.5a5 5 0 00-4.143 2.203 12.5 12.5 0 014.053 7.795 5 5 0 00.09.002 5 5 0 005-5 5 5 0 00-5-5zm-.037-2.5a7.5 7.5 0 00-6.125 3.227 12.5 12.5 0 016.162 10.773 12.5 12.5 0 01-.041 1 7.5 7.5 0 00.04 0 7.5 7.5 0 007.5-7.5 7.5 7.5 0 00-7.5-7.5 7.5 7.5 0 00-.036 0zm.017-2.5a10 10 0 00-8.441 4.672 12.5 12.5 0 018.46 11.828 12.5 12.5 0 01-.495 3.488 10 10 0 00.496.012 10 10 0 0010-10 10 10 0 00-10-10 10 10 0 00-.02 0zm.006-2.5a12.5 12.5 0 00-10.998 6.588 12.5 12.5 0 01.29.039 12.5 12.5 0 01.005 0 12.5 12.5 0 01.29.045 12.5 12.5 0 01.003 0 12.5 12.5 0 01.58.113 12.5 12.5 0 01.004 0 12.5 12.5 0 011.123.3 12.5 12.5 0 01.02.007 12.5 12.5 0 01.006.002 12.5 12.5 0 01.277.093 12.5 12.5 0 01.8.31 12.5 12.5 0 01.032.01 12.5 12.5 0 01.033.016 12.5 12.5 0 01.492.223 12.5 12.5 0 01.016.008 12.5 12.5 0 01.004.002 12.5 12.5 0 01.523.271 12.5 12.5 0 01.006.002 12.5 12.5 0 01.254.143 12.5 12.5 0 01.004.002 12.5 12.5 0 01.252.15 12.5 12.5 0 01.004.002 12.5 12.5 0 01.248.156 12.5 12.5 0 01.004.002 12.5 12.5 0 01.244.16 12.5 12.5 0 01.004.002 12.5 12.5 0 01.24.168 12.5 12.5 0 01.004.002 12.5 12.5 0 01.236.174 12.5 12.5 0 01.004.002 12.5 12.5 0 01.233.18 12.5 12.5 0 01.004.002 12.5 12.5 0 01.228.183 12.5 12.5 0 01.004.002 12.5 12.5 0 01.223.19 12.5 12.5 0 01.004.002 12.5 12.5 0 01.218.195 12.5 12.5 0 01.032.03 12.5 12.5 0 01.185.173 12.5 12.5 0 01.004.002 12.5 12.5 0 01.209.205 12.5 12.5 0 01.004.004 12.5 12.5 0 01.205.21 12.5 12.5 0 01.002.001 12.5 12.5 0 01.2.215 12.5 12.5 0 01.003.004 12.5 12.5 0 01.193.219 12.5 12.5 0 01.004.003 12.5 12.5 0 01.19.223 12.5 12.5 0 01.004.004 12.5 12.5 0 01.363.463 12.5 12.5 0 01.004.004 12.5 12.5 0 01.172.236 12.5 12.5 0 01.004.004 12.5 12.5 0 01.166.24 12.5 12.5 0 01.002.004 12.5 12.5 0 01.162.244 12.5 12.5 0 01.002.004 12.5 12.5 0 01.156.248 12.5 12.5 0 01.03.05 12.5 12.5 0 01.251.437 12.5 12.5 0 01.016.029 12.5 12.5 0 01.01.02 12.5 12.5 0 01.263.507 12.5 12.5 0 01.002.004 12.5 12.5 0 01.125.266 12.5 12.5 0 01.002.004 12.5 12.5 0 01.118.267 12.5 12.5 0 01.002.004 12.5 12.5 0 01.113.272 12.5 12.5 0 01.002.004 12.5 12.5 0 01.105.273 12.5 12.5 0 01.002.004 12.5 12.5 0 01.098.275 12.5 12.5 0 01.002.004 12.5 12.5 0 01.092.278 12.5 12.5 0 01.002.003 12.5 12.5 0 01.086.282 12.5 12.5 0 01.002.004 12.5 12.5 0 01.078.28 12.5 12.5 0 01.002.005 12.5 12.5 0 01.072.285 12.5 12.5 0 01.002.004 12.5 12.5 0 01.067.285 12.5 12.5 0 01.023.121 12.5 12.5 0 01.035.17 12.5 12.5 0 01.086.496 12.5 12.5 0 01.014.09 12.5 12.5 0 010 .004 12.5 12.5 0 01.039.29 12.5 12.5 0 01.008.075 12.5 12.5 0 01.045.467 12.5 12.5 0 01.003.05 12.5 12.5 0 01.002.04 12.5 12.5 0 01.028.535 12.5 12.5 0 010 .02 12.5 12.5 0 010 .003 12.5 12.5 0 01.004.293 12.5 12.5 0 010 .014 12.5 12.5 0 01-.127 1.777 12.5 12.5 0 01-.1.586 12.5 12.5 0 01-.058.291 12.5 12.5 0 010 .002 12.5 12.5 0 01-.141.576 12.5 12.5 0 01-.08.287 12.5 12.5 0 01-.182.567 12.5 12.5 0 01-.207.557 12.5 12.5 0 01-.234.546 12.5 12.5 0 01-.26.536 12.5 12.5 0 01-.1.187 12.5 12.5 0 001.488.088 12.5 12.5 0 0012.5-12.5 12.5 12.5 0 00-12.5-12.5 12.5 12.5 0 00-.014 0zm-24.986 10a2.5 2.5 0 00-2.5 2.5 2.5 2.5 0 002.5 2.5 2.5 2.5 0 00.691-.098 12.5 12.5 0 011.672-3.214A2.5 2.5 0 00.044 13.25zm0-2.5a5 5 0 00-5 5 5 5 0 005 5 5 5 0 00.09-.002 12.5 12.5 0 014.054-7.795A5 5 0 00.044 10.75zm-.037-2.5a7.5 7.5 0 00-7.463 7.5 7.5 7.5 0 007.5 7.5 7.5 7.5 0 00.041 0 12.5 12.5 0 01-.041-1 12.5 12.5 0 016.162-10.773A7.5 7.5 0 00.044 8.25a7.5 7.5 0 00-.037 0zm.017-2.5a10 10 0 00-9.98 10 10 10 0 0010 10 10 10 0 00.498-.014 12.5 12.5 0 01-.498-3.486 12.5 12.5 0 018.46-11.828A10 10 0 00.045 5.75a10 10 0 00-.02 0zm-.082-2.5a12.5 12.5 0 00-12.486 12.5 12.5 12.5 0 0012.5 12.5 12.5 12.5 0 001.57-.1 12.5 12.5 0 01-1.482-5.9 12.5 12.5 0 0110.93-12.4A12.5 12.5 0 00-.044 3.25a12.5 12.5 0 00-.014 0zm12.602 3.5a2.5 2.5 0 00-2.39 1.773 12.5 12.5 0 01.82 1.327 12.5 12.5 0 011.57-.1 12.5 12.5 0 011.488.088 12.5 12.5 0 01.875-1.399 2.5 2.5 0 00-2.363-1.689zm0-2.5a5 5 0 00-4.178 2.256 12.5 12.5 0 012.608 3.344 12.5 12.5 0 011.57-.1 12.5 12.5 0 011.488.088 12.5 12.5 0 012.658-3.383 5 5 0 00-4.146-2.205zm-.037-2.5a7.5 7.5 0 00-6.15 3.266 12.5 12.5 0 014.617 4.834 12.5 12.5 0 011.57-.1 12.5 12.5 0 011.488.088 12.5 12.5 0 014.676-4.861 7.5 7.5 0 00-6.164-3.227 7.5 7.5 0 00-.037 0zm5.226 9.129a12.5 12.5 0 01.254.117 12.5 12.5 0 00-.254-.117zM12.524-.75a10 10 0 00-8.457 4.695 12.5 12.5 0 016.907 5.905 12.5 12.5 0 011.57-.1 12.5 12.5 0 011.488.088 12.5 12.5 0 016.973-5.916A10 10 0 0012.544-.75a10 10 0 00-.02 0zm5.21 11.629a12.5 12.5 0 01.253.117 12.5 12.5 0 00-.254-.117zM12.53-3.25a12.5 12.5 0 00-11.004 6.6 12.5 12.5 0 019.448 6.5 12.5 12.5 0 011.57-.1 12.5 12.5 0 011.488.088 12.5 12.5 0 019.526-6.498 12.5 12.5 0 00-11.014-6.59 12.5 12.5 0 00-.014 0zm5.203 14.129a12.5 12.5 0 01.254.117 12.5 12.5 0 00-.254-.117zM25.043.25a2.5 2.5 0 00-2.362 1.688 12.5 12.5 0 01.877 1.4 12.5 12.5 0 011.472-.088 12.5 12.5 0 01.014 0 12.5 12.5 0 012.389.23 2.5 2.5 0 00.11-.73 2.5 2.5 0 00-2.5-2.5zm0-2.5A5 5 0 0020.9-.047a12.5 12.5 0 012.659 3.385 12.5 12.5 0 011.472-.088 12.5 12.5 0 01.014 0 12.5 12.5 0 014.783.953 5 5 0 00.217-1.453 5 5 0 00-5-5zm-.036-2.5a7.5 7.5 0 00-6.125 3.227 12.5 12.5 0 014.676 4.86 12.5 12.5 0 011.472-.087 12.5 12.5 0 01.014 0 12.5 12.5 0 017.014 2.152 7.5 7.5 0 00.486-2.652 7.5 7.5 0 00-7.5-7.5 7.5 7.5 0 00-.037 0zm.017-2.5a10 10 0 00-8.441 4.672 12.5 12.5 0 016.975 5.916 12.5 12.5 0 011.472-.088 12.5 12.5 0 01.014 0 12.5 12.5 0 019.01 3.838 10 10 0 00.99-4.338 10 10 0 00-10-10 10 10 0 00-.02 0zm.006-2.5a12.5 12.5 0 00-10.998 6.59 12.5 12.5 0 019.526 6.498 12.5 12.5 0 011.472-.088 12.5 12.5 0 01.014 0 12.5 12.5 0 0110.678 6 12.5 12.5 0 001.822-6.5 12.5 12.5 0 00-12.5-12.5 12.5 12.5 0 00-.014 0zM14.69 8.75a12.5 12.5 0 00-.128.197 12.5 12.5 0 01.128-.197zm3.043 2.129a12.5 12.5 0 01.254.117 12.5 12.5 0 00-.254-.117zM.043.25a2.5 2.5 0 00-2.5 2.5 2.5 2.5 0 00.106.717A12.5 12.5 0 01-.058 3.25a12.5 12.5 0 01.014 0 12.5 12.5 0 011.57.1 12.5 12.5 0 01.881-1.41A2.5 2.5 0 00.044.25zm0-2.5a5 5 0 00-5 5 5 5 0 00.208 1.42 12.5 12.5 0 014.691-.92 12.5 12.5 0 01.014 0 12.5 12.5 0 011.57.1A12.5 12.5 0 014.19-.045 5 5 0 00.044-2.25zm-.036-2.5a7.5 7.5 0 00-7.463 7.5 7.5 7.5 0 00.469 2.605A12.5 12.5 0 01-.057 3.25a12.5 12.5 0 01.013 0 12.5 12.5 0 011.57.1 12.5 12.5 0 014.682-4.873A7.5 7.5 0 00.044-4.75a7.5 7.5 0 00-.037 0zm.017-2.5a10 10 0 00-9.98 10 10 10 0 00.96 4.275A12.5 12.5 0 01-.057 3.25a12.5 12.5 0 01.014 0 12.5 12.5 0 011.57.1 12.5 12.5 0 016.979-5.928A10 10 0 00.044-7.25a10 10 0 00-.02 0zm.006-2.5a12.5 12.5 0 00-12.486 12.5 12.5 12.5 0 001.78 6.428A12.5 12.5 0 01-.059 3.25a12.5 12.5 0 01.014 0 12.5 12.5 0 011.57.1 12.5 12.5 0 019.532-6.51A12.5 12.5 0 00.044-9.75a12.5 12.5 0 00-.014 0zM9.722 7.951a12.5 12.5 0 01.12.154 12.5 12.5 0 00-.12-.154z'  stroke-width='1' stroke='%23083965ff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    z-index: 0;
}

.service-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='160' height='160' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23ffc852ff'/><path d='M121.5 39.5V9.169c0-2.827 1.724-4.707 3.473-5.602l.707-.362c2.086-1.068 4.702-.631 6.359 1.026l1.985 1.985c1.349 1.349 3.235 2.018 5.14 2.128 12.336 0 12.336-18.505 0-18.505M40.75 39.499V9.17c0-2.827-1.724-4.707-3.473-5.602l-.707-.362c-2.086-1.068-4.702-.631-6.359 1.026l-1.985 1.985c-1.349 1.349-3.236 2.018-5.14 2.128-12.336 0-12.336-18.505 0-18.505m146.575 111.248c0-12.337-18.505-12.337-18.505 0 .11 1.904.78 3.79 2.128 5.139l1.985 1.985c1.657 1.657 2.094 4.273 1.026 6.36l-.362.706c-.895 1.75-2.775 3.474-5.602 3.474l-30.33-.001m49.66-63.086c0 12.336-18.505 12.336-18.505 0 .11-1.904.78-3.791 2.128-5.14l1.985-1.985c1.657-1.657 2.094-4.273 1.026-6.359l-.362-.707c-.895-1.749-2.775-3.474-5.602-3.473h-30.33m19.162 130.344c12.337 0 12.337-18.505 0-18.505-1.631 0-3.99.98-5.139 2.128l-1.985 1.985c-1.656 1.656-4.274 2.094-6.36 1.027l-.706-.362c-2.086-1.069-3.474-3.258-3.474-5.602v-34.302l.001-26.228c0-2.344-1.427-4.458-3.473-5.602l-.707-.361a5.83 5.83 0 00-6.36 1.026l-1.984 1.985c-1.144 1.152-3.508 2.128-5.14 2.128-12.336 0-12.336-18.505 0-18.505 1.904.11 3.715.86 5.14 2.128l1.985 1.985a5.812 5.812 0 006.359 1.026l.707-.362c1.287-1.485 3.473-2.775 3.473-5.602v-30.33M23.086 168.343c-12.336 0-12.336-18.505 0-18.505 1.632 0 3.992.98 5.14 2.128l1.985 1.985c1.656 1.656 4.274 2.094 6.359 1.027l.707-.362c2.086-1.069 3.474-3.258 3.474-5.602l-.001-34.302V88.485c0-2.344 1.387-4.533 3.473-5.602l.707-.361c2.085-1.068 4.703-.63 6.359 1.026l1.985 1.985c1.148 1.148 3.508 2.128 5.14 2.128 12.336 0 12.336-18.505 0-18.505-1.905.11-3.791.78-5.14 2.128l-1.985 1.985c-1.657 1.657-4.273 2.094-6.36 1.026l-.706-.362c-1.75-.895-3.474-2.775-3.474-5.602v-30.33m80.75 80.749H91.17c-2.827 0-4.707 1.724-5.602 3.473l-.362.707c-1.068 2.086-.631 4.702 1.026 6.359l1.985 1.985c1.349 1.349 2.018 3.236 2.128 5.14 0 12.336-18.505 12.336-18.505 0 0-1.632.98-3.992 2.128-5.14l1.985-1.985c1.656-1.656 2.094-4.274 1.026-6.359l-.361-.707c-1.069-2.086-3.258-3.474-5.602-3.473h-60.53c-2.344 0-4.533-1.387-5.602-3.473l-.362-.707c-1.067-2.085-.63-4.703 1.027-6.359l1.985-1.985c1.148-1.148 2.128-3.508 2.128-5.14 0-12.336-18.505-12.336-18.505 0M121.5 38H91.169c-2.827 0-4.707-1.724-5.602-3.473l-.362-.707c-1.068-2.086-.631-4.702 1.026-6.359l1.985-1.985c1.349-1.349 2.018-3.235 2.128-5.14C90.344 8 71.84 8 71.84 20.337c0 1.632.977 3.994 2.128 5.14.663.66 1.343 1.305 1.985 1.985 1.608 1.703 2.003 4.23 1.026 6.36-.11.24-.233.474-.361.706C75.48 36.577 73.359 38 71.015 38H36.712L10.485 38c-2.344 0-4.533 1.387-5.602 3.473-.12.236-.24.471-.362.707-1.067 2.085-.63 4.703 1.027 6.36l1.985 1.984c1.148 1.148 2.128 3.508 2.128 5.14C9.66 68-8.844 68-8.844 55.664'  stroke-width='1.5' stroke='%2300000011' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    z-index: 0;
}

.portfolio-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/icons/bg-gears.svg");
    background-size: 100px 100px;
    opacity: 0.1;
    z-index: 0;
    /* filter: brightness(100) invert(1); */
}

.testimonial-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/icons/bg-thumbs-up.svg");
    background-size: 100px 100px;
    z-index: 0;
    /* filter: brightness(100) invert(1); */
}

/* Carousel */
#carousel-component {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#carousel-container {
    overflow: hidden;
    /* padding: 1rem; */
}

#carousel-track {
    display: flex;
    gap: 1rem;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.carousel-card {
    flex-shrink: 0;
    width: 32.4%;
    padding: 0.5rem;
    backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* margin: 0.5rem; */
}

.carousel-card img {
    height: auto;
    object-fit: cover;
    padding: 1.5rem;
}

.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    border-radius: 9999px;
    padding: 0.5rem;
    box-shadow: var(--shadow-lg);
    border: none;
    cursor: pointer;
    transition: opacity 0.3s, background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-button:hover {
    background-color: white;
}

.nav-button:focus {
    outline: 2px solid var(--brand-color);
    outline-offset: 2px;
}

.nav-button:disabled {
    opacity: 0;
    cursor: not-allowed;
}

.nav-button svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--text-dark);
}

#prev-btn {
    left: 0;
    transform: translateY(-50%) translateX(-150%);
}

#next-btn {
    right: 0;
    transform: translateY(-50%) translateX(150%);
}





/* Media Queries for Responsiveness */
@media (width <=1280px) {
    .header.scrolled .nav {
        margin: 0 1rem;
    }
}

@media (width > 1024px) {
    .grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .about-section-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
    }

    .about-section-content>* {
        flex: 1;
    }

    .mobile-menu-btn {
        display: none;
    }

    .nav-desktop {
        display: flex;
    }
}

@media (768px < width <=1024px) {
    .grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-section-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
    }

    .about-section-content>* {
        flex: 1;
    }

    .mobile-menu-btn {
        display: none;
    }

    .nav-desktop {
        display: flex;
    }
}

@media (width <=768px) {
    .carousel-card {
        width: 100%;
    }

    #prev-btn {
        left: 0;
        transform: translateY(-50%) translateX(-50%);
    }

    #next-btn {
        right: 0;
        transform: translateY(-50%) translateX(50%);
    }

    .hero-grid {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        gap: 2rem;
        padding: 2rem 0 3rem 0;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .hero-headline {
        font-size: 3rem;
    }

    .hero-services-section {
        width: 100%;
        margin: 0;
    }

    .hero-services-grid {
        width: 100%;
        flex-direction: column;
    }

    .hero-service-card {
        width: 100%;
    }
}

@media (width >=1024px) {
    .hero h1 {
        font-size: 5rem;
    }

    .hero p {
        font-size: 1.5rem;
    }
}