@charset "UTF-8";

/* * Around | Multipurpose Bootstrap HTML Template * Copyright 2023 Createx Studio * Theme styles */
/* stylelint-disable stylistic/value-list-max-empty-lines, stylistic/function-max-empty-lines, stylistic/selector-list-comma-newline-after, declaration-no-important, property-no-vendor-prefix */

[class^=rounded-].overflow-hidden,
[class*=" rounded-"].overflow-hidden {
    transform: translateZ(0);
}

/* stylelint-enable stylistic/value-list-max-empty-lines, stylistic/function-max-empty-lines, stylistic/selector-list-comma-newline-after, declaration-no-important, property-no-vendor-prefix */
:root,
[data-bs-theme=light] {
    --ar-gray-100: #f6f9fc;
    --ar-gray-200: #edf1f5;
    --ar-gray-300: #e3e9ef;
    --ar-gray-400: #d7dde2;
    --ar-gray-500: #b4bbc3;
    --ar-gray-600: #858c97;
    --ar-gray-700: #576071;
    --ar-gray-800: #434a57;
    --ar-gray-900: #121519;
    --ar-primary: #406eff;
    --ar-secondary: #edf1f5;
    --ar-success: #3fca90;
    --ar-info: #3f7fca;
    --ar-warning: #edcb50;
    --ar-danger: #ed5050;
    --ar-light: #fff;
    --ar-dark: #121519;
    --ar-primary-rgb: 64, 110, 255;
    --ar-secondary-rgb: 237, 241, 245;
    --ar-success-rgb: 63, 202, 144;
    --ar-info-rgb: 63, 127, 202;
    --ar-warning-rgb: 237, 203, 80;
    --ar-danger-rgb: 237, 80, 80;
    --ar-light-rgb: 255, 255, 255;
    --ar-dark-rgb: 18, 21, 25;
    --ar-primary-text-emphasis: #336a58;
    --ar-secondary-text-emphasis: #576071;
    --ar-success-text-emphasis: #2ea875;
    --ar-info-text-emphasis: #2e66a8;
    --ar-warning-text-emphasis: #e8bd22;
    --ar-danger-text-emphasis: #e82222;
    --ar-light-text-emphasis: #576071;
    --ar-dark-text-emphasis: #121519;
    --ar-primary-bg-subtle: #ecf4f1;
    --ar-secondary-bg-subtle: #f6f9fc;
    --ar-success-bg-subtle: #ecfaf4;
    --ar-info-bg-subtle: #ecf2fa;
    --ar-warning-bg-subtle: #fdfaee;
    --ar-danger-bg-subtle: #fdeeee;
    --ar-light-bg-subtle: #fff;
    --ar-dark-bg-subtle: #ececed;
    --ar-primary-border-subtle: #dae8e3;
    --ar-secondary-border-subtle: #edf1f5;
    --ar-success-border-subtle: #d9f4e9;
    --ar-info-border-subtle: #d9e5f4;
    --ar-warning-border-subtle: #fbf5dc;
    --ar-danger-border-subtle: #fbdcdc;
    --ar-light-border-subtle: #f6f9fc;
    --ar-dark-border-subtle: #edf1f5;
    --ar-white-rgb: 255, 255, 255;
    --ar-black-rgb: 0, 0, 0;
    --ar-font-sans-serif: "Poppins", sans-serif;
    --ar-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ar-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ar-root-font-size: 1rem;
    --ar-body-font-family: var(--ar-font-sans-serif);
    --ar-body-font-size: 1rem;
    --ar-body-font-weight: 400;
    --ar-body-line-height: 1.5;
    --ar-body-color: #576071;
    --ar-body-color-rgb: 87, 96, 113;
    --ar-body-bg: #fff;
    --ar-body-bg-rgb: 255, 255, 255;
    --ar-emphasis-color: #000;
    --ar-emphasis-color-rgb: 0, 0, 0;
    --ar-secondary-color: #858c97;
    --ar-secondary-color-rgb: 133, 140, 151;
    --ar-secondary-bg: #edf1f5;
    --ar-secondary-bg-rgb: 237, 241, 245;
    --ar-tertiary-color: rgba(87, 96, 113, 0.5);
    --ar-tertiary-color-rgb: 87, 96, 113;
    --ar-tertiary-bg: #f6f9fc;
    --ar-tertiary-bg-rgb: 246, 249, 252;
    --ar-heading-color: var(--ar-gray-900);
    --ar-link-color: #406eff;
    --ar-link-color-rgb: 64, 110, 255;
    --ar-link-decoration: underline;
    --ar-link-hover-color: #2500DB;
    --ar-link-hover-color-rgb: 55, 113, 93;
    --ar-link-hover-decoration: none;
    --ar-code-color: #e3116c;
    --ar-highlight-color: #576071;
    --ar-highlight-bg: #fff3cd;
    --ar-border-width: 1px;
    --ar-border-style: solid;
    --ar-border-color: #e3e9ef;
    --ar-border-color-translucent: rgba(0, 0, 0, 0.1);
    --ar-border-radius: 1rem;
    --ar-border-radius-sm: calc(var(--ar-border-radius) * 0.75);
    --ar-border-radius-lg: calc(var(--ar-border-radius) * 1.125);
    --ar-border-radius-xl: calc(var(--ar-border-radius) * 1.5);
    --ar-border-radius-xxl: calc(var(--ar-border-radius) * 2.25);
    --ar-border-radius-2xl: var(--ar-border-radius-xxl);
    --ar-border-radius-pill: 50rem;
    --ar-box-shadow: 0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32);
    --ar-box-shadow-sm: 0 0.375rem 0.75rem -0.125rem rgba(208, 208, 196, 0.24);
    --ar-box-shadow-lg: 0 0.5rem 1.75rem -0.125rem rgba(208, 208, 196, 0.48);
    --ar-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ar-focus-ring-width: 0.25rem;
    --ar-focus-ring-opacity: 0.25;
    --ar-focus-ring-color: rgba(68, 140, 116, 0.25);
    --ar-form-valid-color: #3fca90;
    --ar-form-valid-border-color: #3fca90;
    --ar-form-invalid-color: #ed5050;
    --ar-form-invalid-border-color: #ed5050;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    font-size: var(--ar-root-font-size);
}

body {
    margin: 0;
    font-family: var(--ar-body-font-family);
    font-size: var(--ar-body-font-size);
    font-weight: var(--ar-body-font-weight);
    line-height: var(--ar-body-line-height);
    color: var(--ar-body-color);
    text-align: var(--ar-body-text-align);
    background-color: var(--ar-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ar-heading-color);
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1.125rem;
}


ul {
    padding-left: 2rem;
}


ul {
    margin-top: 0;
    margin-bottom: 1rem;
}


ul ul {
    margin-bottom: 0;
}

a {
    color: rgba(var(--ar-link-color-rgb), var(--ar-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --ar-link-color-rgb: var(--ar-link-hover-color-rgb);
    text-decoration: none;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}


code {
    font-family: var(--ar-font-monospace);
    font-size: 1em;
}

code {
    font-size: 0.875em;
    color: var(--ar-code-color);
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: var(--ar-secondary-color);
    text-align: left;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}


button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

button,
[type=button] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled) {
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

/* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */
::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}

summary {
    display: list-item;
    cursor: pointer;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
}

@media (min-width: 1200px) {
    .lead {
        font-size: 1.5rem;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.figure {
    display: inline-block;
}

.container {
    --ar-gutter-x: 2rem;
    --ar-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--ar-gutter-x) * 0.5);
    padding-left: calc(var(--ar-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    
    .container {
        max-width: 95%;
    }
}

@media (min-width: 768px) {

    
    .container {
        max-width: 95%;
    }
}

@media (min-width: 992px) {

    
    .container {
        max-width: 95%;
    }
}

@media (min-width: 1200px) {

    
    .container {
        max-width: 95%;
    }
}

@media (min-width: 1400px) {

    
    .container {
        max-width: 1328px;
    }
}

:root {
    --ar-breakpoint-xs: 0;
    --ar-breakpoint-sm: 576px;
    --ar-breakpoint-md: 768px;
    --ar-breakpoint-lg: 992px;
    --ar-breakpoint-xl: 1200px;
    --ar-breakpoint-xxl: 1400px;
}

.row {
    --ar-gutter-x: 1.5rem;
    --ar-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--ar-gutter-y));
    margin-right: calc(-0.5 * var(--ar-gutter-x));
    margin-left: calc(-0.5 * var(--ar-gutter-x));
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ar-gutter-x) * 0.5);
    padding-left: calc(var(--ar-gutter-x) * 0.5);
    margin-top: var(--ar-gutter-y);
}

.g-0 {
    --ar-gutter-x: 0;
}

.g-0 {
    --ar-gutter-y: 0;
}

.g-3 {
    --ar-gutter-x: 1rem;
}

.g-3 {
    --ar-gutter-y: 1rem;
}

.g-4 {
    --ar-gutter-x: 1.5rem;
}

.g-4 {
    --ar-gutter-y: 1.5rem;
}

@media (min-width: 768px) {

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 992px) {

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .g-lg-5 {
        --ar-gutter-x: 3rem;
    }

    .g-lg-5 {
        --ar-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

.btn {
    --ar-btn-padding-x: 1.75rem;
    --ar-btn-padding-y: 0.825rem;
    --ar-btn-font-family: ;
    --ar-btn-font-size: calc(var(--ar-body-font-size) * 0.875);
    --ar-btn-font-weight: 600;
    --ar-btn-line-height: 1.4;
    --ar-btn-color: #fff;
    --ar-btn-bg: transparent;
    --ar-btn-border-width: var(--ar-border-width);
    --ar-btn-border-color: transparent;
    --ar-btn-border-radius: var(--ar-border-radius);
    --ar-btn-hover-border-color: transparent;
    --ar-btn-box-shadow: unset;
    --ar-btn-disabled-opacity: 0.65;
    --ar-btn-focus-box-shadow: 0 0 0 0 rgba(var(--ar-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--ar-btn-padding-y) var(--ar-btn-padding-x);
    font-family: var(--ar-btn-font-family);
    font-size: var(--ar-btn-font-size);
    font-weight: var(--ar-btn-font-weight);
    line-height: var(--ar-btn-line-height);
    color: var(--ar-btn-color);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--ar-btn-border-width) solid var(--ar-btn-border-color);
    border-radius: var(--ar-btn-border-radius);
    background-color: var(--ar-btn-bg);
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: var(--ar-btn-hover-color);
    background-color: var(--ar-btn-hover-bg);
    border-color: var(--ar-btn-hover-border-color);
}

.btn:focus-visible {
    color: var(--ar-btn-hover-color);
    background-color: var(--ar-btn-hover-bg);
    border-color: var(--ar-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--ar-btn-focus-box-shadow);
}


:not(.btn-check) + .btn:active,
.btn:first-child:active {
    color: var(--ar-btn-active-color);
    background-color: var(--ar-btn-active-bg);
    border-color: var(--ar-btn-active-border-color);
}


:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible {
    box-shadow: var(--ar-btn-focus-box-shadow);
}

.btn:disabled {
    color: var(--ar-btn-disabled-color);
    pointer-events: none;
    background-color: var(--ar-btn-disabled-bg);
    border-color: var(--ar-btn-disabled-border-color);
    opacity: var(--ar-btn-disabled-opacity);
}

.btn-primary {
    --ar-btn-color: #fff;
    --ar-btn-bg: #406eff;
    --ar-btn-border-color: #406eff;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #2500DB;
    --ar-btn-hover-border-color: #2500DB;
    --ar-btn-focus-shadow-rgb: 96, 157, 137;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #2500DB;
    --ar-btn-active-border-color: #2500DB;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #fff;
    --ar-btn-disabled-bg: #406eff;
    --ar-btn-disabled-border-color: #406eff;
}

.btn-secondary {
    --ar-btn-color: #000;
    --ar-btn-bg: #edf1f5;
    --ar-btn-border-color: #edf1f5;
    --ar-btn-hover-color: #000;
    --ar-btn-hover-bg: #f0f3f7;
    --ar-btn-hover-border-color: #eff2f6;
    --ar-btn-focus-shadow-rgb: 201, 205, 208;
    --ar-btn-active-color: #000;
    --ar-btn-active-bg: #f1f4f7;
    --ar-btn-active-border-color: #eff2f6;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #000;
    --ar-btn-disabled-bg: #edf1f5;
    --ar-btn-disabled-border-color: #edf1f5;
}

.dropdown-menu {
    --ar-dropdown-zindex: 1000;
    --ar-dropdown-min-width: 12rem;
    --ar-dropdown-padding-x: 0;
    --ar-dropdown-padding-y: 0.75rem;
    --ar-dropdown-spacer: 0.25rem;
    --ar-dropdown-font-size: calc(var(--ar-body-font-size) * 0.875);
    --ar-dropdown-color: var(--ar-body-color);
    --ar-dropdown-bg: #fff;
    --ar-dropdown-border-color: #f0f3f6;
    --ar-dropdown-border-radius: var(--ar-border-radius-lg);
    --ar-dropdown-border-width: var(--ar-border-width);
    --ar-dropdown-inner-border-radius: calc(var(--ar-border-radius-lg) - var(--ar-border-width));
    --ar-dropdown-divider-bg: var(--ar-border-color);
    --ar-dropdown-divider-margin-y: 0.375rem;
    --ar-dropdown-box-shadow: 0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32);
    --ar-dropdown-link-color: var(--ar-gray-800);
    --ar-dropdown-link-hover-color: var(--ar-primary);
    --ar-dropdown-link-hover-bg: transparent;
    --ar-dropdown-link-active-color: var(--ar-primary);
    --ar-dropdown-link-active-bg: transparent;
    --ar-dropdown-link-disabled-color: var(--ar-gray-600);
    --ar-dropdown-item-padding-x: 1.25rem;
    --ar-dropdown-item-padding-y: 0.375rem;
    --ar-dropdown-header-color: var(--ar-gray-900);
    --ar-dropdown-header-padding-x: 1.25rem;
    --ar-dropdown-header-padding-y: 0.75rem;
    position: absolute;
    z-index: var(--ar-dropdown-zindex);
    display: none;
    min-width: var(--ar-dropdown-min-width);
    padding: var(--ar-dropdown-padding-y) var(--ar-dropdown-padding-x);
    margin: 0;
    font-size: var(--ar-dropdown-font-size);
    color: var(--ar-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--ar-dropdown-bg);
    background-clip: padding-box;
    border: var(--ar-dropdown-border-width) solid var(--ar-dropdown-border-color);
    border-radius: var(--ar-dropdown-border-radius);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--ar-dropdown-item-padding-y) var(--ar-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--ar-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--ar-dropdown-item-border-radius, 0);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--ar-dropdown-link-hover-color);
    background-color: var(--ar-dropdown-link-hover-bg);
}


.dropdown-item:active {
    color: var(--ar-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--ar-dropdown-link-active-bg);
}


.dropdown-item:disabled {
    color: var(--ar-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.nav {
    --ar-nav-link-padding-x: 1.75rem;
    --ar-nav-link-padding-y: 0.725rem;
    --ar-nav-link-font-weight: 500;
    --ar-nav-link-color: var(--ar-gray-800);
    --ar-nav-link-hover-color: var(--ar-primary);
    --ar-nav-link-disabled-color: var(--ar-gray-600);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.card {
    --ar-card-spacer-y: 2.375rem;
    --ar-card-spacer-x: 2.375rem;
    --ar-card-title-spacer-y: 1rem;
    --ar-card-title-color: var(--ar-gray-900);
    --ar-card-subtitle-color: ;
    --ar-card-border-width: var(--ar-border-width);
    --ar-card-border-color: var(--ar-border-color);
    --ar-card-border-radius: var(--ar-border-radius-xxl);
    --ar-card-box-shadow: ;
    --ar-card-inner-border-radius: calc(var(--ar-border-radius-xxl) - (var(--ar-border-width)));
    --ar-card-cap-padding-y: 1.5rem;
    --ar-card-cap-padding-x: 2.375rem;
    --ar-card-cap-bg: transparent;
    --ar-card-cap-color: ;
    --ar-card-height: ;
    --ar-card-color: var(--ar-body-color);
    --ar-card-bg: var(--ar-body-bg);
    --ar-card-img-overlay-padding: 1rem;
    --ar-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--ar-card-height);
    color: var(--ar-body-color);
    word-wrap: break-word;
    background-color: var(--ar-card-bg);
    background-clip: border-box;
    border: var(--ar-card-border-width) solid var(--ar-card-border-color);
    border-radius: var(--ar-card-border-radius);
}

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden:not(caption) {
    position: absolute !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.d-block {
    display: block !important;
}

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

.position-absolute {
    position: absolute !important;
}

.top-0 {
    top: 0 !important;
}

.end-0 {
    right: 0 !important;
}

.border-0 {
    border: 0 !important;
}

.border-start {
    border-left: var(--ar-border-width) var(--ar-border-style) var(--ar-border-color) !important;
}

.h-100 {
    height: 100% !important;
}

.align-items-center {
    align-items: center !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.text-center {
    text-align: center !important;
}

/* rtl:begin:remove */

/* rtl:end:remove */
.text-primary {
    --ar-text-opacity: 1;
    color: rgba(var(--ar-primary-rgb), var(--ar-text-opacity)) !important;
}

.bg-secondary {
    --ar-bg-opacity: 1;
    background-color: var(--ar-gray-100) !important;
}

.bg-gray {
    --ar-bg-opacity: 1;
    background-color: var(--ar-gray-200) !important;
}

.rounded-3 {
    border-radius: var(--ar-border-radius-lg) !important;
}

.rounded-4 {
    border-radius: var(--ar-border-radius-xl) !important;
}

.rounded-5 {
    border-radius: var(--ar-border-radius-xxl) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: var(--ar-border-radius-pill) !important;
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.z-3 {
    z-index: 3 !important;
}

.bg-size-cover {
    background-size: cover !important;
}

.bg-repeat-0 {
    background-repeat: no-repeat !important;
}

@media (min-width: 992px) {

    .d-lg-flex {
        display: flex !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
}

:root,
[data-bs-theme=light] {
    --ar-user-selection-color: rgba(var(--ar-primary-rgb), 0.22);
    --ar-heading-color: var(--ar-gray-900);
    --ar-heading-font-weight: 600;
    --ar-heading-link-color: var(--ar-gray-800);
    --ar-heading-link-hover-color: var(--ar-primary);
    --ar-blockquote-color: var(--ar-gray-900);
    --ar-blockquote-font-size: 1.5rem;
    --ar-blockquote-footer-color: var(--ar-gray-900);
    --ar-blockquote-footer-font-size: 1rem;
    --ar-blockquote-mark-size: 3rem;
    --ar-blockquote-mark-color: var(--ar-primary);
    --ar-nav-link-color: var(--ar-gray-800);
    --ar-link-color-rgb: var(--ar-primary-rgb);
    --ar-link-hover-color-rgb: var(--ar-primary-rgb);
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.footer {
    flex-shrink: 0;
}

a {
    transition: color 0.2s ease-in-out;
}

a:focus {
    outline: none;
}

/* stylelint-disable selector-no-qualifying-type */
a[class^=bg-]:not(.btn),
a[class*=bg-]:not(.btn) {
    transition: background-color 0.25s ease;
}

/* stylelint-enable selector-no-qualifying-type */
img,
figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

svg {
    max-width: 100%;
}

::-moz-selection {
    background: var(--ar-user-selection-color);
}

::selection {
    background: var(--ar-user-selection-color);
}

button:focus {
    outline: none;
}

[class*=" ai-"],
[class^=ai-] {
    display: inline-flex;
    line-height: 1;
    vertical-align: middle;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-weight: var(--ar-heading-font-weight);
}

h1 > a,
.h1 > a,
h2 > a,
.h2 > a,
h3 > a,
.h3 > a {
    color: var(--ar-heading-link-color);
    text-decoration: none;
}

h1 > a:hover,
.h1 > a:hover,
h2 > a:hover,
.h2 > a:hover,
h3 > a:hover,
.h3 > a:hover {
    color: var(--ar-heading-link-hover-color);
}

/* stylelint-disable selector-no-qualifying-type */
:not(pre) > code[class*=language-] {
    --ar-pre-padding-y: 1.5rem;
    --ar-pre-padding-x: 1rem;
    --ar-pre-border-width: var(--ar-border-width);
    --ar-pre-border-color: rgba(255, 255, 255, 0.13);
    --ar-pre-bg: #121519;
    --ar-pre-line-numbers-border-width: var(--ar-border-width);
    --ar-pre-line-numbers-border-color: rgba(255, 255, 255, 0.13);
    --ar-pre-line-numbers-color: rgba(255, 255, 255, 0.4);
    --ar-pre-tag-color: #47abfd;
    --ar-pre-comment-color: rgba(255, 255, 255, .4);
    --ar-pre-attr-name-color: #a8e1ff;
    --ar-pre-attr-value-color: #f0c93e;
    --ar-pre-class-name-color: #35bcba;
    padding: 1.5rem 1rem;
    margin: 0;
    font-size: 0.875em;
    background-color: #121519;
    border: var(--ar-border-width) solid rgba(255, 255, 255, 0.13);
    border-radius: var(--ar-border-radius-xl);
}

code[class*=language-] {
    --ar-pre-color: #fff;
    color: var(--ar-pre-color);
    text-shadow: none;
}

/* stylelint-enable selector-no-qualifying-type */

/* stylelint-disable selector-no-qualifying-type, selector-class-pattern, declaration-no-important */

/* stylelint-enable selector-no-qualifying-type, selector-class-pattern, declaration-no-important */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn:not([class^=btn-outline-]):not([class*=" btn-outline-"]):not(.btn-secondary):not(.btn-light):not(.btn-link) {
    --ar-btn-color: #fff;
}

.btn > [class^=ai-],
.btn > [class*=" ai-"] {
    font-size: 1.25em;
}

.btn-primary {
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
    --ar-btn-hover-bg: #2500DB;
    --ar-btn-active-bg: #2500DB;
    --ar-btn-hover-border-color: #2500DB;
    --ar-btn-active-border-color: #2500DB;
    --ar-btn-disabled-color: #fff;
}

.btn-secondary {
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
    --ar-btn-hover-bg: #d3dde6;
    --ar-btn-active-bg: #d3dde6;
    --ar-btn-hover-border-color: #d3dde6;
    --ar-btn-active-border-color: #d3dde6;
    --ar-btn-disabled-color: #fff;
}

.btn-secondary {
    --ar-btn-color: #434a57 !important;
    --ar-btn-hover-color: #121519 !important;
    --ar-btn-active-color: #121519 !important;
    --ar-btn-disabled-color: #576071;
}

.btn-icon {
    --ar-btn-size: 3rem;
    flex-shrink: 0;
    width: var(--ar-btn-size);
    height: var(--ar-btn-size);
    padding: 0;
}

.btn-icon > .ai-play {
    margin-left: 0.1875rem;
}

/* stylelint-disable declaration-no-important */

/* stylelint-enable declaration-no-important */
/* stylelint-disable selector-no-qualifying-type, declaration-no-important, property-no-vendor-prefix */

.dropdown-menu {
    --ar-dropdown-link-font-weight: 500;
    box-shadow: 0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32);
}

.dropdown-menu li:hover > .dropdown-item {
    color: var(--ar-dropdown-link-hover-color);
}

.dropdown-item {
    font-weight: var(--ar-dropdown-link-font-weight);
}

.dropdown-item:hover * {
    opacity: 1 !important;
}

li:hover > .dropdown-item * {
    opacity: 1 !important;
}

/* stylelint-enable selector-no-qualifying-type, declaration-no-important, property-no-vendor-prefix */
.nav {
    --ar-nav-link-active-color: var(--ar-primary);
}

/* stylelint-disable declaration-no-important */

/* stylelint-enable declaration-no-important */

/* stylelint-disable selector-class-pattern, selector-no-qualifying-type, declaration-no-important */

/* stylelint-enable selector-class-pattern, selector-no-qualifying-type, declaration-no-important */

.steps {
    --ar-steps-padding-y: 1.5rem;
    --ar-steps-padding-x: 1.5rem;
    --ar-steps-number-size: 4.5rem;
    --ar-steps-number-inner-size: 3.5rem;
    --ar-steps-number-border-radius: 50%;
    --ar-steps-number-font-size: calc(var(--ar-body-font-size) * 1.25);
    --ar-steps-number-inner-bg: var(--ar-gray-100);
    --ar-steps-number-color: var(--ar-primary);
    --ar-steps-connect-width: var(--ar-border-width);
    --ar-steps-connect-style: dashed;
    --ar-steps-connect-color: var(--ar-gray-400);
    --ar-steps-active-number-bg: rgba(var(--ar-primary-rgb), 0.1);
    --ar-steps-active-number-inner-bg: var(--ar-primary);
    --ar-steps-active-number-color: #fff;
    display: flex;
    flex-direction: column;
    margin: calc(var(--ar-steps-padding-y) * -1) 0;
}

.step {
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--ar-steps-padding-y) 0;
}

.step::before,
.step::after {
    position: absolute;
    left: calc(var(--ar-steps-number-size) * 0.5);
    height: calc(50% - var(--ar-steps-number-size) * 0.5);
    border-left: var(--ar-steps-connect-width) var(--ar-steps-connect-style) var(--ar-steps-connect-color);
}

.step::before {
    top: 0;
}

.step::after {
    bottom: 0;
}

.step:not(:first-child)::before {
    content: "";
}

.step:not(:last-child)::after {
    content: "";
}