@font-face {
    font-family: "Inter";
    font-weight: normal;
    src: url("../webfonts/Inter-Regular.ttf");
}

@font-face {
    font-family: "Inter";
    font-weight: bold;
    src: url("../webfonts/Inter-Bold.ttf");
}

body {
    font-family: "Inter", Helvetica, "sans-serif";
    background: #fff;
    position: relative;
    height:100%;
}

:root {
    --bs-link-color: #007AFF;
    --bs-primary: #007AFF;
    --bs-blue: #007AFF;
    --bs-primary-rgb: 0,122,255;
    --bs-info: #30B0C7;
    --bs-cyan: #30B0C7;
    --bs-info-rgb: 48,176,199;
    --bs-success: #34C759;
    --bs-green: #34C759;
    --bs-success-rgb: 52,199,89;
    --bs-warning: #ff9f0a;
    --bs-orange: #ff9f0a;
    --bs-warning-rgb: 255,159,10;
    --bs-danger: #FF3B30;
    --bs-red: #FF3B30;
    --bs-danger-rgb: 255,59,48;
}

.btn-primary {
    --bs-btn-bg: #007AFF;
    --bs-btn-border-color: #007AFF;
    --bs-btn-hover-bg: #0068d9;
    --bs-btn-hover-border-color: #0062cc;
    --bs-btn-active-bg: #0062cc;
    --bs-btn-active-border-color: #005cbf;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 38 142 255;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #30B0C7;
    --bs-btn-border-color: #00C7BE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2995a8;
    --bs-btn-hover-border-color: #268c9e;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg: #268c9e;
    --bs-btn-active-border-color: #248394;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 79 188 207;
}

.btn-success {
    --bs-btn-bg:#34C759;
    --bs-btn-border-color: #34C759;
    --bs-btn-hover-bg: #2ca94b;
    --bs-btn-hover-border-color: #299f47;
    --bs-btn-active-bg: #299f47;
    --bs-btn-active-border-color: #279442;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 82 207 114;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff9f0a;
    --bs-btn-border-color: #ff9f0a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e38a00;
    --bs-btn-hover-border-color: #d68200;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg: #d68200;
    --bs-btn-active-border-color: #c97a00;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 222 141 15;
}

.btn-danger {
    --bs-btn-bg: #FF3B30;
    --bs-btn-border-color: #FF3B30;
    --bs-btn-hover-bg: #ff170a;
    --bs-btn-hover-border-color: #fc0d00;
    --bs-btn-active-bg: #fc0d00;
    --bs-btn-active-border-color: #ef0d00;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 255 88 79;
}

.text-bg-primary {
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;;
}

.text-bg-info {
    color:#fff!important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important;
}

.text-bg-success {
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important;
}

.text-bg-warning {
    color:#fff!important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important;
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;;
}

.alert-primary {
    --bs-alert-color: #004085;
    --bs-alert-bg: #cce5ff;
    --bs-alert-border-color: #b8daff;
}

.alert-info {
    --bs-alert-color: #195c67;
    --bs-alert-bg: #d6eff4;
    --bs-alert-border-color: #c5e9ef;
}

.alert-success {
    --bs-alert-color: #10651d;
    --bs-alert-bg: #d2f3d7;
    --bs-alert-border-color: #c0eec7;
}

.alert-warning {
    --bs-alert-color: #855305;
    --bs-alert-bg: #ffecce;
    --bs-alert-border-color: #ffe4ba;
}

.alert-danger {
    --bs-alert-color: #851f19;
    --bs-alert-bg: #ffd8d6;
    --bs-alert-border-color: #ffc8c5;
}

.scrollbar {
    overflow: auto;
}

.scrollbar::-webkit-scrollbar {
    width:8px;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.parallax {
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-bg-1 {
    background-image: url("../img/header7.webp");
}