.faq-icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  }

  

.faq-section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #999;
  margin: 2.5rem 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}

.ti {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------------
 * FAQ Accordion – minimal, themeable styles
 * ------------------------------------------------------------- */
.faq-accordion-wrap {
  --faq-border: #e2e2e2;
  --faq-bg: transparent;
  --faq-bg-hover: #f7f7f7;
  --faq-fg: #1a1a1a;
  --faq-muted: #555;
  --faq-accent: #0066cc;
  --faq-radius: 6px;
  --faq-gap: 0.75rem;

  color: rgb(176, 186, 200);
  margin: 1.5rem 0;
}

/* --- Header / intro ----------------------------------------- */
.faq-accordion__header {
  margin-bottom: 1.5rem;
}

.faq-accordion__title {
  margin: 0 0 0.25rem;
  line-height: 1.25;
  display: block !important;
}

.faq-accordion__subtitle {
  margin: 0 0 0.75rem;
  color: var(--faq-muted);
  font-size: 1.05rem;
}

.faq-accordion__intro {
  line-height: 1.6;
}
.faq-accordion__intro > *:first-child { margin-top: 0; }
.faq-accordion__intro > *:last-child  { margin-bottom: 0; }

/* --- Accordion list ----------------------------------------- */
.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--faq-gap);
}

.faq-accordion__item {
  border: 1px solid var(--faq-border);
  border-radius: var(--faq-radius);
  background: var(--faq-bg);
  overflow: hidden;
  
  
  background: var(--bg-2);
  border: 1px solid var(--border-0);
  border-radius: var(--r-sm);
  overflow: hidden;
  transition: border-color .2s;
}

.faq-accordion__summary {
  list-style: none;
  cursor: pointer;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  user-select: none;
  transition: background-color 0.15s ease;
}

.faq-accordion__summary::-webkit-details-marker { display: none; }
.faq-accordion__summary::marker { content: ''; }

/*
.faq-accordion__summary:hover,
.faq-accordion__summary:focus-visible {
  background-color: var(--faq-bg-hover);
}
*/

.faq-accordion__summary:focus-visible {
  outline: 2px solid var(--faq-accent);
  outline-offset: -2px;
}

.faq-accordion__summary h2,
.faq-accordion__summary h3,
.faq-accordion__summary h4 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  flex: 1;
}

.faq-accordion__question { 
  display: inline;
  color: rgb(240, 242, 247) !important;
}



  .faq-accordion__item[open] .faq-accordion__icon {
    background: var(--accent-glow);
    color: var(--accent);
    transform: rotate(45deg);
  }
  .faq-accordion__icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--bg-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .28s;
    color: var(--text-2);
    font-size: .85rem;
    font-weight: 700;
  }


.faq-accordion__icon::after { transform: rotate(90deg); }
.faq-accordion__item[open] .faq-accordion__icon::after { transform: rotate(0deg); }


  .faq-accordion__item[open]{border-color:var(--border-1)}


.header-36 h2,
.header-75 h2,
.header-83 h2,
.header-100 h2,
.header-108 h2 {
  transform-origin: center center;
}

#c37 {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  font-family: 'JetBrains Mono',monospace;
  font-size: 1.05rem;
  color: var(--accent);
  text-decoration: none;
  margin: 1.75rem 0 1.25rem;
  padding: .9rem 1.75rem;
  background: var(--accent-glow);
  border: 1px solid var(--border-1);
  border-radius: var(--r);
  transition: all .25s;
}

#c37:hover {
  background: rgba(255,135,0,.18);

  box-shadow: 0 12px 40px rgba(255,135,0,.2);
  transform: translateY(-2px);
}

.bg-dark {
  background-color: #07090f !important;
}

.footer, .footer a {
  color: #5d6b80;
  font-size: .82rem;
  font-family: 'JetBrains Mono',monospace;
}
.footer-links a:hover {
  color: var(--accent);
}
.footer p {
  margin: 0 !important;
}


.navbar-nav .nav-link {
  color: #5d6b80 !important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #ff8700 !important;
}


.navbar-nav .nav-link:hover {
  color: rgb(240, 242, 247) !important;
}

.faq-accordion__answer {
  line-height: 1.6;
  border-top: 1px solid var(--border-0);
  font-size: .875rem;
}
.faq-accordion__answer > *:first-child { margin-top: 0; }
.faq-accordion__answer > *:last-child  { margin-bottom: 0; }

/* Smooth open animation where supported */
@supports (interpolate-size: allow-keywords) {
  .faq-accordion__item { interpolate-size: allow-keywords; }
  .faq-accordion__item::details-content {
    height: 0;
    overflow: clip;
    transition: height 0.25s ease, content-visibility 0.25s allow-discrete;
  }
  .faq-accordion__item[open]::details-content { height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .faq-accordion__summary,
  .faq-accordion__icon,
  .faq-accordion__icon::before,
  .faq-accordion__icon::after {
    transition: none;
  }
}





/*+++++++++++++++++++++++++++++++++++++++++*/


:root {
  --bg-0: #07090f;
  --bg-1: #0c0f18;
  --bg-2: #12161f;
  --bg-3: #191e2b;
  --accent: #FF8700;
  --accent-dim: #cc6c00;
  --accent-glow: rgba(255,135,0,0.10);
  --accent-glow-strong: rgba(255,135,0,0.22);
  --text-0: #f0f2f7;
  --text-1: #b0bac8;
  --text-2: #5d6b80;
  --border-0: rgba(255,255,255,0.06);
  --border-1: rgba(255,135,0,0.22);
  --r: 12px;
  --r-sm: 8px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg-0);color:var(--text-0);font-family:'DM Sans',sans-serif;line-height:1.7;overflow-x:hidden}


/* Typography */
h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.12;letter-spacing:-.025em}
h1{font-size:clamp(2.6rem,5.5vw,5rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:700}
h3{font-size:1.15rem;font-weight:700}
.mono{font-family:'JetBrains Mono',monospace}
strong{color:var(--text-0);font-weight:600}

h1.hero-title {
  font-weight: 800;
  display: inline-block;
  transform: scale(1.4, 0.9);
  transform-origin: left center;
  letter-spacing: -0.02em;
}

h2 {
  transform: scale(1.1, 0.9);
  transform-origin: left center;
  letter-spacing: -0.02em;
}

.card-body {
  padding: 0 !important;
}
.card-header {
  background-color: transparent !important;
  padding: 0;
}

#main-navbar {
  margin-bottom: 3rem;
}

a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration: none !important;
}



/* Layout */
.container{max-width:1160px;margin:0 auto;padding:0 2rem}
.section{padding:5.5rem 0}
.section-alt{background:var(--bg-1)}

.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:2.25rem}
.section-label::before{content:'';width:20px;height:2px;background:var(--accent);display:inline-block}


.section-header h2{margin-bottom:.875rem}
.section-header p{color:var(--text-1);font-size:1.05rem;max-width:520px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.4rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .22s;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;letter-spacing:-.01em}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#e67900;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,135,0,.3)}
.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.btn-outline:hover{background:var(--accent-glow);transform:translateY(-2px)}

.btn-outline-primary {
  border: 1px solid #ff8700 !important;
}
#c3 {
  margin-bottom: 5rem;
}

.nav-links a {
  text-decoration: none;
  color: var(--text-1);
  font-size: .88rem;
  font-weight: 500;
  transition: color .2s;
}

#c42 p, #c36 p, #c25 p {
  color: var(--text-1);
}

/* ======= NAVIGATION ======= */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:all .3s ease}
nav.scrolled{background:rgba(7,9,15,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-0);padding:.9rem 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text-0)}
.nav-logo-mark{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;color:#fff}
.nav-logo-text{font-family:'Syne',sans-serif;font-weight:700;font-size:1.1rem}
.nav-logo-text span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:2.25rem;list-style:none}
.nav-links a{text-decoration:none;color:var(--text-1);font-size:.88rem;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--text-0)}

/* ======= HERO ======= */
#hero{min-height:100vh;display:flex;align-items:center;padding:8rem 0 5rem;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,135,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,135,0,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 40%,transparent 100%)}
.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,135,0,.11) 0%,transparent 65%);top:-250px;right:-180px;animation:float-orb 10s ease-in-out infinite}
.orb-2{width:450px;height:450px;background:radial-gradient(circle,rgba(255,107,53,.07) 0%,transparent 70%);bottom:-100px;left:-150px;animation:float-orb 14s ease-in-out infinite reverse}
@keyframes float-orb{0%,100%{transform:translate(0,0)}40%{transform:translate(25px,-35px)}70%{transform:translate(-18px,22px)}}

.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;background:var(--accent-glow);border:1px solid var(--border-1);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--accent);margin-bottom:1.75rem;font-family:'JetBrains Mono',monospace}
.hero-badge .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse-dot 2.2s ease infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}

.hero-title{margin-bottom:1.5rem}
.hero-title .line{display:block;opacity:0;transform:translateY(28px);animation:reveal-up .8s cubic-bezier(.25,.46,.45,.94) forwards}
.hero-title .line:nth-child(1){animation-delay:.15s}
.hero-title .line:nth-child(2){animation-delay:.32s}
.hero-title .line:nth-child(3){animation-delay:.49s}
.gradient-text{background:linear-gradient(130deg,var(--accent) 0%,#ffb347 55%,#ff6b35 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}

.hero-sub{font-size:1.1rem;color:var(--text-1);margin-bottom:2.25rem;max-width:440px;opacity:0;animation:reveal-up .8s cubic-bezier(.25,.46,.45,.94) .65s forwards}
.hero-ctas{display:flex;gap:.875rem;flex-wrap:wrap;opacity:0;animation:reveal-up .8s cubic-bezier(.25,.46,.45,.94) .82s forwards}

/* Hero visual */
.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;height:460px}
.tech-orbit{position:relative;width:320px;height:320px}
.orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(255,135,0,.14);transform:translate(-50%,-50%)}
.ring-1{width:190px;height:190px;animation:spin 14s linear infinite}
.ring-2{width:300px;height:300px;animation:spin 22s linear infinite reverse;border-style:dashed;border-color:rgba(255,135,0,.08)}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:linear-gradient(145deg,var(--bg-2),var(--bg-3));border:1.5px solid var(--border-1);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 0 50px var(--accent-glow-strong),inset 0 0 25px var(--accent-glow);z-index:2}
.orbit-center span:first-child{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--accent)}
.orbit-center span:last-child{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--text-2)}

.obadge{position:absolute;padding:.38rem .7rem;background:var(--bg-2);border:1px solid var(--border-0);border-radius:7px;font-size:.7rem;font-weight:600;color:var(--text-1);white-space:nowrap;font-family:'JetBrains Mono',monospace;animation:badge-glow 3.5s ease-in-out infinite}
.obadge.hi{border-color:var(--border-1);color:var(--accent);background:var(--accent-glow)}
.ob1{top:-18px;left:50%;transform:translateX(-50%);animation-delay:0s}
.ob2{top:50%;right:-72px;transform:translateY(-50%);animation-delay:-.7s}
.ob3{bottom:-18px;left:50%;transform:translateX(-50%);animation-delay:-1.4s}
.ob4{top:50%;left:-68px;transform:translateY(-50%);animation-delay:-2.1s}
.ob5{top:8%;right:2%;animation-delay:-.35s}
.ob6{bottom:8%;left:2%;animation-delay:-1.75s}
@keyframes badge-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}

/* ======= SERVICES ======= */
.service-card{cursor:default;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r);padding:1.875rem;transition:all .28s;position:relative;overflow:hidden}
.service-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.service-card:hover{border-color:var(--border-1);transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,135,0,.08)}
.service-card:hover::after{transform:scaleX(1)}
.service-icon{width:46px;height:46px;background:transparent;border:1px solid var(--border-1);border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;font-size:1.15rem}
.service-card h3{margin-bottom:.65rem;font-size:1.05rem;transform: scale(1.2, 0.9);transform-origin: left center;
    }
.service-card p{color:var(--text-2);font-size:.875rem;line-height:1.7}

/* ======= SKILLS ======= */
.skills-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:5rem;align-items:start}
.skills-intro h2{margin-bottom:1.1rem}
.skills-intro p{color:var(--text-1);margin-bottom:1.75rem}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem}
.tag{padding:.32rem .8rem;background:var(--bg-2);border:1px solid var(--border-0);border-radius:100px;font-size:.77rem;color:var(--text-1);font-family:'JetBrains Mono',monospace;transition:all .2s;cursor:default}
.tag:hover,.tag.hi{background:var(--accent-glow);border-color:var(--border-1);color:var(--accent)}

.skill-bars{display:flex;flex-direction:column;gap:1.6rem}
.skill-meta{display:flex;justify-content:space-between;margin-bottom:.55rem}
.skill-name{font-weight:600;font-size:.92rem}
.skill-lvl{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--accent)}
.skill-track{height:3px;background:var(--bg-3);border-radius:3px;overflow:hidden}
.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb04a);border-radius:3px;width:0;transition:width 1.4s cubic-bezier(.25,.46,.45,.94)}

/* ======= EXTENSIONS ======= */
.ext-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;align-items:center}
.ext-inner p{color:var(--text-1);margin:1.1rem 0}
.ext-ctas{display:flex;gap:.875rem;flex-wrap:wrap;margin-bottom:2.25rem}

.ext-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stat-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);padding:1.25rem;text-align:center;transition:border-color .2s}
.stat-card:hover{border-color:var(--border-1)}
.stat-num{
  font-family: 'Syne',sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: var(--accent);
  line-height: 1;
  margin-bottom: .3rem;
  transform: scale(1.1, 0.7);
  transform-origin: left center;
  letter-spacing: -0.02em;
}
.stat-lbl{font-size:.75rem;color:var(--text-2);font-family:'JetBrains Mono',monospace}

.code-block{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r);overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:.8rem;line-height:1.75}
.code-hdr{background:var(--bg-3);padding:.7rem 1.1rem;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--border-0)}
.cdot{width:10px;height:10px;border-radius:50%}
.cdot-r{background:#ff5f57}.cdot-y{background:#ffbd2e}.cdot-g{background:#27c93f}
.code-title{margin-left:.4rem;font-size:.72rem;color:var(--text-2);font-family:'DM Sans',sans-serif}
.code-body{padding:1.375rem;color:var(--text-1)}
.c-cmt{color:var(--text-2)}.c-kw{color:#f0883e}.c-str{color:#a8d8a8}.c-var{color:#79b8ff}.c-fn{color:#b392f0}

/* ======= CONTACT ======= */
.contact-section{background:var(--bg-1);text-align:center;position:relative;overflow:hidden}
.contact-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,135,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,135,0,.03) 1px,transparent 1px);background-size:44px 44px}
.contact-inner{position:relative;z-index:1;max-width:580px;margin:0 auto}
.contact-inner h2{margin-bottom:.875rem}
.contact-inner>p{color:var(--text-1)}
.contact-email{display:inline-flex;align-items:center;gap:.7rem;font-family:'JetBrains Mono',monospace;font-size:1.05rem;color:var(--accent);text-decoration:none;margin:1.75rem 0 1.25rem;padding:.9rem 1.75rem;background:var(--accent-glow);border:1px solid var(--border-1);border-radius:var(--r);transition:all .25s}
.contact-email:hover{background:rgba(255,135,0,.18);box-shadow:0 12px 40px rgba(255,135,0,.2);transform:translateY(-2px)}
.contact-note{color:var(--text-2);font-size:.82rem}

/* ======= FOOTER ======= */
footer{background:var(--bg-0);border-top:1px solid var(--border-0);padding:1.875rem 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{color:var(--text-2);font-size:.82rem;font-family:'JetBrains Mono',monospace}
.footer-links{display:flex;gap:1.5rem;list-style:none}
.footer-links a{color:var(--text-2);text-decoration:none;font-size:.82rem;transition:color .2s}
.footer-links a:hover{color:var(--accent)}

/* ======= REVEAL ANIMATIONS ======= */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}

/* ======= RESPONSIVE ======= */
@media(max-width:900px){
  .hero-inner,.skills-layout,.ext-inner,.faq-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-visual{display:none}
  .nav-links{display:none}
}
@media(max-width:600px){
  .ext-stats{grid-template-columns:1fr 1fr}
  .section{padding:4rem 0}
}






.btn-outline-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255,135,0,.3);
}


#s-35 .section-header {
  text-align: center;
}

.footer p {
  padding: 8px 0;
}

.nav-link:hover, .nav-link:focus {
  color: var(--accent);
}



.feat-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}
.feat-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-1)}
.feat-item::before{content:'✓';color:var(--accent);font-weight:700;font-size:.95rem;flex-shrink:0;margin-top:.05rem}
.feat-item strong{color:var(--text-0);font-weight:600}
.grid-card{background:var(--bg-3);border:1px solid var(--border-1);border-radius:var(--r);padding:1.5rem}
.grid-card-label{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}
.grid-card h4{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.65rem;letter-spacing:-.02em}
.grid-card p{color:var(--text-1);font-size:.875rem;line-height:1.68}
.grid-badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.grid-badge{padding:.25rem .65rem;background:var(--accent-glow);border:1px solid var(--border-1);border-radius:100px;font-size:.72rem;color:var(--accent);font-family:'JetBrains Mono',monospace}


.service-card:hover {
  transform: scaleX(1);
}

#s-51 {
  padding-bottom: 6rem !important;
}

@media (min-width: 992px) {
  
  #c54 {
  margin-top: 6rem;
  }
  #c50 {
  margin-top: 9px;
  }
  
  .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -9px;
  }
  
}

@media (max-width: 991.98px) {
  
  #c17 {
  margin-bottom: 1rem;
  }
  .offcanvas {
  background-color: #0c0f18;
  
  }
  
  #c47.btn, #c48.btn, #c49.btn {
  padding: 0.375rem 0.75rem !important;
  }
  
  #s42-2 {
  margin-top: 3rem;
  }
  
  .navbar-toggler {
  display: none !important;
  }
  
  .flex-row {
  flex-direction: column !important;
  }
  
}