/* =========================== career path Section  =========================== */
.career-path { margin: 80px 0 60px; }
.career-path-card { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 32px 40px; text-align: center; border-radius: 20px; height: 100%; }
.career-path-card-title { margin-bottom: 8px; }

.career-path .row .col-md-3:first-child .career-path-card { background: rgba(226, 101, 72, 0.2); }
.career-path .row .col-md-3:first-child .career-path-card-title { color: var(--maroon-color); }
.career-path .row .col-md-3:nth-child(2) .career-path-card { background: rgba(47, 102, 95, 0.2); }
.career-path .row .col-md-3:nth-child(2) .career-path-card-title { color: var(--green-color-400); }
.career-path .row .col-md-3:nth-child(3) .career-path-card { background: rgba(134, 185, 88, 0.2); }
.career-path .row .col-md-3:nth-child(3) .career-path-card-title { color: var(--green-color-600); }
.career-path .row .col-md-3:last-child .career-path-card { background: rgba(241, 193, 89, 0.2); }
.career-path .row .col-md-3:last-child .career-path-card-title { color: var(--beige-color); }

/* =========================== Left Behind Section  =========================== */
.left-behind { padding: 108px 0px 98px; background: var(--white-color-100); }
.left-behind .common-title { margin-bottom: 90px; }
.left-behind-list { position: relative; display: flex; display: -webkit-flex; gap: 0px 20px; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.left-behind-list-item { position: relative; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; gap: 10px; padding-bottom: 38px; padding-right: 15px; width: calc((100% / 3) - 13.35px); }
.left-behind-list-item::after { content: ''; position: absolute; top: 0; right: -6px; height: 100%; width: 1px; border-right: 1px dashed var(--black); }
.left-behind-list-item:nth-child(3n)::after { display: none; }
.left-behind-list-item img { width: 35px; height: auto; }
.left-behind-list-item span { margin-bottom: 4px; color: var(--green-color); }
.left-behind-content .theme-btn { margin-top: 68px; }

/* =========================== Recognised Section  =========================== */
.recognised { padding: 152px 0px 220px; background: var(--white-color-300); }
.recognised .common-title { max-width: 767px; margin-inline: auto; }
.recognised-list-item { padding: 20px 0px; border-bottom: 1px dashed var(--black); }
.recognised-list-item .title { margin-bottom: 4px; color: var(--blue-color); }
.recognised-list-item:first-child { padding-top: 0; }
.recognised-list-item:last-child { padding-bottom: 0; border-bottom: none; }
.recognised .learn-more-btn { margin-top: 39px; }

.recognised-list { padding-right: 72px; }
.recognised-images { position: relative; max-width: 312px; }
.recognised-images img { border-radius: 20px;  }
.recognised-image-2 { position: absolute; top: 12%; left: 100%; transform: translateX(10%); -webkit-transform: translateX(10%); max-width: unset; width: 68%; }
.recognised-image-3 { position: absolute; width: 134%; max-width: unset; top: 100%; transform: translate(-44%, -15%); -webkit-transform: translate(-44%, -15%); }




/* =========================== Insights & Events Section =========================== */
.insights-events { padding: 127px 0 136px; background-color: var(--white-color-100); }
.insights-events .insights-title { max-width: 780px; margin-left: auto; margin-right: auto; }
.insights-events .insights-title .title { color: var(--blue-color); }
.insights-events .insights-title .subtitle { color: var(--black); }
/* Card Styling */
.insight-card { position: relative; height: 100%; background-color: var(--white); border-radius: 12px; overflow: hidden; box-shadow: 4px 4px 10px 0px #0000001A; display: flex; flex-direction: column; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.insight-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); }
.insight-inner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
/* Image Styling */
.insight-card-img { width: 100%; aspect-ratio: 384/232; overflow: hidden; }
.insight-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.insight-card:hover .insight-card-img img { transform: scale(1.05); -webkit-transform: scale(1.05); }
/* Content Layout inside Card */
.insight-card-content { padding: 30px 28px; display: flex; flex-direction: column; flex-grow: 1; /* Pushes the button perfectly to the bottom regardless of description length */ }
.insight-category { font-size: 12px; line-height: 1; margin-bottom: 12px; display: block; }
.insight-title { color: var(--blue-color); margin-bottom: 14px; }
.insight-title a{color: var(--blue-color);}
.insight-desc { color: var(--black); margin-bottom: 30px; flex-grow: 1; }
.insight-desc {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.insight-link { color: var(--red-color); font-size: 15px; margin-top: auto; display: inline-block; }
.insight-link:hover { color: var(--blue-color); }





/* =========================== Built by Professionals Section =========================== */
.built-by-professionals { background-color: var(--white-color-200); padding: 114px 0 117px; position: relative; overflow: hidden; }
.built-by-professionals .built-by-title .title { color: var(--blue-color); }
.built-by-content { padding-left: 42px; }
.built-by-image img { border-radius: 20px; object-fit: cover; }
.built-by-content p { color: var(--blue-color); margin-bottom: 16px; }
.built-by-content .theme-btn { margin-top: 52px; }
.built-by-pattern { position: absolute; bottom: 0px; right: 0px; transform: translate(41%, 33%); -webkit-transform: translate(41%, 33%); max-width: 425px; pointer-events: none;  }


/* =========================== Annual Conference Section =========================== */
.annual-conference { padding: 104px 0; background-color: var(--white); }
.conference-wrapper { background-color: var(--blue-color); border-radius: 20px; padding: 108px 70px; }
.conference-content { color: var(--white); }
.conference-title { color: var(--white); margin-bottom: 32px; }
.conference-title .highlight { color: var(--beige-color); }
.conference-subtitle { color: var(--white); margin-bottom: 46px; }
.conference-benefits { margin-bottom: 50px; }
.conference-benefits li { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 8px; line-height: 1; }
.conference-benefits li:last-child { margin-bottom: 0; }
.conference-benefits li .icon { flex-shrink: 0; margin-top: 1px; }
.conference-benefits li .icon img { display: inline-block; }
.conference-images { position: relative; display: flex; justify-content: flex-end; padding-bottom: 20px; }
.conf-main-img { width: 85%; border-radius: 20px; object-fit: cover; }
.conf-sub-img { position: absolute; bottom: -15px; left: 0; width: 48%; border-radius: 16px; }
.conference-content .beige-btn { padding-block: 17px; }



@media screen and (max-width:1199px) {


    /* =========================== career path Section  =========================== */
    .career-path { margin: 80px 0 40px; }
    .career-path-card { padding: 22px; border-radius: 16px; }
    .career-path-card-icon { width: 50px; margin-top: 10px; }


    /* =========================== Left Behind Section  =========================== */
    .left-behind { padding: 60px 0px;  }
    .left-behind .common-title { margin-bottom: 45px; }
    .left-behind-list-item { gap: 12px; padding-bottom: 28px; width: calc((100% / 3) - 13.35px); }
    .left-behind-list-item img { width: 28px; height: auto; }
    .left-behind-content .theme-btn { margin-top: 58px; }


    /* =========================== Recognised Section  =========================== */
    .recognised { padding: 60px 0px;  }
    .recognised-list-item { padding: 18px 0px;  }
    .recognised-list { padding-right: 25px; }
    .recognised-images { max-width: 253px; }
    .recognised-images img { border-radius: 16px;  }



    /* =========================== Insights & Events Section =========================== */
    .insights-events { padding: 80px 0; }
    /* Content Layout inside Card */
    .insight-card-content { padding: 20px; }


    /* =========================== Built by Professionals Section =========================== */
    .built-by-professionals { padding: 80px 0px; }
    .built-by-content { padding-left: 12px; }
    .built-by-image img { border-radius: 16px; }
    .built-by-content .theme-btn { margin-top: 32px; }
    .built-by-pattern {  max-width: 325px;  }


    /* =========================== Annual Conference Section =========================== */
    .annual-conference { padding: 80px 0;  }
    .conference-wrapper {  border-radius: 16px; padding: 40px; }
    .conference-title {  margin-bottom: 16px; }
    .conference-subtitle {  margin-bottom: 38px; }
    .conference-benefits { margin-bottom: 40px; }
    .conference-benefits li {  gap: 10px; margin-bottom: 8px; }
    .conference-benefits li .icon img { width: 18px; height: auto; }
    .conference-images {  padding-bottom: 20px; }
    .conf-main-img {  border-radius: 16px;  }
    .conf-sub-img {  border-radius: 16px; }
    .conference-content .beige-btn { padding-block: 13px; }


}


@media screen and (max-width:991px) {


    /* =========================== career path Section  =========================== */
    .career-path { margin: 80px 0 40px; }
    .career-path-card { padding: 14px; border-radius: 12px; }
    .career-path-card-icon { width: 40px; margin-top: 10px; }


    /* =========================== Left Behind Section  =========================== */
    .left-behind { padding: 40px 0px;  }
    .left-behind .common-title { margin-bottom: 40px; }
    .left-behind-list-item { gap: 12px; padding-bottom: 28px; width: calc((100% / 2) - 10px); padding-right: 0px; }
    .left-behind-list-item::after { display: none; }
    .left-behind-list-item img { width: 22px; height: auto; }
    .left-behind-content .theme-btn { margin-top: 48px; }


    /* =========================== Recognised Section  =========================== */
    .recognised { padding: 40px 0px;  }
    .recognised-list-item { padding: 16px 0px;  }
    .recognised-list { padding-right: 20px; }
    .recognised-images { max-width: 196px; }
    .recognised-images img { border-radius: 12px;  }


    /* =========================== Insights & Events Section =========================== */
    .insights-events { padding: 40px 0; }
    /* Content Layout inside Card */
    .insight-card-content { padding: 16px; }
    .insight-desc { margin-bottom: 20px; }



    /* =========================== Built by Professionals Section =========================== */
    .built-by-professionals { padding: 40px 0px; }
    .built-by-content { padding-left: 0px; }
    .built-by-image img { border-radius: 12px; }
    .built-by-content .theme-btn { margin-top: 24px; }
    .built-by-pattern {  max-width: 225px;  }


    /* =========================== Annual Conference Section =========================== */
    .annual-conference { padding: 40px 0;  }
    .conference-wrapper {  border-radius: 12px; padding: 30px; }
    .conference-title {  margin-bottom: 12px; }
    .conference-subtitle {  margin-bottom: 32px; }
    .conference-benefits { margin-bottom: 30px; }
    .conference-benefits li {  gap: 8px; margin-bottom: 6px; }
    .conference-benefits li .icon img { width: 16px; height: auto; }
    .conference-images {  padding-bottom: 16px; }
    .conf-main-img {  border-radius: 12px;  }
    .conf-sub-img {  border-radius: 12px; }
    .conference-content .beige-btn { padding-block: 11px; }


}



@media screen and (max-width:767px) {


    /* =========================== career path Section  =========================== */
    .career-path { margin: 60px 0 40px; }
    .career-path-card-icon { width: 50px; margin-top: 20px; }



    /* =========================== Left Behind Section  =========================== */
    .left-behind { padding: 40px 0px;  }
    .left-behind-list-item { align-items: flex-start; gap: 10px; padding-bottom: 20px; width: 100%; }
    .left-behind-list-item:last-child { padding-bottom: 0px; }
    .left-behind-list-item img { width: 22px; height: auto; margin-top: 4px; }
    .left-behind-content .theme-btn { margin-top: 38px; }


    /* =========================== Recognised Section  =========================== */
    .recognised-list-item { padding: 16px 0px;  }
    .recognised-list { padding-right: 0px; }
    .recognised-images { max-width: max(57%,170px); }
    .recognised .row { flex-direction: column-reverse; }
    .recognised-list { padding-top: 57%; }
    .recognised-image-1 { width: 100%; }


    /* =========================== Built by Professionals Section =========================== */
    .built-by-content { padding-left: 0px; padding-top: 26px; }
  

    /* =========================== Annual Conference Section =========================== */
    .annual-conference .row { flex-direction: column-reverse; }
    .conference-wrapper { padding: 20px; }
    .conference-content { padding-top: 10%; }


}