.hero {
    background: url('../image/conf_book_img.png') center center / cover no-repeat;
    align-items: flex-start;
}

.hero .hero-content {
    text-align: left;
    margin-left: 6%;
    max-width: 620px;
}

.hero .hero-content h1,a
.hero .hero-content h1 span {
    color: #fff;
}

.hero .hero-content p {
    color: #e6ecf2;
    margin-left: 0;
}

.hero .hero-buttons {
    justify-content: flex-start;
}

.hero .secondary-btn {
    border-color: #fff;
    color: #fff;
}

@media (max-width: 768px) {
    .hero .hero-content {
        margin-left: 0;
        text-align: center;
        max-width: none;
    }

    .hero .hero-buttons {
        justify-content: center;
    }
}

.journey-section{
    width:90%;
    max-width:1400px;
    margin:100px auto;
    text-align:center;
}

.journey-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border:1px solid #E6EDF5;
    border-radius:30px;
    background:#fff;
    color:#234F6D;
    font-size:14px;
    font-weight:600;
}

.journey-badge i{
    color:#234F6D;
}

.journey-section h2{
    margin:22px 0 15px;
    font-size:54px;
    font-weight:700;
    color:#111;
}

.journey-desc{
    max-width:850px;
    margin:0 auto 60px;
    font-size:18px;
    line-height:1.7;
    color:#777;
}

.journey-image{
    width:100%;
    display:flex;
    justify-content:center;
}

.journey-image img{
    width:100%;
    max-width:1200px;
    height:auto;
    display:block;
}

@media (max-width:992px){

    .journey-section{
        margin:70px auto;
    }

    .journey-section h2{
        font-size:38px;
    }

    .journey-desc{
        font-size:16px;
        margin-bottom:40px;
    }

    .journey-image img{
        max-width:100%;
    }

}



/* ==========================
   Security Section
========================== */

.security-section{
    margin-top: 60px;
    width:100%;
    padding:90px 0;
    background:url("../image/module_bg_2.png") center center/cover no-repeat;
}

.security-container{
    width:90%;
    max-width:1400px;
    margin:0 auto;
}

/* Badge */

.security-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:#fff;
    border:1px solid #D9EAF7;
    border-radius:30px;
    color:#234E6C;
    font-size:14px;
    font-weight:600;
}

.security-badge i{
    font-size:14px;
    color:#234E6C;
}

/* Heading */

.security-container h2{
    font-size:56px;
    font-weight:700;
    color:#111;
    margin:28px 0 18px;
    line-height:1.2;
}

/* Description */

.security-desc{
    max-width:700px;
    color:#7A7A7A;
    font-size:20px;
    line-height:1.6;
    margin-bottom:60px;
}

/* ==========================
      Cards Container
========================== */

.security-cards{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    background:#fff;

    border:1px solid #91C9F5;

    border-radius:18px;

    overflow:hidden;

}

/* ==========================
      Individual Card
========================== */

.security-card{

    padding:40px 34px;

    border-right:1px solid #D6EBFA;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:flex-start;

    min-height:260px;

}

.security-card:last-child{
    border-right:none;
}

/* ==========================
      Icon
========================== */

.security-icon{

    width:56px;
    height:56px;

    border-radius:50%;

    background:#214E6C;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

}

.security-icon i{

    color:#fff;

    font-size:22px;

}

/* ==========================
      Heading
========================== */

.security-card h3{

    font-size:32px;

    font-weight:700;

    color:#111;

    margin-bottom:18px;

    min-height:40px;

    display:flex;

    align-items:center;

}

/* ==========================
      Paragraph
========================== */

.security-card p{

    font-size:17px;

    line-height:1.7;

    color:#707070;

    margin:0;

}

/* ==========================
      Hover
========================== */

.security-card:hover{

    background:#FAFDFF;

    transition:.3s ease;

}

/* ==========================
      Responsive
========================== */

@media(max-width:992px){

    .security-container h2{
        font-size:40px;
    }

    .security-desc{
        font-size:17px;
    }

    .security-cards{
        grid-template-columns:1fr;
    }

    .security-card{
        border-right:none;
        border-bottom:1px solid #D6EBFA;
        min-height:auto;
    }

    .security-card:last-child{
        border-bottom:none;
    }

}

@media(max-width:768px){

    .security-section{
        padding:70px 0;
    }

    .security-container{
        width:92%;
    }

    .security-container h2{
        font-size:34px;
    }

    .security-desc{
        font-size:16px;
        margin-bottom:40px;
    }

    .security-card{
        padding:30px 24px;
    }

    .security-card h3{
        font-size:24px;
    }

    .security-card p{
        font-size:15px;
    }

}


/* ==========================
   Steps Slider
========================== */

.steps-slider {
     padding: 40px;
}

.steps-slide-viewport {
    width: 100%;
    overflow: hidden;
}

.steps-track {
    display: flex;
    transition: transform 0.45s ease;
}

.step-slide {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    align-items: center;
    gap: 60px;
    box-sizing: border-box;
}

.step-slide-media {
    flex: 1;
    min-width: 0;
}

.step-slide-media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(20, 78, 130, 0.15);
}

.step-slide-content {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.step-slide-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #234E6C;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.step-slide-tag i {
    font-size: 14px;
}

.step-slide-content h3 {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin-bottom: 14px;
    line-height: 1.25;
}

.step-slide-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #707070;
    margin: 0;
}

.steps-nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 50px;
}

.steps-arrow {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #D6E6F5;
    background: #fff;
    color: #234E6C;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
}

.steps-arrow:hover {
    background: #234E6C;
    color: #fff;
    border-color: #234E6C;
}

.steps-arrow:disabled {
    opacity: 0.4;
    cursor: default;
    background: #fff;
    color: #234E6C;
    border-color: #D6E6F5;
}

.steps-progress {
    margin-top: 45px;
    flex: 1;
    min-width: 0;
}

.steps-progress-track {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: #E4ECF5;
    overflow: hidden;
}

.steps-progress-fill {
    height: 100%;
    width: 25%;
    border-radius: 4px;
    background: linear-gradient(90deg, #E8267A, #234E6C);
    transition: width 0.35s ease;
}

.steps-progress-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
}

.step-label {
    background: none;
    border: none;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #B7C3D1;
    cursor: pointer;
    transition: 0.2s ease;
}

.step-label:hover {
    color: #234E6C;
}

.step-label.active {
    color: #E8267A;
}

@media (max-width: 992px) {
    .step-slide {
        flex-direction: column;
        gap: 30px;
    }

    .step-slide-content {
        text-align: center;
    }

    .step-slide-tag {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .steps-slider {
        padding: 24px;
    }

    .step-slide-content h3 {
        font-size: 24px;
    }

    .steps-progress-labels {
        display: none;
    }

    .steps-nav {
        margin-top: 30px;
    }
}

.industries-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:50px 35px;
    align-items:start;
}

.industry-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:0 10px;
}

.industry-icon{
    font-size:42px;
    color:#2B2B2B;
    margin-bottom:18px;
    font-weight:300;      /* Light look */
    line-height:1;
}

.industry-card h3{
    font-size:22px;
    font-weight:600;
    color:#222;
    margin-bottom:12px;
    min-height:56px;      /* Same height for all headings */
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.industry-card p{
    font-size:16px;
    line-height:1.6;
    color:#777;
    max-width:240px;
    margin:0 auto;
}