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

body{
    font-family:'Poppins',sans-serif;
    line-height:1.7;
    color:#333;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* HERO */
.about-hero{
    position:relative;
    min-height:100vh;
    background:
    linear-gradient(rgba(2,10,25,.85),
    rgba(2,10,25,.90)),
    url('../images/world-map.png');

    background-size:cover;
    background-position:center;
    overflow:hidden;
}

.hero-container{
    max-width:1300px;
    margin:auto;
    min-height:100vh;
    display:flex;
        justify-content:space-between;
    padding:120px 50px;
}

.abouthero-content{
    position:relative;
    z-index:2;
    max-width:700px;
    padding-top:100px;
    padding-left:8%;
    color:#fff;
    animation:fadeUp .8s ease;
}
.hero-subtitle{
    color:#cfa14a;
    font-size:15px;
    letter-spacing:3px;
    font-weight:600;
}

.abouthero-content h1{
    font-size:90px;
    line-height:1;
    color:#fff;
    margin:20px 0;
}

.abouthero-content h1 span{
    background:linear-gradient(
        90deg,
        #f7d07a,
        #cfa14a,
        #ffecb0
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.abouthero-content p{
    color:#d7d7d7;
    max-width:550px;
    font-size:20px;
    line-height:1.8;
    margin-bottom:40px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:15px;
    padding:18px 40px;
    border:1px solid #cfa14a;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.4s;
}

.hero-btn:hover{
    background:#cfa14a;
    transform:translateY(-5px);
}

.hero-image{
    width:45%;
    position:relative;
    display:flex;
    justify-content:center;
    padding-top:30px;
    animation:float 6s ease-in-out infinite;
}

.hero-image img{
    width:550px;
    position:relative;
    z-index:2;
}

.gold-ring{
    position:absolute;
    width:600px;
    height:600px;
    border:8px solid rgba(207,161,74,.8);
    border-radius:50%;
    animation:rotateRing 25s linear infinite;
}

/* Floating Particles */
.hero-particles{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle,#cfa14a 1px,transparent 1px);
    background-size:60px 60px;
    opacity:.15;
}

/* ANIMATIONS */

@keyframes fadeLeft{
    from{
        opacity:0;
        transform:translateX(-80px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes float{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-20px);
    }
}

@keyframes rotateRing{
    from{
        transform:rotate(0);
    }
    to{
        transform:rotate(360deg);
    }
}

.about-hero::after{
    content:'';
    position:absolute;
    bottom:-120px;
    left:-10%;
    width:120%;
    height:300px;
    background:
    radial-gradient(
        ellipse at center,
        rgba(207,161,74,.35),
        transparent 70%
    );
    filter:blur(50px);
}
@media(max-width:991px){

.hero-container{
    align-items:flex-start;
    padding-top:120px;
}

.abouthero-content,
.hero-image{
    width:100%;
}

.hero-content h1{
    font-size:60px;
}

.hero-image img{
    width:350px;
    margin-top:50px;
}

.gold-ring{
    width:380px;
    height:380px;
}
}

.about-hero{
    position:relative;
    height:100vh;
    background:url('../images/hero_ibsaward_global.png') center center;
    background-size:cover;
    overflow:hidden;

    animation:bgZoom 20s ease-in-out infinite alternate;
}
.hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.75) 20%,
        rgba(0,0,0,0.35) 60%,
        rgba(0,0,0,0.15)
    );
}
.abouthero-content{
    position:relative;
    z-index:2;
    max-width:700px;
    padding-left:12%;
    color:#fff;
    transform:translateY(-50px);
}



.abouthero-content h1{
    font-size:90px;
    line-height:1;
    margin:20px 0;
}

.gold{
    color:#d4af37;
}

.abouthero-content p{
    max-width:550px;
    font-size:22px;
    line-height:1.8;
    margin-bottom:40px;
}

.hero-btn{
    display:inline-block;
    padding:18px 40px;
    border:1px solid #d4af37;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.4s;
}

.hero-btn:hover{
    background:#d4af37;
    color:#000;
}
@keyframes bgZoom{
    from{
        background-size:100%;
    }
    to{
        background-size:110%;
    }
}



/* ABOUT */
.about-section{
    padding:100px 0;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.about-image img{
    width:100%;
    border-radius:20px;
}

.section-tag{
    color:#c59d5f;
    font-weight:600;
    letter-spacing:2px;
}

.about-content h2{
    font-size:42px;
    margin:20px 0;
}

.about-content p{
    margin-bottom:20px;
    color:#666;
}

.btn-primary{
    display:inline-block;
    background:#c59d5f;
    color:#fff;
    padding:14px 35px;
    border-radius:40px;
    text-decoration:none;
}

/* STATS */
.stats-section{
    background:#0f172a;
    color:#fff;
    padding:80px 0;
}

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

.stat-box{
    text-align:center;
}

.stat-box h2{
    font-size:50px;
    color:#c59d5f;
}

/* VISION */
.vision-section{
    padding:100px 0;
}

.vision-section .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.vision-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
    text-align:center;
}

.vision-box i{
    font-size:45px;
    color:#c59d5f;
    margin-bottom:20px;
}

/* VALUES */
.values-section{
    background:#f8f8f8;
    padding:100px 0;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

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

.value-card{
    background:#fff;
    padding:40px;
    text-align:center;
    border-radius:20px;
}

.value-card i{
    font-size:40px;
    color:#c59d5f;
    margin-bottom:20px;
}

/* TIMELINE */
.timeline-section{
    padding:100px 0;
}

.timeline-item{
    padding:30px;
    border-left:4px solid #c59d5f;
    margin-bottom:30px;
    background:#fafafa;
}

.timeline-item span{
    font-size:30px;
    color:#c59d5f;
    font-weight:700;
}

/* CTA */
.about-cta{
    background:#111827;
    color:#fff;
    text-align:center;
    padding:100px 0;
}

.about-cta h2{
    font-size:45px;
    margin-bottom:20px;
}

.about-cta p{
    margin-bottom:30px;
}

/* RESPONSIVE */
@media(max-width:991px){

    .about-grid,
    .vision-section .container,
    .stats-grid,
    .values-grid{
        grid-template-columns:1fr;
    }

    .about-hero h1{
        font-size:40px;
    }

    .about-content h2{
        font-size:32px;
    }
}
@keyframes bgZoom{
    from{
        background-size:100%;
    }
    to{
        background-size:110%;
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(80px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.who-we-are{
    padding:120px 0;
    background:#08111f;
    position:relative;
    overflow:hidden;
}

.who-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}
.who-image{
    position:relative;
}

.who-image img{
    width:100%;
    border-radius:30px;
    display:block;
    box-shadow:
    0 20px 60px rgba(0,0,0,.4);
    transition:.5s;
}

.who-image:hover img{
    transform:scale(1.03);
}
.who-image::before{
    content:'';
    position:absolute;
    top:-20px;
    left:-20px;
    width:120px;
    height:120px;
    border-top:4px solid #d4af37;
    border-left:4px solid #d4af37;
}

.who-image::after{
    content:'';
    position:absolute;
    right:-20px;
    bottom:-20px;
    width:120px;
    height:120px;
    border-right:4px solid #d4af37;
    border-bottom:4px solid #d4af37;
}
.section-tag{
    color:#d4af37;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
}

.who-content h2{
    color:#fff;
    font-size:52px;
    line-height:1.2;
    margin:20px 0;
}

.who-content p{
    color:#c8d0dc;
    line-height:1.9;
    margin-bottom:25px;
    font-size:17px;
}
.gold-line{
    width:90px;
    height:4px;
    background:#d4af37;
    margin-bottom:35px;
    position:relative;
    overflow:hidden;
}

.gold-line::after{
    content:'';
    position:absolute;
    width:40px;
    height:100%;
    background:#fff;
    animation:lineMove 3s infinite;
}

@keyframes lineMove{
    from{
        left:-50px;
    }
    to{
        left:100%;
    }
}
.who-btn{
    display:inline-flex;
    align-items:center;
    gap:15px;
    padding:16px 35px;
    border:1px solid #d4af37;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.4s;
}

.who-btn:hover{
    background:#d4af37;
    color:#000;
    transform:translateY(-5px);
}
@media(max-width:991px){

    .who-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .who-content h2{
        font-size:38px;
    }
}

.core-values{
    padding:120px 0;
    background:#08111f;
}

.section-header{
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.section-header h2{
    color:#fff;
    font-size:52px;
    margin:20px 0;
}

.section-header p{
    color:#c6d0db;
    font-size:18px;
    line-height:1.8;
}

.gold-line.center{
    margin:30px auto;
}
.values-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}
.value-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.15);
    border-radius:30px;
    padding:50px 35px;
    text-align:center;
    transition:.5s;
    backdrop-filter:blur(15px);
}

.value-card i{
    font-size:42px;
    color:#d4af37;
    margin-bottom:30px;
}

.value-card h3{
    color:#fff;
    margin-bottom:20px;
    font-size:24px;
}

.value-card p{
    color:#c6d0db;
    line-height:1.8;
}
.value-card:hover{
    transform:translateY(-12px);
    border-color:#d4af37;
    box-shadow:
        0 20px 50px rgba(212,175,55,.15);
}
@media(max-width:991px){

    .values-grid{
        grid-template-columns:1fr;
    }

    .section-header h2{
        font-size:38px;
    }
}
.value-card i{
    transition:.5s;
}

.value-card:hover i{
    transform:rotateY(360deg);
}

.vision-mission{
    padding:120px 0;
    background:#0b1423;
}

.vm-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    margin-top:70px;
}
.vm-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.18);
    border-radius:35px;
    padding:60px 45px;
    text-align:center;
    backdrop-filter:blur(15px);
    transition:.5s;
}

.vm-card:hover{
    transform:translateY(-12px);
    border-color:#d4af37;
    box-shadow:
        0 25px 60px rgba(212,175,55,.15);
}
.vm-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:rgba(212,175,55,.1);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:30px;
}

.vm-icon i{
    font-size:38px;
    color:#d4af37;
}
.vm-card h3{
    color:#fff;
    font-size:30px;
    margin-bottom:20px;
}

.vm-card p{
    color:#c8d0dc;
    line-height:1.9;
    font-size:17px;
}
@media(max-width:991px){

    .vm-grid{
        grid-template-columns:1fr;
    }

    .vm-card{
        padding:45px 30px;
    }
}

.stats-section{
    padding:120px 0;
    background:
    linear-gradient(rgba(3,12,25,.92),
    rgba(3,12,25,.92)),
    url('../images/world-map.png');

    background-size:cover;
    background-position:center;
    position:relative;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
}

.stat-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.15);
    border-radius:30px;
    padding:50px 20px;
    text-align:center;
    backdrop-filter:blur(15px);
    transition:.5s;
}

.stat-card:hover{
    transform:translateY(-10px);
    border-color:#d4af37;
    box-shadow:
        0 20px 50px rgba(212,175,55,.15);
}

.stat-card h2{
    font-size:60px;
    color:#d4af37;
    margin-bottom:20px;
    font-weight:700;
}

.stat-card p{
    color:#d8dce3;
    font-size:18px;
    letter-spacing:1px;
}

.why-ibs{
    padding:120px 0;
    background:#08111f;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:70px;
}

.why-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.15);
    border-radius:30px;
    padding:45px 30px;
    text-align:center;
    transition:.5s;
    backdrop-filter:blur(15px);
}

.why-card i{
    font-size:42px;
    color:#d4af37;
    margin-bottom:25px;
}

.why-card h3{
    color:#fff;
    margin-bottom:20px;
}

.why-card p{
    color:#c8d0dc;
    line-height:1.8;
}

.why-card:hover{
    transform:translateY(-12px);
    border-color:#d4af37;
    box-shadow:0 20px 50px rgba(212,175,55,.15);
}
@media(max-width:991px){

    .why-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){

    .why-grid{
        grid-template-columns:1fr;
    }
}
.our-journey{
    padding:120px 0;
    background:#08111f;
    position:relative;
}
.timeline{
    position:relative;
    max-width:1200px;
    margin:80px auto 0;
}

.timeline::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background:#d4af37;
    transform:translateX(-50%);
}
.timeline-item{
    width:50%;
    position:relative;
    padding:30px;
}

.timeline-item.left{
    left:0;
}

.timeline-item.right{
    left:50%;
}
.timeline-item::before{
    content:'';
    position:absolute;
    width:22px;
    height:22px;
    background:#d4af37;
    border-radius:50%;
    top:50px;
    right:-11px;
    z-index:2;
}

.timeline-item.right::before{
    left:-11px;
}
.timeline-content{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.15);
    border-radius:30px;
    padding:40px;
    backdrop-filter:blur(15px);
    transition:.5s;
}

.timeline-content:hover{
    transform:translateY(-10px);
    border-color:#d4af37;
    box-shadow:
        0 20px 50px rgba(212,175,55,.15);
}
.year{
    display:inline-block;
    color:#d4af37;
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.timeline-content h3{
    color:#fff;
    margin-bottom:20px;
}

.timeline-content p{
    color:#c8d0dc;
    line-height:1.8;
}
@media(max-width:991px){

    .timeline::before{
        left:30px;
    }

    .timeline-item{
        width:100%;
        left:0 !important;
        padding-left:80px;
        padding-right:20px;
    }

    .timeline-item::before{
        left:20px;
    }
}
.timeline-content:hover .year{
    text-shadow:
        0 0 20px rgba(212,175,55,.8);
}
.timeline-content{
    background:
    linear-gradient(
        135deg,
        rgba(12,22,40,.95),
        rgba(22,32,52,.95)
    );
    border:1px solid rgba(212,175,55,.20);
}
.timeline-content h3{
    color:#ffffff;
}

.timeline-content p{
    color:#d6dce5;
}

.year{
    color:#d4af37;
}
.timeline-content:hover{
    box-shadow:
        0 25px 60px rgba(212,175,55,.18);
}
.chairman-section{
    padding:120px 0;
    background:#0b1423;
}

.chairman-grid{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:80px;
    align-items:center;
}

.chairman-image img{
    width:100%;
    border-radius:30px;
    display:block;
    box-shadow:
        0 30px 80px rgba(0,0,0,.45);
}
.quote-box{
    background:
        linear-gradient(
            135deg,
            rgba(12,22,40,.95),
            rgba(22,32,52,.95)
        );

    border:1px solid rgba(212,175,55,.20);
    border-radius:30px;
    padding:50px;
    backdrop-filter:blur(15px);
}
.quote-box i{
    font-size:45px;
    color:#d4af37;
    margin-bottom:25px;
}

.quote-box p{
    color:#d6dce5;
    line-height:1.9;
    font-size:18px;
    margin-bottom:35px;
}

.quote-box h4{
    color:#fff;
    font-size:26px;
    margin-bottom:10px;
}

.quote-box span{
    color:#d4af37;
}
@media(max-width:991px){

    .chairman-grid{
        grid-template-columns:1fr;
    }

    .chairman-image{
        max-width:400px;
        margin:auto;
    }
}
.chairman-image{
    position:relative;
    animation:chairmanFloat 6s ease-in-out infinite;
}

@keyframes chairmanFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-15px);
    }
}
.chairman-image::before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(212,175,55,.20);
    border-radius:50%;
    filter:blur(80px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:0;
}

.chairman-image img{
    position:relative;
    z-index:2;
}
.chairman-image::after{
    content:'';
    position:absolute;
    width:105%;
    height:105%;
    border:2px solid rgba(212,175,55,.4);
    border-radius:30px;
    top:-10px;
    left:-10px;
    animation:rotateBorder 15s linear infinite;
}

@keyframes rotateBorder{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
.chairman-image img{
    transition:.5s;
}

.chairman-image:hover img{
    transform:scale(1.03);
    box-shadow:
        0 30px 80px rgba(212,175,55,.25);
}
.chairman-image{
    position:relative;
    padding:15px;
}

.chairman-image img{
    width:100%;
    border-radius:30px;
    display:block;
}

.chairman-image::before{
    content:'';
    position:absolute;
    inset:0;
    border:2px solid #d4af37;
    border-radius:35px;
    opacity:.6;
}
/* =====================================================
   ABOUT IBS GLOBAL — PREMIUM HERO
   Luxury Navy • Blue • Gold Theme
===================================================== */

:root {
    --ibs-about-navy: #03101f;
    --ibs-about-navy-light: #09233d;
    --ibs-about-blue: #0e3c68;
    --ibs-about-gold: #d3a64d;
    --ibs-about-gold-light: #f2d582;
    --ibs-about-cream: #f8edcf;
    --ibs-about-white: #ffffff;
    --ibs-about-text: #c2ccd8;
}


/* =====================================================
   HERO WRAPPER
===================================================== */

.ibs-about-hero {
    position: relative;
    min-height: 860px;
    height: 100svh;
    max-height: 980px;
    overflow: hidden;
    isolation: isolate;

    display: flex;
    align-items: center;

    color: var(--ibs-about-white);
    background: var(--ibs-about-navy);
}


/* =====================================================
   BACKGROUND IMAGE
===================================================== */

.ibs-about-hero__background {
    position: absolute;
    inset: 0;
    z-index: -5;

    background-image:
        url("../images/hero_ibsaward_global.png");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    transform: scale(1.03);
    animation: ibsAboutHeroMotion 8s ease-in-out infinite alternate;
}


/* Balanced overlay — image visible rahegi */

.ibs-about-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: -4;

    background:
        linear-gradient(
            90deg,
            rgba(2, 11, 23, 0.93) 0%,
            rgba(3, 16, 31, 0.82) 34%,
            rgba(3, 16, 31, 0.48) 64%,
            rgba(3, 16, 31, 0.25) 100%
        ),
        linear-gradient(
            180deg,
            rgba(1, 7, 14, 0.24) 0%,
            rgba(1, 8, 17, 0.05) 53%,
            rgba(1, 8, 17, 0.75) 100%
        );
}


/* Gold ambient glow */

.ibs-about-hero__glow {
    position: absolute;
    z-index: -3;
    top: 18%;
    right: 8%;
    width: 500px;
    height: 500px;
    pointer-events: none;

    border-radius: 50%;
    background: rgba(212, 166, 73, 0.1);
    filter: blur(110px);
}


/* Fine luxury pattern */

.ibs-about-hero__pattern {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: 0.3;

    background-image:
        linear-gradient(
            rgba(224, 181, 93, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(224, 181, 93, 0.045) 1px,
            transparent 1px
        );

    background-size: 75px 75px;

    mask-image: linear-gradient(
        90deg,
        #000,
        transparent 70%
    );
}


/* Bottom gold border */

.ibs-about-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(228, 187, 101, 0.9),
        transparent
    );
}


/* =====================================================
   MAIN CONTAINER
===================================================== */

.ibs-about-hero__container {
    position: relative;
    z-index: 3;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
    padding-top: 125px;
    padding-bottom: 75px;

    display: grid;
    grid-template-columns: minmax(530px, 1.18fr)
                           minmax(340px, 0.82fr);
    align-items: center;
    gap: clamp(55px, 7vw, 105px);
}


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

.ibs-about-hero__content {
    max-width: 700px;
    animation: ibsAboutContentEntry 1s ease both;
}


/* Breadcrumb */

.ibs-about-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 27px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.ibs-about-hero__breadcrumb a {
    color: rgba(255, 255, 255, 0.67);
    text-decoration: none;
    transition: color 0.3s ease;
}

.ibs-about-hero__breadcrumb a:hover {
    color: var(--ibs-about-gold-light);
}

.ibs-about-hero__breadcrumb i {
    font-size: 7px;
    color: rgba(220, 177, 88, 0.65);
}

.ibs-about-hero__breadcrumb span {
    color: var(--ibs-about-gold-light);
}


/* Eyebrow */

.ibs-about-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: var(--ibs-about-gold-light);
}

.ibs-about-hero__eyebrow::before {
    content: "";
    width: 42px;
    height: 1px;

    background: linear-gradient(
        90deg,
        var(--ibs-about-gold),
        var(--ibs-about-gold-light)
    );
}

.ibs-about-hero__eyebrow i {
    font-size: 13px;
}


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

.ibs-about-hero__content h1 {
    max-width: 710px;
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 5.7vw, 82px);
    line-height: 1.01;
    font-weight: 500;
    letter-spacing: -2px;
    color: #ffffff;

    text-shadow:
        0 5px 26px rgba(0, 0, 0, 0.58),
        0 1px 1px rgba(0, 0, 0, 0.9);
}

.ibs-about-hero__content h1 span {
    display: block;
    margin-top: 10px;

    font-size: 0.67em;
    line-height: 1.08;
    letter-spacing: -0.7px;

    background: linear-gradient(
        90deg,
        #b87b27 0%,
        #f4d98b 46%,
        #bd8531 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--ibs-about-gold);
}


/* =====================================================
   LEAD TEXT
===================================================== */

.ibs-about-hero__lead {
    max-width: 650px;
    margin: 27px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
    color: var(--ibs-about-text);
}


/* =====================================================
   HERO BUTTONS
===================================================== */

.ibs-about-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 31px;
}

.ibs-about-hero__button {
    min-height: 52px;
    padding: 15px 26px;

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

    border: 1px solid transparent;
    border-radius: 3px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    text-decoration: none;

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

.ibs-about-hero__button--gold {
    color: #160f05;

    background: linear-gradient(
        135deg,
        #b67824 0%,
        #f1d17d 50%,
        #b97e2a 100%
    );

    box-shadow:
        0 13px 34px rgba(202, 146, 46, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.ibs-about-hero__button--gold:hover {
    color: #110b03;
    transform: translateY(-3px);

    box-shadow:
        0 18px 42px rgba(216, 165, 67, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ibs-about-hero__button--outline {
    color: var(--ibs-about-gold-light);
    border-color: rgba(229, 188, 101, 0.55);
    background: rgba(4, 15, 28, 0.34);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ibs-about-hero__button--outline:hover {
    color: #130c04;
    border-color: var(--ibs-about-gold-light);
    background: var(--ibs-about-gold-light);
    transform: translateY(-3px);
}


/* =====================================================
   TRUST HIGHLIGHTS
===================================================== */

.ibs-about-hero__highlights {
    display: flex;
    align-items: stretch;
    max-width: 620px;
    margin-top: 37px;
    padding-top: 21px;

    border-top: 1px solid rgba(223, 181, 94, 0.24);
}

.ibs-about-hero__highlight {
    position: relative;
    padding: 0 25px;

    display: flex;
    align-items: center;
    gap: 11px;
}

.ibs-about-hero__highlight:first-child {
    padding-left: 0;
}

.ibs-about-hero__highlight:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    width: 1px;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(221, 177, 89, 0.48),
        transparent
    );
}

.ibs-about-hero__highlight strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: var(--ibs-about-gold-light);
}

.ibs-about-hero__highlight span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
}


/* =====================================================
   RIGHT IDENTITY CARD
===================================================== */

.ibs-about-hero__identity {
    position: relative;
    width: min(390px, 100%);
    min-height: 510px;
    margin-left: auto;
    padding: 37px 30px;
    overflow: hidden;

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

    border: 1px solid rgba(228, 186, 99, 0.47);
    border-radius: 10px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(36, 97, 148, 0.34),
            transparent 42%
        ),
        linear-gradient(
            155deg,
            rgba(8, 34, 59, 0.87),
            rgba(2, 14, 27, 0.93)
        );

    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 35px rgba(196, 139, 40, 0.07);

    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);

    animation: ibsAboutCardFloat 7s ease-in-out infinite;
}

.ibs-about-hero__identity::before {
    content: "";
    position: absolute;
    top: -105px;
    left: 50%;
    width: 280px;
    height: 280px;

    border: 1px solid rgba(230, 189, 102, 0.14);
    border-radius: 50%;

    box-shadow:
        0 0 0 32px rgba(230, 189, 102, 0.025),
        0 0 0 64px rgba(230, 189, 102, 0.015);

    transform: translateX(-50%);
}

.ibs-about-hero__identity::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--ibs-about-gold-light),
        transparent
    );
}


/* Card corners */

.ibs-about-hero__corner {
    position: absolute;
    z-index: 3;
    width: 31px;
    height: 31px;
}

.ibs-about-hero__corner--one {
    top: 13px;
    left: 13px;

    border-top: 1px solid var(--ibs-about-gold-light);
    border-left: 1px solid var(--ibs-about-gold-light);
}

.ibs-about-hero__corner--two {
    top: 13px;
    right: 13px;

    border-top: 1px solid var(--ibs-about-gold-light);
    border-right: 1px solid var(--ibs-about-gold-light);
}

.ibs-about-hero__corner--three {
    bottom: 13px;
    left: 13px;

    border-bottom: 1px solid var(--ibs-about-gold-light);
    border-left: 1px solid var(--ibs-about-gold-light);
}

.ibs-about-hero__corner--four {
    right: 13px;
    bottom: 13px;

    border-right: 1px solid var(--ibs-about-gold-light);
    border-bottom: 1px solid var(--ibs-about-gold-light);
}


/* Logo */

.ibs-about-hero__logo {
    position: relative;
    z-index: 2;
    width: 185px;
    margin-bottom: 15px;
}

.ibs-about-hero__logo > span {
    position: absolute;
    inset: 17%;
    z-index: -1;

    border-radius: 50%;
    background: rgba(218, 172, 77, 0.25);
    filter: blur(28px);
}

.ibs-about-hero__logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;

    filter:
        drop-shadow(0 15px 22px rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 15px rgba(212, 165, 70, 0.1));
}


/* Identity content */

.ibs-about-hero__identity-label {
    position: relative;
    z-index: 2;
    margin-bottom: 10px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: #bda675;
}

.ibs-about-hero__identity h2 {
    position: relative;
    z-index: 2;
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 46px;
    line-height: 0.95;
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffff;
}

.ibs-about-hero__identity h2 span {
    display: block;
    margin-top: 7px;

    background: linear-gradient(
        90deg,
        #b87a26,
        #f2d482,
        #b77a27
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--ibs-about-gold);
}

.ibs-about-hero__identity > p {
    position: relative;
    z-index: 2;
    margin: 17px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.7;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #c2ccd6;
}


/* Global presence */

.ibs-about-hero__presence {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 25px;
    padding-top: 19px;

    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    align-items: center;
    gap: 10px;

    border-top: 1px solid rgba(224, 181, 93, 0.2);
}

.ibs-about-hero__presence > span {
    width: 1px;
    height: 31px;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(224, 182, 96, 0.42),
        transparent
    );
}

.ibs-about-hero__presence small,
.ibs-about-hero__presence strong {
    display: block;
}

.ibs-about-hero__presence small {
    margin-bottom: 4px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--ibs-about-gold-light);
}

.ibs-about-hero__presence strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.62);
}


/* =====================================================
   BOTTOM SCROLL INDICATOR
===================================================== */

.ibs-about-hero__scroll {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 22px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.62);

    transform: translateX(-50%);
}

.ibs-about-hero__scroll > span {
    position: relative;
    width: 21px;
    height: 33px;

    display: block;

    border: 1px solid rgba(231, 193, 113, 0.63);
    border-radius: 18px;
}

.ibs-about-hero__scroll i {
    position: absolute;
    top: 6px;
    left: 50%;
    width: 3px;
    height: 7px;

    border-radius: 5px;
    background: var(--ibs-about-gold-light);

    transform: translateX(-50%);
    animation: ibsAboutScrollMove 1.7s ease-in-out infinite;
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsAboutHeroMotion {
    from {
        transform: scale(1.03);
    }

    to {
        transform: scale(1.09);
    }
}

@keyframes ibsAboutContentEntry {
    from {
        opacity: 0;
        transform: translateY(27px);
    }

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

@keyframes ibsAboutCardFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}

@keyframes ibsAboutScrollMove {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 12px);
    }
}


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

@media (max-width: 1050px) {
    .ibs-about-hero {
        min-height: 850px;
        height: auto;
        max-height: none;
    }

    .ibs-about-hero__container {
        padding-top: 175px;
        padding-bottom: 110px;

        grid-template-columns: minmax(440px, 1.15fr)
                               minmax(300px, 0.85fr);
        gap: 42px;
    }

    .ibs-about-hero__identity {
        min-height: 470px;
        padding-inline: 23px;
    }

    .ibs-about-hero__logo {
        width: 155px;
    }

    .ibs-about-hero__identity h2 {
        font-size: 40px;
    }
}


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

@media (max-width: 760px) {
    .ibs-about-hero {
        min-height: auto;
        height: auto;
        align-items: flex-start;
    }

    .ibs-about-hero__background {
        background-position: 60% center;
    }

    .ibs-about-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(2, 11, 23, 0.42) 0%,
                rgba(2, 11, 23, 0.78) 34%,
                rgba(2, 11, 23, 0.98) 71%,
                #03101f 100%
            );
    }

    .ibs-about-hero__pattern {
        opacity: 0.2;
        mask-image: linear-gradient(
            180deg,
            #000,
            transparent 80%
        );
    }

    .ibs-about-hero__container {
        width: min(100% - 30px, 1240px);
        padding-top: 170px;
        padding-bottom: 80px;

        grid-template-columns: 1fr;
        gap: 47px;
    }

    .ibs-about-hero__content {
        max-width: 100%;
    }

    .ibs-about-hero__breadcrumb {
        margin-bottom: 20px;
        font-size: 8px;
    }

    .ibs-about-hero__eyebrow {
        margin-bottom: 15px;
        font-size: 9px;
        letter-spacing: 1.8px;
    }

    .ibs-about-hero__eyebrow::before {
        width: 26px;
    }

    .ibs-about-hero__content h1 {
        font-size: clamp(43px, 13vw, 61px);
        line-height: 1;
        letter-spacing: -1.2px;
    }

    .ibs-about-hero__content h1 span {
        font-size: 0.65em;
        line-height: 1.12;
    }

    .ibs-about-hero__lead {
        margin-top: 21px;
        font-size: 14px;
        line-height: 1.75;
    }

    .ibs-about-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 26px;
    }

    .ibs-about-hero__button {
        width: 100%;
        min-height: 50px;
        font-size: 10px;
    }

    .ibs-about-hero__highlights {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 29px;
        padding-top: 18px;
    }

    .ibs-about-hero__highlight {
        padding: 0 9px;
        display: block;
        text-align: center;
    }

    .ibs-about-hero__highlight:first-child {
        padding-left: 0;
    }

    .ibs-about-hero__highlight:last-child {
        padding-right: 0;
    }

    .ibs-about-hero__highlight strong {
        display: block;
        margin-bottom: 6px;
        font-size: 18px;
    }

    .ibs-about-hero__highlight span {
        display: block;
        font-size: 7px;
        letter-spacing: 0.4px;
    }

    .ibs-about-hero__identity {
        width: min(350px, 100%);
        min-height: 450px;
        margin-inline: auto;
        padding: 31px 23px;
    }

    .ibs-about-hero__logo {
        width: 145px;
    }

    .ibs-about-hero__identity h2 {
        font-size: 38px;
    }

    .ibs-about-hero__scroll {
        display: none;
    }
}


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

@media (max-width: 420px) {
    .ibs-about-hero__container {
        padding-top: 150px;
    }

    .ibs-about-hero__identity {
        min-height: 425px;
    }

    .ibs-about-hero__presence {
        gap: 6px;
    }

    .ibs-about-hero__presence small,
    .ibs-about-hero__presence strong {
        font-size: 7px;
    }
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

.ibs-about-hero a:focus-visible {
    outline: 2px solid var(--ibs-about-gold-light);
    outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
    .ibs-about-hero__background,
    .ibs-about-hero__content,
    .ibs-about-hero__identity,
    .ibs-about-hero__scroll i {
        animation: none;
    }
}
/* =====================================================
   ABOUT IBS GLOBAL — WHO WE ARE SECTION
===================================================== */

.ibs-about-story {
    position: relative;
    overflow: hidden;
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 12% 40%,
            rgba(21, 72, 116, 0.22),
            transparent 31%
        ),
        radial-gradient(
            circle at 90% 78%,
            rgba(197, 139, 40, 0.07),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #061524 0%,
            #03101e 50%,
            #071827 100%
        );

    border-bottom: 1px solid rgba(218, 174, 86, 0.12);
}


/* Background pattern */

.ibs-about-story::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(221, 178, 90, 0.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(221, 178, 90, 0.04) 1px,
            transparent 1px
        );

    background-size: 75px 75px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 18%,
        #000 82%,
        transparent
    );
}


/* Decorative large circle */

.ibs-about-story::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -260px;
    width: 620px;
    height: 620px;
    pointer-events: none;

    border: 1px solid rgba(220, 176, 87, 0.05);
    border-radius: 50%;

    box-shadow:
        0 0 0 75px rgba(220, 176, 87, 0.012),
        0 0 0 150px rgba(220, 176, 87, 0.008);

    transform: translateY(-50%);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-about-story__container {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1200px);
    margin-inline: auto;

    display: grid;
    grid-template-columns: minmax(380px, 0.9fr)
                           minmax(480px, 1.1fr);
    align-items: center;
    gap: clamp(65px, 9vw, 120px);
}


/* =====================================================
   LEFT VISUAL
===================================================== */

.ibs-about-story__visual {
    position: relative;
    min-height: 650px;
}


/* Image wrapper */

.ibs-about-story__image {
    position: absolute;
    inset: 0 42px 55px 0;
    overflow: hidden;

    border: 1px solid rgba(224, 181, 92, 0.4);
    border-radius: 10px;

    background: #071421;

    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.ibs-about-story__image::before {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 13px;
    pointer-events: none;

    border: 1px solid rgba(236, 204, 137, 0.2);
    border-radius: 5px;
}

.ibs-about-story__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

    transform: scale(1.02);

    filter:
        saturate(0.88)
        contrast(1.05)
        brightness(0.86);

    transition:
        transform 1.1s ease,
        filter 0.8s ease;
}

.ibs-about-story__visual:hover
.ibs-about-story__image img {
    transform: scale(1.075);

    filter:
        saturate(1)
        contrast(1.04)
        brightness(0.92);
}


/* Image overlay */

.ibs-about-story__image-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(3, 16, 30, 0.04) 35%,
            rgba(3, 16, 30, 0.72) 100%
        ),
        linear-gradient(
            90deg,
            rgba(7, 27, 47, 0.28),
            transparent 45%
        );
}


/* Decorative frame lines */

.ibs-about-story__frame-line {
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

.ibs-about-story__frame-line--top {
    top: -17px;
    left: -17px;
    width: 120px;
    height: 120px;

    border-top: 1px solid #d9ad57;
    border-left: 1px solid #d9ad57;
}

.ibs-about-story__frame-line--bottom {
    right: 25px;
    bottom: 36px;
    width: 120px;
    height: 120px;

    border-right: 1px solid #d9ad57;
    border-bottom: 1px solid #d9ad57;
}


/* =====================================================
   GLOBAL PRESENCE CARD
===================================================== */

.ibs-about-story__presence {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 0;
    width: min(340px, 84%);
    min-height: 92px;
    padding: 18px 20px;

    display: flex;
    align-items: center;
    gap: 15px;

    border: 1px solid rgba(227, 185, 97, 0.55);
    border-radius: 7px;

    background:
        linear-gradient(
            135deg,
            rgba(14, 54, 88, 0.98),
            rgba(3, 18, 34, 0.98)
        );

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.ibs-about-story__presence-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;

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

    border: 1px solid rgba(232, 193, 109, 0.56);
    border-radius: 50%;

    font-size: 18px;
    color: #f0d07d;

    background:
        radial-gradient(
            circle,
            rgba(196, 140, 42, 0.18),
            rgba(3, 17, 31, 0.25)
        );

    box-shadow:
        inset 0 0 20px rgba(217, 166, 66, 0.06);
}

.ibs-about-story__presence small,
.ibs-about-story__presence strong {
    display: block;
}

.ibs-about-story__presence small {
    margin-bottom: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #b8a176;
}

.ibs-about-story__presence strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #edd6a7;
}


/* =====================================================
   IBS BADGE
===================================================== */

.ibs-about-story__badge {
    position: absolute;
    z-index: 6;
    top: 46px;
    right: 0;
    width: 112px;
    height: 112px;

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

    border: 1px solid rgba(233, 195, 113, 0.74);
    border-radius: 50%;

    text-align: center;

    background:
        radial-gradient(
            circle at 35% 25%,
            #164d7a,
            #092c4d 58%,
            #03111f
        );

    box-shadow:
        0 17px 38px rgba(0, 0, 0, 0.45),
        0 0 0 7px rgba(215, 165, 68, 0.035),
        inset 0 0 25px rgba(218, 168, 70, 0.08);

    animation: ibsAboutBadgeFloat 5s ease-in-out infinite;
}

.ibs-about-story__badge strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1px;
    color: #f1d180;
}

.ibs-about-story__badge span {
    margin-top: 6px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #c7b58f;
}


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

.ibs-about-story__content {
    position: relative;
}


/* Eyebrow */

.ibs-about-story__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 19px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: #dfb963;
}

.ibs-about-story__eyebrow::before {
    content: "";
    width: 42px;
    height: 1px;

    background: linear-gradient(
        90deg,
        #ad721f,
        #e5c16e
    );
}

.ibs-about-story__eyebrow i {
    font-size: 12px;
}


/* Heading */

.ibs-about-story__content h2 {
    margin: 0 0 25px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(43px, 5vw, 65px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -1.6px;
    color: #ffffff;
}

.ibs-about-story__content h2 span {
    display: block;
    margin-top: 7px;

    background: linear-gradient(
        90deg,
        #ad7222,
        #f1d484,
        #b77b28
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #d7a94f;
}


/* Paragraphs */

.ibs-about-story__content > p {
    margin: 0 0 15px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.85;
    color: #aebac7;
}

.ibs-about-story__content
.ibs-about-story__lead {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.7;
    color: #d7dbe0;
}


/* =====================================================
   KEY PRINCIPLES
===================================================== */

.ibs-about-story__principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 29px;
}

.ibs-about-story__principle {
    padding: 18px;

    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: start;
    gap: 13px;

    border: 1px solid rgba(219, 175, 87, 0.16);
    border-radius: 7px;

    background:
        linear-gradient(
            135deg,
            rgba(15, 55, 90, 0.35),
            rgba(255, 255, 255, 0.018)
        );

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background-color 0.35s ease;
}

.ibs-about-story__principle:hover {
    transform: translateY(-5px);
    border-color: rgba(227, 186, 98, 0.42);

    background:
        linear-gradient(
            135deg,
            rgba(20, 72, 115, 0.48),
            rgba(203, 146, 43, 0.035)
        );
}

.ibs-about-story__principle-icon {
    width: 40px;
    height: 40px;

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

    border: 1px solid rgba(224, 181, 92, 0.38);
    border-radius: 50%;

    font-size: 14px;
    color: #e4bf6b;
    background: rgba(2, 15, 29, 0.35);
}

.ibs-about-story__principle h3 {
    margin: 0 0 6px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    color: #efdbb2;
}

.ibs-about-story__principle p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.65;
    color: #95a2af;
}


/* =====================================================
   ACTIONS
===================================================== */

.ibs-about-story__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 23px;
    margin-top: 29px;
}

.ibs-about-story__button {
    min-height: 50px;
    padding: 14px 24px;

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

    border: 1px solid rgba(228, 186, 98, 0.58);
    border-radius: 3px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-decoration: none;
    color: #e2bd69;

    background: rgba(5, 23, 40, 0.3);

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

.ibs-about-story__button:hover {
    color: #150e04;
    background: #e2bd69;
    transform: translateY(-3px);

    box-shadow: 0 15px 32px rgba(199, 143, 43, 0.18);
}

.ibs-about-story__signature {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: italic;
    color: #9caab8;
}


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

@keyframes ibsAboutBadgeFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}


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

@media (max-width: 991px) {
    .ibs-about-story {
        padding: 95px 0 105px;
    }

    .ibs-about-story__container {
        grid-template-columns: minmax(320px, 0.85fr)
                               minmax(400px, 1.15fr);
        gap: 53px;
    }

    .ibs-about-story__visual {
        min-height: 590px;
    }

    .ibs-about-story__image {
        right: 30px;
    }

    .ibs-about-story__badge {
        width: 95px;
        height: 95px;
    }

    .ibs-about-story__badge strong {
        font-size: 25px;
    }

    .ibs-about-story__principles {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 760px) {
    .ibs-about-story {
        padding: 75px 0 80px;
    }

    .ibs-about-story__container {
        width: min(100% - 30px, 1200px);
        grid-template-columns: 1fr;
        gap: 56px;
    }

    .ibs-about-story__visual {
        min-height: 540px;
    }

    .ibs-about-story__image {
        inset: 0 22px 55px 0;
    }

    .ibs-about-story__badge {
        top: 30px;
        width: 88px;
        height: 88px;
    }

    .ibs-about-story__badge strong {
        font-size: 23px;
    }

    .ibs-about-story__presence {
        width: min(310px, 92%);
        min-height: 84px;
        padding: 15px 17px;
    }

    .ibs-about-story__content h2 {
        font-size: clamp(39px, 12vw, 52px);
    }

    .ibs-about-story__content
    .ibs-about-story__lead {
        font-size: 17px;
    }

    .ibs-about-story__content > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .ibs-about-story__principles {
        grid-template-columns: 1fr;
    }

    .ibs-about-story__actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

    .ibs-about-story__button {
        width: 100%;
    }
}


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

@media (max-width: 430px) {
    .ibs-about-story__visual {
        min-height: 475px;
    }

    .ibs-about-story__badge {
        width: 78px;
        height: 78px;
    }

    .ibs-about-story__badge strong {
        font-size: 20px;
    }

    .ibs-about-story__badge span {
        font-size: 6px;
    }

    .ibs-about-story__presence-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .ibs-about-story__presence strong {
        font-size: 13px;
    }

    .ibs-about-story__principle {
        grid-template-columns: 40px 1fr;
        padding: 16px;
    }
}


/* =====================================================
   ACCESSIBILITY / REDUCED MOTION
===================================================== */

.ibs-about-story a:focus-visible {
    outline: 2px solid #edca78;
    outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
    .ibs-about-story__badge {
        animation: none;
    }

    .ibs-about-story__image img,
    .ibs-about-story__principle,
    .ibs-about-story__button {
        transition: none;
    }

    .ibs-about-story__principle:hover,
    .ibs-about-story__button:hover {
        transform: none;
    }
}
/* =====================================================
   ABOUT IBS GLOBAL — VISION & MISSION
===================================================== */

.ibs-purpose {
    position: relative;
    overflow: hidden;
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(20, 74, 119, 0.2),
            transparent 35%
        ),
        radial-gradient(
            circle at 10% 20%,
            rgba(199, 141, 40, 0.07),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #061624 0%,
            #03101e 50%,
            #071928 100%
        );

    border-bottom: 1px solid rgba(218, 174, 86, 0.12);
}


/* Fine diagonal pattern */

.ibs-purpose::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.24;

    background-image:
        linear-gradient(
            125deg,
            transparent 0%,
            transparent 48%,
            rgba(222, 179, 91, 0.04) 50%,
            transparent 52%,
            transparent 100%
        );

    background-size: 150px 150px;
}


/* Centre background glow */

.ibs-purpose::after {
    content: "";
    position: absolute;
    top: 52%;
    left: 50%;
    width: 550px;
    height: 550px;
    pointer-events: none;

    border: 1px solid rgba(222, 179, 90, 0.045);
    border-radius: 50%;

    box-shadow:
        0 0 0 70px rgba(222, 179, 90, 0.012),
        0 0 0 140px rgba(222, 179, 90, 0.008);

    transform: translate(-50%, -50%);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-purpose__container {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


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

.ibs-purpose__heading {
    max-width: 850px;
    margin: 0 auto 62px;
    text-align: center;
}

.ibs-purpose__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 18px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: #dfb963;
}

.ibs-purpose__eyebrow::before,
.ibs-purpose__eyebrow::after {
    content: "";
    width: 38px;
    height: 1px;
}

.ibs-purpose__eyebrow::before {
    background: linear-gradient(
        90deg,
        transparent,
        #dfb963
    );
}

.ibs-purpose__eyebrow::after {
    background: linear-gradient(
        90deg,
        #dfb963,
        transparent
    );
}

.ibs-purpose__eyebrow i {
    font-size: 12px;
}

.ibs-purpose__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 5.4vw, 69px);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -1.8px;
    color: #ffffff;
}

.ibs-purpose__heading h2 span {
    display: block;
    margin-top: 8px;

    background: linear-gradient(
        90deg,
        #ad7221,
        #f2d486,
        #b77b28
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #d7a94f;
}

.ibs-purpose__heading p {
    max-width: 720px;
    margin: 22px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #aeb9c5;
}


/* =====================================================
   VISION / MISSION GRID
===================================================== */

.ibs-purpose__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr)
                           150px
                           minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}


/* =====================================================
   PURPOSE CARD
===================================================== */

.ibs-purpose__card {
    position: relative;
    min-height: 525px;
    padding: 38px 34px;
    overflow: hidden;

    border: 1px solid rgba(220, 176, 87, 0.2);
    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.035),
            transparent 44%
        ),
        linear-gradient(
            155deg,
            rgba(11, 42, 68, 0.94),
            rgba(3, 16, 30, 0.98)
        );

    box-shadow:
        0 23px 60px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);

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

.ibs-purpose__card::before {
    content: "";
    position: absolute;
    top: -85px;
    right: -85px;
    width: 230px;
    height: 230px;
    pointer-events: none;

    border: 1px solid rgba(223, 181, 93, 0.1);
    border-radius: 50%;

    box-shadow:
        0 0 0 31px rgba(223, 181, 93, 0.018),
        0 0 0 62px rgba(223, 181, 93, 0.012);

    transition: transform 0.55s ease;
}

.ibs-purpose__card:hover {
    transform: translateY(-8px);
    border-color: rgba(230, 190, 103, 0.52);

    box-shadow:
        0 33px 72px rgba(0, 0, 0, 0.46),
        0 0 35px rgba(183, 117, 27, 0.07);
}

.ibs-purpose__card:hover::before {
    transform: scale(1.13) rotate(7deg);
}


/* Vision tint */

.ibs-purpose__card--vision {
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(36, 115, 177, 0.17),
            transparent 32%
        ),
        linear-gradient(
            155deg,
            rgba(13, 53, 86, 0.95),
            rgba(3, 16, 30, 0.98)
        );
}


/* Mission tint */

.ibs-purpose__card--mission {
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(207, 155, 56, 0.13),
            transparent 32%
        ),
        linear-gradient(
            155deg,
            rgba(10, 45, 73, 0.95),
            rgba(3, 16, 30, 0.98)
        );
}


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

.ibs-purpose__card-number {
    position: absolute;
    top: 31px;
    right: 31px;
    z-index: 2;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1;
    color: rgba(228, 187, 102, 0.55);
}


/* =====================================================
   ICON
===================================================== */

.ibs-purpose__icon {
    position: relative;
    z-index: 2;
    width: 66px;
    height: 66px;
    margin-bottom: 29px;

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

    border: 1px solid rgba(229, 188, 101, 0.5);
    border-radius: 50%;

    font-size: 23px;
    color: #e5bf6a;

    background:
        radial-gradient(
            circle,
            rgba(199, 143, 44, 0.17),
            rgba(3, 17, 31, 0.3)
        );

    box-shadow:
        inset 0 0 23px rgba(218, 168, 70, 0.07),
        0 10px 28px rgba(0, 0, 0, 0.28);

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease;
}

.ibs-purpose__card:hover
.ibs-purpose__icon {
    color: #14202a;

    background: linear-gradient(
        135deg,
        #b97b27,
        #f0d17e
    );

    transform: scale(1.06) rotate(-5deg);
}


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

.ibs-purpose__label {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: #c7a95f;
}

.ibs-purpose__card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 18px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 37px);
    line-height: 1.18;
    font-weight: 500;
    color: #ffffff;
}

.ibs-purpose__card h3 span {
    display: block;
    margin-top: 5px;
    color: #e6c274;
}

.ibs-purpose__card > p {
    position: relative;
    z-index: 2;
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #a5b1bd;
}


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

.ibs-purpose__list {
    position: relative;
    z-index: 2;
    margin: 25px 0 0;
    padding: 0;

    display: grid;
    gap: 12px;

    list-style: none;
}

.ibs-purpose__list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.55;
    color: #bec7d0;
}

.ibs-purpose__list i {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

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

    border: 1px solid rgba(225, 183, 94, 0.4);
    border-radius: 50%;

    font-size: 8px;
    color: #e4bd68;
    background: rgba(198, 140, 40, 0.07);
}


/* Bottom card line */

.ibs-purpose__card-line {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #d9aa50,
        transparent
    );

    opacity: 0;
    transform: scaleX(0.3);

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.ibs-purpose__card:hover
.ibs-purpose__card-line {
    opacity: 1;
    transform: scaleX(1);
}


/* =====================================================
   CENTRAL EMBLEM
===================================================== */

.ibs-purpose__emblem {
    position: relative;
    z-index: 3;
    width: 150px;
    height: 150px;

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

.ibs-purpose__emblem::before,
.ibs-purpose__emblem::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 31px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(230, 189, 103, 0.75)
    );
}

.ibs-purpose__emblem::before {
    right: 100%;
}

.ibs-purpose__emblem::after {
    left: 100%;
    transform: rotate(180deg);
}

.ibs-purpose__emblem-ring {
    position: absolute;
    border-radius: 50%;
}

.ibs-purpose__emblem-ring--outer {
    inset: 0;

    border-top: 1px solid rgba(234, 195, 111, 0.7);
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(35, 104, 158, 0.7);
    border-left: 1px solid transparent;

    animation: ibsPurposeRotate 20s linear infinite;
}

.ibs-purpose__emblem-ring--inner {
    inset: 13px;

    border: 1px dashed rgba(226, 183, 94, 0.25);

    animation: ibsPurposeRotateReverse 27s linear infinite;
}

.ibs-purpose__emblem-content {
    width: 110px;
    height: 110px;

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

    border: 1px solid rgba(229, 188, 101, 0.44);
    border-radius: 50%;

    text-align: center;

    background:
        radial-gradient(
            circle at 40% 25%,
            #174f7d,
            #092a48 60%,
            #03121f
        );

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.42),
        inset 0 0 24px rgba(216, 166, 66, 0.07);
}

.ibs-purpose__emblem-content i {
    margin-bottom: 5px;
    font-size: 16px;
    color: #e6c171;
}

.ibs-purpose__emblem-content strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: #f0d080;
}

.ibs-purpose__emblem-content span {
    margin-top: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 6px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b8c3cc;
}


/* =====================================================
   PURPOSE STATEMENT
===================================================== */

.ibs-purpose__statement {
    max-width: 930px;
    margin: 48px auto 0;
    padding: 24px 30px;

    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 24px;

    border-top: 1px solid rgba(221, 177, 89, 0.18);
    border-bottom: 1px solid rgba(221, 177, 89, 0.18);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(15, 56, 91, 0.3),
            transparent
        );
}

.ibs-purpose__statement-label {
    padding: 8px 11px;

    border: 1px solid rgba(228, 187, 100, 0.37);
    border-radius: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #dfb862;
}

.ibs-purpose__statement p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    font-style: italic;
    color: #cbd3da;
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsPurposeRotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ibsPurposeRotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0);
    }
}


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

@media (max-width: 1050px) {
    .ibs-purpose {
        padding: 95px 0 105px;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr 105px 1fr;
        gap: 19px;
    }

    .ibs-purpose__card {
        min-height: 560px;
        padding: 31px 27px;
    }

    .ibs-purpose__emblem {
        width: 105px;
        height: 105px;
    }

    .ibs-purpose__emblem-content {
        width: 80px;
        height: 80px;
    }

    .ibs-purpose__emblem-content i {
        font-size: 12px;
    }

    .ibs-purpose__emblem-content strong {
        font-size: 18px;
    }

    .ibs-purpose__emblem-content span {
        font-size: 5px;
    }
}


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

@media (max-width: 760px) {
    .ibs-purpose {
        padding: 75px 0 80px;
    }

    .ibs-purpose__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-purpose__heading {
        margin-bottom: 42px;
    }

    .ibs-purpose__eyebrow {
        font-size: 9px;
        letter-spacing: 1.8px;
    }

    .ibs-purpose__eyebrow::before,
    .ibs-purpose__eyebrow::after {
        width: 23px;
    }

    .ibs-purpose__heading h2 {
        font-size: clamp(39px, 12vw, 52px);
    }

    .ibs-purpose__heading p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.7;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ibs-purpose__card {
        min-height: auto;
        padding: 28px 24px;
    }

    .ibs-purpose__card h3 {
        font-size: 29px;
    }

    .ibs-purpose__card > p {
        font-size: 13px;
    }

    .ibs-purpose__emblem {
        width: 115px;
        height: 115px;
        margin-inline: auto;
    }

    .ibs-purpose__emblem::before,
    .ibs-purpose__emblem::after {
        display: none;
    }

    .ibs-purpose__emblem-content {
        width: 86px;
        height: 86px;
    }

    .ibs-purpose__emblem-content strong {
        font-size: 20px;
    }

    .ibs-purpose__statement {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 35px;
        padding: 21px 18px;
        text-align: center;
    }

    .ibs-purpose__statement-label {
        width: max-content;
        margin-inline: auto;
    }

    .ibs-purpose__statement p {
        font-size: 16px;
    }
}


/* =====================================================
   ACCESSIBILITY / REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-purpose__emblem-ring {
        animation: none;
    }

    .ibs-purpose__card,
    .ibs-purpose__card::before,
    .ibs-purpose__icon,
    .ibs-purpose__card-line {
        transition: none;
    }

    .ibs-purpose__card:hover {
        transform: none;
    }
}

/* =====================================================
   ABOUT IBS GLOBAL — VISION & MISSION
===================================================== */

.ibs-purpose {
    position: relative;
    overflow: hidden;
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(20, 74, 119, 0.2),
            transparent 35%
        ),
        radial-gradient(
            circle at 10% 20%,
            rgba(199, 141, 40, 0.07),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #061624 0%,
            #03101e 50%,
            #071928 100%
        );

    border-bottom: 1px solid rgba(218, 174, 86, 0.12);
}


/* Fine diagonal pattern */

.ibs-purpose::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.24;

    background-image:
        linear-gradient(
            125deg,
            transparent 0%,
            transparent 48%,
            rgba(222, 179, 91, 0.04) 50%,
            transparent 52%,
            transparent 100%
        );

    background-size: 150px 150px;
}


/* Centre background glow */

.ibs-purpose::after {
    content: "";
    position: absolute;
    top: 52%;
    left: 50%;
    width: 550px;
    height: 550px;
    pointer-events: none;

    border: 1px solid rgba(222, 179, 90, 0.045);
    border-radius: 50%;

    box-shadow:
        0 0 0 70px rgba(222, 179, 90, 0.012),
        0 0 0 140px rgba(222, 179, 90, 0.008);

    transform: translate(-50%, -50%);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-purpose__container {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


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

.ibs-purpose__heading {
    max-width: 850px;
    margin: 0 auto 62px;
    text-align: center;
}

.ibs-purpose__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 18px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: #dfb963;
}

.ibs-purpose__eyebrow::before,
.ibs-purpose__eyebrow::after {
    content: "";
    width: 38px;
    height: 1px;
}

.ibs-purpose__eyebrow::before {
    background: linear-gradient(
        90deg,
        transparent,
        #dfb963
    );
}

.ibs-purpose__eyebrow::after {
    background: linear-gradient(
        90deg,
        #dfb963,
        transparent
    );
}

.ibs-purpose__eyebrow i {
    font-size: 12px;
}

.ibs-purpose__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 5.4vw, 69px);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -1.8px;
    color: #ffffff;
}

.ibs-purpose__heading h2 span {
    display: block;
    margin-top: 8px;

    background: linear-gradient(
        90deg,
        #ad7221,
        #f2d486,
        #b77b28
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #d7a94f;
}

.ibs-purpose__heading p {
    max-width: 720px;
    margin: 22px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #aeb9c5;
}


/* =====================================================
   VISION / MISSION GRID
===================================================== */

.ibs-purpose__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr)
                           150px
                           minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}


/* =====================================================
   PURPOSE CARD
===================================================== */

.ibs-purpose__card {
    position: relative;
    min-height: 525px;
    padding: 38px 34px;
    overflow: hidden;

    border: 1px solid rgba(220, 176, 87, 0.2);
    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.035),
            transparent 44%
        ),
        linear-gradient(
            155deg,
            rgba(11, 42, 68, 0.94),
            rgba(3, 16, 30, 0.98)
        );

    box-shadow:
        0 23px 60px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);

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

.ibs-purpose__card::before {
    content: "";
    position: absolute;
    top: -85px;
    right: -85px;
    width: 230px;
    height: 230px;
    pointer-events: none;

    border: 1px solid rgba(223, 181, 93, 0.1);
    border-radius: 50%;

    box-shadow:
        0 0 0 31px rgba(223, 181, 93, 0.018),
        0 0 0 62px rgba(223, 181, 93, 0.012);

    transition: transform 0.55s ease;
}

.ibs-purpose__card:hover {
    transform: translateY(-8px);
    border-color: rgba(230, 190, 103, 0.52);

    box-shadow:
        0 33px 72px rgba(0, 0, 0, 0.46),
        0 0 35px rgba(183, 117, 27, 0.07);
}

.ibs-purpose__card:hover::before {
    transform: scale(1.13) rotate(7deg);
}


/* Vision tint */

.ibs-purpose__card--vision {
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(36, 115, 177, 0.17),
            transparent 32%
        ),
        linear-gradient(
            155deg,
            rgba(13, 53, 86, 0.95),
            rgba(3, 16, 30, 0.98)
        );
}


/* Mission tint */

.ibs-purpose__card--mission {
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(207, 155, 56, 0.13),
            transparent 32%
        ),
        linear-gradient(
            155deg,
            rgba(10, 45, 73, 0.95),
            rgba(3, 16, 30, 0.98)
        );
}


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

.ibs-purpose__card-number {
    position: absolute;
    top: 31px;
    right: 31px;
    z-index: 2;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1;
    color: rgba(228, 187, 102, 0.55);
}


/* =====================================================
   ICON
===================================================== */

.ibs-purpose__icon {
    position: relative;
    z-index: 2;
    width: 66px;
    height: 66px;
    margin-bottom: 29px;

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

    border: 1px solid rgba(229, 188, 101, 0.5);
    border-radius: 50%;

    font-size: 23px;
    color: #e5bf6a;

    background:
        radial-gradient(
            circle,
            rgba(199, 143, 44, 0.17),
            rgba(3, 17, 31, 0.3)
        );

    box-shadow:
        inset 0 0 23px rgba(218, 168, 70, 0.07),
        0 10px 28px rgba(0, 0, 0, 0.28);

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease;
}

.ibs-purpose__card:hover
.ibs-purpose__icon {
    color: #14202a;

    background: linear-gradient(
        135deg,
        #b97b27,
        #f0d17e
    );

    transform: scale(1.06) rotate(-5deg);
}


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

.ibs-purpose__label {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: #c7a95f;
}

.ibs-purpose__card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 18px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 37px);
    line-height: 1.18;
    font-weight: 500;
    color: #ffffff;
}

.ibs-purpose__card h3 span {
    display: block;
    margin-top: 5px;
    color: #e6c274;
}

.ibs-purpose__card > p {
    position: relative;
    z-index: 2;
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #a5b1bd;
}


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

.ibs-purpose__list {
    position: relative;
    z-index: 2;
    margin: 25px 0 0;
    padding: 0;

    display: grid;
    gap: 12px;

    list-style: none;
}

.ibs-purpose__list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.55;
    color: #bec7d0;
}

.ibs-purpose__list i {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

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

    border: 1px solid rgba(225, 183, 94, 0.4);
    border-radius: 50%;

    font-size: 8px;
    color: #e4bd68;
    background: rgba(198, 140, 40, 0.07);
}


/* Bottom card line */

.ibs-purpose__card-line {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #d9aa50,
        transparent
    );

    opacity: 0;
    transform: scaleX(0.3);

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.ibs-purpose__card:hover
.ibs-purpose__card-line {
    opacity: 1;
    transform: scaleX(1);
}


/* =====================================================
   CENTRAL EMBLEM
===================================================== */

.ibs-purpose__emblem {
    position: relative;
    z-index: 3;
    width: 150px;
    height: 150px;

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

.ibs-purpose__emblem::before,
.ibs-purpose__emblem::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 31px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(230, 189, 103, 0.75)
    );
}

.ibs-purpose__emblem::before {
    right: 100%;
}

.ibs-purpose__emblem::after {
    left: 100%;
    transform: rotate(180deg);
}

.ibs-purpose__emblem-ring {
    position: absolute;
    border-radius: 50%;
}

.ibs-purpose__emblem-ring--outer {
    inset: 0;

    border-top: 1px solid rgba(234, 195, 111, 0.7);
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(35, 104, 158, 0.7);
    border-left: 1px solid transparent;

    animation: ibsPurposeRotate 20s linear infinite;
}

.ibs-purpose__emblem-ring--inner {
    inset: 13px;

    border: 1px dashed rgba(226, 183, 94, 0.25);

    animation: ibsPurposeRotateReverse 27s linear infinite;
}

.ibs-purpose__emblem-content {
    width: 110px;
    height: 110px;

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

    border: 1px solid rgba(229, 188, 101, 0.44);
    border-radius: 50%;

    text-align: center;

    background:
        radial-gradient(
            circle at 40% 25%,
            #174f7d,
            #092a48 60%,
            #03121f
        );

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.42),
        inset 0 0 24px rgba(216, 166, 66, 0.07);
}

.ibs-purpose__emblem-content i {
    margin-bottom: 5px;
    font-size: 16px;
    color: #e6c171;
}

.ibs-purpose__emblem-content strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: #f0d080;
}

.ibs-purpose__emblem-content span {
    margin-top: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 6px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b8c3cc;
}


/* =====================================================
   PURPOSE STATEMENT
===================================================== */

.ibs-purpose__statement {
    max-width: 930px;
    margin: 48px auto 0;
    padding: 24px 30px;

    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 24px;

    border-top: 1px solid rgba(221, 177, 89, 0.18);
    border-bottom: 1px solid rgba(221, 177, 89, 0.18);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(15, 56, 91, 0.3),
            transparent
        );
}

.ibs-purpose__statement-label {
    padding: 8px 11px;

    border: 1px solid rgba(228, 187, 100, 0.37);
    border-radius: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #dfb862;
}

.ibs-purpose__statement p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    font-style: italic;
    color: #cbd3da;
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsPurposeRotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ibsPurposeRotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0);
    }
}


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

@media (max-width: 1050px) {
    .ibs-purpose {
        padding: 95px 0 105px;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr 105px 1fr;
        gap: 19px;
    }

    .ibs-purpose__card {
        min-height: 560px;
        padding: 31px 27px;
    }

    .ibs-purpose__emblem {
        width: 105px;
        height: 105px;
    }

    .ibs-purpose__emblem-content {
        width: 80px;
        height: 80px;
    }

    .ibs-purpose__emblem-content i {
        font-size: 12px;
    }

    .ibs-purpose__emblem-content strong {
        font-size: 18px;
    }

    .ibs-purpose__emblem-content span {
        font-size: 5px;
    }
}


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

@media (max-width: 760px) {
    .ibs-purpose {
        padding: 75px 0 80px;
    }

    .ibs-purpose__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-purpose__heading {
        margin-bottom: 42px;
    }

    .ibs-purpose__eyebrow {
        font-size: 9px;
        letter-spacing: 1.8px;
    }

    .ibs-purpose__eyebrow::before,
    .ibs-purpose__eyebrow::after {
        width: 23px;
    }

    .ibs-purpose__heading h2 {
        font-size: clamp(39px, 12vw, 52px);
    }

    .ibs-purpose__heading p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.7;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ibs-purpose__card {
        min-height: auto;
        padding: 28px 24px;
    }

    .ibs-purpose__card h3 {
        font-size: 29px;
    }

    .ibs-purpose__card > p {
        font-size: 13px;
    }

    .ibs-purpose__emblem {
        width: 115px;
        height: 115px;
        margin-inline: auto;
    }

    .ibs-purpose__emblem::before,
    .ibs-purpose__emblem::after {
        display: none;
    }

    .ibs-purpose__emblem-content {
        width: 86px;
        height: 86px;
    }

    .ibs-purpose__emblem-content strong {
        font-size: 20px;
    }

    .ibs-purpose__statement {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 35px;
        padding: 21px 18px;
        text-align: center;
    }

    .ibs-purpose__statement-label {
        width: max-content;
        margin-inline: auto;
    }

    .ibs-purpose__statement p {
        font-size: 16px;
    }
}


/* =====================================================
   ACCESSIBILITY / REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-purpose__emblem-ring {
        animation: none;
    }

    .ibs-purpose__card,
    .ibs-purpose__card::before,
    .ibs-purpose__icon,
    .ibs-purpose__card-line {
        transition: none;
    }

    .ibs-purpose__card:hover {
        transform: none;
    }
}
/* =====================================================
   ULTRA-LUXURY UPGRADE
   CORE VALUES + VISION & MISSION
   Add at the END of aboutus.css
===================================================== */


/* =====================================================
   CORE VALUES — LUXURY SECTION BACKGROUND
===================================================== */

.ibs-core-values {
    padding: 135px 0 140px;

    background:
        radial-gradient(
            ellipse at 50% -5%,
            rgba(29, 104, 163, 0.3),
            transparent 38%
        ),
        radial-gradient(
            circle at 10% 72%,
            rgba(193, 132, 31, 0.11),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(19, 75, 121, 0.18),
            transparent 28%
        ),
        linear-gradient(
            140deg,
            #020c16 0%,
            #061b2c 43%,
            #020b14 100%
        );
}


/* Premium spotlight behind heading */

.ibs-core-values__heading {
    position: relative;
    max-width: 840px;
    margin-bottom: 75px;
}

.ibs-core-values__heading::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 680px;
    height: 270px;

    border-radius: 50%;
    background: rgba(30, 99, 151, 0.13);
    filter: blur(80px);

    transform: translate(-50%, -50%);
}

.ibs-core-values__heading::after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    margin: 27px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #b87a26,
        #f4db92,
        #b87a26,
        transparent
    );

    box-shadow: 0 0 14px rgba(227, 184, 93, 0.3);
}

.ibs-core-values__heading h2 {
    font-size: clamp(50px, 6vw, 79px);

    text-shadow:
        0 6px 30px rgba(0, 0, 0, 0.58),
        0 0 34px rgba(20, 76, 120, 0.16);
}

.ibs-core-values__heading h2 span {
    margin-top: 10px;

    background: linear-gradient(
        100deg,
        #8f5819 0%,
        #d9aa50 22%,
        #fff0ae 49%,
        #d3a047 72%,
        #885318 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: drop-shadow(
        0 7px 14px rgba(0, 0, 0, 0.38)
    );
}


/* =====================================================
   CORE VALUES — PREMIUM CARD GRID
===================================================== */

.ibs-core-values__grid {
    gap: 25px;
    perspective: 1400px;
}

.ibs-core-values__card {
    min-height: 345px;
    padding: 35px 32px;

    border: 1px solid transparent;
    border-radius: 14px;

    background:
        linear-gradient(
            150deg,
            rgba(12, 45, 72, 0.96),
            rgba(3, 17, 31, 0.98)
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(246, 216, 148, 0.62),
            rgba(206, 150, 50, 0.13) 36%,
            rgba(40, 111, 163, 0.4) 67%,
            rgba(234, 194, 106, 0.47)
        ) border-box;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.085),
        inset 0 -35px 60px rgba(0, 0, 0, 0.14);

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    transform-style: preserve-3d;
}


/* Internal upper glow */

.ibs-core-values__card::before {
    top: -78px;
    right: -70px;
    width: 210px;
    height: 210px;

    border-color: rgba(239, 204, 132, 0.17);

    background:
        radial-gradient(
            circle,
            rgba(220, 167, 65, 0.09),
            transparent 65%
        );

    box-shadow:
        0 0 0 30px rgba(226, 180, 88, 0.022),
        0 0 0 60px rgba(226, 180, 88, 0.013);
}


/* Moving metallic shine */

.ibs-core-values__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -70%;
    left: -100%;
    width: 80%;
    height: 230%;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 235, 184, 0.08),
        rgba(255, 255, 255, 0.16),
        rgba(255, 235, 184, 0.08),
        transparent
    );

    transform: rotate(20deg);
    transition: left 0.85s ease;
}

.ibs-core-values__card:hover::after {
    left: 145%;
}

.ibs-core-values__card:hover {
    transform:
        translateY(-12px)
        rotateX(1deg);

    border-color: transparent;

    box-shadow:
        0 38px 85px rgba(0, 0, 0, 0.52),
        0 0 40px rgba(196, 135, 32, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}


/* Large luxury card number */

.ibs-core-values__number {
    top: 23px;
    right: 25px;

    font-size: 37px;
    font-style: italic;
    color: rgba(234, 197, 117, 0.105);

    text-shadow: 0 0 22px rgba(224, 177, 83, 0.07);
}


/* Luxury icon medallion */

.ibs-core-values__icon {
    width: 68px;
    height: 68px;
    margin-bottom: 32px;

    border: 1px solid rgba(244, 210, 139, 0.72);

    font-size: 22px;

    background:
        radial-gradient(
            circle at 35% 28%,
            rgba(244, 213, 145, 0.21),
            rgba(190, 128, 34, 0.09) 43%,
            rgba(2, 15, 28, 0.5) 70%
        );

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 0 24px rgba(225, 175, 77, 0.09),
        0 0 0 6px rgba(221, 170, 70, 0.026);
}

.ibs-core-values__card:hover
.ibs-core-values__icon {
    color: #151007;

    background:
        linear-gradient(
            145deg,
            #9f611b,
            #e7bd69 48%,
            #fff0af 70%,
            #ad6e20
        );

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.4),
        0 0 27px rgba(223, 174, 75, 0.22);

    transform: rotate(-7deg) scale(1.08);
}

.ibs-core-values__card h3 {
    font-size: 26px;
    color: #f8e8c7;

    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.ibs-core-values__card p {
    font-size: 13px;
    line-height: 1.82;
    color: #afbac5;
}


/* Integrity featured card */

.ibs-core-values__card--featured {
    background:
        radial-gradient(
            circle at 80% 8%,
            rgba(235, 192, 105, 0.2),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(20, 76, 119, 0.98),
            rgba(4, 23, 41, 0.98)
        ) padding-box,
        linear-gradient(
            135deg,
            #a9681e,
            #f4d78d,
            #ac6d21,
            #ecd184
        ) border-box;

    box-shadow:
        0 31px 75px rgba(0, 0, 0, 0.43),
        0 0 38px rgba(207, 150, 49, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ibs-core-values__badge {
    padding: 8px 12px;

    color: #120d05;

    background: linear-gradient(
        135deg,
        #a8661c,
        #f3d487 48%,
        #fff0b1 67%,
        #af7124
    );

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.32),
        0 0 14px rgba(232, 188, 95, 0.12);
}


/* Premium statement */

.ibs-core-values__statement {
    position: relative;
    max-width: 980px;
    margin-top: 55px;
    padding: 30px 40px;

    border: 1px solid rgba(226, 184, 96, 0.24);
    border-radius: 7px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(19, 72, 114, 0.27),
            transparent 70%
        ),
        rgba(2, 15, 28, 0.3);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 45px rgba(0, 0, 0, 0.21);
}

.ibs-core-values__statement::before,
.ibs-core-values__statement::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #ddb35d
    );
}

.ibs-core-values__statement::before {
    left: -35px;
}

.ibs-core-values__statement::after {
    right: -35px;
    transform: rotate(180deg);
}

.ibs-core-values__statement p {
    font-size: 20px;
    color: #dce1e5;
}


/* =====================================================
   VISION & MISSION — LUXURY BACKGROUND
===================================================== */

.ibs-purpose {
    padding: 140px 0;

    background:
        radial-gradient(
            ellipse at 50% 18%,
            rgba(25, 90, 141, 0.27),
            transparent 37%
        ),
        radial-gradient(
            circle at 7% 75%,
            rgba(196, 135, 34, 0.1),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 78%,
            rgba(25, 88, 137, 0.17),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #020b14 0%,
            #071d30 48%,
            #020b14 100%
        );
}


/* Premium heading */

.ibs-purpose__heading {
    position: relative;
    max-width: 920px;
    margin-bottom: 80px;
}

.ibs-purpose__heading::after {
    content: "◆";
    display: block;
    width: 150px;
    margin: 27px auto 0;

    font-size: 10px;
    line-height: 1px;
    letter-spacing: 10px;
    color: #d7aa51;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(227, 184, 94, 0.7),
            transparent
        );

    text-shadow:
        0 0 15px rgba(228, 184, 93, 0.45);
}

.ibs-purpose__heading h2 {
    font-size: clamp(50px, 6vw, 78px);

    text-shadow:
        0 7px 32px rgba(0, 0, 0, 0.62),
        0 0 30px rgba(25, 85, 132, 0.18);
}

.ibs-purpose__heading h2 span {
    margin-top: 11px;

    background: linear-gradient(
        100deg,
        #8c5618 0%,
        #d7a74b 20%,
        #fff1b0 49%,
        #d6a64c 75%,
        #8a5418 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: drop-shadow(
        0 6px 12px rgba(0, 0, 0, 0.35)
    );
}


/* =====================================================
   VISION / MISSION PREMIUM GRID
===================================================== */

.ibs-purpose__grid {
    grid-template-columns:
        minmax(0, 1fr)
        180px
        minmax(0, 1fr);

    gap: 35px;
    perspective: 1500px;
}

.ibs-purpose__card {
    min-height: 570px;
    padding: 45px 39px;

    border: 1px solid transparent;
    border-radius: 16px;

    background:
        linear-gradient(
            150deg,
            rgba(12, 46, 74, 0.97),
            rgba(3, 17, 31, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(242, 207, 134, 0.65),
            rgba(210, 153, 51, 0.12) 34%,
            rgba(37, 111, 166, 0.5) 66%,
            rgba(237, 198, 114, 0.6)
        ) border-box;

    box-shadow:
        0 35px 85px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.095),
        inset 0 -45px 70px rgba(0, 0, 0, 0.16);

    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
}


/* Metallic shine */

.ibs-purpose__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -85%;
    left: -115%;
    width: 75%;
    height: 260%;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 239, 196, 0.07),
        rgba(255, 255, 255, 0.14),
        rgba(255, 239, 196, 0.07),
        transparent
    );

    transform: rotate(21deg);
    transition: left 0.9s ease;
}

.ibs-purpose__card:hover::after {
    left: 150%;
}

.ibs-purpose__card:hover {
    transform:
        translateY(-13px)
        rotateX(1deg);

    box-shadow:
        0 45px 100px rgba(0, 0, 0, 0.55),
        0 0 45px rgba(194, 132, 31, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.13);
}


/* Individual premium tints */

.ibs-purpose__card--vision {
    background:
        radial-gradient(
            circle at 82% 8%,
            rgba(49, 134, 196, 0.23),
            transparent 35%
        ),
        linear-gradient(
            150deg,
            rgba(13, 57, 92, 0.98),
            rgba(3, 17, 31, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            #3486bd,
            rgba(232, 194, 111, 0.52),
            #19547e,
            #e7c276
        ) border-box;
}

.ibs-purpose__card--mission {
    background:
        radial-gradient(
            circle at 82% 8%,
            rgba(229, 178, 81, 0.19),
            transparent 35%
        ),
        linear-gradient(
            150deg,
            rgba(13, 52, 83, 0.98),
            rgba(3, 17, 31, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            #b97622,
            #f1d287,
            #286e9e,
            #d5a54d
        ) border-box;
}


/* Large background card numbers */

.ibs-purpose__card-number {
    top: 25px;
    right: 29px;

    font-size: 49px;
    font-style: italic;
    color: rgba(235, 199, 121, 0.095);
}


/* Icon crown treatment */

.ibs-purpose__icon {
    width: 78px;
    height: 78px;
    margin-bottom: 34px;

    border-color: rgba(243, 207, 133, 0.76);

    font-size: 26px;

    background:
        radial-gradient(
            circle at 35% 27%,
            rgba(249, 220, 156, 0.22),
            rgba(194, 132, 35, 0.1) 45%,
            rgba(2, 15, 28, 0.55) 72%
        );

    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.4),
        0 0 0 7px rgba(222, 171, 69, 0.025),
        inset 0 0 27px rgba(229, 181, 84, 0.09);
}

.ibs-purpose__card:hover
.ibs-purpose__icon {
    color: #151007;

    background:
        linear-gradient(
            145deg,
            #a7641b,
            #e8bf6d 46%,
            #fff0ad 70%,
            #a96a1f
        );

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.42),
        0 0 30px rgba(225, 176, 77, 0.2);
}

.ibs-purpose__label {
    font-size: 10px;
    letter-spacing: 2.6px;
    color: #e3bd68;
}

.ibs-purpose__card h3 {
    font-size: clamp(31px, 3.2vw, 42px);

    text-shadow:
        0 5px 20px rgba(0, 0, 0, 0.42);
}

.ibs-purpose__card h3 span {
    margin-top: 8px;
    color: #f0d084;
}

.ibs-purpose__card > p {
    font-size: 14px;
    line-height: 1.85;
    color: #adb8c3;
}

.ibs-purpose__list {
    gap: 14px;
    margin-top: 28px;
}

.ibs-purpose__list li {
    font-size: 12px;
    color: #c7d0d8;
}

.ibs-purpose__list i {
    border-color: rgba(236, 199, 120, 0.61);
    color: #efca78;

    background:
        radial-gradient(
            circle,
            rgba(217, 164, 62, 0.16),
            rgba(3, 17, 31, 0.3)
        );
}


/* =====================================================
   CENTRAL ULTRA-LUXURY EMBLEM
===================================================== */

.ibs-purpose__emblem {
    width: 180px;
    height: 180px;
}

.ibs-purpose__emblem-ring--outer {
    inset: 0;
    border: 0;

    background:
        conic-gradient(
            transparent 0deg,
            #c78d32 45deg,
            #fff0ad 86deg,
            transparent 135deg,
            #276f9f 205deg,
            #e7bd69 270deg,
            transparent 360deg
        );

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 0
        );

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 0
        );

    filter:
        drop-shadow(0 0 13px rgba(223, 175, 74, 0.25));
}

.ibs-purpose__emblem-ring--inner {
    inset: 15px;

    border-color: rgba(238, 199, 116, 0.38);
}

.ibs-purpose__emblem-content {
    width: 132px;
    height: 132px;

    border-color: rgba(241, 203, 125, 0.72);

    background:
        radial-gradient(
            circle at 38% 24%,
            #1c6397,
            #0b3558 45%,
            #03111f 78%
        );

    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.55),
        0 0 0 7px rgba(222, 173, 72, 0.025),
        0 0 36px rgba(205, 147, 45, 0.12),
        inset 0 0 32px rgba(218, 166, 66, 0.1);
}

.ibs-purpose__emblem-content i {
    font-size: 19px;
    color: #f1d080;
}

.ibs-purpose__emblem-content strong {
    font-size: 30px;
    color: #f6da8c;

    text-shadow: 0 0 18px rgba(224, 177, 82, 0.27);
}

.ibs-purpose__emblem-content span {
    font-size: 7px;
    color: #c4cdd5;
}


/* Luxury connector lines */

.ibs-purpose__emblem::before,
.ibs-purpose__emblem::after {
    width: 38px;

    background: linear-gradient(
        90deg,
        transparent,
        #b87925,
        #f0ce7c
    );

    box-shadow: 0 0 10px rgba(226, 179, 82, 0.24);
}


/* Premium commitment statement */

.ibs-purpose__statement {
    max-width: 990px;
    margin-top: 60px;
    padding: 29px 38px;

    border: 1px solid rgba(230, 189, 102, 0.28);
    border-radius: 8px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(22, 81, 126, 0.25),
            transparent 72%
        ),
        rgba(2, 14, 26, 0.34);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* =====================================================
   VISION & MISSION — FINAL STANDALONE LUXURY FIX
===================================================== */

.ibs-purpose,
.ibs-purpose * {
    box-sizing: border-box;
}

.ibs-purpose {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 125px 0 120px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 50% -12%, rgba(42, 119, 177, 0.28), transparent 42%),
        radial-gradient(circle at 4% 65%, rgba(214, 162, 60, 0.10), transparent 27%),
        radial-gradient(circle at 96% 72%, rgba(19, 84, 135, 0.20), transparent 30%),
        linear-gradient(145deg, #020914 0%, #061726 48%, #020b15 100%);
    border-top: 1px solid rgba(224, 180, 89, 0.16);
    border-bottom: 1px solid rgba(224, 180, 89, 0.16);
    box-shadow:
        inset 0 60px 110px rgba(0, 0, 0, 0.28),
        inset 0 -60px 110px rgba(0, 0, 0, 0.32);
}

.ibs-purpose::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -260px;
    left: 50%;
    width: 820px;
    height: 520px;
    border: 1px solid rgba(225, 182, 92, 0.10);
    border-radius: 50%;
    box-shadow:
        0 0 0 65px rgba(224, 178, 84, 0.018),
        0 0 0 130px rgba(28, 100, 155, 0.018);
    transform: translateX(-50%);
}

.ibs-purpose__container {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}

.ibs-purpose__heading {
    max-width: 900px;
    margin: 0 auto 68px;
    text-align: center;
}

.ibs-purpose__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #e8bd62;
}

.ibs-purpose__heading h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(43px, 5vw, 70px);
    line-height: 1.06;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;
    text-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
}

.ibs-purpose__heading h2 span {
    display: block;
    margin-top: 8px;
    background: linear-gradient(100deg, #a56b20, #e3b85e 30%, #fff0ba 50%, #d7a345 72%, #9b611d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ibs-purpose__heading > p {
    max-width: 730px;
    margin: 24px auto 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bdc9d3;
}

.ibs-purpose__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 145px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}

.ibs-purpose__card {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    min-height: 575px;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    padding: 42px 38px 38px;
    border: 1px solid transparent;
    border-radius: 16px;
    background:
        linear-gradient(155deg, rgba(12, 47, 76, 0.97), rgba(2, 13, 25, 0.99)) padding-box,
        linear-gradient(135deg, rgba(247, 216, 144, 0.58), rgba(213, 160, 61, 0.08) 34%, rgba(33, 106, 161, 0.28) 66%, rgba(231, 189, 102, 0.44)) border-box;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -35px 60px rgba(0, 0, 0, 0.20);
    transition: transform 0.5s cubic-bezier(.2, .8, .2, 1), box-shadow 0.5s ease, filter 0.5s ease;
}

.ibs-purpose__card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -125px;
    right: -110px;
    width: 295px;
    height: 295px;
    border: 1px solid rgba(239, 200, 120, 0.14);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(215, 162, 58, 0.12), transparent 67%);
    box-shadow: 0 0 0 42px rgba(222, 174, 80, 0.015);
}

.ibs-purpose__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -65%;
    left: -80%;
    width: 60%;
    height: 230%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 239, 194, 0.08), transparent);
    transform: rotate(23deg);
    transition: left 0.9s ease;
}

.ibs-purpose__card:hover {
    transform: translateY(-11px);
    filter: brightness(1.07);
    box-shadow:
        0 40px 90px rgba(0, 0, 0, 0.58),
        0 0 42px rgba(206, 150, 48, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ibs-purpose__card:hover::after {
    left: 140%;
}

.ibs-purpose__card > * {
    position: relative;
    z-index: 3;
}

.ibs-purpose__card-number {
    position: absolute;
    top: 22px;
    right: 28px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 58px;
    line-height: 1;
    font-style: italic;
    color: rgba(235, 197, 116, 0.08);
}

.ibs-purpose__icon {
    display: inline-flex;
    width: 74px;
    height: 74px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 1px solid rgba(243, 207, 132, 0.65);
    border-radius: 50%;
    font-size: 25px;
    color: #efc86f;
    background: radial-gradient(circle at 34% 25%, rgba(241, 207, 134, 0.18), rgba(184, 119, 29, 0.07) 44%, rgba(3, 16, 29, 0.60) 75%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.38),
        0 0 0 7px rgba(218, 167, 68, 0.025),
        inset 0 0 26px rgba(224, 176, 79, 0.09);
    transition: transform 0.45s ease, background 0.45s ease, color 0.45s ease;
}

.ibs-purpose__card:hover .ibs-purpose__icon {
    color: #160e05;
    background: linear-gradient(135deg, #9f651a, #f6dc92 48%, #b97822);
    transform: rotate(-7deg) scale(1.07);
}

.ibs-purpose__label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 17px;
    padding: 7px 12px;
    border: 1px solid rgba(230, 187, 97, 0.30);
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #e4b85d;
    background: rgba(3, 18, 32, 0.55);
}

.ibs-purpose__card h3 {
    margin: 0 0 20px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 2.5vw, 37px);
    line-height: 1.15;
    font-weight: 500;
    color: #fff0d0;
}

.ibs-purpose__card h3 span {
    display: block;
    margin-top: 5px;
    color: #dcae50;
}

.ibs-purpose__card > p {
    margin: 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.78;
    color: #b8c5cf;
}

.ibs-purpose__list {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ibs-purpose__list li {
    display: grid;
    grid-template-columns: 25px 1fr;
    align-items: start;
    gap: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.55;
    color: #d1d9df;
}

.ibs-purpose__list i {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(225, 179, 86, 0.32);
    border-radius: 50%;
    font-size: 8px;
    color: #e9bd63;
    background: rgba(218, 166, 64, 0.06);
}

.ibs-purpose__card-line {
    display: block;
    width: 62px;
    height: 1px;
    margin-top: auto;
    padding-top: 28px;
    border-bottom: 1px solid #d9aa4e;
    transition: width 0.45s ease;
}

.ibs-purpose__card:hover .ibs-purpose__card-line {
    width: 120px;
}

.ibs-purpose__emblem {
    position: relative;
    z-index: 5;
    display: grid;
    width: 145px;
    height: 145px;
    place-items: center;
    margin-inline: auto;
}

.ibs-purpose__emblem-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(233, 192, 106, 0.45);
    border-radius: 50%;
}

.ibs-purpose__emblem-ring--outer {
    border-style: dashed;
    animation: ibsPurposeRotate 18s linear infinite;
}

.ibs-purpose__emblem-ring--inner {
    inset: 13px;
    border-color: rgba(39, 119, 178, 0.55);
    animation: ibsPurposeRotateReverse 13s linear infinite;
}

.ibs-purpose__emblem-content {
    position: relative;
    z-index: 2;
    display: flex;
    width: 102px;
    height: 102px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(237, 198, 117, 0.62);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 25%, #123a58, #041522 70%);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.48),
        0 0 35px rgba(213, 161, 58, 0.11),
        inset 0 0 28px rgba(224, 178, 84, 0.08);
}

.ibs-purpose__emblem-content i {
    margin-bottom: 5px;
    font-size: 15px;
    color: #e6bd67;
}

.ibs-purpose__emblem-content strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: #f0d080;
}

.ibs-purpose__emblem-content span {
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b8c3cc;
}

.ibs-purpose__statement {
    display: grid;
    max-width: 930px;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 24px;
    margin: 52px auto 0;
    padding: 25px 30px;
    border-top: 1px solid rgba(225, 182, 94, 0.22);
    border-bottom: 1px solid rgba(225, 182, 94, 0.22);
    background: linear-gradient(90deg, transparent, rgba(14, 54, 86, 0.42), transparent);
}

.ibs-purpose__statement-label {
    width: max-content;
    padding: 8px 12px;
    border: 1px solid rgba(229, 188, 101, 0.38);
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #dfb862;
}

.ibs-purpose__statement p {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    font-style: italic;
    color: #d2dae0;
}

@keyframes ibsPurposeRotate {
    to { transform: rotate(360deg); }
}

@keyframes ibsPurposeRotateReverse {
    to { transform: rotate(-360deg); }
}

@media (max-width: 1050px) {
    .ibs-purpose__grid {
        grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr);
        gap: 19px;
    }

    .ibs-purpose__card {
        min-height: 610px;
        padding: 36px 28px 32px;
    }

    .ibs-purpose__emblem {
        width: 110px;
        height: 110px;
    }

    .ibs-purpose__emblem-content {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 780px) {
    .ibs-purpose {
        padding: 82px 0 88px;
    }

    .ibs-purpose__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-purpose__heading {
        margin-bottom: 44px;
    }

    .ibs-purpose__heading h2 {
        font-size: clamp(39px, 12vw, 54px);
    }

    .ibs-purpose__heading > p {
        font-size: 14px;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .ibs-purpose__card {
        min-height: auto;
        padding: 32px 26px;
    }

    .ibs-purpose__emblem {
        order: 2;
        width: 120px;
        height: 120px;
        margin-block: 3px;
    }

    .ibs-purpose__card--vision { order: 1; }
    .ibs-purpose__card--mission { order: 3; }

    .ibs-purpose__emblem-content {
        width: 88px;
        height: 88px;
    }

    .ibs-purpose__statement {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 40px;
        padding: 23px 18px;
        text-align: center;
    }

    .ibs-purpose__statement-label {
        margin-inline: auto;
    }

    .ibs-purpose__statement p {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ibs-purpose__emblem-ring {
        animation: none;
    }

    .ibs-purpose__card,
    .ibs-purpose__card::after,
    .ibs-purpose__icon {
        transition: none;
    }

    .ibs-purpose__card:hover {
        transform: none;
    }
}

/* =====================================================
   CORE VALUES — STANDALONE LAYOUT FIX
   Keeps this section independent from older theme rules.
===================================================== */

.ibs-core-values,
.ibs-core-values * {
    box-sizing: border-box;
}

.ibs-core-values {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 120px 0 125px;
    color: #ffffff;
}

.ibs-core-values__container {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}

.ibs-core-values__heading {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto 62px;
    text-align: center;
}

.ibs-core-values__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #e8bd62;
}

.ibs-core-values__heading h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 5.2vw, 72px);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;
}

.ibs-core-values__heading h2 span {
    display: block;
    color: #e7bb5d;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ibs-core-values__heading > p {
    max-width: 690px;
    margin: 23px auto 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bdc9d3;
}

.ibs-core-values__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

.ibs-core-values__card {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    min-height: 330px;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}

.ibs-core-values__card > * {
    position: relative;
    z-index: 3;
}

.ibs-core-values__number,
.ibs-core-values__badge {
    position: absolute;
}

.ibs-core-values__icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #efc86f;
    transition: transform 0.4s ease, color 0.4s ease,
                background 0.4s ease, box-shadow 0.4s ease;
}

.ibs-core-values__card h3 {
    margin: 0 0 15px;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.2;
    font-weight: 500;
}

.ibs-core-values__card p {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #b8c5cf;
}

.ibs-core-values__line {
    display: block;
    width: 54px;
    height: 1px;
    margin-top: auto;
    padding-top: 27px;
    border-bottom: 1px solid #dcae50;
    transition: width 0.4s ease;
}

.ibs-core-values__card:hover .ibs-core-values__line {
    width: 100px;
}

.ibs-core-values__badge {
    z-index: 5;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    color: #160e04;
    background: linear-gradient(135deg, #a96c1d, #f3d785, #b67822);
}

.ibs-core-values__statement {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.ibs-core-values__statement-icon {
    flex: 0 0 auto;
    font-size: 20px;
    color: #e3b75b;
}

.ibs-core-values__statement p {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.55;
    font-style: italic;
    color: #e0e6eb;
}

@media (max-width: 1024px) {
    .ibs-core-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ibs-core-values {
        padding: 82px 0 88px;
    }

    .ibs-core-values__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-core-values__heading {
        margin-bottom: 42px;
    }

    .ibs-core-values__heading h2 {
        font-size: clamp(40px, 13vw, 54px);
    }

    .ibs-core-values__heading > p {
        font-size: 14px;
    }

    .ibs-core-values__grid {
        grid-template-columns: 1fr;
        gap: 19px;
    }

    .ibs-core-values__card {
        min-height: 300px;
    }

    .ibs-core-values__statement {
        flex-direction: column;
        gap: 11px;
    }

    .ibs-core-values__statement p {
        font-size: 17px;
    }
}

/* =====================================================
   IBS ABOUT — ULTRA LUXURY UPGRADE
   Core Values + Vision & Mission
   Add at the END of aboutus.css
===================================================== */


/* =====================================================
   SHARED LUXURY SECTION HEADING
===================================================== */

.ibs-core-values__heading,
.ibs-purpose__heading {
    position: relative;
    z-index: 3;
}

.ibs-core-values__heading::after,
.ibs-purpose__heading::after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    margin: 28px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #a86b1d 10%,
        #f6dc92 50%,
        #a86b1d 90%,
        transparent
    );

    box-shadow: 0 0 16px rgba(229, 182, 89, 0.3);
}

.ibs-core-values__heading h2,
.ibs-purpose__heading h2 {
    text-shadow:
        0 6px 28px rgba(0, 0, 0, 0.58),
        0 1px 1px rgba(0, 0, 0, 0.8);
}

.ibs-core-values__heading h2 span,
.ibs-purpose__heading h2 span {
    background: linear-gradient(
        105deg,
        #92601c 0%,
        #d9a94e 20%,
        #fff0ba 48%,
        #e7bd67 70%,
        #9c661e 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: drop-shadow(
        0 5px 17px rgba(199, 139, 37, 0.17)
    );
}


/* =====================================================
   CORE VALUES — LUXURY BACKGROUND
===================================================== */

.ibs-core-values {
    background:
        radial-gradient(
            ellipse at 50% -10%,
            rgba(35, 107, 167, 0.25),
            transparent 42%
        ),
        radial-gradient(
            circle at 7% 57%,
            rgba(211, 156, 53, 0.09),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 82%,
            rgba(18, 72, 116, 0.18),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #020b15 0%,
            #061827 44%,
            #020d18 100%
        );

    box-shadow:
        inset 0 55px 100px rgba(0, 0, 0, 0.25),
        inset 0 -55px 100px rgba(0, 0, 0, 0.3);
}


/* Luxury top and bottom lines */

.ibs-core-values__container::before,
.ibs-core-values__container::after {
    content: "";
    position: absolute;
    left: 50%;
    width: min(730px, 80%);
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(229, 185, 96, 0.42),
        transparent
    );

    transform: translateX(-50%);
}

.ibs-core-values__container::before {
    top: -71px;
}

.ibs-core-values__container::after {
    bottom: -76px;
}


/* =====================================================
   CORE VALUES — PREMIUM CARDS
===================================================== */

.ibs-core-values__grid {
    perspective: 1300px;
    gap: 23px;
}

.ibs-core-values__card {
    min-height: 340px;
    padding: 33px 31px;

    border: 1px solid transparent;
    border-radius: 13px;

    background:
        linear-gradient(
            155deg,
            rgba(12, 44, 72, 0.97),
            rgba(2, 13, 25, 0.99)
        ) padding-box,

        linear-gradient(
            135deg,
            rgba(247, 216, 144, 0.57),
            rgba(218, 168, 70, 0.08) 32%,
            rgba(31, 102, 158, 0.27) 65%,
            rgba(231, 188, 101, 0.43)
        ) border-box;

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -25px 45px rgba(0, 0, 0, 0.18);

    transform-style: preserve-3d;

    transition:
        transform 0.5s cubic-bezier(.2, .8, .2, 1),
        box-shadow 0.5s ease,
        filter 0.5s ease;
}


/* Inner blue and gold glow */

.ibs-core-values__card::before {
    top: -90px;
    right: -90px;
    width: 245px;
    height: 245px;

    border-color: rgba(242, 204, 125, 0.18);

    background:
        radial-gradient(
            circle,
            rgba(218, 165, 63, 0.09),
            transparent 66%
        );

    box-shadow:
        0 0 0 31px rgba(222, 174, 80, 0.018),
        0 0 0 62px rgba(222, 174, 80, 0.01);
}


/* Moving luxury light */

.ibs-core-values__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -70%;
    left: -65%;
    width: 65%;
    height: 240%;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 238, 190, 0.08),
        transparent
    );

    transform: rotate(24deg);
    transition: left 0.85s ease;
}

.ibs-core-values__card:hover::after {
    left: 130%;
}

.ibs-core-values__card:hover {
    transform:
        translateY(-12px)
        rotateX(1.5deg);

    filter: brightness(1.08);

    box-shadow:
        0 38px 85px rgba(0, 0, 0, 0.56),
        0 0 42px rgba(204, 144, 42, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -25px 45px rgba(0, 0, 0, 0.16);
}


/* Large watermark number */

.ibs-core-values__number {
    top: 18px;
    right: 24px;

    font-size: 52px;
    font-weight: 500;
    color: rgba(233, 195, 113, 0.075);

    text-shadow: 0 0 25px rgba(222, 175, 82, 0.06);
}


/* Premium icon */

.ibs-core-values__icon {
    width: 68px;
    height: 68px;
    margin-bottom: 31px;

    border: 1px solid rgba(241, 206, 132, 0.62);

    font-size: 23px;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(240, 205, 129, 0.18),
            rgba(184, 119, 29, 0.07) 43%,
            rgba(3, 16, 29, 0.55) 75%
        );

    box-shadow:
        0 13px 30px rgba(0, 0, 0, 0.34),
        0 0 0 7px rgba(218, 167, 68, 0.025),
        inset 0 0 25px rgba(224, 176, 79, 0.09);

    text-shadow: 0 0 18px rgba(236, 196, 112, 0.38);
}

.ibs-core-values__card:hover
.ibs-core-values__icon {
    background:
        linear-gradient(
            135deg,
            #9f651a,
            #f6dc92 47%,
            #b97822
        );

    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.38),
        0 0 30px rgba(231, 186, 95, 0.2);
}


/* Card heading */

.ibs-core-values__card h3 {
    font-size: 25px;
    color: #fff0d0;

    text-shadow: 0 5px 18px rgba(0, 0, 0, 0.55);
}


/* Gold heading detail */

.ibs-core-values__card h3::after {
    content: "";
    display: block;
    width: 36px;
    height: 1px;
    margin-top: 12px;

    background: linear-gradient(
        90deg,
        #f0cc78,
        transparent
    );

    transition: width 0.4s ease;
}

.ibs-core-values__card:hover h3::after {
    width: 82px;
}


/* Featured card */

.ibs-core-values__card--featured {
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(239, 196, 108, 0.18),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            rgba(20, 82, 130, 0.98),
            rgba(3, 20, 36, 0.99) 67%
        ) padding-box,

        linear-gradient(
            135deg,
            #ad6f1f,
            #f6dc91 48%,
            #ad6e1e
        ) border-box;

    box-shadow:
        0 27px 70px rgba(0, 0, 0, 0.47),
        0 0 38px rgba(205, 148, 47, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.ibs-core-values__badge {
    top: 27px;
    right: 27px;
    padding: 8px 13px;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}


/* Premium bottom statement */

.ibs-core-values__statement {
    position: relative;
    max-width: 980px;
    margin-top: 52px;
    padding: 29px 38px;
    overflow: hidden;

    border: 1px solid rgba(231, 191, 107, 0.3);
    border-radius: 8px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(42, 113, 166, 0.19),
            transparent 65%
        ),
        linear-gradient(
            90deg,
            rgba(3, 17, 30, 0.88),
            rgba(13, 53, 84, 0.76),
            rgba(3, 17, 30, 0.88)
        );

    box-shadow:
               0 18px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}


/* =====================================================
   VISION & MISSION — LUXURY BACKGROUND
===================================================== */

.ibs-purpose {
    background:
        radial-gradient(
            ellipse at 50% -5%,
            rgba(32, 105, 163, 0.23),
            transparent 40%
        ),
        radial-gradient(
            circle at 5% 74%,
            rgba(208, 151, 48, 0.09),
            transparent 26%
        ),
        radial-gradient(
            circle at 96% 35%,
            rgba(26, 91, 143, 0.16),
            transparent 27%
        ),
        linear-gradient(
            140deg,
            #020b15 0%,
            #061827 50%,
            #020d18 100%
        );

    box-shadow:
        inset 0 55px 100px rgba(0, 0, 0, 0.28),
        inset 0 -55px 100px rgba(0, 0, 0, 0.3);
}


/* =====================================================
   VISION & MISSION — PREMIUM CARDS
===================================================== */

.ibs-purpose__grid {
    grid-template-columns:
        minmax(0, 1fr)
        175px
        minmax(0, 1fr);

    gap: 32px;
    perspective: 1400px;
}

.ibs-purpose__card {
    min-height: 570px;
    padding: 43px 38px;

    border: 1px solid transparent;
    border-radius: 15px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 42, 69, 0.98),
            rgba(2, 13, 24, 0.99)
        ) padding-box,

        linear-gradient(
            135deg,
            rgba(244, 211, 138, 0.6),
            rgba(34, 105, 160, 0.19) 46%,
            rgba(232, 189, 101, 0.48)
        ) border-box;

    box-shadow:
        0 30px 78px rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -35px 55px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.5s cubic-bezier(.2, .8, .2, 1),
        box-shadow 0.5s ease,
        filter 0.5s ease;
}


/* Larger decorative circles */

.ibs-purpose__card::before {
    top: -100px;
    right: -100px;
    width: 280px;
    height: 280px;

    border-color: rgba(237, 200, 121, 0.16);

    background:
        radial-gradient(
            circle,
            rgba(213, 161, 61, 0.08),
            transparent 67%
        );

    box-shadow:
        0 0 0 37px rgba(222, 174, 80, 0.016),
        0 0 0 74px rgba(222, 174, 80, 0.009);
}


/* Moving light */

.ibs-purpose__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -70%;
    left: -70%;
    width: 62%;
    height: 240%;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 239, 196, 0.075),
        transparent
    );

    transform: rotate(23deg);
    transition: left 0.9s ease;
}

.ibs-purpose__card:hover::after {
    left: 135%;
}

.ibs-purpose__card:hover {
    transform: translateY(-12px);
    filter: brightness(1.07);

    box-shadow:
        0 42px 92px rgba(0, 0, 0, 0.58),
        0 0 45px rgba(204, 145, 39, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
}


/* Vision card blue diamond finish */

.ibs-purpose__card--vision {
    background:
        radial-gradient(
            circle at 86% 12%,
            rgba(54, 139, 203, 0.24),
            transparent 36%
        ),

        linear-gradient(
            150deg,
            rgba(17, 66, 105, 0.98),
            rgba(3, 18, 33, 0.99)
        ) padding-box,

        linear-gradient(
            135deg,
            #2a77aa,
            #f1cf7c 52%,
            #175078
        ) border-box;
}


/* Mission card gold finish */

.ibs-purpose__card--mission {
    background:
        radial-gradient(
            circle at 86% 12%,
            rgba(225, 177, 83, 0.19),
            transparent 36%
        ),

        linear-gradient(
            150deg,
            rgba(12, 52, 84, 0.98),
            rgba(3, 17, 31, 0.99)
        ) padding-box,

        linear-gradient(
            135deg,
            #a76a1c,
            #f7dc92 51%,
            #9c631b
        ) border-box;
}


/* Watermark numbers */

.ibs-purpose__card-number {
    top: 17px;
    right: 27px;

    font-size: 67px;
    color: rgba(237, 201, 127, 0.065);
}


/* Premium icon */

.ibs-purpose__icon {
    width: 76px;
    height: 76px;
    margin-bottom: 33px;

    border-color: rgba(242, 208, 136, 0.66);

    font-size: 27px;

    background:
        radial-gradient(
            circle at 34% 24%,
            rgba(246, 218, 154, 0.2),
            rgba(189, 126, 33, 0.08) 45%,
            rgba(3, 17, 31, 0.55) 75%
        );

    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.36),
        0 0 0 8px rgba(220, 171, 73, 0.025),
        inset 0 0 27px rgba(224, 177, 79, 0.1);

    text-shadow: 0 0 20px rgba(239, 201, 121, 0.4);
}

.ibs-purpose__card:hover
.ibs-purpose__icon {
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.4),
        0 0 32px rgba(230, 185, 93, 0.2);
}


/* Premium card headings */

.ibs-purpose__card h3 {
    font-size: clamp(31px, 3vw, 41px);

    text-shadow:
        0 6px 22px rgba(0, 0, 0, 0.6);
}

.ibs-purpose__card h3 span {
    background: linear-gradient(
        90deg,
        #bd8430,
        #f3d78d,
        #bc8230
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Refined checklist */

.ibs-purpose__list {
    margin-top: 29px;
    gap: 14px;
}

.ibs-purpose__list li {
    padding-bottom: 11px;

    border-bottom: 1px solid rgba(222, 178, 89, 0.1);

    font-size: 12px;
    color: #c2ccd5;
}

.ibs-purpose__list i {
    width: 25px;
    height: 25px;
    flex-basis: 25px;

    color: #f0cd79;
    border-color: rgba(235, 196, 115, 0.52);

    box-shadow:
        inset 0 0 13px rgba(220, 170, 72, 0.08);
}


/* =====================================================
   CENTRAL EMBLEM — ULTRA PREMIUM
===================================================== */

.ibs-purpose__emblem {
    width: 175px;
    height: 175px;

    filter: drop-shadow(
        0 22px 32px rgba(0, 0, 0, 0.42)
    );
}

.ibs-purpose__emblem-ring--outer {
    inset: 0;
    border: 0;

    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        #ba7b24 42deg,
        #f7df9b 90deg,
        transparent 136deg,
        #287bb0 195deg,
        #f2ce76 270deg,
        transparent 330deg
    );

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 0
        );

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 0
        );

    animation-duration: 18s;
}

.ibs-purpose__emblem-ring--inner {
    inset: 15px;
    border-color: rgba(240, 203, 127, 0.35);

    box-shadow:
        inset 0 0 28px rgba(221, 172, 73, 0.06);
}

.ibs-purpose__emblem-content {
    width: 128px;
    height: 128px;

    border-color: rgba(242, 207, 135, 0.65);

    background:
        radial-gradient(
            circle at 35% 24%,
            #246b9e,
            #0c3658 42%,
            #041827 72%,
            #020d16
        );

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.5),
        0 0 0 7px rgba(224, 176, 78, 0.025),
        0 0 35px rgba(204, 147, 44, 0.11),
        inset 0 0 32px rgba(230, 184, 91, 0.11);
}

.ibs-purpose__emblem-content i {
    font-size: 20px;

    text-shadow:
        0 0 18px rgba(239, 200, 117, 0.48);
}

.ibs-purpose__emblem-content strong {
    font-size: 29px;

    background: linear-gradient(
        180deg,
        #fff1ba,
        #d4a64b
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Luxury purpose statement */

.ibs-purpose__statement {
    max-width: 990px;
    margin-top: 56px;
    padding: 29px 38px;

    border: 1px solid rgba(231, 190, 103, 0.28);
    border-radius: 8px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(40, 111, 165, 0.18),
            transparent 70%
        ),
        linear-gradient(
            90deg,
            rgba(2, 15, 28, 0.88),
            rgba(13, 51, 82, 0.78),
            rgba(2, 15, 28, 0.88)
        );

    box-shadow:
        0 19px 52px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}


/* =====================================================
   TABLET LUXURY ADJUSTMENTS
===================================================== */

@media (max-width: 1050px) {
    .ibs-purpose__grid {
        grid-template-columns:
            minmax(0, 1fr)
            115px
            minmax(0, 1fr);

        gap: 20px;
    }

    .ibs-purpose__card {
        padding: 36px 28px;
    }

    .ibs-purpose__emblem {
        width: 115px;
        height: 115px;
    }

    .ibs-purpose__emblem-content {
        width: 86px;
        height: 86px;
    }
}


/* =====================================================
   MOBILE LUXURY ADJUSTMENTS
===================================================== */

@media (max-width: 760px) {
    .ibs-core-values__card {
        min-height: 310px;
        padding: 29px 26px;
    }

    .ibs-core-values__number {
        font-size: 43px;
    }

    .ibs-core-values__icon {
        width: 61px;
        height: 61px;
        font-size: 21px;
    }

    .ibs-purpose__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .ibs-purpose__card {
        min-height: auto;
        padding: 34px 27px;
    }

    .ibs-purpose__card-number {
        font-size: 52px;
    }

    .ibs-purpose__icon {
        width: 68px;
        height: 68px;
        font-size: 24px;
    }

    .ibs-purpose__emblem {
        width: 135px;
        height: 135px;
    }

    .ibs-purpose__emblem-content {
        width: 100px;
        height: 100px;
    }

    .ibs-purpose__statement,
    .ibs-core-values__statement {
        padding: 24px 20px;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-core-values__card::after,
    .ibs-purpose__card::after {
        display: none;
    }

    .ibs-core-values__card:hover,
    .ibs-purpose__card:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL JOURNEY — LUXURY PREMIUM TIMELINE
===================================================== */

.ibs-journey,
.ibs-journey * {
    box-sizing: border-box;
}

.ibs-journey {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 130px 0 125px;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(35, 112, 170, 0.27),
            transparent 39%
        ),
        radial-gradient(
            circle at 4% 42%,
            rgba(213, 158, 51, 0.09),
            transparent 25%
        ),
        radial-gradient(
            circle at 96% 72%,
            rgba(28, 99, 153, 0.16),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #020914 0%,
            #061725 48%,
            #020a13 100%
        );

    border-top: 1px solid rgba(225, 181, 91, 0.15);
    border-bottom: 1px solid rgba(225, 181, 91, 0.15);

    box-shadow:
        inset 0 60px 110px rgba(0, 0, 0, 0.28),
        inset 0 -60px 110px rgba(0, 0, 0, 0.32);
}


/* =====================================================
   BACKGROUND DECORATIONS
===================================================== */

.ibs-journey__glow {
    position: absolute;
    z-index: -1;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(25px);
}

.ibs-journey__glow--left {
    top: 28%;
    left: -300px;

    background: rgba(29, 105, 161, 0.13);

    box-shadow:
        0 0 0 70px rgba(31, 105, 161, 0.025),
        0 0 0 140px rgba(217, 165, 61, 0.012);
}

.ibs-journey__glow--right {
    right: -310px;
    bottom: 17%;

    background: rgba(214, 159, 51, 0.08);

    box-shadow:
        0 0 0 80px rgba(214, 159, 51, 0.018),
        0 0 0 155px rgba(28, 101, 158, 0.012);
}

.ibs-journey__world-line {
    position: absolute;
    z-index: -1;
    top: 155px;
    left: 50%;
    width: 850px;
    height: 850px;

    border: 1px solid rgba(225, 181, 91, 0.055);
    border-radius: 50%;

    transform: translateX(-50%);

    box-shadow:
        0 0 0 80px rgba(34, 105, 158, 0.015),
        0 0 0 160px rgba(225, 181, 91, 0.008);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-journey__container {
    position: relative;
    z-index: 2;

    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


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

.ibs-journey__heading {
    position: relative;

    max-width: 880px;
    margin: 0 auto 55px;

    text-align: center;
}

.ibs-journey__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #e4b85d;
}

.ibs-journey__eyebrow i {
    font-size: 12px;

    filter: drop-shadow(
        0 0 8px rgba(232, 188, 99, 0.35)
    );
}

.ibs-journey__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px, 5.3vw, 72px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;

    text-shadow:
        0 8px 32px rgba(0, 0, 0, 0.58),
        0 0 30px rgba(34, 104, 158, 0.12);
}

.ibs-journey__heading h2 span {
    display: block;
    margin-top: 8px;

    background: linear-gradient(
        100deg,
        #9f651b 0%,
        #dfb35a 27%,
        #fff0ba 50%,
        #d7a243 73%,
        #985d18 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: drop-shadow(
        0 5px 18px rgba(181, 119, 26, 0.15)
    );
}

.ibs-journey__heading > p {
    max-width: 720px;
    margin: 25px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bcc8d1;
}


/* Gold heading line */

.ibs-journey__heading::after {
    content: "";
    display: block;

    width: 135px;
    height: 1px;
    margin: 30px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #e0b35a,
        transparent
    );

    box-shadow:
        0 0 15px rgba(224, 179, 90, 0.30);
}


/* =====================================================
   JOURNEY INTRODUCTION
===================================================== */

.ibs-journey__intro {
    display: flex;
    max-width: 820px;
    align-items: center;
    justify-content: center;
    gap: 18px;

    margin: 0 auto 80px;
    padding: 22px 28px;

    border: 1px solid rgba(226, 184, 97, 0.20);
    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(3, 16, 29, 0.55),
            rgba(15, 57, 89, 0.44),
            rgba(3, 16, 29, 0.55)
        );

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ibs-journey__intro-icon {
    display: inline-flex;
    width: 47px;
    height: 47px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(231, 191, 107, 0.50);
    border-radius: 50%;

    font-size: 17px;
    color: #e7bc63;

    background: rgba(213, 159, 54, 0.06);

    box-shadow:
        inset 0 0 18px rgba(218, 168, 68, 0.08),
        0 0 22px rgba(218, 168, 68, 0.07);
}

.ibs-journey__intro p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    font-style: italic;
    color: #d6dde2;
}


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

.ibs-journey__timeline {
    position: relative;

    display: grid;
    gap: 70px;

    max-width: 1120px;
    margin-inline: auto;
    padding-bottom: 30px;
}

.ibs-journey__track {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 35px;
    left: 50%;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            rgba(225, 182, 92, 0.06),
            rgba(225, 182, 92, 0.45) 12%,
            rgba(37, 112, 168, 0.65) 50%,
            rgba(225, 182, 92, 0.45) 88%,
            rgba(225, 182, 92, 0.06)
        );

    transform: translateX(-50%);
}

.ibs-journey__track-progress {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 22%;

    background: linear-gradient(
        180deg,
        transparent,
        #f0c76e,
        transparent
    );

    box-shadow:
        0 0 16px rgba(238, 195, 105, 0.65);

    animation: ibsJourneyLight 7s ease-in-out infinite;
}


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

.ibs-journey__item {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr 82px 1fr;
    align-items: center;
}

.ibs-journey__item--left .ibs-journey__card {
    grid-column: 1;
}

.ibs-journey__item--right .ibs-journey__card {
    grid-column: 3;
}

.ibs-journey__marker {
    position: relative;
    z-index: 6;
    grid-column: 2;
    grid-row: 1;

    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    justify-self: center;

    border: 1px solid rgba(241, 204, 127, 0.75);
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            #164668,
            #041522 72%
        );

    box-shadow:
        0 0 0 7px rgba(220, 169, 67, 0.035),
        0 0 30px rgba(218, 166, 64, 0.18),
        inset 0 0 20px rgba(227, 181, 89, 0.10);
}

.ibs-journey__marker span {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #edc56c;
}


/* Connector lines */

.ibs-journey__item--left::after,
.ibs-journey__item--right::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;

    width: 42px;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(226, 183, 94, 0.15),
        rgba(226, 183, 94, 0.75)
    );
}

.ibs-journey__item--left::after {
    right: calc(50% + 28px);
}

.ibs-journey__item--right::before {
    left: calc(50% + 28px);
    transform: rotate(180deg);
}


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

.ibs-journey__card {
    position: relative;

    min-width: 0;
    overflow: hidden;
    padding: 34px 32px 31px;

    border: 1px solid transparent;
    border-radius: 14px;

    background:
        linear-gradient(
            155deg,
            rgba(12, 46, 74, 0.97),
            rgba(2, 13, 25, 0.99)
        ) padding-box,

        linear-gradient(
            135deg,
            rgba(245, 213, 140, 0.55),
            rgba(213, 161, 64, 0.07) 34%,
            rgba(34, 108, 164, 0.25) 66%,
            rgba(228, 185, 97, 0.40)
        ) border-box;

    box-shadow:
        0 25px 65px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 -25px 45px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.5s cubic-bezier(.2, .8, .2, 1),
        box-shadow 0.5s ease,
        filter 0.5s ease;
}

.ibs-journey__card::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -105px;
    right: -95px;

    width: 245px;
    height: 245px;

    border: 1px solid rgba(239, 202, 127, 0.13);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(216, 162, 57, 0.10),
            transparent 67%
        );

    box-shadow:
        0 0 0 40px rgba(220, 170, 70, 0.014);
}

.ibs-journey__card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -80%;
    left: -90%;

    width: 62%;
    height: 260%;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 238, 190, 0.08),
        transparent
    );

    transform: rotate(23deg);
    transition: left 0.9s ease;
}

.ibs-journey__card:hover {
    transform: translateY(-10px);

    filter: brightness(1.07);

    box-shadow:
        0 38px 85px rgba(0, 0, 0, 0.56),
        0 0 38px rgba(207, 150, 48, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

.ibs-journey__card:hover::after {
    left: 145%;
}

.ibs-journey__card > * {
    position: relative;
    z-index: 3;
}

.ibs-journey__card-corner {
    position: absolute;
    z-index: 5;
    right: 14px;
    bottom: 14px;

    width: 28px;
    height: 28px;

    border-right: 1px solid rgba(231, 188, 101, 0.55);
    border-bottom: 1px solid rgba(231, 188, 101, 0.55);
}


/* =====================================================
   CARD TOP
===================================================== */

.ibs-journey__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 23px;
}

.ibs-journey__phase {
    display: inline-flex;
    min-height: 29px;
    align-items: center;

    padding: 7px 12px;

    border: 1px solid rgba(229, 187, 99, 0.31);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    color: #e3b65a;

    background: rgba(3, 17, 30, 0.55);
}

.ibs-journey__card-icon {
    display: inline-flex;
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(239, 201, 124, 0.56);
    border-radius: 50%;

    font-size: 17px;
    color: #e9bf66;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(238, 202, 127, 0.16),
            rgba(5, 23, 39, 0.70) 72%
        );

    box-shadow:
        inset 0 0 20px rgba(224, 177, 82, 0.08),
        0 12px 25px rgba(0, 0, 0, 0.30);

    transition:
        transform 0.4s ease,
        background 0.4s ease,
        color 0.4s ease;
}

.ibs-journey__card:hover .ibs-journey__card-icon {
    color: #160e05;

    background: linear-gradient(
        135deg,
        #9f651a,
        #f4d98a 48%,
        #b97822
    );

    transform: rotate(-7deg) scale(1.06);
}


/* =====================================================
   CARD TYPOGRAPHY
===================================================== */

.ibs-journey__card h3 {
    margin: 0 0 18px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.3vw, 34px);
    line-height: 1.16;
    font-weight: 500;
    color: #fff0d0;

    text-shadow:
        0 5px 18px rgba(0, 0, 0, 0.50);
}

.ibs-journey__card h3 span {
    display: block;
    margin-top: 5px;
    color: #dcae50;
}

.ibs-journey__card > p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    line-height: 1.8;
    color: #b9c5ce;
}


/* =====================================================
   KEYWORDS
===================================================== */

.ibs-journey__keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 24px;
}

.ibs-journey__keywords span {
    padding: 7px 10px;

    border: 1px solid rgba(42, 113, 165, 0.45);
    border-radius: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #b9cad6;

    background: rgba(8, 36, 58, 0.48);
}


/* =====================================================
   CARD LINKS
===================================================== */

.ibs-journey__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 25px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #e7bc62;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.ibs-journey__link i {
    font-size: 10px;
}

.ibs-journey__link:hover {
    gap: 15px;
    color: #fff0bd;
}


/* =====================================================
   FEATURED CARDS
===================================================== */

.ibs-journey__featured-label,
.ibs-journey__future-badge {
    position: absolute;
    z-index: 7;
    top: 0;
    right: 0;

    padding: 8px 14px;

    border-bottom-left-radius: 10px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #150d04;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f2d27e,
        #b77620
    );

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.28);
}

.ibs-journey__card--featured,
.ibs-journey__card--london,
.ibs-journey__card--future {
    background:
        radial-gradient(
            circle at 87% 12%,
            rgba(237, 193, 104, 0.17),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(18, 73, 116, 0.98),
            rgba(3, 19, 34, 0.99) 68%
        ) padding-box,
        linear-gradient(
            135deg,
            #a96b1c,
            #f1d17d 48%,
            #a96b1c
        ) border-box;
}


/* =====================================================
   TIMELINE END MARKER
===================================================== */

.ibs-journey__end {
    position: relative;
    z-index: 5;

    display: flex;
    justify-content: center;
}

.ibs-journey__end span {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(239, 201, 124, 0.70);
    border-radius: 50%;

    font-size: 17px;
    color: #efc86f;

    background:
        radial-gradient(
            circle at 35% 25%,
            #174967,
            #041522 72%
        );

    box-shadow:
        0 0 0 8px rgba(219, 168, 66, 0.035),
        0 0 35px rgba(221, 171, 70, 0.20);

    animation: ibsJourneyPulse 3.5s ease-in-out infinite;
}


/* =====================================================
   CLOSING STATEMENT
===================================================== */

.ibs-journey__closing {
    position: relative;

    max-width: 930px;
    overflow: hidden;

    margin: 80px auto 0;
    padding: 48px 40px;

    border: 1px solid transparent;
    border-radius: 15px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(46, 119, 170, 0.23),
            transparent 63%
        ),
        linear-gradient(
            145deg,
            rgba(9, 40, 65, 0.95),
            rgba(2, 14, 26, 0.98)
        ) padding-box,
        linear-gradient(
            115deg,
            rgba(232, 195, 115, 0.55),
            rgba(42, 117, 171, 0.20),
            rgba(232, 195, 115, 0.48)
        ) border-box;

    box-shadow:
        0 28px 75px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.ibs-journey__closing-label {
    display: inline-flex;

    margin-bottom: 18px;
    padding: 8px 13px;

    border: 1px solid rgba(231, 190, 104, 0.38);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #e5b95e;
}

.ibs-journey__closing h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4vw, 49px);
    line-height: 1.1;
    font-weight: 500;
    color: #ffffff;
}

.ibs-journey__closing h3 span {
    display: block;
    margin-top: 6px;
    color: #dfb157;
}

.ibs-journey__closing p {
    max-width: 680px;
    margin: 21px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #bdc8d1;
}


/* CTA button */

.ibs-journey__button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 11px;

    margin-top: 28px;
    padding: 0 25px;

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

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    color: #150e05;

    background: linear-gradient(
        135deg,
        #a6691b,
        #f2d17d 48%,
        #b77720
    );

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.32),
        0 0 22px rgba(222, 174, 77, 0.12);

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

.ibs-journey__button:hover {
    transform: translateY(-4px);

    box-shadow:
        0 22px 42px rgba(0, 0, 0, 0.42),
        0 0 28px rgba(224, 178, 84, 0.18);
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsJourneyLight {
    0% {
        top: -10%;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        top: 88%;
        opacity: 0;
    }
}

@keyframes ibsJourneyPulse {
    0%,
    100% {
        box-shadow:
            0 0 0 8px rgba(219, 168, 66, 0.035),
            0 0 25px rgba(221, 171, 70, 0.13);
    }

    50% {
        box-shadow:
            0 0 0 13px rgba(219, 168, 66, 0.025),
            0 0 42px rgba(221, 171, 70, 0.25);
    }
}


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

@media (max-width: 900px) {
    .ibs-journey {
        padding: 105px 0;
    }

    .ibs-journey__timeline {
        max-width: 720px;
        gap: 40px;
        padding-left: 80px;
    }

    .ibs-journey__track {
        left: 28px;
        transform: none;
    }

    .ibs-journey__item {
        display: block;
    }

    .ibs-journey__marker {
        position: absolute;
        top: 50%;
        left: -80px;

        transform: translateY(-50%);
    }

    .ibs-journey__item--left::after,
    .ibs-journey__item--right::before {
        top: 50%;
        right: auto;
        left: -50px;
        width: 50px;

        transform: none;
    }

    .ibs-journey__card {
        width: 100%;
    }

    .ibs-journey__end {
        justify-content: flex-start;
        margin-left: -80px;
    }
}


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

@media (max-width: 600px) {
    .ibs-journey {
        padding: 80px 0 86px;
    }

    .ibs-journey__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-journey__heading {
        margin-bottom: 40px;
    }

    .ibs-journey__heading h2 {
        font-size: clamp(39px, 12vw, 53px);
    }

    .ibs-journey__heading > p {
        font-size: 14px;
    }

    .ibs-journey__intro {
        align-items: flex-start;
        margin-bottom: 55px;
        padding: 20px;
    }

    .ibs-journey__intro-icon {
        width: 40px;
        height: 40px;
    }

    .ibs-journey__intro p {
        font-size: 15px;
    }

    .ibs-journey__timeline {
        gap: 30px;
        padding-left: 43px;
    }

    .ibs-journey__track {
        left: 12px;
    }

    .ibs-journey__marker {
        left: -43px;
        width: 42px;
        height: 42px;
    }

    .ibs-journey__marker span {
        font-size: 14px;
    }

    .ibs-journey__item--left::after,
    .ibs-journey__item--right::before {
        left: -31px;
        width: 31px;
    }

    .ibs-journey__card {
        padding: 28px 23px 26px;
    }

    .ibs-journey__card-top {
        align-items: flex-start;
    }

    .ibs-journey__card-icon {
        width: 45px;
        height: 45px;
    }

    .ibs-journey__card h3 {
        font-size: 27px;
    }

    .ibs-journey__card > p {
        font-size: 13px;
    }

    .ibs-journey__featured-label,
    .ibs-journey__future-badge {
        position: relative;
        top: auto;
        right: auto;

        display: inline-flex;
        width: max-content;

        margin: -28px 0 22px -23px;

        border-radius: 0 0 9px 0;
    }

    .ibs-journey__end {
        margin-left: -43px;
    }

    .ibs-journey__end span {
        width: 44px;
        height: 44px;
    }

    .ibs-journey__closing {
        margin-top: 58px;
        padding: 38px 23px;
    }

    .ibs-journey__closing h3 {
        font-size: 34px;
    }

    .ibs-journey__button {
        width: 100%;
        padding-inline: 16px;
    }
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-journey__track-progress,
    .ibs-journey__end span {
        animation: none;
    }

    .ibs-journey__card,
    .ibs-journey__card::after,
    .ibs-journey__card-icon,
    .ibs-journey__button {
        transition: none;
    }

    .ibs-journey__card:hover,
    .ibs-journey__button:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL PRESENCE & IMPACT
===================================================== */

.ibs-impact,
.ibs-impact * {
    box-sizing: border-box;
}

.ibs-impact {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 125px 0 120px;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(39, 117, 174, 0.27),
            transparent 41%
        ),
        radial-gradient(
            circle at 8% 58%,
            rgba(212, 158, 53, 0.09),
            transparent 25%
        ),
        radial-gradient(
            circle at 94% 72%,
            rgba(28, 101, 157, 0.17),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #020a14 0%,
            #071a2a 48%,
            #020b15 100%
        );

    border-top: 1px solid rgba(227, 185, 98, 0.15);
    border-bottom: 1px solid rgba(227, 185, 98, 0.15);

    box-shadow:
        inset 0 60px 110px rgba(0, 0, 0, 0.27),
        inset 0 -60px 110px rgba(0, 0, 0, 0.32);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-impact__container {
    position: relative;
    z-index: 3;

    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


/* =====================================================
   BACKGROUND NETWORK
===================================================== */

.ibs-impact__network {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: 1050px;
    height: 1050px;

    pointer-events: none;

    transform: translate(-50%, -50%);
}

.ibs-impact__orbit {
    position: absolute;

    border: 1px solid rgba(223, 179, 88, 0.055);
    border-radius: 50%;
}

.ibs-impact__orbit--one {
    inset: 0;

    animation: ibsImpactRotate 45s linear infinite;
}

.ibs-impact__orbit--two {
    inset: 135px;

    border-color: rgba(36, 110, 166, 0.08);

    animation: ibsImpactRotateReverse 36s linear infinite;
}

.ibs-impact__orbit--three {
    inset: 275px;

    border-style: dashed;
    border-color: rgba(225, 181, 91, 0.08);

    animation: ibsImpactRotate 27s linear infinite;
}

.ibs-impact__node {
    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #e8bd64;

    box-shadow:
        0 0 15px rgba(232, 189, 100, 0.65);
}

.ibs-impact__node--one {
    top: 17%;
    left: 18%;
}

.ibs-impact__node--two {
    top: 31%;
    right: 13%;
}

.ibs-impact__node--three {
    right: 21%;
    bottom: 17%;
}

.ibs-impact__node--four {
    bottom: 24%;
    left: 12%;
}


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

.ibs-impact__heading {
    max-width: 880px;
    margin: 0 auto 70px;

    text-align: center;
}

.ibs-impact__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #e5b95e;
}

.ibs-impact__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px, 5.2vw, 72px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;

    text-shadow:
        0 8px 32px rgba(0, 0, 0, 0.58);
}

.ibs-impact__heading h2 span {
    display: block;
    margin-top: 8px;

    background: linear-gradient(
        100deg,
        #9d621a,
        #dfb359 28%,
        #fff0ba 50%,
        #d7a243 73%,
        #985d18
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ibs-impact__heading > p {
    max-width: 720px;
    margin: 25px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bdc8d1;
}

.ibs-impact__heading::after {
    content: "";
    display: block;

    width: 135px;
    height: 1px;
    margin: 30px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #e1b35a,
        transparent
    );

    box-shadow:
        0 0 15px rgba(225, 179, 90, 0.28);
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.ibs-impact__layout {
    display: grid;
    grid-template-columns: 390px minmax(0, 1fr);
    align-items: center;
    gap: 75px;

    margin-bottom: 80px;
}


/* =====================================================
   GLOBAL EMBLEM
===================================================== */

.ibs-impact__visual {
    position: relative;

    display: grid;
    width: 360px;
    height: 360px;
    place-items: center;

    margin-inline: auto;
}

.ibs-impact__visual-ring {
    position: absolute;

    border: 1px solid rgba(231, 190, 105, 0.28);
    border-radius: 50%;
}

.ibs-impact__visual-ring--outer {
    inset: 0;

    border-style: dashed;

    animation: ibsImpactRotate 26s linear infinite;
}

.ibs-impact__visual-ring--middle {
    inset: 38px;

    border-color: rgba(41, 117, 174, 0.52);

    animation: ibsImpactRotateReverse 19s linear infinite;
}

.ibs-impact__visual-ring--inner {
    inset: 77px;

    border-color: rgba(231, 190, 105, 0.35);
}

.ibs-impact__globe {
    position: relative;
    z-index: 3;

    display: flex;
    width: 170px;
    height: 170px;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(241, 204, 128, 0.70);
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 36% 25%,
            #1a5479,
            #061b2b 55%,
            #020d17 100%
        );

    box-shadow:
        0 25px 65px rgba(0, 0, 0, 0.50),
        0 0 50px rgba(222, 171, 70, 0.14),
        inset 0 0 40px rgba(225, 179, 85, 0.08);
}

.ibs-impact__globe i {
    margin-bottom: 8px;

    font-size: 33px;
    color: #ebc36b;

    filter: drop-shadow(
        0 0 12px rgba(235, 195, 107, 0.30)
    );
}

.ibs-impact__globe strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    line-height: 1;
    font-weight: 500;
    color: #f1d07c;
}

.ibs-impact__globe span {
    margin-top: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #becbd4;
}

.ibs-impact__visual-point {
    position: absolute;
    z-index: 5;

    padding: 7px 11px;

    border: 1px solid rgba(229, 186, 98, 0.35);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e8bd64;

    background: rgba(3, 18, 31, 0.92);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.35);
}

.ibs-impact__visual-point--dubai {
    top: 27px;
    right: 37px;
}

.ibs-impact__visual-point--london {
    right: -2px;
    bottom: 95px;
}

.ibs-impact__visual-point--india {
    bottom: 31px;
    left: 38px;
}


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

.ibs-impact__content-label {
    display: inline-flex;

    margin-bottom: 18px;
    padding: 8px 13px;

    border: 1px solid rgba(229, 186, 98, 0.35);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #e4b85d;
}

.ibs-impact__content > h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 500;
    color: #ffffff;
}

.ibs-impact__content > h3 span {
    display: block;
    margin-top: 6px;
    color: #dcae50;
}

.ibs-impact__content > p {
    max-width: 680px;
    margin: 22px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #bdc8d1;
}


/* =====================================================
   FEATURES
===================================================== */

.ibs-impact__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

    margin-top: 35px;
}

.ibs-impact__feature {
    display: grid;
    grid-template-columns: 47px minmax(0, 1fr);
    align-items: start;
    gap: 14px;

    padding: 19px 17px;

    border: 1px solid rgba(225, 183, 95, 0.15);
    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(14, 51, 79, 0.58),
            rgba(3, 18, 31, 0.70)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}

.ibs-impact__feature:hover {
    border-color: rgba(232, 192, 108, 0.38);

    background:
        linear-gradient(
            145deg,
            rgba(18, 67, 103, 0.72),
            rgba(3, 19, 33, 0.82)
        );

    transform: translateY(-5px);
}

.ibs-impact__feature-icon {
    display: inline-flex;
    width: 47px;
    height: 47px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(237, 199, 121, 0.48);
    border-radius: 50%;

    font-size: 15px;
    color: #e8bd63;

    background: rgba(215, 163, 62, 0.06);
}

.ibs-impact__feature h4 {
    margin: 1px 0 7px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #f9e7c4;
}

.ibs-impact__feature p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    line-height: 1.6;
    color: #abb9c3;
}


/* =====================================================
   DESTINATION CARDS
===================================================== */

.ibs-impact__destinations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;

    margin-top: 75px;
}

.ibs-impact__destination {
    position: relative;

    display: flex;
    min-width: 0;
    min-height: 370px;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;

    padding: 31px 28px;

    border: 1px solid transparent;
    border-radius: 13px;

    background:
        linear-gradient(
            155deg,
            rgba(12, 46, 74, 0.97),
            rgba(2, 13, 25, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(245, 213, 140, 0.52),
            rgba(213, 161, 64, 0.07) 36%,
            rgba(34, 108, 164, 0.23) 68%,
            rgba(228, 185, 97, 0.40)
        ) border-box;

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        filter 0.45s ease;
}

.ibs-impact__destination::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;

    width: 225px;
    height: 225px;

    border: 1px solid rgba(236, 197, 119, 0.13);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(215, 160, 55, 0.09),
            transparent 68%
        );
}

.ibs-impact__destination:hover {
    transform: translateY(-10px);

    filter: brightness(1.07);

    box-shadow:
        0 36px 80px rgba(0, 0, 0, 0.53),
        0 0 35px rgba(207, 150, 48, 0.08);
}

.ibs-impact__destination > * {
    position: relative;
    z-index: 2;
}

.ibs-impact__destination--featured {
    transform: translateY(-13px);

    background:
        radial-gradient(
            circle at 87% 10%,
            rgba(238, 195, 105, 0.18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(19, 78, 122, 0.98),
            rgba(3, 19, 34, 0.99) 68%
        ) padding-box,
        linear-gradient(
            135deg,
            #a96b1c,
            #f1d17d 48%,
            #a96b1c
        ) border-box;
}

.ibs-impact__destination--featured:hover {
    transform: translateY(-22px);
}

.ibs-impact__destination-badge {
    position: absolute;
    top: 0;
    right: 0;

    padding: 8px 13px;

    border-bottom-left-radius: 9px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #160e04;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f2d27e,
        #b77620
    );
}

.ibs-impact__destination-number {
    position: absolute;
    top: 21px;
    right: 24px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 49px;
    line-height: 1;
    font-style: italic;
    color: rgba(234, 195, 113, 0.08);
}

.ibs-impact__destination--featured
.ibs-impact__destination-number {
    top: 45px;
}

.ibs-impact__destination-icon {
    display: inline-flex;
    width: 61px;
    height: 61px;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border: 1px solid rgba(239, 202, 126, 0.58);
    border-radius: 50%;

    font-size: 20px;
    color: #ebc269;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(239, 203, 128, 0.17),
            rgba(4, 19, 33, 0.67) 72%
        );

    box-shadow:
        0 13px 29px rgba(0, 0, 0, 0.34),
        inset 0 0 23px rgba(222, 174, 78, 0.08);
}

.ibs-impact__destination-label {
    margin-bottom: 10px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #dcae50;
}

.ibs-impact__destination h3 {
    margin: 0 0 15px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 1;
    font-weight: 500;
    color: #fff0d0;
}

.ibs-impact__destination p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #b6c2cc;
}

.ibs-impact__destination-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: auto;
    padding-top: 24px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #e6ba61;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.ibs-impact__destination-link:hover {
    gap: 14px;
    color: #fff0bb;
}


/* =====================================================
   IMPACT HIGHLIGHTS
===================================================== */

.ibs-impact__highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 70px;

    border-top: 1px solid rgba(225, 182, 93, 0.18);
    border-bottom: 1px solid rgba(225, 182, 93, 0.18);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(13, 51, 81, 0.42),
            transparent
        );
}

.ibs-impact__highlight {
    position: relative;

    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;

    padding: 29px 20px;

    text-align: center;
}

.ibs-impact__highlight:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 24%;
    right: 0;

    width: 1px;
    height: 52%;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(226, 184, 97, 0.27),
        transparent
    );
}

.ibs-impact__highlight i {
    margin-bottom: 12px;

    font-size: 20px;
    color: #e8bd64;
}

.ibs-impact__highlight strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
    color: #f9e7c4;
}

.ibs-impact__highlight span {
    margin-top: 6px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #99aab6;
}


/* =====================================================
   BOTTOM STATEMENT
===================================================== */

.ibs-impact__statement {
    display: flex;
    max-width: 900px;
    align-items: center;
    justify-content: center;
    gap: 17px;

    margin: 50px auto 0;
    padding: 27px 32px;

    border: 1px solid rgba(229, 188, 103, 0.24);
    border-radius: 8px;

    text-align: center;

    background:
        linear-gradient(
            90deg,
            rgba(3, 17, 30, 0.72),
            rgba(15, 56, 89, 0.56),
            rgba(3, 17, 30, 0.72)
        );

    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ibs-impact__statement-icon {
    flex: 0 0 auto;

    font-size: 21px;
    color: #e4b85d;
}

.ibs-impact__statement p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.55;
    font-style: italic;
    color: #dce3e8;
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsImpactRotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ibsImpactRotateReverse {
    to {
        transform: rotate(-360deg);
    }
}


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

@media (max-width: 1024px) {
    .ibs-impact__layout {
        grid-template-columns: 310px minmax(0, 1fr);
        gap: 45px;
    }

    .ibs-impact__visual {
        width: 300px;
        height: 300px;
    }

    .ibs-impact__globe {
        width: 145px;
        height: 145px;
    }

    .ibs-impact__features {
        grid-template-columns: 1fr;
    }

    .ibs-impact__destination {
        padding: 29px 24px;
    }
}


/* =====================================================
   MOBILE AND SMALL TABLET
===================================================== */

@media (max-width: 780px) {
    .ibs-impact {
        padding: 82px 0 88px;
    }

    .ibs-impact__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-impact__heading {
        margin-bottom: 50px;
    }

    .ibs-impact__heading h2 {
        font-size: clamp(39px, 12vw, 53px);
    }

    .ibs-impact__heading > p {
        font-size: 14px;
    }

    .ibs-impact__layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ibs-impact__content {
        text-align: center;
    }

    .ibs-impact__content > p {
        margin-right: auto;
        margin-left: auto;
    }

    .ibs-impact__features {
        text-align: left;
    }

    .ibs-impact__destinations {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ibs-impact__destination {
        min-height: 345px;
    }

    .ibs-impact__destination--featured,
    .ibs-impact__destination--featured:hover {
        transform: none;
    }

    .ibs-impact__highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ibs-impact__highlight:nth-child(2)::after {
        display: none;
    }

    .ibs-impact__highlight:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(225, 182, 93, 0.13);
    }
}


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

@media (max-width: 500px) {
    .ibs-impact__visual {
        width: 280px;
        height: 280px;
    }

    .ibs-impact__globe {
        width: 135px;
        height: 135px;
    }

    .ibs-impact__visual-point--dubai {
        top: 22px;
        right: 25px;
    }

    .ibs-impact__visual-point--london {
        right: -3px;
        bottom: 73px;
    }

    .ibs-impact__visual-point--india {
        bottom: 20px;
        left: 26px;
    }

    .ibs-impact__feature {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 17px 14px;
    }

    .ibs-impact__feature-icon {
        width: 42px;
        height: 42px;
    }

    .ibs-impact__destination {
        padding: 28px 23px;
    }

    .ibs-impact__highlights {
        grid-template-columns: 1fr;
    }

    .ibs-impact__highlight:not(:last-child)::after {
        display: none;
    }

    .ibs-impact__highlight {
        border-bottom: 1px solid rgba(225, 182, 93, 0.13);
    }

    .ibs-impact__highlight:last-child {
        border-bottom: 0;
    }

    .ibs-impact__statement {
        flex-direction: column;
        gap: 11px;
        padding: 24px 20px;
    }

    .ibs-impact__statement p {
        font-size: 17px;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-impact__orbit,
    .ibs-impact__visual-ring {
        animation: none;
    }

    .ibs-impact__feature,
    .ibs-impact__destination,
    .ibs-impact__destination-link {
        transition: none;
    }

    .ibs-impact__feature:hover,
    .ibs-impact__destination:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL — LEADERSHIP & ORGANISATION
===================================================== */

.ibs-leadership,
.ibs-leadership * {
    box-sizing: border-box;
}

.ibs-leadership {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 125px 0 120px;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(38, 115, 172, 0.26),
            transparent 41%
        ),
        radial-gradient(
            circle at 7% 55%,
            rgba(215, 161, 56, 0.09),
            transparent 26%
        ),
        radial-gradient(
            circle at 94% 76%,
            rgba(28, 100, 155, 0.17),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #020914 0%,
            #061827 48%,
            #020b15 100%
        );

    border-top: 1px solid rgba(228, 185, 96, 0.15);
    border-bottom: 1px solid rgba(228, 185, 96, 0.15);

    box-shadow:
        inset 0 60px 110px rgba(0, 0, 0, 0.28),
        inset 0 -60px 110px rgba(0, 0, 0, 0.32);
}


/* =====================================================
   BACKGROUND GLOWS
===================================================== */

.ibs-leadership__glow {
    position: absolute;
    z-index: -1;

    width: 460px;
    height: 460px;

    border-radius: 50%;
    pointer-events: none;

    filter: blur(35px);
}

.ibs-leadership__glow--left {
    top: 28%;
    left: -320px;

    background: rgba(32, 106, 161, 0.14);

    box-shadow:
        0 0 0 75px rgba(33, 107, 163, 0.02),
        0 0 0 150px rgba(220, 170, 69, 0.01);
}

.ibs-leadership__glow--right {
    right: -330px;
    bottom: 12%;

    background: rgba(216, 160, 53, 0.08);

    box-shadow:
        0 0 0 80px rgba(217, 162, 56, 0.016),
        0 0 0 155px rgba(30, 103, 158, 0.01);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-leadership__container {
    position: relative;
    z-index: 2;

    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


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

.ibs-leadership__heading {
    max-width: 890px;
    margin: 0 auto 72px;

    text-align: center;
}

.ibs-leadership__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #e6ba60;
}

.ibs-leadership__eyebrow i {
    color: #edc56c;

    filter: drop-shadow(
        0 0 9px rgba(237, 197, 108, 0.34)
    );
}

.ibs-leadership__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px, 5.2vw, 72px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;

    text-shadow:
        0 8px 32px rgba(0, 0, 0, 0.58);
}

.ibs-leadership__heading h2 span {
    display: block;
    margin-top: 8px;

    background: linear-gradient(
        100deg,
        #9c6119,
        #dfb359 28%,
        #fff0ba 50%,
        #d7a243 73%,
        #975c18
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ibs-leadership__heading > p {
    max-width: 720px;
    margin: 25px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bdc8d1;
}

.ibs-leadership__heading::after {
    content: "";
    display: block;

    width: 135px;
    height: 1px;
    margin: 30px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #e0b35a,
        transparent
    );

    box-shadow:
        0 0 15px rgba(224, 179, 90, 0.28);
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.ibs-leadership__layout {
    display: grid;
    grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.22fr);
    align-items: center;
    gap: 65px;
}


/* =====================================================
   OFFICIAL ORGANISATION PROFILE
===================================================== */

.ibs-leadership__profile {
    position: relative;

    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    align-items: center;

    padding: 45px 36px 38px;

    border: 1px solid transparent;
    border-radius: 16px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(41, 115, 168, 0.25),
            transparent 44%
        ),
        linear-gradient(
            155deg,
            rgba(13, 49, 79, 0.98),
            rgba(2, 13, 25, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(244, 211, 137, 0.62),
            rgba(213, 160, 61, 0.10) 34%,
            rgba(34, 107, 162, 0.28) 67%,
            rgba(231, 188, 101, 0.48)
        ) border-box;

    box-shadow:
        0 30px 75px rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -35px 65px rgba(0, 0, 0, 0.20);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease;
}

.ibs-leadership__profile::before {
    content: "";
    position: absolute;
    top: -155px;
    left: 50%;

    width: 350px;
    height: 350px;

    border: 1px solid rgba(237, 198, 119, 0.12);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(218, 166, 65, 0.09),
            transparent 66%
        );

    box-shadow:
        0 0 0 55px rgba(219, 168, 68, 0.012);

    transform: translateX(-50%);
}

.ibs-leadership__profile:hover {
    transform: translateY(-10px);

    box-shadow:
        0 42px 95px rgba(0, 0, 0, 0.58),
        0 0 40px rgba(210, 154, 51, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

.ibs-leadership__profile > * {
    position: relative;
    z-index: 3;
}


/* Decorative corners */

.ibs-leadership__profile-corner {
    position: absolute;
    z-index: 5;

    width: 42px;
    height: 42px;

    pointer-events: none;
}

.ibs-leadership__profile-corner--one {
    top: 14px;
    left: 14px;

    border-top: 1px solid rgba(233, 191, 106, 0.68);
    border-left: 1px solid rgba(233, 191, 106, 0.68);
}

.ibs-leadership__profile-corner--two {
    right: 14px;
    bottom: 14px;

    border-right: 1px solid rgba(233, 191, 106, 0.68);
    border-bottom: 1px solid rgba(233, 191, 106, 0.68);
}


/* =====================================================
   LOGO EMBLEM
===================================================== */

.ibs-leadership__emblem {
    position: relative;

    display: grid;
    width: 210px;
    height: 210px;
    place-items: center;

    margin-bottom: 26px;
}

.ibs-leadership__emblem-ring {
    position: absolute;
    inset: 0;

    border: 1px dashed rgba(234, 192, 106, 0.45);
    border-radius: 50%;

    animation:
        ibsLeadershipRotate 24s linear infinite;
}

.ibs-leadership__emblem-ring::before {
    content: "";
    position: absolute;
    inset: 16px;

    border: 1px solid rgba(40, 118, 175, 0.52);
    border-radius: 50%;
}

.ibs-leadership__emblem-glow {
    position: absolute;
    inset: 38px;

    border: 1px solid rgba(238, 200, 123, 0.35);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(32, 104, 157, 0.28),
            rgba(3, 17, 29, 0.77) 70%
        );

    box-shadow:
        0 0 42px rgba(220, 169, 68, 0.11),
        inset 0 0 30px rgba(221, 172, 72, 0.07);
}

.ibs-leadership__emblem img {
    position: relative;
    z-index: 3;

    display: block;
    width: 150px;
    height: auto;
    max-height: 110px;
    object-fit: contain;

    filter:
        drop-shadow(0 14px 22px rgba(0, 0, 0, 0.45))
        drop-shadow(0 0 12px rgba(226, 181, 90, 0.10));
}


/* =====================================================
   PROFILE TYPOGRAPHY
===================================================== */

.ibs-leadership__profile-label {
    display: inline-flex;

    margin-bottom: 14px;
    padding: 8px 13px;

    border: 1px solid rgba(231, 189, 103, 0.36);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    color: #e4b85d;
}

.ibs-leadership__profile h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 39px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff0d0;
}

.ibs-leadership__profile-subtitle {
    margin: 8px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #d9aa4d;
}

.ibs-leadership__profile-description {
    max-width: 390px;
    margin: 20px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #b7c3cc;
}


/* =====================================================
   PROFILE DETAILS
===================================================== */

.ibs-leadership__profile-details {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 28px;

    border-top: 1px solid rgba(226, 183, 95, 0.16);
    border-bottom: 1px solid rgba(226, 183, 95, 0.16);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(16, 59, 91, 0.38),
            transparent
        );
}

.ibs-leadership__profile-details > div {
    position: relative;

    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;

    padding: 19px 8px;
}

.ibs-leadership__profile-details > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 0;

    width: 1px;
    height: 50%;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(228, 186, 99, 0.26),
        transparent
    );
}

.ibs-leadership__profile-details i {
    margin-bottom: 9px;

    font-size: 16px;
    color: #e5ba60;
}

.ibs-leadership__profile-details span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ibs-leadership__profile-details small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #8295a3;
}

.ibs-leadership__profile-details strong {
    margin-top: 5px;

    overflow-wrap: anywhere;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    color: #e9ddc6;
}


/* Profile CTA */

.ibs-leadership__profile-link {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-top: 28px;
    padding: 0 22px;

    border: 1px solid rgba(232, 191, 105, 0.58);
    border-radius: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #e8bd64;

    background:
        linear-gradient(
            135deg,
            rgba(25, 78, 116, 0.64),
            rgba(5, 25, 42, 0.80)
        );

    transition:
        gap 0.3s ease,
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.ibs-leadership__profile-link:hover {
    gap: 15px;
    color: #160e05;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f1d17c,
        #b77620
    );

    transform: translateY(-3px);
}


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

.ibs-leadership__content-label {
    display: inline-flex;

    margin-bottom: 18px;
    padding: 8px 13px;

    border: 1px solid rgba(231, 188, 101, 0.35);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    color: #e4b85d;
}

.ibs-leadership__content > h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(35px, 4vw, 52px);
    line-height: 1.09;
    font-weight: 500;
    color: #ffffff;
}

.ibs-leadership__content > h3 span {
    display: block;
    margin-top: 7px;
    color: #dcae50;
}

.ibs-leadership__content > p {
    max-width: 690px;
    margin: 22px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #bdc8d1;
}


/* =====================================================
   LEADERSHIP PRINCIPLES
===================================================== */

.ibs-leadership__principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

    margin-top: 35px;
}

.ibs-leadership__principle {
    position: relative;

    display: grid;
    min-width: 0;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    overflow: hidden;

    padding: 20px 17px;

    border: 1px solid rgba(226, 184, 97, 0.16);
    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(14, 52, 81, 0.62),
            rgba(3, 18, 31, 0.75)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}

.ibs-leadership__principle:hover {
    border-color: rgba(232, 192, 108, 0.40);

    background:
        linear-gradient(
            145deg,
            rgba(19, 68, 104, 0.76),
            rgba(3, 19, 33, 0.84)
        );

    transform: translateY(-5px);
}

.ibs-leadership__principle-number {
    position: absolute;
    top: 7px;
    right: 11px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1;
    font-style: italic;
    color: rgba(231, 190, 105, 0.07);
}

.ibs-leadership__principle-icon {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(238, 200, 122, 0.47);
    border-radius: 50%;

    font-size: 16px;
    color: #e7bb62;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(239, 203, 128, 0.15),
            rgba(5, 23, 39, 0.65) 72%
        );

    transition:
        color 0.35s ease,
        background 0.35s ease,
        transform 0.35s ease;
}

.ibs-leadership__principle:hover
.ibs-leadership__principle-icon {
    color: #160e05;

    background: linear-gradient(
        135deg,
        #a2681c,
        #f0cf7a,
        #b57720
    );

    transform: rotate(-6deg);
}

.ibs-leadership__principle h4 {
    margin: 2px 0 7px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 500;
    color: #f9e8c8;
}

.ibs-leadership__principle p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    line-height: 1.62;
    color: #aebbc5;
}


/* =====================================================
   LEADERSHIP MESSAGE
===================================================== */

.ibs-leadership__message {
    position: relative;

    margin: 30px 0 0;
    padding: 27px 28px 25px 67px;

    border: 1px solid rgba(230, 188, 101, 0.22);
    border-radius: 9px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(216, 163, 60, 0.09),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            rgba(4, 22, 37, 0.82),
            rgba(13, 53, 84, 0.60)
        );

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ibs-leadership__quote-icon {
    position: absolute;
    top: 29px;
    left: 27px;

    font-size: 23px;
    color: #dcae50;
}

.ibs-leadership__message p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    font-style: italic;
    color: #d8e0e5;
}

.ibs-leadership__message footer {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 17px;
}

.ibs-leadership__message footer span {
    width: 33px;
    height: 1px;

    background: #d9aa4d;
}

.ibs-leadership__message footer strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #e0b35a;
}


/* =====================================================
   ORGANISATION COMMITMENT STRIP
===================================================== */

.ibs-leadership__commitment {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;

    margin-top: 75px;
    padding: 27px 30px;

    border: 1px solid rgba(230, 188, 101, 0.24);
    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(3, 18, 31, 0.82),
            rgba(15, 57, 89, 0.66),
            rgba(3, 18, 31, 0.82)
        );

    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.ibs-leadership__commitment-title {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ibs-leadership__commitment-title > i {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(238, 199, 120, 0.50);
    border-radius: 50%;

    font-size: 15px;
    color: #e8bd63;

    background: rgba(214, 162, 61, 0.06);
}

.ibs-leadership__commitment-title span {
    display: flex;
    flex-direction: column;
}

.ibs-leadership__commitment-title small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #889aa7;
}

.ibs-leadership__commitment-title strong {
    margin-top: 6px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 500;
    color: #f4dfb9;
}

.ibs-leadership__commitment > p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #b8c4cd;
}

.ibs-leadership__commitment > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: #e5b95f;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.ibs-leadership__commitment > a:hover {
    gap: 14px;
    color: #fff0ba;
}


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

@keyframes ibsLeadershipRotate {
    to {
        transform: rotate(360deg);
    }
}


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

@media (max-width: 1050px) {
    .ibs-leadership__layout {
        grid-template-columns: minmax(310px, 0.8fr) minmax(0, 1.2fr);
        gap: 38px;
    }

    .ibs-leadership__profile {
        padding-right: 27px;
        padding-left: 27px;
    }

    .ibs-leadership__principles {
        grid-template-columns: 1fr;
    }

    .ibs-leadership__commitment {
        grid-template-columns: auto 1fr;
    }

    .ibs-leadership__commitment > a {
        grid-column: 2;
    }
}


/* =====================================================
   MOBILE AND SMALL TABLET
===================================================== */

@media (max-width: 780px) {
    .ibs-leadership {
        padding: 82px 0 88px;
    }

    .ibs-leadership__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-leadership__heading {
        margin-bottom: 50px;
    }

    .ibs-leadership__heading h2 {
        font-size: clamp(39px, 12vw, 53px);
    }

    .ibs-leadership__heading > p {
        font-size: 14px;
    }

    .ibs-leadership__layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ibs-leadership__content {
        text-align: center;
    }

    .ibs-leadership__content > p {
        margin-right: auto;
        margin-left: auto;
    }

    .ibs-leadership__principles {
        text-align: left;
    }

    .ibs-leadership__message {
        text-align: left;
    }

    .ibs-leadership__commitment {
        grid-template-columns: 1fr;

        text-align: center;
    }

    .ibs-leadership__commitment-title {
        justify-content: center;
    }

    .ibs-leadership__commitment > a {
        grid-column: auto;
        justify-content: center;
    }
}


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

@media (max-width: 500px) {
    .ibs-leadership__profile {
        padding: 38px 22px 31px;
    }

    .ibs-leadership__emblem {
        width: 185px;
        height: 185px;
    }

    .ibs-leadership__emblem img {
        width: 135px;
    }

    .ibs-leadership__profile-details {
        grid-template-columns: 1fr;
    }

    .ibs-leadership__profile-details > div {
        flex-direction: row;
        justify-content: flex-start;
        gap: 13px;

        padding: 14px 12px;

        text-align: left;
    }

    .ibs-leadership__profile-details > div:not(:last-child)::after {
        top: auto;
        right: 10%;
        bottom: 0;
        left: 10%;

        width: 80%;
        height: 1px;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(228, 186, 99, 0.23),
            transparent
        );
    }

    .ibs-leadership__profile-details i {
        width: 22px;
        margin: 0;

        text-align: center;
    }

    .ibs-leadership__profile-link {
        width: 100%;
    }

    .ibs-leadership__principle {
        grid-template-columns: 45px minmax(0, 1fr);
        padding: 18px 14px;
    }

    .ibs-leadership__principle-icon {
        width: 45px;
        height: 45px;
    }

    .ibs-leadership__message {
        padding: 59px 21px 24px;
    }

    .ibs-leadership__quote-icon {
        top: 22px;
        left: 22px;
    }

    .ibs-leadership__message p {
        font-size: 16px;
    }

    .ibs-leadership__commitment {
        padding: 24px 20px;
    }

    .ibs-leadership__commitment-title {
        flex-direction: column;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-leadership__emblem-ring {
        animation: none;
    }

    .ibs-leadership__profile,
    .ibs-leadership__profile-link,
    .ibs-leadership__principle,
    .ibs-leadership__principle-icon {
        transition: none;
    }

    .ibs-leadership__profile:hover,
    .ibs-leadership__profile-link:hover,
    .ibs-leadership__principle:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL — CHAIRMAN'S MESSAGE
===================================================== */

.ibs-chairman,
.ibs-chairman * {
    box-sizing: border-box;
}

.ibs-chairman {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 125px 0 120px;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(38, 116, 173, 0.27),
            transparent 42%
        ),
        radial-gradient(
            circle at 8% 60%,
            rgba(214, 160, 55, 0.09),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 76%,
            rgba(28, 101, 157, 0.17),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #020914 0%,
            #061827 48%,
            #020b15 100%
        );

    border-top: 1px solid rgba(228, 186, 98, 0.15);
    border-bottom: 1px solid rgba(228, 186, 98, 0.15);

    box-shadow:
        inset 0 60px 110px rgba(0, 0, 0, 0.28),
        inset 0 -60px 110px rgba(0, 0, 0, 0.32);
}


/* Background glows */

.ibs-chairman__glow {
    position: absolute;
    z-index: -1;

    width: 470px;
    height: 470px;

    border-radius: 50%;
    pointer-events: none;

    filter: blur(35px);
}

.ibs-chairman__glow--left {
    top: 27%;
    left: -325px;

    background: rgba(31, 105, 161, 0.14);
}

.ibs-chairman__glow--right {
    right: -330px;
    bottom: 10%;

    background: rgba(216, 161, 55, 0.08);
}


/* Container */

.ibs-chairman__container {
    position: relative;
    z-index: 2;

    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


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

.ibs-chairman__heading {
    max-width: 850px;
    margin: 0 auto 70px;

    text-align: center;
}

.ibs-chairman__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #e5ba60;
}

.ibs-chairman__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(46px, 5.2vw, 72px);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #ffffff;

    text-shadow:
        0 8px 32px rgba(0, 0, 0, 0.58);
}

.ibs-chairman__heading h2 span {
    display: block;
    margin-top: 7px;

    background: linear-gradient(
        100deg,
        #9c6119,
        #dfb359 28%,
        #fff0ba 50%,
        #d7a243 73%,
        #975c18
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ibs-chairman__heading > p {
    max-width: 660px;
    margin: 24px auto 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #bdc8d1;
}

.ibs-chairman__heading::after {
    content: "";
    display: block;

    width: 135px;
    height: 1px;
    margin: 29px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        #e0b35a,
        transparent
    );

    box-shadow:
        0 0 15px rgba(224, 179, 90, 0.30);
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.ibs-chairman__layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 70px;
}


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

.ibs-chairman__portrait-column {
    min-width: 0;

    text-align: center;
}

.ibs-chairman__portrait-frame {
    position: relative;

    width: min(100%, 430px);
    aspect-ratio: 4 / 5;
    overflow: hidden;

    margin-inline: auto;
    padding: 9px;

    border: 1px solid transparent;
    border-radius: 18px;

    background:
        linear-gradient(
            #061827,
            #061827
        ) padding-box,
        linear-gradient(
            135deg,
            #9d6219,
            #f0d17f 44%,
            #397da9 68%,
            #a9691c
        ) border-box;

    box-shadow:
        0 34px 85px rgba(0, 0, 0, 0.54),
        0 0 45px rgba(211, 157, 52, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease;
}

.ibs-chairman__portrait-frame:hover {
    transform: translateY(-9px);

    box-shadow:
        0 45px 100px rgba(0, 0, 0, 0.64),
        0 0 52px rgba(211, 157, 52, 0.13);
}

.ibs-chairman__portrait-frame img {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 11px;

    object-fit: cover;
    object-position: center top;

    filter:
        contrast(1.04)
        saturate(0.94);
}

.ibs-chairman__portrait-overlay {
    position: absolute;
    inset: 9px;
    z-index: 2;

    border-radius: 11px;
    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 48%,
            rgba(1, 9, 16, 0.22) 68%,
            rgba(1, 9, 16, 0.82) 100%
        );
}


/* Portrait corners */

.ibs-chairman__portrait-corner {
    position: absolute;
    z-index: 5;

    width: 39px;
    height: 39px;

    pointer-events: none;
}

.ibs-chairman__portrait-corner--one {
    top: 17px;
    left: 17px;

    border-top: 1px solid #e6bc65;
    border-left: 1px solid #e6bc65;
}

.ibs-chairman__portrait-corner--two {
    top: 17px;
    right: 17px;

    border-top: 1px solid #e6bc65;
    border-right: 1px solid #e6bc65;
}

.ibs-chairman__portrait-corner--three {
    bottom: 17px;
    left: 17px;

    border-bottom: 1px solid #e6bc65;
    border-left: 1px solid #e6bc65;
}

.ibs-chairman__portrait-corner--four {
    right: 17px;
    bottom: 17px;

    border-right: 1px solid #e6bc65;
    border-bottom: 1px solid #e6bc65;
}


/* Portrait badge */

.ibs-chairman__portrait-badge {
    position: absolute;
    z-index: 6;
    right: 27px;
    bottom: 27px;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 9px 13px;

    border: 1px solid rgba(245, 215, 146, 0.70);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #160e04;

    background: linear-gradient(
        135deg,
        #a46a1c,
        #f2d27f,
        #b77720
    );

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.40);
}


/* Chairman identity */

.ibs-chairman__identity {
    margin-top: 25px;
}

.ibs-chairman__identity h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    line-height: 1.15;
    font-weight: 500;
    color: #fff0d0;
}

.ibs-chairman__identity > span {
    display: block;
    margin-top: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #e1b45a;
}

.ibs-chairman__identity p {
    margin: 8px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    color: #9dadb8;
}


/* Profile links */

.ibs-chairman__profile-links {
    display: flex;
    justify-content: center;
    gap: 10px;

    margin-top: 18px;
}

.ibs-chairman__profile-links a {
    display: inline-flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(231, 189, 103, 0.36);
    border-radius: 50%;

    font-size: 13px;
    text-decoration: none;
    color: #e5b95f;

    background: rgba(9, 37, 59, 0.60);

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.ibs-chairman__profile-links a:hover {
    color: #150d04;

    background: linear-gradient(
        135deg,
        #a56a1c,
        #efd07c,
        #b77720
    );

    transform: translateY(-4px);
}


/* =====================================================
   MESSAGE CARD
===================================================== */

.ibs-chairman__message {
    position: relative;

    min-width: 0;
    overflow: hidden;
    padding: 45px 41px 38px;

    border: 1px solid transparent;
    border-radius: 15px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(216, 163, 60, 0.13),
            transparent 33%
        ),
        linear-gradient(
            150deg,
            rgba(13, 50, 80, 0.96),
            rgba(2, 14, 26, 0.99)
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(244, 212, 139, 0.56),
            rgba(211, 158, 59, 0.08) 35%,
            rgba(34, 107, 163, 0.27) 68%,
            rgba(231, 188, 101, 0.43)
        ) border-box;

    box-shadow:
        0 30px 78px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 -35px 65px rgba(0, 0, 0, 0.18);
}

.ibs-chairman__message::before {
    content: "";
    position: absolute;
    top: -145px;
    right: -135px;

    width: 350px;
    height: 350px;

    border: 1px solid rgba(237, 198, 119, 0.11);
    border-radius: 50%;

    box-shadow:
        0 0 0 54px rgba(220, 169, 67, 0.012);
}

.ibs-chairman__message > * {
    position: relative;
    z-index: 3;
}

.ibs-chairman__quote-mark {
    position: absolute;
    z-index: 2;
    top: 25px;
    right: 31px;

    font-size: 72px;
    color: rgba(231, 189, 103, 0.08);
}

.ibs-chairman__message-label {
    display: inline-flex;

    margin-bottom: 19px;
    padding: 8px 13px;

    border: 1px solid rgba(231, 189, 103, 0.34);
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #e5b95e;
}

.ibs-chairman__message > h3 {
    margin: 0 0 26px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 3.7vw, 47px);
    line-height: 1.1;
    font-weight: 500;
    color: #ffffff;
}

.ibs-chairman__message > h3 span {
    display: block;
    margin-top: 6px;
    color: #dcae50;
}


/* Message paragraphs */

.ibs-chairman__message-text {
    display: grid;
    gap: 16px;
}

.ibs-chairman__message-text p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    line-height: 1.82;
    color: #bdc8d1;
}

.ibs-chairman__message-text p:first-child::first-letter {
    float: left;

    margin: 7px 8px 0 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 53px;
    line-height: 0.7;
    color: #e1b45a;
}


/* =====================================================
   SIGNATURE
===================================================== */

.ibs-chairman__signature {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-top: 30px;
}

.ibs-chairman__signature-line {
    width: 52px;
    height: 1px;

    background: linear-gradient(
        90deg,
        #e1b45a,
        transparent
    );
}

.ibs-chairman__signature > div {
    display: flex;
    flex-direction: column;
}

.ibs-chairman__signature strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.2;
    font-style: italic;
    font-weight: 500;
    color: #f5dfb7;
}

.ibs-chairman__signature small {
    margin-top: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #d9aa4d;
}


/* =====================================================
   COMMITMENTS
===================================================== */

.ibs-chairman__commitments {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 34px;

    border-top: 1px solid rgba(226, 184, 97, 0.17);
    border-bottom: 1px solid rgba(226, 184, 97, 0.17);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(14, 54, 85, 0.38),
        transparent
    );
}

.ibs-chairman__commitments > div {
    position: relative;

    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;

    padding: 20px 12px;
}

.ibs-chairman__commitments > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 24%;
    right: 0;

    width: 1px;
    height: 52%;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(229, 188, 101, 0.25),
        transparent
    );
}

.ibs-chairman__commitments i {
    flex: 0 0 auto;

    font-size: 17px;
    color: #e5ba60;
}

.ibs-chairman__commitments span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ibs-chairman__commitments strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #f4dfb9;
}

.ibs-chairman__commitments small {
    margin-top: 4px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8fa0ac;
}


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

@media (max-width: 1000px) {
    .ibs-chairman__layout {
        grid-template-columns: minmax(290px, 0.75fr) minmax(0, 1.25fr);
        gap: 40px;
    }

    .ibs-chairman__message {
        padding: 38px 30px 32px;
    }

    .ibs-chairman__commitments {
        grid-template-columns: 1fr;
    }

    .ibs-chairman__commitments > div {
        padding: 14px 11px;
    }

    .ibs-chairman__commitments > div:not(:last-child)::after {
        top: auto;
        right: 10%;
        bottom: 0;
        left: 10%;

        width: 80%;
        height: 1px;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(229, 188, 101, 0.22),
            transparent
        );
    }
}


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

@media (max-width: 760px) {
    .ibs-chairman {
        padding: 82px 0 88px;
    }

    .ibs-chairman__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-chairman__heading {
        margin-bottom: 48px;
    }

    .ibs-chairman__heading h2 {
        font-size: clamp(40px, 13vw, 54px);
    }

    .ibs-chairman__heading > p {
        font-size: 14px;
    }

    .ibs-chairman__layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ibs-chairman__portrait-frame {
        max-width: 390px;
    }

    .ibs-chairman__message {
        padding: 35px 27px 30px;
    }
}


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

@media (max-width: 480px) {
    .ibs-chairman__portrait-frame {
        padding: 7px;
    }

    .ibs-chairman__portrait-overlay {
        inset: 7px;
    }

    .ibs-chairman__portrait-badge {
        right: 18px;
        bottom: 18px;

        font-size: 7px;
    }

    .ibs-chairman__identity h3 {
        font-size: 27px;
    }

    .ibs-chairman__message {
        padding: 31px 21px 27px;
    }

    .ibs-chairman__message > h3 {
        font-size: 31px;
    }

    .ibs-chairman__message-text p {
        font-size: 13px;
    }

    .ibs-chairman__signature {
        align-items: flex-start;
    }

    .ibs-chairman__signature-line {
        width: 34px;
        margin-top: 12px;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-chairman__portrait-frame,
    .ibs-chairman__profile-links a {
        transition: none;
    }

    .ibs-chairman__portrait-frame:hover,
    .ibs-chairman__profile-links a:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL — COMPACT FINAL CTA
===================================================== */

.ibs-about-cta,
.ibs-about-cta * {
    box-sizing: border-box;
}

.ibs-about-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 88px 0 72px;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(38, 116, 173, 0.24),
            transparent 48%
        ),
        radial-gradient(
            circle at 6% 65%,
            rgba(214, 160, 54, 0.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 94% 72%,
            rgba(27, 98, 153, 0.15),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #020914 0%,
            #061827 50%,
            #020b15 100%
        );

    border-top: 1px solid rgba(229, 187, 99, 0.16);
}


/* =====================================================
   BACKGROUND DECORATIONS
===================================================== */

.ibs-about-cta__glow {
    position: absolute;
    z-index: -1;

    width: 360px;
    height: 360px;

    border-radius: 50%;
    pointer-events: none;

    filter: blur(30px);
}

.ibs-about-cta__glow--left {
    top: -170px;
    left: -240px;

    background: rgba(35, 108, 164, 0.14);
}

.ibs-about-cta__glow--right {
    right: -240px;
    bottom: -190px;

    background: rgba(215, 159, 52, 0.08);
}

.ibs-about-cta__line {
    position: absolute;
    z-index: -1;

    width: 470px;
    height: 470px;

    border: 1px solid rgba(229, 187, 99, 0.045);
    border-radius: 50%;

    pointer-events: none;
}

.ibs-about-cta__line--one {
    top: -330px;
    left: 12%;
}

.ibs-about-cta__line--two {
    right: 10%;
    bottom: -350px;

    border-color: rgba(34, 107, 163, 0.055);
}


/* =====================================================
   CONTAINER
===================================================== */

.ibs-about-cta__container {
    position: relative;
    z-index: 2;

    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}


/* =====================================================
   MAIN CTA PANEL
===================================================== */

.ibs-about-cta__panel {
    position: relative;

    display: grid;
    grid-template-columns: 95px minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    overflow: hidden;

    padding: 42px 43px;

    border: 1px solid transparent;
    border-radius: 16px;

    background:
        radial-gradient(
            circle at 72% 0%,
            rgba(42, 115, 166, 0.20),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(13, 50, 80, 0.97),
            rgba(2, 14, 26, 0.99)
        ) padding-box,
        linear-gradient(
            115deg,
            rgba(241, 205, 130, 0.65),
            rgba(210, 156, 55, 0.08) 32%,
            rgba(36, 110, 165, 0.31) 68%,
            rgba(232, 190, 104, 0.52)
        ) border-box;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.47),
        0 0 40px rgba(210, 155, 51, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -30px 55px rgba(0, 0, 0, 0.18);
}

.ibs-about-cta__panel::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -175px;
    right: 18%;

    width: 390px;
    height: 390px;

    border: 1px solid rgba(236, 198, 120, 0.09);
    border-radius: 50%;

    box-shadow:
        0 0 0 55px rgba(220, 169, 67, 0.012);
}

.ibs-about-cta__panel::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -110%;
    left: -35%;

    width: 24%;
    height: 310%;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 239, 195, 0.055),
        transparent
    );

    transform: rotate(24deg);

    animation:
        ibsAboutCtaShine 8s ease-in-out infinite;
}

.ibs-about-cta__panel > * {
    position: relative;
    z-index: 3;
}


/* =====================================================
   DECORATIVE CORNERS
===================================================== */

.ibs-about-cta__corner {
    position: absolute;
    z-index: 5;

    width: 36px;
    height: 36px;

    pointer-events: none;
}

.ibs-about-cta__corner--one {
    top: 13px;
    left: 13px;

    border-top: 1px solid rgba(235, 195, 112, 0.65);
    border-left: 1px solid rgba(235, 195, 112, 0.65);
}

.ibs-about-cta__corner--two {
    top: 13px;
    right: 13px;

    border-top: 1px solid rgba(235, 195, 112, 0.65);
    border-right: 1px solid rgba(235, 195, 112, 0.65);
}

.ibs-about-cta__corner--three {
    bottom: 13px;
    left: 13px;

    border-bottom: 1px solid rgba(235, 195, 112, 0.65);
    border-left: 1px solid rgba(235, 195, 112, 0.65);
}

.ibs-about-cta__corner--four {
    right: 13px;
    bottom: 13px;

    border-right: 1px solid rgba(235, 195, 112, 0.65);
    border-bottom: 1px solid rgba(235, 195, 112, 0.65);
}


/* =====================================================
   CTA ICON
===================================================== */

.ibs-about-cta__icon {
    position: relative;

    display: inline-flex;
    width: 88px;
    height: 88px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(240, 203, 127, 0.68);
    border-radius: 50%;

    font-size: 28px;
    color: #edc66d;

    background:
        radial-gradient(
            circle at 35% 25%,
            #1a5277,
            #061a2a 58%,
            #020d17 100%
        );

    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.43),
        0 0 35px rgba(220, 170, 70, 0.13),
        inset 0 0 27px rgba(225, 179, 85, 0.08);
}

.ibs-about-cta__icon-ring {
    position: absolute;
    inset: -9px;

    border: 1px dashed rgba(232, 190, 103, 0.36);
    border-radius: 50%;

    animation:
        ibsAboutCtaRotate 18s linear infinite;
}


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

.ibs-about-cta__eyebrow {
    display: inline-flex;

    margin-bottom: 12px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: #e4b85d;
}

.ibs-about-cta__content h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 3.6vw, 45px);
    line-height: 1.08;
    font-weight: 500;
    color: #ffffff;

    text-shadow:
        0 6px 24px rgba(0, 0, 0, 0.48);
}

.ibs-about-cta__content h2 span {
    display: block;
    margin-top: 5px;
    color: #dcae50;
}

.ibs-about-cta__content p {
    max-width: 650px;
    margin: 16px 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #b8c4cd;
}


/* =====================================================
   CTA ACTIONS
===================================================== */

.ibs-about-cta__actions {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.ibs-about-cta__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 20px;

    border-radius: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;

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

.ibs-about-cta__button--gold {
    border: 1px solid #e2b75f;

    color: #160e04;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f1d17c 48%,
        #b77720
    );

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.32),
        0 0 20px rgba(220, 170, 70, 0.10);
}

.ibs-about-cta__button--outline {
    border: 1px solid rgba(232, 191, 105, 0.48);

    color: #e6ba60;

    background:
        linear-gradient(
            135deg,
            rgba(24, 76, 114, 0.58),
            rgba(4, 23, 39, 0.78)
        );
}

.ibs-about-cta__button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 19px 38px rgba(0, 0, 0, 0.42),
        0 0 25px rgba(222, 174, 77, 0.13);
}

.ibs-about-cta__button--outline:hover {
    color: #160e04;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f1d17c,
        #b77720
    );
}

.ibs-about-cta__contact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding-top: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    color: #aebcc6;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.ibs-about-cta__contact-link:hover {
    gap: 12px;
    color: #e7bc63;
}


/* =====================================================
   TRUST STRIP
===================================================== */

.ibs-about-cta__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;

    margin-top: 28px;

    color: #aab8c2;
}

.ibs-about-cta__trust > div {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ibs-about-cta__trust i {
    font-size: 11px;
    color: #dcae50;
}

.ibs-about-cta__trust-divider {
    width: 1px;
    height: 16px;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(227, 185, 98, 0.35),
        transparent
    );
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes ibsAboutCtaRotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ibsAboutCtaShine {
    0%,
    58% {
        left: -35%;
        opacity: 0;
    }

    68% {
        opacity: 1;
    }

    88%,
    100% {
        left: 125%;
        opacity: 0;
    }
}


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

@media (max-width: 980px) {
    .ibs-about-cta__panel {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .ibs-about-cta__icon {
        width: 76px;
        height: 76px;
    }

    .ibs-about-cta__actions {
        grid-column: 2;

        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ibs-about-cta__contact-link {
        grid-column: 1 / -1;
    }

    .ibs-about-cta__trust {
        flex-wrap: wrap;
    }
}


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

@media (max-width: 680px) {
    .ibs-about-cta {
        padding: 65px 0 58px;
    }

    .ibs-about-cta__container {
        width: min(100% - 30px, 1240px);
    }

    .ibs-about-cta__panel {
        grid-template-columns: 1fr;
        gap: 25px;

        padding: 38px 24px;

        text-align: center;
    }

    .ibs-about-cta__icon {
        justify-self: center;
    }

    .ibs-about-cta__actions {
        grid-column: auto;

        display: flex;
        width: 100%;
    }

    .ibs-about-cta__content p {
        margin-right: auto;
        margin-left: auto;
    }

    .ibs-about-cta__trust {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;

        padding: 0 8px;
    }

    .ibs-about-cta__trust > div {
        justify-content: center;

        text-align: center;
    }

    .ibs-about-cta__trust-divider {
        display: none;
    }
}


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

@media (max-width: 420px) {
    .ibs-about-cta__content h2 {
        font-size: 31px;
    }

    .ibs-about-cta__trust {
        grid-template-columns: 1fr;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-about-cta__icon-ring,
    .ibs-about-cta__panel::after {
        animation: none;
    }

    .ibs-about-cta__button,
    .ibs-about-cta__contact-link {
        transition: none;
    }

    .ibs-about-cta__button:hover {
        transform: none;
    }
}
/* =====================================================
   IBS GLOBAL — FLOATING ACTION BUTTONS
===================================================== */

.ibs-floating-actions,
.ibs-floating-actions * ,
.ibs-chat-panel,
.ibs-chat-panel *,
.ibs-chat-overlay {
    box-sizing: border-box;
}

.ibs-floating-actions {
    position: fixed;
    z-index: 9990;
    right: 22px;
    bottom: 23px;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 11px;
}

.ibs-float-btn {
    position: relative;

    display: inline-flex;
    width: 49px;
    height: 49px;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(238, 201, 126, 0.55);
    border-radius: 50%;

    font-size: 18px;
    text-decoration: none;
    color: #eac169;

    cursor: pointer;

    background:
        radial-gradient(
            circle at 35% 25%,
            #174b6e,
            #061a2a 62%,
            #020d17 100%
        );

    box-shadow:
        0 13px 30px rgba(0, 0, 0, 0.42),
        0 0 0 5px rgba(224, 177, 82, 0.025),
        inset 0 0 20px rgba(225, 179, 85, 0.08);

    transition:
        transform 0.3s ease,
        color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease,
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.ibs-float-btn:hover,
.ibs-float-btn:focus-visible {
    color: #150d04;

    background: linear-gradient(
        135deg,
        #a66a1c,
        #f1d17c 48%,
        #b77720
    );

    box-shadow:
        0 17px 35px rgba(0, 0, 0, 0.48),
        0 0 25px rgba(222, 174, 77, 0.18);

    transform: translateY(-4px);
}

.ibs-float-btn--whatsapp {
    border-color: rgba(95, 229, 143, 0.65);
    color: #ffffff;

    background: linear-gradient(
        145deg,
        #35d469,
        #128c45
    );

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.40),
        0 0 20px rgba(38, 207, 103, 0.20);
}

.ibs-float-btn--whatsapp:hover,
.ibs-float-btn--whatsapp:focus-visible {
    color: #ffffff;

    background: linear-gradient(
        145deg,
        #42df77,
        #119346
    );
}

.ibs-float-btn--top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(15px);
}

.ibs-float-btn--top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0);
}


/* Tooltip */

.ibs-float-tooltip {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);

    width: max-content;
    max-width: 160px;

    padding: 8px 11px;

    border: 1px solid rgba(230, 188, 101, 0.25);
    border-radius: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #e5d5b5;

    pointer-events: none;
    opacity: 0;

    background: rgba(3, 17, 29, 0.96);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.38);

    transform:
        translate(7px, -50%);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.ibs-float-btn:hover .ibs-float-tooltip,
.ibs-float-btn:focus-visible .ibs-float-tooltip {
    opacity: 1;

    transform:
        translate(0, -50%);
}


/* =====================================================
   CHAT PANEL
===================================================== */

.ibs-chat-panel {
    position: fixed;
    z-index: 9995;
    right: 22px;
    bottom: 88px;

    width: min(390px, calc(100vw - 30px));
    max-height: min(600px, calc(100vh - 125px));
    overflow: hidden;

    border: 1px solid rgba(236, 198, 119, 0.48);
    border-radius: 16px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    background:
        linear-gradient(
            150deg,
            rgba(9, 39, 64, 0.99),
            rgba(2, 14, 26, 0.995)
        );

    box-shadow:
        0 35px 90px rgba(0, 0, 0, 0.62),
        0 0 45px rgba(210, 155, 51, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    transform:
        translateY(25px)
        scale(0.96);

    transform-origin: bottom right;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease;
}

.ibs-chat-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        translateY(0)
        scale(1);
}


/* Chat header */

.ibs-chat-panel__header {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding: 13px 15px;

    border-bottom: 1px solid rgba(230, 188, 101, 0.18);

    background:
        linear-gradient(
            135deg,
            rgba(19, 70, 106, 0.90),
            rgba(4, 23, 39, 0.88)
        );
}

.ibs-chat-panel__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.ibs-chat-panel__logo {
    display: inline-flex;
    width: 47px;
    height: 47px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(236, 198, 119, 0.45);
    border-radius: 50%;

    background: rgba(2, 16, 28, 0.65);
}

.ibs-chat-panel__logo img {
    display: block;
    width: 38px;
    height: 38px;

    object-fit: contain;
}

.ibs-chat-panel__identity > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ibs-chat-panel__identity strong {
    overflow: hidden;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #f6e2bb;
}

.ibs-chat-panel__identity span {
    display: flex;
    align-items: center;
    gap: 6px;

    margin-top: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #9fb0bb;
}

.ibs-chat-panel__identity span i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #37cf70;

    box-shadow:
        0 0 9px rgba(55, 207, 112, 0.70);
}

.ibs-chat-panel__close {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(231, 190, 104, 0.26);
    border-radius: 50%;

    font-size: 14px;
    color: #c7d1d8;

    cursor: pointer;

    background: rgba(3, 18, 31, 0.55);

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.ibs-chat-panel__close:hover {
    color: #160e04;

    background: #e6ba60;

    transform: rotate(90deg);
}


/* Chat body */

.ibs-chat-panel__body {
    max-height: 410px;
    overflow-y: auto;

    padding: 20px 17px;

    scrollbar-width: thin;
    scrollbar-color: #b57923 #061827;
}

.ibs-chat-panel__message {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.ibs-chat-panel__avatar {
    display: inline-flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(236, 198, 119, 0.45);
    border-radius: 50%;

    font-size: 13px;
    color: #e8bd63;

    background: rgba(13, 52, 82, 0.70);
}

.ibs-chat-panel__message > div {
    padding: 13px 14px;

    border: 1px solid rgba(228, 185, 96, 0.16);
    border-radius: 4px 12px 12px;

    background:
        linear-gradient(
            145deg,
            rgba(18, 66, 101, 0.68),
            rgba(5, 25, 42, 0.75)
        );
}

.ibs-chat-panel__message p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: #d5dde2;
}

.ibs-chat-panel__message small {
    display: block;
    margin-top: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #8296a4;
}


/* Quick chat options */

.ibs-chat-panel__options {
    display: grid;
    gap: 9px;

    margin-top: 19px;
}

.ibs-chat-panel__options a {
    display: grid;
    min-height: 47px;
    grid-template-columns: 27px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;

    padding: 9px 12px;

    border: 1px solid rgba(227, 184, 95, 0.16);
    border-radius: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-decoration: none;
    color: #c9d4db;

    background: rgba(6, 29, 48, 0.64);

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

.ibs-chat-panel__options a > i:first-child {
    color: #e1b45a;
}

.ibs-chat-panel__options a > i:last-child {
    font-size: 8px;
    color: #899ca9;
}

.ibs-chat-panel__options a:hover {
    border-color: rgba(234, 194, 111, 0.42);
    color: #fff0d0;

    background: rgba(16, 58, 89, 0.78);

    transform: translateX(4px);
}


/* Chat footer */

.ibs-chat-panel__footer {
    padding: 13px 15px 15px;

    border-top: 1px solid rgba(230, 188, 101, 0.16);
}

.ibs-chat-panel__footer a {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 1px solid rgba(90, 229, 139, 0.55);
    border-radius: 5px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;

    background: linear-gradient(
        145deg,
        #32cc65,
        #118b42
    );

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

.ibs-chat-panel__footer a:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 27px rgba(0, 0, 0, 0.34),
        0 0 19px rgba(45, 205, 105, 0.17);
}


/* Mobile overlay */

.ibs-chat-overlay {
    position: fixed;
    z-index: 9992;
    inset: 0;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    background: rgba(0, 7, 13, 0.68);
    backdrop-filter: blur(4px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.ibs-chat-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


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

@media (max-width: 600px) {
    .ibs-floating-actions {
        right: 15px;
        bottom: 16px;

        gap: 9px;
    }

    .ibs-float-btn {
        width: 46px;
        height: 46px;

        font-size: 17px;
    }

    .ibs-float-tooltip {
        display: none;
    }

    .ibs-chat-panel {
        right: 15px;
        bottom: 74px;

        width: calc(100vw - 30px);
        max-height: calc(100vh - 100px);
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .ibs-float-btn,
    .ibs-chat-panel,
    .ibs-chat-panel__close,
    .ibs-chat-panel__options a,
    .ibs-chat-panel__footer a {
        transition: none;
    }

    .ibs-float-btn:hover,
    .ibs-chat-panel__close:hover,
    .ibs-chat-panel__options a:hover,
    .ibs-chat-panel__footer a:hover {
        transform: none;
    }
}