body .site-brain {
    color:#fff;
}

button {
    background:#1b5cff;
    color:#fff;
    padding:10px 16px;
    border:0;
}
.site-brain-archive,
.site-brain-single {
    color: #000;
}

.site-brain-archive a,
.site-brain-single a {
    color: #7aa2ff;
    text-decoration: none;
    font-weight: 600;
}

.sb-card {
    background: #12182a;
    border: 1px solid #1f2a44;
}

.sb-card img {
    object-fit: cover;
    height: 180px;
}

.list-group-item {
    background: #12182a;
    color: #fff;
    border-color: #1f2a44;
}

.list-group-item:hover {
    background: #1b2340;
}
/* Card hover */
.sb-card {
    transition: transform .35s ease, box-shadow .35s ease;
    cursor: pointer;
}

.sb-card:hover {
    transform: translateY(-8px) scale(1.015);
    box-shadow: 0 20px 40px rgba(0,0,0,.45);
}

/* Image zoom on hover */
.sb-card img {
    transition: transform .4s ease;
}

/*.sb-card:hover img {*/
/*    transform: scale(1.05);*/
/*}*/

/* Fade + slide animation */
.sb-animate {
    animation: sbFadeUp .45s ease forwards;
}

@keyframes sbFadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Skeleton Loader */
.skeleton {
    background: #12182a;
    overflow: hidden;
}

.skeleton-img {
    height: 180px;
    background: linear-gradient(
        90deg,
        #1a2238 25%,
        #2a3558 37%,
        #1a2238 63%
    );
    animation: skeleton 1.4s infinite;
}

.skeleton-line {
    height: 14px;
    margin: 10px 0;
    background: #1a2238;
    animation: skeleton 1.4s infinite;
}

.skeleton-line.short {
    width: 60%;
}

@keyframes skeleton {
    0% { background-position: -200px 0; }
    100% { background-position: 200px 0; }
}
.sb-card-link {
    display: block;
    overflow: hidden;
}

.sb-title-link {
    color: #fff;
    text-decoration: none;
}

.sb-title-link:hover {
    text-decoration: underline;
}

.sb-card-img {
    transition: transform .35s ease;
}


img.card-img-top.sb-card-img {
    object-position: top;
    transition: 2s;
}

.card.sb-card.h-100:hover img {
    object-position: bottom;
    transition: 5s;
}
.sb-card-link {
    inset: 0;
    z-index: 1;
}

.sb-stop-click {
    position: relative;
    z-index: 2;
}
/* =========================
   SKELETON LOADER
========================= */
.sb-skeleton {
    overflow: hidden;
}

.sb-skeleton-img {
    height: 180px;
    background: linear-gradient(
        90deg,
        #1a2238 25%,
        #2a355c 37%,
        #1a2238 63%
    );
    background-size: 400% 100%;
    animation: sbShimmer 1.4s infinite;
}

.sb-skeleton-line {
    height: 14px;
    margin: 10px 0;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        #1a2238 25%,
        #2a355c 37%,
        #1a2238 63%
    );
    background-size: 400% 100%;
    animation: sbShimmer 1.4s infinite;
}

.sb-skeleton-line.short {
    width: 60%;
}

@keyframes sbShimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* Card overlay link */
.sb-card-link {
    position: relative;
    inset: 0;
    z-index: 1;
}

.sb-no-card-click {
    position: relative;
    z-index: 2;
}

/* Skeleton loader */
.sb-skeleton {
    height: 280px;
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        #1b2238 25%,
        #2a3358 37%,
        #1b2238 63%
    );
    background-size: 400% 100%;
    animation: sbSkeleton 1.4s ease infinite;
}

@keyframes sbSkeleton {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}
/* =========================
   Site Brain – Submit Form
   ========================= */

.sb-submit-form {
    color: #e6e9ff;
}

.sb-glass-card {
    background: linear-gradient(180deg, rgba(18,24,42,.85), rgba(10,14,30,.85));
    border: 1px solid rgba(122,162,255,.15);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: box-shadow .4s ease, transform .4s ease;
}

.sb-glass-card:hover {
    box-shadow: 0 0 40px rgba(122,162,255,.15);
    transform: translateY(-2px);
}

.sb-form-title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.sb-section-title {
    font-size: 1.1rem;
    margin-bottom: .75rem;
    color: #9bb1ff;
}

.sb-input,
.sb-file-input {
    background: #0b0f1a !important;
    border: 1px solid #1f2a44 !important;
    color: #fff !important;
}

.sb-input:focus,
.sb-file-input:focus {
    border-color: #7aa2ff !important;
    box-shadow: 0 0 0 0.15rem rgba(122,162,255,.25) !important;
    background: #0b0f1a !important;
    color: #fff !important;
}

/* Chips */
.sb-chip-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: 100px;
    overflow: hidden;
    overflow-y: visible !important;
    /* border: 2px solid; */
    padding: 10px;
    background: #b0bdd1;
    border-radius: 10px;
}

.sb-chip {
    position: relative !important;
}

.sb-chip input {
    display: none !important;
}

.sb-chip span {
    display: inline-block !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    background: #12182a !important;
    border: 1px solid #1f2a44 !important;
    cursor: pointer !important;
    transition: all .3s ease !important;
}

.sb-chip input:checked + span {
    background: #1b5cff !important;
    border-color: #1b5cff !important;
    box-shadow: 0 0 12px rgba(27,92,255,.6) !important;
    color: #fff;
}

/* CTA */
.sb-glow-btn {
    background: linear-gradient(135deg, #1b5cff, #7aa2ff) !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    border-radius: 30px !important;
    box-shadow: 0 0 25px rgba(122,162,255,.45) !important;
    transition: all .35s ease !important;
}

.sb-glow-btn:hover {
    box-shadow: 0 0 40px rgba(122,162,255,.85) !important;
    transform: translateY(-2px) !important;
}

h5.card-title {
    color: #abc5ff;
    text-transform: capitalize;
    transition: 0.5s;
}

.card.sb-card.h-100.position-relative:hover h5.card-title {
    color: #fff;
}
h4.sb-form-title {
    color: #fff;
}

.sb-submit-form.container input::placeholder {
    color: #fff;
}

.row.g-4 {
    padding: 2%;
}

form.sb-submit-form.container {
    border-radius: 20px;
    transition: 0.5s;
}

form.sb-submit-form.container:hover {
    box-shadow: 0px 0px 50px -10px #2196F3;
}



.sb-submit-form {
    background: #0b0f1a;
    border: 1px solid #1f2a44;
    color: #fff;
    box-shadow: 0 0 40px rgba(122,162,255,.15);
}

.sb-submit-form .form-control {
    background: #12182a;
    border-color: #1f2a44;
    color: #fff;
}

.sb-submit-form .form-control:focus {
    box-shadow: 0 0 0 0.15rem rgba(122,162,255,.4);
}

.sb-glow-btn {
    box-shadow: 0 0 20px rgba(27,92,255,.6);
}

.sb-glow-btn:hover {
    box-shadow: 0 0 35px rgba(27,92,255,.9);
}

.progress {
    height: 6px;
    background: #1f2a44;
}

.progress-bar {
    transition: width .4s ease;
}
small.text-muted {
    color: #e58787 !important;
}
.sb-chip span {
    color: #fff !important;
}


.sb-chip span:hover {
    background: #52529b !important;
}
button.btn.sb-glow-btn {
    position: relative;
    top: -100px;
    right: 20px;
}
/*Drag and Drop*/

.sb-dropzone {
    border: 2px dashed rgba(255,255,255,.25);
    border-radius: 16px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    background: rgba(255,255,255,.03);
}

.sb-dropzone:hover,
.sb-dropzone.sb-dragging {
    border-color: #6ea8fe;
    box-shadow: 0 0 0 3px rgba(110,168,254,.25);
}

.sb-dropzone p {
    margin: 0;
    color: #bfc7ff;
}

.sb-preview {
    max-width: 100%;
    border-radius: 12px;
    margin-top: 10px;
}
.sb-dropzone p {
    padding: 0px;
}
.sb-file-name {
    display: block;
    font-weight: 500;
}
.sb-upload-progress .progress {
    background: rgba(255,255,255,.08);
    height: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.sb-upload-progress .progress-bar {
    background: linear-gradient(90deg,#6cf,#7a5cff);
    box-shadow: 0 0 15px rgba(122,92,255,.7);
    font-size: 12px;
    line-height: 10px;
}


.text-end.mt-4 {
    height: 0px;
    margin: 0px;
}

.text-end.mt-4 button {
    margin-top: -100px;
    margin-right: 10px;
}
/*single post*/

img.img-fluid.rounded.shadow {
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.col-md-5.thumbb {
    height: 500px;
    overflow: hidden;
    overflow-y: visible;
    border: 12px inset #d9a6ff;
    border-radius: 10px;
    padding: 0px;
}


.col-md-5.thumbb::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 1px 20px 5px 2px rgba(0,0,0,0.3);
	background-color: #F5F5F5;	
	border-radius:20px;
	border:2px dashed #4379cc;
	outline-offset:2px solid #000;
}

.col-md-5.thumbb::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

.col-md-5.thumbb::-webkit-scrollbar-thumb
{
	background-color: #4379cc;	
	border-radius:20px;
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

/*archive*/

.sb-filter-header {
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    margin-top: 12px;
    transition: 0.4s;
    border-bottom: 1px solid;
}

.sb-toggle {
    font-weight: bold;
}

.sb-filter-body {
    display: none;
    margin-top: 8px;
    padding: 10px;    
}


.sb-filter-header:hover {
    box-shadow: 0px 0px 6px 3px #667bb9;
}
.col-md-3.sb-filters {
    background: #12182a;
    padding-top: 1% !important;
    border-radius: 20px;
    padding: 20px;
    transition: 0.3s;
}
/*.sb-filters h5 {*/
/*    padding: 3% 2% 2% 2%;*/
/*    font-size: 1.7rem;*/
/*    font-family: 'Poppins';*/
/*    text-transform: uppercase;*/
/*    font-style: italic;*/
/*    font-weight: 900;*/
/*    text-decoration: underline;*/
/*}*/
.col-md-3.sb-filters:hover {
    box-shadow: 0px 0px 6px 7px #667bb9;
}
.col-md-3.sb-filters:hover {
    box-shadow: 0px 0px 6px 7px #667bb9;
}

.col-md-3.sb-filters h5 {
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 3% 3% 3% 0%;
    text-decoration: underline;
    text-underline-offset: 10px;
}
.sb-filter-group {
    background: #fff;
    border-radius: 8px;
}
/* CHIP BASE */
.sb-filters .form-check {
    margin: 2px 0;
    padding: 0px 2px !important;
    display: inline-flex;
}

.sb-filters .form-check-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid #2a2a2a;
    background: #0f1115;
    color: #cfcfcf;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s ease;
    font-weight: 900;
}

/* HIDE DEFAULT CHECKBOX */
.sb-filters .form-check-input {
    display: none;
}

/* HOVER */
.sb-filters .form-check-label:hover {
    border-color: #5e9cff;
    color: #fff;
}

/* ACTIVE CHIP */
.sb-filters .form-check-input:checked + *,
.sb-filters .form-check-label:has(input:checked) {
    background: linear-gradient(135deg, #5e9cff, #8ab4ff);
    border-color: #5e9cff;
    color: #000;
    font-weight: 600;
}

/*
 *  STYLE 11
 */

.sb-chip-group::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #bdd7ff;
	border-radius: 0px;
}

.sb-chip-group::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.sb-chip-group::-webkit-scrollbar-thumb
{
	background-color: #3366FF;
	border-radius: 10px;
		border:1px solid #2d5463;
	background-image: -webkit-linear-gradient(0deg,
	                                          rgba(255, 255, 255, 0.5) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, 0.5) 50%,
											  rgba(255, 255, 255, 0.5) 75%,
											  transparent 75%,
											  transparent)
}
button#sb-load-more {
    background: #12182a;
}
.text-muted p br {
    display: none;
}
button#sb-load-more:hover {
    box-shadow: 0px 0px 11px 8px #667bb9;
    color: #fff;
}
.col-md-9.list-projects {
    padding-left: 2% !important;
    background: radial-gradient(#12182a, #ff00000d);
    padding: 20px;
    border-radius: 20px;
}
.progress-bar.progress-bar-striped.progress-bar-animated {
    animation: progress-bar-stripes 2s linear infinite; /* Faster animation */
}
.col-md-3.sb-filters {
    border-right: 10px solid #b6dfea;
}
@keyframes progress-bar-stripes {
    0% { background-position-x: 15rem; } /* Removed !important */
}