@font-face {
  font-family: THICCCBOI;
  src: url(../fonts/thicccboi/THICCCBOI-Regular.woff2) format('woff2'), url(../fonts/thicccboi/THICCCBOI-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block
}
@font-face {
  font-family: THICCCBOI;
  src: url(../fonts/thicccboi/THICCCBOI-Medium.woff2) format('woff2'), url(../../fonts/thicccboi/THICCCBOI-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: block
}
@font-face {
  font-family: THICCCBOI;
  src: url(../fonts/thicccboi/THICCCBOI-Bold.woff2) format('woff2'), url(../fonts/thicccboi/THICCCBOI-Bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: block
}


:root, [data-bs-theme=light] {
	--bs-primary: #fa64e0;
    --bs-soft-primary: #edf2fc; 
	--bs-body-color: #60697b;
	--bs-heading-color: #343f52;
	--bs-white-rgb: 255, 255, 255;
    --bs-font-family: THICCCBOI, sans-serif;
}

body {
    font-family: var(--bs-font-family);
	color: var(--bs-body-color);
}
img {
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: var(--bs-heading-color);
    word-spacing: 0.1rem;
    letter-spacing: -0.01rem;
}
.h2, h2 {
    font-size: calc(1.255rem + .06vw);
}
::-ms-input-placeholder { /* Edge 12-18 */
	color: #959ca9!important;
}
::placeholder {
	color: #959ca9!important;
}
.bg-soft-primary {
    background-color: var(--bs-soft-primary) !important;
}
.bg-gradient-reverse-primary {
    background: linear-gradient(0deg, var(--bs-soft-primary), rgba(var(--bs-white-rgb), 0) 100%);
}
.display-1 {
    font-size: calc(1.375rem + 1.5vw);
    line-height: 1.15;
	font-weight: 700;
}
.display-3 {
    font-size: calc(1.335rem + 1.02vw);
    line-height: 1.2;
	font-weight: 700;
}
.p-11 {
    padding: 3rem!important;
}
.pb-14 {
    padding-bottom: 4.5rem!important;
}
.pb-20 {
    padding-bottom: 10rem !important;
}
.pt-10 {
    padding-top: 2.5rem !important;
}
.mb-3 {
    margin-bottom: 0.75rem !important;
}
.mt-3 {
    margin-top: 0.75rem !important;
}
.mb-6 {
    margin-bottom: 1.5rem !important;
}
.mb-10 {
    margin-bottom: 2.5rem !important;
}
.mt-n20 {
    margin-top: -10rem!important;
}
[class*=mb-n], [class*=mt-n] {
    position: relative;
    z-index: 3;
}
.bi {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentcolor;
}
.btn {
	--bs-btn-padding-x: 1.2rem;
    --bs-btn-padding-y: calc(0.5rem + 2px);
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.8rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.7;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 2px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.4rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: unset;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    box-shadow: var(--bs-btn-box-shadow);
    transition: all 0.2s ease-in-out;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    letter-spacing: -0.01rem;
    position: relative;
}
.btn, .lg-sub-html p, .nav-link, .nav-link p, .navbar .btn-sm {
    font-size: 1.063rem;
}
.btn, .dropdown-item, .nav-link {
    letter-spacing: normal;
}
.btn-lg, .btn-group-lg>.btn {
    --bs-btn-padding-y: calc(0.65rem + 2.5px);
    --bs-btn-padding-x: 1.4rem;
    --bs-btn-font-size: 0.85rem;
    --bs-btn-border-radius: 0.4rem;
}
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
	--bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
}
.btn:not(.btn-link):hover {
    transform: translateY(-0.15rem);
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
.rounded-pill {
    border-radius: 50rem !important;
}
.password-toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.75rem;
    cursor: pointer;
    font-size: .9rem;
    color: #959ca9;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-weight: 500;
    line-height: 1.7;
    color: #60697b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid rgba(8,60,130,.07);
    border-radius: 0.4rem;
    box-shadow: 0 0 1.25rem rgba(30,34,40,.04);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: calc(2.5rem + 12px);
    min-height: calc(2.5rem + 12px);
}
.form-control:focus {
    color: #60697b;
    background-color: var(--bs-body-bg);
    border-color: #9fbcf0;
    outline: 0;
    box-shadow: none;
}
.form-label {
    margin-bottom: 0.5rem;
    color: #959ca9;
}
.lead.fs-lg {
    font-size: 1.375rem !important;
    line-height: 1.55;
}
.alert {
    --bs-alert-padding-y: calc(1rem - 3px);
}
.card {
    --bs-card-border-color: rgba(164, 174, 198, 0.2);
}


@media (min-width: 1200px) {
	.h2, h2 {
		font-size: 1.3rem;
	}
	.pt-xl-10 {
		padding-top: 2.5rem !important;
	}
	.display-1 {
    	font-size: 3rem;
	}
	.display-3 {
    	font-size: 2.625rem;
	}
}
@media (min-width: 768px) {
	.pb-md-22 {
		padding-bottom: 15rem !important;
	}
	.pb-md-16 {
		padding-bottom: 6rem!important;
	}
	.pt-md-14 {
		padding-top: 4.5rem !important;
	}
}


@media (min-width: 992px) {
	.px-lg-8 {
		padding-right: 2rem !important;
		padding-left: 2rem !important;
	}
}