/* stylelint-disable @stylistic/selector-list-comma-newline-after */
:root{--bs-font-sans-serif:"Inter",sans-serif;--bs-spacer:1rem;--bs-gutter-width:2rem;--theme-font-icon:"remixicon";--theme-font-icon-style:"normal";--theme-avatar-size:90px;--theme-breakpoint-xs:0;--theme-breakpoint-sm:576px;--theme-breakpoint-md:768px;--theme-breakpoint-lg:992px;--theme-breakpoint-xl:1200px;--theme-breakpoint-xxl:1400px;--theme-maxwidth-breakpoint-sm:100%;--theme-maxwidth-breakpoint-md:100%;--theme-maxwidth-breakpoint-lg:100%;--theme-maxwidth-breakpoint-xl:1140px;--theme-maxwidth-breakpoint-xxl:1320px}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: #0000001a;
    border: solid rgba(0, 0, 0, 0.15);
    border-width: 1px 0;
    box-shadow:
        inset 0 0.5em 1.5em #0000001a,
        inset 0 0.125em 0.5em #00000026;
}
.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}
.bi {
    vertical-align: -0.125em;
    fill: currentColor;
}
/* .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
} */
.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
    z-index: 1500;
}
.bd-mode-toggle .bi {
    width: 1em;
    height: 1em;
}
.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}
.blog-header-logo {
    font-family: "Roboto", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
    font-size: 1.4rem;
    color:#fff;
    text-decoration: none;
}
a:hover {
    color:#0a58ca;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}
.flex-auto {
    flex: 0 0 auto;
}
.h-250 {
    height: 250px;
}
@media (min-width: 768px) {
    .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 2rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}
.bg-header{
    background-color:#052c65;
    background-image: url(../images/pattern2.png);
}
.bg-navbar {
    background-color:#eaecf7;
    font-size:.97rem
}
.nav-link {
    color:#333;
    font-weight:600
}
.dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
}
footer{
    /* background-color:#50a9ca; */
    background-color:#222222;
    background-image: url(../images/pattern2.png);
}
.dropdown-menu {
    --bs-dropdown-border-color:#eee;
    background-color: #fff;
}
.search-box {
    height: 300px;
}
.search-form {
    max-width: 600px;
}
.search-title {
    font-size: 18px;
    font-weight: 600;
}
/* Sign up */
.validation-step { font-size: 0.85rem; transition: all 0.2s ease; }
.invalid-msg { color: #dc3545; opacity: 0.7; }
.valid-msg { color: #198754; font-weight: bold; }
.input-group-text { cursor: pointer; background-color: #fff; }
/* Sign up verification */
.otp-input {
    width: 45px;
    height: 55px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    margin: 0 4px;
}
.otp-input:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: none;
}
#resendBtn.disabled {
    pointer-events: none;
    color: #6c757d;
    text-decoration: none;
}