.iyeg-card-image {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 235px;
    box-shadow: 0px 3px 6px #00000029;
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iyeg-card-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.iyeg-card-image .iyeg-card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    order: 2;
    background-color: #F8FAFC;
}

.iyeg-card-image .iyeg-card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    width: 100%;
    overflow: hidden;
    order: 1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #FFFFFF;
    padding: 2rem 0;
}

.iyeg-card-img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.iyeg-card-img.is-big {
    /*transform: scale(1.1);*/
    transform: scale(1.3);
    transition: transform 0.3s ease;
}

.iyeg-card-img.is-bigger {
    transform: scale(1.4);
    transition: transform 0.3s ease;
}

/* Instead of :has(), add a modifier class to the parent */
.iyeg-card-image.has-big-image .iyeg-card-media {
    overflow: visible;
    padding: 0.5rem;
}



/* utility options image section :  */
.iyeg-unified-utility-opts {
    width: 100%;
}

.image-container {
    width: 100%;
    line-height: 0;
}

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


/* ===== OUR SOLUTIONS SECTION ===== */

.iyeg-our-solutions {
    background-color: #F8FAFC;
}
.iyeg-our-solutions .iyeg-container {
    border-radius: 16px;
    width: 80%;
    /*padding-top: 4rem;*/
    /*padding-bottom: 4rem;*/
    margin: 0 auto; 
}

.iyeg-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin: 2.5rem 0;
}

.iyeg-tag {
    padding: 0.75rem 1.5rem;
    background: #FFFFFF;
    border: 1px solid #CFE0FA;
    border-radius: 20px;
    color: #010101;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    display: inline-block;
}

.iyeg-tag:hover {
    border-color: #E0071D;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(224, 7, 29, 0.1);
}

.iyeg-callout {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 800px;
    margin: 4rem auto 0;
    padding: 1rem;
    /*background: #F5F7FA;*/
    background: #FFFFFF;
    border-radius: 12px;
}

.iyeg-callout::before {
    content: '';
    width: 4px;
    height: 40px;
    background: #E0071D;
    border-radius: 9999px;
}

.iyeg-callout p {
    font-size: 1rem;
    color: #010101;
    font-style: italic;
}




/* ===== CUSTOMER SECTION ===== */
.customer-row-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    background: #F5F7FA;
    border-radius: 12px;
    overflow: hidden;
    height: 323px;
}

/* ===== IYEG CUSTOMER ROW ===== */
.iyeg-customer-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*gap: 4rem;*/
    gap: 0;
    align-items: center;
    background: #F5F7FA;
    /* border-radius: 16px; */
    border-top-left-radius: 16px;
    border-bottom-left-radius: 150px;
    overflow: hidden;
    height: 323px;
}

.iyeg-customer-row__visual {
    height: 100%;
    width: 100%;
    position: relative;
    background: linear-gradient(135deg, var(--sun-blue), var(--sun-blue-light));
}

.iyeg-customer-row__img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

.iyeg-customer-row__content {
    padding: 1.5rem 2.5rem;
    /*display: table;*/
    height: 100%;
    width: 100%;
    display: grid;
    align-content: center;
}

.iyeg-customer-row__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.6;
    color: #010101;
    margin: 0;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
}


@media (max-width: 768px) {
    .iyeg-customer-row {
        grid-template-columns: 1fr;
        height: auto;
    }
    .iyeg-customer-row__visual {
        height: 200px;
    }
}




/* About Sunnet  */
.iyeg-about-section {
    background: url('../images/background/iyeg-about-bg-1.png');
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
}

.iyeg-about-section * {
    color: #FFFFFF;
}




/* who Uses iTOA Section */

/* ===== IMAGE CARDS GRID ===== */
.image-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 2.5rem;
}

.image-card {
    position: relative;
    height: 250px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

.image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.image-card:hover img {
    transform: scale(1.1);
}

.image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
}



/* cta section  */
.iyeg-cta-card {
    background: linear-gradient(rgba(0, 61, 130, 0.83), rgba(0, 61, 130, 0.7)),
    url('../images/background/iyeg-cta-bg.jpeg');
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    padding: 4rem;
    text-align: center;
    color: #FFFFFF;
}

.iyeg-cta-card p {
    opacity: 0.9;
}

/* ===== CONTACT FORM SECTION WITH BACKGROUND ===== */
.iyeg-contact-form {
    position: relative;
    width: 100%;
    min-height: 800px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Background image container */
.iyeg-contact-form__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/background/iyeg-contact-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.iyeg-contact-form::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 61, 130, 0.83); */
    /* background: rgba(0, 61, 130, 0.83); */
    background: rgba(0, 61, 130, 0.6);
    z-index: 1;
    pointer-events: none;
}

.iyeg-contact-form .iyeg-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 5%;
}

.iyeg-contact-form .iyeg-section__subtitle {
    font-size: clamp(1.125rem, 3vw, 1.625rem);
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem;
    line-height: 1.6;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Form styling */
.iyeg-contact-form .iyeg-form {
    /*max-width: 95%;*/
    max-width: 98%;
    margin: 0 auto;
    padding: 4rem;
    border-radius: 12px;
}

/* Form labels */
.iyeg-form__label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

/* Form inputs */
.iyeg-form__input,
.iyeg-form__textarea {
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    font-size: 0.8125rem;
    transition: all 0.2s ease;
    width: 100%;
    background: #FFFFFF; 
}

.iyeg-form__input:focus,
.iyeg-form__textarea:focus {
    outline: none;
    border-color: #003D82;
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(0, 61, 130, 0.2);
}

.iyeg-form__input::placeholder,
.iyeg-form__textarea::placeholder {
    color: #9F9F9F;
    opacity: 1;
}

.iyeg-form__input::-webkit-input-placeholder,
.iyeg-form__textarea::-webkit-input-placeholder {
    color: #9F9F9F;
}

.iyeg-form__input::-moz-placeholder,
.iyeg-form__textarea::-moz-placeholder {
    color: #9F9F9F;
    opacity: 1;
}

.iyeg-form__input:-ms-input-placeholder,
.iyeg-form__textarea:-ms-input-placeholder {
    color: #9F9F9F;
}

.iyeg-form__textarea {
    resize: vertical;
    min-height: 150px;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    width: 100%;
    background: #FFFFFF;
}

/* Form row grid */
.iyeg-form__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Form group */
.iyeg-form__group {
    display: flex;
    flex-direction: column;
    position: relative;
}

.iyeg-form__group--full {
    grid-column: span 3;
}

/* Required star */
.iyeg-form__required {
    color: #E0071D;
}

/* Honeypot field - hidden */
.iyeg-form__honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    pointer-events: none;
}

/* Form status messages */
.iyeg-form__status {
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    text-align: center;
    backdrop-filter: blur(5px);
}

.iyeg-form__status--success {
    background: rgba(212, 237, 218, 0.9);
    color: #155724;
    border: 1px solid #c3e6cb;
}

.iyeg-form__status--error {
    background: rgba(248, 215, 218, 0.9);
    color: #721c24;
    border: 1px solid #f5c6cb;
}


/* ===== NEWS SECTION ===== */
.iyeg-news-section {
    position: relative;
    /* height: 37.5rem; */
    height: 30rem;
    width: 100%;
    background-color: #F8FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 2rem 0;
}


.iyeg-news-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/background/iyeg-news-bg.png');
    /*background-size: contain;*/
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1; /* Adjust if needed */
    z-index: 1;
    pointer-events: none;
}

.iyeg-news-section {
    position: relative;
    z-index: 0;
}

.iyeg-news-container,
.iyeg-news-btn-nav,
.iyeg-news-dots {
    position: relative;
    z-index: 2;
}

.iyeg-news-container {
    position: relative;
    z-index: 2;
    max-width: 56.25rem;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.iyeg-news-slide {
    display: none;
    animation: iyeg-fadeIn 0.8s ease;
}

.iyeg-news-slide.active { 
    display: block; 
}

.iyeg-news-article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.iyeg-news-title {
    font-size: clamp(1.25rem, 3vw, 2.25rem);
    font-weight: 700;
    color: #1E293B;
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.iyeg-news-brief {
    font-size: clamp(0.875rem, 2.5vw, 1rem);
    line-height: 1.6875rem;
    color: #1E293B;
    opacity: 0.8;
    text-align: center;
    max-width: 50rem;
    margin: 0 auto 2rem auto;
    padding: 0 1rem;
}

.iyeg-news-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 27px;
    background: #E0071D 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font: normal normal normal 18px/27px 'Poppins', sans-serif;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    padding: 0;
}

.iyeg-news-btn:hover {
    background: #b00616;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(224, 7, 29, 0.3);
}

.iyeg-news-btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    border: none;
    color: #ffffff;
    font-size: 1.25rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
    z-index: 10;
}

.iyeg-news-btn-nav--prev {
    left: 1.25rem;
}

.iyeg-news-btn-nav--next {
    right: 1.25rem;
}

.iyeg-news-btn-nav:hover {
    background-color: #E0071D;
    color: #ffffff;
    transform: translateY(-50%) scale(1.1);
}

/* Dots Navigation */
.iyeg-news-dots {
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.iyeg-news-dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: rgba(30, 41, 59, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.iyeg-news-dot.active {
    background: #E0071D;
    transform: scale(1.2);
}

.iyeg-news-dot:hover {
    background: #E0071D;
    opacity: 0.7;
}

/* Fade Animation */
@keyframes iyeg-fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* General break - shows on ALL breakpoints */
br.iyeg-br {
    display: block;
    content: "";
    margin: 0;
    padding: 0;
}

/* Mobile-specific break (your existing one) */
br.iyeg-br-480 {
    display: none;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    
    .image-cards-grid {
        grid-template-columns: repeat(2, 1fr); 
        gap: 1.5rem;
    }
    
    
    .iyeg-news-section {
        height: auto;
        min-height: 35rem;
    }
    
    .iyeg-news-btn-nav {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1rem;
    }
    
    
    /*contact form*/
    
    .iyeg-contact-form .iyeg-form {
        padding: 3rem 2rem;
    }
    .iyeg-form__row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .iyeg-form__row .iyeg-form__group:last-child:nth-child(3) {
        grid-column: span 2;
    }
}

@media screen and (max-width: 768px) {
    
    .image-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .image-card {
        height: 300px;
    }
    
    
    .iyeg-news-section {
        min-height: 32rem;
    }
    
    .iyeg-news-container {
        width: 95%;
    }
    
    .iyeg-news-title {
        font-size: 2rem;
    }
    
    .iyeg-news-brief {
        font-size: 0.9375rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
    }
    
    .iyeg-news-btn-nav--prev {
        left: 0.625rem;
    }
    
    .iyeg-news-btn-nav--next {
        right: 0.625rem;
    }
    
    
    /*contact form*/
    .iyeg-contact-form {
        min-height: auto;
        padding: 4rem 0;
    }

    .iyeg-form__row {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .iyeg-form__group--full,
    .iyeg-form__row .iyeg-form__group:last-child:nth-child(3) {
        grid-column: span 1;
    }

    .iyeg-contact-form .iyeg-form {
        padding: 2rem 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    
     /*our solutions section: */
    .iyeg-our-solutions .iyeg-container{
        width: 100%;
    }
    
    .iyeg-tags-container {
        gap: 0.75rem;
        margin: 2rem 0;
        padding: 0 10px;
    }
    
    .iyeg-tag {
        /*width: 100%;*/
        text-align: center;
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
        border-radius: 30px; /* Slightly more rounded for pill effect */
    }
    
    .iyeg-callout p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    
    /*our customers section: */
    
    .iyeg-customer-row {
        grid-template-columns: 1fr;
        height: auto;
        border-radius: 16px; /* Same 16px all around */
    }
    /*.iyeg-customer-row__visual {*/
    /*    height: 200px;*/
    /*    border-top-left-radius: 16px;*/
    /*    border-top-right-radius: 16px;*/
    /*    overflow: hidden;*/
    /*}*/
    
    .iyeg-customer-row__content {
        padding: 2rem 1.5rem;
    }
    
    /*.iyeg-customer-row__img {*/
    /*    border-top-left-radius: 16px;*/
    /*    border-top-right-radius: 16px;*/
    /*}*/
    
    
    
    
    
    .image-cards-grid {
        grid-template-columns: 1fr;
    }
    .image-card {
        height: 200px;
    }
    .image-caption {
        font-size: 1rem;
    }
    
    
    .iyeg-news-section {
        min-height: 30rem;
        padding: 2rem 0;
    }
    
    .iyeg-news-title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .iyeg-news-brief {
        font-size: 0.875rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
    
    .iyeg-news-btn {
        width: 95px;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
    }
    
    .iyeg-news-btn-nav {
        width: 2rem;
        height: 2rem;
        font-size: 0.875rem;
    }
    
    .iyeg-news-dots {
        margin-top: 1.5rem;
        gap: 0.5rem;
    }
    
    .iyeg-news-dot {
        width: 0.5rem;
        height: 0.5rem;
    }
    
    
    /*contact form*/
    /* Remove forced breaks */
    /*br { display: none; } */
    /* Global reset - only hide br tags without class */
/*br:not([class]) {*/
/*    display: none;*/
/*}*/
.iyeg-br--desktop {
    display: none;
}
    .iyeg-contact-form .iyeg-section__subtitle {
        text-align: left;
    }
    
    .iyeg-btn--full {
        width: 100%;
        padding: 1rem;
    }

    /* Improve touch targets for inputs */
    .iyeg-form__input, 
    .iyeg-form__textarea {
        font-size: 1rem; /* Prevent iOS zoom-on-focus */
        padding: 1rem;
    }
    
}

/* Small height devices */
@media screen and (max-height: 600px) {
    .iyeg-news-section {
        height: auto;
        min-height: 28rem;
        padding: 3rem 0;
    }
}

/* Landscape orientation */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .iyeg-news-section {
        height: auto;
        min-height: 25rem;
    }
    
    .iyeg-news-title {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }
    
    .iyeg-news-brief {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    .iyeg-news-dots {
        margin-top: 1rem;
    }
}