:root{
    --brand-navy:#0b1f3a;
    --brand-navy-2:#08172b;
    --brand-red:#e11d2e;
    --brand-red-2:#b81423;
    --radius-xl:1.25rem;

    --bs-primary: var(--brand-red);
    --bs-link-color: var(--brand-red);
    --bs-link-hover-color: var(--brand-red-2);
}

html[data-bs-theme="dark"]{
    --bs-body-bg:#071426;
    --bs-body-color:#e6edf6;
    --bs-body-color-rgb:230,237,246;
    --bs-secondary-color:rgba(230,237,246,.70);
    --bs-tertiary-color:rgba(230,237,246,.55);
    --bs-border-color:rgba(255,255,255,.10);
    --bs-card-bg:rgba(255,255,255,.03);
}

/* Topbar */
.topbar a{ color: var(--bs-body-color); }
.topbar a:hover{ color: var(--brand-red); }

/* Genel */
.section{ padding:72px 0; }
.card, .btn, .form-control, .accordion-item{ border-radius: var(--radius-xl); }

/* Navbar toggler icon visibility */
.navbar{
    --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html[data-bs-theme='dark'] .navbar{
    --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Logo görünümü */
.brand-logo{
    display:block;
    object-fit:contain;
    background:#fff;              /* arka plan beyaz */
    border-radius:12px;
    padding:3px;
    border:1px solid rgba(0,0,0,.10);
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

/* Boyutlar */
.brand-logo--sm{ width:34px; height:34px; }
.brand-logo--md{ width:56px; height:56px; }

/* Dark modda border dengesi */
html[data-bs-theme="dark"] .brand-logo{
    border-color: rgba(255,255,255,.14);
    filter:none !important;
}

/* HERO */
.hero{ min-height:72vh; position:relative; overflow:hidden; }
.hero--image .hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.03); }
.hero--image .hero__overlay{
    position:absolute; inset:0;
    background:
            radial-gradient(1200px 500px at 20% 20%, rgba(225,29,46,.18), transparent 60%),
            linear-gradient(90deg, rgba(11,31,58,.78), rgba(11,31,58,.35));
}
html[data-bs-theme="dark"] .hero--image .hero__overlay{
    background:
            radial-gradient(1200px 500px at 20% 20%, rgba(225,29,46,.20), transparent 60%),
            linear-gradient(90deg, rgba(7,20,38,.86), rgba(7,20,38,.45));
}
.hero h1, .hero p{ color:#fff; }
.text-accent{ color:rgba(255,255,255,.85)!important; }
.text-hero-muted{ color:rgba(255,255,255,.78)!important; }

/* Glass card */
.glass-card{
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(255,255,255,.55);
    backdrop-filter: blur(10px);
}
html[data-bs-theme="dark"] .glass-card{
    background: rgba(8,23,43,.55);
    border: 1px solid rgba(255,255,255,.10);
}

/* Icon circle */
.icon-circle{
    width:48px;height:48px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background: rgba(225,29,46,.10);
    color: var(--brand-red);
}
html[data-bs-theme="dark"] .icon-circle{ background: rgba(225,29,46,.18); }

/* Bernafon showcase */
.section-bernafon{ background: var(--brand-navy); }
.bernafon-slide{ min-height:560px; background-size:cover; background-position:center; position:relative; }
.bernafon-overlay{
    position:absolute; inset:0;
    background:
            radial-gradient(900px 480px at 20% 15%, rgba(225,29,46,.18), transparent 65%),
            linear-gradient(90deg, rgba(11,31,58,.86), rgba(11,31,58,.38));
}
.bernafon-overlay--strong{
    background:
            radial-gradient(900px 480px at 20% 15%, rgba(225,29,46,.20), transparent 65%),
            linear-gradient(90deg, rgba(11,31,58,.92), rgba(11,31,58,.56));
}
.device-frame{
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--radius-xl);
    padding:18px;
    backdrop-filter: blur(6px);
}
.device-frame img{ max-height:420px; width:100%; object-fit:contain; }

/* Gallery */
.gallery-img{ height:180px; object-fit:cover; }

/* WhatsApp floating button */
.fab-whatsapp{
    position:fixed; right:18px; bottom:18px;
    width:54px; height:54px; border-radius:50%;
    background:#25D366; color:#fff;
    display:grid; place-items:center;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.22);
    z-index:1080;
}
.fab-whatsapp:hover{ color:#fff; filter:brightness(.95); }

/* Kullanıcı Yorumları + Ofis */
.ky-section{
    padding:56px 16px;
    background: linear-gradient(180deg, #08172b 0%, #0b1f3a 100%);
}
.ky-gridwrap{ position:relative; padding-top:18px; }
.ky-badge-center{
    position:absolute; top:-14px; left:50%; transform:translateX(-50%);
    z-index:3;
    display:flex; align-items:center; gap:10px;
    padding:10px 14px; border-radius:999px;
    background: rgba(11,87,208,.95); color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    white-space:nowrap;
    font-weight:700; font-size:14px; letter-spacing:.2px;
}
.ky-stars{ color:#f6c343; letter-spacing:1px; font-size:14px; line-height:1; }
.ky-title-pill{
    display:inline-block;
    padding:10px 16px; border-radius:999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    backdrop-filter: blur(6px);
    color: rgba(255,255,255,.92);
}
.ky-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:18px;
    align-items:start;
}
.ky-col{ min-width:0; }
.ky-col-title{ text-align:center; margin:0 0 12px 0; }
.ky-card{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:10px;
    margin:0;
    box-shadow:0 12px 34px rgba(0,0,0,.28);
    backdrop-filter: blur(6px);
}
.ky-card img{
    width:100%;
    height:420px;
    object-fit:contain;
    display:block;
    border-radius:12px;
    background:transparent;
}
.ky-section .swiper-pagination-bullet{ background: rgba(255,255,255,.35); opacity:1; }
.ky-section .swiper-pagination-bullet-active{ background: rgba(255,255,255,.85); }
.ky-section .swiper-button-prev, .ky-section .swiper-button-next{ color: rgba(255,255,255,.85); width:44px; height:44px; }
.ky-section .swiper-button-prev:after, .ky-section .swiper-button-next:after{ font-size:22px; }

@media (max-width: 992px){
    .ky-grid{ grid-template-columns:1fr; }
    .ky-badge-center{ position:static; transform:none; margin:0 auto 14px auto; display:inline-flex; }
    .ky-gridwrap{ padding-top:0; text-align:center; }
    .ky-card img{ height:360px; }
}
@media (max-width: 600px){
    .ky-card{ padding:8px; }
    .ky-card img{ height:300px; }
}

/* Ofis Lightbox */
.ofis-lightbox{
    position:fixed; inset:0;
    background: rgba(0,0,0,.74);
    display:none;
    align-items:center; justify-content:center;
    padding:24px;
    z-index:9999;
}
.ofis-lightbox.is-open{ display:flex; }
.ofis-lightbox__img{
    max-width:min(1100px, 92vw);
    max-height:86vh;
    width:auto; height:auto;
    border-radius:14px;
    box-shadow:0 18px 60px rgba(0,0,0,.55);
}
.ofis-lightbox__close{
    position:absolute; top:18px; right:18px;
    width:44px; height:44px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.92);
    font-size:28px; line-height:40px;
    cursor:pointer;
}
.ofis-lightbox__close:hover{ background: rgba(255,255,255,.16); }
.ofis-lightbox-open{ overflow:hidden; }
.ofis-swiper img{ cursor: zoom-in; }

/* Online Test CTA */
.hero-online-test-block{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:26px;
    width: fit-content;
}
.btn-online-test{
    position:relative;
    display:flex; align-items:center; justify-content:space-between;
    gap:10px;
    padding:10px 14px;
    border-radius:999px;
    color:#e9f2ff;
    text-decoration:none;
    background: rgba(10,45,95,.55);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    box-shadow:0 10px 24px rgba(0,0,0,.35);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    overflow: visible;
}
.btn-online-test > *{ position:relative; z-index:1; }
.btn-online-test:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.28); box-shadow:0 16px 34px rgba(0,0,0,.42); }
.btn-online-test::before{
    content:"";
    position:absolute; inset:-3px;
    border-radius:999px;
    background: radial-gradient(closest-side, rgba(60,160,255,.45), rgba(60,160,255,0) 60%);
    filter: blur(6px);
    opacity:.85;
    z-index:-1;
    animation: onlineTestPulse 1.4s ease-in-out infinite;
}
@keyframes onlineTestPulse{
    0%{ transform:scale(.98); opacity:.55; }
    50%{ transform:scale(1.03); opacity:.95; }
    100%{ transform:scale(.98); opacity:.55; }
}
.btn-online-test .online-test-label{
    flex:1 1 auto;
    text-align:center;
    white-space:nowrap;
    font-weight:800;
    letter-spacing:.2px;
}
.btn-online-test .online-test-spacer{ width:18px; height:18px; opacity:0; flex:0 0 auto; }
.online-test-note-badge{
    display:inline-flex; align-items:flex-start; gap:10px;
    padding:10px 12px;
    border-radius:14px;
    background: rgba(10,20,40,.45);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(10px);
    color: rgba(240,247,255,.90);
    max-width:620px;
    font-size:13px;
    line-height:1.35;
    font-weight:600;
    box-shadow:0 14px 28px rgba(0,0,0,.32);
}

/* Özellikler Badge */
.feature-badge{
    display:inline-flex; align-items:center; justify-content:center;
    height:42px; padding:0 18px;
    border-radius:999px;
    background: rgba(220,38,38,.18);
    border: 1px solid rgba(220,38,38,.55);
    color:#ff5a5a;
    font-weight:600; font-size:14px;
    letter-spacing:.2px;
    backdrop-filter: blur(6px);
    box-shadow:0 8px 24px rgba(220,38,38,.25);
    margin-left:10px;
    white-space:nowrap;
    cursor:pointer;
    user-select:none;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease, color .12s ease;
}
.feature-badge:hover{
    background: rgba(220,38,38,.30);
    border-color: rgba(220,38,38,.80);
    color:#ffd1d1;
    box-shadow:0 10px 28px rgba(220,38,38,.38);
    transform: translateY(-1px);
}
.feature-badge:active{ transform: translateY(0); }

/* Özellikler Modal */
body.oz-blur-active > *:not(#ozelliklerModal):not(.ofis-lightbox){
    filter: blur(6px);
}
body.oz-blur-active{ overflow:hidden; }

.oz-modal{
    position:fixed; inset:0;
    display:none;
    z-index:9998;
}
.oz-modal.is-open{ display:block; }
.oz-modal__overlay{
    position:absolute; inset:0;
    background: rgba(0,0,0,.55);
}
.oz-modal__panel{
    position:relative;
    width:min(880px, 92vw);
    height:min(540px, 86vh);
    margin: 6vh auto 0 auto;
    border-radius:18px;
    background: rgba(11,22,44,.88);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:0 20px 70px rgba(0,0,0,.55);
    backdrop-filter: blur(10px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.oz-modal__close{
    position:absolute; top:14px; right:14px;
    width:44px; height:44px; border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.92);
    font-size:28px; line-height:40px;
    cursor:pointer;
    z-index:2;
}
.oz-modal__close:hover{ background: rgba(255,255,255,.16); }

.oz-modal__head{
    padding:22px 22px 10px 22px;
    border-bottom:1px solid rgba(255,255,255,.10);
}
.oz-modal__title{
    font-size:18px; font-weight:800; letter-spacing:.2px;
    color: rgba(255,255,255,.96);
}
.oz-modal__sub{
    margin-top:4px;
    font-size:13px;
    color: rgba(255,255,255,.70);
}

.oz-modal__body{
    flex:1 1 auto;
    overflow:hidden;
    padding:0;
}
.oz-pages{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.oz-page{
    position:absolute; inset:0;
    overflow-y:auto;
    padding:18px 22px 18px 22px;
    opacity:0;
    transform: translateX(12%);
    transition: transform 380ms ease, opacity 380ms ease;
    pointer-events:none;
}
.oz-page.is-active{
    opacity:1;
    transform: translateX(0);
    pointer-events:auto;
}
.oz-page.is-entering.is-forward{ transform: translateX(12%); opacity:0; }
.oz-page.is-entering.is-backward{ transform: translateX(-12%); opacity:0; }
.oz-page.is-entering.is-anim{ transform: translateX(0); opacity:1; }
.oz-page.is-leaving.is-forward.is-anim{ transform: translateX(-12%); opacity:0; }
.oz-page.is-leaving.is-backward.is-anim{ transform: translateX(12%); opacity:0; }

.oz-list{
    margin:0;
    padding-left:18px;
    color: rgba(255,255,255,.88);
    line-height:1.55;
    font-size:14px;
}
.oz-list li{ margin:10px 0; }
.oz-list strong{ color: rgba(255,255,255,.96); }

.oz-modal__foot{
    flex:0 0 auto;
    display:flex; align-items:center; justify-content:space-between;
    gap:14px;
    padding:14px 18px;
    border-top:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
}
.oz-nav{
    height:40px; padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
}
.oz-nav:hover{ background: rgba(255,255,255,.12); }
.oz-dots{ display:flex; align-items:center; gap:10px; }
.oz-dot{
    width:10px; height:10px; border-radius:999px;
    border:0;
    background: rgba(255,255,255,.35);
    cursor:pointer;
}
.oz-dot.is-active{
    background: rgba(255,255,255,.90);
    box-shadow:0 0 0 4px rgba(255,255,255,.12);
}
@media (max-width: 520px){
    .oz-modal__panel{ margin-top:4vh; }
    .oz-modal__foot{ flex-direction:column; }
    .oz-nav{ width:100%; }
}

/* Modal açıkken arkadaki kontrolleri devre dışı */
body.oz-modal-open .carousel-control-prev,
body.oz-modal-open .carousel-control-next,
body.oz-modal-open .swiper-button-prev,
body.oz-modal-open .swiper-button-next{
    opacity:0 !important;
    pointer-events:none !important;
}

/* Bernafon ok konumu */
#bernafonCarousel .carousel-control-prev,
#bernafonCarousel .carousel-control-next{ width:64px; opacity:1; }
#bernafonCarousel .carousel-control-prev{ left:12px; justify-content:flex-start; }
#bernafonCarousel .carousel-control-next{ right:12px; justify-content:flex-end; }
#bernafonCarousel .carousel-control-prev-icon,
#bernafonCarousel .carousel-control-next-icon{
    background-color: rgba(8,18,34,.35);
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    backdrop-filter: blur(10px);
    width:44px; height:44px;
    background-size:16px 16px;
}
@media (max-width: 768px){
    #bernafonCarousel .carousel-control-prev{ left:6px; }
    #bernafonCarousel .carousel-control-next{ right:6px; }
    #bernafonCarousel .carousel-control-prev,
    #bernafonCarousel .carousel-control-next{ width:52px; }
    #bernafonCarousel .carousel-control-prev-icon,
    #bernafonCarousel .carousel-control-next-icon{ width:40px; height:40px; }
}

/* Kime uygun tooltip */
.kime-uygun{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.45rem .75rem;
    border-radius:999px;
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    color:#eaf1ff;
    font-size:.85rem;
    line-height:1;
    margin-top:.6rem;
    margin-bottom:.8rem;
    backdrop-filter: blur(6px);
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 18px rgba(255,255,255,.10), 0 0 28px rgba(222,56,83,.18);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
    position:relative;
}
.kime-uygun:hover{
    transform: translateY(-1px);
    border-color: rgba(222,56,83,.45);
    background: rgba(255,255,255,.10);
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 22px rgba(255,255,255,.12), 0 0 40px rgba(222,56,83,.28);
}
.kime-uygun::after{
    content: attr(data-tooltip);
    position:absolute;
    left:0;
    bottom:100%;
    margin-bottom:.55rem;
    width:max-content;
    max-width: min(520px, calc(100vw - 2rem));
    padding:.6rem .75rem;
    border-radius:12px;
    background: rgba(10,18,36,.92);
    border:1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
    box-shadow:0 18px 60px rgba(0,0,0,.45);
    backdrop-filter: blur(10px);
    line-height:1.35;
    font-size:.85rem;
    opacity:0;
    transform: translateY(6px);
    pointer-events:none;
    z-index:50;
    white-space:normal;
}
.kime-uygun:hover::after{
    opacity:1;
    transform: translateY(0);
}

/* Blog */
#blog .row.g-4{ align-items:flex-start; }
#blog .row.g-4 > [class*="col-"]{ align-self:flex-start; }
#blog .blog-card{ height:auto !important; }

.section--dark{
    background: linear-gradient(180deg, #060f1e 0%, #08172b 100%);
}
#blog .text-muted{ color: rgba(255,255,255,.72) !important; }

.blog-title__badge{
    display:inline-flex;
    align-items:center;
    padding:.35rem .8rem;
    border-radius:999px;
    font-weight:800;
    letter-spacing:.4px;
    color:#ffb46a;
    background: linear-gradient(90deg, rgba(255,122,0,.22), rgba(255,0,102,.14));
    border: 1px solid rgba(255,122,0,.40);
    box-shadow: 0 0 0 1px rgba(255,122,0,.12) inset, 0 10px 28px rgba(0,0,0,.35), 0 0 22px rgba(255,122,0,.22);
    text-shadow: 0 0 14px rgba(255,122,0,.35);
}
.blog-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:0 22px 70px rgba(0,0,0,.42);
    backdrop-filter: blur(12px);
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    padding: 22px 22px 18px;
}
.blog-card::before{
    content:'';
    position:absolute; inset:0;
    pointer-events:none;
    opacity:.70;
    background:
            radial-gradient(800px 260px at 20% 10%, rgba(0,122,255,.18), transparent 65%),
            radial-gradient(500px 220px at 85% 15%, rgba(255,0,102,.12), transparent 65%);
}
.blog-card > *{ position:relative; }
.blog-card:hover{
    transform: translateY(-4px);
    border-color: rgba(255,255,255,.20);
    background: rgba(255,255,255,.065);
    box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.blog-details{
    border-top: 1px solid rgba(255,255,255,.10);
    padding-top:.9rem;
    padding-bottom:.55rem;
}
.blog-details summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    color: rgba(255,255,255,.88);
    font-weight:600;
    padding:.34rem .55rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.12);
    margin-bottom:.20rem;
}
.blog-details summary:hover{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.18);
}
.blog-details summary::-webkit-details-marker{ display:none; }
.blog-details summary::after{
    content:'›';
    display:inline-block;
    transform: rotate(90deg);
    opacity:.9;
    transition: transform .18s ease;
}
.blog-details[open] summary::after{ transform: rotate(-90deg); }
.blog-details__content{
    margin-top:.75rem;
    color: rgba(255,255,255,.78);
}

/* FAQ slider */
.faq-carousel{ margin-top:18px; position:relative; }
.faq-carousel.carousel-fade .carousel-item{
    opacity:0;
    transform: translateX(24px);
    transition: opacity 900ms ease, transform 900ms ease;
}
.faq-carousel.carousel-fade .carousel-item.active,
.faq-carousel.carousel-fade .carousel-item.carousel-item-start,
.faq-carousel.carousel-fade .carousel-item.carousel-item-end{
    opacity:1;
    transform: translateX(0);
}
.faq-carousel .carousel-control-prev,
.faq-carousel .carousel-control-next{
    top:50%;
    transform: translateY(-50%);
    width:56px; height:56px;
    opacity:1;
}
.faq-carousel .carousel-control-prev{ left:-72px; }
.faq-carousel .carousel-control-next{ right:-72px; }

@media (max-width: 992px){
    .faq-carousel .carousel-control-prev{ left:-36px; }
    .faq-carousel .carousel-control-next{ right:-36px; }
}
@media (max-width: 576px){
    .faq-carousel .carousel-control-prev{ left:10px; }
    .faq-carousel .carousel-control-next{ right:10px; }
}
.faq-carousel .carousel-control-prev-icon,
.faq-carousel .carousel-control-next-icon{
    width:42px; height:42px;
    border-radius:999px;
    background-size:16px 16px;
    background-color: rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.faq-indicators{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
.faq-indicators [data-bs-target]{
    width:10px; height:10px;
    border-radius:50%;
    border:0;
    background: rgba(255,255,255,.35);
    opacity:1;
    margin:0;
}
.faq-indicators .active{
    background: rgba(255,255,255,.9);
    box-shadow:0 0 0 1px rgba(255,255,255,.25), 0 0 18px rgba(0,136,255,.35);
}

#contact .contact-form .mb-3{
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

#contact .contact-form .form-label{
    display: block;
    margin: 0;
    font-weight: 600;
}

#contact .contact-form .form-control{
    width: 100% !important;
    max-width: none !important;
    min-height: 52px;
    border-radius: 999px;
    padding: .85rem 1.05rem;
}

#contact .contact-form textarea.form-control{
    min-height: 160px;
    border-radius: 18px;
    resize: vertical;
    padding-top: 1rem;
}