.brand{display:flex;align-items:center;gap:12px}
   .brand .logo2{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background-color: #1BB4B9}
     #p_text{
        color: white;
        font-weight: 500;
    }
    .bg-dark {
  background-color: #668AB2 !important;
}
:root{--bg:#f6f8fa;--surface:#fff;--fg:#10202f;--muted:#51606e;--line:#dde3ea;--navy:#0b2540;--accent:#0f9d8a;--accent2:#c98a2b;--chip:#e8f4f2;
.quote{font:italic 22px/1.4 Georgia,serif;color:var(--accent);border-left:4px solid var(--accent2);padding-left:16px;margin:0 0 20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chips span{background:var(--chip);color:var(--fg);border-radius:999px;padding:4px 12px;font-size:13px}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
/* HERO CAROUSEL */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.track{display:flex;transition:transform .7s ease}
.slide{min-width:100%;display:grid;grid-template-columns:1.05fr .95fr;min-height:min(82vh,680px)}
.slide .txt{display:flex;flex-direction:column;justify-content:center;padding:48px max(22px,calc((100vw - 1120px)/2)) 70px;background:linear-gradient(135deg,#0b2540,#0e3a52 70%,#0f5d63)}
.slide .pic{position:relative;min-height:320px}
.slide .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.slide .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,37,64,.55),transparent 35%)}
.kicker{font:600 12px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;color:#35c9b4;margin-bottom:14px}
.slide h1{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:white;font-size:clamp(30px,4.6vw,52px)}
.slide h2{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:white;font-size:clamp(26px,3.8vw,42px)}
.slide p{font-size:clamp(15px,1.7vw,18px);opacity:.9;max-width:520px;margin:16px 0 0}
.big{font:700 clamp(20px,6vw,24px)/1 Georgia,serif;color:#35c9b4;margin-top:18px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:11px 22px;border-radius:999px;background:#35c9b4;color:#08141f;font-weight:600;font-size:14px;text-decoration:none}
.btn.o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.nav {
    position: absolute;
    bottom: 18px;
    z-index: 5;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(8, 20, 36, .55);
    color: #fff;
    font-size: 18px;
    cursor: pointer;

    /* Center the arrow */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
}
.nav:hover{background:#35c9b4;color:#08141f}
#prev{right:70px}#next{right:max(22px,calc((100vw - 1120px)/2))}
#prev{right:calc(max(22px,(100vw - 1120px)/2) + 54px)}
.dots{position:absolute;bottom:32px;left:max(22px,calc((100vw - 1120px)/2));display:flex;gap:9px;z-index:5}
.dots button{width:10px;height:10px;border-radius:6px;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0;transition:.3s}
.dots button.on{background:#35c9b4;width:28px}
@media(max-width:760px){.slide{grid-template-columns:1fr;min-height:0}.slide .pic{order:-1;height:52vh;min-height:300px}.slide .pic::after{background:linear-gradient(0deg,rgba(11,37,64,.6),transparent 40%)}.slide .txt{padding:28px 22px 84px}#prev{right:76px}#next{right:22px}}