.wp-ai-intro-section {
    width: 100%;
    padding: 90px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
    overflow: hidden;
}

.wp-ai-intro-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 75px;
    align-items: center;
}

/* LEFT CONTENT */

.wp-ai-intro-content {
    animation: wpAiIntroLeft 0.8s ease forwards;
}

.wp-ai-intro-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.wp-ai-intro-content h2 {
    max-width: 680px;
    margin: 0 0 20px;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.22;
    font-weight: 600;
}

.wp-ai-intro-content > p {
    max-width: 680px;
    margin: 0 0 18px;

    color: #222222;
    font-size: 17px;
    line-height: 1.8;
}

/* POINTS */

.wp-ai-intro-points {
    margin-top: 28px;
    border-top: 1px solid #c9ded6;
}

.wp-ai-intro-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    padding: 13px 0;
    border-bottom: 1px solid #c9ded6;

    transition: transform 0.3s ease;
}

.wp-ai-intro-point:hover {
    transform: translateX(6px);
}

.wp-ai-intro-point > span {
    color: #0a7658;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.wp-ai-intro-point p {
    margin: 0;
    color: #222222;
    font-size: 16px;
    line-height: 1.6;
}

/* BUTTON */

.wp-ai-intro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-top: 28px;
    padding: 13px 23px;

    background: #064e3b;
    color: #ffffff;

    border: 1px solid #064e3b;
    border-radius: 5px;

    text-decoration: none;
    font-size: 14px;
    font-weight: 700;

    transition: all 0.3s ease;
}

.wp-ai-intro-btn span {
    font-size: 19px;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.wp-ai-intro-btn:hover {
    background: #0a7658;
    border-color: #0a7658;
    color: #ffffff;
    transform: translateY(-2px);
}

.wp-ai-intro-btn:hover span {
    transform: translateX(5px);
}

/* STATS */

.wp-ai-intro-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    margin-top: 38px;
    border-top: 1px solid #c9ded6;
}

.wp-ai-intro-stat {
    padding: 18px 15px 5px 0;
    border-right: 1px solid #c9ded6;
}

.wp-ai-intro-stat:not(:first-child) {
    padding-left: 15px;
}

.wp-ai-intro-stat:last-child {
    border-right: none;
}

.wp-ai-intro-stat strong {
    display: block;
    margin-bottom: 5px;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
}

.wp-ai-intro-stat span {
    display: block;

    color: #65756f;
    font-size: 12px;
    line-height: 1.5;
}

/* RIGHT IMAGE */

.wp-ai-intro-image {
    opacity: 0;
    animation: wpAiIntroRight 0.9s ease 0.15s forwards;
}

.wp-ai-intro-image-wrap {
    width: 100%;
    max-width: 510px;
    margin-left: auto;

    overflow: hidden;
    border-radius: 12px;
}

.wp-ai-intro-image-wrap img {
    display: block;
    width: 100%;
    height: 590px;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.wp-ai-intro-image-wrap:hover img {
    transform: scale(1.04);
}

/* ANIMATIONS */

@keyframes wpAiIntroLeft {
    from {
        opacity: 0;
        transform: translateX(-25px);
    }

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

@keyframes wpAiIntroRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

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

/* TABLET */

@media (max-width: 1000px) {

    .wp-ai-intro-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .wp-ai-intro-content {
        max-width: 800px;
        margin: 0 auto;
    }

    .wp-ai-intro-image-wrap {
        max-width: 650px;
        margin: 0 auto;
    }

    .wp-ai-intro-image-wrap img {
        height: 430px;
    }
}

/* MOBILE */

@media (max-width: 650px) {

    .wp-ai-intro-section {
        padding: 60px 15px;
    }

    .wp-ai-intro-content h2 {
        font-size: 30px;
    }

    .wp-ai-intro-content > p {
        font-size: 16px;
        line-height: 1.75;
    }

    .wp-ai-intro-point p {
        font-size: 15px;
    }

    .wp-ai-intro-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-ai-intro-stat {
        border-bottom: 1px solid #c9ded6;
    }

    .wp-ai-intro-stat:nth-child(2) {
        border-right: none;
    }

    .wp-ai-intro-stat:nth-child(3),
    .wp-ai-intro-stat:nth-child(4) {
        padding-top: 18px;
    }

    .wp-ai-intro-image-wrap img {
        height: 330px;
    }
}
.wp-ai-snapshot-section {
    width: 100%;
    padding: 20px 20px;

    box-sizing: border-box;
}

.wp-ai-snapshot-container {
    max-width: 1150px;
    margin: 0 auto;
}

.wp-ai-snapshot-heading {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 45px;
}

.wp-ai-snapshot-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-ai-snapshot-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Main table */

.wp-ai-snapshot-table {
    width: 100%;
    background: #ffffff;
    border: 1px solid #d5e8e0;
    border-radius: 8px;
    overflow: hidden;
}

/* Header */

.wp-ai-snapshot-header {
    display: grid;
    grid-template-columns: 1fr 1.8fr 1.2fr;
    background: #064e3b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.wp-ai-snapshot-header div {
    padding: 18px 22px;
}

/* Rows */

.wp-ai-snapshot-row {
    display: grid;
    grid-template-columns: 1fr 1.8fr 1.2fr;
    border-top: 1px solid #dcece6;
    font-size: 16px;
    line-height: 1.7;
    transition: background 0.3s ease;
}

.wp-ai-snapshot-row:hover {
    background: #f8fffc;
}

.wp-ai-snapshot-row > div {
    padding: 23px 22px;
}

.wp-ai-service-name {
    color: #064e3b;
    font-weight: 700;
}

.wp-ai-start {
    color: #0a7658;
    font-weight: 600;
}

/* Animation */

.wp-ai-snapshot-row {
    opacity: 0;
    transform: translateY(15px);
    animation: wpAiSnapshotReveal 0.6s ease forwards;
}

.wp-ai-snapshot-row:nth-child(2) {
    animation-delay: 0.1s;
}

.wp-ai-snapshot-row:nth-child(3) {
    animation-delay: 0.2s;
}

.wp-ai-snapshot-row:nth-child(4) {
    animation-delay: 0.3s;
}

.wp-ai-snapshot-row:nth-child(5) {
    animation-delay: 0.4s;
}

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

/* Tablet */

@media (max-width: 850px) {

    .wp-ai-snapshot-header,
    .wp-ai-snapshot-row {
        grid-template-columns: 0.9fr 1.5fr 1fr;
    }

    .wp-ai-snapshot-header div,
    .wp-ai-snapshot-row > div {
        padding: 18px 15px;
    }

    .wp-ai-snapshot-row {
        font-size: 15px;
    }
}

/* Mobile */

@media (max-width: 650px) {

    .wp-ai-snapshot-section {
        padding: 60px 15px;
    }

    .wp-ai-snapshot-heading {
        margin-bottom: 30px;
    }

    .wp-ai-snapshot-heading h2 {
        font-size: 29px;
    }

    .wp-ai-snapshot-table {
        background: transparent;
        border: none;
        overflow: visible;
    }

    .wp-ai-snapshot-header {
        display: none;
    }

    .wp-ai-snapshot-row {
        display: block;
        margin-bottom: 14px;
        background: #ffffff;
        border: 1px solid #d5e8e0;
        border-radius: 7px;
        overflow: hidden;
        font-size: 15px;
    }

    .wp-ai-snapshot-row:hover {
        background: #ffffff;
    }

    .wp-ai-snapshot-row > div {
        padding: 14px 16px;
    }

    .wp-ai-service-name {
        padding-bottom: 8px !important;
        font-size: 16px;
        border-bottom: 1px solid #e1eee9;
    }

    .wp-ai-start {
        padding-top: 8px !important;
        background: #f8fffc;
    }
}
.wp-ai-critical-section {
    width: 100%;
    padding: 90px 20px;
    background: #ffffff;
    box-sizing: border-box;
}

.wp-ai-critical-container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Heading */

.wp-ai-critical-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.wp-ai-critical-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-ai-critical-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Layout */

.wp-ai-critical-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: start;
}

/* Left content */

.wp-ai-critical-content {
    padding-top: 8px;
}

.wp-ai-critical-content p {
    margin: 0;

    font-size: 17px;
    line-height: 1.8;
}

/* Right side */

.wp-ai-critical-goals h3 {
    margin: 0 0 20px;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 600;
}

/* List */

.wp-ai-critical-list {
    border-top: 1px solid #d5e8e0;
}

.wp-ai-critical-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 16px;
    align-items: start;
    padding: 19px 0;
    border-bottom: 1px solid #d5e8e0;
    transition: all 0.3s ease;
}

.wp-ai-critical-item span {
    color: #0a7658;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 600;
}

.wp-ai-critical-item p {
    margin: 0;
   
    font-size: 16px;
    line-height: 1.65;
}

.wp-ai-critical-item:hover {
    padding-left: 8px;
    background: #f8fffc;
}

.wp-ai-critical-item:hover span {
    color: #064e3b;
}

/* Animation */

.wp-ai-critical-content {
    opacity: 0;
    transform: translateX(-20px);
    animation: wpAiCriticalLeft 0.7s ease forwards;
}

.wp-ai-critical-goals {
    opacity: 0;
    transform: translateX(20px);
    animation: wpAiCriticalRight 0.7s ease 0.15s forwards;
}

.wp-ai-critical-item {
    opacity: 0;
    transform: translateY(12px);
    animation: wpAiCriticalItem 0.5s ease forwards;
}

.wp-ai-critical-item:nth-child(1) {
    animation-delay: 0.25s;
}

.wp-ai-critical-item:nth-child(2) {
    animation-delay: 0.35s;
}

.wp-ai-critical-item:nth-child(3) {
    animation-delay: 0.45s;
}

.wp-ai-critical-item:nth-child(4) {
    animation-delay: 0.55s;
}

.wp-ai-critical-item:nth-child(5) {
    animation-delay: 0.65s;
}

.wp-ai-critical-item:nth-child(6) {
    animation-delay: 0.75s;
}

@keyframes wpAiCriticalLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes wpAiCriticalRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

/* Mobile */

@media (max-width: 800px) {

    .wp-ai-critical-section {
        padding: 65px 15px;
    }

    .wp-ai-critical-heading {
        margin-bottom: 40px;
    }

    .wp-ai-critical-heading h2 {
        font-size: 30px;
    }

    .wp-ai-critical-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wp-ai-critical-content p {
        font-size: 16px;
    }

    .wp-ai-critical-goals h3 {
        font-size: 22px;
    }

    .wp-ai-critical-item p {
        font-size: 15px;
    }
}

.wp-ai-services-section {
    width: 100%;
    padding: 20px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
}

.wp-ai-services-container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Heading */

.wp-ai-services-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 55px;
}

.wp-ai-services-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-ai-services-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Two-column layout */

.wp-ai-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 70px;
    row-gap: 0;
}

/* Service item */

.wp-ai-service-item {
    padding: 28px 0 30px;
    border-top: 1px solid #cfe3db;
    transition: all 0.3s ease;
}

.wp-ai-service-item:nth-child(-n+2) {
    border-top: 1px solid #cfe3db;
}

.wp-ai-service-item:hover {
    padding-left: 8px;
}

/* Title */

.wp-ai-service-title {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: start;
    margin-bottom: 12px;
}

.wp-ai-service-title span {
    color: #0a7658;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 4px;
}

.wp-ai-service-title h3 {
    margin: 0;
    color: #064e3b;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
}

/* Description */

.wp-ai-service-item p {
    margin: 0 0 0 56px;

    font-size: 16px;
    line-height: 1.75;
}

/* Animation */

.wp-ai-service-item {
    opacity: 0;
    transform: translateY(15px);
    animation: wpAiServiceReveal 0.6s ease forwards;
}

.wp-ai-service-item:nth-child(1)  { animation-delay: 0.05s; }
.wp-ai-service-item:nth-child(2)  { animation-delay: 0.10s; }
.wp-ai-service-item:nth-child(3)  { animation-delay: 0.15s; }
.wp-ai-service-item:nth-child(4)  { animation-delay: 0.20s; }
.wp-ai-service-item:nth-child(5)  { animation-delay: 0.25s; }
.wp-ai-service-item:nth-child(6)  { animation-delay: 0.30s; }
.wp-ai-service-item:nth-child(7)  { animation-delay: 0.35s; }
.wp-ai-service-item:nth-child(8)  { animation-delay: 0.40s; }
.wp-ai-service-item:nth-child(9)  { animation-delay: 0.45s; }
.wp-ai-service-item:nth-child(10) { animation-delay: 0.50s; }
.wp-ai-service-item:nth-child(11) { animation-delay: 0.55s; }
.wp-ai-service-item:nth-child(12) { animation-delay: 0.60s; }

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

/* Tablet */

@media (max-width: 850px) {

    .wp-ai-services-grid {
        column-gap: 40px;
    }

    .wp-ai-service-title h3 {
        font-size: 18px;
    }

    .wp-ai-service-item p {
        font-size: 15px;
        margin-left: 0;
    }
}

/* Mobile */

@media (max-width: 650px) {

    .wp-ai-services-section {
        padding: 60px 15px;
    }

    .wp-ai-services-heading {
        margin-bottom: 35px;
    }

    .wp-ai-services-heading h2 {
        font-size: 29px;
    }

    .wp-ai-services-grid {
        grid-template-columns: 1fr;
    }

    .wp-ai-service-item {
        padding: 24px 0 26px;
    }

    .wp-ai-service-title {
        grid-template-columns: 35px 1fr;
        gap: 10px;
    }

    .wp-ai-service-title h3 {
        font-size: 17px;
    }

    .wp-ai-service-item p {
        margin-left: 45px;
        font-size: 15px;
        line-height: 1.7;
    }
}
.wp-genai-section {
    width: 100%;
    padding: 90px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
}

.wp-genai-container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Heading */

.wp-genai-heading {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.wp-genai-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-genai-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Main content */

.wp-genai-content {
    max-width: 1000px;
    margin: 0 auto;
}

.wp-genai-content > p {
    margin: 0 0 28px;
  
    font-size: 17px;
    line-height: 1.8;
}

/* Service list */

.wp-genai-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    border-top: 1px solid #cfe3db;
}

.wp-genai-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid #cfe3db;
    transition: all 0.3s ease;
}

.wp-genai-item span {
    color: #0a7658;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 600;
}

.wp-genai-item p {
    margin: 0;
   
    font-size: 16px;
    line-height: 1.65;
}

.wp-genai-item:hover {
    padding-left: 7px;
    background: #f8fffc;
}

/* RAG / Fine-tuning explanation */

.wp-genai-note {
    margin-top: 38px;
    padding: 25px 30px;
    border-left: 3px solid #0a7658;
    background: #ffffff;
}

.wp-genai-note p {
    margin: 0 0 18px;
  
    font-size: 16px;
    line-height: 1.75;
}

.wp-genai-note p:last-child {
    margin-bottom: 0;
}

.wp-genai-note strong {
    color: #064e3b;
}

/* Image */

.wp-genai-image {
    width: 100%;
    margin-top: 55px;
}

.wp-genai-image-wrap {
    width: 100%;
    max-width: 1050px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d5e8e0;
}

.wp-genai-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.wp-genai-image-wrap:hover img {
    transform: scale(1.03);
}

/* Animation */

.wp-genai-heading,
.wp-genai-content,
.wp-genai-image {
    opacity: 0;
    transform: translateY(20px);
    animation: wpGenAiReveal 0.7s ease forwards;
}

.wp-genai-content {
    animation-delay: 0.15s;
}

.wp-genai-image {
    animation-delay: 0.3s;
}

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

/* Tablet */

@media (max-width: 850px) {

    .wp-genai-section {
        padding: 75px 20px;
    }

    .wp-genai-list {
        column-gap: 40px;
    }

    .wp-genai-item p {
        font-size: 15px;
    }

    .wp-genai-image-wrap {
        height: 380px;
    }
}

/* Mobile */

@media (max-width: 768px) {

    .wp-genai-section {
        padding: 60px 15px;
    }

    .wp-genai-heading {
        margin-bottom: 35px;
    }

    .wp-genai-heading span {
        font-size: 11px;
    }

    .wp-genai-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .wp-genai-content > p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 25px;
    }

    .wp-genai-list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .wp-genai-item {
        grid-template-columns: 35px 1fr;
        gap: 10px;
        padding: 17px 0;
    }

    .wp-genai-item span {
        font-size: 13px;
    }

    .wp-genai-item p {
        font-size: 15px;
        line-height: 1.7;
    }

    .wp-genai-item:hover {
        padding-left: 0;
        background: transparent;
    }

    /* Hide image completely on mobile */

    .wp-genai-image {
        display: none !important;
    }

    /* RAG / Fine-tuning note */

    .wp-genai-note {
        margin-top: 30px;
        padding: 20px;
    }

    .wp-genai-note p {
        font-size: 15px;
        line-height: 1.7;
    }
}
.wp-agent-section {
    width: 100%;
    padding: 10px 20px;
  
    box-sizing: border-box;
}

.wp-agent-container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Heading */

.wp-agent-heading {
    max-width: 850px;
    margin: 0 auto 30px;
    text-align: center;
}

.wp-agent-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-agent-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Intro */

.wp-agent-intro {
    max-width: 1000px;
    margin: 0 auto 25px;
}

.wp-agent-intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
}

/* Table */

.wp-agent-table {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #d5e8e0;
    border-radius: 8px;
    overflow: hidden;
}

.wp-agent-table-head,
.wp-agent-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1.35fr 1.35fr;
}

.wp-agent-table-head {
    background: #064e3b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.wp-agent-table-head div {
    padding: 18px 20px;
}

.wp-agent-row {
    font-size: 16px;
    line-height: 1.65;
    border-top: 1px solid #dcece6;
    transition: background 0.3s ease;
}

.wp-agent-row:hover {
    background: #f8fffc;
}

.wp-agent-row > div {
    padding: 21px 20px;
}

.wp-agent-name {
    color: #064e3b;
    font-weight: 700;
}

/* Description */

.wp-agent-description {
    max-width: 1000px;
    margin: 45px auto 0;
}

.wp-agent-description p {
    margin: 0 0 22px;
    font-size: 16px;
    line-height: 1.8;
}

.wp-agent-description p:last-child {
    margin-bottom: 0;
}

/* Final statement */

.wp-agent-description p:last-child {
    padding: 22px 25px;
    background: #ffffff;
    border-left: 3px solid #0a7658;
    color: #064e3b;
}

/* Animation */

.wp-agent-heading,
.wp-agent-intro,
.wp-agent-table,
.wp-agent-description {
    opacity: 0;
    transform: translateY(18px);
    animation: wpAgentReveal 0.7s ease forwards;
}

.wp-agent-intro {
    animation-delay: 0.1s;
}

.wp-agent-table {
    animation-delay: 0.2s;
}

.wp-agent-description {
    animation-delay: 0.35s;
}

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

/* Tablet */

@media (max-width: 900px) {

    .wp-agent-table-head,
    .wp-agent-row {
        grid-template-columns: 0.9fr 0.9fr 1.2fr 1.2fr;
    }

    .wp-agent-table-head div,
    .wp-agent-row > div {
        padding: 16px 13px;
    }

    .wp-agent-row {
        font-size: 15px;
    }
}

/* Mobile */

@media (max-width: 768px) {

    .wp-agent-section {
        padding: 60px 15px;
    }

    .wp-agent-heading {
        margin-bottom: 25px;
    }

    .wp-agent-heading span {
        font-size: 11px;
    }

    .wp-agent-heading h2 {
        font-size: 29px;
    }

    .wp-agent-intro p {
        font-size: 16px;
    }

    /* Mobile table */

    .wp-agent-table-head {
        display: none;
    }

    .wp-agent-row {
        display: block;
        margin-bottom: 12px;
        border: 1px solid #d5e8e0;
        border-radius: 7px;
        overflow: hidden;
        background: #ffffff;
        font-size: 15px;
    }

    .wp-agent-row > div {
        padding: 11px 15px;
        border-bottom: 1px solid #e4eee9;
    }

    .wp-agent-row > div:last-child {
        border-bottom: none;
    }

    .wp-agent-name {
        background: #f8fffc;
        font-size: 17px;
    }

    .wp-agent-description {
        margin-top: 35px;
    }

    .wp-agent-description p {
        font-size: 15px;
        line-height: 1.7;
    }

    .wp-agent-description p:last-child {
        padding: 18px 20px;
    }
}
.wp-ai-solutions-section {
    width: 100%;
    padding: 90px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
}

.wp-ai-solutions-container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Main Heading */

.wp-ai-solutions-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 55px;
}

.wp-ai-solutions-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-ai-solutions-heading h2 {
    margin: 0;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

/* Two Column Layout */

.wp-ai-solutions-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start;
}

/* Left Content */

.wp-ai-solutions-left {
    padding-right: 35px;
    border-right: 1px solid #cfe3db;
}

.wp-ai-solutions-left h3 {
    margin: 0 0 22px;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    line-height: 1.45;
    font-weight: 600;
}

.wp-ai-solutions-list {
    border-top: 1px solid #cfe3db;
}

.wp-ai-solutions-list div {
    position: relative;
    padding: 15px 10px 15px 24px;
    border-bottom: 1px solid #cfe3db;
   
    font-size: 16px;
    line-height: 1.55;
    transition: all 0.3s ease;
}

.wp-ai-solutions-list div::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 23px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0a7658;
}

.wp-ai-solutions-list div:hover {
    padding-left: 30px;
    background: #f8fffc;
}

.wp-ai-solutions-note {
    margin: 28px 0 0;
    font-size: 16px;
    line-height: 1.75;
}

/* Right Content */

.wp-ai-solutions-right {
    padding-left: 5px;
}

.wp-ai-integration-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wp-ai-solutions-right h3 {
    margin: 0 0 22px;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 600;
}

.wp-ai-solutions-right p {
    margin: 0 0 22px;
    font-size: 17px;
    line-height: 1.8;
}

.wp-ai-solutions-right p:last-of-type {
    margin-bottom: 0;
}

.wp-ai-solutions-right a {
    color: #064e3b;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wp-ai-solutions-right a:hover {
    color: #0a7658;
}

/* Right Side Image */

.wp-ai-integration-image {
    width: 100%;
    margin-top: 35px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d5e8e0;
    background: #ffffff;
}

.wp-ai-integration-image img {
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.wp-ai-integration-image:hover img {
    transform: scale(1.03);
}

/* Animation */

.wp-ai-solutions-left,
.wp-ai-solutions-right {
    opacity: 0;
    transform: translateY(20px);
    animation: wpAiSolutionsReveal 0.7s ease forwards;
}

.wp-ai-solutions-right {
    animation-delay: 0.15s;
}

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

/* List Animation */

.wp-ai-solutions-list div {
    opacity: 0;
    transform: translateX(-10px);
    animation: wpAiListReveal 0.5s ease forwards;
}

.wp-ai-solutions-list div:nth-child(1) {
    animation-delay: 0.15s;
}

.wp-ai-solutions-list div:nth-child(2) {
    animation-delay: 0.20s;
}

.wp-ai-solutions-list div:nth-child(3) {
    animation-delay: 0.25s;
}

.wp-ai-solutions-list div:nth-child(4) {
    animation-delay: 0.30s;
}

.wp-ai-solutions-list div:nth-child(5) {
    animation-delay: 0.35s;
}

.wp-ai-solutions-list div:nth-child(6) {
    animation-delay: 0.40s;
}

.wp-ai-solutions-list div:nth-child(7) {
    animation-delay: 0.45s;
}

.wp-ai-solutions-list div:nth-child(8) {
    animation-delay: 0.50s;
}

.wp-ai-solutions-list div:nth-child(9) {
    animation-delay: 0.55s;
}

.wp-ai-solutions-list div:nth-child(10) {
    animation-delay: 0.60s;
}

@keyframes wpAiListReveal {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Tablet */

@media (max-width: 850px) {

    .wp-ai-solutions-section {
        padding: 75px 20px;
    }

    .wp-ai-solutions-grid {
        gap: 40px;
    }

    .wp-ai-solutions-left {
        padding-right: 20px;
    }

    .wp-ai-solutions-left h3 {
        font-size: 21px;
    }

    .wp-ai-solutions-right h3 {
        font-size: 26px;
    }

    .wp-ai-solutions-right p,
    .wp-ai-solutions-note {
        font-size: 16px;
    }

    .wp-ai-integration-image img {
        height: 270px;
    }
}

/* Mobile */

@media (max-width: 700px) {

    .wp-ai-solutions-section {
        padding: 60px 15px;
    }

    .wp-ai-solutions-heading {
        margin-bottom: 35px;
    }

    .wp-ai-solutions-heading span {
        font-size: 11px;
    }

    .wp-ai-solutions-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .wp-ai-solutions-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    /* Left */

    .wp-ai-solutions-left {
        padding-right: 0;
        padding-bottom: 40px;
        border-right: none;
        border-bottom: 1px solid #cfe3db;
    }

    .wp-ai-solutions-left h3 {
        font-size: 21px;
    }

    .wp-ai-solutions-list div {
        font-size: 15px;
        padding: 14px 8px 14px 24px;
    }

    .wp-ai-solutions-list div:hover {
        padding-left: 24px;
        background: transparent;
    }

    .wp-ai-solutions-note {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Right */

    .wp-ai-solutions-right {
        padding-left: 0;
    }

    .wp-ai-integration-label {
        font-size: 11px;
    }

    .wp-ai-solutions-right h3 {
        font-size: 25px;
        line-height: 1.4;
    }

    .wp-ai-solutions-right p {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Image on mobile */

    .wp-ai-integration-image {
        margin-top: 30px;
    }

    .wp-ai-integration-image img {
        height: 250px;
    }
}

.ai-process-section {
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
}

.ai-process-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

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

.ai-process-heading {
    max-width: 780px;
    margin: 0 auto 70px;
    text-align: center;
}

.ai-process-heading span {
    display: block;
    margin-bottom: 13px;
    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.ai-process-heading h2 {
    margin: 0 0 16px;
    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.25;
    font-weight: 600;
}

.ai-process-heading p {
    max-width: 680px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.75;
}


/* =========================
   TWO COLUMN LAYOUT
========================= */

.ai-process-layout {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 80px;
    align-items: start;
}


/* =========================
   TIMELINE
========================= */

.ai-process-timeline {
    position: relative;
    padding-left: 82px;
}

/* Continuous line */

.ai-process-timeline::before {
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 25px;
    width: 1px;
    background: #a9cfc1;
}


/* =========================
   STEP
========================= */

.ai-process-step {
    position: relative;
    min-height: 100px;
    margin-bottom: 28px;
    opacity: 0;
    transform: translateY(18px);
    animation: aiProcessAppear 0.6s ease forwards;
}

.ai-process-step:last-child {
    margin-bottom: 0;
}


/* =========================
   NUMBER
========================= */

.ai-process-marker {
    position: absolute;
    left: -82px;
    top: 0;

    width: 52px;
    height: 52px;

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

    background: #ffffff;
    border: 1px solid #9fcbbb;
    border-radius: 50%;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 600;

    z-index: 2;

    transition: all 0.3s ease;
}

.ai-process-step:hover .ai-process-marker {
    background: #064e3b;
    border-color: #064e3b;
    color: #ffffff;
    transform: scale(1.08);
}


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

.ai-process-content {
    padding: 0 0 24px;
    border-bottom: 1px solid #cfe3db;
}

.ai-process-step:last-child .ai-process-content {
    border-bottom: none;
}

.ai-process-content h3 {
    margin: 0 0 8px;

    color: #064e3b;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;

    transition: color 0.3s ease;
}

.ai-process-content p {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;
}

.ai-process-step:hover .ai-process-content h3 {
    color: #0a7658;
}


/* =========================
   RIGHT IMAGE
========================= */

.ai-process-visual {
    position: sticky;
    top: 80px;
}

.ai-process-image {
    width: 100%;
    height: 570px;

    overflow: hidden;

    border-radius: 12px;
    border: 1px solid #d0e5dc;

    background: #ffffff;
}

.ai-process-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.8s ease;
}

.ai-process-image:hover img {
    transform: scale(1.035);
}


/* =========================
   IMAGE CAPTION
========================= */

.ai-process-caption {
    margin-top: 18px;
    padding: 18px 20px;

    border-left: 3px solid #0a7658;

    background: #ffffff;
}

.ai-process-caption span {
    display: block;
    margin-bottom: 6px;

    color: #0a7658;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.ai-process-caption strong {
    display: block;

    color: #064e3b;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================
   ANIMATION
========================= */

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

.ai-process-step:nth-child(1) {
    animation-delay: 0.05s;
}

.ai-process-step:nth-child(2) {
    animation-delay: 0.10s;
}

.ai-process-step:nth-child(3) {
    animation-delay: 0.15s;
}

.ai-process-step:nth-child(4) {
    animation-delay: 0.20s;
}

.ai-process-step:nth-child(5) {
    animation-delay: 0.25s;
}

.ai-process-step:nth-child(6) {
    animation-delay: 0.30s;
}

.ai-process-step:nth-child(7) {
    animation-delay: 0.35s;
}

.ai-process-step:nth-child(8) {
    animation-delay: 0.40s;
}

.ai-process-step:nth-child(9) {
    animation-delay: 0.45s;
}

.ai-process-step:nth-child(10) {
    animation-delay: 0.50s;
}


/* =========================
   TABLET
========================= */

@media (max-width: 950px) {

    .ai-process-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ai-process-visual {
        position: relative;
        top: auto;
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
    }

    .ai-process-image {
        height: 430px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ai-process-section {
        padding: 65px 15px;
    }

    .ai-process-heading {
        margin-bottom: 45px;
    }

    .ai-process-heading span {
        font-size: 11px;
    }

    .ai-process-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .ai-process-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Timeline */

    .ai-process-timeline {
        padding-left: 62px;
    }

    .ai-process-timeline::before {
        left: 19px;
        top: 20px;
        bottom: 20px;
    }

    .ai-process-marker {
        left: -62px;

        width: 40px;
        height: 40px;

        font-size: 12px;
    }

    .ai-process-step {
        margin-bottom: 25px;
    }

    .ai-process-content {
        padding-bottom: 20px;
    }

    .ai-process-content h3 {
        font-size: 18px;
    }

    .ai-process-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Image */

    .ai-process-visual {
        width: 100%;
    }

    .ai-process-image {
        height: 280px;
        border-radius: 9px;
    }

    .ai-process-caption {
        padding: 15px 17px;
    }

    .ai-process-caption strong {
        font-size: 14px;
    }
}

.ai-cost-section {
    width: 100%;
    padding: 25px 20px;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.ai-cost-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}


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

.ai-cost-heading {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.ai-cost-heading span {
    display: block;
    margin-bottom: 12px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.ai-cost-heading h2 {
    margin: 0;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================
   TWO COLUMN LAYOUT
========================= */

.ai-cost-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: start;
}


/* =========================
   LEFT CONTENT
========================= */

.ai-cost-intro {
    padding-right: 45px;
    border-right: 1px solid #cfe3db;
}

.ai-cost-label {
    display: inline-block;
    margin-bottom: 20px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ai-cost-intro p {
    margin: 0 0 22px;

    font-size: 17px;
    line-height: 1.8;
}

.ai-cost-intro p a {
    color: #064e3b;
    font-weight: 600;
  
}

.ai-cost-intro p a:hover {
    color: #0a7658;
}


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

.ai-cost-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 10px;
    padding: 13px 23px;

    background: #064e3b;
    color: #ffffff;

    border: 1px solid #064e3b;
    border-radius: 5px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.ai-cost-btn span {
    font-size: 18px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.ai-cost-btn:hover {
    background: #0a7658;
    border-color: #0a7658;
    color: #ffffff;
    transform: translateY(-2px);
}

.ai-cost-btn:hover span {
    transform: translateX(5px);
}


/* =========================
   RIGHT FACTORS
========================= */

.ai-cost-factors {
    padding-left: 5px;
}

.ai-cost-list {
    border-top: 1px solid #cfe3db;
}

.ai-cost-item {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 12px;

    padding: 16px 5px;

    border-bottom: 1px solid #cfe3db;

    transition: all 0.3s ease;
}

.ai-cost-item:hover {
    padding-left: 12px;
    background: #f8fffc;
}

.ai-cost-check {
    width: 24px;
    height: 24px;

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

    border-radius: 50%;

    background: #ecfdf5;
    color: #0a7658;

    font-size: 13px;
    font-weight: 700;
}

.ai-cost-item p {
    margin: 2px 0 0;

  
    font-size: 16px;
    line-height: 1.55;
}


/* =========================
   ANIMATION
========================= */

.ai-cost-intro,
.ai-cost-factors {
    opacity: 0;
    transform: translateY(20px);
    animation: aiCostReveal 0.7s ease forwards;
}

.ai-cost-factors {
    animation-delay: 0.15s;
}

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

.ai-cost-item {
    opacity: 0;
    transform: translateX(15px);
    animation: aiCostItemReveal 0.5s ease forwards;
}

.ai-cost-item:nth-child(1) {
    animation-delay: 0.15s;
}

.ai-cost-item:nth-child(2) {
    animation-delay: 0.20s;
}

.ai-cost-item:nth-child(3) {
    animation-delay: 0.25s;
}

.ai-cost-item:nth-child(4) {
    animation-delay: 0.30s;
}

.ai-cost-item:nth-child(5) {
    animation-delay: 0.35s;
}

.ai-cost-item:nth-child(6) {
    animation-delay: 0.40s;
}

.ai-cost-item:nth-child(7) {
    animation-delay: 0.45s;
}

.ai-cost-item:nth-child(8) {
    animation-delay: 0.50s;
}

.ai-cost-item:nth-child(9) {
    animation-delay: 0.55s;
}

.ai-cost-item:nth-child(10) {
    animation-delay: 0.60s;
}

@keyframes aiCostItemReveal {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* =========================
   TABLET
========================= */

@media (max-width: 850px) {

    .ai-cost-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ai-cost-intro {
        padding-right: 0;
        padding-bottom: 40px;
        border-right: none;
        border-bottom: 1px solid #cfe3db;
    }

    .ai-cost-factors {
        padding-left: 0;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ai-cost-section {
        padding: 65px 15px;
    }

    .ai-cost-heading {
        margin-bottom: 40px;
    }

    .ai-cost-heading h2 {
        font-size: 29px;
    }

    .ai-cost-heading span,
    .ai-cost-label {
        font-size: 11px;
    }

    .ai-cost-intro p {
        font-size: 16px;
        line-height: 1.75;
    }

    .ai-cost-btn {
        font-size: 13px;
        padding: 12px 19px;
    }

    .ai-cost-item {
        grid-template-columns: 27px 1fr;
        gap: 10px;
        padding: 14px 2px;
    }

    .ai-cost-item:hover {
        padding-left: 2px;
        background: transparent;
    }

    .ai-cost-check {
        width: 23px;
        height: 23px;
        font-size: 12px;
    }

    .ai-cost-item p {
        font-size: 15px;
        line-height: 1.6;
    }
}

.ai-why-simple-section {
    width: 100%;
    padding: 90px 20px;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.ai-why-simple-container {
    max-width: 1050px;
    margin: 0 auto;
}


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

.ai-why-simple-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 38px;
}

.ai-why-simple-heading span {
    display: block;
    margin-bottom: 12px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.ai-why-simple-heading h2 {
    margin: 0;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================
   INTRO CONTENT
========================= */

.ai-why-simple-content {
    max-width: 900px;
    margin: 0 auto;
}

.ai-why-simple-content > p {
    margin: 0 0 45px;

    color: #52655f;
    font-size: 17px;
    line-height: 1.8;
    text-align: center;
}

.ai-why-simple-content a {
    color: #064e3b;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ai-why-simple-content a:hover {
    color: #0a7658;
}


/* =========================
   LIST
========================= */

.ai-why-simple-list {
    border-top: 1px solid #cfe3db;
}

.ai-why-simple-item {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 20px;

    padding: 22px 15px;

    border-bottom: 1px solid #cfe3db;

    transition: all 0.3s ease;
}

.ai-why-simple-item:hover {
    padding-left: 22px;
    background: #f8fffc;
}


/* Number */

.ai-why-simple-item > span {
    color: #0a7658;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}


/* List Heading */

.ai-why-simple-item h3 {
    margin: 0 0 6px;

    color: #064e3b;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;

    transition: color 0.3s ease;
}

.ai-why-simple-item:hover h3 {
    color: #0a7658;
}


/* List Description */

.ai-why-simple-item p {
    margin: 0;

    color: #52655f;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================
   ANIMATION
========================= */

.ai-why-simple-heading {
    opacity: 0;
    transform: translateY(18px);
    animation: aiWhySimpleHeading 0.7s ease forwards;
}

.ai-why-simple-content > p {
    opacity: 0;
    transform: translateY(15px);
    animation: aiWhySimpleContent 0.7s ease forwards;
    animation-delay: 0.15s;
}

.ai-why-simple-item {
    opacity: 0;
    transform: translateX(-15px);
    animation: aiWhySimpleItem 0.5s ease forwards;
}

.ai-why-simple-item:nth-child(1) {
    animation-delay: 0.15s;
}

.ai-why-simple-item:nth-child(2) {
    animation-delay: 0.22s;
}

.ai-why-simple-item:nth-child(3) {
    animation-delay: 0.29s;
}

.ai-why-simple-item:nth-child(4) {
    animation-delay: 0.36s;
}

.ai-why-simple-item:nth-child(5) {
    animation-delay: 0.43s;
}

.ai-why-simple-item:nth-child(6) {
    animation-delay: 0.50s;
}

.ai-why-simple-item:nth-child(7) {
    animation-delay: 0.57s;
}

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

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

@keyframes aiWhySimpleItem {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ai-why-simple-section {
        padding: 60px 15px;
    }

    .ai-why-simple-heading {
        margin-bottom: 30px;
    }

    .ai-why-simple-heading span {
        font-size: 11px;
    }

    .ai-why-simple-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .ai-why-simple-content > p {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 1.75;
        text-align: left;
    }

    .ai-why-simple-item {
        grid-template-columns: 38px 1fr;
        gap: 10px;
        padding: 18px 3px;
    }

    .ai-why-simple-item:hover {
        padding-left: 3px;
        background: transparent;
    }

    .ai-why-simple-item > span {
        font-size: 12px;
    }

    .ai-why-simple-item h3 {
        font-size: 18px;
    }

    .ai-why-simple-item p {
        font-size: 15px;
        line-height: 1.65;
    }
}
.ai-project-discovery-section {
    width: 100%;
    padding: 95px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
    overflow: hidden;
}

.ai-project-discovery-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: start;
}


/* =========================
   LEFT CONTENT
========================= */

.ai-project-discovery-left {
    padding-top: 15px;
}

.ai-project-discovery-label,
.ai-project-form-header > span {
    display: block;
    margin-bottom: 14px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.ai-project-discovery-left h2 {
    margin: 0 0 22px;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

.ai-project-discovery-left > p {
    margin: 0 0 28px;

    color: #52655f;
    font-size: 17px;
    line-height: 1.8;
}


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

.ai-project-discovery-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 13px 23px;

    background: #064e3b;
    color: #ffffff;

    border: 1px solid #064e3b;
    border-radius: 5px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.ai-project-discovery-btn span {
    font-size: 19px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.ai-project-discovery-btn:hover {
    background: #0a7658;
    border-color: #0a7658;
    color: #ffffff;
    transform: translateY(-2px);
}

.ai-project-discovery-btn:hover span {
    transform: translateX(5px);
}


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

.ai-project-discovery-contact {
    margin-top: 55px;
    padding-top: 25px;

    border-top: 1px solid #cfe3db;
}

.ai-project-discovery-contact p {
    margin: 0 0 15px;

    color: #52655f;
    font-size: 15px;
    line-height: 1.7;
}

.ai-contact-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;

    font-size: 15px;
}

.ai-contact-links a {
    color: #064e3b;
    font-weight: 600;
    text-decoration: none;

    transition: color 0.3s ease;
}

.ai-contact-links a:hover {
    color: #0a7658;
}


/* =========================
   FORM AREA
========================= */

.ai-project-discovery-right {
    padding: 35px;

    background: #ffffff;

    border: 1px solid #cfe3db;
    border-radius: 8px;

    box-shadow: 0 15px 40px rgba(6, 78, 59, 0.07);
}

.ai-project-form-header {
    margin-bottom: 30px;
}

.ai-project-form-header h3 {
    margin: 0 0 12px;

    color: #064e3b;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 600;
}

.ai-project-form-header p {
    margin: 0;

    color: #52655f;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================
   FORM ROW
========================= */

.ai-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.ai-form-group {
    margin-bottom: 20px;
}

.ai-form-group label {
    display: block;
    margin-bottom: 8px;

    color: #064e3b;

    font-size: 14px;
    font-weight: 600;
}

.ai-form-group input,
.ai-form-group select,
.ai-form-group textarea {
    width: 100%;
    padding: 13px 14px;

    background: #ffffff;

    border: 1px solid #cfe3db;
    border-radius: 5px;

    color: #263a34;

    font-family: inherit;
    font-size: 15px;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.ai-form-group input::placeholder,
.ai-form-group textarea::placeholder {
    color: #91a19b;
}

.ai-form-group select {
    cursor: pointer;
}

.ai-form-group textarea {
    min-height: 125px;
    resize: vertical;
}

.ai-form-group input:focus,
.ai-form-group select:focus,
.ai-form-group textarea:focus {
    border-color: #0a7658;

    box-shadow: 0 0 0 3px rgba(10, 118, 88, 0.08);
}


/* =========================
   TRUST POINTS
========================= */

.ai-form-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    margin: 5px 0 25px;
    padding-top: 18px;

    border-top: 1px solid #e0eee9;
}

.ai-form-trust span {
    color: #52655f;
    font-size: 13px;
    line-height: 1.5;
}


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

.ai-project-submit {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 14px 22px;

    background: #064e3b;
    color: #ffffff;

    border: 1px solid #064e3b;
    border-radius: 5px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}

.ai-project-submit span {
    font-size: 19px;
    transition: transform 0.3s ease;
}

.ai-project-submit:hover {
    background: #0a7658;
    border-color: #0a7658;

    transform: translateY(-2px);
}

.ai-project-submit:hover span {
    transform: translateX(5px);
}


/* =========================
   FORM NOTE
========================= */

.ai-form-note {
    margin: 14px 0 0;

    color: #7a8984;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
}


/* =========================
   ANIMATION
========================= */

.ai-project-discovery-left {
    opacity: 0;
    transform: translateX(-20px);
    animation: aiDiscoveryLeft 0.7s ease forwards;
}

.ai-project-discovery-right {
    opacity: 0;
    transform: translateX(20px);
    animation: aiDiscoveryRight 0.7s ease forwards;
    animation-delay: 0.15s;
}

@keyframes aiDiscoveryLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes aiDiscoveryRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .ai-project-discovery-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ai-project-discovery-left {
        padding-top: 0;
    }

    .ai-project-discovery-left h2 {
        font-size: 36px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ai-project-discovery-section {
        padding: 65px 15px;
    }

    .ai-project-discovery-left h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .ai-project-discovery-left > p {
        font-size: 16px;
        line-height: 1.75;
    }

    .ai-project-discovery-contact {
        margin-top: 40px;
    }

    .ai-project-discovery-right {
        padding: 24px 18px;
    }

    .ai-project-form-header h3 {
        font-size: 25px;
    }

    .ai-project-form-header p {
        font-size: 15px;
    }

    .ai-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ai-form-group input,
    .ai-form-group select,
    .ai-form-group textarea {
        font-size: 15px;
    }

    .ai-form-trust {
        display: block;
    }

    .ai-form-trust span {
        display: block;
        margin-bottom: 7px;
    }

    .ai-contact-links {
        display: block;
    }

    .ai-contact-links span {
        display: none;
    }

    .ai-contact-links a {
        display: block;
        margin-bottom: 7px;
    }
}.ai-company-checklist-section {
    width: 100%;
    padding: 30px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
    overflow: hidden;
}

.ai-company-checklist-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}


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

.ai-company-checklist-heading {
    max-width: 850px;
    margin: 0 auto 50px;
    text-align: center;
}

.ai-company-checklist-heading span {
    display: block;
    margin-bottom: 12px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.ai-company-checklist-heading h2 {
    margin: 0 0 18px;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}

.ai-company-checklist-heading p {
    margin: 0;


    font-size: 17px;
    line-height: 1.8;
}


/* =========================
   TWO COLUMNS
========================= */

.ai-company-checklist-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
}


/* =========================
   COLUMN
========================= */

.ai-company-checklist-column {
    border-top: 1px solid #cfe3db;
}


/* =========================
   CHECKLIST ITEM
========================= */

.ai-company-checklist-item {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 15px;

    padding: 20px 5px;

    border-bottom: 1px solid #cfe3db;

    transition: all 0.3s ease;
}

.ai-company-checklist-item:hover {
    padding-left: 12px;
    background: #f8fffc;
}


/* Check */

.ai-company-checklist-item > span {
    width: 23px;
    height: 23px;

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

    margin-top: 1px;

    border-radius: 50%;

    background: #ecfdf5;
    color: #0a7658;

    font-size: 13px;
    font-weight: 700;
}


/* Text */

.ai-company-checklist-item p {
    margin: 0;

    font-size: 16px;
    line-height: 1.65;
}


/* =========================
   BOTTOM NOTE
========================= */

.ai-company-checklist-note {
    margin-top: 40px;
    padding: 22px 25px;

    border-left: 3px solid #0a7658;

    background: #ffffff;


    font-size: 16px;
    line-height: 1.75;
}

.ai-company-checklist-note strong {
    color: #064e3b;
    font-weight: 700;
}


/* =========================
   ANIMATION
========================= */

.ai-company-checklist-heading {
    opacity: 0;
    transform: translateY(18px);
    animation: aiCompanyHeading 0.7s ease forwards;
}

.ai-company-checklist-column {
    opacity: 0;
    transform: translateY(20px);
    animation: aiCompanyColumn 0.7s ease forwards;
}

.ai-company-checklist-column:nth-child(2) {
    animation-delay: 0.15s;
}

.ai-company-checklist-item {
    opacity: 0;
    transform: translateX(-10px);
    animation: aiCompanyItem 0.5s ease forwards;
}

.ai-company-checklist-column:nth-child(2) .ai-company-checklist-item {
    transform: translateX(10px);
}


/* Left delays */

.ai-company-checklist-column:first-child
.ai-company-checklist-item:nth-child(1) {
    animation-delay: 0.15s;
}

.ai-company-checklist-column:first-child
.ai-company-checklist-item:nth-child(2) {
    animation-delay: 0.22s;
}

.ai-company-checklist-column:first-child
.ai-company-checklist-item:nth-child(3) {
    animation-delay: 0.29s;
}

.ai-company-checklist-column:first-child
.ai-company-checklist-item:nth-child(4) {
    animation-delay: 0.36s;
}

.ai-company-checklist-column:first-child
.ai-company-checklist-item:nth-child(5) {
    animation-delay: 0.43s;
}


/* Right delays */

.ai-company-checklist-column:nth-child(2)
.ai-company-checklist-item:nth-child(1) {
    animation-delay: 0.20s;
}

.ai-company-checklist-column:nth-child(2)
.ai-company-checklist-item:nth-child(2) {
    animation-delay: 0.27s;
}

.ai-company-checklist-column:nth-child(2)
.ai-company-checklist-item:nth-child(3) {
    animation-delay: 0.34s;
}

.ai-company-checklist-column:nth-child(2)
.ai-company-checklist-item:nth-child(4) {
    animation-delay: 0.41s;
}

.ai-company-checklist-column:nth-child(2)
.ai-company-checklist-item:nth-child(5) {
    animation-delay: 0.48s;
}


.ai-company-checklist-note {
    opacity: 0;
    transform: translateY(15px);
    animation: aiCompanyNote 0.7s ease forwards;
    animation-delay: 0.55s;
}


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

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

@keyframes aiCompanyItem {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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


/* =========================
   TABLET
========================= */

@media (max-width: 850px) {

    .ai-company-checklist-grid {
        gap: 35px;
    }

    .ai-company-checklist-heading h2 {
        font-size: 36px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 650px) {

    .ai-company-checklist-section {
        padding: 65px 15px;
    }

    .ai-company-checklist-heading {
        margin-bottom: 35px;
    }

    .ai-company-checklist-heading span {
        font-size: 11px;
    }

    .ai-company-checklist-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .ai-company-checklist-heading p {
        font-size: 16px;
        line-height: 1.75;
        text-align: left;
    }

    .ai-company-checklist-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ai-company-checklist-column:nth-child(2) {
        margin-top: 0;
    }

    .ai-company-checklist-item {
        grid-template-columns: 27px 1fr;
        gap: 12px;
        padding: 17px 3px;
    }

    .ai-company-checklist-item:hover {
        padding-left: 3px;
        background: transparent;
    }

    .ai-company-checklist-item p {
        font-size: 15px;
        line-height: 1.65;
    }

    .ai-company-checklist-note {
        margin-top: 30px;
        padding: 18px 18px;
        font-size: 15px;
    }
}
.ai-faq-section {
    width: 100%;
    padding: 90px 20px;
    background: #f0fdf9;
    box-sizing: border-box;
    overflow: hidden;
}

.ai-faq-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}


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

.ai-faq-heading {
    max-width: 750px;
    margin: 0 auto 45px;
    text-align: center;
}

.ai-faq-heading span {
    display: inline-block;
    margin-bottom: 12px;

    color: #0a7658;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.ai-faq-heading h2 {
    margin: 0;

    color: #064e3b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================
   FAQ ITEM
========================= */

.ai-faq-item {
    margin-bottom: 12px;

    background: #ffffff;

    border: 1px solid #d5e8e0;
    border-radius: 7px;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.ai-faq-item:hover {
    border-color: #a9cfc1;
    box-shadow: 0 8px 22px rgba(6, 78, 59, 0.06);
    transform: translateY(-1px);
}


/* =========================
   QUESTION
========================= */

.ai-faq-question {
    width: 100%;

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

    gap: 20px;

    padding: 21px 24px;

    border: none;
    outline: none;

    background: #ffffff;

    color: #064e3b;

    text-align: left;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;

    cursor: pointer;
}

.ai-faq-question > span:first-child {
    flex: 1;
}


/* =========================
   + / - ICON
========================= */

.ai-faq-icon {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

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

    border-radius: 50%;

    background: #ecfdf5;
    color: #064e3b;

    font-size: 20px;
    font-weight: 400;
    line-height: 1;

    transition: all 0.3s ease;
}

.ai-faq-item.active .ai-faq-icon {
    background: #064e3b;
    color: #ffffff;
}


/* =========================
   ANSWER
========================= */

.ai-faq-answer {
    max-height: 0;

    overflow: hidden;

    background: #f8fffc;

    transition: max-height 0.4s ease;
}

.ai-faq-answer p {
    margin: 0;

    padding: 0 24px 22px;

    color: #52655f;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================
   ANIMATION
========================= */

.ai-faq-heading {
    opacity: 0;
    transform: translateY(18px);
    animation: aiFaqHeading 0.7s ease forwards;
}

.ai-faq-list {
    opacity: 0;
    transform: translateY(20px);
    animation: aiFaqList 0.7s ease forwards;
    animation-delay: 0.15s;
}

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

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


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ai-faq-section {
        padding: 60px 15px;
    }

    .ai-faq-heading {
        margin-bottom: 30px;
    }

    .ai-faq-heading span {
        font-size: 11px;
    }

    .ai-faq-heading h2 {
        font-size: 29px;
        line-height: 1.35;
    }

    .ai-faq-question {
        padding: 18px 16px;
        gap: 12px;
        font-size: 15px;
    }

    .ai-faq-icon {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
        font-size: 18px;
    }

    .ai-faq-answer p {
        padding: 0 16px 18px;
        font-size: 14px;
        line-height: 1.7;
    }
}


/* =====================================
   CLIENT SUCCESS STORIES
===================================== */

.client-stories {
    padding: 65px 0;
 
}

.client-stories-container {
    width: 88%;
    max-width: 1100px;
    margin: auto;
}


/* HEADING */

.stories-heading {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 38px;
}

.stories-heading span {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 15px;

    border-radius: 30px;

    background: linear-gradient(135deg, #c76be8, #8e2de2);

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
}

.stories-heading h2 {
    margin: 0 0 14px;

    color: #064e3b;

    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.stories-heading p {
    margin: 0;

    color: #66717f;

    font-size: 16px;
    line-height: 1.7;
}


/* =====================================
   SLIDER
===================================== */

.story-slider-box {
    overflow: hidden;
    border-radius: 18px;
}

.story-slider {
    display: flex;

    transition: transform 0.55s ease;
}


/* =====================================
   SLIDE
===================================== */

.story-slide {
    min-width: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: stretch;

    background: #ffffff;

    border: 1px solid #e5e8eb;

    border-radius: 18px;

    overflow: hidden;

    box-sizing: border-box;
}


/* LEFT SIDE */

.story-info {
    padding: 35px 38px;
}


/* Technology Badge */

.story-tag {
    display: inline-block;

    padding: 7px 14px;

    border-radius: 20px;

    background: rgba(10, 165, 165, 0.09);

    color: #087b7b;

    font-size: 12px;
    font-weight: 700;
}


.story-info h3 {
    margin: 18px 0 22px;

    color:#064e3b;

    font-size: 28px;
}


/* Challenge + Solution */

.story-flow {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}

.story-flow div {
    border-left: 3px solid #0aa5a5;

    padding-left: 13px;
}

.story-flow div:nth-child(2) {
    border-color: #8e2de2;
}

.story-flow small {
    display: block;

    margin-bottom: 7px;

    color: #263548;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
}

.story-flow p {
    margin: 0;

    color: #687482;

    font-size: 14px;

    line-height: 1.65;
}


/* =====================================
   RIGHT QUOTE
===================================== */

.story-quote {
    position: relative;

    padding: 35px 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background:
      #064e3b;

    color: white;
}


.quote-mark {
    font-family: Georgia, serif;

    color: #0aa5a5;

    font-size: 65px;

    height: 45px;

    line-height: 1;
}


.story-quote p {
    margin: 10px 0 18px;

    font-size: 17px;

    line-height: 1.7;

    font-style: italic;

    color: #ffffff;
}

.story-quote strong {
    color: #8de0d8;

    font-size: 14px;
}


/* =====================================
   NAVIGATION
===================================== */

.story-navigation {
    display: flex;

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

    gap: 18px;

    margin-top: 25px;
}

.story-navigation button {
    width: 42px;
    height: 42px;

    border-radius: 50%;

    border: 1px solid #dce2e6;

    background: #ffffff;

    color: #263548;

    font-size: 21px;

    cursor: pointer;

    transition: 0.3s;
}

.story-navigation button:hover {
    background: #0aa5a5;

    color: #ffffff;

    border-color: #0aa5a5;
}


#storyCount {
    min-width: 55px;

    text-align: center;

    color: #66717f;

    font-size: 14px;

    font-weight: 600;
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 768px) {

    .client-stories {
        padding: 50px 0;
    }

    .client-stories-container {
        width: 92%;
    }

    .stories-heading h2 {
        font-size: 32px;
    }


    .story-slide {
        grid-template-columns: 1fr;
    }


    .story-info,
    .story-quote {
        padding: 28px 24px;
    }


    .story-flow {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}


@media (max-width: 480px) {

    .stories-heading h2 {
        font-size: 28px;
    }

    .stories-heading p {
        font-size: 15px;
    }

    .story-info h3 {
        font-size: 24px;
    }

}
.wikpolt-last-updated {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    margin: 20px 0;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

.wikpolt-last-updated .updated-dot {
    width: 7px;
    height: 7px;
    background: #0aa5a5;
    border-radius: 50%;
    flex-shrink: 0;
}

.wikpolt-last-updated time {
    color: #163d63;
    font-weight: 600;
}
@media (max-width: 480px) {
    .wikpolt-last-updated {
        font-size: 12px;
        flex-wrap: wrap;
    }
}
.nav_item.nav__dropdown {
    position: relative !important;
    overflow: visible !important;
}

.nav_item.nav__dropdown .nav__item__submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: auto !important;
    padding: 10px 0 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.nav_item.nav__dropdown .nav__item__submenu a {
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    color: #222222 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

.nav_item.nav__dropdown .nav__item__submenu a:hover {
    background: #f1f7f4 !important;
    color: #234b3d !important;
}

/* Keep dropdown text readable on smaller screens */
@media (max-width: 768px) {
    .nav_item.nav__dropdown .nav__item__submenu {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }
}