/* Common CSS - DO NOT MODIFY */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap');

 :root {
     --primary-color: #0d47a1;
     --primary-dark: #0a3d8a;
     --primary-light: #4c8ec6;

     --secondary-color: #c62828;
     --secondary-dark: #a52727;

     --accent-color: #ffd600;

     --text-main: #2c3e50;
     --text-muted: #607d8b;

     --bg-light: #f8f9fa;
     --bg-white: #ffffff;
     --bg-dark: #1a1a1a;

     --font-heading: 'Outfit', sans-serif;
     --font-body: 'Inter', sans-serif;

     --section-padding: 80px 0;
     --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     --border-radius: 8px;
     --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
     --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.1);
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: var(--font-body);
     color: var(--text-main);
     background-color: var(--bg-white);
     line-height: 1.6;
     overflow-x: hidden;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--font-heading);
     font-weight: 700;
     color: var(--text-main);
 }

 a {
     transition: var(--transition-smooth);
     text-decoration: none;
     color: inherit;
 }

 a:hover {
     color: var(--primary-color);
 }

 ul,
 ol {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .section-title {
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 40px;
 }

 .section-title::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 60px;
     height: 4px;
     background-color: var(--primary-color);
     border-radius: 2px;
 }

 .text-primary-custom {
     color: var(--primary-color);
 }

 .bg-primary-custom {
     background-color: var(--primary-color);
 }

 .btn-primary-custom {
     background-color: var(--primary-color);
     border-color: var(--primary-color);
     color: white;
     padding: 12px 30px;
     border-radius: 50px;
     font-weight: 600;
     transition: var(--transition-smooth);
     display: inline-block;
 }

 .btn-primary-custom:hover {
     background-color: var(--primary-dark);
     border-color: var(--primary-dark);
     transform: translateY(-2px);
     box-shadow: var(--shadow-md);
     color: white;
 }
  .btn-secondary-custom {
     background-color: var(--secondary-color);
     border-color: var(--secondary-color);
     color: white;
     padding: 12px 30px;
     border-radius: 50px;
     font-weight: 600;
     transition: var(--transition-smooth);
     display: inline-block;
 }
 
  .btn-secondary-custom:hover {
     background-color: var(--secondary-dark);
     border-color: var(--secondary-dark);
     transform: translateY(-2px);
     box-shadow: var(--shadow-md);
     color: white;
 }

 .section-padding {
     padding: var(--section-padding);
 }

 /* End Common CSS - DO NOT MODIFY */

.scroll-progress-wrapper {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 1000;
    pointer-events: none;
}


.scroll-progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #10437a,
        #244393,
        #ed2929
    );
    box-shadow: 0 0 10px rgba(237, 41, 41, 0.5);
    transition: width 0.05s linear;
}



 /* CISCM Specific Styles */

 
 /* Hero Section */
 .ciscm-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 100px 0 80px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-hero__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     margin-bottom: 20px;
     display: inline-block;
 }

 .ciscm-hero__headline {
     font-size: 3rem;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-hero__intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 35px;
     max-width: 540px;
 }

 .ciscm-hero__buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     margin-bottom: 30px;
 }

 .ciscm-hero__secondary-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
 }

 .ciscm-hero__visual {
     position: relative;
     height: 100%;
     min-height: 400px;
 }

 .ciscm-hero__visual-container {
     position: relative;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
 }

 .ciscm-hero__visual-grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-hero__visual-element {
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     border-radius: 10px;
     backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 15px;
     color: white;
 }

 .ciscm-hero__visual-element--1 {
     top: 20%;
     left: 10%;
     width: 120px;
     height: 80px;
 }

 .ciscm-hero__visual-element--2 {
     top: 40%;
     right: 10%;
     width: 140px;
     height: 100px;
 }

 .ciscm-hero__visual-element--3 {
     bottom: 20%;
     left: 20%;
     width: 100px;
     height: 70px;
 }

 .ciscm-hero__visual-line {
     position: absolute;
     height: 2px;
     background: rgba(255, 255, 255, 0.3);
     transform-origin: left center;
 }

 .ciscm-hero__visual-line--1 {
     top: 35%;
     left: 25%;
     width: 50%;
     transform: rotate(15deg);
 }

 .ciscm-hero__visual-line--2 {
     top: 55%;
     left: 30%;
     width: 40%;
     transform: rotate(-10deg);
 }

 .ciscm-hero__visual-line--3 {
     top: 70%;
     left: 15%;
     width: 60%;
     transform: rotate(5deg);
 }

 .ciscm-hero__visual-label {
     font-size: 0.7rem;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 5px;
     opacity: 0.8;
 }

 .ciscm-hero__visual-value {
     font-family: var(--font-heading);
     font-size: 1.2rem;
     font-weight: 700;
 }

 /* Evidence Strip */
 .ciscm-evidence-strip {
     background-color: var(--bg-white);
     padding: 60px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .ciscm-evidence-item {
     text-align: center;
     position: relative;
 }

 .ciscm-evidence-item:not(:last-child)::after {
     content: '';
     position: absolute;
     right: 0;
     top: 10%;
     height: 80%;
     width: 1px;
     background-color: rgba(0, 0, 0, 0.1);
 }

 .ciscm-evidence-number {
     font-family: var(--font-heading);
     font-size: 3.5rem;
     font-weight: 700;
     color: var(--secondary-color);
     line-height: 1;
     margin-bottom: 10px;
 }

 .ciscm-evidence-label {
     font-size: 1.1rem;
     font-weight: 600;
     color: var(--text-main);
     margin-bottom: 8px;
     color: var(--primary-color);
 }

 .ciscm-evidence-desc {
     font-size: 0.9rem;
     color: var(--text-muted);
     max-width: 200px;
     margin: 0 auto;
 }

 /* Standard Section */
 .ciscm-standard {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standard__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-standard__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-standard__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 30px;
 }

 .ciscm-standard__principle {
     font-size: 1.1rem;
     font-weight: 600;
     color: var(--text-main);
     padding: 20px;
     background-color: var(--bg-white);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     box-shadow: var(--shadow-sm);
 }

 .ciscm-standard__features {
     margin-top: 60px;
 }

 .ciscm-standard__feature {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
     box-shadow: var(--shadow-sm);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     height: 100%;
     transition: all linear 0.3s;
 }

 .ciscm-standard__feature:hover {
     background-color: var(--secondary-color);
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
      .ciscm-standard__feature-number{
        color: var(--bg-white);
     }
     .ciscm-standard__feature-title{
        color: var(--bg-white);
     }
     .ciscm-standard__feature-desc{
        color: var(--bg-white);
     }
 }

 .ciscm-standard__feature-number {
     font-family: var(--font-heading);
     font-size: 2.5rem;
     font-weight: 700;
     color: rgba(13, 71, 161, 1);
     margin-bottom: 15px;
 }

 .ciscm-standard__feature-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 10px;
     color: var(--text-main);
 }

 .ciscm-standard__feature-desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 /* Pathway Section */
 .ciscm-pathway {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-pathway__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-pathway__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-pathway-card {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 40px 30px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .ciscm-pathway-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     border-color: var(--secondary-color);
 }

 .ciscm-pathway-card__icon {
     width: 60px;
     height: 60px;
     background-color: rgba(198, 40, 40, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
     font-size: 1.5rem;
     color: var(--secondary-color);
 }

 .ciscm-pathway-card__title {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--text-main);
 }

 .ciscm-pathway-card__desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 25px;
 }

 .ciscm-pathway-card__cta {
     font-weight: 600;
     color: var(--secondary-color);
     display: inline-flex;
     align-items: center;
     transition: transform 0.3s ease;
 }

 .ciscm-pathway-card__cta:hover {
     transform: translateX(5px);
 }

 .ciscm-pathway-card__cta i {
     margin-left: 8px;
     transition: transform 0.3s ease;
 }

 .ciscm-pathway-card:hover .ciscm-pathway-card__cta i {
     transform: translateX(5px);
 }

 /* Four Currents Section */
 .ciscm-currents {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-currents__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-currents__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
     color: rgba(255, 255, 255, 0.7);
 }

 .ciscm-currents__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: white;
 }

 .ciscm-currents__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 60px;
     max-width: 600px;
 }

 .ciscm-current__card {
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: var(--border-radius);
     padding: 30px;
     height: 100%;
     backdrop-filter: blur(5px);
     transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .ciscm-current__card:hover {
     transform: translateY(-5px);
     background-color: rgba(255, 255, 255, 0.15);
 }

 .ciscm-current__card-title {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: white;
 }

 .ciscm-current__card-desc {
     font-size: 0.95rem;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.7;
     margin-bottom: 15px;
 }

 .ciscm-current__card-question {
     font-size: 0.9rem;
     font-style: italic;
     color: rgba(255, 255, 255, 0.7);
     margin-bottom: 15px;
 }

 .ciscm-current__card-domains {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.6);
 }

 .ciscm-current__card-domains span {
     display: inline-block;
     background-color: rgba(255, 255, 255, 0.1);
     padding: 3px 10px;
     border-radius: 50px;
     margin: 2px;
 }

 .ciscm-currents__cta {
     margin-top: 40px;
     text-align: center;
 }

 .ciscm-currents__cta .btn-primary-custom {
     background-color: white;
     color: var(--primary-color);
     border-color: white;
 }

 .ciscm-currents__cta .btn-primary-custom:hover {
     background-color: rgba(255, 255, 255, 0.9);
     color: var(--primary-dark);
     border-color: rgba(255, 255, 255, 0.9);
 }

 /* Credentials Section */
 .ciscm-credentials {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-credentials__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-credentials__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-credentials__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
     max-width: 700px;
 }

 .ciscm-credential-card {
     background-color: var(--bg-white);
     border: 1px solid rgba(198, 40, 40, 0.1);
     border-radius: var(--border-radius);
     padding: 40px 30px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     position: relative;
 }

 .ciscm-credential-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     border-color: var(--secondary-color);
 }

 .ciscm-credential-card__level {
     font-family: var(--font-heading);
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 15px;
 }

 .ciscm-credential-card__title {
     font-size: 1.4rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-credential-card__desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 20px;
 }

 .ciscm-credential-card__signal {
     font-size: 0.9rem;
     color: var(--text-main);
     padding: 15px;
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     margin-bottom: 20px;
 }

 .ciscm-credential-card__cta {
     font-weight: 600;
     color: var(--secondary-color);
     display: inline-flex;
     align-items: center;
     transition: transform 0.3s ease;
 }

 .ciscm-credential-card__cta:hover {
     transform: translateX(5px);
 }

 .ciscm-credential-card__cta i {
     margin-left: 8px;
     transition: transform 0.3s ease;
 }

 .ciscm-credential-card:hover .ciscm-credential-card__cta i {
     transform: translateX(5px);
 }

 .ciscm-credentials__compare {
     margin-top: 60px;
     text-align: center;
 }

 /* Accreditation Section */
 .ciscm-accreditation {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-accreditation__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--primary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-accreditation__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--secondary-color);
 }

 .ciscm-accreditation__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
     max-width: 700px;
 }

 .ciscm-accreditation-type {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
     box-shadow: var(--shadow-sm);
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     transition: all linear 0.4s;
 }

 .ciscm-accreditation-type:hover {
     background-color: var(--secondary-color);
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     .ciscm-accreditation-type__title{
         color: var(--bg-white);
     }
     .ciscm-accreditation-type__desc{
         color: var(--bg-white);
     }
 }

 .ciscm-accreditation-type__title {
     font-size: 1.2rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-accreditation-type__desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
 }

 .ciscm-accreditation__cta {
     margin-top: 60px;
     text-align: center;
 }

 /* Body of Knowledge Section */
 .ciscm-bok {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-bok__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-bok__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-bok__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 30px;
 }

 .ciscm-bok__features {
     margin-bottom: 40px;
 }

 .ciscm-bok__feature {
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
 }

 .ciscm-bok__feature-icon {
     width: 30px;
     height: 30px;
     background-color: rgba(198, 40, 40, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
     color: var(--secondary-color);
 }

 .ciscm-bok__feature-text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 .ciscm-bok__cta {
     margin-top: 30px;
 }

 /* Quality Section */
 .ciscm-quality {
     background: linear-gradient(135deg, var(--bg-dark) 0%, #2c3e50 100%);
     color: white;
     padding: 60px 0;
 }

 .ciscm-quality__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
     color: rgba(255, 255, 255, 0.7);
 }

 .ciscm-quality__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: white;
 }

 .ciscm-quality__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 40px;
     max-width: 700px;
 }

 .ciscm-quality__cta {
     margin-top: 30px;
 }

 .ciscm-quality__cta .btn-primary-custom {
     background-color: white;
     color: var(--bg-dark);
     border-color: white;
 }

 .ciscm-quality__cta .btn-primary-custom:hover {
     background-color: rgba(255, 255, 255, 0.9);
     color: var(--bg-dark);
     border-color: rgba(255, 255, 255, 0.9);
 }

 /* Closing CTA Section */
 .ciscm-closing-cta {
     background-color: var(--bg-white);
     padding: 60px 0;
     text-align: center;
 }

 .ciscm-closing-cta__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     max-width: 700px;
     margin-left: auto;
     margin-right: auto;
     color: var(--primary-color);
 }

 .ciscm-closing-cta__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 40px;
     max-width: 700px;
     margin-left: auto;
     margin-right: auto;
 }

 .ciscm-closing-cta__buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
 }

 /* Footer */
 .ciscm-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, 0.8);
     padding: 80px 0 0;
 }

 .ciscm-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 20px;
 }

 .ciscm-footer__desc {
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     margin-bottom: 25px;
 }

 .ciscm-footer__links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-footer__links a {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.95rem;
     transition: color 0.3s ease, transform 0.3s ease;
     display: inline-block;
 }

 .ciscm-footer__links a:hover {
     color: white;
     transform: translateX(5px);
 }

 .ciscm-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-footer__copyright {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
 }

 .ciscm-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-footer__legal a {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .ciscm-footer__legal a:hover {
     color: rgba(255, 255, 255, 0.8);
 }

 

 /* ===================== */
 /* abou page start */
 /* ===================== */


 /* =====================================================
           ABOUT PAGE — HERO
           ===================================================== */
 .ciscm-about-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 60px 0 50px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-about-hero__headline {
     font-size: 3.5rem;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-about-hero__intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     max-width: 650px;
 }

 .ciscm-about-hero__visual {
     position: relative;
     height: 100%;
     min-height: 400px;
 }

 .ciscm-about-hero__visual-container {
     position: relative;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
 }

 .ciscm-about-hero__visual-grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-about-hero__visual-circle {
     position: absolute;
     border: 2px solid rgba(255, 255, 255, 0.2);
     border-radius: 50%;
 }

 .ciscm-about-hero__visual-circle--1 {
     width: 200px;
     height: 200px;
     top: 20%;
     left: 30%;
 }

 .ciscm-about-hero__visual-circle--2 {
     width: 150px;
     height: 150px;
     top: 30%;
     left: 35%;
 }

 .ciscm-about-hero__visual-circle--3 {
     width: 100px;
     height: 100px;
     top: 40%;
     left: 40%;
 }

 .ciscm-about-hero__visual-text {
     position: absolute;
     color: white;
     font-family: var(--font-heading);
     font-weight: 700;
 }

 .ciscm-about-hero__visual-text--1 {
     top: 10%;
     left: 10%;
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     opacity: 0.7;
 }

 .ciscm-about-hero__visual-text--2 {
     bottom: 15%;
     right: 15%;
     font-size: 1.2rem;
 }

 .ciscm-about-hero__visual-text--3 {
     bottom: 30%;
     right: 10%;
     font-size: 0.8rem;
     opacity: 0.6;
 }

 /* =====================================================
           ABOUT PAGE — WHO WE ARE
           ===================================================== */
 .ciscm-about-who {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-about-who__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-about-who__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 30px;
 }

 .ciscm-about-who__ecosystem {
     position: relative;
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 40px;
     height: 100%;
 }

 .ciscm-about-who__ecosystem-center {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100px;
     height: 100px;
     background-color: var(--primary-color);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 0.9rem;
     text-align: center;
     z-index: 2;
 }

 .ciscm-about-who__ecosystem-item {
     position: absolute;
     background-color: white;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: var(--border-radius);
     padding: 10px 15px;
     font-size: 0.85rem;
     font-weight: 500;
     z-index: 1;
 }

 .ciscm-about-who__ecosystem-item--1 {
     top: 10%;
     left: 10%;
 }

 .ciscm-about-who__ecosystem-item--2 {
     top: 10%;
     right: 10%;
 }

 .ciscm-about-who__ecosystem-item--3 {
     bottom: 10%;
     left: 10%;
 }

 .ciscm-about-who__ecosystem-item--4 {
     bottom: 10%;
     right: 10%;
 }

 .ciscm-about-who__ecosystem-item--5 {
     top: 40%;
     left: 5%;
 }

 .ciscm-about-who__ecosystem-item--6 {
     top: 40%;
     right: 5%;
 }

 /* =====================================================
           ABOUT PAGE — PRACTICAL QUESTION
           ===================================================== */
 .ciscm-about-question {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 50px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-about-question__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-about-question__quote {
     font-family: var(--font-heading);
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 30px;
     color: white;
     position: relative;
 }

 .ciscm-about-question__quote::before {
     content: '"';
     font-size: 5rem;
     position: absolute;
     top: -30px;
     left: -20px;
     opacity: 0.3;
 }

 .ciscm-about-question__answer {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
     max-width: 600px;
 }

 .ciscm-about-question__framework {
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: var(--border-radius);
     padding: 30px;
     backdrop-filter: blur(5px);
 }

 .ciscm-about-question__framework-item {
     display: flex;
     align-items: center;
     margin-bottom: 15px;
 }

 .ciscm-about-question__framework-item:last-child {
     margin-bottom: 0;
 }

 .ciscm-about-question__framework-icon {
     width: 30px;
     height: 30px;
     background-color: rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
 }

 .ciscm-about-question__framework-text {
     font-size: 0.95rem;
     color: rgba(255, 255, 255, 0.9);
 }

 /* =====================================================
           ABOUT PAGE — VISION & MISSION
           ===================================================== */
 .ciscm-about-purpose {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-about-purpose__vision {
     background: linear-gradient(135deg, rgba(13, 71, 161, 0.1) 0%, rgba(13, 71, 161, 0.1) 100%);
     border-radius: var(--border-radius);
     padding: 50px;
     height: 100%;
     position: relative;
     overflow: hidden;
 }

 .ciscm-about-purpose__vision::before {
     content: '';
     position: absolute;
     top: -50%;
     right: -50%;
     width: 100%;
     height: 100%;
     background: radial-gradient(circle, rgba(13, 71, 161, 0.05) 0%, transparent 70%);
 }

 .ciscm-about-purpose__mission {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 50px;
     height: 100%;
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-about-purpose__label {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--primary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 20px;
 }

 .ciscm-about-purpose__text {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-main);
 }

 /* =====================================================
           ABOUT PAGE — OPERATING VALUES
           ===================================================== */
 .ciscm-about-values {
     background-color: var(--bg-light);
     padding: 50px 0;
 }

 .ciscm-about-values__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-about-values__list {
     display: flex;
     flex-direction: column;
 }

 .ciscm-about-values__item {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
     margin-bottom: 20px;
     cursor: pointer;
     transition: transform 0.3s linear, box-shadow 0.3s linear;
     border-left: 4px solid transparent;
 }

 .ciscm-about-values__item:hover {
     transform: translateX(10px);
     box-shadow: var(--shadow-md);
     border-left-color: var(--secondary-color);
 }
 .ciscm-about-values__item.active {
     transform: translateX(10px);
     box-shadow: var(--shadow-md);
     border-left-color: var(--primary-color);
 }

 .ciscm-about-values__item-header {
     display: flex;
     align-items: center;
 }

 .ciscm-about-values__item-number {
     font-family: var(--font-heading);
     font-size: 2rem;
     font-weight: 700;
     color: rgba(13, 71, 161, 0.1);
     margin-right: 20px;
     min-width: 50px;
 }

 .ciscm-about-values__item-title {
     font-size: 1.2rem;
     font-weight: 600;
     color: var(--text-main);
     flex-grow: 1;
 }

 .ciscm-about-values__item-icon {
     color: var(--primary-color);
     font-size: 1.2rem;
     transition: transform 0.3s ease;
 }

 .ciscm-about-values__item.active .ciscm-about-values__item-icon {
     transform: rotate(180deg);
 }

 .ciscm-about-values__item-desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-top: 15px;
     padding-left: 70px;
     display: none;
 }

 .ciscm-about-values__item.active .ciscm-about-values__item-desc {
     display: block;
 }

 /* =====================================================
           ABOUT PAGE — LEARNING PHILOSOPHY
           ===================================================== */
 .ciscm-about-learning {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-about-learning__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-about-learning__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 50px;
 }

 .ciscm-about-learning__methods {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     margin-bottom: 40px;
 }

 .ciscm-about-learning__method {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 20px 30px;
     font-weight: 500;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .ciscm-about-learning__method:hover {
     transform: translateY(-5px);
     background-color: rgba(13, 71, 161, 0.1);
 }

 .ciscm-about-learning__outcome {
     background-color: var(--primary-color);
     color: white;
     border-radius: var(--border-radius);
     padding: 40px;
     text-align: center;
 }

 .ciscm-about-learning__outcome-text {
     font-size: 1.1rem;
     line-height: 1.7;
 }

 .ciscm-about-learning__note {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-top: 30px;
     padding: 20px;
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     border-left: 4px solid var(--secondary-color);
 }

 /* =====================================================
           ABOUT PAGE — WHO CISCM SERVES
           ===================================================== */
 .ciscm-about-serves {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 50px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-about-serves__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-about-serves__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: white;
 }

 .ciscm-about-serves__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
 }

 .ciscm-about-serves__item {
     background-color: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: var(--border-radius);
     padding: 30px;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .ciscm-about-serves__item:hover {
     transform: translateY(-5px);
     background-color: rgba(255, 255, 255, 0.1);
 }

 .ciscm-about-serves__item-icon {
     font-size: 1.5rem;
     color: var(--bg-white);
     margin-bottom: 15px;
 }

 .ciscm-about-serves__item-text {
     font-size: 0.95rem;
     color: rgba(255, 255, 255, 0.9);
     line-height: 1.5;
 }

 /* =====================================================
           ABOUT PAGE — SECTOR RELEVANCE
           ===================================================== */
 .ciscm-about-sectors {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-about-sectors__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-about-sectors__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 50px;
 }

 .ciscm-about-sectors__list {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .ciscm-about-sectors__item {
     background-color: rgba(13, 71, 161, 0.1);
     color: var(--primary-color);
     border-radius: 50px;
     padding: 15px 30px;
     font-weight: 500;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .ciscm-about-sectors__item:hover {
     transform: translateY(-5px);
     background-color: rgba(198, 40, 40, 0.1);
     color: var(--secondary-color);
 }

 /* =====================================================
           ABOUT PAGE — INSTITUTIONAL GOVERNANCE
           ===================================================== */
 .ciscm-about-governance {
     background-color: var(--bg-light);
     padding: 50px 0;
 }

 .ciscm-about-governance__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-about-governance__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
 }

 .ciscm-about-governance__architecture {
     position: relative;
     padding: 40px 0;
 }

 .ciscm-about-governance__level {
     position: relative;
     margin-bottom: 40px;
 }

 .ciscm-about-governance__level:last-child {
     margin-bottom: 0;
 }

 .ciscm-about-governance__level-title {
     background-color: var(--primary-color);
     color: white;
     border-radius: var(--border-radius);
     padding: 20px 30px;
     font-weight: 600;
     position: relative;
     z-index: 2;
 }

 .ciscm-about-governance__level-desc {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 20px 30px;
     margin-top: 10px;
     box-shadow: var(--shadow-sm);
 }

 .ciscm-about-governance__connector {
     position: absolute;
     left: 50%;
     top: 100%;
     width: 2px;
     height: 30px;
     background-color: var(--primary-color);
     transform: translateX(-50%);
 }

 /* =====================================================
           ABOUT PAGE — CLOSING CTA
           ===================================================== */
 .ciscm-about-closing {
     background-color: var(--bg-white);
     padding: 50px 0;
     text-align: center;
 }

 .ciscm-about-closing__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     max-width: 700px;
     margin-left: auto;
     margin-right: auto;
     color: var(--primary-color);
 }

 .ciscm-about-closing__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 40px;
     max-width: 920px;
     margin-left: auto;
     margin-right: auto;
 }

 .ciscm-about-closing__buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
 }




 /* ========================= */
 /* Professional Standards  */
 /* ========================= */


 .ciscm-standards-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 60px 0 50px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-standards-hero__kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     margin-bottom: 20px;
     display: inline-block;
 }

 .ciscm-standards-hero__headline {
     font-size: 3.5rem;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-standards-hero__intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 35px;
     max-width: 540px;
 }

 .ciscm-standards-hero__visual {
     position: relative;
     height: 100%;
     min-height: 450px;
 }

 .ciscm-standards-hero__framework {
     position: relative;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
     padding: 180px;
 }

 .ciscm-standards-hero__grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-standards-hero__node {
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 0.8rem;
     backdrop-filter: blur(5px);
 }

 .ciscm-standards-hero__node--bok {
     width: 120px;
     height: 120px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 1rem;
     background: rgba(255, 255, 255, 0.15);
 }

 .ciscm-standards-hero__node--currents {
     width: 80px;
     height: 80px;
     top: 15%;
     left: 15%;
 }

 .ciscm-standards-hero__node--domains {
     width: 80px;
     height: 80px;
     top: 15%;
     right: 15%;
 }

 .ciscm-standards-hero__node--units {
     width: 80px;
     height: 80px;
     bottom: 15%;
     left: 15%;
 }

 .ciscm-standards-hero__node--levels {
     width: 80px;
     height: 80px;
     bottom: 15%;
     right: 15%;
 }

 .ciscm-standards-hero__line {
     position: absolute;
     height: 2px;
     background: rgba(255, 255, 255, 0.2);
     transform-origin: left center;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — BOK INTRODUCTION
           ============================================ */
 .ciscm-standards-intro {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-standards-intro__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-standards-intro__text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
 }

 /* ============================================
           PROFESSIONAL STANDARDS — WHAT BOK GOVERNS
           ============================================ */
 .ciscm-standards-governs {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standards-governs__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-standards-governs__center {
     position: relative;
     width: 200px;
     height: 200px;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.1rem;
     text-align: center;
     padding: 20px;
     margin: 0 auto 60px;
     position: relative;
     z-index: 2;
 }

 

 .ciscm-standards-governs__item {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
     box-shadow: var(--shadow-sm);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     padding-left: 70px;
 }

 .ciscm-standards-governs__item:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     .ciscm-standards-governs__item-number {
         color: rgba(13, 71, 161, 1)
     }
 }

 .ciscm-standards-governs__item-number {
     position: absolute;
     left: 20px;
     top: 50%;
     transform: translateY(-50%);
     font-family: var(--font-heading);
     font-size: 2rem;
     font-weight: 700;
     color: rgba(13, 71, 161, 0.1);
 }

 .ciscm-standards-governs__item-text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — WHAT BOK IS NOT
           ============================================ */
 .ciscm-standards-not {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-standards-not__content {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     border-radius: var(--border-radius);
     padding: 60px;
     text-align: center;
 }

 .ciscm-standards-not__text {
     font-size: 1.2rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
     max-width: 800px;
     margin: 0 auto;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — SECOND EDITION
           ============================================ */
 .ciscm-standards-edition {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standards-edition__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-standards-edition__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 50px;
 }

 .ciscm-standards-edition__anatomy {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .ciscm-standards-edition__component {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 25px 30px;
     display: flex;
     align-items: center;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-left: 4px solid transparent;
 }

 .ciscm-standards-edition__component:hover {
     transform: translateX(10px);
     box-shadow: var(--shadow-sm);
     border-left-color: var(--secondary-color);
     .ciscm-standards-edition__component-icon{
         background-color: rgba(198, 40, 40, 0.1));
         color: var(--secondary-color);
     }
 }

 .ciscm-standards-edition__component-icon {
     width: 50px;
     height: 50px;
     background-color: rgba(13, 71, 161, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
     flex-shrink: 0;
     color: var(--primary-color);
     font-size: 1.2rem;
 }

 .ciscm-standards-edition__component-text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.5;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — FRAMEWORK AT A GLANCE
           ============================================ */
 .ciscm-standards-framework {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-standards-framework__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-standards-framework__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: white;
     text-align: center;
     color: var(--primary-color);
 }

 .ciscm-standards-framework__map {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 40px;
 }

 .ciscm-standards-framework__level {
     text-align: center;
     position: relative;
     width: 100%;
     max-width: 700px;
 }

 .ciscm-standards-framework__level-title {
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: var(--border-radius);
     padding: 20px 40px;
     display: inline-block;
     font-weight: 600;
     margin-bottom: 10px;
     backdrop-filter: blur(5px);
 }

 .ciscm-standards-framework__level-desc {
     font-size: 0.95rem;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.6;
 }

 .ciscm-standards-framework__connector {
     width: 2px;
     height: 40px;
     background-color: rgba(255, 255, 255, 0.3);
 }

 /* ============================================
           PROFESSIONAL STANDARDS — FOUR CURRENTS
           ============================================ */
 .ciscm-standards-currents {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-standards-currents__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-standards-currents__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
     max-width: 700px;
 }

 .ciscm-standards-currents__visual {
     position: relative;
     width: 100%;
     max-width: 800px;
     margin: 0 auto 60px;
     height: 500px;
 }

 .ciscm-standards-currents__core {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 150px;
     height: 150px;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.1rem;
     text-align: center;
     z-index: 2;
 }

 .ciscm-standards-currents__node {
     position: absolute;
     width: 140px;
     height: 140px;
     background-color: var(--bg-light);
     border: 2px solid rgba(13, 71, 161, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 1rem;
     color: var(--text-main);
     cursor: pointer;
     transition: all 0.3s ease;
     z-index: 1;
     opacity: 1;
 }

 .ciscm-standards-currents__node:hover,
 .ciscm-standards-currents__node.active {
     background-color: var(--primary-color);
     color: white;
     border-color: var(--primary-color);
     transform: scale(1.1);
     z-index: 3;
 }

 .ciscm-standards-currents__node--material {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }

 .ciscm-standards-currents__node--money {
     top: 50%;
     right: 0;
     transform: translateY(-50%);
 }

 .ciscm-standards-currents__node--information {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
 }

 .ciscm-standards-currents__node--trust {
     top: 50%;
     left: 0;
     transform: translateY(-50%);
 }

 .ciscm-standards-currents__node--material:hover,
 .ciscm-standards-currents__node--material.active {
     transform: translateX(-50%) scale(1.1);
 }

 .ciscm-standards-currents__node--money:hover,
 .ciscm-standards-currents__node--money.active {
     transform: translateY(-50%) scale(1.1);
 }

 .ciscm-standards-currents__node--information:hover,
 .ciscm-standards-currents__node--information.active {
     transform: translateX(-50%) scale(1.1);
 }

 .ciscm-standards-currents__node--trust:hover,
 .ciscm-standards-currents__node--trust.active {
     transform: translateY(-50%) scale(1.1);
 }

 .ciscm-standards-currents__detail {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 40px;
     display: none;
 }

 .ciscm-standards-currents__detail.active {
     display: block;
 }

 .ciscm-standards-currents__detail-title {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-standards-currents__detail-flows {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
     margin-bottom: 15px;
 }

 .ciscm-standards-currents__detail-question {
     font-size: 0.95rem;
     font-style: italic;
     color: var(--text-main);
     margin-bottom: 15px;
     padding: 15px;
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     border-left: 4px solid var(--primary-color);
 }

 .ciscm-standards-currents__detail-domains {
     font-size: 0.9rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 .ciscm-standards-currents__detail-domains span {
     display: inline-block;
     background-color: rgba(13, 71, 161, 0.1);
     padding: 5px 15px;
     border-radius: 50px;
     margin: 3px;
     font-weight: 500;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — SPANNING DOMAINS
           ============================================ */
 .ciscm-standards-spanning {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standards-spanning__content {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 40px;
     box-shadow: var(--shadow-sm);
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-standards-spanning__title {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--text-main);
 }

 .ciscm-standards-spanning__text {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — DOMAIN EXPLORER
           ============================================ */
 .ciscm-standards-domains {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-standards-domains__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-standards-domains__filter {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     margin-bottom: 40px;
 }

 .ciscm-standards-domains__filter-btn {
     background-color: var(--bg-light);
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 50px;
     padding: 10px 25px;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .ciscm-standards-domains__filter-btn:hover,
 .ciscm-standards-domains__filter-btn.active {
     background-color: var(--secondary-color);
     color: white;
     border-color: var(--secondary-color);
 }

 .ciscm-standards-domains__explorer {
     display: flex;
     gap: 30px;
 }

 .ciscm-standards-domains__list {
     flex: 0 0 300px;
     max-height: 600px;
     overflow-y: auto;
     border-right: 1px solid rgba(0, 0, 0, 0.1);
     padding-right: 30px;
 }

 .ciscm-standards-domains__list::-webkit-scrollbar {
     width: 5px;
 }

 .ciscm-standards-domains__list::-webkit-scrollbar-track {
     background: var(--bg-light);
 }

 .ciscm-standards-domains__list::-webkit-scrollbar-thumb {
     background: var(--primary-light);
     border-radius: 10px;
 }

 .ciscm-standards-domains__item {
     padding: 15px 20px;
     cursor: pointer;
     transition: all 0.3s ease;
     border-left: 3px solid transparent;
     margin-bottom: 5px;
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
 }

 .ciscm-standards-domains__item:hover,
 .ciscm-standards-domains__item.active {
     background-color: var(--bg-light);
     border-left-color: var(--secondary-color);
 }

 .ciscm-standards-domains__item-number {
     font-family: var(--font-heading);
     font-size: 0.8rem;
     font-weight: 600;
     color: var(--primary-color);
     margin-bottom: 5px;
 }

 .ciscm-standards-domains__item-name {
     font-size: 0.9rem;
     font-weight: 500;
     color: var(--text-main);
     line-height: 1.4;
 }

 .ciscm-standards-domains__detail {
     flex: 1;
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 40px;
 }

 .ciscm-standards-domains__detail-header {
     margin-bottom: 30px;
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .ciscm-standards-domains__detail-number {
     font-family: var(--font-heading);
     font-size: 1rem;
     font-weight: 600;
     color: var(--primary-color);
     margin-bottom: 10px;
 }

 .ciscm-standards-domains__detail-title {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--text-main);
 }

 .ciscm-standards-domains__detail-meta {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     margin-bottom: 20px;
 }

 .ciscm-standards-domains__detail-meta-item {
     font-size: 0.85rem;
     color: var(--text-muted);
 }

 .ciscm-standards-domains__detail-meta-item strong {
     color: var(--text-main);
 }

 .ciscm-standards-domains__detail-desc {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
     margin-bottom: 30px;
 }

 .ciscm-standards-domains__detail-units {
     margin-top: 20px;
 }

 .ciscm-standards-domains__detail-units-title {
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--text-main);
     margin-bottom: 10px;
 }

 .ciscm-standards-domains__detail-units-list {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .ciscm-standards-domains__detail-unit {
     background-color: var(--bg-white);
     padding: 8px 15px;
     border-radius: var(--border-radius);
     font-size: 0.85rem;
     color: var(--text-main);
     border: 1px solid rgba(0, 0, 0, 0.05);
 }

 /* ============================================
           PROFESSIONAL STANDARDS — PROFICIENCY SCALE
           ============================================ */
 .ciscm-standards-proficiency {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standards-proficiency__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-standards-proficiency__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
 }

 .ciscm-standards-proficiency__scale {
     display: flex;
     gap: 0;
     position: relative;
 }

 .ciscm-standards-proficiency__level {
     flex: 1;
     background-color: var(--bg-white);
     padding: 30px 20px;
     text-align: center;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     border-right: 1px solid rgba(0, 0, 0, 0.05);
 }

 .ciscm-standards-proficiency__level:last-child {
     border-right: none;
 }

 .ciscm-standards-proficiency__level:hover,
 .ciscm-standards-proficiency__level.active {
     background-color: var(--primary-color);
     color: white;
     z-index: 2;
     transform: translateY(-10px);
     box-shadow: var(--shadow-md);
 }

 .ciscm-standards-proficiency__level-number {
     font-family: var(--font-heading);
     font-size: 2.5rem;
     font-weight: 700;
     color: var(--primary-color);
     margin-bottom: 10px;
 }

 .ciscm-standards-proficiency__level:hover .ciscm-standards-proficiency__level-number,
 .ciscm-standards-proficiency__level.active .ciscm-standards-proficiency__level-number {
     color: white;
 }

 .ciscm-standards-proficiency__level-name {
     font-size: 0.9rem;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .ciscm-standards-proficiency__level-desc {
     font-size: 0.85rem;
     color: var(--text-muted);
     line-height: 1.5;
     display: none;
 }

 .ciscm-standards-proficiency__level:hover .ciscm-standards-proficiency__level-desc,
 .ciscm-standards-proficiency__level.active .ciscm-standards-proficiency__level-desc {
     display: block;
     color: rgba(255, 255, 255, 0.9);
 }

 .ciscm-standards-proficiency__detail {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 40px;
     margin-top: 40px;
     display: none;
 }

 .ciscm-standards-proficiency__detail.active {
     display: block;
 }

 .ciscm-standards-proficiency__detail-title {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-standards-proficiency__detail-capability {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
     margin-bottom: 15px;
 }

 .ciscm-standards-proficiency__detail-evidence {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.7;
     padding: 15px;
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     border-left: 4px solid var(--primary-color);
 }

 /* ============================================
           PROFESSIONAL STANDARDS — ANALYTICAL TO ARCHITECTURAL
           ============================================ */
 .ciscm-standards-scarce {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-standards-scarce__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-standards-scarce__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: white;
     text-align: center;
     color: var(--bg-white);
 }

 .ciscm-standards-scarce__comparison {
     display: flex;
     gap: 40px;
     align-items: stretch;
 }

 .ciscm-standards-scarce__level {
     flex: 1;
     background-color: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: var(--border-radius);
     padding: 40px;
     backdrop-filter: blur(5px);
 }

 .ciscm-standards-scarce__level-title {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--bg-white);
 }

 .ciscm-standards-scarce__level-text {
     font-size: 0.95rem;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.7;
 }

 .ciscm-standards-scarce__arrow {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 2rem;
     color: var(--bg-white);
 }

 /* ============================================
           PROFESSIONAL STANDARDS — CROSS-CUTTING THREADS
           ============================================ */
 .ciscm-standards-threads {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-standards-threads__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-standards-threads__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 60px;
 }

 .ciscm-standards-threads__visual {
     position: relative;
 }

 .ciscm-standards-threads__domains {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
     gap: 10px;
     margin-bottom: 40px;
 }

 .ciscm-standards-threads__domain {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 15px;
     text-align: center;
     font-size: 0.8rem;
     font-weight: 500;
     color: var(--text-muted);
 }

 .ciscm-standards-threads__list {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     position: relative;
 }

 .ciscm-standards-threads__item {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 30px;
     position: relative;
     border-top: 4px solid var(--secondary-color);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .ciscm-standards-threads__item:hover {
     transform: translateY(-5px);
     background-color: var(--secondary-color);
     box-shadow: var(--shadow-md);
     .ciscm-standards-threads__item-title{
         color: var(--bg-white);
     }
     .ciscm-standards-threads__item-desc{
         color: var(--bg-white);
     }
 }

 .ciscm-standards-threads__item-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 10px;
     color: var(--text-main);
 }

 .ciscm-standards-threads__item-desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — GOVERNANCE
           ============================================ */
 .ciscm-standards-governance {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-standards-governance__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-standards-governance__content {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 40px;
     box-shadow: var(--shadow-sm);
 }

 .ciscm-standards-governance__text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
     margin-bottom: 20px;
 }

 .ciscm-standards-governance__text:last-child {
     margin-bottom: 0;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — OPEN USE
           ============================================ */
 .ciscm-standards-openuse {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-standards-openuse__content {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 40px;
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-standards-openuse__text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
 }

 /* ============================================
           PROFESSIONAL STANDARDS — CLOSING CTA
           ============================================ */
 .ciscm-standards-closing {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 50px 0;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .ciscm-standards-closing__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-standards-closing__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: white;
     
 }

 .ciscm-standards-closing__buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
     margin-top: 40px;
 }

 .ciscm-standards-closing .btn-primary-custom {
     background-color: white;
     color: var(--primary-color);
     border-color: white;
 }

 .ciscm-standards-closing .btn-primary-custom:hover {
     background-color: rgba(255, 255, 255, 0.9);
     color: var(--primary-dark);
     border-color: rgba(255, 255, 255, 0.9);
 }

 .ciscm-standards-closing .btn-outline-primary {
     border-color: white;
     color: white;
     border-radius: 50px;
     padding: 12px 30px;
     font-weight: 600;
 }

 .ciscm-standards-closing .btn-outline-primary:hover {
     background-color: white;
     color: var(--primary-color);
 }










 

 

 /* ============================================
           CREDENTIALS — HERO
           ============================================ */
 .ciscm-credentials-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 60px 0 50px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-credentials-hero__headline {
     font-size: 3.5rem;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-credentials-hero__intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 35px;
     max-width: 560px;
 }

 .ciscm-credentials-hero__visual {
     position: relative;
     height: 100%;
     min-height: 420px;
 }

 .ciscm-credentials-hero__badge-stack {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .ciscm-credentials-hero__badge {
     position: absolute;
     background: var(--bg-white);
     border-radius: var(--border-radius);
     box-shadow: var(--shadow-md);
     padding: 20px 25px;
     display: flex;
     align-items: center;
     gap: 15px;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
 }

 .ciscm-credentials-hero__badge:hover {
     transform: translateY(-5px) !important;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
 }

 .ciscm-credentials-hero__badge--cfs {
     top: 5%;
     left: 10%;
     transform: rotate(-3deg);
 }

 .ciscm-credentials-hero__badge--cp {
     top: 35%;
     left: 25%;
     transform: rotate(1deg);
     z-index: 2;
 }

 .ciscm-credentials-hero__badge--chscp {
     top: 65%;
     left: 15%;
     transform: rotate(-2deg);
 }

 .ciscm-credentials-hero__badge-icon {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 700;
     font-family: var(--font-heading);
     font-size: 0.85rem;
     flex-shrink: 0;
     color: white;
 }

 .ciscm-credentials-hero__badge-icon--cfs {
     background-color: var(--primary-light);
 }

 .ciscm-credentials-hero__badge-icon--cp {
     background-color: var(--primary-color);
 }

 .ciscm-credentials-hero__badge-icon--chscp {
     background-color: var(--primary-dark);
 }

 .ciscm-credentials-hero__badge-title {
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 0.95rem;
     color: var(--text-main);
 }

 .ciscm-credentials-hero__badge-level {
     font-size: 0.8rem;
     color: var(--text-muted);
 }

 /* ============================================
           CREDENTIALS — CERT VS MEMBERSHIP
           ============================================ */
 .ciscm-credentials-distinction {
     background-color: var(--bg-white);
     padding: 80px 0;
 }

 .ciscm-credentials-distinction__content {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 50px;
     border-left: 5px solid var(--secondary-color);
 }

 .ciscm-credentials-distinction__headline {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-credentials-distinction__text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-main);
 }

 /* ============================================
           CREDENTIALS — COMPARISON TABLE
           ============================================ */
 .ciscm-credentials-compare {
     background-color: var(--bg-light);
     padding: 50px 0;
 }

 .ciscm-credentials-compare__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-credentials-compare__table-wrap {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     box-shadow: var(--shadow-sm);
     overflow: hidden;
 }

 .ciscm-credentials-compare__table {
     width: 100%;
     border-collapse: collapse;
 }

 .ciscm-credentials-compare__table thead th {
     background-color: var(--secondary-color);
     color: white;
     padding: 25px 20px;
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 0.95rem;
     text-align: left;
     border: none;
     vertical-align: top;
 }

 .ciscm-credentials-compare__table thead th:first-child {
     background-color: var(--secondary-color);
     font-weight: 700;
 }

 .ciscm-credentials-compare__table tbody td {
     padding: 20px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.6;
     vertical-align: top;
 }

 .ciscm-credentials-compare__table tbody td:first-child {
     font-weight: 600;
     color: var(--text-main);
     background-color: var(--bg-light);
     width: 160px;
 }

 .ciscm-credentials-compare__table tbody tr:last-child td {
     border-bottom: none;
 }

 /* ============================================
           CREDENTIALS — EXPLORER
           ============================================ */
 .ciscm-credentials-explorer {
     background-color: var(--bg-white);
     padding: 50px 0;
 }

 .ciscm-credentials-explorer__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 50px;
     color: var(--primary-color);
 }

 .ciscm-credentials-explorer__tabs {
     display: flex;
     gap: 0;
     margin-bottom: 40px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.1);
 }

 .ciscm-credentials-explorer__tab {
     padding: 15px 30px;
     font-weight: 600;
     font-size: 0.95rem;
     color: var(--text-muted);
     cursor: pointer;
     position: relative;
     transition: color 0.3s ease;
     background: none;
     border: none;
     font-family: var(--font-body);
 }

 .ciscm-credentials-explorer__tab:hover {
     color: var(--text-main);
 }

 .ciscm-credentials-explorer__tab.active {
     color: var(--primary-color);
 }

 .ciscm-credentials-explorer__tab.active::after {
     content: '';
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     height: 2px;
     background-color: var(--secondary-color);
 }

 .ciscm-credentials-explorer__panel {
     display: none;
 }

 .ciscm-credentials-explorer__panel.active {
     display: block;
 }

 .ciscm-credentials-explorer__panel-headline {
     font-size: 1.8rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .ciscm-credentials-explorer__panel-desc {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     max-width: 800px;
     margin: 0 auto 40px;
 }

 .ciscm-credentials-explorer__grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
 }

 .ciscm-credentials-explorer__block {
     background-color: var(--bg-light);
     border-radius: var(--border-radius);
     padding: 30px;
 }

 .ciscm-credentials-explorer__block-title {
     font-size: 1rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--text-main);
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .ciscm-credentials-explorer__block-title i {
     color: var(--primary-color);
 }

 .ciscm-credentials-explorer__list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-credentials-explorer__list li {
     padding: 8px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.5;
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }

 .ciscm-credentials-explorer__list li:last-child {
     border-bottom: none;
 }

 .ciscm-credentials-explorer__list li i {
     color: var(--primary-color);
     margin-top: 4px;
     flex-shrink: 0;
     font-size: 0.75rem;
 }

 .ciscm-credentials-explorer__note {
     background-color: var(--bg-light);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     padding: 20px 25px;
     margin-top: 30px;
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
 }

 .ciscm-credentials-explorer__ctas {
     margin-top: 30px;
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
 }

 /* ============================================
           CREDENTIALS — NO MANDATORY ROUTE
           ============================================ */
 .ciscm-credentials-route {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 80px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-credentials-route__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-credentials-route__headline {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: white;
 }

 .ciscm-credentials-route__text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
     max-width: 700px;
 }

 /* ============================================
           CREDENTIALS — JOURNEY
           ============================================ */
 .ciscm-credentials-journey {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-credentials-journey__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-credentials-journey__steps {
     display: flex;
     gap: 0;
     position: relative;
 }

 .ciscm-credentials-journey__step {
     flex: 1;
     text-align: center;
     position: relative;
     padding: 0 10px;
 }

 .ciscm-credentials-journey__step-number {
     width: 50px;
     height: 50px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.1rem;
     margin: 0 auto 15px;
     position: relative;
     z-index: 2;
 }

 .ciscm-credentials-journey__step:not(:last-child)::after {
     content: '';
     position: absolute;
     top: 25px;
     left: calc(50% + 25px);
     width: calc(100% - 50px);
     height: 2px;
     background-color: rgba(13, 71, 161, 0.15);
     z-index: 1;
 }

 .ciscm-credentials-journey__step-text {
     font-size: 0.9rem;
     color: var(--text-main);
     line-height: 1.5;
 }

 /* ============================================
           CREDENTIALS — ASSESSMENT
           ============================================ */
 .ciscm-credentials-assessment {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-credentials-assessment__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-credentials-assessment__intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 50px;
     /*max-width: 800px;*/
 }

 .ciscm-credentials-assessment__rules {
     margin-bottom: 50px;
 }

 .ciscm-credentials-assessment__rule {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     padding: 15px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .ciscm-credentials-assessment__rule:last-child {
     border-bottom: none;
 }

 .ciscm-credentials-assessment__rule-num {
     width: 30px;
     height: 30px;
     background-color: rgba(13, 71, 161, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 0.85rem;
     color: var(--primary-color);
     flex-shrink: 0;
 }

 .ciscm-credentials-assessment__rule-text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 .ciscm-credentials-assessment__methods-headline {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-credentials-assessment__methods-table {
     width: 100%;
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     box-shadow: var(--shadow-sm);
     overflow: hidden;
 }

 .ciscm-credentials-assessment__methods-table thead th {
     background-color: var(--secondary-color);
     color: white;
     padding: 18px 20px;
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 0.9rem;
     text-align: left;
 }

 .ciscm-credentials-assessment__methods-table tbody td {
     padding: 18px 20px;
     font-size: 0.9rem;
     color: var(--text-main);
     line-height: 1.5;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .ciscm-credentials-assessment__methods-table tbody tr:last-child td {
     border-bottom: none;
 }

 .ciscm-credentials-assessment__integrity {
     margin-top: 40px;
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 25px;
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-credentials-assessment__integrity-text {
     font-size: 0.95rem;
     color: var(--text-main);
     line-height: 1.7;
 }

 /* ============================================
           CREDENTIALS — CLOSING CTA
           ============================================ */
 .ciscm-credentials-closing {
     background-color: var(--bg-dark);
     color: white;
     padding: 60px 0;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .ciscm-credentials-closing__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-credentials-closing__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 40px;
     color: white;
 }

 .ciscm-credentials-closing__buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
 }

 .ciscm-credentials-closing .btn-primary-custom {
     background-color: white;
     color: var(--primary-color);
     border-color: white;
 }

 .ciscm-credentials-closing .btn-primary-custom:hover {
     background-color: rgba(255, 255, 255, 0.9);
     color: var(--primary-dark);
     border-color: rgba(255, 255, 255, 0.9);
 }

 .ciscm-credentials-closing .btn-outline-light {
     border-radius: 50px;
     padding: 12px 30px;
     font-weight: 600;
 }

 /* ============================================
           CREDENTIALS — FOOTER
           ============================================ */
 .ciscm-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, 0.8);
     padding: 80px 0 0;
 }

 .ciscm-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 20px;
 }

 .ciscm-footer__desc {
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     margin-bottom: 25px;
 }

 .ciscm-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-footer__links a {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.95rem;
     transition: color 0.3s ease, transform 0.3s ease;
     display: inline-block;
 }

 .ciscm-footer__links a:hover {
     color: white;
     transform: translateX(5px);
 }

 .ciscm-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-footer__copyright {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
 }

 .ciscm-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-footer__legal a {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .ciscm-footer__legal a:hover {
     color: rgba(255, 255, 255, 0.8);
 }




 
 /* ============================================
           MEMBERSHIP — HERO
           ============================================ */
 .ciscm-membership-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 60px 0 50px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-membership-hero__headline {
     font-size: 3.5rem;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 25px;
     color: var(--primary-color);
 }

 .ciscm-membership-hero__intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 35px;
     max-width: 560px;
 }

 .ciscm-membership-hero__visual {
     position: relative;
     height: 100%;
     min-height: 400px;
 }

 .ciscm-membership-hero__network {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .ciscm-membership-hero__node {
     position: absolute;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: var(--bg-white);
     box-shadow: var(--shadow-md);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: .75rem;
     font-weight: 600;
     color: var(--primary-color);
     z-index: 2;
 }

 .ciscm-membership-hero__node--1 {
     top: 8%;
     left: 12%;
 }

 .ciscm-membership-hero__node--2 {
     top: 20%;
     right: 18%;
 }

 .ciscm-membership-hero__node--3 {
     bottom: 25%;
     left: 25%;
 }

 .ciscm-membership-hero__node--4 {
     bottom: 12%;
     right: 8%;
 }

 .ciscm-membership-hero__node--5 {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 80px;
     height: 80px;
     font-size: .85rem;
     background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
     color: #fff;
 }

 .ciscm-membership-hero__line {
     position: absolute;
     height: 2px;
     background: rgba(13, 71, 161, .15);
     z-index: 1;
 }

 /* ============================================
           MEMBERSHIP — WHY JOIN
           ============================================ */
 .ciscm-membership-why {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-membership-why__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 50px;
     color: var(--primary-color);
 }

 .ciscm-membership-why__list {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     gap: 25px;
 }

 .ciscm-membership-why__item {
     display: flex;
     align-items: flex-start;
     gap: 18px;
     padding: 25px;
     background: var(--bg-light);
     border-radius: var(--border-radius);
     transition: transform .3s linear, box-shadow .3s linear;
 }

 .ciscm-membership-why__item:hover {
     transform: translateY(-4px);
     box-shadow: var(--shadow-sm);
     .ciscm-membership-why__icon{
         background: rgba(198, 40, 40, 0.1);
         color: var(--secondary-color);
     }
 }

 .ciscm-membership-why__icon {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background: rgba(13, 71, 161, .1);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     color: var(--primary-color);
     font-size: 1.15rem;
 }

 .ciscm-membership-why__text {
     font-size: .95rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 /* ============================================
           MEMBERSHIP — GRADES EXPLORER
           ============================================ */
 .ciscm-membership-grades {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-membership-grades__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-membership-grades__sub {
     font-size: 1.05rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 50px;
     max-width: 700px;
 }

 .ciscm-membership-grades__tabs {
     display: flex;
     gap: 0;
     border-bottom: 2px solid rgba(0, 0, 0, .1);
     margin-bottom: 40px;
     flex-wrap: wrap;
 }

 .ciscm-membership-grades__tab {
     padding: 15px 28px;
     font-weight: 600;
     font-size: .95rem;
     color: var(--text-muted);
     cursor: pointer;
     position: relative;
     border: none;
     background: none;
     font-family: var(--font-body);
     transition: color .3s ease;
 }

 .ciscm-membership-grades__tab:hover {
     color: var(--text-main);
 }

 .ciscm-membership-grades__tab.active {
     color: var(--primary-color);
 }

 .ciscm-membership-grades__tab.active::after {
     content: '';
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     height: 2px;
     background: var(--secondary-color);
 }

 .ciscm-membership-grades__panel {
     display: none;
 }

 .ciscm-membership-grades__panel.active {
     display: block;
 }

 .ciscm-membership-grades__panel-headline {
     font-size: 1.8rem;
     font-weight: 700;
     margin-bottom: 10px;
     color: var(--primary-color);
 }

 .ciscm-membership-grades__panel-profile {
     font-size: 1.05rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 30px;
 }

 .ciscm-membership-grades__panel-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 25px;
 }

 .ciscm-membership-grades__block {
     background: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
 }

 .ciscm-membership-grades__block-title {
     font-size: 1rem;
     font-weight: 600;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--text-main);
 }

 .ciscm-membership-grades__block-title i {
     color: var(--primary-color);
 }

 .ciscm-membership-grades__block-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-membership-grades__block-list li {
     padding: 8px 0;
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     font-size: .95rem;
     color: var(--text-main);
     line-height: 1.5;
 }

 .ciscm-membership-grades__block-list li:last-child {
     border-bottom: none;
 }

 .ciscm-membership-grades__note {
     background: var(--bg-light);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     padding: 20px 25px;
     margin-top: 30px;
     font-size: .95rem;
     color: var(--text-main);
     line-height: 1.7;
 }

 /* ============================================
           MEMBERSHIP — COMPETENCY FRAMEWORK
           ============================================ */
 .ciscm-membership-competency {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-membership-competency__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-membership-competency__sub {
     font-size: 1.05rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 50px;
     max-width: 700px;
 }

 .ciscm-membership-competency__dims {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 20px;
 }

 .ciscm-membership-competency__dim {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     padding: 25px;
     border-left: 3px solid rgba(13, 71, 161, 1);
     transition: border-color .3s ease, transform .3s ease;
 }

 .ciscm-membership-competency__dim:hover {
     border-left-color: var(--secondary-color);
     transform: translateX(5px);
     .ciscm-membership-competency__dim-num{
         color: var(--secondary-color);
     }
 }

 .ciscm-membership-competency__dim-num {
     font-family: var(--font-heading);
     font-size: 1.8rem;
     font-weight: 700;
     color: rgba(13, 71, 161, 1);
     line-height: 1;
     flex-shrink: 0;
 }

 .ciscm-membership-competency__dim-title {
     font-size: .95rem;
     font-weight: 600;
     color: var(--text-main);
     margin-bottom: 6px;
 }

 .ciscm-membership-competency__dim-text {
     font-size: .9rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 /* ============================================
           MEMBERSHIP — ORGANIZATIONAL
           ============================================ */
 .ciscm-membership-org {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: #fff;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
 }

 .ciscm-membership-org__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-membership-org__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: #fff;
 }

 .ciscm-membership-org__sub {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, .85);
     margin-bottom: 50px;
     max-width: 700px;
 }

 .ciscm-membership-org__grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 25px;
 }

 .ciscm-membership-org__card {
     background: rgba(255, 255, 255, .05);
     border: 1px solid rgba(255, 255, 255, .1);
     border-radius: var(--border-radius);
     padding: 30px;
     transition: transform .3s ease, background-color .3s ease;
 }

 .ciscm-membership-org__card:hover {
     transform: translateY(-5px);
     background-color: rgba(255, 255, 255, .1);
 }

 .ciscm-membership-org__card-title {
     font-size: 1.15rem;
     font-weight: 700;
     margin-bottom: 12px;
     color: #fff;
 }

 .ciscm-membership-org__card-desc {
     font-size: .95rem;
     color: rgba(255, 255, 255, .8);
     line-height: 1.6;
 }

 .ciscm-membership-org__note {
     margin-top: 40px;
     background: rgba(255, 255, 255, .08);
     border-radius: var(--border-radius);
     padding: 25px;
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-membership-org__note-text {
     font-size: .95rem;
     color: rgba(255, 255, 255, .9);
     line-height: 1.7;
 }

 /* ============================================
           MEMBERSHIP — CPD
           ============================================ */
 .ciscm-membership-cpd {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-membership-cpd__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-membership-cpd__sub {
     font-size: 1.05rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 50px;
     max-width: 700px;
 }

 .ciscm-membership-cpd__expectation {
     background: var(--bg-white);
     border-radius: var(--border-radius);
     padding: 30px;
     box-shadow: var(--shadow-sm);
     margin-bottom: 50px;
     border-left: 4px solid var(--secondary-color);
 }

 .ciscm-membership-cpd__expectation-text {
     font-size: .95rem;
     color: var(--text-main);
     line-height: 1.7;
 }

 .ciscm-membership-cpd__expectation-note {
     font-size: .85rem;
     color: var(--text-muted);
     margin-top: 10px;
     font-style: italic;
 }

 .ciscm-membership-cpd__cycle-title {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 30px;
 }

 .ciscm-membership-cpd__cycle {
     display: flex;
     gap: 0;
     position: relative;
 }

 .ciscm-membership-cpd__step {
     flex: 1;
     text-align: center;
     position: relative;
     padding: 0 10px;
 }

 .ciscm-membership-cpd__step-num {
     width: 50px;
     height: 50px;
     background-color: var(--primary-color);
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.1rem;
     margin: 0 auto 15px;
     position: relative;
     z-index: 2;
     transition: all linear 0.2s;
 }
 
 .ciscm-membership-cpd__step-num:hover{
     background-color: var(--secondary-color);
 }

 .ciscm-membership-cpd__step:not(:last-child)::after {
     content: '';
     position: absolute;
     top: 25px;
     left: calc(50% + 25px);
     width: calc(100% - 50px);
     height: 2px;
     background-color: rgba(13, 71, 161, .15);
     z-index: 1;
 }

 .ciscm-membership-cpd__step-label {
     font-size: .85rem;
     font-weight: 600;
     color: var(--primary-color);
     margin-bottom: 8px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .ciscm-membership-cpd__step-text {
     font-size: .9rem;
     color: var(--text-main);
     line-height: 1.5;
 }

 .ciscm-membership-cpd__acceptable-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-top: 50px;
     margin-bottom: 15px;
 }

 .ciscm-membership-cpd__acceptable-text {
     font-size: .95rem;
     color: var(--text-muted);
     line-height: 1.7;
     margin-bottom: 30px;
 }

 .ciscm-membership-cpd__fields-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .ciscm-membership-cpd__fields {
     background: var(--bg-white);
     border-radius: var(--border-radius);
     box-shadow: var(--shadow-sm);
     overflow: hidden;
 }

 .ciscm-membership-cpd__field {
     padding: 16px 20px;
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     display: flex;
     align-items: center;
     gap: 12px;
     font-size: .95rem;
     color: var(--text-main);
 }

 .ciscm-membership-cpd__field:last-child {
     border-bottom: none;
 }

 .ciscm-membership-cpd__field i {
     color: var(--primary-color);
     font-size: .8rem;
 }

 /* ============================================
           MEMBERSHIP — OBLIGATIONS
           ============================================ */
 .ciscm-membership-obligations {
     background-color: var(--bg-white);
     padding: 60px 0;
 }

 .ciscm-membership-obligations__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 50px;
     color: var(--primary-color);
 }

 .ciscm-membership-obligations__list {
     max-width: 800px;
 }

 .ciscm-membership-obligations__item {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     padding: 15px 0;
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     font-size: .95rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 .ciscm-membership-obligations__item:last-child {
     border-bottom: none;
 }

 .ciscm-membership-obligations__item i {
     color: var(--primary-color);
     margin-top: 3px;
     flex-shrink: 0;
     font-size: .75rem;
 }

 /* ============================================
           MEMBERSHIP — CLOSING CTA
           ============================================ */
 .ciscm-membership-closing {
     background-color: var(--bg-dark);
     color: #fff;
     padding: 60px 0;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .ciscm-membership-closing__bg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
     background-size: 40px 40px;
 }

 .ciscm-membership-closing__headline {
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 40px;
     color: #fff;
 }

 .ciscm-membership-closing__buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
 }

 .ciscm-membership-closing .btn-primary-custom {
     background-color: #fff;
     color: var(--primary-color);
     border-color: #fff;
 }

 .ciscm-membership-closing .btn-primary-custom:hover {
     background-color: rgba(255, 255, 255, .9);
     color: var(--primary-dark);
     border-color: rgba(255, 255, 255, .9);
 }

 .ciscm-membership-closing .btn-outline-light {
     border-radius: 50px;
     padding: 12px 30px;
     font-weight: 600;
 }

 /* ============================================
           FOOTER OVERRIDES
           ============================================ */
 .ciscm-membership-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, .8);
     padding: 80px 0 0;
 }

 .ciscm-membership-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: #fff;
     margin-bottom: 20px;
 }

 .ciscm-membership-footer__desc {
     font-size: .95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-membership-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: #fff;
     margin-bottom: 25px;
 }

 .ciscm-membership-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-membership-footer__links a {
     color: rgba(255, 255, 255, .7);
     font-size: .95rem;
     transition: color .3s ease, transform .3s ease;
     display: inline-block;
 }

 .ciscm-membership-footer__links a:hover {
     color: #fff;
     transform: translateX(5px);
 }

 .ciscm-membership-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, .1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-membership-footer__copyright {
     font-size: .85rem;
     color: rgba(255, 255, 255, .5);
 }

 .ciscm-membership-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-membership-footer__legal a {
     color: rgba(255, 255, 255, .5);
     font-size: .85rem;
 }

 .ciscm-membership-footer__legal a:hover {
     color: rgba(255, 255, 255, .8);
 }





 /* ================================ */
 /* Solutioons for organizations */
 /* ================================ */

 /* CISCM Specific Styles */

 

 /* Footer */
 .ciscm-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, 0.8);
     padding: 80px 0 0;
 }

 .ciscm-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 20px;
 }

 .ciscm-footer__desc {
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     margin-bottom: 25px;
 }

 .ciscm-footer__links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-footer__links a {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.95rem;
     transition: color 0.3s ease, transform 0.3s ease;
     display: inline-block;
 }

 .ciscm-footer__links a:hover {
     color: white;
     transform: translateX(5px);
 }

 .ciscm-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-footer__copyright {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
 }

 .ciscm-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-footer__legal a {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .ciscm-footer__legal a:hover {
     color: rgba(255, 255, 255, 0.8);
 }

 /* =========================================
           CISCM SOLUTIONS FOR ORGANIZATIONS
        ========================================= */

 /* Common Organization Section Styles */
 .ciscm-solutions-page .ciscm-org-section {
     position: relative;
 }

 .ciscm-solutions-page .ciscm-org-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 100px 0 80px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-solutions-page .ciscm-org-hero::before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 45%;
     height: 100%;
     background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.03) 100%);
     pointer-events: none;
 }

 .ciscm-solutions-page .ciscm-org-hero-kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     margin-bottom: 20px;
     display: inline-block;
 }

 .ciscm-solutions-page .ciscm-org-hero-headline {
     font-size: 3rem;
     font-weight: 700;
     line-height: 1.15;
     margin-bottom: 25px;
     color: var(--primary-color);
     position: relative;
     z-index: 1;
     max-width: 650px;
 }

 .ciscm-solutions-page .ciscm-org-hero-intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     max-width: 580px;
     position: relative;
     z-index: 1;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual {
     position: relative;
     height: 100%;
     min-height: 350px;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual-container {
     position: relative;
     width: 100%;
     height: 100%;
     min-height: 350px;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual-grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual-element {
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 10px;
     backdrop-filter: blur(5px);
     padding: 15px 18px;
     color: white;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual-label {
     font-size: 0.65rem;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     color: rgba(255, 255, 255, 0.7);
     margin-bottom: 5px;
 }

 .ciscm-solutions-page .ciscm-org-hero-visual-value {
     font-family: var(--font-heading);
     font-size: 0.95rem;
     font-weight: 600;
     color: white;
     line-height: 1.3;
 }

 .ciscm-solutions-page .ciscm-org-content {
     padding: 40px 0 20px;
 }

 .ciscm-solutions-page .ciscm-org-content--light {
     background-color: var(--bg-light);
 }

 .ciscm-solutions-page .ciscm-org-content--white {
     background-color: var(--bg-white);
 }

 .ciscm-solutions-page .ciscm-org-section-kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.85rem;
     margin-bottom: 15px;
 }

 .ciscm-solutions-page .ciscm-org-section-headline {
     font-size: 2rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-solutions-page .ciscm-org-section-intro {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-muted);
     margin-bottom: 40px;
     max-width: 700px;
 }

 .ciscm-solutions-page .ciscm-org-card {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 30px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     position: relative;
 }

 .ciscm-solutions-page .ciscm-org-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     border-color: var(--secondary-color);
     .ciscm-org-card-icon{
         background-color: rgba(198, 40, 40, 0.08);
         color: var(--secondary-color);
     }
 }

 .ciscm-solutions-page .ciscm-org-card-icon {
     width: 50px;
     height: 50px;
     background-color: rgba(13, 71, 161, 0.08);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     font-size: 1.3rem;
     color: var(--primary-color);
 }

 .ciscm-solutions-page .ciscm-org-card-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 12px;
     color: var(--text-main);
 }

 .ciscm-solutions-page .ciscm-org-card-text {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 .ciscm-solutions-page .ciscm-org-cta {
     text-align: center;
     padding: 60px 0;
 }

 .ciscm-solutions-page .ciscm-org-highlight-box {
     background-color: rgba(13, 71, 161, 0.03);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     padding: 30px;
     margin-bottom: 40px;
 }

 .ciscm-solutions-page .ciscm-org-highlight-text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-main);
     font-weight: 500;
 }

 /* 8.1 Employers Specific Styles */
 .ciscm-solutions-page .ciscm-employers-section .ciscm-org-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
 }

 .ciscm-solutions-page .ciscm-employers-visual-el-1 {
     top: 18%;
     left: 12%;
     width: 160px;
 }

 .ciscm-solutions-page .ciscm-employers-visual-el-2 {
     bottom: 18%;
     right: 35%;
     width: 180px;
 }

 .ciscm-solutions-page .ciscm-employers-visual-el-3 {
     top: 20%;
     left: 58%;
     width: 140px;
 }

 /* 8.2 Education Providers Specific Styles */
 .ciscm-solutions-page .ciscm-providers-section .ciscm-org-hero {
     background: linear-gradient(135deg, var(--bg-white) 0%, #f0f4f8 100%);
 }

 .ciscm-solutions-page .ciscm-providers-numbered-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 24px;
 }

 .ciscm-solutions-page .ciscm-providers-numbered-item:last-child {
     margin-bottom: 0;
 }

 .ciscm-solutions-page .ciscm-providers-number {
     width: 45px;
     height: 45px;
     min-width: 45px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1rem;
     margin-right: 20px;
     margin-top: 2px;
     transition: all linear 0.2s;
 }
 
 .ciscm-providers-number:hover{
     background-color: var(--secondary-color);
 }

 .ciscm-solutions-page .ciscm-providers-numbered-text {
     font-size: 1.05rem;
     color: var(--text-main);
     line-height: 1.6;
     padding-top: 8px;
 }

 .ciscm-solutions-page .ciscm-providers-independence-box {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     border-radius: var(--border-radius);
     padding: 40px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-solutions-page .ciscm-providers-independence-box::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-solutions-page .ciscm-providers-independence-icon {
     width: 60px;
     height: 60px;
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
     font-size: 1.5rem;
     color: var(--bg-white);
 }

 .ciscm-solutions-page .ciscm-providers-independence-text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
     position: relative;
     z-index: 1;
 }

 .ciscm-solutions-page .ciscm-providers-visual-el-1 {
     top: 15%;
     right: 15%;
     width: 150px;
 }

 .ciscm-solutions-page .ciscm-providers-visual-el-2 {
     bottom: 20%;
     left: 12%;
     width: 170px;
 }

 /* 8.3 Corporate Academies Specific Styles */
 .ciscm-solutions-page .ciscm-academies-section .ciscm-org-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
 }

 .ciscm-solutions-page .ciscm-academies-process {
     position: relative;
 }

 .ciscm-solutions-page .ciscm-academies-process-step {
     position: relative;
     padding-left: 80px;
     margin-bottom: 40px;
 }

 .ciscm-solutions-page .ciscm-academies-process-step:last-child {
     margin-bottom: 0;
 }

 .ciscm-solutions-page .ciscm-academies-process-step::before {
     content: '';
     position: absolute;
     left: 30px;
     top: 50px;
     bottom: -40px;
     width: 2px;
     background-color: rgba(13, 71, 161, 0.15);
 }

 .ciscm-solutions-page .ciscm-academies-process-step:last-child::before {
     display: none;
 }

 .ciscm-solutions-page .ciscm-academies-process-number {
     position: absolute;
     left: 0;
     top: 0;
     width: 62px;
     height: 62px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.3rem;
     box-shadow: 0 4px 15px rgba(13, 71, 161, 0.3);
     z-index: 1;
 }

 .ciscm-solutions-page .ciscm-academies-process-content {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 25px 28px;
     min-height: 100px;
     display: flex;
     align-items: center;
     transition: var(--transition-smooth);
 }

 .ciscm-solutions-page .ciscm-academies-process-step:hover .ciscm-academies-process-content {
     border-color: var(--secondary-color);
     box-shadow: var(--shadow-sm);
     color: var(--secondary-color);
     background: rgba(198, 40, 40, 0.1);
 }
 .ciscm-solutions-page .ciscm-academies-process-step:hover .ciscm-academies-process-text {
     color: var(--secondary-color);
 }

 .ciscm-solutions-page .ciscm-academies-process-text {
     font-size: 1.05rem;
     color: var(--primary-color);
     line-height: 1.5;
     font-weight: 500;
 }

 .ciscm-solutions-page .ciscm-academies-visual-el-1 {
     top: 20%;
     left: 10%;
     width: 155px;
 }

 .ciscm-solutions-page .ciscm-academies-visual-el-2 {
     bottom: 22%;
     right: 12%;
     width: 175px;
 }

 /* Section Dividers */
 .ciscm-solutions-page .ciscm-org-divider {
     height: 1px;
     background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.15) 50%, transparent 100%);
 }











 /* CISCM Specific Styles */



 /* Footer */
 .ciscm-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, 0.8);
     padding: 80px 0 0;
 }

 .ciscm-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 20px;
 }

 .ciscm-footer__desc {
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     margin-bottom: 25px;
 }

 .ciscm-footer__links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-footer__links a {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.95rem;
     transition: color 0.3s ease, transform 0.3s ease;
     display: inline-block;
 }

 .ciscm-footer__links a:hover {
     color: white;
     transform: translateX(5px);
 }

 .ciscm-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-footer__copyright {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
 }

 .ciscm-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-footer__legal a {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .ciscm-footer__legal a:hover {
     color: rgba(255, 255, 255, 0.8);
 }

 /* =========================================
           CISCM ACCREDITATIONS
        ========================================= */

 /* Shared Accreditation Styles */
 .ciscm-accreditations-page .ciscm-accreditation-section {
     position: relative;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 100px 0 80px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero::before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 45%;
     height: 100%;
     background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.03) 100%);
     pointer-events: none;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     margin-bottom: 20px;
     display: inline-block;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-headline {
     font-size: 3rem;
     font-weight: 700;
     line-height: 1.15;
     margin-bottom: 25px;
     color: var(--primary-color);
     position: relative;
     z-index: 1;
     max-width: 680px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     max-width: 600px;
     position: relative;
     z-index: 1;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual {
     position: relative;
     height: 100%;
     min-height: 350px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual-container {
     position: relative;
     width: 100%;
     height: 100%;
     min-height: 350px;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual-grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual-element {
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 10px;
     backdrop-filter: blur(5px);
     padding: 15px 18px;
     color: white;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual-label {
     font-size: 0.65rem;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     color: rgba(255, 255, 255, 0.7);
     margin-bottom: 5px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-hero-visual-value {
     font-family: var(--font-heading);
     font-size: 0.95rem;
     font-weight: 600;
     color: white;
     line-height: 1.3;
 }

 .ciscm-accreditations-page .ciscm-accreditation-content {
     padding: 25px 0;
 }

 .ciscm-accreditations-page .ciscm-accreditation-content--light {
     background-color: var(--bg-light);
 }

 .ciscm-accreditations-page .ciscm-accreditation-content--white {
     background-color: var(--bg-white);
 }

 .ciscm-accreditations-page .ciscm-accreditation-section-headline {
     font-size: 2rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: var(--primary-color);
 }

 .ciscm-accreditations-page .ciscm-accreditation-card {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 30px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
 }

 .ciscm-accreditations-page .ciscm-accreditation-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     border-color: var(--secondary-color);
     .ciscm-accreditation-card-icon{
         background-color: rgba(198, 40, 40, 0.08);
         color: var(--secondary-color);
     }
 }

 .ciscm-accreditations-page .ciscm-accreditation-card-icon {
     width: 50px;
     height: 50px;
     background-color: rgba(13, 71, 161, 0.08);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     font-size: 1.3rem;
     color: var(--primary-color);
 }

 .ciscm-accreditations-page .ciscm-accreditation-card-title {
     font-size: 1.05rem;
     font-weight: 600;
     margin-bottom: 12px;
     color: var(--text-main);
 }

 .ciscm-accreditations-page .ciscm-accreditation-card-text {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 .ciscm-accreditations-page .ciscm-accreditation-highlight-box {
     background-color: rgba(13, 71, 161, 0.03);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     padding: 30px;
     margin-bottom: 40px;
 }
 .ciscm-accreditation-highlight-box{
     background-color: rgba(13, 71, 161, 0.03);
     border-left: 4px solid var(--secondary-color);
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     padding: 30px;
     margin-bottom: 40px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-highlight-text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--text-main);
 }

 .ciscm-accreditations-page .ciscm-accreditation-warning-box {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     color: white;
     border-radius: var(--border-radius);
     padding: 40px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-accreditations-page .ciscm-accreditation-warning-box::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-warning-icon {
     width: 60px;
     height: 60px;
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
     font-size: 1.5rem;
     color: var(--bg-white);
 }

 .ciscm-accreditations-page .ciscm-accreditation-warning-text {
     font-size: 1.05rem;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
     position: relative;
     z-index: 1;
 }

 .ciscm-accreditations-page .ciscm-accreditation-process {
     position: relative;
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-step {
     position: relative;
     padding-left: 80px;
     margin-bottom: 40px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-step:last-child {
     margin-bottom: 0;
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-step::before {
     content: '';
     position: absolute;
     left: 30px;
     top: 50px;
     bottom: -40px;
     width: 2px;
     background-color: rgba(13, 71, 161, 0.15);
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-step:last-child::before {
     display: none;
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-number {
     position: absolute;
     left: 0;
     top: 0;
     width: 62px;
     height: 62px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.2rem;
     box-shadow: 0 4px 15px rgba(13, 71, 161, 0.3);
     z-index: 1;
     transition: all linear 0.3s;
 }
 .ciscm-accreditation-process-number:hover{
     background-color: var(--secondary-color);
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-content {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 25px 28px;
     min-height: 100px;
     display: flex;
     align-items: center;
     transition: var(--transition-smooth);
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-step:hover .ciscm-accreditation-process-content {
     border-color: var(--secondary-color);
     box-shadow: var(--shadow-sm);
 }

 .ciscm-accreditations-page .ciscm-accreditation-process-text {
     font-size: 1.05rem;
     color: var(--text-main);
     line-height: 1.5;
     font-weight: 500;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 24px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-item:last-child {
     margin-bottom: 0;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-number {
     width: 45px;
     height: 45px;
     min-width: 45px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1rem;
     margin-right: 20px;
     margin-top: 2px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-content {
     padding-top: 8px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-title {
     font-size: 1.05rem;
     font-weight: 600;
     color: var(--text-main);
     margin-bottom: 6px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-standard-text {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 .ciscm-accreditations-page .ciscm-accreditation-checklist-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 16px;
     padding-left: 35px;
     position: relative;
 }

 .ciscm-accreditations-page .ciscm-accreditation-checklist-item::before {
     content: '';
     position: absolute;
     left: 0;
     top: 4px;
     width: 18px;
     height: 18px;
     border: 2px solid var(--primary-color);
     border-radius: 4px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-checklist-text {
     font-size: 1rem;
     color: var(--text-main);
     line-height: 1.6;
 }

 .ciscm-accreditations-page .ciscm-accreditation-cta {
     text-align: center;
     padding: 60px 0;
 }

 .ciscm-accreditations-page .ciscm-accreditation-table {
     background-color: var(--bg-white);
     border-radius: var(--border-radius);
     overflow: hidden;
     box-shadow: var(--shadow-sm);
 }

 .ciscm-accreditations-page .ciscm-accreditation-table table {
     margin-bottom: 0;
 }

.ciscm-accreditations-page .ciscm-accreditation-table thead th {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
}

 .ciscm-accreditations-page .ciscm-accreditation-table th {
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 0.95rem;
     padding: 18px 24px;
     border: none;
 }

 .ciscm-accreditations-page .ciscm-accreditation-table td {
     padding: 18px 24px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     font-size: 0.95rem;
     line-height: 1.6;
     vertical-align: top;
 }

 .ciscm-accreditations-page .ciscm-accreditation-table tbody tr:last-child td {
     border-bottom: none;
 }

 .ciscm-accreditations-page .ciscm-accreditation-table tbody tr:hover {
     background-color: rgba(13, 71, 161, 0.02);
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-level {
     padding: 30px;
     border-radius: var(--border-radius);
     border: 2px solid;
     height: 100%;
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-level--strong {
     border-color: #2e7d32;
     background-color: rgba(46, 125, 50, 0.03);
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-level--adequate {
     border-color: var(--primary-color);
     background-color: rgba(13, 71, 161, 0.03);
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-level--weak {
     border-color: #f57c00;
     background-color: rgba(245, 124, 0, 0.03);
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-level--unreliable {
     border-color: var(--secondary-color);
     background-color: rgba(198, 40, 40, 0.03);
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-title {
     font-family: var(--font-heading);
     font-size: 1.2rem;
     font-weight: 700;
     margin-bottom: 12px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-evidence-text {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.6;
 }

 .ciscm-accreditations-page .ciscm-accreditation-scoring-indicator {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: var(--primary-color);
     color: white;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.8rem;
     box-shadow: 0 4px 20px rgba(13, 71, 161, 0.3);
     margin: 0 15px;
 }

 .ciscm-accreditations-page .ciscm-accreditation-divider {
     height: 1px;
     background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.15) 50%, transparent 100%);
 }







 

 .ciscm-footer {
     background-color: var(--bg-dark);
     color: rgba(255, 255, 255, 0.8);
     padding: 80px 0 0;
 }

 .ciscm-footer__brand {
     font-family: var(--font-heading);
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 20px;
 }

 .ciscm-footer__desc {
     font-size: 0.95rem;
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 350px;
 }

 .ciscm-footer__heading {
     font-family: var(--font-heading);
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     margin-bottom: 25px;
 }

 .ciscm-footer__links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ciscm-footer__links li {
     margin-bottom: 12px;
 }

 .ciscm-footer__links a {
     color: rgba(255, 255, 255, 0.7);
     font-size: 0.95rem;
     transition: color 0.3s ease, transform 0.3s ease;
     display: inline-block;
 }

 .ciscm-footer__links a:hover {
     color: white;
     transform: translateX(5px);
 }

 .ciscm-footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 25px 0;
     margin-top: 60px;
 }

 .ciscm-footer__copyright {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
 }

 .ciscm-footer__legal {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     gap: 20px;
 }

 .ciscm-footer__legal a {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.85rem;
 }

 .ciscm-footer__legal a:hover {
     color: rgba(255, 255, 255, 0.8);
 }

 /* =========================================
           CISCM PROFESSIONAL SERVICES
        ========================================= */

 /* Professional Services Hero */
 .ciscm-professional-services-page .ps-hero {
     background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
     padding: 100px 0 80px;
     position: relative;
     overflow: hidden;
 }

 .ciscm-professional-services-page .ps-hero::before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 45%;
     height: 100%;
     background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.03) 100%);
     pointer-events: none;
 }

 .ciscm-professional-services-page .ps-hero-kicker {
     font-family: var(--font-body);
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 0.9rem;
     margin-bottom: 20px;
     display: inline-block;
 }

 .ciscm-professional-services-page .ps-hero-headline {
     font-size: 3rem;
     font-weight: 700;
     line-height: 1.15;
     margin-bottom: 25px;
     color: var(--primary-color);
     position: relative;
     z-index: 1;
     max-width: 650px;
 }

 .ciscm-professional-services-page .ps-hero-intro {
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--text-muted);
     max-width: 580px;
     position: relative;
     z-index: 1;
 }

 /* Hero Ecosystem Visual */
 .ciscm-professional-services-page .ps-hero-visual {
     position: relative;
     height: 100%;
     min-height: 400px;
 }

 .ciscm-professional-services-page .ps-hero-visual-container {
     position: relative;
     width: 100%;
     height: 100%;
     min-height: 400px;
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-radius: 20px;
     overflow: hidden;
 }

 .ciscm-professional-services-page .ps-hero-visual-grid {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 30px 30px;
 }

 .ciscm-professional-services-page .ps-hero-visual-node {
     position: absolute;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 10px;
     backdrop-filter: blur(5px);
     padding: 14px 16px;
     color: white;
 }

 .ciscm-professional-services-page .ps-hero-visual-node-label {
     font-size: 0.6rem;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     color: rgba(255, 255, 255, 0.65);
     margin-bottom: 4px;
 }

 .ciscm-professional-services-page .ps-hero-visual-node-value {
     font-family: var(--font-heading);
     font-size: 0.9rem;
     font-weight: 600;
     color: white;
     line-height: 1.3;
 }

 .ciscm-professional-services-page .ps-hero-visual-line {
     position: absolute;
     height: 1px;
     background: rgba(255, 255, 255, 0.2);
     transform-origin: left center;
 }

 .ciscm-professional-services-page .ps-hero-visual-dot {
     position: absolute;
     width: 8px;
     height: 8px;
     background: rgba(255, 255, 255, 0.35);
     border-radius: 50%;
 }

 /* Service Portfolio Section */
 .ciscm-professional-services-page .ps-portfolio {
     padding: 60px 0;
     background-color: var(--bg-white);
 }

 .ciscm-professional-services-page .ps-portfolio-headline {
     font-size: 2.2rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 /* Service Cards — Shared */
 .ciscm-professional-services-page .ps-service-card {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 48px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .ciscm-professional-services-page .ps-service-card:hover {
     transform: translateY(-5px);
     box-shadow: var(--shadow-md);
     border-color: var(--secondary-color);
 }

 .ciscm-professional-services-page .ps-service-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 3px;
     background: linear-gradient(90deg, var(--secondary-color), var(--secondary-color));
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .ciscm-professional-services-page .ps-service-card:hover::before {
     opacity: 1;
 }

 .ciscm-professional-services-page .ps-service-number {
     font-family: var(--font-heading);
     font-weight: 700;
     color: rgba(13, 71, 161, 0.1);
     font-size: 3rem;
     line-height: 1;
     margin-bottom: 16px;
     transition: color 0.3s ease;
 }

 .ciscm-professional-services-page .ps-service-card:hover .ps-service-number {
     color: rgba(13, 71, 161, 1);
 }

 .ciscm-professional-services-page .ps-service-icon {
     width: 48px;
     height: 48px;
     background-color: rgba(13, 71, 161, 0.08);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.2rem;
     color: var(--primary-color);
     margin-bottom: 20px;
     transition: var(--transition-smooth);
 }

 .ciscm-professional-services-page .ps-service-card:hover .ps-service-icon {
     background-color: var(--secondary-color);
     color: white;
 }

 .ciscm-professional-services-page .ps-service-title {
     font-size: 1.15rem;
     font-weight: 700;
     margin-bottom: 14px;
     color: var(--text-main);
     line-height: 1.3;
 }

 .ciscm-professional-services-page .ps-service-desc {
     font-size: 0.95rem;
     color: var(--text-muted);
     line-height: 1.65;
 }

 /* Featured Service Card (large) */
 .ciscm-professional-services-page .ps-service-card--featured {
     padding: 48px 40px;
 }

 .ciscm-professional-services-page .ps-service-card--featured .ps-service-number {
     font-size: 4rem;
     margin-bottom: 20px;
 }

 .ciscm-professional-services-page .ps-service-card--featured .ps-service-title {
     font-size: 1.4rem;
     margin-bottom: 18px;
 }

 .ciscm-professional-services-page .ps-service-card--featured .ps-service-desc {
     font-size: 1rem;
     line-height: 1.7;
     max-width: 520px;
 }

 /* Wide Service Card */
 .ciscm-professional-services-page .ps-service-card--wide .ps-service-inner {
     /*display: flex;*/
     gap: 30px;
     align-items: flex-start;
 }

 .ciscm-professional-services-page .ps-service-card--wide .ps-service-meta {
     flex-shrink: 0;
     min-width: 120px;
 }

 .ciscm-professional-services-page .ps-service-card--wide .ps-service-content {
     flex: 1;
 }

 .ciscm-professional-services-page .ps-service-card--wide .ps-service-number {
     font-size: 2.5rem;
     margin-bottom: 12px;
 }

 /* Framework Card */
 .ciscm-professional-services-page .ps-service-card--framework {
     background: linear-gradient(135deg, var(--bg-light) 0%, #f0f4f8 100%);
     border-color: rgba(13, 71, 161, 0.12);
 }

 /* Journey Card */
 .ciscm-professional-services-page .ps-service-card--journey {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     border-color: transparent;
     color: white;
 }
 
  .ciscm-professional-services-page .ps-service-card--journey:hover {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
 }

 .ciscm-professional-services-page .ps-service-card--journey .ps-service-number {
     color: rgba(255, 255, 255, 0.2);
 }

 .ciscm-professional-services-page .ps-service-card--journey:hover .ps-service-number {
     color: var(--bg-white);
 }

 .ciscm-professional-services-page .ps-service-card--journey .ps-service-icon {
     background-color: rgba(255, 255, 255, 0.15);
     color: white;
 }

 .ciscm-professional-services-page .ps-service-card--journey:hover .ps-service-icon {
     background-color: white;
     color: var(--primary-color);
 }

 .ciscm-professional-services-page .ps-service-card--journey .ps-service-title {
     color: white;
 }

 .ciscm-professional-services-page .ps-service-card--journey .ps-service-desc {
     color: rgba(255, 255, 255, 0.8);
 }

 .ciscm-professional-services-page .ps-service-card--journey::before {
     background: linear-gradient(90deg, var(--bg-white), var(--bg-white));
 }

 /* Knowledge Card */
 .ciscm-professional-services-page .ps-service-card--knowledge {
     border-left: 4px solid var(--primary-color);
 }

 /* Portfolio Grid Row Spacing */
 .ciscm-professional-services-page .ps-portfolio-row {
     margin-bottom: 24px;
 }

 .ciscm-professional-services-page .ps-portfolio-row:last-child {
     margin-bottom: 0;
 }

 /* =========================================
           HOW A SERVICE ENGAGEMENT WORKS
        ========================================= */

 .ciscm-professional-services-page .ps-engagement {
     background-color: var(--bg-light);
     padding: 60px 0;
 }

 .ciscm-professional-services-page .ps-engagement-headline {
     font-size: 2.2rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 60px;
     color: var(--primary-color);
 }

 .ciscm-professional-services-page .ps-engagement-process {
     position: relative;
 }

 .ciscm-professional-services-page .ps-engagement-step {
     position: relative;
     padding-left: 80px;
     margin-bottom: 44px;
 }

 .ciscm-professional-services-page .ps-engagement-step:last-child {
     margin-bottom: 0;
 }

 .ciscm-professional-services-page .ps-engagement-step::before {
     content: '';
     position: absolute;
     left: 29px;
     top: 52px;
     bottom: -44px;
     width: 2px;
     background-color: rgba(13, 71, 161, 0.12);
 }

 .ciscm-professional-services-page .ps-engagement-step:last-child::before {
     display: none;
 }

 .ciscm-professional-services-page .ps-engagement-number {
     position: absolute;
     left: 0;
     top: 0;
     width: 60px;
     height: 60px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-heading);
     font-weight: 700;
     font-size: 1.25rem;
     box-shadow: 0 4px 15px rgba(13, 71, 161, 0.3);
     z-index: 1;
     transition: var(--transition-smooth);
 }

 .ciscm-professional-services-page .ps-engagement-step:hover .ps-engagement-number {
     transform: scale(1.08);
     box-shadow: 0 6px 20px rgba(198, 40, 40, 0.35);
     background-color: var(--secondary-color);
 }

 .ciscm-professional-services-page .ps-engagement-content {
     background-color: var(--bg-white);
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: var(--border-radius);
     padding: 28px 30px;
     min-height: 110px;
     display: flex;
     align-items: center;
     transition: var(--transition-smooth);
 }

 .ciscm-professional-services-page .ps-engagement-step:hover .ps-engagement-content {
     border-color: var(--secondary-color);
     box-shadow: var(--shadow-sm);
 }

 .ciscm-professional-services-page .ps-engagement-text {
     font-size: 1.05rem;
     color: var(--text-main);
     line-height: 1.55;
     font-weight: 500;
 }

 .ciscm-professional-services-page .ps-engagement-cta {
     text-align: center;
     padding-top: 50px;
 }

        /* Footer */
        .ciscm-footer {
            background-color: var(--bg-dark);
            color: rgba(255, 255, 255, 0.8);
            padding: 80px 0 0;
        }
        
        .ciscm-footer__brand {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 700;
            color: white;
            margin-bottom: 20px;
        }
        
        .ciscm-footer__desc {
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 30px;
            max-width: 350px;
        }
        
        .ciscm-footer__heading {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 600;
            color: white;
            margin-bottom: 25px;
        }
        
        .ciscm-footer__links {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .ciscm-footer__links li {
            margin-bottom: 12px;
        }
        
        .ciscm-footer__links a {
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.95rem;
            transition: color 0.3s ease, transform 0.3s ease;
            display: inline-block;
        }
        
        .ciscm-footer__links a:hover {
            color: white;
            transform: translateX(5px);
        }
        
        .ciscm-footer__bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding: 25px 0;
            margin-top: 60px;
        }
        
        .ciscm-footer__copyright {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.5);
        }
        
        .ciscm-footer__legal {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: flex-end;
            gap: 20px;
        }
        
        .ciscm-footer__legal a {
            color: rgba(255, 255, 255, 0.5);
            font-size: 0.85rem;
        }
        
        .ciscm-footer__legal a:hover {
            color: rgba(255, 255, 255, 0.8);
        }

        /* =========================================
           CISCM FAQ PAGE STYLES
        ========================================= */

        /* FAQ Hero Section */
        .ciscm-faq__hero {
            background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
            padding: 100px 0 80px;
            position: relative;
            overflow: hidden;
        }

        .ciscm-faq__hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 40%;
            height: 100%;
            background: linear-gradient(90deg, transparent 0%, rgba(13, 71, 161, 0.03) 100%);
        }

        .ciscm-faq__hero-kicker {
            font-family: var(--font-body);
            font-weight: 600;
            color: var(--secondary-color);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.9rem;
            margin-bottom: 20px;
            display: inline-block;
        }

        .ciscm-faq__hero-headline {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 25px;
            color: var(--primary-color);
            position: relative;
            z-index: 1;
        }

        .ciscm-faq__hero-intro {
            font-size: 1.1rem;
            line-height: 1.7;
            color: var(--text-muted);
            max-width: 640px;
            position: relative;
            z-index: 1;
        }

        /* FAQ Main Content */
        .ciscm-faq__content {
            background-color: var(--bg-white);
            padding: 60px 0;
        }

        /* FAQ Category Section */
        .ciscm-faq__category {
            margin-bottom: 80px;
        }

        .ciscm-faq__category:last-child {
            margin-bottom: 0;
        }

        .ciscm-faq__category-kicker {
            font-family: var(--font-body);
            font-weight: 600;
            color: var(--secondary-color);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.85rem;
            margin-bottom: 12px;
        }

        .ciscm-faq__category-headline {
            font-size: 2rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 40px;
           color: var(--primary-color);
        }

        /* FAQ Accordion Customization */
        .ciscm-faq__accordion {
            border: none;
        }

        .ciscm-faq__item {
            background-color: var(--bg-white);
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: var(--border-radius) !important;
            margin-bottom: 12px;
            overflow: hidden;
            transition: var(--transition-smooth);
        }

        .ciscm-faq__item:hover {
            border-color: rgba(13, 71, 161, 0.2);
            box-shadow: var(--shadow-sm);
        }

        .ciscm-faq__item:not(.collapsed) {
            border-color: var(--primary-color);
            box-shadow: var(--shadow-sm);
        }

        .ciscm-faq__question {
            background-color: var(--bg-white);
            border: none;
            padding: 20px 24px;
            font-family: var(--font-heading);
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--text-main);
            width: 100%;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            transition: var(--transition-smooth);
            box-shadow: none !important;
        }

        .ciscm-faq__question::after {
            display: none;
        }

        .ciscm-faq__question:hover {
            color: var(--primary-color);
            background-color: var(--bg-light);
        }

        .ciscm-faq__question:not(.collapsed) {
            color: var(--primary-color);
            background-color: rgba(13, 71, 161, 0.02);
        }

        .ciscm-faq__question-icon {
            width: 28px;
            height: 28px;
            min-width: 28px;
            border-radius: 50%;
            background-color: rgba(13, 71, 161, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition-smooth);
            font-size: 1rem;
            color: var(--primary-color);
        }

        .ciscm-faq__question:not(.collapsed) .ciscm-faq__question-icon {
            background-color: var(--primary-color);
            color: white;
            transform: rotate(45deg);
        }

        .ciscm-faq__answer {
            padding: 0 24px 24px 24px;
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.7;
        }

        .ciscm-faq__answer p {
            margin-bottom: 12px;
        }

        .ciscm-faq__answer p:last-child {
            margin-bottom: 0;
        }

        .ciscm-faq__answer ul {
            list-style: none;
            padding: 0;
            margin: 12px 0;
        }

        .ciscm-faq__answer ul li {
            position: relative;
            padding-left: 24px;
            margin-bottom: 8px;
        }

        .ciscm-faq__answer ul li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 10px;
            width: 8px;
            height: 8px;
            background-color: var(--secondary-color);
            border-radius: 50%;
        }

        

/* =========================================
   ACCREDITATION DROPDOWN
========================================= */
/* =========================================
   ACCREDITATION DROPDOWN
========================================= */

.main-navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /*padding: 15px 0;*/
}

.main-navbar.sticky-top {
    top: 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}

.main-navbar .nav-link {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-main) !important;
    padding: 0.5rem 1rem !important;
    transition: var(--transition-smooth);
    border: 0px;
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link.active {
    color: var(--primary-color) !important;
}

.main_nav_logo {
    width: 100px !important;
    height: auto;
}

/* Tiered Navigation Redesign */
.utility-nav {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    font-family: var(--font-body);
}

.utility-links li a {
    transition: var(--transition-smooth);
    font-weight: 500;
}

.utility-links li a:hover {
    color: var(--primary-color) !important;
}

/* Accreditation Dropdown */
.main-navbar .dropdown-menu {
    font-family: var(--font-body);
    border-radius: 10px;
    border: 0px;
    padding: 8px 0;
    min-width: 240px;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    margin-top: 4px;
    z-index:1002;
    
}

.main-navbar .dropdown-item {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--text-main);
    padding: 10px 20px;
    border-radius: 6px;
    margin: 2px 6px;
    width: 95%;
    transition: var(--transition-smooth);
}

.main-navbar .dropdown-item:hover,
.main-navbar .dropdown-item:focus {
    background: var(--primary-color);
    color: #fff;
}

@media (max-width: 991.98px) {
    .main-navbar .dropdown-menu {
        border: none;
        box-shadow: none;
        background: transparent;
        backdrop-filter: none;
        border-radius: 0;
        padding: 0 0 0 16px;
        margin-top: 0;
    }

    .main-navbar .dropdown-item {
        font-size: 0.85rem;
        padding: 8px 16px;
        margin: 0;
        border-radius: 0;
        color: var(--text-main);
        opacity: 0.85;
    }

    .main-navbar .dropdown-item:hover,
    .main-navbar .dropdown-item:focus {
        background: transparent;
        color: var(--primary-color);
        opacity: 1;
    }
}
.main-navbar .dropdown-toggle:focus,
.main-navbar .dropdown-toggle:active,
.main-navbar .dropdown-toggle.show {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   CISCM QUALITY, GOVERNANCE
   & PUBLIC TRUST
========================================= */

/* Shared Styles */
.ciscm-quality-governance-trust .ciscm-trust-page {
    position: relative;
}

.ciscm-quality-governance-trust .ciscm-trust-hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
    padding: 60px 0 50px;
    position: relative;
    overflow: hidden;
}

.ciscm-quality-governance-trust .ciscm-trust-hero__kicker {
    font-family: var(--font-body);
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
    margin-bottom: 20px;
    display: inline-block;
}

.ciscm-quality-governance-trust .ciscm-trust-hero__headline {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
    color: var(--primary-color);
}

.ciscm-quality-governance-trust .ciscm-trust-hero__intro {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 35px;
    max-width: 650px;
}

.ciscm-quality-governance-trust .ciscm-trust-hero__visual {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.ciscm-quality-governance-trust .ciscm-trust-hero__visual-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    border-radius: 20px;
    overflow: hidden;
    padding: 190px 0px;
}

.ciscm-quality-governance-trust .ciscm-trust-hero__visual-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
}

.ciscm-quality-governance-trust .ciscm-trust-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(13, 71, 161, 0.2), transparent);
    margin: 0;
}

.ciscm-quality-governance-trust .ciscm-trust-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    color: var(--primary-color);
}

.ciscm-quality-governance-trust .ciscm-trust-section-intro {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 50px;
}

.ciscm-quality-governance-trust .ciscm-trust-card {
    background-color: var(--bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius);
    padding: 40px 30px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ciscm-quality-governance-trust .ciscm-trust-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: var(--secondary-color);
}

.ciscm-quality-governance-trust .ciscm-trust-icon-box {
    width: 60px;
    height: 60px;
    background-color: rgba(13, 71, 161, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 1.5rem;
    color: var(--primary-color);
}

/* 11.1 Quality Assurance */
.ciscm-quality-governance-trust .ciscm-quality-assurance {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-quality-assurance .ciscm-trust-hero__visual-element {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px;
    color: white;
}

.ciscm-quality-governance-trust .ciscm-quality-assurance .ciscm-trust-hero__visual-element--1 {
    top: 20%;
    left: 10%;
    width: 120px;
    height: 80px;
}

.ciscm-quality-governance-trust .ciscm-quality-assurance .ciscm-trust-hero__visual-element--2 {
    top: 40%;
    right: 10%;
    width: 140px;
    height: 100px;
}

.ciscm-quality-governance-trust .ciscm-quality-assurance .ciscm-trust-hero__visual-element--3 {
    bottom: 20%;
    left: 20%;
    width: 100px;
    height: 70px;
}

.ciscm-quality-governance-trust .ciscm-qa-principles {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-qa-principle {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 30px;
    box-shadow: var(--shadow-sm);
    height: 100%;
    border-left: 4px solid var(--secondary-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ciscm-quality-governance-trust .ciscm-qa-principle:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.ciscm-quality-governance-trust .ciscm-qa-principle__title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.ciscm-quality-governance-trust .ciscm-qa-principle__text {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.6;
}

.ciscm-quality-governance-trust .ciscm-qa-monitoring {
    background-color: var(--bg-white);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-qa-monitoring__framework {
    position: relative;
    padding: 40px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    border-radius: var(--border-radius);
    color: white;
    min-height: 500px;
}

.ciscm-quality-governance-trust .ciscm-qa-monitoring__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

.ciscm-quality-governance-trust .ciscm-qa-monitoring__center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    z-index: 2;
}

.ciscm-quality-governance-trust .ciscm-qa-monitoring__node {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius);
    padding: 20px;
    backdrop-filter: blur(5px);
    z-index: 1;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__timeline {
    position: relative;
    padding-left: 60px;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    height: 85%;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--primary-color), var(--primary-light));
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__item {
    position: relative;
    margin-bottom: 50px;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__item:last-child {
    margin-bottom: 0;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__dot {
    position: absolute;
    left: -45px;
    top: 0;
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    z-index: 2;
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__content {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 30px;
    box-shadow: var(--shadow-sm);
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-main);
}

.ciscm-quality-governance-trust .ciscm-qa-renewal__text {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.6;
}

/* 11.2 Verification */
.ciscm-quality-governance-trust .ciscm-verification {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-verification__search {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-verification__panel {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 50px;
    box-shadow: var(--shadow-md);
}

.ciscm-quality-governance-trust .ciscm-verification__input-group {
    margin-bottom: 30px;
}

.ciscm-quality-governance-trust .ciscm-verification__label {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: var(--text-main);
}

.ciscm-quality-governance-trust .ciscm-verification__input {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius);
    font-family: var(--font-body);
    font-size: 1rem;
    transition: border-color 0.3s ease;
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-verification__input:focus {
    outline: none;
    border-color: var(--primary-color);
}

.ciscm-quality-governance-trust .ciscm-verification__result {
    background-color: var(--bg-white);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-verification__status-card {
    background-color: var(--bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius);
    padding: 30px;
    margin-bottom: 20px;
    border-left: 4px solid transparent;
}

.ciscm-quality-governance-trust .ciscm-verification__status-card--current {
    border-left-color: #2e7d32;
}

.ciscm-quality-governance-trust .ciscm-verification__status-card--expired {
    border-left-color: var(--secondary-color);
}

.ciscm-quality-governance-trust .ciscm-verification__status-card--suspended {
    border-left-color: #f57c00;
}

.ciscm-quality-governance-trust .ciscm-verification__status-badge {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.ciscm-quality-governance-trust .ciscm-verification__status-badge--current {
    background-color: rgba(46, 125, 50, 0.1);
    color: #2e7d32;
}

.ciscm-quality-governance-trust .ciscm-verification__status-badge--expired {
    background-color: rgba(198, 40, 40, 0.1);
    color: var(--secondary-color);
}

.ciscm-quality-governance-trust .ciscm-verification__status-badge--suspended {
    background-color: rgba(245, 124, 0, 0.1);
    color: #f57c00;
}

.ciscm-quality-governance-trust .ciscm-verification__no-result {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-verification__no-result-card {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 60px;
    text-align: center;
    box-shadow: var(--shadow-sm);
}

.ciscm-quality-governance-trust .ciscm-verification__no-result-icon {
    font-size: 4rem;
    color: rgba(13, 71, 161, 0.2);
    margin-bottom: 30px;
}

/* 11.3 Public Claims & Brand Use */
.ciscm-quality-governance-trust .ciscm-public-claims {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-public-claims__framework {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-public-claims__practice {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 30px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 20px;
    border-left: 4px solid var(--secondary-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ciscm-quality-governance-trust .ciscm-public-claims__practice:hover {
    transform: translateX(10px);
    box-shadow: var(--shadow-md);
}

.ciscm-quality-governance-trust .ciscm-public-claims__practice-text {
    font-size: 0.95rem;
    color: var(--text-main);
    line-height: 1.6;
}

/* 11.4 Complaints */
.ciscm-quality-governance-trust .ciscm-complaints {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-complaints__submit {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-complaints__process {
    background-color: var(--bg-white);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-complaints__timeline {
    position: relative;
    padding-left: 60px;
}

.ciscm-quality-governance-trust .ciscm-complaints__timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    height: 90%;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--primary-color), var(--primary-light));
}

.ciscm-quality-governance-trust .ciscm-complaints__step {
    position: relative;
    margin-bottom: 50px;
}

.ciscm-quality-governance-trust .ciscm-complaints__step:last-child {
    margin-bottom: 0;
}

.ciscm-quality-governance-trust .ciscm-complaints__step-number {
    position: absolute;
    left: -45px;
    top: 0;
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    font-weight: 700;
    z-index: 2;
}

.ciscm-quality-governance-trust .ciscm-complaints__step-content {
    background-color: var(--bg-light);
    border-radius: var(--border-radius);
    padding: 30px;
}

.ciscm-quality-governance-trust .ciscm-complaints__step-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-main);
}

.ciscm-quality-governance-trust .ciscm-complaints__step-text {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.6;
}

.ciscm-quality-governance-trust .ciscm-complaints__remedies {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.ciscm-quality-governance-trust .ciscm-complaints__remedies-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

.ciscm-quality-governance-trust .ciscm-complaints__remedy {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--border-radius);
    padding: 30px;
    backdrop-filter: blur(5px);
    height: 100%;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.ciscm-quality-governance-trust .ciscm-complaints__remedy:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.15);
}

.ciscm-quality-governance-trust .ciscm-complaints__remedy-text {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

/* 11.5 Appeals */
.ciscm-quality-governance-trust .ciscm-appeals {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-appeals__timeframes {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-appeals__table-wrapper {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.ciscm-quality-governance-trust .ciscm-appeals__table {
    width: 100%;
    border-collapse: collapse;
}

.ciscm-quality-governance-trust .ciscm-appeals__table thead {
    background-color: var(--secondary-color);
    color: white;
}

.ciscm-quality-governance-trust .ciscm-appeals__table th {
    padding: 20px 30px;
    font-weight: 600;
    text-align: left;
    font-size: 0.95rem;
}

.ciscm-quality-governance-trust .ciscm-appeals__table td {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 0.95rem;
    color: var(--text-main);
}

.ciscm-quality-governance-trust .ciscm-appeals__table tbody tr:hover {
    background-color: var(--bg-light);
}

.ciscm-quality-governance-trust .ciscm-appeals__table tbody tr:last-child td {
    border-bottom: none;
}

/* 11.6 Data Protection */
.ciscm-quality-governance-trust .ciscm-data-protection {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-data-protection__architecture {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-data-protection__layer {
    background-color: var(--bg-white);
    border-radius: var(--border-radius);
    padding: 40px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 20px;
    border-left: 4px solid var(--secondary-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ciscm-quality-governance-trust .ciscm-data-protection__layer:hover {
    transform: translateX(10px);
    box-shadow: var(--shadow-md);
}

.ciscm-quality-governance-trust .ciscm-data-protection__layer-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--text-main);
}

/* 11.7 Fees & Commercial Terms */
.ciscm-quality-governance-trust .ciscm-fees {
    background-color: var(--bg-white);
}

.ciscm-quality-governance-trust .ciscm-fees__terms {
    background-color: var(--bg-light);
    padding: 60px 0;
}

.ciscm-quality-governance-trust .ciscm-fees__notice {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    border-radius: var(--border-radius);
    padding: 60px;
    position: relative;
    overflow: hidden;
}

.ciscm-quality-governance-trust .ciscm-fees__notice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 40px 40px;
}

.ciscm-quality-governance-trust .ciscm-fees__notice-text {
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.95);
    position: relative;
    z-index: 2;
    font-weight: 500;
}

/* Hover States */
.ciscm-quality-governance-trust .ciscm-trust-card:hover .ciscm-trust-icon-box {
    background-color: var(--secondary-color);
    color: white;
}

/* Animations */
.ciscm-quality-governance-trust .ciscm-animate-fade-up {
    opacity: 0;
    transform: translateY(30px);
}

.ciscm-quality-governance-trust .ciscm-animate-fade-in {
    opacity: 0;
}



/* ============================================
           CISCM APPLICATION FORMS - PAGE SPECIFIC STYLES
           ============================================ */

        /* Hero Section */
        .forms-hero {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
            padding: 100px 0 80px;
            position: relative;
            overflow: hidden;
        }

        .forms-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 50%;
        }

        .forms-hero::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 400px;
            height: 400px;
            background: rgba(255, 255, 255, 0.02);
            border-radius: 50%;
        }

        .forms-hero .eyebrow {
            font-family: var(--font-body);
            font-size: 0.875rem;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 20px;
        }

        .forms-hero h1 {
            font-family: var(--font-heading);
            font-size: 3rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .forms-hero .hero-description {
            font-size: 1.125rem;
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            line-height: 1.7;
        }

        /* Form Sections */
        .form-section {
            padding: 80px 0;
        }

        .form-section.alt-bg {
            background-color: var(--bg-light);
        }

        .form-section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .form-section-header .section-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            font-family: var(--font-heading);
            font-weight: 700;
            font-size: 1.25rem;
            margin-bottom: 20px;
        }

        .form-section-header h2 {
            font-size: 2.25rem;
            margin-bottom: 15px;
        }

        .form-section-header .section-desc {
            font-size: 1.0625rem;
            color: var(--text-muted);
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Form Container */
        .form-container {
            background: var(--bg-white);
            border-radius: var(--border-radius);
            box-shadow: var(--shadow-md);
            overflow: hidden;
            max-width: 960px;
            margin: 0 auto;
        }

        .step-indicators {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

        .step-indicators::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 2px;
            background: #e0e0e0;
            transform: translateY(-50%);
            z-index: 0;
        }

        .step-indicator {
            position: relative;
            z-index: 1;
            flex-shrink: 0;
        }

        .step-indicator .step-circle {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #e0e0e0;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 0.875rem;
            transition: var(--transition-smooth);
            margin: 0 auto 6px;
        }

        .step-indicator .step-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-align: center;
            white-space: nowrap;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .step-indicator.active .step-circle {
            background: var(--primary-color);
            color: white;
            box-shadow: 0 0 0 4px rgba(13, 71, 161, 0.15);
        }

        .step-indicator.active .step-label {
            color: var(--primary-color);
            font-weight: 600;
        }

        .step-indicator.completed .step-circle {
            background: var(--primary-light);
            color: white;
        }

        .step-indicator.completed .step-label {
            color: var(--text-main);
        }

        /* Step Content */
        .step-content {
            padding: 40px;
            min-height: 400px;
        }

        .step-pane {
            display: none;
        }

        .step-pane.active {
            display: block;
            animation: fadeInUp 0.3s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

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

        .step-title {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--text-main);
            margin-bottom: 10px;
        }

        .step-subtitle {
            font-size: 0.9375rem;
            color: var(--text-muted);
            margin-bottom: 30px;
            line-height: 1.6;
        }

        /* Form Groups */
        .form-group {
            margin-bottom: 24px;
        }

        .form-group label {
            font-weight: 500;
            font-size: 0.9375rem;
            color: var(--text-main);
            margin-bottom: 6px;
        }

        .form-group label .required {
            color: var(--secondary-color);
            margin-left: 2px;
        }

        .form-group .form-text {
            font-size: 0.8125rem;
            color: var(--text-muted);
            margin-top: 4px;
        }

        .form-control,
        .form-select {
            border: 1px solid #d0d5dd;
            border-radius: 6px;
            padding: 12px 16px;
            font-size: 0.9375rem;
            transition: var(--transition-smooth);
            height: auto;
        }

        .form-control:focus,
        .form-select:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(13, 71, 161, 0.1);
        }

        .form-control.is-invalid,
        .form-select.is-invalid {
            border-color: var(--secondary-color);
        }

        .invalid-feedback {
            font-size: 0.8125rem;
        }

        textarea.form-control {
            min-height: 120px;
            resize: vertical;
        }

        /* Selection Cards */
        .selection-cards {
            display: grid;
            gap: 16px;
            margin-bottom: 24px;
        }

        .selection-cards.cols-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .selection-cards.cols-3 {
            grid-template-columns: repeat(3, 1fr);
        }

        .selection-card {
            background: var(--bg-white);
            border: 2px solid #e0e0e0;
            border-radius: var(--border-radius);
            padding: 24px;
            cursor: pointer;
            transition: var(--transition-smooth);
            position: relative;
        }

        .selection-card:hover {
            border-color: var(--primary-light);
            box-shadow: var(--shadow-sm);
        }

        .selection-card.selected {
            border-color: var(--primary-color);
            background: rgba(13, 71, 161, 0.03);
        }

        .selection-card .card-radio {
            position: absolute;
            top: 20px;
            right: 20px;
        }

        .selection-card .card-icon {
            width: 48px;
            height: 48px;
            background: var(--bg-light);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            font-size: 1.25rem;
            color: var(--primary-color);
        }

        .selection-card .card-title {
            font-family: var(--font-heading);
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--text-main);
            margin-bottom: 8px;
        }

        .selection-card .card-desc {
            font-size: 0.875rem;
            color: var(--text-muted);
            line-height: 1.5;
        }

        .selection-card.selected .card-icon {
            background: var(--primary-color);
            color: white;
        }

        /* Information Notice */
        .info-notice {
            background: #e3f2fd;
            border-left: 4px solid var(--primary-color);
            border-radius: 0 var(--border-radius) var(--border-radius) 0;
            padding: 16px 20px;
            margin-bottom: 24px;
        }

        .info-notice.warning {
            background: #fff3e0;
            border-left-color: #ff9800;
        }

        .info-notice.important {
            background: #ffebee;
            border-left-color: var(--secondary-color);
        }

        .info-notice .notice-title {
            font-weight: 600;
            font-size: 0.9375rem;
            margin-bottom: 6px;
            color: var(--text-main);
        }

        .info-notice p {
            font-size: 0.875rem;
            color: var(--text-muted);
            margin: 0;
            line-height: 1.6;
        }

        /* Upload Card */
        .upload-card {
            border: 2px dashed #d0d5dd;
            border-radius: var(--border-radius);
            padding: 30px;
            text-align: center;
            cursor: pointer;
            transition: var(--transition-smooth);
            background: var(--bg-white);
            position: relative;
            margin-bottom: 16px;
        }

        .upload-card:hover {
            border-color: var(--primary-light);
            background: rgba(13, 71, 161, 0.02);
        }

        .upload-card.has-file {
            border-style: solid;
            border-color: var(--primary-light);
            background: rgba(76, 142, 198, 0.05);
        }

        .upload-card .upload-icon {
            font-size: 2rem;
            color: var(--text-muted);
            margin-bottom: 12px;
        }

        .upload-card .upload-title {
            font-weight: 600;
            font-size: 0.9375rem;
            color: var(--text-main);
            margin-bottom: 6px;
        }

        .upload-card .upload-desc {
            font-size: 0.8125rem;
            color: var(--text-muted);
            margin-bottom: 12px;
        }

        .upload-card .upload-status {
            font-size: 0.875rem;
            color: var(--primary-color);
            font-weight: 500;
            display: none;
        }

        .upload-card.has-file .upload-status {
            display: block;
        }

        .upload-card.has-file .upload-icon,
        .upload-card.has-file .upload-desc {
            display: none;
        }

        .upload-card .file-input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

        .upload-card .remove-file {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: var(--secondary-color);
            color: white;
            border: none;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            cursor: pointer;
        }

        .upload-card.has-file .remove-file {
            display: flex;
        }

        /* Repeatable Section */
        .repeatable-section {
            border: 1px solid #e0e0e0;
            border-radius: var(--border-radius);
            padding: 24px;
            margin-bottom: 16px;
            background: var(--bg-light);
            position: relative;
        }

        .repeatable-section .section-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            font-size: 0.8125rem;
            font-weight: 600;
            margin-right: 12px;
        }

        .repeatable-section .section-title {
            font-weight: 600;
            font-size: 1rem;
            display: inline-block;
        }

        .repeatable-section .remove-section {
            position: absolute;
            top: 16px;
            right: 16px;
            background: none;
            border: none;
            color: var(--secondary-color);
            font-size: 0.875rem;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: 4px;
        }

        .repeatable-section .remove-section:hover {
            background: rgba(198, 40, 40, 0.1);
        }

        .btn-add-section {
            border: 2px dashed var(--primary-light);
            background: transparent;
            color: var(--primary-color);
            padding: 12px 24px;
            border-radius: var(--border-radius);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-smooth);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-add-section:hover {
            background: rgba(13, 71, 161, 0.05);
            border-color: var(--primary-color);
        }

        /* Competency Matrix */
        .competency-matrix {
            overflow-x: auto;
            margin-bottom: 24px;
        }

        .competency-table {
            width: 100%;
            min-width: 600px;
            border-collapse: separate;
            border-spacing: 0;
        }

        .competency-table th {
            background: var(--primary-color);
            color: white;
            padding: 12px 16px;
            font-weight: 600;
            font-size: 0.875rem;
            text-align: center;
            white-space: nowrap;
        }

        .competency-table th:first-child {
            text-align: left;
            border-radius: var(--border-radius) 0 0 0;
        }

        .competency-table th:last-child {
            border-radius: 0 var(--border-radius) 0 0;
        }

        .competency-table td {
            padding: 14px 16px;
            border-bottom: 1px solid #e0e0e0;
            vertical-align: middle;
        }

        .competency-table tr:last-child td:first-child {
            border-radius: 0 0 0 var(--border-radius);
        }

        .competency-table tr:last-child td:last-child {
            border-radius: 0 0 var(--border-radius) 0;
        }

        .competency-table .competency-name {
            font-weight: 500;
            font-size: 0.9375rem;
        }

        .competency-table .radio-group {
            display: flex;
            gap: 8px;
            justify-content: center;
        }

        .competency-table .radio-option {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 2px solid #d0d5dd;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: var(--transition-smooth);
        }

        .competency-table .radio-option:hover {
            border-color: var(--primary-light);
        }

        .competency-table .radio-option.selected {
            border-color: var(--primary-color);
            background: var(--primary-color);
        }

        .competency-table .radio-option.selected::after {
            content: '';
            width: 8px;
            height: 8px;
            background: white;
            border-radius: 50%;
        }

        /* Form Navigation */
        .form-navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 24px 40px;
            border-top: 1px solid #e0e0e0;
            background: var(--bg-light);
        }

        .btn-prev {
            background: transparent;
            border: 2px solid #d0d5dd;
            color: var(--text-main);
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 0.9375rem;
            cursor: pointer;
            transition: var(--transition-smooth);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-prev:hover {
            border-color: var(--text-main);
            background: var(--bg-light);
        }

        .btn-next {
            background: var(--primary-color);
            border: 2px solid var(--primary-color);
            color: white;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 0.9375rem;
            cursor: pointer;
            transition: var(--transition-smooth);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-next:hover {
            background: var(--primary-dark);
            border-color: var(--primary-dark);
            transform: translateY(-1px);
            box-shadow: var(--shadow-sm);
        }

        .btn-submit {
            background: var(--primary-color);
            border: 2px solid var(--primary-color);
            color: white;
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: var(--transition-smooth);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-submit:hover {
            background: var(--primary-dark);
            border-color: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-review {
            background: transparent;
            border: 2px solid var(--primary-color);
            color: var(--primary-color);
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: var(--transition-smooth);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-review:hover {
            background: rgba(13, 71, 161, 0.05);
        }

        /* Review Panel */
        .review-panel {
            background: var(--bg-light);
            border-radius: var(--border-radius);
            padding: 30px;
            margin-bottom: 30px;
        }

        .review-panel .review-title {
            font-family: var(--font-heading);
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 2px solid var(--primary-color);
            display: inline-block;
        }

        .review-section {
            margin-bottom: 24px;
        }

        .review-section:last-child {
            margin-bottom: 0;
        }

        .review-section .section-label {
            font-weight: 600;
            font-size: 0.9375rem;
            color: var(--text-main);
            margin-bottom: 12px;
        }

        .review-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px 24px;
        }

        .review-item {
            display: flex;
            flex-direction: column;
        }

        .review-item .item-label {
            font-size: 0.8125rem;
            color: var(--text-muted);
            margin-bottom: 4px;
        }

        .review-item .item-value {
            font-size: 0.9375rem;
            font-weight: 500;
            color: var(--text-main);
        }

        /* Percentage Input */
        .percentage-input {
            position: relative;
            max-width: 150px;
        }

        .percentage-input input {
            padding-right: 40px;
        }

        .percentage-input .percent-sign {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text-muted);
            font-weight: 500;
        }

        /* Checkbox Group */
        .checkbox-group {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .checkbox-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 10px;
            border-radius: 6px;
            transition: var(--transition-smooth);
        }

        .checkbox-item:hover {
            background: var(--bg-light);
        }

        .checkbox-item input[type="checkbox"] {
            margin-top: 3px;
            width: 18px;
            height: 18px;
            flex-shrink: 0;
            accent-color: var(--primary-color);
        }

        .checkbox-item label {
            font-size: 0.9375rem;
            cursor: pointer;
            margin: 0;
        }

        /* Declaration Section */
        .declaration-section {
            background: var(--bg-light);
            border-radius: var(--border-radius);
            padding: 24px;
            margin-bottom: 24px;
        }

        .declaration-section .declaration-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid #e0e0e0;
        }

        .declaration-section .declaration-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .declaration-section input[type="checkbox"] {
            margin-top: 4px;
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            accent-color: var(--primary-color);
        }

        .declaration-section label {
            font-size: 0.9375rem;
            line-height: 1.6;
            cursor: pointer;
            margin: 0;
        }

        /* Mobile Competency Cards */
        .competency-cards-mobile {
            display: none;
        }

        .competency-card-mobile {
            border: 1px solid #e0e0e0;
            border-radius: var(--border-radius);
            padding: 20px;
            margin-bottom: 16px;
        }

        .competency-card-mobile .card-label {
            font-weight: 600;
            font-size: 1rem;
            margin-bottom: 16px;
            color: var(--text-main);
        }

        .competency-card-mobile .level-options {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .competency-card-mobile .level-option {
            padding: 10px 12px;
            border: 2px solid #e0e0e0;
            border-radius: 6px;
            text-align: center;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: 500;
            transition: var(--transition-smooth);
        }

        .competency-card-mobile .level-option.selected {
            border-color: var(--primary-color);
            background: rgba(13, 71, 161, 0.05);
            color: var(--primary-color);
        }

        /* Responsive Styles */
        @media (max-width: 991px) {
            .selection-cards.cols-3 {
                grid-template-columns: repeat(2, 1fr);
            }

            .step-progress {
                padding: 20px;
            }

            .step-content {
                padding: 30px;
            }

            .form-navigation {
                padding: 20px 30px;
            }
        }

        @media (max-width: 767px) {
            .forms-hero {
                padding: 80px 0 60px;
            }

            .forms-hero h1 {
                font-size: 2.25rem;
            }

            .form-section {
                padding: 60px 0;
            }

            .form-section-header h2 {
                font-size: 1.75rem;
            }

            .selection-cards.cols-2,
            .selection-cards.cols-3 {
                grid-template-columns: 1fr;
            }

            .step-progress {
                overflow-x: auto;
                padding: 16px;
            }

            .step-indicators {
                min-width: max-content;
                padding-bottom: 10px;
            }

            .step-content {
                padding: 24px 20px;
            }

            .form-navigation {
                padding: 16px 20px;
                flex-direction: column;
                gap: 12px;
            }

            .btn-prev,
            .btn-next,
            .btn-submit,
            .btn-review {
                width: 100%;
                justify-content: center;
            }

            .competency-matrix {
                display: none;
            }

            .competency-cards-mobile {
                display: block;
            }

            .checkbox-group {
                grid-template-columns: 1fr;
            }

            .review-grid {
                grid-template-columns: 1fr;
            }

            .repeatable-section .remove-section {
                position: static;
                margin-top: 16px;
                display: block;
                width: 100%;
                text-align: center;
            }
        }

        @media (max-width: 575px) {
            .forms-hero h1 {
                font-size: 1.875rem;
            }

            .forms-hero .hero-description {
                font-size: 1rem;
            }

            .step-title {
                font-size: 1.25rem;
            }

            .upload-card {
                padding: 24px 16px;
            }

            .competency-card-mobile .level-options {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 430px) {
            .forms-hero {
                padding: 60px 0 40px;
            }

            .forms-hero h1 {
                font-size: 1.625rem;
            }

            .form-section {
                padding: 40px 0;
            }

            .form-section-header h2 {
                font-size: 1.5rem;
            }

            .step-indicator .step-circle {
                width: 32px;
                height: 32px;
                font-size: 0.8125rem;
            }

            .step-indicator .step-label {
                font-size: 0.6875rem;
                max-width: 70px;
            }

            .step-content {
                padding: 20px 16px;
            }

            .form-navigation {
                padding: 16px;
            }

            .selection-card {
                padding: 16px;
            }
        }

        /* Hidden utility */
        .d-none {
            display: none !important;
        }