:root,
[data-bs-theme="light"] {
  --bs-primary: #4caf50;
  --bs-primary-rgb: 76, 175, 80;
  --bs-primary-text-emphasis: #1e4620;
  --bs-primary-bg-subtle: #dbefdc;
  --bs-primary-border-subtle: #b7dfb9;
  --bs-secondary: #8e7d4e;
  --bs-secondary-rgb: 142, 125, 78;
  --bs-secondary-text-emphasis: #39321f;
  --bs-secondary-bg-subtle: #e8e5dc;
  --bs-secondary-border-subtle: #d2cbb8;
  --bs-success: #8bc34a;
  --bs-success-rgb: 139, 195, 74;
  --bs-success-text-emphasis: #384e1e;
  --bs-success-bg-subtle: #e8f3db;
  --bs-success-border-subtle: #d1e7b7;
  --bs-info: #8dbfbc;
  --bs-info-rgb: 141, 191, 188;
  --bs-info-text-emphasis: #384c4b;
  --bs-info-bg-subtle: #e8f2f2;
  --bs-info-border-subtle: #d1e5e4;
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-text-emphasis: #664d03;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger: #d84315;
  --bs-danger-rgb: 216, 67, 21;
  --bs-danger-text-emphasis: #561b08;
  --bs-danger-bg-subtle: #f7d9d0;
  --bs-danger-border-subtle: #efb4a1;
  --bs-light: #f1f8e9;
  --bs-light-rgb: 241, 248, 233;
  --bs-light-text-emphasis: #60635d;
  --bs-light-bg-subtle: #fcfefb;
  --bs-light-border-subtle: #f9fcf6;
  --bs-dark: #6d4c41;
  --bs-dark-rgb: 109, 76, 65;
  --bs-dark-text-emphasis: #2c1e1a;
  --bs-dark-bg-subtle: #e2dbd9;
  --bs-dark-border-subtle: #c5b7b3;
  --bs-body-color: #2e7d32;
  --bs-body-color-rgb: 46, 125, 50;
  --bs-secondary-color: #6d4c41;
  --bs-secondary-color-rgb: 109, 76, 65;
  --bs-tertiary-color: #8e7d4e;
  --bs-tertiary-color-rgb: 142, 125, 78;
  --bs-body-bg: #f1f8e9;
  --bs-body-bg-rgb: 241, 248, 233;
  --bs-secondary-bg: #e8f5e9;
  --bs-secondary-bg-rgb: 232, 245, 233;
  --bs-tertiary-bg: #fff8e1;
  --bs-tertiary-bg-rgb: 255, 248, 225;
  --bs-link-color: #2e7d32;
  --bs-link-color-rgb: 46, 125, 50;
  --bs-link-hover-color: #4caf50;
  --bs-link-hover-color-rgb: 76, 175, 80;
}
.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #4caf50;
  --bs-btn-border-color: #4caf50;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #67bb6a;
  --bs-btn-hover-border-color: #5eb762;
  --bs-btn-focus-shadow-rgb: 11, 26, 12;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #70bf73;
  --bs-btn-active-border-color: #5eb762;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #4caf50;
  --bs-btn-disabled-border-color: #4caf50;
}
.btn-outline-primary {
  --bs-btn-color: #4caf50;
  --bs-btn-border-color: #4caf50;
  --bs-btn-focus-shadow-rgb: 76, 175, 80;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #4caf50;
  --bs-btn-hover-border-color: #4caf50;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #4caf50;
  --bs-btn-active-border-color: #4caf50;
  --bs-btn-disabled-color: #4caf50;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4caf50;
}
.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #8e7d4e;
  --bs-btn-border-color: #8e7d4e;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #9f9169;
  --bs-btn-hover-border-color: #998a60;
  --bs-btn-focus-shadow-rgb: 21, 19, 12;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #a59771;
  --bs-btn-active-border-color: #998a60;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #8e7d4e;
  --bs-btn-disabled-border-color: #8e7d4e;
}
.btn-outline-secondary {
  --bs-btn-color: #8e7d4e;
  --bs-btn-border-color: #8e7d4e;
  --bs-btn-focus-shadow-rgb: 142, 125, 78;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #8e7d4e;
  --bs-btn-hover-border-color: #8e7d4e;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #8e7d4e;
  --bs-btn-active-border-color: #8e7d4e;
  --bs-btn-disabled-color: #8e7d4e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8e7d4e;
}
.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #8bc34a;
  --bs-btn-border-color: #8bc34a;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #9ccc65;
  --bs-btn-hover-border-color: #97c95c;
  --bs-btn-focus-shadow-rgb: 21, 29, 11;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #a2cf6e;
  --bs-btn-active-border-color: #97c95c;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #8bc34a;
  --bs-btn-disabled-border-color: #8bc34a;
}
.btn-outline-success {
  --bs-btn-color: #8bc34a;
  --bs-btn-border-color: #8bc34a;
  --bs-btn-focus-shadow-rgb: 139, 195, 74;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #8bc34a;
  --bs-btn-hover-border-color: #8bc34a;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #8bc34a;
  --bs-btn-active-border-color: #8bc34a;
  --bs-btn-disabled-color: #8bc34a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8bc34a;
}
.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #8dbfbc;
  --bs-btn-border-color: #8dbfbc;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #9ec9c6;
  --bs-btn-hover-border-color: #98c5c3;
  --bs-btn-focus-shadow-rgb: 21, 29, 28;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #a4ccc9;
  --bs-btn-active-border-color: #98c5c3;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #8dbfbc;
  --bs-btn-disabled-border-color: #8dbfbc;
}
.btn-outline-info {
  --bs-btn-color: #8dbfbc;
  --bs-btn-border-color: #8dbfbc;
  --bs-btn-focus-shadow-rgb: 141, 191, 188;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #8dbfbc;
  --bs-btn-hover-border-color: #8dbfbc;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #8dbfbc;
  --bs-btn-active-border-color: #8dbfbc;
  --bs-btn-disabled-color: #8dbfbc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8dbfbc;
}
.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 38, 29, 1;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #000000;
  --bs-btn-bg: #d84315;
  --bs-btn-border-color: #d84315;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #de5f38;
  --bs-btn-hover-border-color: #dc562c;
  --bs-btn-focus-shadow-rgb: 32, 10, 3;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #e06944;
  --bs-btn-active-border-color: #dc562c;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #d84315;
  --bs-btn-disabled-border-color: #d84315;
}
.btn-outline-danger {
  --bs-btn-color: #d84315;
  --bs-btn-border-color: #d84315;
  --bs-btn-focus-shadow-rgb: 216, 67, 21;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #d84315;
  --bs-btn-hover-border-color: #d84315;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #d84315;
  --bs-btn-active-border-color: #d84315;
  --bs-btn-disabled-color: #d84315;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d84315;
}
.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f1f8e9;
  --bs-btn-border-color: #f1f8e9;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #cdd3c6;
  --bs-btn-hover-border-color: #c1c6ba;
  --bs-btn-focus-shadow-rgb: 36, 37, 35;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #c1c6ba;
  --bs-btn-active-border-color: #b5baaf;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f1f8e9;
  --bs-btn-disabled-border-color: #f1f8e9;
}
.btn-outline-light {
  --bs-btn-color: #f1f8e9;
  --bs-btn-border-color: #f1f8e9;
  --bs-btn-focus-shadow-rgb: 241, 248, 233;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f1f8e9;
  --bs-btn-hover-border-color: #f1f8e9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f1f8e9;
  --bs-btn-active-border-color: #f1f8e9;
  --bs-btn-disabled-color: #f1f8e9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f1f8e9;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6d4c41;
  --bs-btn-border-color: #6d4c41;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5d4137;
  --bs-btn-hover-border-color: #573d34;
  --bs-btn-focus-shadow-rgb: 233, 228, 227;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #573d34;
  --bs-btn-active-border-color: #523931;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6d4c41;
  --bs-btn-disabled-border-color: #6d4c41;
}
.btn-outline-dark {
  --bs-btn-color: #6d4c41;
  --bs-btn-border-color: #6d4c41;
  --bs-btn-focus-shadow-rgb: 109, 76, 65;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6d4c41;
  --bs-btn-hover-border-color: #6d4c41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6d4c41;
  --bs-btn-active-border-color: #6d4c41;
  --bs-btn-disabled-color: #6d4c41;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6d4c41;
}
[data-bs-theme="dark"] {
  --bs-primary: #2e7d32;
  --bs-primary-rgb: 46, 125, 50;
  --bs-primary-text-emphasis: #82b184;
  --bs-primary-bg-subtle: #09190a;
  --bs-primary-border-subtle: #1c4b1e;
  --bs-secondary: #5d4532;
  --bs-secondary-rgb: 93, 69, 50;
  --bs-secondary-text-emphasis: #9e8f84;
  --bs-secondary-bg-subtle: #130e0a;
  --bs-secondary-border-subtle: #38291e;
  --bs-success: #388e3c;
  --bs-success-rgb: 56, 142, 60;
  --bs-success-text-emphasis: #88bb8a;
  --bs-success-bg-subtle: #0b1c0c;
  --bs-success-border-subtle: #225524;
  --bs-info: #4e6e64;
  --bs-info-rgb: 78, 110, 100;
  --bs-info-text-emphasis: #95a8a2;
  --bs-info-bg-subtle: #101614;
  --bs-info-border-subtle: #2f423c;
  --bs-warning: #f9a825;
  --bs-warning-rgb: 249, 168, 37;
  --bs-warning-text-emphasis: #fbcb7c;
  --bs-warning-bg-subtle: #322207;
  --bs-warning-border-subtle: #956516;
  --bs-danger: #bf360c;
  --bs-danger-rgb: 191, 54, 12;
  --bs-danger-text-emphasis: #d9866d;
  --bs-danger-bg-subtle: #260b02;
  --bs-danger-border-subtle: #732007;
  --bs-light: #a1887f;
  --bs-light-rgb: 161, 136, 127;
  --bs-light-text-emphasis: #c7b8b2;
  --bs-light-bg-subtle: #201b19;
  --bs-light-border-subtle: #61524c;
  --bs-dark: #3e2723;
  --bs-dark-rgb: 62, 39, 35;
  --bs-dark-text-emphasis: #8b7d7b;
  --bs-dark-bg-subtle: #0c0807;
  --bs-dark-border-subtle: #251715;
  --bs-body-color: #c8e6c9;
  --bs-body-color-rgb: 200, 230, 201;
  --bs-secondary-color: #a1887f;
  --bs-secondary-color-rgb: 161, 136, 127;
  --bs-tertiary-color: #8e7d4e;
  --bs-tertiary-color-rgb: 142, 125, 78;
  --bs-body-bg: #3e2723;
  --bs-body-bg-rgb: 62, 39, 35;
  --bs-secondary-bg: #4e342e;
  --bs-secondary-bg-rgb: 78, 52, 46;
  --bs-tertiary-bg: #5d4532;
  --bs-tertiary-bg-rgb: 93, 69, 50;
  --bs-body-font-family: Poppins, sans-serif;
}
.btn-primary[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2e7d32;
  --bs-btn-border-color: #2e7d32;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #276a2b;
  --bs-btn-hover-border-color: #256428;
  --bs-btn-focus-shadow-rgb: 224, 236, 224;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #256428;
  --bs-btn-active-border-color: #235e26;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2e7d32;
  --bs-btn-disabled-border-color: #2e7d32;
}
.btn-outline-primary[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #2e7d32;
  --bs-btn-border-color: #2e7d32;
  --bs-btn-focus-shadow-rgb: 46, 125, 50;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2e7d32;
  --bs-btn-hover-border-color: #2e7d32;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2e7d32;
  --bs-btn-active-border-color: #2e7d32;
  --bs-btn-disabled-color: #2e7d32;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2e7d32;
}
.btn-secondary[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5d4532;
  --bs-btn-border-color: #5d4532;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4f3b2b;
  --bs-btn-hover-border-color: #4a3728;
  --bs-btn-focus-shadow-rgb: 231, 227, 224;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a3728;
  --bs-btn-active-border-color: #463426;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5d4532;
  --bs-btn-disabled-border-color: #5d4532;
}
.btn-outline-secondary[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: #5d4532;
  --bs-btn-border-color: #5d4532;
  --bs-btn-focus-shadow-rgb: 93, 69, 50;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5d4532;
  --bs-btn-hover-border-color: #5d4532;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5d4532;
  --bs-btn-active-border-color: #5d4532;
  --bs-btn-disabled-color: #5d4532;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #5d4532;
}
.btn-success[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #388e3c;
  --bs-btn-border-color: #388e3c;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #569f59;
  --bs-btn-hover-border-color: #4c9950;
  --bs-btn-focus-shadow-rgb: 8, 21, 9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #60a563;
  --bs-btn-active-border-color: #4c9950;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #388e3c;
  --bs-btn-disabled-border-color: #388e3c;
}
.btn-outline-success[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-success {
  --bs-btn-color: #388e3c;
  --bs-btn-border-color: #388e3c;
  --bs-btn-focus-shadow-rgb: 56, 142, 60;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #388e3c;
  --bs-btn-hover-border-color: #388e3c;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #388e3c;
  --bs-btn-active-border-color: #388e3c;
  --bs-btn-disabled-color: #388e3c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #388e3c;
}
.btn-info[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4e6e64;
  --bs-btn-border-color: #4e6e64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #425e55;
  --bs-btn-hover-border-color: #3e5850;
  --bs-btn-focus-shadow-rgb: 228, 233, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3e5850;
  --bs-btn-active-border-color: #3b534b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4e6e64;
  --bs-btn-disabled-border-color: #4e6e64;
}
.btn-outline-info[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-info {
  --bs-btn-color: #4e6e64;
  --bs-btn-border-color: #4e6e64;
  --bs-btn-focus-shadow-rgb: 78, 110, 100;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4e6e64;
  --bs-btn-hover-border-color: #4e6e64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4e6e64;
  --bs-btn-active-border-color: #4e6e64;
  --bs-btn-disabled-color: #4e6e64;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4e6e64;
}
.btn-warning[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f9a825;
  --bs-btn-border-color: #f9a825;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fab546;
  --bs-btn-hover-border-color: #fab13b;
  --bs-btn-focus-shadow-rgb: 37, 25, 6;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fab951;
  --bs-btn-active-border-color: #fab13b;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f9a825;
  --bs-btn-disabled-border-color: #f9a825;
}
.btn-outline-warning[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-warning {
  --bs-btn-color: #f9a825;
  --bs-btn-border-color: #f9a825;
  --bs-btn-focus-shadow-rgb: 249, 168, 37;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f9a825;
  --bs-btn-hover-border-color: #f9a825;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f9a825;
  --bs-btn-active-border-color: #f9a825;
  --bs-btn-disabled-color: #f9a825;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f9a825;
}
.btn-danger[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #bf360c;
  --bs-btn-border-color: #bf360c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a22e0a;
  --bs-btn-hover-border-color: #992b0a;
  --bs-btn-focus-shadow-rgb: 245, 225, 219;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #992b0a;
  --bs-btn-active-border-color: #8f2909;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bf360c;
  --bs-btn-disabled-border-color: #bf360c;
}
.btn-outline-danger[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-danger {
  --bs-btn-color: #bf360c;
  --bs-btn-border-color: #bf360c;
  --bs-btn-focus-shadow-rgb: 191, 54, 12;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bf360c;
  --bs-btn-hover-border-color: #bf360c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bf360c;
  --bs-btn-active-border-color: #bf360c;
  --bs-btn-disabled-color: #bf360c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #bf360c;
}
.btn-light[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #a1887f;
  --bs-btn-border-color: #a1887f;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #89746c;
  --bs-btn-hover-border-color: #816d66;
  --bs-btn-focus-shadow-rgb: 24, 20, 19;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #816d66;
  --bs-btn-active-border-color: #79665f;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #a1887f;
  --bs-btn-disabled-border-color: #a1887f;
}
.btn-outline-light[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-light {
  --bs-btn-color: #a1887f;
  --bs-btn-border-color: #a1887f;
  --bs-btn-focus-shadow-rgb: 161, 136, 127;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #a1887f;
  --bs-btn-hover-border-color: #a1887f;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #a1887f;
  --bs-btn-active-border-color: #a1887f;
  --bs-btn-disabled-color: #a1887f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a1887f;
}
.btn-dark[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3e2723;
  --bs-btn-border-color: #3e2723;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #35211e;
  --bs-btn-hover-border-color: #321f1c;
  --bs-btn-focus-shadow-rgb: 226, 223, 222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #321f1c;
  --bs-btn-active-border-color: #2f1d1a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3e2723;
  --bs-btn-disabled-border-color: #3e2723;
}
.btn-outline-dark[data-bs-theme="dark"],
[data-bs-theme="dark"] .btn-outline-dark {
  --bs-btn-color: #3e2723;
  --bs-btn-border-color: #3e2723;
  --bs-btn-focus-shadow-rgb: 62, 39, 35;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3e2723;
  --bs-btn-hover-border-color: #3e2723;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3e2723;
  --bs-btn-active-border-color: #3e2723;
  --bs-btn-disabled-color: #3e2723;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3e2723;
}
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#baguetteBox-overlay.visible {
  opacity: 1;
}
#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s, -webkit-transform 0.4s;
  transition: left 0.4s, transform 0.4s, -webkit-transform 0.4s,
    -moz-transform 0.4s;
}
#baguetteBox-slider.bounce-from-right {
  -webkit-animation: 0.4s ease-out bounceFromRight;
  animation: 0.4s ease-out bounceFromRight;
}
#baguetteBox-slider.bounce-from-left {
  -webkit-animation: 0.4s ease-out bounceFromLeft;
  animation: 0.4s ease-out bounceFromLeft;
}
@keyframes bounceFromRight {
  0%,
  100% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
}
@keyframes bounceFromLeft {
  0%,
  100% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}
.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.baguetteBox-button:focus,
.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
  right: 2%;
}
.baguetteBox-button#previous-button {
  left: 2%;
}
.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}
.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: 2s ease-in-out infinite bounce;
  animation: 2s ease-in-out infinite bounce;
}
.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.fit-cover {
  object-fit: cover;
}
.bs-icon {
  --bs-icon-size: 0.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), 0.2);
}
.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, 0.5);
}
.bs-icon.bs-icon-rounded {
  border-radius: 0.5rem;
}
.bs-icon.bs-icon-circle {
  border-radius: 50%;
}
.video-container {
  cursor: pointer;
}
.video-container img {
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  background-color: #60a563;
  justify-content: center;
  align-items: center;
  animation: wave 1.5s infinite;
}
.play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 8px 20px #4e6e64;
}

.play-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 #82b184;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
}

.logo-container {
  position: relative;
}

.logo-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation: logo-wave 1.5s infinite;
}

@keyframes logo-wave {
  0% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 15px #b7dfb9;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.4);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    opacity: 0.6;
  }
}

.logo-container img {
  position: relative;
  z-index: 1;
  border-radius: 10px;
}

.contact-card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 78, 21, 0.3);
}

footer {
  background-color: #4caf50;
  color: white;
  padding: 20px;
  font-weight: bold;
  text-align: center;
}

footer a {
  color: black;
  text-decoration: none;
}

footer a:hover {
  color: #8e7d4e;
}

body {
  font-family: poppins, sans-serif;
  background-image: url("/static/img/background.jpg");
}

.btn {
  border-radius: 8px;
}

canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

#fullscreenLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1050;
  display: none;
  /* Hidden by default */
}
.loader-box {
  display: flex;
  border-radius: 5px;
  background-color: rgb(133, 132, 132, 0.5);
  width: 100px;
  height: 50px;
  align-items: center;
  justify-content: center;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s;
  z-index: 9999;
}

.popup.show {
  visibility: visible;
  opacity: 1;
}

.popup-content {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  position: relative;
}

.close-btn {
  background-color: red;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 16px;
}

.close-btn:hover {
  background-color: darkred;
}