/* Defining the custom font */
@font-face {
    font-family: 'OldEnglishFive'; 
    src: url('/fonts/OldEnglishFive.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Canterbury'; 
    src: url('/fonts/Canterbury.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'OldLondonAlternate'; 
    src: url('/fonts/OldLondonAlternate.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'OldLondon'; 
    src: url('/fonts/OldLondon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'EnglishTowne'; 
    src: url('/fonts/EnglishTowne.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'OldeEnglish'; 
    src: url('/fonts/OldeEnglish.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'BLKCHCRY'; 
    src: url('/fonts/BLKCHCRY.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Forgore'; 
    src: url('/fonts/Forgore.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'CircusAgeDEMO'; 
    src: url('/fonts/CircusAgeDEMO.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'SoulsideBetrayed'; 
    src: url('/fonts/SoulsideBetrayed.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'FenwickWoodtype'; 
    src: url('/fonts/FenwickWoodtype.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Chelsea'; 
    src: url('/fonts/Chelsea.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'ChelseaAlternates'; 
    src: url('/fonts/ChelseaAlternates.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Joilway'; 
    src: url('/fonts/Joilway.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Garogier'; 
    src: url('/fonts/Garogier.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'latinmodern-math'; 
    src: url('/fonts/latinmodern-math.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'NickerbockerNFttf'; 
    src: url('/fonts/NickerbockerNF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'NickerbockerNFotf'; 
    src: url('/fonts/NickerbockerNF.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Superme'; 
    src: url('/fonts/Superme.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}

@font-face {
    font-family: 'gabriele-bad'; 
    src: url('/fonts/gabriele-bad.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'gabriele-br'; 
    src: url('/fonts/gabriele-br.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'naghashi-Light'; 
    src: url('/fonts/naghashi-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Chapbook-Regular'; 
    src: url('/fonts/Chapbook-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'JANCIENT'; 
    src: url('/fonts/JANCIENT.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'IMFeDPit28P'; 
    src: url('/fonts/IMFeDPit28P.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'IMFeENit29P'; 
    src: url('/fonts/IMFeENit29P.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Junicode'; 
    src: url('/fonts/Junicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'TheanoDidot-Regular'; 
    src: url('/fonts/TheanoDidot-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Almendra-Regular'; 
    src: url('/fonts/Almendra-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Lohengrin'; 
    src: url('/fonts/Lohengrin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'DavysRibbons'; 
    src: url('/fonts/DavysRibbons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'MayflowerAntique'; 
    src: url('/fonts/MayflowerAntique.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'TheanoOldStyle-Regular'; 
    src: url('/fonts/TheanoOldStyle-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Nakula-RegularDemo'; 
    src: url('/fonts/Nakula-RegularDemo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'BlackGothicsDemoRegular'; 
    src: url('/fonts/BlackGothicsDemoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Charakterny'; 
    src: url('/fonts/Charakterny.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'BeryliumRg'; 
    src: url('/fonts/Berylium\ Rg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'Indira_K'; 
    src: url('/fonts/Indira_K.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'PowellAntique'; 
    src: url('/fonts/PowellAntique.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}
@font-face {
    font-family: 'AveriaSerifLibre'; 
    src: url('/fonts/averia-serif-libre.light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}

@font-face {
    font-family: 'latinmodern-math'; 
    src: url('/fonts/latinmodern-math.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with loading speed */
}







:root{
    --font-family-2: "Roboto", sans-serif;
    --font-family-2: "BLKCHCRY";
    
    --font-family-1: "Roboto", sans-serif;
    --font-family-sans-serif: "Roboto", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-1: 'BeryliumRg';
    --font-family-1: 'JetBrains Mono', 'Fira Code', 'IBM Plex Mono', monospace;--font-family-1: 'MayflowerAntique';
    

    
    --font-family-1: 'latinmodern-math', 'AveriaSerifLibre';
    --font-family-1: 'AveriaSerifLibre';
    --font-family-1: 'Indira_K';     
    --font-family-1: 'TheanoOldStyle-Regular';



    --yellow:#c22413;
    --aenon-carrot: #ed4807;
    --aenon-gold: #e1523f;
    --white: #fbfefe;
    --dark: #070d2d;

    --linear-bg-white1: linear-gradient(135deg, #b9c0c7, #6b6e71 55%, #111a23);
    --linear-bg-dark1: linear-gradient(135deg, #171B1E,  #1C2226 55%, #171B1E);
    --linear-bg-dark2: linear-gradient(125deg, #101820, #1b303d 55%, #101820);
    --linear-bg-dark3: linear-gradient(125deg, #101820 0%,     #172735 55%,  #101820 100%);

    --yellow-1:#717070;
    --normal-fontsize: 1rem;
    --normal-lineheight: 1.4rem;
}

*{
    font-family: var(--font-family-1);
    box-sizing: border-box;
    text-decoration: none;
    outline: none; 
    border:none;
    /*transition:all 0.25s linear;*/
}

h3{
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}

*::selection{
    background:var(--aenon-gold);
    color:#fff;
}

html{
   font-size: 96%;
    overflow-x: hidden;
}

body{
    overflow-x: hidden;
    
}

html::-webkit-scrollbar{
    width:1.4rem;
}

html::-webkit-scrollbar-track{
    background:#989797;
}

html::-webkit-scrollbar-thumb{
    background:var(--aenon-gold);
}

section{
    min-height: 100vh;
    padding:1rem 10%;
    padding-top: 8.5rem;
}









/* =========================================
   AENON PREMIUM NAVIGATION
========================================= */

.ac-nav-header {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 97%;
    z-index: 9;

    padding: 2px;
    border-radius: 12px;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    background: rgba(225, 230, 235, .3);

    -webkit-backdrop-filter: blur(7px) saturate(100%);
    backdrop-filter: blur(7px) saturate(100%);

    transition:
        top 0.35s ease,
        width 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        border-radius 0.5s ease,
        padding 0.5s ease,
        box-shadow 0.35s ease;
}

.ac-nav-header.ac-nav-scrolled {
    top: 0;
    width: 100%;
    background: rgba(244, 245, 245, 1);
    border-color: transparent;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
    border-radius: 0;
    padding: 0;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-item > a,
.ac-nav-header.ac-nav-scrolled .ac-nav-dropdown-trigger {
    color: #00070b;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-item.active > a {
    color: var(--aenon-gold);
}

.ac-nav-header.ac-nav-scrolled .ac-nav-item.active {
    background: #ffffff;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-topbar {
    border-radius: 0;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-item {
    height: 54px;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-logo {
    height: 40px;
}

.ac-nav-header.ac-nav-scrolled .ac-nav-item > a::after,
.ac-nav-header.ac-nav-scrolled .ac-nav-dropdown-trigger::after {
    bottom: 16px;
}
.ac-nav-header.ac-nav-scrolled .ac-nav-search {
    color: #000;
}




/* TOPBAR */
.ac-nav-topbar {
    width: 100%;
    height: auto;
    padding: 2px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #101820;
    color: #d5dde3;
    transition: border 0.5s ease;
}

.ac-nav-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 1600px;
    height: auto;
    margin: 0 auto;
    padding: 3px 5%;
}

.ac-nav-topbar-left,
.ac-nav-topbar-right {
    display: flex;
    align-items: center;
    gap: 17px;
    min-width: 0;
}

.ac-nav-top-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #d5dde3;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.ac-nav-top-item i {
    color: var(--aenon-gold);
    font-size: 11px;
}

.ac-nav-top-item:hover {
    color: var(--aenon-gold);
}

.ac-nav-top-divider {
    width: 1px;
    height: 14px;
    flex: 0 0 1px;
    background: rgba(255,255,255,0.2);
}

.ac-nav-socials {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ac-nav-socials a {
    display: grid;
    place-items: center;
    color: #d5dde3;
    font-size: 11px;
    text-decoration: none;
    transition: color 0.25s ease, transform 0.25s ease;
}

.ac-nav-socials a:hover {
    color: var(--aenon-gold);
    transform: translateY(-2px);
}

/* MAIN NAVIGATION BAR */

.ac-nav-main {
    position: relative;
    width: 100%;
}

.ac-nav-main-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    width: 100%;
    max-width: 1600px;
    min-height: 50px;
    margin: 0 auto;
    padding: 0 5%;
}

/* LOGO */

.ac-nav-logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 50px;
    max-width: 210px;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
    transition: height 0.4s ease;
}

.ac-nav-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 210px;
    object-fit: contain;
}

/* NAVIGATION LINKS */

.ac-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}

.ac-nav-menu-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.ac-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, 1.2vw, 10px);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ac-nav-item {
    position: static;
    display: flex;
    align-items: center;
    height: 65px;
    margin: 0;
    padding: 0;
    background: none;
    transition: height 0.4s ease, background 0.4s ease;
}
.ac-nav-item:hover {
    background: rgb(255, 255, 255);
}

.ac-nav-item:hover > a,
.ac-nav-item:hover > .ac-nav-dropdown-trigger {
    color: var(--aenon-gold);
}
.ac-nav-item:has(.ac-nav-has-dropdown:hover) > .ac-nav-dropdown-trigger {
    color: var(--aenon-gold);
}

.ac-nav-item > a,
.ac-nav-dropdown-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    padding: 0 5px;
    border: 0;
    background: transparent;
    color: #f6f7f8;
    font-family: inherit;
    font-weight: 500;
    font-size: 0.78rem;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.25s ease;
}

.ac-nav-item > a::after,
.ac-nav-dropdown-trigger::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 21px;
    left: 5px;
    height: 2px;
    background: var(--aenon-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease, bottom 0.3s ease;
}

.ac-nav-item > a:hover,
.ac-nav-dropdown-trigger:hover,
.ac-nav-item.active > a {
    color: var(--aenon-gold);
}

.ac-nav-item > a:hover::after,
.ac-nav-dropdown-trigger:hover::after,
.ac-nav-item.active > a::after {
    transform: scaleX(1);
}

.ac-nav-dropdown-trigger i {
    font-size: 9px;
    transition: transform 0.3s ease;
}

.ac-nav-has-dropdown:hover > .ac-nav-dropdown-trigger i {
    transform: rotate(180deg);
}


/* MEGA DROPDOWN */

.ac-nav-dropdown-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    display: flex;
    padding: 0;
    margin: 0;
    background: transparent;
    box-sizing: border-box;
    overflow: hidden; 
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 15px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0s linear 0.25s;

}


.ac-nav-has-dropdown:hover > .ac-nav-dropdown-wrapper{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0s;
}

.ac-nav-dropdown {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(190px, 0.65fr) minmax(0, 2fr);
    gap: 30px;
    width: min(1100px, 94vw);
    min-height: 0;
    padding: 30px;
    overflow-y: auto;
    border-top: 2px solid var(--aenon-gold);
    border-radius: 0 0 9px 9px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 4px 25px rgba(10, 25, 38, 0.17);
   
}




.ac-nav-dropdown-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 15px 20px 15px 5px;
    border-right: 1px solid #e9edf0;
}

.ac-nav-dropdown-heading > span {
    margin-bottom: 12px;
    color: var(--aenon-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-nav-dropdown-heading h3 {
    margin: 0 0 12px;
    color: #04192c;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

.ac-nav-dropdown-heading p {
    margin: 0;
    color: #77838d;
    font-size: 12px;
    line-height: 1.8;
}

.ac-nav-dropdown-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: center;
    gap: 12px;
    min-width: 0;
}

.ac-nav-dropdown-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 7px;
    border: 1px solid #edf0f2;
    border-radius: 6px;
    background: #ffffff;
    text-decoration: none;
    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.ac-nav-dropdown-card:hover {
    border-color: rgba(237,116,27,0.5);
    background: #fffaf6;
    box-shadow: 0 8px 20px rgba(15, 30, 42, 0.08);
    transform: translateY(-3px);
}

.ac-nav-dropdown-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
    background: #e9edf0;
}

.ac-nav-dropdown-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.ac-nav-dropdown-card:hover img {
    transform: scale(1.06);
}

.ac-nav-dropdown-card > span {
    padding: 11px 18px 7px 3px;
    color: #03192a;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

.ac-nav-dropdown-card > i {
    position: absolute;
    right: 9px;
    bottom: 11px;
    color: var(--aenon-gold);
    font-size: 10px;
}

/* RIGHT-SIDE ACTIONS */

.ac-nav-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 12px;
}

.ac-nav-search {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    background: transparent;
    transition: 0.25s ease;
}

.ac-nav-search:hover {
    border-color: var(--aenon-gold);
    color: var(--aenon-gold);
    transform: scale(1.05);
}

.ac-nav-quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 2px 10px;
    border-radius: 4px;
    background: var(--aenon-gold);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.25s ease, transform 0.25s ease;
}

.ac-nav-quote:hover {
    background: #172735;
    color: #ffffff;
    transform: translateY(-2px);
}

.ac-nav-quote i {
    margin: 0;
    font-size: 14px;
}

/* MOBILE EXTRAS HIDDEN ON DESKTOP */

.ac-nav-mobile-extras {
    display: none;
}

/* HAMBURGER */

.ac-nav-menu-toggle {
    display: none;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    width: 43px;
    height: 43px;
    padding: 8px;
    border: 0;
    border-radius: 2px;
    background: var(--aenon-gold);
    cursor: pointer;
}

.ac-nav-menu-toggle span {
    display: block;
    width: 100%;
    height: 1.5px;
    border-radius: 2px;
    background: #ffffff;
    transition:
        transform 0.3s ease,
        opacity 0.2s ease,
        width 0.3s ease;
}

.ac-nav-menu-toggle span:nth-child(2) {
    width: 72%;
}

.ac-nav-menu-toggle span:nth-child(3) {
    width: 85%;
}

.ac-nav-menu-toggle.is-open span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.ac-nav-menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
}

.ac-nav-menu-toggle.is-open span:nth-child(3) {
    width: 100%;
    transform: translateY(-8px) rotate(-45deg);
}

/* =========================================
   TABLET AND MOBILE NAVIGATION
========================================= */

@media (max-width: 1100px) {

    .ac-nav-main-inner {
        gap: 15px;
        padding-right: 3%;
        padding-left: 3%;
    }

    .ac-nav-logo {
        height: 44px;
        max-width: 130px;
    }

    .ac-nav-list {
        gap: 8px;
    }

    .ac-nav-item > a,
    .ac-nav-dropdown-trigger {
        font-size: 11px;
    }

    .ac-nav-quote {
        padding: 0 12px;
        font-size: 10px;
    }
}

@media (max-width: 900px) {

    

    .ac-nav-topbar-inner {
        padding-right: 4%;
        padding-left: 4%;
    }

    .ac-nav-topbar-left,
    .ac-nav-topbar-right {
        gap: 10px;
    }

    .ac-nav-top-item {
        font-size: 9px;
    }

    .ac-nav-main-inner {
        min-height: 60px;
        padding: 0 4%;
    }

    .ac-nav-menu-toggle {
        display: flex;
        margin-left: auto;
    }

    .ac-nav-actions {
        gap: 8px;
    }

    

    .ac-nav-menu {
        position: absolute;
        background: rgba(255, 255, 255, 0.99);
        top: 100%;
        left: 0;
        z-index: 5;
        display: block;
        width: 100%;
        height: calc(100dvh - 10px);
        padding: 0 2% 125px;
        box-shadow: 0 15px 25px rgba(10,25,38,0.13);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0s linear 0.3s;
    }

    .ac-nav-menu.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0s;
    }

    .ac-nav-menu-content {
        padding: 20px 5px;
        border: 0.1px solid #bfc6cd71;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;

    }

    .ac-nav-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .ac-nav-item,
    .ac-nav-header.ac-nav-scrolled .ac-nav-item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #edf0f2;
    }
    

    .ac-nav-item > a,
    .ac-nav-dropdown-trigger {
        display: flex;
        justify-content: space-between;
        width: 100%;
        min-height: 51px;
        height: auto;
        padding: 12px 8px;
        font-size: 13px;
        text-align: left;
        color: #021625;
    }

    .ac-nav-item > a::after,
    .ac-nav-dropdown-trigger::after {
        display: none;
    }

    .ac-nav-item.active > a {
        color: var(--aenon-gold);
    }

    .ac-nav-dropdown-trigger i {
        transition: transform 0.3s ease;
    }

    .ac-nav-has-dropdown.is-open > .ac-nav-dropdown-trigger {
        color: var(--aenon-gold);
    }

    .ac-nav-has-dropdown.is-open > .ac-nav-dropdown-trigger i {
        transform: rotate(180deg);
    }

    /* MOBILE DROPDOWNS */
    .ac-nav-dropdown-wrapper {
        position: relative;
        top: 0;
        left: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 0fr;
        min-width: 0;
        padding: 0;
        overflow: hidden;
        padding: 0;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none;

        transition:
            grid-template-rows 0.4s ease,
            padding 0.3s ease,
            opacity 0.3s ease,
            visibility 0s linear 0.4s;
    }

    .ac-nav-has-dropdown.is-open > .ac-nav-dropdown-wrapper {
        grid-template-rows: 1fr;
        pointer-events: auto;
        transform: none; 
        
        padding: 12px 10px;
        background: #edefef;
        opacity: 1;
        visibility: visible;
    
        transition:
            grid-template-rows 0.4s ease,
            padding 0.3s ease,
            opacity 0.3s ease,
            visibility 0s;
       
    }

    .ac-nav-dropdown {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        margin: 0;
        padding: 0;
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        
    }

   

    .ac-nav-dropdown-heading {
        padding: 0 0 10px;
        border-right: 0;
        border-bottom: 1px solid #e2e7ea;
    }

    .ac-nav-dropdown-heading h3 {
        font-size: 19px;
    }

    .ac-nav-dropdown-heading p {
        font-size: 11px;
    }

    .ac-nav-dropdown-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .ac-nav-dropdown-card {
        display: grid;
        grid-template-columns: 75px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-height: 65px;
        padding: 6px;
    }

    .ac-nav-dropdown-image {
        grid-row: 1;
        width: 75px;
        height: 53px;
        aspect-ratio: auto;
    }

    .ac-nav-dropdown-card > span {
        padding: 0 13px 0 0;
        font-size: 10px;
    }

    .ac-nav-dropdown-card > i {
        right: 7px;
        bottom: 50%;
        transform: translateY(50%);
    }

    .ac-nav-mobile-extras {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #e7ebee;
    }

    .ac-nav-mobile-extras a {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 11px 13px;
        border-radius: 4px;
        background: #172735;
        color: #ffffff;
        font-size: 11px;
        font-weight: 650;
        text-decoration: none;
    }

    .ac-nav-mobile-extras a i {
        color: var(--aenon-gold);
    }
}

@media (max-width: 600px) {

    .ac-nav-topbar-inner {
        justify-content: center;
    }

    .ac-nav-topbar-left {
        justify-content: center;
        width: 100%;
    }

    .ac-nav-topbar-left .ac-nav-top-item:first-child,
    .ac-nav-topbar-left .ac-nav-top-divider {
        display: none;
    }

    .ac-nav-topbar-right {
        display: none;
    }

    .ac-nav-topbar-left .ac-nav-top-item {
        font-size: 9px;
    }

    .ac-nav-main-inner {
        gap: 10px;
        padding: 0 4%;
    }

    .ac-nav-logo {
        height: 40px;
        max-width: 120px;
    }

    .ac-nav-menu-toggle {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .ac-nav-search {
        width: 36px;
        height: 36px;
    }

    .ac-nav-quote {
        display: none;
    }

    .ac-nav-dropdown-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ac-nav-dropdown-card {
        grid-template-columns: 70px minmax(0, 1fr);
    }

    .ac-nav-dropdown-image {
        width: 70px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .ac-nav-header *,
    .ac-nav-header *::before,
    .ac-nav-header *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}







































.btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid white;
    border-radius: 6px;
    color: white;
    background: none;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition:
        background 0.3s ease,
        transform 0.3s ease,
        border 0.3s ease,
        color 0.3s ease;
}

.btn:hover {
    background: var(--aenon-gold);
    color: rgb(2, 17, 50);
    border-color: transparent;
    transform: scale(1.05);
}

.list .btn{
    margin: 0;
}

.list .btn.active,
.list .btn:hover{
    background:var(--aenon-gold);
    color:#031a3d;
    border-color: transparent;
}








































.header{
    position: fixed;
    top:0; left:0;
    z-index: 2;
    width:100%;
    height: auto;
    background:#fff;
    padding: 0 8%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .logo{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: 3.5rem;
}
.header .logo img{
    height: 100%;
    margin: 0;
    display: block;
}

.header .navbar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    height: auto;
}

.navbar-content{
    position: relative;

}

.header .navbar ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 15px;
    margin: 0;
    padding: 0;
    height: auto;
}

.header .navbar ul li{
    padding: 0;
    margin: 0;
    height: auto;
}

.header .navbar ul li a,
.with-dropdown{
    font-size: 0.85rem;
    font-weight: 500;
    color:#000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.0rem;
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease;
}

.with-dropdown{
    position: relative;
    display: inline-flex;
    gap: 8px;
}

.with-dropdown::before{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%; transform: translateX(-50%);
    height: 1px;
    width: 80%;
    background: #232323;
    transition: all 0.3s ease;
}

.with-dropdown i {
    width: 15px;
    height: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    place-content: center;
    padding: 1.5px;
    margin: 0;
    box-sizing: border-box;
    gap: 0.75px;
    border: 0.25px solid rgba(26, 26, 26, 0.5);
    transition: all 0.3s ease;
}

.with-dropdown i > * {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0.5px solid rgba(9, 9, 9, 0.75);
    background: #e1e0e0;
    transition: all 0.3s ease;
}


.header .navbar ul li.active > a {
    color: white;
    background: var(--aenon-gold);
}
/* Hide the active styling while hovering another item */
.header .navbar ul:hover li.active:not(:hover) > a {
    color: #000;
    background: transparent;
}


.header .navbar ul li:hover > a,
.header .navbar ul li:hover > .with-dropdown {
    color: white;
    background: var(--aenon-gold);
}
.header .navbar ul li:hover > .with-dropdown::before {
    opacity: 0;
}
.header .navbar ul li:hover > .with-dropdown i, 
.header .navbar ul li:hover > .with-dropdown i > * {
    border-color: #cccdce;
}




.dropdownItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 90px;
    border: 1px solid rgb(235, 232, 232);
    padding: 2px;
    box-sizing: border-box;
}

.dropdownItem a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start !important;
    gap: 5px;
    width: 100%;
    height: 100% !important;
    text-decoration: none;
    padding: 4px !important;
    margin: 0;
    box-sizing: border-box;
    background: transparent;
    transition: background 0.3s ease;
}

.dropdownItem a:hover{
    background: #353535;
}

.dropdownItem .img-box {
    display: flex;
    width: 100%;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    border: 0.5px solid rgb(255, 255, 255);
    overflow: hidden;
}

.dropdownItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
}

.dropdownItem span {
    color: #fffefe;
    font-size: 0.8rem;
    line-height: 1rem;
}


#menu-bar {
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding: 8px;
    gap: 8px;
    background: var(--aenon-gold);
    height: 3.5rem;
    width: 3.5rem;
    position: relative;
    overflow: hidden;
}

#menu-bar span {
    display: block;
    position: absolute;
    left: 8px;
    height: 2px;
    background: #ffffff;
    transition:
        width 0.35s ease-in-out,
        transform 0.4s cubic-bezier(.68, -0.55, .27, 1.55),
        opacity 0.2s ease;
    will-change: transform;
}

#menu-bar span:nth-child(1) {
    width: calc(100% - 16px);
    top: 25%;
}

#menu-bar span:nth-child(2) {
     width: calc(100% - 28px);
    top: 50%;
}

#menu-bar span:nth-child(3) {
     width: calc(100% - 36px);
    top: 75%;
}

#menu-bar.navBar-open span:nth-child(1) {
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#menu-bar.navBar-open span:nth-child(2) {
    opacity: 0;
}

#menu-bar.navBar-open span:nth-child(3) {
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}










/* =========================================
   AENON PREMIUM HOMEPAGE HERO
========================================= */
.ac-home-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    padding: 85px 5%;
    overflow: hidden;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     /*
    background:
        radial-gradient(
            circle at 80% 25%,
            rgba(237, 116, 27, 0.13),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            #101820 0%,
            #172735 55%,
            #101820 100%
        );*/
    background: var(--linear-bg-dark1);
    
}

.ac-home-hero::before,
.ac-home-hero::after {
    content: '';
    position: absolute;
    top: -5rem;
    right: -5rem;
    background: var(--aenon-gold);
    border-radius: 1rem;
    transform: rotate(-55deg);
    transform-origin: right center;
    height: 10rem;
    width: 50%;
    animation: animte 1.2s linear 1;
    z-index: -1;
    opacity: 0.05;
}

@keyframes animte{
    0%{
        transform:rotate(25deg) translateY(0rem);
    }
}

.ac-home-hero::before{
    top:-10rem;
    background:#fff;
    box-shadow: 0 1rem 4rem rgba(0,0,0,.1);
    z-index: 0;
    
}


.ac-home-hero-background {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
   
}

.ac-home-hero-background::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -180px;
    z-index: 0;
    width: 600px;
    height: 600px;
    border: 0.01px dashed rgba(228, 110, 64, 0.15);
    border-radius: 50%;
    opacity: 0.5;
    box-shadow:
        0 0 0 60px rgba(237, 116, 27, 0.045),
        0 0 0 120px rgba(237, 116, 27, 0.05);

    z-index: -1;
    pointer-events: none;
}

.ac-home-hero-background::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 35px;
    z-index: 10;
    width: 45%;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--aenon-gold)
    ); 
}

.ac-home-hero-container {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr);
    align-items: center;
    gap: clamp(35px, 5vw, 75px);
    width: 100%;
    max-width: 1550px;
    margin: 0 auto;
}

/* INTRODUCTION */
.ac-home-introduction {
    position: relative;
    z-index: 2;
    max-width: 590px;
}

.ac-home-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    color: var(--aenon-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.ac-home-eyebrow span {
    width: 34px;
    height: 2px;
    background: var(--aenon-gold);
}

.ac-home-introduction h1 {
    margin: 0 0 25px;
    color: #ffffff;
    font-size: clamp(2.7rem, 4.5vw, 4.7rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -2px;
}

.ac-home-introduction h1 span {
    display: block;
    color: var(--aenon-gold);
}

.ac-home-introduction p {
    max-width: 520px;
    margin: 0;
    color: #c4cdd5;
    font-size: 16px;
    line-height: 1.9;
}

.ac-home-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 35px;
}

.ac-home-primary-btn,
.ac-home-secondary-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 45px;
    padding: 0 24px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.4s ease;
}
.ac-home-primary-btn::before,
.ac-home-secondary-btn::before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 24px;
    height: 1.5px;
    width: 15%;
    background: #e8e5e5;
    transition: 0.3s ease;
}

.ac-home-primary-btn {
    background: var(--aenon-gold);
    color: #ffffff;
}

.ac-home-primary-btn:hover {
    background: #ffffff;
    color: #0e1a27;
    transform: translateY(-3px);
}

.ac-home-primary-btn i, 
.ac-home-secondary-btn i {
    transition: transform 0.3s ease;
}

.ac-home-primary-btn:hover i, 
.ac-home-secondary-btn:hover i {
    transform: translateX(4px);
}
.ac-home-primary-btn:hover::before {
    width: calc(100% - 48px);
    background: #010f1c;
}
.ac-home-secondary-btn:hover::before {
    width: calc(100% - 48px);
    background: var(--aenon-gold);
}

.ac-home-secondary-btn {
    border: 1.2px solid rgba(255,255,255,0.8);
    color: #ffffff;
}

.ac-home-secondary-btn:hover {
    border-color: var(--aenon-gold);
    color: var(--aenon-gold);
    transform: translateY(-3px);
}

.ac-home-trust {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 55px;
    color: #c5ced5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-home-trust-line {
    width: 35px;
    height: 2px;
    background: #c5ced5;
}

/* CAROUSEL SHOWCASE */

.ac-home-showcase {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 10px;
    background: rgba(41, 40, 40, 0.25);
    box-shadow: 5px 5px 5px rgba(23, 22, 22, 0.25);
}

.ac-home-showcase-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 15px 3px;
    color: #e9ecee;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-home-showcase-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--aenon-gold);
    box-shadow: 0 0 12px rgba(230, 124, 49, 0.6);
}

/* Keep your carousel appearance, but remove its old outer
   square frame and place it inside this showcase. */

.ac-home-showcase .carousel-container {
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}



.ac-home-showcase-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 3px 0;
    color: #f0f2f4;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ac-home-showcase-footer span:first-child {
    color: var(--aenon-gold);
}
.ac-home-showcase-footer span:nth-child(2){
    border: 0.1px dashed #eff2f469;
    padding: 6px 20px;
    border-radius: 6px;
}

/* BOTTOM ACCENT */

.ac-home-bottom-accent {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 30%;
    height: 15px;
    background: var(--aenon-gold);
}

/* =========================================
   COMPANY CREDENTIALS STRIP
========================================= */

.ac-home-credentials-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    margin-top: 100px;
    background: rgba(240, 241, 241, 0.02);
    padding: 25px;
    border-radius: 12px;
}

.ac-home-credential {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 0;
}

.ac-home-credential-icon {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 6px;
    background: #f3f1f0;
    color: var(--aenon-gold);
    font-size: 22px;
}

.ac-home-credential div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ac-home-credential strong {
    color: #e8ecef;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.ac-home-credential div span {
    color: var(--aenon-gold);
    font-size: 11px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .ac-home-hero {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .ac-home-hero-container {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 30px;
    }

    .ac-home-introduction h1 {
        font-size: clamp(2.4rem, 5vw, 3.5rem);
    }

    .ac-home-showcase {
        padding: 12px;
    }
}

@media (max-width: 768px) {

    .ac-home-hero {
        min-height: auto;
        padding: 13rem 5% 50px;
    }

    .ac-home-hero-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 45px;
    }

    .ac-home-introduction {
        max-width: 650px;
    }

    .ac-home-introduction h1 {
        font-size: clamp(2.7rem, 9vw, 4rem);
        letter-spacing: -1.5px;
    }

    .ac-home-introduction p {
        font-size: 15px;
    }

    .ac-home-trust {
        margin-top: 35px;
    }

    .ac-home-showcase .aenon-carousel {
        height: 520px;
        min-height: 480px;
    }

    .ac-home-credentials-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ac-home-credential {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {

    
    .ac-home-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ac-home-introduction h1 {
        font-size: clamp(2.4rem, 11vw, 3.2rem);
    }

    .ac-home-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ac-home-primary-btn,
    .ac-home-secondary-btn {
        width: 100%;
    }

    .ac-home-showcase {
        padding: 9px;
    }

    .ac-home-showcase .aenon-carousel {
        height: 490px;
        min-height: 450px;
    }

    .ac-home-showcase-footer {
        font-size: 8px;
        letter-spacing: 0.7px;
    }

    .ac-home-credential div span {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-home-primary-btn,
    .ac-home-secondary-btn,
    .ac-home-primary-btn i {
        transition: none;
    }
}

















/* =========================================
   ABOUT SECTION
========================================= */

.about-section {
    --about-orange: #ED741B;
    --about-dark: #171B1E;
    --about-card: #22282C;
    --about-text: #F7F7F6;
    --about-muted: #A7AFB2;

    position: relative;
    width: 100%;
    padding: 50px 6%;
    overflow: hidden;
    color: var(--about-text);
    background: var(--linear-bg-dark1);

}


.about-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}





/* =========================================
   SECTION HEADING
========================================= */

.about-heading {
    max-width: 850px;
    margin: 0 auto 75px;
    text-align: center;
}

.about-eyebrow {
    display: inline-block;
    margin-bottom: 17px;

    color: var(--aenon-gold);

    font-size: .75rem;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.about-heading h2 {
    margin: 0;

    color: #fff;
    font-size: clamp(2.2rem, 4.5vw, 4rem);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.8px;
}

.about-heading h2 span {
    display: block;
    color: var(--aenon-gold);
}

.about-heading > p {
    max-width: 620px;
    margin: 10px auto 0;

    color: #d7dbde;

    font-size: 1rem;
    line-height: 1.8;
}


/* =========================================
   COMPANY INTRODUCTION
========================================= */

.about-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);

    align-items: center;

    gap: clamp(45px, 7vw, 110px);
}


/* Image composition */

.about-image-wrap {
    position: relative;
    min-width: 0;
    padding: 0 25px 30px 0;
}

.about-image {
    position: relative;

    width: 100%;
    height: clamp(390px, 43vw, 570px);

    overflow: hidden;

    background: #292F33;
}

.about-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.about-image-wrap:hover .about-image img {
    transform: scale(1.045);
}

.about-image-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        transparent 55%,
        rgba(13, 17, 20, .45)
    );

    pointer-events: none;
}

.about-image-accent {
    position: absolute;
    top: 22px;
    right: 0;

    width: 75%;
    height: 100%;
    box-sizing: border-box;

    border: 0.5px solid var(--aenon-gold);

    z-index: -1;
}

.about-image-caption {
    position: absolute;
    left: 25px;
    bottom: 0;

    display: flex;
    align-items: center;
    gap: 17px;

    min-width: 250px;
    padding: 8px 25px;

    background: var(--aenon-gold);
    color: #fff;

    box-shadow: 0 12px 35px rgba(0,0,0,.25);
}

.about-image-caption > span {
    font-size: 3rem;
    font-weight: 800;
    opacity: .65;
}

.about-image-caption div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about-image-caption strong {
    font-size: .95rem;
}

.about-image-caption small {
    font-size: .75rem;
    opacity: .85;
}


/* =========================================
   ABOUT CONTENT
========================================= */

.about-content {
    min-width: 0;
}

.about-section-label {
    display: block;
    margin-bottom: 17px;

    color: var(--aenon-gold);

    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.about-content h3 {
    margin: 0 0 25px;

    color: #fff;

    font-size: clamp(2rem, 3.4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
}

.about-content h3 span {
    color: var(--aenon-gold);
    font-family: 'Oswald', sans-serif;
}

.about-content > p {
    margin: 0 0 17px;
    color: #eef2f4;
    font-size: 0.96rem;
    line-height: 1.6;
}


/* Contractor credentials */

.about-credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    margin-top: 20px;
    padding: 20px 0;

    border-top: 1px solid rgba(255,255,255,.1);
}

.about-credential {
    display: flex;
    align-items: center;
    gap: 13px;
    flex: 1 1 40px;
    min-width: 0;
}

.about-credential > i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    flex-shrink: 0;

    border: 1px solid rgba(237,116,27,.35);
    background: rgba(237,116,27,.08);

    color: var(--aenon-gold);
    font-size: 1.3rem;
}

.about-credential div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about-credential strong {
    color: #fff;
    font-size: .9rem;
}

.about-credential span {
    color: #d9dddf;
    font-size: 0.78rem;
}


/* Discover link */

.about-link {
    
    margin-top: 30px;

}



/* =========================================
   MISSION, VISION AND VALUES
========================================= */

.about-principles {
    margin-top: 40px;
    padding: 0;
}

.about-principles-heading {
    max-width: 700px;
    margin-bottom: 25px;
    
}


.about-principles-heading h3 {
    margin: 0;

    color: #fff;

    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
}

.about-principles-heading h3 span {
    display: block;
    color: var(--aenon-gold);
    font-family: 'Oswald', sans-serif;
}

.about-principles-heading > p {
    max-width: 570px;
    margin: 15px 0 0;

    color: #e5e9ec;

    font-size: 0.95rem;
    line-height: 1.6;
}
    


/* Cards */

.about-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.about-principle-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 300px;
    padding: 32px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.075);

    background:
        linear-gradient(
            145deg,
            #252C30,
            #1D2327
        );

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}

.about-principle-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--aenon-gold);

    transition: width .4s ease;
}

.about-principle-card:hover {
    transform: translateY(-7px);

    border-color: rgba(237,116,27,.4);

    background:
        linear-gradient(
            145deg,
            #2B3236,
            #202629
        );
}

.about-principle-card:hover::before {
    width: 100%;
}


.about-principle-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
}

.about-principle-number {
    position: absolute;
    color: rgba(255,255,255,0.03);

    font-size: 8rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.about-principle-top > i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;

    width: 52px;
    height: 52px;

    background: rgba(237,116,27,.1);
    border: 0.1px solid;

    color: var(--aenon-gold);
    font-size: 1.3rem;
    transition: 0.35s ease;
}
.about-principle-card:hover i {
    transform: rotate(-15deg) scale(1.15);
    color: #d9dee396;
}

.about-principle-card h4 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 1.35rem;
    font-weight: 750;
}

.about-principle-card > p {
    margin: 0 0 25px;

    color: #cad5d8;

    font-size: 0.9rem;
    line-height: 1.85;
}

.about-principle-link {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: auto;

    color: var(--aenon-gold);
    border-top: 0.1px dashed;
    border-bottom: 0.1px dashed;
    padding: 4px;
    
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none;
}

.about-principle-link i {
    transition: transform 0.3s ease;
}

.about-principle-link:hover {
    color: #fff;
}

.about-principle-link:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .about-section {
        padding: 30px 5%;
    }

    .about-intro {
        gap: 45px;
    }

    .about-image {
        height: 440px;
    }

    .about-principles {
        margin-top: 90px;
    }

    .about-principle-card {
        padding: 25px;
    }

}

@media (max-width: 768px) {

    .about-section {
        padding: 25px 5%;
    }

    .about-heading {
        margin-bottom: 50px;
    }

    .about-intro {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-image-wrap {
        width: 100%;
        max-width: 600px;
        margin: auto;
    }

    .about-image {
        height: clamp(350px, 75vw, 480px);
    }

    .about-content {
        max-width: 700px;
    }

    .about-principles {
        margin-top: 75px;
    }

    .about-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 540px) {

    .about-section {
        padding: 20px 5%;
    }

    .about-heading h2 {
        font-size: 2.2rem;
        letter-spacing: -1px;
    }

    .about-heading > p {
        font-size: .9rem;
    }

    .about-image-wrap {
        padding-right: 15px;
        padding-bottom: 25px;
    }

    .about-image {
        height: 350px;
    }

    .about-image-caption {
        left: 15px;
        min-width: 220px;
        padding: 15px 18px;
    }

    .about-content h3 {
        font-size: 2rem;
    }

    .about-content > p {
        font-size: .9rem;
    }

    .about-credentials {
        flex-direction: column;
    }

    .about-principles-heading h3 {
        font-size: 2rem;
    }

    .about-principles-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .about-principle-card {
        min-height: 270px;
        padding: 27px;
    }

}

@media (min-width: 1800px) {

    .about-section {
        padding: 80px 6%;
    }

    .about-container {
        max-width: 1750px;
    }

    .about-intro {
        gap: 120px;
    }

    .about-content > p {
        font-size: 1.05rem;
    }

    .about-principle-card {
        min-height: 340px;
        padding: 40px;
    }

}
































































.ac-md-section {
    min-height: 100%;
    position: relative;
    width: 100%;
    padding: 40px 5%;
    background: var(--linear-bg-white1);
    overflow: hidden;
    box-sizing: border-box;
}

.ac-md-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}

.ac-md-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 65px;
}

.ac-md-eyebrow {
    display: inline-block;
    color: var(--aenon-gold);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.ac-md-heading h1 {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.ac-md-heading h1 span {
    color: var(--aenon-gold);
}

.ac-md-heading > p {
    color: #fefefe;
    font-size: 1rem;
    line-height: 1.8;
    margin: 18px 0;
}

.ac-md-heading-line {
    width: 20%;
    height: 2px;
    background: #ED741B;
    margin: 20px auto 0;
}

.ac-md-layout {
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1.5fr);
    align-items: start;
    gap: 20px;
}

/* Managing Director Profile */

.ac-md-profile {
    position: sticky;
    top: 30px;
    min-width: 0;
    height: 100%;
    border: 1px solid rgba(239, 187, 108, 0.4);
    padding: 10px;
}

.ac-md-profile-frame {
    position: relative;
    height: 70%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /*background: linear-gradient(145deg, #344b58, #1b2c37 65%, #101820);
    overflow: hidden;*/
    
    
}

.ac-md-profile-accent {
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1.5px solid rgba(241, 161, 104, 0.8);
    border-radius: 50%;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.ac-md-portrait {
    /*overflow: visible;*/
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.ac-md-profile-cutout {
    display: none;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    border-radius: 30px;
}

.ac-md-profile-details {
    padding: 25px 5px 10px;
    border-bottom: 1px solid rgba(234, 187, 116, 0.5);
}

.ac-md-profile-label {
    color: #f7e2d3;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-md-profile-details h2 {
    color: #06122a;
    font-size: 1.65rem;
    margin: 10px 0 5px;
}

.ac-md-profile-company {
    color: #f5f7f8;
    font-size: 0.9rem;
}

.ac-md-profile-rule {
    width: 45px;
    height: 2px;
    background: var(--aenon-gold);
    margin: 12px 0;
}

.ac-md-profile-details > p {
    color: #f2f4f6;
    font-size: 0.9rem;
    font-style: italic;
}

/* Message Panel */

.ac-md-message {
    min-width: 0;
    padding: 10px 42px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*background: linear-gradient(145deg, #f4f6f7, #e6ebee);
    box-shadow: 0 20px 55px rgba(0,0,0,.18);*/
}

.ac-md-message-top {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 10px 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eef1f3;
}

.ac-md-message-mark {
    color: var(--aenon-gold);
    font-family: Georgia, serif;
    font-size: 7rem;
    line-height: .7;
}

.ac-md-message-label {
    color: #fcfdfd;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-md-message-body p {
    color: #ffffff;
    font-size: 0.9rem;
    margin: 0 0 19px;
    text-align: justify;
}

.ac-md-message-body .ac-md-salutation {
    color: #f4dbae;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.ac-md-message-body .ac-md-closing {
    color: #f4d7ae;
    font-size: 1.1rem;
    font-weight: 600;
}

/* Signature */
.ac-md-signature {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #d2e1ea;
}

.ac-md-signature-regards {
    display: block;
    color: #ffffff;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.ac-md-signature h3 {
    color: #06202f;
    font-size: 1.35rem;
    margin: 0 0 5px;
}

.ac-md-signature > p {
    color: #e5edf2;
    font-size: .88rem;
    margin: 0;
}

.ac-md-signature-line {
    display: block;
    width: 55px;
    height: 3px;
    background: var(--aenon-gold);
    margin: 15px 0 13px;
}

.ac-md-signature-tagline {
    color: #f9fafb;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Responsive */

@media (max-width: 1050px) {
    .ac-md-layout {
        grid-template-columns: minmax(240px, .75fr) minmax(0, 1.4fr);
        gap: 30px;
    }

    .ac-md-message {
        padding: 30px;
    }

    .ac-md-profile-frame {
        height: 60%;
    }
}

@media (max-width: 800px) {
    .ac-md-section {
        padding: 75px 5%;
    }

    .ac-md-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
    }

    .ac-md-profile {
        position: relative;
        top: auto;
        max-width: 460px;
        width: 100%;
        margin: 0 auto;
    }

    .ac-md-profile-frame {
        height: 400px;
    }

    .ac-md-profile-details {
        text-align: center;
    }

    .ac-md-profile-rule {
        margin: 18px auto;
    }
}

@media (max-width: 550px) {
    .ac-md-section {
        padding: 60px 5%;
    }

    .ac-md-heading {
        margin-bottom: 40px;
    }

    .ac-md-message {
        padding: 25px 20px;
    }

    .ac-md-message-body p {
        font-size: .91rem;
        line-height: 1.85;
        text-align: left;
    }

    .ac-md-profile-frame {
        height: 300px;
    }

    .ac-md-message-mark {
        font-size: 4rem;
    }

    .ac-md-message-label {
        font-size: .65rem;
        letter-spacing: 1.3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-md-section {
        scroll-behavior: auto;
    }
}






/* =========================================
   CONTACT PAGE
========================================= */

.ac-contact-page {
    position: relative;
    width: 100%;
    padding: 13rem 5% 50px;
    background: linear-gradient(135deg, #101820, #1b303d 55%, #101820);
    overflow: hidden;
    box-sizing: border-box;
}

.ac-contact-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================
   PAGE HEADING
========================================= */

.ac-contact-heading {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.ac-contact-brand {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-bottom: 25px;
}

.ac-contact-brand span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #ED741B;
    border: 1px solid rgba(237, 116, 27, .55);
    font-size: 1rem;
    font-weight: 800;
    transform: skew(-8deg);
}

.ac-contact-eyebrow {
    display: block;
    color: #ED741B;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 13px;
}

.ac-contact-heading h1 {
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 3.3rem);
    font-weight: 700;
    margin: 0;
}

.ac-contact-heading h1 span {
    color: #ED741B;
}

.ac-contact-heading > p {
    color: #bdc9ce;
    font-size: 1rem;
    line-height: 1.8;
    margin: 18px 0;
}

.ac-contact-heading-line {
    width: 65px;
    height: 3px;
    background: #ED741B;
    margin: 22px auto 0;
}


/* =========================================
   MAIN CONTACT LAYOUT
========================================= */

.ac-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr);
    align-items: stretch;
    gap: 35px;
}


/* =========================================
   CONTACT INFORMATION
========================================= */

.ac-contact-information {
    min-width: 0;
    background: #192b36;
    border: 1px solid rgba(255, 255, 255, .09);
}

.ac-contact-visual {
    position: relative;
    height: 330px;
    overflow: hidden;
}

.ac-contact-visual > img:first-child {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ac-contact-visual-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(12, 24, 32, .88),
        rgba(12, 24, 32, .25)
    );
}

.ac-contact-visual-content {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 35px;
    right: 20px;
}

.ac-contact-visual-content > span {
    color: #ED741B;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-contact-visual-content h2 {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1.15;
    margin: 12px 0;
}

.ac-contact-visual-content p {
    color: #e1e6e9;
    font-size: .9rem;
}

.ac-contact-visual-frame {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.ac-contact-details {
    padding: 30px;
}

.ac-contact-details > h2 {
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 10px;
}

.ac-contact-details-intro {
    color: #b8c5cb;
    font-size: .9rem;
    line-height: 1.7;
    margin-bottom: 27px;
}

.ac-contact-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 23px;
}

.ac-contact-detail-icon {
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ED741B;
    background: rgba(237, 116, 27, .12);
    border: 1px solid rgba(237, 116, 27, .25);
}

.ac-contact-detail-item > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ac-contact-detail-item span {
    color: #ED741B;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ac-contact-detail-item a,
.ac-contact-detail-item p {
    color: #e1e7ea;
    font-size: .9rem;
    text-decoration: none;
    margin: 0;
    overflow-wrap: anywhere;
    line-height: 1.6;
}

.ac-contact-detail-item a:hover {
    color: #ED741B;
}


/* =========================================
   SOCIAL LINKS
========================================= */

.ac-contact-social {
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 23px;
    margin-top: 10px;
}

.ac-contact-social > span {
    color: #ED741B;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ac-contact-social-links {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.ac-contact-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #fff;
    background: #263d4a;
    border: 1px solid rgba(255, 255, 255, .12);
    text-decoration: none;
    transition: .3s ease;
}

.ac-contact-social-links a:hover {
    color: #fff;
    background: #ED741B;
    border-color: #ED741B;
    transform: translateY(-3px);
}


/* =========================================
   ENQUIRY FORM
========================================= */

.ac-contact-form-panel {
    min-width: 0;
    padding: 40px;
    background: linear-gradient(145deg, #f4f6f7, #e5eaed);
    border-radius: 4px;
}

.ac-contact-form-heading {
    margin-bottom: 30px;
}

.ac-contact-form-heading > span {
    color: #ED741B;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-contact-form-heading h2 {
    color: #172832;
    font-size: 1.9rem;
    margin: 10px 0;
}

.ac-contact-form-heading p {
    color: #65737b;
    font-size: .9rem;
    line-height: 1.7;
    margin: 0;
}

.ac-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
}

.ac-contact-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ac-contact-field-full {
    grid-column: 1 / -1;
}

.ac-contact-field label {
    color: #263a45;
    font-size: .83rem;
    font-weight: 700;
    margin-bottom: 9px;
}

.ac-contact-field input,
.ac-contact-field textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 14px 15px;
    color: #172832;
    background: #fff;
    border: 1px solid #d2dade;
    border-radius: 2px;
    outline: none;
    font-family: inherit;
    font-size: .9rem;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.ac-contact-field input {
    height: 50px;
}

.ac-contact-field textarea {
    resize: vertical;
    min-height: 150px;
}

.ac-contact-field input::placeholder,
.ac-contact-field textarea::placeholder {
    color: #9aa5ab;
}

.ac-contact-field input:focus,
.ac-contact-field textarea:focus {
    border-color: #ED741B;
    box-shadow: 0 0 0 3px rgba(237, 116, 27, .1);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.ac-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    min-width: 190px;
    padding: 15px 23px;
    margin-top: 25px;
    color: #fff;
    background: #ED741B;
    border: 1px solid #ED741B;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.ac-contact-submit:hover {
    color: #ED741B;
    background: transparent;
}

.ac-contact-submit i {
    transition: transform .3s ease;
}

.ac-contact-submit:hover i {
    transform: translateX(5px);
}

.ac-contact-form-note {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #78858c;
    font-size: .75rem;
    margin-top: 22px;
}

.ac-contact-form-note i {
    color: #ED741B;
}


/* =========================================
   HEAD OFFICE MAP
========================================= */

.ac-contact-map-section {
    width: 100%;
    margin-top: 85px;
}

.ac-contact-map-heading {
    max-width: 750px;
    margin: 0 auto 30px;
    text-align: center;
}

.ac-contact-map-kicker {
    display: block;
    color: #ED741B;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
}

.ac-contact-map-heading h2 {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    margin: 0 0 13px;
}

.ac-contact-map-heading h2 span {
    color: #ED741B;
}

.ac-contact-map-heading p {
    color: #bdc9ce;
    font-size: .95rem;
    line-height: 1.7;
    margin: 0;
}


/* Map Address */

.ac-contact-map-address {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto 25px;
}

.ac-contact-map-address-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    color: #ED741B;
    background: rgba(237, 116, 27, .12);
    border: 1px solid rgba(237, 116, 27, .3);
}

.ac-contact-map-address > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ac-contact-map-address strong {
    color: #fff;
    font-size: .95rem;
}

.ac-contact-map-address span {
    color: #bdc9ce;
    font-size: .85rem;
    line-height: 1.5;
}


/* Map Frame */

.ac-contact-map-frame {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: #263d55;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 5px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .2);
}

.ac-contact-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}


/* =========================================
   RESPONSIVE DESIGN
========================================= */

@media (max-width: 1050px) {

    .ac-contact-layout {
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: 22px;
    }

    .ac-contact-form-panel {
        padding: 30px;
    }

    .ac-contact-details {
        padding: 25px;
    }

}


@media (max-width: 800px) {

    
    .ac-contact-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }

    .ac-contact-information {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .ac-contact-visual {
        height: 100%;
        min-height: 420px;
    }

    .ac-contact-map-section {
        margin-top: 65px;
    }

    .ac-contact-map-frame {
        height: 400px;
    }

}


@media (max-width: 550px) {

   

    .ac-contact-heading {
        margin-bottom: 40px;
    }

    .ac-contact-information {
        display: block;
    }

    .ac-contact-visual {
        height: 300px;
        min-height: 0;
    }

    .ac-contact-details {
        padding: 25px 20px;
    }

    .ac-contact-form-panel {
        padding: 25px 20px;
    }

    .ac-contact-form-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .ac-contact-field-full {
        grid-column: auto;
    }

    .ac-contact-form-heading h2 {
        font-size: 1.6rem;
    }

    .ac-contact-submit {
        width: 100%;
    }

    .ac-contact-map-section {
        margin-top: 50px;
    }

    .ac-contact-map-address {
        justify-content: flex-start;
        padding: 0 5px;
    }

    .ac-contact-map-frame {
        height: 340px;
        border-radius: 4px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .ac-contact-social-links a,
    .ac-contact-submit,
    .ac-contact-submit i {
        transition: none;
    }

}





















/*

.home {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding:5rem 5%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: url('images/image1.png') center center / cover no-repeat;
    background:linear-gradient(90deg, rgba(0, 0, 0, 0.75), rgba(4, 3, 48, 0.5),rgba(95, 105, 116, 0.4)), url(images/image1.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

@media (max-width: 768px) {
    .home {
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;

        background-image:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.5),
                rgba(4, 3, 48, 0.3),
                rgba(95, 105, 116, 0.2)
            ),
            url('images/image1.png');
    }
}

*/

/*
.globe-like {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 50%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 5%;

    background:
        radial-gradient(
            circle at 35% 15%,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(255, 220, 150, 0.15) 20%,
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #8f99a2 0%,
            #314356 45%,
            #101820 100%
        );

    box-shadow:
        inset -15px -25px 45px rgba(0, 0, 0, 0.55),
        inset 10px 10px 35px rgba(255, 255, 255, 0.12);

     
}*/
/* =========================================
   ABOUT COMPANY STATISTICS
========================================= */

.about-stats {
    position: relative;
    margin-top: 110px;
    padding: 65px 0;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}


/* Heading */

.about-stats-heading {
    margin-bottom: 40px;
}

.about-stats-heading h3 {
    margin: 0;

    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 800;
    letter-spacing: -1px;
}

.about-stats-heading h3 span {
    color: var(--aenon-gold);
    font-family: 'Oswald', sans-serif;
}

.about-stats-heading p {
    max-width: 550px;
    margin: 12px 0 0;

    color: #dde1e3;
    font-size: .93rem;
    line-height: 1.8;
}


/* Statistics grid */

.about-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

/* Individual cards */
.about-stat-card {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 1500px;
    min-width: 0;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 27px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(
            145deg,
            #252C30,
            #1C2226
        );
    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}

.about-stat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 15%,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(255, 220, 150, 0.15) 20%,
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #bfc5ca 0%,
            #314356 45%,
            #101820 100%
        );

    box-shadow:
        inset -15px -25px 45px rgba(0, 0, 0, 0.55),
        inset 10px 10px 35px rgba(255, 255, 255, 0.12);

    animation: earth-spin 20s linear infinite;
}

@keyframes earth-spin {
    to {
        transform: rotate(360deg);
    }
}

.about-stat-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;

    transition: border-color 0.4s ease;
}



.about-stat-card:hover {
    transform: translateY(-6px);
    border-color: rgba(237,116,27,.4);

    background:
        linear-gradient(
            145deg,
            #2B3236,
            #202629
        );
}

.about-stat-card:hover::after {
    border-color: var(--aenon-gold);
}


/* Icon */

.about-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    width: 40px;
    height: 40px;
    margin: 0;
    margin-bottom: 5px;
    color: var(--aenon-gold);
    background: rgba(223, 202, 150, 0.2);z-index: 1;
    font-size: 1.4rem;
}


/* Numbers */

.about-stat-number {
    display: flex;
    align-items: baseline;
    gap: 3px;

    color: #fff;

    font-size: clamp(1.3rem, 2.6vw, 2.8rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
    font-variant-numeric: tabular-nums;
}

.about-stat-number .stat-plus {
    color: var(--aenon-gold);
    font-size: 2rem;
    font-weight: 700;
}


/* Labels */

.about-stat-card h4 {
    margin: 5px 0;

    color: #fff;

    font-size: 0.85rem;
    font-weight: 750;
}

.about-stat-card p {
    width: 100%;
    text-align: center;
    margin: 0;

    color: var(--aenon-gold);

    font-size: 0.7rem;
    line-height: 1.0;
}


/* Background index */

.about-stat-index {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    color: rgba(255,255,255,0.035);
    font-size: 5.5rem;
    font-weight: 900;
    line-height: 1;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .about-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .about-stats {
        margin-top: 75px;
        padding: 55px 0;
    }

    .about-stats-grid {
        gap: 12px;
    }

    .about-stat-card {
        padding: 20px;
    }

    .about-stat-number {
        font-size: 2.6rem;
    }

    .about-stat-card h4 {
        font-size: .9rem;
    }

    .about-stat-card p {
        font-size: .77rem;
    }

}

@media (max-width: 380px) {

    .about-stats-grid {
        grid-template-columns: 1fr;
    }

   

}



/* =========================================
   ORGANISATION PAGE - GENERAL
========================================= */

.ac-org-container {
    width: min(1200px, 90%);
    margin: 60px auto 0;
}

.ac-org-eyebrow {
    display: inline-block;
    color: var(--aenon-gold);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}


/* =========================================
   HERO
========================================= */

.ac-org-hero {
    position: relative;
    isolation: isolate;
    min-height: 400px;
    padding: 75px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #171b1e;
    color: #fff;
}

.ac-org-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg,
            rgba(15,19,22,.96),
            rgba(15,19,22,.65)),
        url("images/image1.png") center / cover no-repeat;
}

.ac-org-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        120deg,
        rgba(237,116,27,.13),
        transparent 65%
    );
}

.ac-org-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    text-align: center;
}

.ac-org-hero-content h1 {
    color: #fff;
    font-size: clamp(2.4rem, 5.5vw, 4.2rem);
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 20px;
}

.ac-org-hero-content h1 span {
    color: #ED741B;
}

.ac-org-hero-content > p {
    max-width: 700px;
    margin: 0 auto;
    color: #c3c9cc;
    font-size: 1rem;
    line-height: 1.9;
}

.ac-org-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
    font-size: .9rem;
}

.ac-org-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: color .3s;
}

.ac-org-breadcrumb a:hover {
    color: #ED741B;
}

.ac-org-breadcrumb i,
.ac-org-breadcrumb span {
    color: #ED741B;
}

.ac-org-decoration {
    position: absolute;
    width: 400px;
    height: 400px;
    right: -150px;
    bottom: -240px;
    border: 1px solid rgba(237,116,27,.4);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(237,116,27,.035),
        0 0 0 75px rgba(237,116,27,.025);
    pointer-events: none;
}


/* =========================================
   INTRODUCTION
========================================= */

.ac-org-introduction {
    padding: 100px 0;
    background: var(--linear-bg-dark1);
}

.ac-org-intro-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 75px;
    align-items: center;
}

.ac-org-intro-content h2 {
    color: #fff;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 25px;
}

.ac-org-intro-content h2 span {
    color: #ED741B;
}

.ac-org-intro-content > p {
    color: #b2bbbf;
    font-size: .97rem;
    line-height: 1.95;
    margin-bottom: 18px;
}

.ac-org-intro-visual {
    position: relative;
    min-width: 0;
    padding: 0 18px 18px 0;
}

.ac-org-visual-frame {
    position: relative;
    z-index: 1;
    height: 440px;
    overflow: hidden;
    background: #252b2f;
}

.ac-org-visual-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.ac-org-intro-visual:hover .ac-org-visual-frame img {
    transform: scale(1.04);
}

.ac-org-visual-accent {
    position: absolute;
    top: 18px;
    right: 0;
    width: 75%;
    height: 85%;
    border: 2px solid #ED741B;
}

.ac-org-visual-label {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 30px;
    padding: 17px 23px;
    background: #ED741B;
    color: #fff;
    min-width: 235px;
}

.ac-org-visual-label span {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.ac-org-visual-label strong {
    font-size: 1rem;
}


/* =========================================
   ORGANISATION CHART
========================================= */


.ac-org-section-heading {
    max-width: 760px;
    text-align: center;
    margin: 0 auto 55px;
}

.ac-org-section-heading h2 {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 18px;
}

.ac-org-section-heading h2 span {
    color: #ED741B;
}

.ac-org-section-heading > p {
    color: #aeb7bb;
    font-size: .97rem;
    line-height: 1.9;
    margin: 0;
}

.ac-org-chart-wrapper {
    background: #fff;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 55px rgba(0,0,0,.2);
}

.ac-org-chart-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 5px 5px 22px;
    border-bottom: 1px solid #e8e8e8;
}

.ac-org-chart-heading span {
    color: #ED741B;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-org-chart-heading h3 {
    color: #22282c;
    font-size: 1.35rem;
    font-weight: 800;
    margin: 5px 0 0;
}

.ac-org-chart-heading > i {
    color: #ED741B;
    font-size: 2rem;
}

.ac-org-chart-image {
    width: 100%;
    min-height: 400px;
    padding: 25px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ac-org-chart-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ac-org-chart-caption {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 5px 3px;
    border-top: 1px solid #e8e8e8;
    color: #737b80;
    font-size: .84rem;
}

.ac-org-chart-caption i {
    color: #ED741B;
}


/* =========================================
   ORGANISATIONAL PRINCIPLES
========================================= */

.ac-org-principles {
    padding: 100px 0;
    background: var(--linear-bg-dark1);
}

.ac-org-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ac-org-principle-card {
    position: relative;
    min-width: 0;
    min-height: 275px;
    padding: 32px 28px;
    background: linear-gradient(145deg, #282f33, #202529);
    border: 1px solid rgba(255,255,255,.07);
    overflow: hidden;
    transition: transform .35s ease, border-color .35s ease;
}

.ac-org-principle-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #ED741B;
    transition: width .35s ease;
}

.ac-org-principle-card:hover {
    transform: translateY(-6px);
    border-color: rgba(237,116,27,.4);
}

.ac-org-principle-card:hover::before {
    width: 100%;
}

.ac-org-principle-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: rgba(237,116,27,.12);
    color: #ED741B;
    font-size: 1.35rem;
    margin-bottom: 22px;
}

.ac-org-principle-card > span {
    position: absolute;
    top: 32px;
    right: 28px;
    color: rgba(255,255,255,.2);
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-org-principle-card h3 {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 13px;
}

.ac-org-principle-card p {
    color: #aeb7bb;
    font-size: .91rem;
    line-height: 1.85;
    margin: 0;
}


/* =========================================
   CLOSING
========================================= */

.ac-org-closing {
    position: relative;
    isolation: isolate;
    padding: 25px 6%;
    margin: 15px 0;
    overflow: hidden;
    text-align: center;
    overflow: visible;
}

.ac-org-closing::before {
    content: "";
    position: absolute;
    left: 25%;
    top: 25%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow:
        0 0 0 60px rgba(183, 150, 127, 0.02),
        0 0 0 120px rgba(206, 138, 90, 0.02),
        0 0 0 180px rgba(212, 96, 13, 0.02);

    z-index: -1;
    pointer-events: none;
}

.ac-org-closing-content {
    max-width: 780px;
    margin: 0 auto;
}

.ac-org-closing h2 {
    color: #fff;
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px;
}

.ac-org-closing h2 span {
    color: var(--aenon-gold);
}

.ac-org-closing p {
    max-width: 650px;
    margin: 0 auto 30px;
    color: #b5bdc1;
    font-size: .98rem;
    line-height: 1.9;
}

.ac-org-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 27px;
    color: #fff;
    background: #ED741B;
    border: 1px solid #ED741B;
    text-decoration: none;
    font-size: .93rem;
    font-weight: 700;
    transition: .3s ease;
}

.ac-org-button:hover {
    color: #ED741B;
    background: transparent;
    transform: translateY(-3px);
}

.ac-org-button i {
    transition: transform .3s ease;
}

.ac-org-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .ac-org-intro-grid {
        gap: 40px;
    }

    .ac-org-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 768px) {

    .ac-org-hero {
        min-height: 360px;
    }

    .ac-org-introduction,
    .ac-org-principles {
        padding: 75px 0;
    }

    .ac-org-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ac-org-intro-visual {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .ac-org-visual-frame {
        height: 390px;
    }

    .ac-org-chart-wrapper {
        padding: 17px;
    }

    .ac-org-chart-image {
        justify-content: flex-start;
    }

  

}


@media (max-width: 550px) {

    .ac-org-container {
        width: 90%;
    }

    .ac-org-hero {
        min-height: 340px;
        padding: 60px 5%;
    }

    .ac-org-hero-content h1 {
        font-size: 2.35rem;
    }

    .ac-org-hero-content > p {
        font-size: .92rem;
    }

    .ac-org-breadcrumb {
        gap: 9px;
        font-size: .8rem;
    }

    .ac-org-visual-frame {
        height: 320px;
    }

    .ac-org-section-heading {
        margin-bottom: 40px;
    }

    .ac-org-principles-grid {
        grid-template-columns: 1fr;
    }

    .ac-org-principle-card {
        min-height: auto;
    }

    .ac-org-chart-heading h3 {
        font-size: 1.15rem;
    }

  

    .ac-org-closing {
        padding: 75px 6%;
    }

}


@media (prefers-reduced-motion: reduce) {

    .ac-org-principle-card,
    .ac-org-visual-frame img {
        transition: none;
    }

}





/* =========================================
   AENON ABOUT PAGE - GLOBAL
========================================= */

.ac-about-container {
    width: min(1200px, 90%);
    margin: 0 auto;
}

.ac-about-eyebrow {
    display: inline-block;
    color: #ED741B;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ac-about-heading {
    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;
}

.ac-about-heading h2 {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 18px;
}

.ac-about-heading h2 span {
    color: #ED741B;
}

.ac-about-heading > p {
    color: #aeb6ba;
    font-size: 1rem;
    line-height: 1.9;
    max-width: 650px;
    margin: 0 auto;
}


/* =========================================
   01. HERO SECTION
========================================= */

.ac-about-hero {
    position: relative;
    isolation: isolate;
    min-height: 440px;
    padding: 12rem 6% 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #171b1e;
    color: #fff;
}

.ac-about-hero-background {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg,
            rgba(15, 19, 22, .96),
            rgba(15, 19, 22, .68)),
        url("images/image1.png") center 45% / cover no-repeat;
    transform: scale(1.02);
}

.ac-about-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(115deg,
            rgba(237, 116, 27, .14),
            transparent 55%);
}

.ac-about-hero-content {
    width: min(100%, 950px);
    text-align: center;
    position: relative;
    z-index: 2;
}

.ac-about-hero-content h1 {
    color: #fff;
    font-size: clamp(2.5rem, 6vw, 4.6rem);
    font-weight: 800;
    line-height: 1.12;
    margin: 0 0 22px;
}

.ac-about-hero-content h1 span {
    color: #ED741B;
}

.ac-about-hero-content > p {
    max-width: 680px;
    margin: 0 auto;
    color: #d0d4d6;
    font-size: 1.05rem;
    line-height: 1.9;
}

.ac-about-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
    font-size: .92rem;
}

.ac-about-breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: color .3s;
}

.ac-about-breadcrumb a:hover {
    color: #ED741B;
}

.ac-about-breadcrumb i,
.ac-about-breadcrumb span {
    color: #ED741B;
}

.ac-about-hero-ring {
    position: absolute;
    right: -120px;
    bottom: -230px;
    width: 440px;
    aspect-ratio: 1;
    border: 1px solid rgba(237, 116, 27, .4);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(237, 116, 27, .035),
        0 0 0 75px rgba(237, 116, 27, .025);
    pointer-events: none;
}


/* =========================================
   02. COMPANY PROFILE
========================================= */

.ac-company-profile {
    padding: 105px 0;
    background: #171b1e;
}

.ac-profile-layout {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
}

.ac-profile-visual {
    position: relative;
    min-width: 0;
    padding: 0 20px 20px 0;
}

.ac-profile-image {
    position: relative;
    z-index: 1;
    height: 560px;
    overflow: hidden;
    background: #252b2f;
}

.ac-profile-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .7s ease;
}

.ac-profile-visual:hover .ac-profile-image img {
    transform: scale(1.04);
}

.ac-profile-image-frame {
    position: absolute;
    top: 20px;
    right: 0;
    width: 75%;
    height: 85%;
    border: 2px solid #ED741B;
}

.ac-profile-image-caption {
    position: absolute;
    z-index: 2;
    bottom: 45px;
    left: 0;
    width: min(270px, 85%);
    padding: 20px 25px;
    background: #ED741B;
    color: #fff;
}

.ac-profile-image-caption span {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-profile-image-caption strong {
    display: block;
    font-size: 1.35rem;
    margin: 5px 0;
}

.ac-profile-image-caption p {
    font-size: .85rem;
    line-height: 1.5;
    margin: 0;
}

.ac-profile-content {
    min-width: 0;
}

.ac-profile-kicker {
    color: var(--aenon-gold);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-profile-content h3 {
    color: #fff;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 15px 0 25px;
}

.ac-profile-content h3 span {
    color: var(--aenon-gold);
}

.ac-profile-content > p {
    color: #b2bbbf;
    font-size: .96rem;
    line-height: 1.95;
    margin-bottom: 18px;
}

.ac-profile-qualifications {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin: 32px 0 10px;
}

.ac-profile-qualification {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ac-profile-qualification i {
    color: var(--aenon-gold);
    font-size: 1.7rem;
}

.ac-profile-qualification strong {
    display: block;
    color: #fff;
    font-size: .95rem;
}

.ac-profile-qualification span {
    display: block;
    color: #aab3b7;
    font-size: .82rem;
    margin-top: 4px;
}


/* =========================================
   03. COMPANY EXPERTISE
========================================= */

.ac-company-expertise {
    padding: 105px 0;
    background: #202529;
}

.ac-expertise-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ac-expertise-card {
    position: relative;
    min-width: 0;
    min-height: 300px;
    padding: 35px 30px;
    overflow: hidden;
    background: linear-gradient(145deg, #2a3034, #22282c);
    border: 1px solid rgba(255,255,255,.07);
    transition: transform .35s ease, border-color .35s ease;
}

.ac-expertise-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #ED741B;
    transition: width .4s ease;
}

.ac-expertise-card:hover {
    transform: translateY(-7px);
    border-color: rgba(237,116,27,.4);
}

.ac-expertise-card:hover::before {
    width: 100%;
}

.ac-expertise-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    background: rgba(237,116,27,.12);
    color: #ED741B;
    font-size: 1.45rem;
    margin-bottom: 25px;
}

.ac-expertise-number {
    position: absolute;
    top: 35px;
    right: 30px;
    color: rgba(255,255,255,.22);
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-expertise-card h3 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 15px;
}

.ac-expertise-card p {
    color: #aeb7bb;
    font-size: .91rem;
    line-height: 1.85;
    margin: 0;
}


/* =========================================
   04. COMPANY COMMITMENT
========================================= */

.ac-company-commitment {
    padding: 105px 0;
    background: #171b1e;
}

.ac-commitment-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

.ac-commitment-image {
    height: 620px;
    min-width: 0;
    overflow: hidden;
    background: #252b2f;
}

.ac-commitment-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .7s ease;
}

.ac-commitment-image:hover img {
    transform: scale(1.04);
}

.ac-commitment-content {
    min-width: 0;
}

.ac-commitment-content h2 {
    color: #fff;
    font-size: clamp(2rem, 3.5vw, 2.9rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px;
}

.ac-commitment-content h2 span {
    color: #ED741B;
}

.ac-commitment-content > p {
    color: #aeb7bb;
    font-size: .96rem;
    line-height: 1.9;
    margin-bottom: 18px;
}

.ac-commitment-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 28px;
}

.ac-commitment-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #ED741B;
    background: rgba(237,116,27,.12);
    font-size: 1.2rem;
}

.ac-commitment-item > div:last-child {
    min-width: 0;
}

.ac-commitment-item h3 {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 8px;
}

.ac-commitment-item p {
    color: #aeb7bb;
    font-size: .9rem;
    line-height: 1.8;
    margin: 0;
}


/* =========================================
   05. MISSION, VISION & CORE VALUES
========================================= */

.ac-company-principles {
    padding: 40px 0;
    background: var(--linear-bg-dark1);
}

.ac-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}

.ac-principle-card {
    position: relative;
    min-width: 0;
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(145deg, #292f33, #1e2428);
    border: 1px solid rgba(255,255,255,.08);
    overflow: hidden;
    transition: transform .35s ease, border-color .35s ease;
}

.ac-principle-card:hover {
    transform: translateY(-7px);
    border-color: rgba(237,116,27,.45);
}

.ac-principle-card h3 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0 0 30px;
}

.ac-principle-card h3::after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    background: #ED741B;
    margin: 13px auto 0;
}



.ac-principle-letter-container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-top: 30px;
}

.ac-principle-letter {
    width: 20px;
    height: 22px;
    display: grid;
    place-items: center;
    background: rgba(237,116,27,.9);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(0,0,0,.25);
}

.ac-principle-card > p {
    color: #b4bdc1;
    font-size: .92rem;
    line-height: 1.9;
    margin: 0;
}

.ac-core-values-list {
    width: 100%;
    text-align: left;
}

.ac-core-values-list p {
    color: #b4bdc1;
    font-size: .87rem;
    line-height: 1.8;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.ac-core-values-list p:last-child {
    border-bottom: none;
}

.ac-core-values-list strong {
    color: #ED741B;
}


/* GLOBE ROTATION ANIMATION */

@keyframes ac-globe-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================
   06. CLOSING CTA
========================================= */

.ac-about-closing {
    position: relative;
    isolation: isolate;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
}



.ac-about-closing-content {
    width: 100%;
    margin: 0 auto;
}

.ac-about-closing h2 {
    color: #fff;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px;
}

.ac-about-closing h2 span {
    color: #ED741B;
}

.ac-about-closing p {
    color: #b6bec2;
    font-size: 1rem;
    line-height: 1.9;
    max-width: 620px;
    margin: 0 auto 30px;
}

.ac-about-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 16px 28px;
    background: #ED741B;
    color: #fff;
    text-decoration: none;
    font-size: .95rem;
    font-weight: 700;
    border: 1px solid #ED741B;
    transition: .3s ease;
}

.ac-about-cta-button:hover {
    background: transparent;
    color: #ED741B;
    transform: translateY(-3px);
}

.ac-about-cta-button i {
    transition: transform .3s ease;
}

.ac-about-cta-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE DESIGN
========================================= */

@media (max-width: 1050px) {

    .ac-profile-layout,
    .ac-commitment-layout {
        gap: 40px;
    }

    .ac-expertise-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-principles-grid {
        gap: 18px;
    }

    .ac-principle-card {
        padding: 30px 18px;
    }

    

    .ac-principle-letter {
        width: 25px;
        height: 31px;
        font-size: .9rem;
    }
}


@media (max-width: 800px) {

    .ac-company-profile,
    .ac-company-expertise,
    .ac-company-commitment,
    .ac-company-principles {
        padding: 80px 0;
    }

    .ac-profile-layout,
    .ac-commitment-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ac-profile-visual {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }

    .ac-profile-image {
        height: 460px;
    }

    .ac-commitment-image {
        height: 440px;
    }

    .ac-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-principle-card:last-child {
        grid-column: 1 / -1;
        width: min(100%, 500px);
        justify-self: center;
    }
}


@media (max-width: 600px) {

    .ac-about-container {
        width: 90%;
    }

    .ac-about-hero {
        min-height: 370px;
        
    }

    .ac-about-hero-content h1 {
        font-size: clamp(2.2rem, 9vw, 3rem);
    }

    .ac-about-hero-content > p {
        font-size: .94rem;
    }

    .ac-about-heading {
        margin-bottom: 40px;
    }

    .ac-profile-image {
        height: 360px;
    }

    .ac-profile-content h3 {
        font-size: 2.1rem;
    }

    .ac-expertise-grid {
        grid-template-columns: 1fr;
    }

    .ac-expertise-card {
        min-height: auto;
    }

    .ac-commitment-image {
        height: 350px;
    }

    .ac-principles-grid {
        grid-template-columns: 1fr;
    }

    .ac-principle-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    

    .ac-principle-letter {
        width: 28px;
        height: 34px;
    }

    .ac-about-closing {
        padding: 75px 6%;
    }
}


@media (prefers-reduced-motion: reduce) {

   
    .ac-expertise-card,
    .ac-principle-card,
    .ac-profile-image img,
    .ac-commitment-image img {
        transition: none;
    }
}























/* ========================================
   AENON PROFESSIONAL CAROUSEL
======================================== */
.ac-home-showcase .aenon-carousel {
    height: clamp(380px, 42vw, 570px);
    min-height: 380px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    
    min-height: 450px;
    overflow: hidden;
    background: #17212b;
    isolation: isolate;
}

/* Sliding track */
.aenon-carousel-track {
    display: flex;
    width: 100%;
    height: 100%;
    transform: translateX(0);
    transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
    will-change: transform;
}

/* Individual slides */
.aenon-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

/* Slide images */
.aenon-slide img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Dark gradient overlay */
.aenon-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(8, 18, 29, 0.88) 0%,
        rgba(8, 18, 29, 0.62) 48%,
        rgba(8, 18, 29, 0.12) 100%
    );
}

/* Slide content */
.aenon-slide-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: clamp(80px, 9%, 140px);
    width: min(650px, 78%);
    color: #f1efef;
    transform: translateY(-50%);
   
}

.aenon-slide-content span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--aenon-gold);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.aenon-slide-content h2 {
    max-width: 700px;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(1.5rem, 3.5vw, 3rem);
    font-weight: 800;
    line-height: 1.08;
}

.aenon-slide-content p {
    max-width: 540px;
    margin: 0 0 30px;
    color: #e5e7eb;
    font-size: clamp(15px, 1.4vw, 19px);
    line-height: 1.8;
}

/* Call-to-action button */
.aenon-slide-btn {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid var(--aenon-gold);
    border-radius: 8px;
    background: var(--aenon-gold);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.aenon-slide-btn:hover {
    background: transparent;
    color: var(--aenon-gold);
}

/* Previous and next arrows */
.aenon-carousel-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.24);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transform: translateY(-50%);
    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.aenon-carousel-arrow:hover {
    border-color: transparent;
    background: var(--aenon-gold);
    color: #010e1a;
}

.aenon-carousel-arrow:focus-visible,
.aenon-carousel-dots button:focus-visible,
.aenon-slide-btn:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}

.aenon-carousel-arrow.prev {
    left: 15px;
}

.aenon-carousel-arrow.next {
    right: 15px;
}

/* Navigation dots */
.aenon-carousel-dots {
    position: absolute;
    bottom: 28px;
    left: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
}

.aenon-carousel-dots button {
    width: 28px;
    height: 4px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    transition:
        width 0.3s ease,
        background 0.3s ease;
}

.aenon-carousel-dots button.active {
    width: 48px;
    background: var(--aenon-gold);
}

/* ========================================
   TABLETS AND MOBILE
======================================== */

@media (max-width: 768px) {
    .aenon-carousel {
        height: 600px;
        min-height: 480px;
    }

    .aenon-slide::after {
        background: linear-gradient(
            90deg,
            rgba(8, 18, 29, 0.85),
            rgba(8, 18, 29, 0.48)
        );
    }

    .aenon-slide-content {
        left: 25px;
        width: calc(100% - 50px);
    }

    .aenon-slide-content span {
        margin-bottom: 14px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .aenon-slide-content h2 {
        margin-bottom: 18px;
        font-size: clamp(2.2rem, 9vw, 3.5rem);
    }

    .aenon-slide-content p {
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.7;
    }

    .aenon-slide-btn {
        padding: 13px 22px;
    }

    .aenon-carousel-arrow {
        top: auto;
        bottom: 60px;
        width: 40px;
        height: 40px;
        transform: none;
    }

    .aenon-carousel-arrow.prev {
        left: 25px;
    }

    .aenon-carousel-arrow.next {
        right: 25px;
    }

    .aenon-carousel-dots {
        bottom: 28px;
    }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .aenon-carousel-track,
    .aenon-carousel-arrow,
    .aenon-slide-btn,
    .aenon-carousel-dots button {
        transition: none;
    }
}












/* =========================================
   HOME SERVICES SECTION
========================================= */

.home-services {

    --services-orange: #ed741b;
    --services-orange-light: #ff8a2b;
    --services-dark: #171a1e;
    --services-card: #22262c;
    --services-white: #fff;
    --services-muted: #b5bac1;

    position: relative;
    width: 100%;
    padding: 100px 6%;
    overflow: hidden;
    background: var(--linear-bg-dark1);
    isolation: isolate;

}


/* Background decoration */

.home-services::before {

    content: "";
    position: absolute;
    top: -200px;
    right: -160px;
    width: 500px;
    height: 500px;

    border: 1px solid rgba(237, 116, 27, 0.13);
    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(237, 116, 27, 0.025),
        0 0 0 120px rgba(237, 116, 27, 0.015);

    z-index: -1;
    pointer-events: none;

}


.home-services::after {

    content: "";
    position: absolute;
    bottom: -20px;
    left: -10px;
    width: 400px;
    height: 400px;
    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(183, 150, 127, 0.02),
        0 0 0 120px rgba(206, 138, 90, 0.02),
        0 0 0 180px rgba(212, 96, 13, 0.02);

    z-index: -1;
    pointer-events: none;

}


.home-services-container {

    width: 100%;
    max-width: 1450px;
    margin: 0 auto;

}


/* =========================================
   HEADER
========================================= */

.home-services-header {

    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;

}


/* AENON branding */

.home-services-brand {

    display: flex;
    gap: 5px;
    margin-bottom: 22px;

}


.home-services-brand span {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border: 1px solid rgba(237, 116, 27, 0.6);

    color: var(--aenon-gold);

    font-size: 15px;
    font-weight: 800;

    transition: 0.3s ease;

}


.home-services-brand span:hover {

    background: var(--aenon-gold);
    color: #fff;
    transform: translateY(-4px);

}


.home-services-subtitle {

    margin-bottom: 12px;

    color: var(--aenon-gold);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;

}


/* Main heading */

.home-services-header h2 {

    margin: 0 0 20px;

    color: #f1f2f4;

    font-size: clamp(2.5rem, 5vw, 4.5rem);

    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -2px;

}


.home-services-header h2 span {

    color: var(--aenon-gold);

}


/* Introduction */

.home-services-header > p {

    max-width: 780px;
    margin: 0;

    color: #f3efef;

    font-size: 15px;
    line-height: 1.6;

}


/* =========================================
   SERVICES GRID
========================================= */

.home-services-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 40px;

}


/* Individual card */

.home-service-card {

    position: relative;

    display: flex;
    align-items: flex-end;

    min-width: 0;
    height: 360px;

    overflow: hidden;
    isolation: isolate;

    background: var(--services-card);

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;

    color: #fff;
    text-decoration: none;

    transition:
        border-color 0.35s ease,
        transform 0.35s ease;

}


/* Card image */

.home-service-card > img {

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    z-index: -2;

    transition: transform 0.7s ease;

}


/* Image overlay */

.home-service-overlay {

    position: absolute;
    inset: 0;

    z-index: -1;

    background: linear-gradient(
        to bottom,
        rgba(15, 17, 20, 0.05) 0%,
        rgba(15, 17, 20, 0.2) 10%,
        rgba(18, 22, 28, 0.95) 60%,
        rgba(10, 13, 17, 0.97) 100%
    );

    transition: background 0.4s ease;

}


/* Card content */

.home-service-content {

    position: relative;
    width: 100%;
    padding: 25px;

}


/* Icon */

.home-service-icon {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 22px;

    background: rgba(20, 22, 25, 0.8);

    border: 1px solid var(--aenon-gold);
    border-radius: 5px;

    color: var(--aenon-gold);

    font-size: 26px;

    backdrop-filter: blur(8px);

    transition: 0.35s ease;

}


/* Number */

.home-service-number {

    position: absolute;
    top: 15px;
    right: 25px;

    color: rgba(255, 255, 255, 0.2);

    font-size: 5.5rem;
    font-weight: 800;
    letter-spacing: 2px;

}


/* Titles */

.home-service-content h3 {

    margin: 0 0 12px;

    color: #fff;

    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;

}


/* Description */

.home-service-content p {

    min-height: 66px;

    margin: 0 0 20px;

    color: rgba(255, 255, 255, 0.82);

    font-size: 13px;
    line-height: 1.6;

}


/* Learn more link */

.home-service-link {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    min-width: 155px;

    padding: 13px 17px;

    background: var(--aenon-gold);

    color: #171a1e;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;

    text-decoration: none;

    transition: 0.3s ease;

}


.home-service-link i {

    font-size: 13px;
    transition: transform 0.3s ease;

}


/* =========================================
   HOVER EFFECTS
========================================= */

.home-service-card:hover {

    transform: translateY(-6px);

    border-color: var(--aenon-gold);

}


.home-service-card:hover > img {

    transform: scale(1.08);

}


.home-service-card:hover .home-service-icon {

    background: var(--aenon-gold);
    color: #171a1e;

    transform: translateY(-4px);

}


.home-service-card:hover .home-service-link {

    background: #fff;

}


.home-service-card:hover .home-service-link i {

    transform: translateX(5px);

}


/* Keyboard accessibility */

.home-service-card:focus-visible,
.home-service-link:focus-visible,
.home-services-main-btn:focus-visible {

    outline: 3px solid var(--aenon-gold);
    outline-offset: 4px;

}


/* =========================================
   BOTTOM CTA
========================================= */

.home-services-footer {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin-top: 45px;
    padding: 32px 35px;

    overflow: hidden;

    border: 1px solid var(--aenon-gold);
    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            rgba(23, 26, 30, 0.98) 0%,
            rgba(23, 26, 30, 0.88) 65%,
            rgba(23, 26, 30, 0.6) 100%
        ),
        url("images/image5.png") center 45% / cover no-repeat;

}


.home-services-footer-content {

    position: relative;
    z-index: 1;

}


.home-services-footer-content > span {

    display: block;
    margin-bottom: 10px;

    color: var(--aenon-gold);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;

}


.home-services-footer h3 {

    margin: 0;

    color: #fff;

    font-size: clamp(20px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.4;

}


.home-services-footer h3 strong {

    color: var(--aenon-gold);
    font-family: 'Oswald', sans-serif;

}


/* Main CTA button */

.home-services-main-btn {

    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 15px;

    flex-shrink: 0;

    padding: 17px 23px;

    background: var(--aenon-gold);

    color: #171a1e;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;

    text-decoration: none;

    transition: 0.3s ease;

}


.home-services-main-btn i {

    font-size: 14px;
    transition: transform 0.3s ease;

}


.home-services-main-btn:hover {

    background: #fff;
    color: #171a1e;

}


.home-services-main-btn:hover i {

    transform: translateX(5px);

}


/* =========================================
   RESPONSIVE DESIGN
========================================= */


/* Medium screens */

@media (max-width: 1050px) {

    .home-services {

        padding: 80px 4%;

    }

    .home-services-grid {

        gap: 15px;

    }

    .home-service-card {

        height: 340px;

    }

    .home-service-content {

        padding: 20px;

    }

    .home-service-content h3 {

        font-size: 18px;

    }

    .home-service-content p {

        font-size: 12px;

    }

}


/* Tablets */

@media (max-width: 768px) {

    .home-services-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .home-service-card {

        height: 330px;

    }

    .home-services-footer {

        align-items: flex-start;
        flex-direction: column;

    }

}


/* Mobile */

@media (max-width: 550px) {

    .home-services {

        padding: 65px 5%;

    }

    .home-services-header {

        margin-bottom: 35px;

    }

    .home-services-brand span {

        width: 30px;
        height: 30px;
        font-size: 12px;

    }

    .home-services-header h2 {

        font-size: clamp(32px, 9vw, 42px);
        letter-spacing: -1px;

    }

    .home-services-header > p {

        font-size: 13px;
        line-height: 1.8;

    }

    .home-services-grid {

        grid-template-columns: 1fr;
        gap: 17px;

    }

    .home-service-card {

        height: 340px;

    }

    .home-service-content {

        padding: 23px;

    }

    .home-service-content h3 {

        font-size: 21px;

    }

    .home-service-content p {

        min-height: auto;
        font-size: 13px;

    }

    .home-services-footer {

        margin-top: 30px;
        padding: 25px 20px;

    }

    .home-services-footer h3 {

        font-size: 22px;

    }

    .home-services-main-btn {

        width: 100%;
        padding: 17px 12px;
        font-size: 10px;

    }

}


/* Very small phones */

@media (max-width: 360px) {

    .home-services {

        padding: 50px 16px;

    }

    .home-service-card {

        height: 320px;

    }

    .home-service-content h3 {

        font-size: 19px;

    }

}

/* =========================================
   AENON SERVICES PAGE
========================================= */

.services-page-hero,
.services-main {

    --service-orange: #ed741b;
    --service-orange-light: #ff8a2b;
    --service-dark: #171a1e;
    --service-card: #22262c;
    --service-white: #ffffff;
    --service-muted: #b5bac1;

}


/* =========================================
   PAGE HERO
========================================= */

.services-page-hero {

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 390px;
    padding: 12rem 5% 50px;
    padding-bottom: 5px;
    overflow: hidden;
    isolation: isolate;

    background: #171a1e;
    color: #fff;

}


.services-page-hero-bg {

    position: absolute;
    inset: 0;

    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(17, 19, 22, 0.96),
            rgba(17, 19, 22, 0.78),
            rgba(17, 19, 22, 0.94)
        ),
        url("images/image1.png") center 45% / cover no-repeat;

    transform: scale(1.02);

}


.services-page-hero::before {

    content: "";
    position: absolute;
    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            135deg,
            rgba(237, 116, 27, 0.08),
            transparent 45%
        );

    pointer-events: none;

}


.services-page-hero-decoration {

    position: absolute;
    top: -190px;
    right: -140px;

    width: 500px;
    height: 500px;

    border: 1px solid rgba(237, 116, 27, 0.25);
    border-radius: 50%;

    box-shadow:
        0 0 0 55px rgba(237, 116, 27, 0.025),
        0 0 0 110px rgba(237, 116, 27, 0.02);

    pointer-events: none;

}


.services-page-hero-content {

    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 850px;

    text-align: center;

}


/* Brand */

.services-page-brand {

    display: flex;
    gap: 5px;
    margin-bottom: 20px;

}


.services-page-brand span {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    border: 1px solid rgba(237, 116, 27, 0.65);

    color: var(--service-orange);

    font-size: 14px;
    font-weight: 800;

    transition: 0.3s ease;

}


.services-page-brand span:hover {

    background: var(--service-orange);
    color: #171a1e;

}


/* Hero text */

.services-page-eyebrow {

    margin-bottom: 12px;

    color: var(--service-orange);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;

}


.services-page-hero h1 {

    margin: 0;

    color: #fff;

    font-size: clamp(3rem, 7vw, 5rem);
    font-weight: 900;

    line-height: 1.1;
    letter-spacing: -2px;

}


.services-page-hero h1 span {

    color: var(--service-orange);

}


.services-page-hero-content > p {

    margin: 18px 0 25px;

    color: rgba(255, 255, 255, 0.8);

    font-size: 16px;
    line-height: 1.7;

}


/* Breadcrumb */

.services-page-breadcrumb {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 13px;

    font-size: 12px;
    font-weight: 600;

}


.services-page-breadcrumb a {

    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: 0.3s ease;

}


.services-page-breadcrumb a:hover {

    color: var(--service-orange);

}


.services-page-breadcrumb i {

    color: var(--service-orange);
    font-size: 10px;

}


.services-page-breadcrumb span {

    color: #fff;

}


/* =========================================
   MAIN SERVICES SECTION
========================================= */

.services-main {

    position: relative;

    padding: 95px 6% 100px;

    background: var(--service-dark);
    color: var(--service-white);

    overflow: hidden;
    isolation: isolate;

}


.services-main::before {

    content: "";
    position: absolute;

    top: -180px;
    right: -180px;

    width: 480px;
    height: 480px;

    border: 1px solid rgba(237, 116, 27, 0.08);
    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(237, 116, 27, 0.015),
        0 0 0 120px rgba(237, 116, 27, 0.01);

    z-index: -1;
    pointer-events: none;

}


.services-main-container {

    position: relative;

    width: 100%;
    max-width: 1450px;

    margin: 0 auto;

}


/* =========================================
   INTRODUCTION
========================================= */

.services-main-intro {

    display: grid;

    grid-template-columns: 1fr 0.9fr;

    align-items: end;

    gap: 65px;

    margin-bottom: 65px;

}


.services-section-label {

    display: inline-block;

    margin-bottom: 16px;

    color: var(--service-orange);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;

}


.services-intro-heading h2 {

    max-width: 600px;

    margin: 0;

    color: #fff;

    font-size: clamp(2rem, 4vw, 3.4rem);

    font-weight: 800;
    line-height: 1.2;

    letter-spacing: -1.5px;

}


.services-intro-heading h2 span {

    display: block;

    color: var(--service-orange);

}


.services-intro-description {

    padding-left: 23px;

    border-left: 3px solid var(--service-orange);

}


.services-intro-description p {

    margin: 0;

    color: var(--service-muted);

    font-size: 15px;
    line-height: 1.95;

}


/* =========================================
   SERVICES LIST
========================================= */

.services-list {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 25px;

}


/* =========================================
   SERVICE DETAIL CARDS
========================================= */

.service-detail-card {

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    min-width: 0;
    min-height: 390px;

    overflow: hidden;

    background: var(--service-card);

    border: 1px solid rgba(255, 255, 255, 0.075);

    border-radius: 5px;

    transition:
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


.service-detail-card:hover {

    transform: translateY(-5px);

    border-color: rgba(237, 116, 27, 0.5);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);

}


/* Alternate image positioning */

.service-detail-reverse .service-detail-image {

    order: 2;

}


.service-detail-reverse .service-detail-content {

    order: 1;

}


/* =========================================
   IMAGE
========================================= */

.service-detail-image {

    position: relative;

    min-width: 0;
    min-height: 390px;

    overflow: hidden;

    background: #292d32;

}


.service-detail-image::after {

    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(15, 17, 20, 0.8),
        transparent 55%
    );

    pointer-events: none;

}


.service-detail-image img {

    display: block;

    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;
    object-position: center;

    transition: transform 0.7s ease;

}


.service-detail-card:hover .service-detail-image img {

    transform: scale(1.07);

}


/* Image numbering */

.service-detail-image-number {

    position: absolute;

    top: 20px;
    left: 20px;

    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background: var(--service-orange);

    color: #171a1e;

    font-size: 14px;
    font-weight: 900;

}


/* Image caption */

.service-detail-image-caption {

    position: absolute;

    bottom: 22px;
    left: 20px;

    z-index: 1;

    display: flex;
    align-items: center;

    gap: 10px;

    color: #fff;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.5px;

}


.service-detail-image-caption i {

    color: var(--service-orange);
    font-size: 17px;

}


/* =========================================
   SERVICE CONTENT
========================================= */

.service-detail-content {

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;

    padding: 30px 27px;

}


.service-detail-category {

    display: inline-block;

    margin-bottom: 13px;

    color: var(--service-orange);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
    line-height: 1.6;

}


.service-detail-content h3 {

    margin: 0 0 18px;

    color: #fff;

    font-size: clamp(19px, 2vw, 25px);

    font-weight: 800;

    line-height: 1.3;

}


.service-detail-content p {

    margin: 0 0 14px;

    color: var(--service-muted);

    font-size: 12.5px;

    line-height: 1.85;

}


/* Divider */

.service-detail-divider {

    width: 45px;
    height: 2px;

    margin: 9px 0 17px;

    background: var(--service-orange);

    transition: width 0.35s ease;

}


.service-detail-card:hover .service-detail-divider {

    width: 80px;

}


/* Feature list */

.service-detail-features {

    display: flex;
    flex-direction: column;

    gap: 11px;

}


.service-detail-features span {

    display: flex;
    align-items: flex-start;

    gap: 10px;

    color: rgba(255, 255, 255, 0.85);

    font-size: 11px;
    font-weight: 600;

    line-height: 1.5;

}


.service-detail-features i {

    margin-top: 2px;

    color: var(--service-orange);

    font-size: 12px;

}


/* =========================================
   BOTTOM CTA
========================================= */

.services-page-cta {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 35px;

    margin-top: 65px;

    padding: 42px 40px;

    overflow: hidden;

    border: 1px solid rgba(237, 116, 27, 0.5);

    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            rgba(23, 26, 30, 0.98),
            rgba(23, 26, 30, 0.9),
            rgba(23, 26, 30, 0.7)
        ),
        url("images/image5.png") center / cover no-repeat;

}


.services-page-cta-content {

    max-width: 700px;

}


.services-page-cta-content > span {

    display: block;

    margin-bottom: 12px;

    color: var(--service-orange);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 3px;

}


.services-page-cta h2 {

    margin: 0 0 13px;

    color: #fff;

    font-size: clamp(23px, 3vw, 34px);

    font-weight: 800;

    line-height: 1.35;

}


.services-page-cta h2 strong {

    color: var(--service-orange);

}


.services-page-cta-content p {

    margin: 0;

    color: var(--service-muted);

    font-size: 13px;

    line-height: 1.8;

}


/* CTA Button */

.services-page-cta-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 15px;

    flex-shrink: 0;

    padding: 17px 23px;

    background: var(--service-orange);

    color: #171a1e;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 0.8px;

    text-decoration: none;

    transition: 0.3s ease;

}


.services-page-cta-btn i {

    transition: transform 0.3s ease;

}


.services-page-cta-btn:hover {

    background: #fff;
    color: #171a1e;

}


.services-page-cta-btn:hover i {

    transform: translateX(5px);

}


/* =========================================
   RESPONSIVE DESIGN
========================================= */


/* Large tablets and smaller desktops */

@media (max-width: 1150px) {

    .services-main {

        padding: 80px 4%;

    }

    .services-main-intro {

        gap: 35px;

    }

    .services-list {

        gap: 17px;

    }

    .service-detail-card {

        grid-template-columns: 1fr;

    }

    .service-detail-image {

        min-height: 240px;
        height: 240px;

    }

    .service-detail-content {

        padding: 25px;

    }

    .service-detail-reverse .service-detail-image,
    .service-detail-reverse .service-detail-content {

        order: initial;

    }

}


/* Tablets */

@media (max-width: 768px) {

    .services-page-hero {

        min-height: 330px;

    }

    .services-main-intro {

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .services-list {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .service-detail-card {

        grid-template-columns: 0.85fr 1.15fr;

    }

    .service-detail-reverse .service-detail-image {

        order: 2;

    }

    .service-detail-reverse .service-detail-content {

        order: 1;

    }

    .service-detail-image {

        height: auto;
        min-height: 100%;

    }

    .services-page-cta {

        align-items: flex-start;
        flex-direction: column;

    }

}


/* Mobile */

@media (max-width: 550px) {

    .services-page-hero {

        min-height: 300px;

    }

    .services-page-brand span {

        width: 29px;
        height: 29px;

        font-size: 12px;

    }

    .services-page-eyebrow {

        font-size: 9px;
        letter-spacing: 2.5px;

    }

    .services-page-hero h1 {

        font-size: clamp(38px, 10vw, 50px);

        letter-spacing: -1px;

    }

    .services-page-hero-content > p {

        font-size: 13px;

    }

    .services-main {

        padding: 65px 5%;

    }

    .services-main-intro {

        gap: 20px;

        margin-bottom: 35px;

    }

    .services-section-label {

        font-size: 9px;
        letter-spacing: 2px;

    }

    .services-intro-heading h2 {

        font-size: 30px;
        letter-spacing: -0.8px;

    }

    .services-intro-description {

        padding-left: 15px;

    }

    .services-intro-description p {

        font-size: 13px;
        line-height: 1.85;

    }

    .service-detail-card {

        grid-template-columns: 1fr;

    }

    .service-detail-image,
    .service-detail-reverse .service-detail-image {

        order: initial;

        height: 250px;
        min-height: 250px;

    }

    .service-detail-content,
    .service-detail-reverse .service-detail-content {

        order: initial;

        padding: 27px 23px;

    }

    .service-detail-content h3 {

        font-size: 22px;

    }

    .service-detail-content p {

        font-size: 13px;
        line-height: 1.85;

    }

    .service-detail-features span {

        font-size: 12px;

    }

    .services-page-cta {

        gap: 25px;

        margin-top: 40px;

        padding: 28px 22px;

    }

    .services-page-cta h2 {

        font-size: 24px;

    }

    .services-page-cta-content p {

        font-size: 12px;

    }

    .services-page-cta-btn {

        width: 100%;

        padding: 17px 12px;

        font-size: 10px;

    }

}


/* Very small phones */

@media (max-width: 360px) {

    .services-page-hero {

        min-height: 270px;

    }

    .services-page-hero h1 {

        font-size: 35px;

    }

    .services-main {

        padding: 50px 16px;

    }

    .services-intro-heading h2 {

        font-size: 26px;

    }

    .service-detail-image,
    .service-detail-reverse .service-detail-image {

        height: 215px;
        min-height: 215px;

    }

    .service-detail-content {

        padding: 23px 18px;

    }

}









.projects-section {
    position: relative;
    width: 100%;
    padding: 40px 6%;
    background:  linear-gradient(-135deg, rgba(138, 108, 48, 0.15) 0%, rgba(23, 18, 11, 0.8) 55%, rgba(21, 21, 21, 0.6) 100%);
    color: #202326;
    overflow: hidden;
    min-height: 500px;
}

.projects-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Heading */

.projects-heading {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: end;
    gap: 60px;
    margin-bottom: 25px;
}

.projects-eyebrow,
.projects-intro > span {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--aenon-gold);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.projects-heading h2 {
    margin: 0;
    color: #03162a;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -2px;
}

.projects-heading h2 span {
    color: var(--aenon-gold);
}

.projects-heading > p {
    max-width: 490px;
    margin: 0 0 8px auto;
    color: #041b2e;
    font-size: 1rem;
    line-height: 1.9;
}


/* Toolbar */

.projects-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 0;
    padding: 20px;
    margin-bottom: 30px 0;
}

.projects-intro {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}
.projects-intro > span {
    margin-bottom: 7px;
    font-size: 0.68rem;
}

.projects-intro h3 {
    margin: 0;
    color: #010d1a;
    font-size: 1.8rem;
    font-weight: 700;
}

.projects-filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    padding:10px;
    margin: 0 auto;
    border-top: 1px dashed rgba(251, 252, 254, 0.62);
    border-bottom: 1px dashed rgba(246, 246, 248, 0.62);
}


/* Project Cards */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    align-items: stretch;
    padding: 20px 0;
    border-top: 1px solid #e7eaed86;
    border-bottom: 1px solid #e7eaed86;
}

.projects-card {
    min-width: 0;
    background: #fff;
    border: 1px solid #e9e9e6;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.projects-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(25, 30, 33, 0.09);
}


/* Images */

.projects-image {
    position: relative;
    height: 260px;
    overflow: hidden;
    background: #dededb;
}

.projects-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(15, 19, 21, 0.48),
        transparent 55%
    );
    pointer-events: none;
}

.projects-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.projects-card:hover .projects-image img {
    transform: scale(1.07);
}


/* Status Labels */

.projects-status {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: #fff;
    background: rgba(25, 29, 31, 0.82);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.5px;
    backdrop-filter: blur(8px);
}

.projects-status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ED741B;
}

.ongoing-status > span {
    background: #f3bd42;
}

.completed-status > span {
    background: #63c58b;
}


/* Image Overlay */

.projects-image-overlay {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 17px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.projects-image-overlay > span {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d0deebb7;
}

.projects-image-overlay a {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #fff;
    background: var(--aenon-gold);
    border-radius: 50%;
    text-decoration: none;
    transition: 0.3s ease;
}

.projects-image-overlay a:hover {
    color: var(--aenon-gold);
    background: #fff;
}


/* Card Content */

.projects-card-content {
    display: flex;
    flex-direction: column;
    min-height: 275px;
    padding: 25px 25px 28px;
}

.projects-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 17px;
}

.projects-card-category {
    color: var(--aenon-gold);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.projects-card-top > i {
    color: #022753;
    font-size: 1rem;
    transition: 0.3s ease;
}

.projects-card:hover .projects-card-top > i {
    color: var(--aenon-gold);
    transform: translateX(5px);
}

.projects-card-content h3 {
    margin: 0 0 12px;
    color: #01284e;
    font-size: 1.45rem;
    font-weight: 700;
}

.projects-card-content > p {
    margin: 0 0 25px;
    color: #011a24;
    font-size: 0.91rem;
    line-height: 1.6;
}

.projects-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    margin-top: auto;
    color: #021d2b;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    border-top: 0.2px dashed;
    border-bottom: 0.2px dashed;
    padding: 4px;
    transition: 0.3s ease;
}

.projects-link i {
    color: var(--about-orange);
    transition: transform 0.3s ease;
}

.projects-link:hover {
    color: var(--aenon-gold);
}

.projects-link:hover i {
    transform: translateX(5px);
}


/* Bottom CTA */

.projects-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding-top: 25px;
}

.projects-bottom p {
    margin: 0;
    color: #fdfdfd;
    font-size: 0.95rem;
    font-weight: 550;
}

.projects-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #dfe8ec;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s ease;
    border: 0.5px dashed;
    border-radius: 0px;
    padding: 5px 25px;
}

.projects-contact-link:hover {
    color: #03073c;
}

.projects-contact-link i {
    transition: transform 0.3s ease;
}

.projects-contact-link:hover i {
    transform: translateX(5px);
}




/* Responsive */

@media (max-width: 1100px) {

    .projects-section {
        padding: 85px 4%;
    }

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

    .projects-card:last-child {
        grid-column: 1 / -1;
    }

    .projects-card:last-child .projects-image {
        height: 300px;
    }

}

@media (max-width: 768px) {

    .projects-section {
        padding: 70px 5%;
    }

    .projects-heading {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 50px;
    }

    .projects-heading > p {
        margin: 0;
    }

    .projects-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .projects-filters {
        justify-content: flex-start;
    }

    .projects-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .projects-card:last-child {
        grid-column: auto;
    }

    .projects-card:last-child .projects-image {
        height: 260px;
    }

    .projects-card-content {
        min-height: 0;
    }

}

@media (max-width: 480px) {

    .projects-section {
        padding: 60px 5%;
    }

    .projects-heading h2 {
        font-size: 2.45rem;
        letter-spacing: -1.2px;
    }

    .projects-filters {
        gap: 5px;
    }

    .projects-filter {
        padding: 9px 12px;
        font-size: 0.78rem;
    }

    .projects-image {
        height: 225px;
    }

    .projects-card-content {
        padding: 22px 20px 25px;
    }

    .projects-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

}







/* ==============================
   PROJECT PORTFOLIO
================================ */
.project-portfolio {
    --project-orange: #ED741B;
    --project-bg: #171B1E;
    --project-card: #22282C;
    --project-card-light: #292F33;
    --project-text: #F7F7F6;
    --project-muted: #A7AFB2;
    --project-border: rgba(255,255,255,.09);

    width: 100%;
    overflow: hidden;
    color: var(--project-text);
    background: var(--project-bg);
}


/* HERO */

.project-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 25px 6%;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-radius: 0;

}

section:has(> .project-hero) {
    padding-left: 0;
    padding-right: 0;
}

.project-hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -180px;
    top: -230px;
    border: 1px solid rgba(237,116,27,.2);
    border-radius: 50%;
    box-shadow:
        0 0 0 45px rgba(237,116,27,.035),
        0 0 0 90px rgba(237,116,27,.025);
}

.project-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.project-eyebrow,
.project-section-label {
    display: block;
    margin-bottom: 16px;
    color: var(--aenon-carrot);
    font-size: .73rem;
    font-weight: 750;
    letter-spacing: 2.3px;
}

.project-hero h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 800;
    letter-spacing: -2px;
}

.project-hero h1 span {
    color: var(--aenon-carrot);
}

.project-hero-inner > p {
    max-width: 650px;
    margin: 0;
    color: #c1c6c8;
    font-size: 1.02rem;
    line-height: 1.8;
}

.project-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
    color: #aeb5b8;
    font-size: .83rem;
}

.project-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.project-breadcrumb i {
    color: var(--aenon-carrot);
}


/* CONTENT */

.project-content {
    width: 100%;
    max-width: 1500px;
    padding: 90px 6%;
    margin: auto;
    background:
        radial-gradient(ellipse at 85% 10%, rgba(237,116,27,.055), transparent 34%),
        linear-gradient(145deg, #1b2023, #171b1e 55%, #1c2124);
}

.project-introduction {
    display: grid;
    grid-template-columns: 1fr .85fr;
    align-items: end;
    gap: 65px;
    margin-bottom: 55px;
}

.project-introduction h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.project-introduction h2 span {
    color: var(--project-orange);
}

.project-introduction > p {
    max-width: 560px;
    margin: 0 0 5px auto;
    color: var(--project-muted);
    font-size: .94rem;
    line-height: 1.9;
}


/* CATEGORY STRIP */

.project-category-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 85px;
    background: rgba(255,255,255,.035);
    border: 1px solid var(--project-border);
}

.project-category-strip > div {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 23px 20px;
    border-right: 1px solid var(--project-border);
}

.project-category-strip > div:last-child {
    border-right: 0;
}

.project-category-strip i {
    color: var(--project-orange);
    font-size: 1.25rem;
}

.project-category-strip span {
    color: #e0e3e4;
    font-size: .83rem;
    font-weight: 600;
}


/* LIST HEADING */

.project-list-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
}

.project-list-heading .project-section-label {
    margin-bottom: 8px;
    font-size: .68rem;
}

.project-list-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 750;
}

.project-list-heading > p {
    margin: 0 0 5px;
    color: var(--project-muted);
    font-size: .86rem;
}


/* FILTERS */

.project-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--project-border);
}

.project-filter {
    padding: 10px 17px;
    color: #aeb5b8;
    background: transparent;
    border: 1px solid var(--project-border);
    border-radius: 3px;
    font-size: .8rem;
    font-weight: 650;
    cursor: pointer;
    transition: .25s ease;
}

.project-filter:hover,
.project-filter.active {
    color: #fff;
    background: var(--project-orange);
    border-color: var(--project-orange);
}

.project-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 22px 0;
}

.project-count span {
    color: #828c90;
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: 1.5px;
}

.project-count strong {
    color: #e6e9ea;
    font-size: .82rem;
}


/* PROJECT GRID */

.project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 25px;
}

.project-card {
    min-width: 0;
    overflow: hidden;
    background: linear-gradient(145deg, #292f33, #202629);
    border: 1px solid var(--project-border);
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    transition: transform .35s ease, border-color .35s ease,
                box-shadow .35s ease;
    height: 100%;
    padding: 5px;
}

.project-card:hover {
    transform: translateY(-8px);
    border-color: rgba(237,116,27,.38);
    box-shadow: 0 10px 20px rgba(56, 55, 55, 0.25);
}


/* MEDIA CAROUSEL */
.project-media {
    display: flex;
    width: 100%;
    position: relative;
    height: 220px;
    overflow: hidden;
    background: #818485;
}

.project-slides {
    position: absolute;
    inset: 5px;
}

.project-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}

.project-slide.active {
    opacity: 1;
    visibility: visible;
}

.project-slide img,
.project-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.42),
        transparent 35%,
        transparent 55%,
        rgba(0,0,0,.48)
    );
}

.project-number,
.project-status {
    position: absolute;
    z-index: 3;
    top: 18px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .7px;
}

.project-number {
    left: 18px;
    color: #fff;
    background: rgba(15,19,21,.72);
    backdrop-filter: blur(8px);
}

.project-status {
    right: 18px;
    color: #fff;
    background: rgba(15,19,21,.8);
    backdrop-filter: blur(8px);
}

.project-status::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: currentColor;
}

.status-completed {
    color: #72e6a3;
}

.status-ongoing {
    color: #f4d5a1;
}

.status-planned {
    color: #7fc4f6;
}

.status-review {
    color: #e6a560;
}


/* CAROUSEL CONTROLS */

.project-media-control {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #fff;
    background: rgba(20,24,26,.65);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    transition: .25s ease;
}

.project-media-control:hover {
    color: #fff;
    background: var(--project-orange);
    border-color: var(--project-orange);
}

.project-media-control.prev {
    left: 15px;
}

.project-media-control.next {
    right: 15px;
}

.project-media-indicators {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 15px;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.project-media-indicators button {
    width: 7px;
    height: 7px;
    padding: 0;
    background: rgba(255,255,255,.55);
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    transition: .25s ease;
}

.project-media-indicators button.active {
    width: 23px;
    background: var(--project-orange);
}


/* CARD BODY */

.project-card-body {
    padding: 25px;
}

.project-type {
    display: block;
    margin-bottom: 11px;
    color: var(--project-orange);
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: 1.4px;
}

.project-card-body h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1.4;
}

.project-description {
    margin: 0 0 23px;
    color: #aeb6b9;
    font-size: .86rem;
    line-height: 1.85;
}


/* CONTRACT REFERENCE */

.project-contract {
    padding: 15px 17px;
    margin-bottom: 22px;
    background: rgba(0,0,0,.16);
    border-left: 3px solid var(--project-orange);
}

.project-contract span,
.project-contract strong {
    display: block;
}

.project-contract span {
    margin-bottom: 6px;
    color: #879196;
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: 1.3px;
}

.project-contract strong {
    color: #f0f1f1;
    font-size: .84rem;
    overflow-wrap: anywhere;
}


/* PROJECT INFORMATION */

.project-information {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 18px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--project-border);
}

.project-information > div {
    min-width: 0;
}

.project-information span {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #899397;
    font-size: .7rem;
    font-weight: 600;
}

.project-information span i {
    color: var(--project-orange);
    font-size: .77rem;
}

.project-information strong {
    display: block;
    color: #e2e5e6;
    font-size: .79rem;
    font-weight: 600;
    line-height: 1.6;
    overflow-wrap: anywhere;
}


/* EXPANDABLE DETAILS */

.project-more {
    margin-top: 20px;
}

.project-more summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 16px;
    color: #fff;
    background: rgba(255,255,255,.045);
    border: 1px solid var(--project-border);
    font-size: .8rem;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    transition: .25s ease;
}

.project-more summary::-webkit-details-marker {
    display: none;
}

.project-more summary:hover {
    color: var(--project-orange);
    border-color: rgba(237,116,27,.35);
}

.project-more summary i {
    color: var(--project-orange);
    transition: transform .3s ease;
}

.project-more[open] summary i {
    transform: rotate(45deg);
}

.project-more-content {
    padding: 20px 16px 5px;
    color: #abb3b6;
    animation: projectDetailsIn .3s ease;
}

@keyframes projectDetailsIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.project-more-content h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: .83rem;
}

.project-more-content p,
.project-more-content li {
    color: #aeb6b9;
    font-size: .81rem;
    line-height: 1.8;
}

.project-more-content p {
    margin: 0 0 18px;
}

.project-more-content ul {
    padding-left: 18px;
    margin: 0 0 18px;
}

.project-extra-media {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 15px;
}

.project-extra-media img {
    display: block;
    width: 100%;
    height: 115px;
    object-fit: cover;
}


/* EMPTY FILTER RESULT */

.project-empty {
    padding: 65px 20px;
    text-align: center;
    background: rgba(255,255,255,.025);
    border: 1px solid var(--project-border);
}

.project-empty[hidden] {
    display: none;
}

.project-empty > i {
    margin-bottom: 18px;
    color: var(--project-orange);
    font-size: 2rem;
}

.project-empty h3 {
    margin: 0 0 8px;
    color: #fff;
}

.project-empty p {
    margin: 0;
    color: var(--project-muted);
    font-size: .87rem;
}


/* CTA */

.project-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 85px;
    padding: 42px 45px;
    background:
        linear-gradient(100deg, rgba(15,19,21,.96), rgba(34,40,44,.92)),
        url("images/image5.png") center / cover no-repeat;
    border: 1px solid var(--project-border);
}

.project-cta > div > span {
    display: block;
    margin-bottom: 12px;
    color: var(--project-orange);
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: 1.7px;
}

.project-cta h2 {
    margin: 0 0 9px;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.project-cta p {
    margin: 0;
    color: #b5bdc0;
    font-size: .88rem;
    line-height: 1.7;
}

.project-cta > a {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 13px;
    padding: 15px 22px;
    color: #fff;
    background: var(--project-orange);
    font-size: .83rem;
    font-weight: 750;
    text-decoration: none;
    transition: .3s ease;
}

.project-cta > a:hover {
    color: var(--project-orange);
    background: #fff;
}

.project-cta > a i {
    transition: transform .3s ease;
}

.project-cta > a:hover i {
    transform: translateX(5px);
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .project-content {
        padding-right: 4%;
        padding-left: 4%;
    }

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

    .project-category-strip > div:nth-child(2) {
        border-right: 0;
    }

    .project-category-strip > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--project-border);
    }

}

@media (max-width: 850px) {

    .project-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
        margin: auto;
    }

    .project-introduction {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .project-introduction > p {
        margin: 0;
    }

}

@media (max-width: 600px) {

    .project-hero {
        min-height: 330px;
        padding: 70px 5%;
    }

    .project-hero h1 {
        font-size: 2.9rem;
    }

    .project-content {
        padding: 65px 5%;
    }

    .project-category-strip > div {
        padding: 17px 13px;
        gap: 10px;
    }

    .project-category-strip span {
        font-size: .73rem;
    }

    .project-list-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .project-filter {
        padding: 9px 12px;
        font-size: .74rem;
    }

    .project-media {
        height: 200px;
    }

    .project-card-body {
        padding: 21px;
    }

    .project-card-body h3 {
        font-size: 1.2rem;
    }

    .project-information {
        gap: 17px 12px;
    }

    .project-information strong {
        font-size: .75rem;
    }

    .project-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px 23px;
    }

}

@media (max-width: 380px) {

    .project-information {
        grid-template-columns: 1fr;
    }

    .project-category-strip span {
        font-size: .68rem;
    }

}














/* =========================================
   HOME WHY AENON
========================================= */

.home-why-aenon {

    --home-gold: #e5a82b;
    --home-dark: #171a1e;
    --home-white: #fff;
    --home-muted: #b4b8bf;

    position: relative;
    width: 100%;
    padding: 100px 6%;
    overflow: hidden;
    background: var(--linear-bg-dark1);
    isolation: isolate;

}


/* Background decoration */

.home-why-aenon::before {

    content: "";
    position: absolute;
    top: -150px;
    right: -50px;
    width: 550px;
    height: 550px;
    border: 0.1px solid rgba(229, 168, 43, 0.2);
    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(229, 168, 43, 0.025),
        0 0 0 120px rgba(229, 168, 43, 0.015);

    z-index: 1;
    pointer-events: none;

}


.home-why-container {

    width: 100%;
    max-width: 1450px;
    margin: 0 auto;

}


/* =========================================
   HEADER
========================================= */

.home-why-header {

    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: end;
    gap: 55px;
    margin-bottom: 55px;

}


.home-why-heading {

    display: flex;
    align-items: flex-start;
    gap: 20px;

}


/* AENON branding */

.home-why-brand {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding-top: 5px;
    flex-shrink: 0;

}


.home-why-brand span {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--aenon-gold);
    color: var(--aenon-gold);
    font-size: 15px;
    font-weight: 800;
    transition: 0.3s ease;

}


.home-why-brand span:hover {

    background: var(--aenon-gold);
    color: rgb(2, 0, 0);
    transform: translateX(5px);

}


/* Heading */

.home-why-subtitle {

    display: inline-block;
    margin-bottom: 14px;
    color: var(--aenon-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;

}


.home-why-title h2 {

    max-width: 650px;
    margin: 0;
    color: var(--white);
    font-size: clamp(2.2rem, 4.3vw, 3.8rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;

}


.home-why-title h2 span {

    color: var(--aenon-gold);

}


/* Introduction */

.home-why-intro {

    max-width: 550px;
    padding-left: 22px;
    border-left: 3px solid var(--aenon-gold);

}


.home-why-intro p {

    margin: 0 0 22px;
    color: var(--white);
    font-size: 15px;
    line-height: 1.6;

}


.home-why-explore {

    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--aenon-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: 0.3s ease;
    border-top: 0.2px dashed;
    border-bottom: 0.2px dashed;
    padding: 5px;

}


.home-why-explore i {

    transition: transform 0.3s ease;

}


.home-why-explore:hover {

    color: var(--home-white);

}


.home-why-explore:hover i {

    transform: translateX(6px);

}


/* =========================================
   IMAGE FEATURE GRID
========================================= */

.home-why-grid {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;

}


/* Cards */

.home-why-card {

    position: relative;
    display: flex;
    align-items: flex-end;
    min-width: 0;
    height: 330px;
    overflow: hidden;
    isolation: isolate;
    background: #292d32;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    text-decoration: none;
    color: var(--white);

}


/* Card image */

.home-why-card > img {

    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
    transition: transform 0.7s ease;

}


/* Dark gradient */

.home-why-card-overlay {

    position: absolute;
    inset: 0;
    z-index: -1;

    background: linear-gradient(
        to bottom,
        rgba(15, 17, 20, 0.05) 0%,
        rgba(15, 17, 20, 0.15) 30%,
        rgba(15, 17, 20, 0.85) 75%,
        rgba(15, 17, 20, 0.96) 100%
    );

    transition: background 0.4s ease;

}


/* Card content */

.home-why-card-content {

    width: 100%;
    padding: 24px;

}


.home-why-card-number {

    display: inline-block;
    margin-bottom: 40px;
    padding: 7px 11px;
    background: rgba(20, 22, 25, 0.65);
    border-left: 2px solid var(--aenon-gold);
    color: var(--aenon-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    backdrop-filter: blur(8px);

}


.home-why-card-bottom {

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;

}


.home-why-card-bottom > div {

    min-width: 0;

}


.home-why-card h3 {

    margin: 0 0 9px;
    color: var(--white);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.35;

}


.home-why-card p {

    margin: 0;
    color: var(--aenon-gold);
    font-size: 12px;
    line-height: 1.7;

}


/* Arrow */

.home-why-card-arrow {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border: 1px solid var(--aenon-gold);
    border-radius: 50%;
    color: var(--aenon-gold);
    font-size: 15px;
    transition: 0.35s ease;

}


/* Hover effects */

.home-why-card:hover > img {

    transform: scale(1.09);

}


.home-why-card:hover .home-why-card-overlay {

    background: linear-gradient(
        to bottom,
        rgba(15, 17, 20, 0.1),
        rgba(15, 17, 20, 0.2) 25%,
        rgba(15, 17, 20, 0.9) 100%
    );

}


.home-why-card:hover .home-why-card-arrow {

    background: var(--aenon-gold);
    color: var(--dark);
    transform: rotate(45deg);

}


/* Keyboard accessibility */

.home-why-card:focus-visible,
.home-why-explore:focus-visible,
.home-why-main-btn:focus-visible {

    outline: 3px solid var(--aenon-gold);
    outline-offset: 5px;

}


/* =========================================
   BOTTOM CTA
========================================= */

.home-why-footer {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 40px;
    padding: 32px 35px;
    border: 1px solid var(--aenon-gold);
    border-radius: 6px;
    background: rgba(229, 168, 43, 0.045);

}


.home-why-footer-text > span {

    display: block;
    margin-bottom: 9px;
    color: var(--aenon-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;

}


.home-why-footer h3 {

    margin: 0;
    color: var(--white);
    font-size: clamp(21px, 2.5vw, 29px);
    font-weight: 800;
    line-height: 1.4;

}


.home-why-footer h3 strong {

    color: var(--aenon-gold);
    font-family: 'Oswald', sans-serif;

}


/* Main CTA button */

.home-why-main-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    flex-shrink: 0;
    padding: 17px 23px;
    background: var(--aenon-gold);
    color: var(--dark);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.3s ease;

}


.home-why-main-btn i {

    font-size: 15px;
    transition: transform 0.3s ease;

}


.home-why-main-btn:hover {

    background: var(--white);
    color: var(--dark);

}


.home-why-main-btn:hover i {

    transform: translateX(5px);

}


/* =========================================
   RESPONSIVE DESIGN
========================================= */


/* Medium screens */

@media (max-width: 1050px) {

    .home-why-aenon {

        padding: 80px 4%;

    }

    .home-why-header {

        grid-template-columns: 1fr;
        gap: 25px;

    }

    .home-why-intro {

        margin-left: 55px;
        max-width: 700px;

    }

    .home-why-card {

        height: 300px;

    }

    .home-why-card h3 {

        font-size: 18px;

    }

}


/* Tablets */

@media (max-width: 768px) {

    .home-why-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;

    }

    .home-why-card {

        height: 300px;

    }

    .home-why-footer {

        align-items: flex-start;
        flex-direction: column;

    }

}


/* Mobile phones */

@media (max-width: 550px) {

    .home-why-aenon {

        padding: 65px 5%;

    }

    .home-why-header {

        gap: 23px;
        margin-bottom: 30px;

    }

    .home-why-heading {

        gap: 12px;

    }

    .home-why-brand span {

        width: 28px;
        height: 28px;
        font-size: 12px;

    }

    .home-why-subtitle {

        font-size: 9px;
        letter-spacing: 2.5px;

    }

    .home-why-title h2 {

        font-size: clamp(26px, 7vw, 36px);
        letter-spacing: -0.8px;

    }

    .home-why-intro {

        margin-left: 40px;
        padding-left: 14px;

    }

    .home-why-intro p {

        font-size: 13px;
        line-height: 1.8;

    }

    .home-why-grid {

        grid-template-columns: 1fr;
        gap: 15px;

    }

    .home-why-card {

        height: 290px;

    }

    .home-why-card-content {

        padding: 22px;

    }

    .home-why-card-number {

        margin-bottom: 35px;

    }

    .home-why-card h3 {

        font-size: 20px;

    }

    .home-why-card p {

        font-size: 12px;

    }

    .home-why-footer {

        margin-top: 30px;
        padding: 25px 20px;

    }

    .home-why-footer h3 {

        font-size: 22px;

    }

    .home-why-main-btn {

        width: 100%;
        padding: 17px 12px;
        font-size: 10px;

    }

}


/* Very small phones */

@media (max-width: 360px) {

    .home-why-aenon {

        padding: 50px 16px;

    }

    .home-why-heading {

        gap: 9px;

    }

    .home-why-brand span {

        width: 24px;
        height: 24px;
        font-size: 10px;

    }

    .home-why-title h2 {

        font-size: 25px;

    }

    .home-why-intro {

        margin-left: 33px;

    }

    .home-why-card {

        height: 270px;

    }

}



















/* =========================================
   WHY CHOOSE AENON
========================================= */
.why-aenon {
    --aenon-gold: #eb2c0b;
    --aenon-dark: #171a1e;
    --aenon-card: #20242a;
    --aenon-text: #ffffff;
    --aenon-muted: #dbdfe4;

    position: relative;
    width: 100%;
    padding: 100px 6%;
    overflow: hidden;
    background: var(--linear-bg-dark1);
    isolation: isolate;
}


/* Background decoration */

.why-aenon::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -150px;
    width: 550px;
    height: 550px;
    border: 1px solid rgba(229, 168, 43, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 60px rgba(229, 168, 43, 0.025),
        0 0 0 120px rgba(229, 168, 43, 0.02);
    z-index: -1;
    pointer-events: none;
}


.why-aenon::after {
    content: "";
    position: absolute;
    bottom: -180px;
    left: -180px;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(229, 168, 43, 0.07),
        transparent 70%
    );
    z-index: -1;
    pointer-events: none;
}


/* Main container */

.why-aenon-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.why-aenon-header {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: end;
    gap: 60px;
    margin-bottom: 65px;
}


.why-aenon-heading {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}


/* AENON letters */

.why-aenon-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding-top: 8px;
    flex-shrink: 0;
}


.why-aenon-brand span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(239, 231, 215, 0.5);
    color: var(--aenon-gold);
    font-size: 16px;
    font-weight: 800;
    transition: 0.3s ease;
}


.why-aenon-brand span:hover {
    background: var(--aenon-gold);
    color: var(--aenon-dark);
    transform: translateX(5px);
}


/* Heading */

.why-aenon-title {
    min-width: 0;
}


.why-aenon-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--aenon-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}


.why-aenon-title h2 {
    margin: 0;
    max-width: 650px;
    color: var(--aenon-text);
    font-size: clamp(2.1rem, 4.5vw, 4.1rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}


.why-aenon-title h2 span {
    color: var(--aenon-gold);
}


/* Introduction */

.why-aenon-intro {
    max-width: 540px;
    margin: 0 0 5px;
    padding-left: 22px;
    border-left: 3px solid var(--aenon-gold);
    color: var(--aenon-muted);
    font-size: 16px;
    line-height: 1.9;
}


/* =========================================
   FEATURE GRID
========================================= */

.why-aenon-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* Individual cards */

.why-aenon-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 310px;
    padding: 32px 28px;
    overflow: hidden;
    background: var(--aenon-card);
    border: 1.5px solid rgba(255, 255, 255, 0.07);
    border-radius: 5px;
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}


.why-aenon-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 6px;
    background: var(--aenon-gold);
    transition: width 0.6s ease;
}


.why-aenon-card:hover {
    transform: translateY(-8px);
    background: #262b32;
    border-color: rgba(229, 71, 43, 0.4);
    box-shadow: 0 4px 20px rgba(109, 106, 106, 0.2);
}


.why-aenon-card:hover::before {
    width: 100%;
}


/* Card top */

.why-aenon-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}


.why-aenon-number {
    color: rgba(255, 255, 255, 0.35);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}


.why-aenon-card-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 4px;
    background: rgba(229, 168, 43, 0.1);
    color: var(--aenon-gold);
    font-size: 27px;
    transition: 0.35s ease;
}


.why-aenon-card:hover .why-aenon-card-top i {
    background: var(--aenon-gold);
    color: var(--aenon-dark);
    transform: scale(1.2) rotate(-15deg);
}


/* Card content */

.why-aenon-card h3 {
    margin: 0 0 15px;
    color: var(--aenon-text);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 6px;
    border-bottom: 0.2px solid #e14816;
}


.why-aenon-card p {
    margin: 0;
    color: var(--aenon-muted);
    font-size: 14px;
    line-height: 1.85;
}


/* Bottom accent */

.why-aenon-card-line {
    display: block;
    width: 38px;
    height: 2px;
    margin-top: auto;
    padding-top: 0;
    background: var(--aenon-gold);
    opacity: 0.65;
    transition: width 0.35s ease;
}


.why-aenon-card:hover .why-aenon-card-line {
    width: 100px;
    opacity: 1;
}


/* =========================================
   FOOTER STATEMENT
========================================= */

.why-aenon-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 55px;
    padding: 35px 40px;
    border: 1px solid rgba(229, 83, 43, 0.3);
    background: rgba(229, 168, 43, 0.045);
}


.why-aenon-footer-label {
    display: block;
    margin-bottom: 10px;
    color: var(--aenon-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}


.why-aenon-footer h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(20px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.4;
}


.why-aenon-footer h3 span {
    color: var(--aenon-gold);
}


/* Contact link */

.why-aenon-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-shrink: 0;
    padding: 17px 24px;
    background: var(--aenon-gold);
    color: #171a1e;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    transition: 0.3s ease;
}


.why-aenon-contact i {
    font-size: 16px;
    transition: transform 0.3s ease;
}


.why-aenon-contact:hover {
    background: #fff;
    color: #171a1e;
}


.why-aenon-contact:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE DESIGN
========================================= */


/* Medium screens */

@media (max-width: 1050px) {

    .why-aenon {
        padding: 80px 4%;
    }

    .why-aenon-header {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 45px;
    }

    .why-aenon-intro {
        max-width: 750px;
        margin-left: 58px;
    }

    .why-aenon-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* Tablets and small devices */

@media (max-width: 600px) {

    .why-aenon {
        padding: 65px 5%;
    }

    .why-aenon-header {
        gap: 22px;
        margin-bottom: 35px;
    }

    .why-aenon-heading {
        gap: 13px;
    }

    .why-aenon-brand span {
        width: 29px;
        height: 29px;
        font-size: 13px;
    }

    .why-aenon-subtitle {
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: 2.5px;
    }

    .why-aenon-title h2 {
        font-size: clamp(27px, 7vw, 38px);
        letter-spacing: -1px;
    }

    .why-aenon-intro {
        margin-left: 42px;
        padding-left: 14px;
        font-size: 14px;
        line-height: 1.8;
    }

    .why-aenon-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .why-aenon-card {
        min-height: 0;
        padding: 26px 23px;
    }

    .why-aenon-card-top {
        margin-bottom: 22px;
    }

    .why-aenon-card h3 {
        font-size: 19px;
    }

    .why-aenon-card p {
        font-size: 13.5px;
    }

    .why-aenon-card-line {
        margin-top: 24px;
    }

    .why-aenon-footer {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 35px;
        padding: 27px 22px;
    }

    .why-aenon-contact {
        width: 100%;
        padding: 16px;
    }

}


/* Very small phones */

@media (max-width: 360px) {

    .why-aenon {
        padding: 50px 16px;
    }

    .why-aenon-heading {
        gap: 10px;
    }

    .why-aenon-brand span {
        width: 25px;
        height: 25px;
        font-size: 11px;
    }

    .why-aenon-title h2 {
        font-size: 25px;
    }

    .why-aenon-intro {
        margin-left: 35px;
        font-size: 13px;
    }

}








.heading-box{
    position: relative;
    width: 100%;
    background: linear-gradient(90deg, rgb(246, 247, 247), rgb(229, 233, 234),rgb(207, 207, 207));
    border-top-left-radius:25px;
    border-bottom-right-radius:25px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 15px;
    box-shadow: 3px 3px 0 var(--aenon-gold);
    border: 0.1px solid #b1b2b2;
}

.heading-box::after,
.heading-box::before{
   content: "";
    position: absolute;
    width: 20%;
    height: 3px;
    top: 50%;
    left: 103%;
    transform: translateY(-50%);
    background: var(--aenon-gold);
}

.heading-box::before{
    left: unset;
    right: 103%;
   
}

.heading-box h1{
    font-size: 2rem;
    padding: 0;
}
.heading-box h1::before{
   content: '';
    position: absolute;
    width: 50%;
    height: 70%;
    top: -8px;
    left: -8px;
    border-top: 3px solid var(--aenon-gold);
    border-left: 3px solid var(--aenon-gold);
    border-top-left-radius: 30px;
    
}

.letter-container {
    position: absolute;
    width: 50%;
    height: 20px;
    top: -21px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    gap: 5px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    margin: 0 auto;
}
.letter-box {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aenon-gold);
    color: #ffffff;
    font-size: 0.6rem;
    border-radius: 50%;
    opacity: 0.05;
    animation: letterGlow 10s infinite;
}

.letter-box:nth-child(1) { animation-delay: 0s; }
.letter-box:nth-child(2) { animation-delay: 2s; }
.letter-box:nth-child(3) { animation-delay: 4s; }
.letter-box:nth-child(4) { animation-delay: 6s; }
.letter-box:nth-child(5) { animation-delay: 8s; }

@keyframes letterGlow {
    0%, 100% {
        opacity: 0.05;
        transform: scale(0.9);
    }

    5%, 15% {
        opacity: 0.8;
        transform: scale(1);
    }

    20% {
        opacity: 0.05;
        transform: scale(0.9);
    }
}



.general-btn,
.general-btn-1 {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #fffefe;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    background: var(--aenon-gold);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background 0.3s ease,
        border 0.3s ease,
        color 0.3s ease;
}
.general-btn-1 {
    border: 2px solid var(--aenon-gold);
    color: var(--aenon-gold);
    background: transparent;
}

.general-btn:hover {
    background: transparent;
    color: var(--aenon-gold);
    border: 2px solid var(--aenon-gold);
}
.general-btn-1:hover {
    background: var(--aenon-gold);
    color: rgb(255, 255, 255);
    border: 2px solid white;
}

.image-box {
    width: 100%;
    position: relative;
    min-width: 0;
    height: 30rem;
    margin: 0 auto;
    padding: 0;
    border-radius: 0rem;
    box-sizing: border-box;
    display: flex; 
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background:
    radial-gradient(
        circle at 35% 15%,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 220, 150, 0.15) 20%,
        transparent 45%
    ),
    linear-gradient(
        135deg,
        #8f99a2 0%,
        #263d55 45%,
        #101820 100%
    );
}
.gallery .image-box {
    overflow: hidden;
}


.image-box img:first-child {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.image-box .about-frame {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 101%;
    height: 101%;
    object-fit: fill;
    flex-shrink: 0;
    pointer-events: none;
}

.CEO-container .image-box {
    background: none;
}

.CEO-container img:first-child{
    height: 80%; 
    width: auto; 
}
.CEO-container .about-frame{
    display: none;
}


@media (max-width:992px){

    .home,
    .container-grid {
     
        grid-template-columns: 1fr;
        
    }

    .container-grid-3 {
        grid-template-columns: 1fr;
    }

    .CEO-container .image-box {
        background:  radial-gradient(
                circle at 35% 15%,
                rgba(255, 255, 255, 0.6) 0%,
                rgba(255, 220, 150, 0.15) 20%,
                transparent 45%
            ),
            linear-gradient(
                135deg,
                #8f99a2 0%,
                #263d55 45%,
                #101820 100%
            );
        max-height: 440px;
    }

    .CEO-container img:first-child{
        height: 80%;
        width: 80%;
        object-fit: cover;
        object-position: center top;
    }
    .CEO-container .about-frame{
        display: flex;
    }


}


.menu {
    padding:15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}





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


.menu .row .content{
    flex:1 1 40rem;
}

.menu .row .content .info{
    padding:1rem 0;
}

.menu .row .content .info h3{
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    color:#333;
}

.menu .row .content .info h3 span{
    padding-right: 1rem;
    color:var(--aenon-gold);
}

.menu .row .content .info p{
    padding:1rem 0;
    padding-left: 4.5rem;
    font-size: 1.5rem;
    color:#666;
}

.popular{
    background: radial-gradient(
        circle at center,
        rgba(3, 25, 30, 0.96) 0%,
        rgba(18, 38, 44, 0.96) 55%,
        rgba(1, 24, 35, 0.98) 100%
    ),
    url(images/image1.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    padding: 1%;
}

.popular .box-container{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.popular .box-container .box{
    background:#fff;
    width: 25rem;
    padding:10px;
    margin:0;
    border-radius: 5px;
    box-shadow: 0 .3rem .5rem rgba(0,0,0,.2);
    text-align: center;
    transform: scale(1);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #fff;
    transition: transform 0.25s ease, box-shadow 0.3s ease;
}

.popular .box-container .box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    background:
        radial-gradient(circle at 35% 15%,
            rgba(255,255,255,.6) 0%,
            rgba(255,220,150,.15) 20%,
            transparent 45%),
        linear-gradient(135deg,
            #8f99a2 0%,
            #263d55 45%,
            #101820 100%);
    transition: opacity 0.4s ease;
}

.popular .box-container .box img{
    height:15rem;
    width:100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.5s ease;
}

.popular .box-container .box h3,
.popular .box-container .box p{
    color: #000;
    width: 100%;
    margin: 15px 0;
    transition: color 0.3s ease;
}
.popular .box-container .box:hover h3,
.popular .box-container .box:hover p{
    color: #fffdfd;
}

.popular .box-container .box:hover{
    transform: scale(1.02);
    box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.2);
}
.popular .box-container .box:hover img{
    transform: scale(1.05);
}

.popular .box-container .box:hover::before {
    opacity: 1;
}



.gallery .box-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.gallery .box-container .box{
    height:20rem;
    width:24rem;
    margin:1rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: rgb(215, 213, 213);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.gallery .box-container .box img{
    height:100%;
    width:100%;
    object-fit: cover;
}
.gallery .box-container .box h2{
    color: #010f1e;
    font-size: 1.2rem;
    font-weight: 600;
    background: #fefdfd;
    width: 100%;
    padding: 5px 10px;
    border-radius: 6px;
}

.gallery .box-container .box h3{
    position: absolute;
    top:100%; left:50%;
    transform: translate(-50%, -50%);
    color:#fdfdfd;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    z-index: 2;
    opacity: 0;
}

.gallery .box-container .box:hover h3{
    top:50%;
    opacity: 1;
    transition-delay: .2s;
}

.gallery .box-container .box::before{
    content: '';
    position: absolute;
    top:-100%; left:0;
    height:100%;
    width: 100%;
    background:rgba(0,0,0, 0.5);
    transition:.2s linear;
    z-index: 1;
}

.gallery .box-container .box:hover::before{
    top:0;
}








.form-box{
    padding:5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.form-box form{
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(23, 23, 23, 0.5);
}
.form-box form input,
.form-box form textarea{
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border: 0.2px solid;
    background: #f5f4f4;
}






.list-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    background:
        linear-gradient(135deg,
            #f4f5f6 10%,
            #f2f3f4 45%,
            #eaeaeb 100%);
            padding: 15px;
            border-radius: 8px;
}
.list-box > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.list-box.hide {
    display: none;
}










/* =========================================
   AENON CORPORATE FOOTER
========================================= */

.ac-footer {
    position: relative;
    width: 100%;
    padding: 25px 5% 0;
    box-sizing: border-box;
    color: #d3dce1;
    background: linear-gradient(90deg, #101820 0%, #192b36 55%, #101820 100%);
    overflow: hidden;
}

.ac-footer-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================
   FOOTER TOP
========================================= */

.ac-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: center;
    gap: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ac-footer-brand {
    min-width: 0;
}

.ac-footer-logo {
    display: flex;
    gap: 6px;
    margin-bottom: 17px;
}

.ac-footer-logo span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--aenon-gold);
    border: 1px solid var(--aenon-gold);
    font-size: .82rem;
    font-weight: 800;
    transform: skew(-8deg);
}

.ac-footer-brand h2 {
    margin: 0;
    color: var(--white);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ac-footer-brand h2 span {
    color: var(--aenon-gold);
}

.ac-footer-tagline {
    margin: 8px 0 12px;
    color: var(--white);
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .5px;
}

.ac-footer-description {
    max-width: 580px;
    margin: 0;
    color: var(--white);
    font-size: 0.9rem;
    line-height: 1.6;
}


/* =========================================
   FOOTER CTA
========================================= */

.ac-footer-cta {
    padding: 28px 30px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .1);
    border-left: 3px solid var(--aenon-gold);
}

.ac-footer-cta > span {
    color: var(--aenon-gold);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ac-footer-cta h3 {
    margin: 12px 0 20px;
    color: var(--white);
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    line-height: 1.4;
}



/* =========================================
   FOOTER GRID
========================================= */

.ac-footer-grid {
    display: grid;
    grid-template-columns: 1.25fr .8fr 1.1fr .9fr;
    gap: 40px;
    padding: 20px 0;
}

.ac-footer-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ac-footer-column h3 {
    position: relative;
    width: 100%;
    margin: 0 0 25px;
    padding-bottom: 10px;
    color: var(--white);
    font-size: 1rem;
    font-weight: 700;
}

.ac-footer-column h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 38px;
    height: 2px;
    background: var(--aenon-gold);
}


/* =========================================
   CONTACT ITEMS
========================================= */

.ac-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    margin-bottom: 16px;
    color: var(--white);
    font-size: .84rem;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .25s ease;
}

.ac-footer-contact-item i {
    flex: 0 0 17px;
    margin-top: 4px;
    color: var(--aenon-gold);
    font-size: .85rem;
    text-align: center;
}

.ac-footer-contact-item p {
    margin: 0;
}

.ac-footer-contact-item:hover {
    color: var(--aenon-gold);
}


/* =========================================
   FOOTER LINK LIST
========================================= */

.ac-footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.ac-footer-link-list a,
.ac-footer-link-list span {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--white);
    font-size: .84rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color .25s ease, transform .25s ease;
}

.ac-footer-link-list i {
    flex: 0 0 13px;
    margin-top: 3px;
    color: var(--aenon-gold);
    font-size: .75rem;
}

.ac-footer-link-list a:hover {
    color: #ED741B;
    transform: translateX(4px);
}


/* =========================================
   SOCIAL LINKS
========================================= */

.ac-footer-social-intro {
    margin: 0 0 20px;
    color: var(--white);
    font-size: .84rem;
    line-height: 1.6;
}

.ac-footer-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.ac-footer-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: var(--aenon-gold);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .13);
    text-decoration: none;
    transition: .3s ease;
}

.ac-footer-social-links a:hover {
    color: var(--white);
    background: var(--aenon-gold);
    border-color: var(--aenon-gold);
    transform: translateY(-4px);
}

.ac-footer-social-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 25px;
    color: var(--white);
    font-size: .8rem;
}

.ac-footer-social-note i {
    color: var(--aenon-gold);
}


/* =========================================
   COPYRIGHT / CREDIT
========================================= */

.ac-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 65px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .13);
    color: var(--white);
    font-size: .78rem;
}

.ac-footer-bottom p {
    margin: 0;
    line-height: 1.7;
}

.ac-footer-bottom a {
    color: var(--aenon-gold);
    text-decoration: none;
    transition: color .25s ease;
}

.ac-footer-bottom a:hover {
    color: var(--white);
}

.ac-footer-credit {
    text-align: right;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .ac-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 55px;
    }

    .ac-footer-top {
        gap: 30px;
    }

}

@media (max-width: 700px) {

    .ac-footer {
        padding: 60px 6% 0;
    }

    .ac-footer-top {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
        padding-bottom: 35px;
    }

    .ac-footer-cta {
        padding: 25px 22px;
    }

    .ac-footer-grid {
        gap: 35px 25px;
        padding: 40px 0;
    }

    .ac-footer-bottom {
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        text-align: center;
    }

    .ac-footer-credit {
        text-align: center;
    }

}

@media (max-width: 450px) {

    .ac-footer {
        padding: 50px 6% 0;
    }

    .ac-footer-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .ac-footer-column h3 {
        margin-bottom: 18px;
    }

    .ac-footer-link-list {
        gap: 12px;
    }

    .ac-footer-bottom {
        font-size: .73rem;
    }

}

@media (prefers-reduced-motion: reduce) {

   
    .ac-footer-contact-item,
    .ac-footer-link-list a,
    .ac-footer-social-links a,
    .ac-footer-bottom a {
        transition: none;
    }

}









/* =========================================
   TEAM SECTION
========================================= */

.ac-team-section {
    position: relative;
    width: 100%;
    padding: 90px 5%;
    background: var(--linear-bg-white1);
    overflow: hidden;
}

.ac-team-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.ac-team-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.ac-team-eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--aenon-gold);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 3px;
}

.ac-team-heading h1,
.ac-team-message-content h2 {
    margin: 0;
    color: #14232d;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.2;
}

.ac-team-heading h1 span,
.ac-team-message-content h2 span {
    color: var(--aenon-gold);
}

.ac-team-heading > p {
    max-width: 650px;
    margin: 17px auto 0;
    color: #fffdfd;
    font-size: 1rem;
    line-height: 1.8;
}

.ac-team-heading-line {
    width: 65px;
    height: 4px;
    margin: 23px auto 0;
    background: #ED741B;
}


/* TEAM GRID */

.ac-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}


/* TEAM CARD */

.ac-team-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    min-width: 0;
    max-width: 430px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: var(--linear-bg-dark2);
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #e5e8ea;
    box-shadow: 1px 5px 15px rgba(15, 31, 41, 0.2);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.ac-team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(15, 31, 41, 0.14);
}


/* TEAM PHOTOS */

.ac-team-photo {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: radial-gradient(
        circle at 50% 35%,
        #52636b 0%,
        #263c47 60%,
        #14232d 100%
    );
}

.ac-team-photo > img:first-child {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.6s ease;
}

.ac-team-card:hover .ac-team-photo > img:first-child {
    transform: scale(1.045);
}

.ac-team-photo .ac-team-photo-frame {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}




/* TEAM INFORMATION */

.ac-team-info {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px;
    color: #fff;
    background: linear-gradient(145deg, #263f4d, #101e27);
    border: 0.1px solid rgba(235, 232, 232, 0.25);
}

.ac-team-category {
    display: inline-block;
    margin-bottom: 10px;
    color: #ED741B;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-team-info h3 {
    margin: 0;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 750;
    line-height: 1.3;
}

.ac-team-role {
    margin: 7px 0 0;
    color: #ED741B;
    font-size: 0.95rem;
    font-weight: 600;
}

.ac-team-divider {
    width: 48px;
    height: 3px;
    margin: 17px 0;
    background: #ED741B;
}

.ac-team-description {
    margin: 0 0 20px;
    color: #d2dce1;
    font-size: 0.88rem;
    line-height: 1.75;
}


/* CONTACT DETAILS */

.ac-team-contact {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    margin-top: auto;
}

.ac-team-contact a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #e5ebee;
    font-size: 0.83rem;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.3s ease;
}

.ac-team-contact a i {
    flex: 0 0 16px;
    color: #ED741B;
    text-align: center;
}

.ac-team-contact a:hover {
    color: #ED741B;
}


/* SOCIAL LINKS */

.ac-team-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
    padding-top: 17px;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ac-team-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #ED741B;
    font-size: 0.85rem;
    border: 1px solid rgba(237, 116, 27, 0.55);
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ac-team-socials a:hover {
    color: #fff;
    background: #ED741B;
    border-color: #ED741B;
}


/* =========================================
   MANAGEMENT MESSAGE
========================================= */

.ac-team-message {
    position: relative;
    width: 100%;
    padding: 100px 5%;
    background: var(--linear-bg-dark1);
    overflow: hidden;
}

.ac-team-message-container {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    align-items: center;
    gap: 75px;
    max-width: 1400px;
    margin: 0 auto;
}


/* MESSAGE CONTENT */

.ac-team-message-content {
    min-width: 0;
}

.ac-team-message-content h2 {
    color: #fff;
    max-width: 650px;
}

.ac-team-message-content h2 span {
    display: block;
}

.ac-team-message-line {
    width: 65px;
    height: 4px;
    margin: 24px 0 30px;
    background: #ED741B;
}

.ac-team-message-content > p {
    margin: 0 0 17px;
    color: #c5d0d5;
    font-size: 0.96rem;
    line-height: 1.9;
}

.ac-team-message-content .ac-team-message-greeting {
    color: #fff;
    font-weight: 700;
}


/* SIGNATURE */

.ac-team-message-signoff {
    margin-top: 30px;
    padding-left: 18px;
    border-left: 3px solid #ED741B;
}

.ac-team-message-signoff > span {
    display: block;
    margin-bottom: 9px;
    color: #c5d0d5;
    font-size: 0.9rem;
}

.ac-team-message-signoff h3 {
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 750;
}

.ac-team-message-signoff p {
    margin: 5px 0 0;
    color: #ED741B;
    font-size: 0.9rem;
    font-weight: 600;
}


/* MESSAGE IMAGE */

.ac-team-message-visual {
    position: relative;
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
}

.ac-team-message-image {
    position: relative;
    width: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(
        circle at center,
        #344d5a,
        #172b36 70%,
        #101e27
    );
}

.ac-team-message-image > img:first-child {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 480px;
    object-fit: contain;
    object-position: center;
    opacity: 0.9;
}

.ac-team-message-image .ac-team-message-frame {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.ac-team-message-caption {
    padding: 18px 22px;
    background: #ED741B;
}

.ac-team-message-caption span {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-team-message-caption p {
    margin: 0;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
}


/* =========================================
   RESPONSIVE DESIGN
========================================= */

@media (max-width: 1200px) {
    .ac-team-grid {   grid-template-columns: repeat(3, minmax(0, 1fr));}
}


@media (max-width: 760px) {
    
    .ac-team-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)); 
        gap: 20px;
    }

}


@media (max-width: 500px) {
    .ac-team-grid {
          grid-template-columns:  minmax(0, 1fr);
        gap: 15px;
    }
}




@media (max-width: 1100px) {

    .ac-team-photo {
        height: 290px;
    }

    .ac-team-info {
        padding: 20px;
    }

    .ac-team-message-container {
        gap: 40px;
    }

}

@media (max-width: 850px) {

    .ac-team-section {
        padding: 75px 5%;
    }

   

    .ac-team-message {
        padding: 75px 5%;
    }

    .ac-team-message-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ac-team-message-visual {
        max-width: 500px;
    }

}

@media (max-width: 550px) {

    .ac-team-section {
        padding: 60px 5%;
    }

    .ac-team-heading {
        margin-bottom: 35px;
    }

  

    .ac-team-card {
        width: 100%;
        max-width: 400px;
        grid-column: auto;
    }

    .ac-team-photo {
        height: 340px;
    }

    .ac-team-info {
        padding: 23px;
    }

    .ac-team-message {
        padding: 65px 5%;
    }

    .ac-team-message-container {
        gap: 35px;
    }

    .ac-team-message-content > p {
        font-size: 0.91rem;
    }

    .ac-team-message-image {
        min-height: 350px;
    }

    .ac-team-message-image > img:first-child {
        max-height: 350px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .ac-team-card,
    .ac-team-photo > img:first-child,
    .ac-team-socials a,
    .ac-team-contact a {
        transition: none;
    }

}













/* =========================================
   TARGET MARKET
========================================= */

.ac-market-section {
    position: relative;
    width: 100%;
    padding: 90px 5%;
    background: #101e27;
    overflow: hidden;
}

.ac-market-container,
.ac-market-partners-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.ac-market-heading,
.ac-market-partners-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.ac-market-eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: #ED741B;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 3px;
}

.ac-market-heading h1,
.ac-market-partners-heading h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 800;
    line-height: 1.2;
}

.ac-market-heading h1 span,
.ac-market-partners-heading h2 span {
    color: #ED741B;
}

.ac-market-heading > p,
.ac-market-partners-heading > p {
    max-width: 680px;
    margin: 17px auto 0;
    color: #c2cdd2;
    font-size: 0.98rem;
    line-height: 1.8;
}

.ac-market-heading-line {
    width: 65px;
    height: 4px;
    margin: 23px auto 0;
    background: #ED741B;
}


/* MARKET GRID */

.ac-market-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}


/* MARKET CARDS */

.ac-market-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 24px;
    background: linear-gradient(145deg, #243c49, #172832);
    border: 1px solid rgba(255, 255, 255, 0.09);
    transition: transform 0.35s ease,
                border-color 0.35s ease,
                background 0.35s ease;
}

.ac-market-card:hover {
    transform: translateY(-7px);
    border-color: rgba(237, 116, 27, 0.7);
    background: linear-gradient(145deg, #2d4856, #172832);
}

.ac-market-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
}

.ac-market-number {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.ac-market-card-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    color: #ED741B;
    font-size: 1.25rem;
    background: rgba(237, 116, 27, 0.12);
    border: 1px solid rgba(237, 116, 27, 0.3);
    border-radius: 50%;
}

.ac-market-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 750;
    line-height: 1.45;
}

.ac-market-card p {
    margin: 0;
    color: #bdc9cf;
    font-size: 0.88rem;
    line-height: 1.8;
}

/* =========================================
   PARTNERS & CLIENTS
========================================= */

.ac-market-partners {
    position: relative;
    width: 100%;
    padding: 40px 5%;
    min-height: 300px;
    background: linear-gradient(90deg, rgb(246, 247, 247), rgb(229, 233, 234),rgb(207, 207, 207));
    background: var(--linear-bg-white1);
    overflow: hidden;
}

.ac-market-partners-heading h2 {
    color: #06122a;
}

.ac-market-partners-heading > p {
    color: #fff;
}


/* PARTNER LOGO CARDS */

.ac-market-partners-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 25px;
}

.ac-market-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    min-width: 0;
    min-height: 210px;
    padding: 8px;

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.82),
        rgba(235, 241, 244, 0.75)
    );

    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 8px 24px rgba(24, 43, 54, 0.07);

    text-align: center;
    text-decoration: none;

    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease,
                background 0.3s ease;
}

.ac-market-partner:hover {
    transform: translateY(-5px);
    border-color: rgba(237, 116, 27, 0.65);
    background: linear-gradient(
        145deg,
        #ffffff,
        #eaf0f2
    );
    box-shadow: 0 14px 30px rgba(24, 43, 54, 0.12);
}

.ac-market-partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    background: #fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.ac-market-partner-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.ac-market-partner:hover .ac-market-partner-logo img {
    transform: scale(1.05);
}

.ac-market-partner > span {
    color: #000;
    font-size: 0.85rem;
    font-weight: 500;
}

.ac-market-partner > i {
    margin-top: auto;
    color: var(--aenon-gold);
    font-size: 0.8rem;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

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

    .ac-market-partners-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

@media (max-width: 800px) {

    .ac-market-section,
    .ac-market-partners {
        padding: 75px 5%;
    }

    .ac-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .ac-market-partners-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 500px) {

    .ac-market-section,
    .ac-market-partners {
        padding: 60px 5%;
    }

    .ac-market-heading,
    .ac-market-partners-heading {
        margin-bottom: 35px;
    }

    .ac-market-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .ac-market-card {
        padding: 23px;
    }

    .ac-market-card-top {
        margin-bottom: 18px;
    }

    .ac-market-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .ac-market-partner {
        min-height: 170px;
        padding: 17px 10px;
    }

    .ac-market-partner-logo {
        height: 75px;
    }

    .ac-market-partner-logo img {
        max-height: 70px;
    }

}
@media (max-width: 400px) {


    .ac-market-partners-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    
}

@media (prefers-reduced-motion: reduce) {

    .ac-market-card,
    .ac-market-partner,
    .ac-market-partner-logo img {
        transition: none;
    }

}













/* media queries  */

@media (max-width:1400px){

   
    .about-container{
        gap: 15px;
        padding: 4rem 10%;
    }


}
@media (max-width:991px){

    html{
        font-size: 90%;
    }
    .about-container{
        gap: 15px;
        padding: 4rem 8%;
    }

    .content{
        padding: 40px;
    }

    .home::before,
    .home::after{
        display: none;
    }

}



.dropdown-box {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    box-sizing: border-box;
    margin: 0;
    background: var(--aenon-gold);
    box-shadow: 2px 2px 1px rgba(0,0,0, 0.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(40px);
    overflow: hidden;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0s linear 0.25s;
}

.dropdown-inner {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    gap: 15px;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    transition: padding 0.25s ease;
}

@media (min-width: 769px) {
    .header .navbar ul li:hover > .dropdown-box,
    .header .navbar ul li:focus-within > .dropdown-box {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition:
            opacity 0.25s ease,
            transform 0.25s ease,
            visibility 0s;
    }

}

@media (max-width: 768px) {

    .header {
        z-index: 1;
        padding: 0;
        isolation: isolate;
    }

    .header .logo {
        padding: 0 2rem;
        z-index: 1;
    }

    .header #menu-bar {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 1;

    }

    .header .navbar {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100dvh - 40px);
        background: #ffffff;
        overflow: hidden;
        padding: 10px 2%;
        padding-bottom: 20px;
        box-sizing: border-box;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-50%);
        transition:
            transform 0.5s ease,
            opacity 0.3s ease,
            visibility 0s linear 0.5s;
    }

    .header .navbar.nav-toggle {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition:
            transform 0.6s ease,
            opacity 0.3s ease,
            visibility 0s;
    }

    .dropdown-box {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 0fr;
        min-width: 0;
        padding: 0;
        overflow: hidden;
        transition: grid-template-rows 0.4s ease;
        
        transform: translateY(0);
        box-shadow: none;
        background: none;
       
    }

    .dropdown-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        gap: 5px;
    }

    .dropdown-box.opening {
        grid-template-rows: 1fr;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    
    .dropdown-box.opening .dropdown-inner {
        padding: 10px 10px 20px 40px;
    }
   
    .navbar-content {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow-y: auto;
        padding: 5px;
        background: #d8d8d8;
    }

    .header .navbar-content ul {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 2px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .header .navbar ul li{
        width: 100%; 
        border: 0.4px solid rgb(2, 90, 90);
        padding: 2px;
        transition: padding 0.3s ease, margin 0.3s ease;
    }

    .header .navbar ul li:has(.dropdown-box.opening) {
        background: linear-gradient(
            90deg,
            rgba(8, 18, 29, 0.88) 0%,
            rgba(8, 18, 29, 0.62) 48%,
            rgba(1, 14, 27, 0.2) 100%
        );
        padding: 4px;
        margin: 10px 0;
    }

    .header .navbar ul li a,
    .with-dropdown{
        height: auto;
        justify-content: space-between;
        width: 100%;
        padding-left: 10px;
        font-size: 1.0rem;
        font-weight: 600;
    }
    .header .navbar ul li:has(.dropdown-box.opening) .with-dropdown{
        border: 0.2px solid rgb(225, 230, 235);
        color: #fcfcfc;
    }

    
    .dropdownItem {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        border: none;
        border-bottom: .1px solid rgb(250, 249, 249);
        padding: 2px;
        transition: border 0.3s ease;
    }
    .dropdownItem:hover {
        border: 0.5px solid var(--aenon-gold);
    }

    .with-dropdown::before {
       display: none;
    }
    
    .dropdownItem a {
       flex-direction: row;
    }
    
    .dropdownItem .img-box {
        width: 24px;
        border-radius: 0;
    }


   


    .about-container{
        gap: 10px;
        padding: 3rem 5%;
    }

    .content{
        text-align: center;
        padding: 20px;
    }

    

}

@media (max-width:500px){

    html{
        font-size: 80%;
    }

    section{
        padding:1rem 5%;
        padding-top: 8.5rem;
    }

    .about-container{
        padding: 15px;
    }
    .content{
        padding: 15px;
    }
    
}
@media (max-width:400px){

    
    .list-box{
        grid-template-columns: 1fr;
    }
}