/* Responsive, footerless styles */

/*.aes-container * {*/
/*    box-sizing: border-box;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
/*}*/

/*.aes-container {*/
/*    color: #fff;*/
/*    min-height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    padding: clamp(16px, 3vw, 40px);*/
    /*background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);*/
/*    border-radius: 12px;*/
/*}*/

/*.aes-header {*/
/*    text-align: center;*/
/*    margin-bottom: clamp(16px, 4vw, 48px);*/
/*    width: 100%;*/
/*}*/

/*.aes-h1 {*/
/*    font-size: clamp(24px, 3.5vw, 40px);*/
/*    margin-bottom: .75rem;*/
/*    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);*/
/*    font-weight: 700;*/
/*}*/

/*.aes-subtitle {*/
/*    font-size: clamp(14px, 1.6vw, 19px);*/
/*    opacity: .9;*/
    /*max-width: 720px;*/
/*    max-width: 90%;*/
/*    margin: 0 auto;*/
/*    font-weight: 400;*/
/*}*/

/*.aes-content-wrapper {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    max-width: 1320px;*/
/*    gap: clamp(12px, 2vw, 36px);*/
    /*margin-bottom: clamp(20px, 4vw, 48px);*/
/*}*/

/* 3-column layout */
/*.aes-icon-boxes {*/
/*    display: grid;*/
/*    gap: clamp(10px, 1.6vw, 24px);*/
    /*width: 375px;*/
/*    width: 413px;*/
/*    grid-template-columns: 1fr;*/
/*    padding: 40px 0px;*/
    
/*}*/

/*.aes-center-display {*/
/*    width: clamp(481px, 400px, 350px);*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.aes-image-container {*/
/*    width: 100%;*/
    /*height: clamp(220px, 40vw, 520px);*/
/*    height: auto !important;*/
/*    border-radius: 15px;*/
/*    overflow: hidden;*/
/*    margin-bottom: clamp(16px, 2vw, 24px);*/
/*    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);*/
/*    position: relative;*/
/*}*/

/*.aes-center-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    transition: opacity .35s ease;*/
/*}*/

/*.aes-card,*/
/*.aes-card-left {*/
/*    transition: all .25s ease;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 12px;*/
/*    cursor: pointer;*/
/*    background: transparent;*/
/*    align-items: flex-end;*/
/*    padding: 10px;*/
/*    border-radius: 8px;*/
    /*border: none; Ensure no border */
/*}*/

/*.aes-card-left {*/
/*    align-items: flex-start;*/
/*}*/

/* Hover state */
/*.aes-card:hover,*/
/*.aes-card-left:hover {*/
/*    transform: translateY(-6px);*/
/*}*/

/* Active state - more prominent than hover */
/*.aes-card.active,*/
/*.aes-card-left.active {*/
/*    transform: translateY(-6px);*/
    /*background: rgba(255, 255, 255, 0.1);*/
    /*box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);*/
    /* Removed border-left and ::after border */
/*}*/

/*.aes-title-right,*/
/*.aes-title-left {*/
/*    font-weight: 700;*/
/*    font-size: clamp(20px, 2.2vw, 35px);*/
/*    line-height: 1.25;*/
/*    margin: 0 0 6px 0;*/
/*    color: #fff;*/
/*    transition: color .25s ease;*/
/*}*/

/*.aes-title-right {*/
/*    text-align: right;*/
/*}*/

/*.aes-title-left {*/
/*    text-align: left;*/
/*}*/

/* Active state text colors */
/*.aes-card.active .aes-title-right,*/
/*.aes-card.active .aes-title-left,*/
/*.aes-card-left.active .aes-title-right,*/
/*.aes-card-left.active .aes-title-left {*/
    /*color: #fff;  Keep white instead of blue */
/*    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);*/
/*}*/

/*.aes-desc-right,*/
/*.aes-desc-left {*/
/*    font-weight: 400;*/
/*    font-size: clamp(14px, 1.6vw, 20px);*/
/*    line-height: 1.35;*/
/*    margin: 0;*/
/*    color: #B4B4B4;*/
/*    transition: color .25s ease;*/
/*}*/

/*.aes-desc-right {*/
/*    text-align: right;*/
/*}*/

/*.aes-desc-left {*/
/*    text-align: left;*/
/*}*/

/* Active state description colors */
/*.aes-card.active .aes-desc-right,*/
/*.aes-card.active .aes-desc-left,*/
/*.aes-card-left.active .aes-desc-right,*/
/*.aes-card-left.active .aes-desc-left {*/
/*    color: #fff;*/
/*}*/

/*.aes-icon-container {*/
/*    position: relative;*/
/*    width: clamp(56px, 6vw, 80px);*/
/*    height: clamp(56px, 6vw, 80px);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    transition: all .3s ease;*/
/*    overflow: visible;*/
/*}*/

/*.aes-card:hover .aes-icon-container,*/
/*.aes-card-left:hover .aes-icon-container,*/
/*.aes-card.active .aes-icon-container,*/
/*.aes-card-left.active .aes-icon-container {*/
/*    transform: scale(1.05);*/
/*}*/

/*.aes-icon {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    transition: opacity .25s ease, transform .25s ease;*/
/*    pointer-events: none;*/
/*}*/

/*.aes-icon-default {*/
/*    opacity: 1;*/
/*    z-index: 1;*/
/*}*/

/*.aes-icon-hover {*/
/*    opacity: 0;*/
/*    z-index: 999;*/
/*}*/

/* Hover state icons */
/*.aes-card:hover .aes-icon-default,*/
/*.aes-card-left:hover .aes-icon-default {*/
/*    opacity: 0;*/
/*    transform: translate(-50%, -50%) scale(.95);*/
/*}*/

/*.aes-card:hover .aes-icon-hover,*/
/*.aes-card-left:hover .aes-icon-hover {*/
/*    opacity: 1;*/
/*    transform: translate(-50%, -50%) scale(1);*/
/*    z-index: 999 !important;*/
/*}*/

/* Active state icons (always show hover icon) */
/*.aes-card.active .aes-icon-default,*/
/*.aes-card-left.active .aes-icon-default {*/
/*    opacity: 0;*/
/*    transform: translate(-50%, -50%) scale(.95);*/
/*}*/

/*.aes-card.active .aes-icon-hover,*/
/*.aes-card-left.active .aes-icon-hover {*/
/*    opacity: 1;*/
/*    transform: translate(-50%, -50%) scale(1.05);*/
/*    z-index: 999 !important;*/
    /* Removed blue filter */
/*}*/

/* Breakpoints */
/*@media (max-width: 1200px) {*/
/*    .aes-icon-boxes {*/
/*        width: 45%;*/
/*    }*/

/*    .aes-center-display {*/
/*        width: 55%;*/
/*    }*/
/*}*/

/*@media (max-width: 980px) {*/
/*    .aes-content-wrapper {*/
/*        flex-direction: column;*/
/*    }*/

/*    .aes-icon-boxes,*/
/*    .aes-center-display {*/
/*        width: 100%;*/
/*    }*/

/*    .aes-icon-boxes {*/
/*        grid-template-columns: 1fr 1fr;*/
/*    }*/
/*}*/

/*@media (max-width: 640px) {*/
/*    .aes-icon-boxes {*/
/*        grid-template-columns: 1fr;*/
/*    }*/
    
/*    .aes-card,*/
/*    .aes-card-left {*/
/*        padding: 12px;*/
/*    }*/
/*}*/




/*Preloader*/

/* Simple Dot Pulse Preloader */
/*.aes-image-preloader {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 10;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.aes-image-preloader.aes-preloader-active {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

/*.aes-spinner {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    background: #fff;*/
/*    border-radius: 50%;*/
/*    animation: aes-pulse 1.5s ease-in-out infinite;*/
/*}*/

/*@keyframes aes-pulse {*/
/*    0%, 100% {*/
/*        transform: scale(0.8);*/
/*        opacity: 0.5;*/
/*    }*/
/*    50% {*/
/*        transform: scale(1.2);*/
/*        opacity: 1;*/
/*    }*/
/*}*/


/* Responsive, footerless styles */


























.aes-center-image, .aes-mobile-image {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}










@media (max-width: 1024px) {
  .aes-card, .aes-card-left { display: none !important; }
  .aes-mobile-icon-item .hover { display: none; opacity: 0; }
  .aes-mobile-icon-item .default { display: block; opacity: 1; }
}






/* Responsive, footerless styles */
.aes-container * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.aes-container {
    color: #fff;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(16px, 3vw, 40px);
    border-radius: 12px;
}

/* .aes-header {
    text-align: center;
    margin-bottom: clamp(16px, 4vw, 48px);
    width: 100%;
} */

.aes-header {
    text-align: center;
    margin-bottom: clamp(16px, 4vw, 48px);
    width: 100%;

    opacity: 0;
    animation: fadeInDownCustom 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;

}

@keyframes fadeInDownCustom {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



.aes-h1 {
    font-size: clamp(24px, 3.5vw, 54px);
    margin-bottom: .75rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
    font-weight: 700;
}

.aes-subtitle {
    font-size: clamp(14px, 1.6vw, 22px);
    opacity: .9;
    max-width: 90%;
    margin: 0 auto;
    font-weight: 400;
}

/* ===== DESKTOP LAYOUT ===== */
.aes-content-wrapper {
    display: flex;
    width: 100%;
    max-width: 1320px;
    gap: clamp(12px, 2vw, 36px);
}

.aes-icon-boxes {
    display: grid;
    gap: clamp(10px, 1.6vw, 24px);
    width: 378px;
    grid-template-columns: 1fr;
    padding: 40px 0px;
}

.aes-center-display {
    width: clamp(481px, 400px, 350px);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aes-image-container {
    width: 100%;
    height: auto !important;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: clamp(16px, 2vw, 24px);
    position: relative;
}

.aes-center-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .35s ease;
}

.aes-card,
.aes-card-left {
    transition: all .25s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    cursor: pointer;
    background: transparent;
    align-items: flex-end;
    padding: 10px;
    border-radius: 8px;
    border: none;
}

.aes-card-left {
    align-items: flex-start;
}

.aes-card:hover,
.aes-card-left:hover {
    transform: translateY(-6px);
}

.aes-card.active,
.aes-card-left.active {
    transform: translateY(-6px);
}

.aes-title-right,
.aes-title-left {
    font-weight: 700;
    font-size: clamp(20px, 2.2vw, 35px);
    line-height: 1.25;
    margin: 0 0 6px 0;
    color: #fff;
    transition: color .25s ease;
}

.aes-title-right {
    text-align: right;
}

.aes-title-left {
    text-align: left;
}

.aes-card.active .aes-title-right,
.aes-card.active .aes-title-left,
.aes-card-left.active .aes-title-right,
.aes-card-left.active .aes-title-left {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.aes-desc-right,
.aes-desc-left {
    font-weight: 400;
    font-size: clamp(14px, 1.6vw, 20px);
    line-height: 1.35;
    margin: 0;
    color: #B4B4B4;
    transition: color .25s ease;
}

.aes-desc-right {
    text-align: right;
}

.aes-desc-left {
    text-align: left;
}

.aes-card.active .aes-desc-right,
.aes-card.active .aes-desc-left,
.aes-card-left.active .aes-desc-right,
.aes-card-left.active .aes-desc-left {
    color: #fff;
}

.aes-icon-container {
    position: relative;
    width: clamp(56px, 6vw, 82px);
    height: clamp(56px, 6vw, 80px);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    overflow: visible;
}

.aes-card:hover .aes-icon-container,
.aes-card-left:hover .aes-icon-container,
.aes-card.active .aes-icon-container,
.aes-card-left.active .aes-icon-container {
    transform: scale(1);
}

.aes-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
}

.aes-icon-default {
    opacity: 1;
    z-index: 1;
}

.aes-icon-hover {
    opacity: 0;
    z-index: 999;
}

.aes-card:hover .aes-icon-default,
.aes-card-left:hover .aes-icon-default {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.95);
}

.aes-card:hover .aes-icon-hover,
.aes-card-left:hover .aes-icon-hover {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    z-index: 999 !important;
}

.aes-card.active .aes-icon-default,
.aes-card-left.active .aes-icon-default {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.95);
}

.aes-card.active .aes-icon-hover,
.aes-card-left.active .aes-icon-hover {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05);
    z-index: 999 !important;
}

/* ===== MOBILE & TABLET SINGLE COLUMN LAYOUT ===== */
.aes-mobile-layout {
    display: none;
    width: 100%;
    max-width: 610px;
    flex-direction: column;
    gap: 30px;
}

.aes-mobile-icons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 15px;
    width: 100%;
}

.aes-mobile-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #ffffff00;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.aes-mobile-icon-item.active {
    background: #ffffff00;
    border-color: none
    transform: translateY(0px);
}

.aes-mobile-icon-container {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.aes-mobile-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.aes-mobile-content {
    text-align: center;
    width: 100%;
}

.aes-mobile-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #fff;
    line-height: 1.3;
}

.aes-mobile-description {
    font-size: 16px;
    color: #B4B4B4;
    line-height: 1.5;
    margin: 0 0 30px 0;
}

.aes-mobile-image-container {
    width: 100%;
    display: flex;
    overflow: hidden;
    justify-content: center;
}

.aes-mobile-image {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */
@media (max-width: 1024px) {
    .aes-content-wrapper {
        display: none;
    }
    
    .aes-mobile-layout {
        display: flex;
    }
    
    .aes-mobile-icons {
        grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    }
    
    
    .aes-mobile-description{
        margin: 0px;
    }
    
    .aes-mobile-content{
        padding: 20px 0px;
    }
    .aes-mobile-icon{
        padding: 5px;
    }
    
       .aes-mobile-image{
        width: 75% !important;
       }
}

@media (max-width: 767px) {
    .aes-container {
        padding: 20px 16px;
    }
    
    .aes-header {
        margin-bottom: 30px;
    }
    
    .aes-h1 {
        font-size: 28px;
    }
    
    .aes-subtitle {
        font-size: 16px;
    }
    
    .aes-mobile-layout {
        gap: 25px;
        max-width: 100%;
        display: flex;
        align-items: center;
    }
    
    .aes-mobile-icons {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 12px;
    }
    
    .aes-mobile-icon-item {
        padding: 12px;
    }
    
    .aes-mobile-icon-container {
        width: 50px;
        height: 50px;
    }
    
    .aes-mobile-title {
        font-size: 24px;
    }
    
    .aes-mobile-description {
        font-size: 15px;
    }
    .aes-mobile-image{
        width: 60% !important;
    }
    
    .aes-mobile-content {
        padding: 10px 0px;
		display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .aes-container {
        padding: 16px 12px;
    }
    
    .aes-h1 {
        font-size: 24px;
    }
    
    .aes-subtitle {
        font-size: 14px;
    }
    
    .aes-mobile-icons {
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }
    
    .aes-mobile-icon-item {
        /*padding: 10px 8px;*/
        padding: 5px 0px 0px;
    }
    
    .aes-mobile-icon-container {
        width: 45px;
        height: 45px;
    }
    
    .aes-mobile-title {
        font-size: 22px;
    }
    
    .aes-mobile-description {
        font-size: 14px;
    }
}

/* Desktop - hide mobile layout */
@media (min-width: 1025px) {
    .aes-mobile-layout {
        display: none !important;
    }
    
    .aes-content-wrapper {
        display: flex;
        justify-content: center;
    }
}

/* Preloader */
.aes-image-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.aes-image-preloader.aes-preloader-active {
    opacity: 1;
    visibility: visible;
}

.aes-spinner {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    animation: aes-pulse 1.5s ease-in-out infinite;
}

@keyframes aes-pulse {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}