:root {
  --body-bg-rgb: 236, 240, 250;
  --primary-rgb: 1, 98, 232;
  --secondary-rgb: 95, 109, 136;
  --warning-rgb: 251, 188, 11;
  --info-rgb: 0, 185, 255;
  --success-rgb: 34, 192, 60;
  --danger-rgb: 238, 51, 94;
  --light-rgb: 240, 241, 246;
  --dark-rgb: 59, 72, 99;
  --orange-rgb: 253, 126, 20;
  --pink-rgb: 241, 0, 117;
  --teal-rgb: 0, 204, 204;
  --purple-rgb: 72, 0, 201;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: "Roboto", sans-serif;
  --default-font-weight: 400;
  --default-text-color: #031b4e;
  --default-border: #eae8f1;
  --default-background: #f8fafd;
  --menu-bg: #fff;
  --menu-prime-color: #5b6e88;
  --menu-secondary-color: #6d7790;
  --icons-color: #5b6e88;
  --menu-category-color: #2c364c;
  --menu-border-color: #eae8f1;
  --header-bg: #fff;
  --header-prime-color: #71829b;
  --header-border-color: #eae8f1;
  --custom-white: #fff;
  --custom-black: #000;
  --custom-bg-color: #ecf0fa;
  --bootstrap-card-border: #eae8f1;
  --list-hover-focus-bg: #ecf0fa;
  --text-muted: #7987a1;
  --input-border: #e9edf6;
  --form-control-bg: #ffffff;
  --card-title-color: #242f48;
  --card-box-shadow: -8px 12px 18px 0 #dadee8;
  /* Gray set */
  --gray-1: #ecf0fa;
  --gray-2: #dde2ef;
  --gray-3: #d0d7e8;
  --gray-4: #b9c2d8;
  --gray-5: #949eb7;
  --gray-6: #737f9e;
  --gray-7: #4d5875;
  --gray-8: #364261;
  --gray-9: #242f48;
  /* White set */
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  /* Black set */
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
}

.term_container {
  width: 65%;
  background: white;
  margin: 80px auto;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.title {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}

.term_container p {
  line-height: 1.6;
  color: #333;
  font-size: 17px;
  /* margin-right: auto; */
}

.term_container pre {
  line-height: 1.6;
  color: #333;
  font-size: 15px;
  /* margin-right: auto; */
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.term_container h2 {
  font-size: 20px;
  font-weight: 500;
}

/* Responsive Design for Terms of Use Section */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .term_container {
    width: 75%;
    margin: 60px auto;
    padding: 25px;
  }

  .title {
    font-size: 28px;
  }

  .term_container h2 {
    font-size: 20px;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .term_container {
    width: 85%;
    margin: 50px auto;
    padding: 20px;
  }

  .title {
    font-size: 26px;
    margin-bottom: 15px;
  }

  .term_container p {
    font-size: 16px;
  }

  .term_container pre {
    font-size: 14px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .term_container {
    width: 90%;
    margin: 40px auto;
    padding: 15px;
  }

  .title {
    font-size: 24px;
    margin-top: 20px;
  }

  .term_container h2 {
    font-size: 18px;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .term_container {
    width: 100%;
    margin: 30px auto;
    padding: 15px;
  }

  .title {
    font-size: 20px;
    margin-bottom: 50px;
  }

  .term_container p {
    font-size: 15px;
    line-height: 1.5;
  }

  .term_container pre {
    font-size: 13px;
    line-height: 1.5;
  }

  .term_container h2 {
    font-size: 17px;
  }
}

@media (min-width: 992px) {
  .landing-body .landing-page-wrapper .app-sidebar {
    inset-block-start: 0;
    height: auto !important;
    background-color: var(--primary-color);
    box-shadow: none;
    border-inline-end: 0;
    border-block-end: 0;
  }
  .landing-body .landing-page-wrapper .app-sidebar .main-sidebar {
    height: auto !important;
  }
  .landing-body .landing-page-wrapper .app-sidebar.sticky.sticky-pin {
    background-color: var(--custom-white);
    box-shadow: 0 0.25rem 1rem var(--black-1);
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin
    .side-menu__item
    .side-menu__angle {
    color: var(--menu-prime-color);
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin
    .side-menu__item:hover
    .side-menu__angle {
    color: var(--primary-color) !important;
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin.app-sidebar
    .side-menu__label {
    color: var(--custom-black);
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin
    .landing-logo-container
    .horizontal-logo
    .desktop-white {
    display: none;
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin
    .landing-logo-container
    .horizontal-logo
    .desktop-logo {
    display: block;
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin.app-sidebar
    .side-menu__item:hover
    .side-menu__label {
    color: var(--custom-black) !important;
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.sticky.sticky-pin.app-sidebar
    .side-menu__item.active
    .side-menu__label {
    color: var(--primary-color) !important;
  }
  .landing-body
    .landing-page-wrapper
    .app-sidebar.app-sidebar
    .slide.has-sub.open
    .slide-menu.child1::before {
    border-block-start-color: var(--default-border) !important;
    border-inline-start-color: var(--default-border) !important;
  }
  .landing-body .app-header {
    display: none;
  }
  .landing-body .main-sidebar-header {
    display: block !important;
  }
  .landing-body .landing-page-wrapper .main-menu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .landing-body .landing-page-wrapper .main-menu-container .slide-left,
  .landing-body .landing-page-wrapper .main-menu-container .slide-right {
    display: none;
  }
  .landing-body .main-content {
    padding: 0;
  }
  .landing-body
    .landing-logo-container
    .horizontal-logo
    .header-logo
    .desktop-logo {
    display: none;
  }
  .landing-body
    .landing-logo-container
    .horizontal-logo
    .header-logo
    .desktop-white {
    display: block;
  }
}