:root,
[data-bs-theme=light] {
    --bs-primary: #2DB56F;
    --bs-primary-rgb: 45, 181, 111;
    --bs-primary-text-emphasis: #12482C;
    --bs-primary-bg-subtle: #D5F0E2;
    --bs-primary-border-subtle: #ABE1C5;
    --bs-light: #FCFCFC;
    --bs-light-rgb: 252, 252, 252;
    --bs-light-text-emphasis: #656565;
    --bs-light-bg-subtle: #FEFEFE;
    --bs-light-border-subtle: #FEFEFE;
    --bs-dark: #03000D;
    --bs-dark-rgb: 3, 0, 13;
    --bs-dark-text-emphasis: #010005;
    --bs-dark-bg-subtle: #CDCCCF;
    --bs-dark-border-subtle: #9A999E;
    --bs-body-color: #03000D;
    --bs-body-color-rgb: 3, 0, 13;
    --bs-secondary-color: rgba(3, 0, 13, 0.75);
    --bs-secondary-color-rgb: 3, 0, 13, 0.75;
    --bs-tertiary-color: rgba(3, 0, 13, 0.5);
    --bs-tertiary-color-rgb: 3, 0, 13, 0.5;
    --bs-body-bg: #FCFCFC;
    --bs-body-bg-rgb: 252, 252, 252;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --bs-link-color: #03000D;
    --bs-link-color-rgb: 3, 0, 13;
    --bs-link-hover-color: #2db56f;
    --bs-link-hover-color-rgb: 45, 181, 111;
    --bs-link-decoration: blink
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #2DB56F;
    --bs-btn-border-color: #2DB56F;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #4DC085;
    --bs-btn-hover-border-color: #42BC7D;
    --bs-btn-focus-shadow-rgb: 7, 27, 17;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #57C48C;
    --bs-btn-active-border-color: #42BC7D;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #2DB56F;
    --bs-btn-disabled-border-color: #2DB56F
}

.btn-outline-primary {
    --bs-btn-color: #2DB56F;
    --bs-btn-border-color: #2DB56F;
    --bs-btn-focus-shadow-rgb: 45, 181, 111;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #2DB56F;
    --bs-btn-hover-border-color: #2DB56F;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #2DB56F;
    --bs-btn-active-border-color: #2DB56F;
    --bs-btn-disabled-color: #2DB56F;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2DB56F
}

.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #FCFCFC;
    --bs-btn-border-color: #FCFCFC;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #D6D6D6;
    --bs-btn-hover-border-color: #CACACA;
    --bs-btn-focus-shadow-rgb: 38, 38, 38;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #CACACA;
    --bs-btn-active-border-color: #BDBDBD;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #FCFCFC;
    --bs-btn-disabled-border-color: #FCFCFC
}

.btn-outline-light {
    --bs-btn-color: #FCFCFC;
    --bs-btn-border-color: #FCFCFC;
    --bs-btn-focus-shadow-rgb: 252, 252, 252;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FCFCFC;
    --bs-btn-hover-border-color: #FCFCFC;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FCFCFC;
    --bs-btn-active-border-color: #FCFCFC;
    --bs-btn-disabled-color: #FCFCFC;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FCFCFC
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #03000D;
    --bs-btn-border-color: #03000D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03000B;
    --bs-btn-hover-border-color: #02000A;
    --bs-btn-focus-shadow-rgb: 217, 217, 219;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #02000A;
    --bs-btn-active-border-color: #02000A;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #03000D;
    --bs-btn-disabled-border-color: #03000D
}

.btn-outline-dark {
    --bs-btn-color: #03000D;
    --bs-btn-border-color: #03000D;
    --bs-btn-focus-shadow-rgb: 3, 0, 13;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03000D;
    --bs-btn-hover-border-color: #03000D;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #03000D;
    --bs-btn-active-border-color: #03000D;
    --bs-btn-disabled-color: #03000D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #03000D
}

.bs-icon {
    --bs-icon-size: .75rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary)
}

.bs-icon-xs {
    --bs-icon-size: 1rem;
    width: calc(var(--bs-icon-size) * 1.5);
    height: calc(var(--bs-icon-size) * 1.5)
}

.bs-icon-sm {
    --bs-icon-size: 1rem
}

.bs-icon-md {
    --bs-icon-size: 1.5rem
}

.bs-icon-lg {
    --bs-icon-size: 2rem
}

.bs-icon-xl {
    --bs-icon-size: 2.5rem
}

.bs-icon.bs-icon-primary {
    color: var(--bs-white);
    background: var(--bs-primary)
}

.bs-icon.bs-icon-primary-light {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .2)
}

.bs-icon.bs-icon-semi-white {
    color: var(--bs-primary);
    background: rgba(255, 255, 255, .5)
}

.bs-icon.bs-icon-rounded {
    border-radius: .5rem
}

.bs-icon.bs-icon-circle {
    border-radius: 50%
}

.navbar-brand img {
    height: 40px
}

h1 {
    font-family: Mukta, sans-serif;
    font-size: 64px;
    color: var(--bs-primary);
    font-weight: 700
}

h2,
h3 {
    font-family: Mukta, sans-serif;
    color: #000;
    font-size: 24px;
    line-height: 1.2em
}

h2.title {
    font-family: Mukta, sans-serif;
    font-size: 42px;
    font-weight: 600;
    color:var(--bs-primary);
}

h2.username {
    font-family: Mukta, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--bs-primary);
    text-align: center;
    text-transform: uppercase
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px
}

iframe {
    border-radius: 1rem
}

section {
    padding: 2rem 0
}

.card {
    border-radius: 1rem;
    box-shadow: 0 0 10px var(--bs-gray-400);
    width: 100%;
    height: 100%;
    transition: .7s ease-in-out;
    padding-top: 1rem;
    overflow: hidden
}

.card:hover #Capa {
    height: 60px;
    width: 60px
}

#Capa {
    color: var(--bs-primary);
    fill: var(--bs-primary);
    border: var(--bs-primary);
    height: 60px;
    width: 50px;
    margin: 1rem auto;
    transition: .4s ease-in-out
}

.container.banner {
    background: #33334f;
    border-radius: 2rem;
    overflow: hidden
}

svg.bi {
    font-size: 1.5rem
}

footer p {
    font-size: 15px;
    font-weight: 400
}

.navbar a {
    text-decoration: none
}

.nav-item .active,
.nav-item:hover .nav-link {
    color: var(--bs-primary) !important
}

section .btn {
    background: #33334f;
    color: var(--bs-light);
    font-weight: 500;
    border: 1px solid #33334f
}

h4.title {
    font-weight: 800;
    color: var(--bs-primary);
    line-height: 2.25rem
}

.auth a {
    color: #5850ec;
    text-decoration: none
}

.auth .btn {
    background: #5850ec;
    color: var(--bs-light);
    font-weight: 700;
    border-color: #5850ec
}

.auth,
label {
    font-weight: 700;
    color: #374151 !important
}

.auth label,
.auth p {
    color: rgba(55, 65, 81, .75) !important;
    font-size: 15px
}

.data {
    font-style: italic;
    text-align: end
}

.contact {
    position: sticky;
    top: 5px;
    background: var(--bs-primary-bg-subtle);
    padding: 1rem .7rem;
    border-radius: 1rem
}

svg {
    width: 2rem;
    color: var(--bs-primary)
}

* {
    box-sizing: border-box
}

::selection {
    color: #fff;
    background: #434ce8;
    text-shadow: none
}

.img-shadow {
    box-shadow: 0 0 20px rgba(40, 42, 50, .12);
    border-radius: 15px
}

.tabs-shell {
    margin-bottom: 10px;
    padding: 8px 16px;
    border-radius: 10px;
    border: 2px solid var(--bs-border-color);
    transition: border .3s;
    width: 100%;
    display: flex;
    align-items: center
}

.tabs-link {
    width: 100%;
    color: inherit
}

.tabs-link:hover {
    color: inherit
}

.tabs-shell:hover {
    border-radius: 10px;
    border: 2px solid var(--bs-info);
    color: var(--bs-info)
}

.tab-content {
    width: 80%;
    height: 100%
}

.tab-pane {
    height: 100%;
    width: 100%
}