/*@import url("https://fonts.googleapis.com/css?family=Montserrat"); /* headings
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans"); /*nav, captions 
@import url("https://fonts.googleapis.com/css?family=Poppins"); /*content */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://uploads.igem.org/teams/4693/wiki/assets/assets/fonts/montserrat.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://uploads.igem.org/teams/4693/wiki/assets/assets/fonts/quattrocento.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(hhttps://uploads.igem.org/teams/4693/wiki/assets/assets/fonts/poppins.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  --space: 2rem;
  --radius: 0.15rem;
}


.body {
    background-color: #f1efe5;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
      }
  .theme-switch {
    --background: #000000;
    --text: #ffffff;
    color: var(--text);
    width: 70px;
    height: 30px;
    background: var(--highlight);
    border-radius: 50px;
    position: relative;
  }
  .theme-switch .switch {
    background: rgb(0, 0, 0);
    width: 24px;
    height: 24px;
    background: var(--background);
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 4px;
    transition: 0.5s all ease;
  }
  
  .light-theme {
    --background: #fffdf8;
    --text: #000;
    background: var(--background);
  }
  .light-theme .theme-switch {
    background: var(--text);
  }
  .light-theme .theme-switch .switch {
    transform: translateX(37px);
  }
  .light-theme a {
    color: var(--text);
  }
  /* HEADINGS */
  
  a {
   text-decoration: none;
}
a:hover {
  color:#0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: underline;
}

 p {
  font-family: 'Poppins', 'normal', sans-serif;
}
td {
  font-family: 'Poppins', 'normal', sans-serif;
}
li {
  font-family: 'Poppins', 'normal', sans-serif;
}
.font-p {
  font-family: 'Poppins', 'normal', sans-serif;
}

.font-head {
  font-family: 'Montserrat', 'normal', sans-serif;
}
.font-acc {
  font-family: 'Quattrocento Sans';
}
  h1 {
    color: #000000;
    text-align: center;
    line-height: 1.4;
    font-family: 'Montserrat', 'normal', sans-serif;
  }
  
  h1 {
    font-size: 4.2rem;
    font-family: 'Montserrat', 'normal', sans-serif;
  }
  
  h2 {
    color: #000;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 10px;
    font-family: 'Montserrat', 'normal', sans-serif;
  }
  h3 {
    color: #000000;
    text-align: center;
    line-height: 1.4;
    font-family: 'Montserrat', 'normal', sans-serif;
  }
  
  .h4,
h4 {
    font-size: calc(1.275rem + 0.3vw);
    font-family: 'Montserrat', 'normal', sans-serif;
}
@media (min-width: 1200px) {
    .h4,
    h4 {
        font-size: 1.5rem;
        font-family: 'Montserrat', 'normal', sans-serif;
    }
}

  /* BASIC SETUP */

  .page-wrapper {
    width: 100%;
    height: auto;
    background-color: #fffdf8;
  }
  
  .nav-wrapper {
    width: 100%;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-image: linear-gradient(to bottom, #ffffffdb, #eaeaeac7);
  }
  
  .grad-bar {
    width: 100%;
    height: 5px;
    background: linear-gradient(-45deg, #3d5f7b, #80c6b3, #6eaaa4, #568590);
    background-size: 400% 400%;
        -webkit-animation: gradbar 15s ease infinite;
      -moz-animation: gradbar 15s ease infinite;
      animation: gradbar 15s ease infinite;
  }
  
  /* NAVIGATION */

  .navbar {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    height:70px;
    z-index: 1000;
    font-family: 'Quattrocento Sans';
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  
  .navbar img {
    height: 50px;
    width: auto;
    justify-self: start;
    margin-left: 20px;
    margin-top: -14px;
  }
  
  .navbar ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(8,0.8fr);
    justify-self: end;
    align-items: center;
  }
  
  .nav-item a {
    color: #000;
    /*font-size: 0.9rem;
    font-weight: 400;*/
    text-decoration: none;
    transition: color 0.3s ease-out;
  }
  
  .nav-item a:hover {
    color: #ffffff;
    background-color: #80c5b3;
    border-radius:8px;
    padding:10px;
    text-decoration: none;

  }
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .dropdown {
    float: left;
  }
  
  /* Dropdown button */

  .dropdown .dropbtn {
    font-size: 1.1rem;
    border: none;
    font-weight:400;
    outline: none;
    color: rgb(0, 0, 0);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }

  .dropdown .dropbtn-HP {
    font-size: 1.1rem;
    border: none;
    font-weight:400;
    outline: none;
    color: rgb(0, 0, 0);
    padding: 2px 2px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }
  
  /* Add a red background color to navbar links on hover */

  .navbar a:hover, .dropdown:hover .dropbtn {
    
  }
  
  /* Dropdown content (hidden by default) */

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #4e7989;
    min-width: 120px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    z-index: 5;
    border-radius:8px;
  }
  
  /* Links inside the dropdown */

  .dropdown-content a {
    float: none;
    color: black;
    padding: 3px 4px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  /* Add a grey background color to dropdown links on hover */

  .dropdown-content a:hover {
    background-color: #80c5b3;
  }
  
  /* Show the dropdown menu on hover */

  .dropdown:hover .dropdown-content {
    display:block;
     }
  /* SECTIONS */
  
  .headline {
    width: 100%;
    height: 50vh;
    min-height: 350px;
    background: linear-gradient(rgba(26, 26, 26, 0.3),rgba(246, 246, 246, 0.7)), url('bg.jpeg');
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
  }
  
  .features {
    width: 100%;
    height: auto;
    background-color: #f8f5f5;
    display: flex;
    padding: 50px 20px;
    justify-content: space-around;
  }
  
  .feature-container {
    flex-basis: 30%;
    margin-top: 10px;
  }
  
  .feature-container p {
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  
  .feature-container img {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 5px 0;
  }
  
  .column {
    flex: 1;
    border: 1px solid gray;
    margin: 2px;
    padding: 10px;
  }
  .column:first-child {
    margin-left: 0;
  }
  .column:last-child {
    margin-right: 0;
  }
    /* SEARCH FUNCTION */
  
  #search-icon {
    font-size: 0.9rem;
    margin-top: 3px;
    margin-left: 15px;
    transition: color 0.3s ease-out;
  }
  
  #search-icon:hover {
    color: #3498db;
    cursor: pointer;
  }
  
  .search {
    transform: translate(-35%);
    -webkit-transform: translate(-35%);
    transition: transform 0.7s ease-in-out;
    color: #3498db;
  }
  
  .no-search {
    transform: translate(0);
    transition: transform 0.7s ease-in-out;
  }
  
  .search-input {
    position: absolute;
    top: -4px;
    right: -125px;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.6s ease;
  }
  
  .search-active {
    opacity: 1;
    z-index: 0;
  }
  
  input {
    border: 0;
    border-left: 1px solid #ccc;
    border-radius: 0; /* FOR SAFARI */
    outline: 0;
    padding: 5px;
  }
  
  /* MOBILE MENU & ANIMATION */
  
  .menu-toggle .bar{
    width: 25px;
    height: 3px;
    background-color: #3f3f3f;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .menu-toggle {
    justify-self: end;
    margin-right: 25px;
    display: none;
  }
  
  .menu-toggle:hover{
    cursor: pointer;
  }
  
  #mobile-menu.is-active .bar:nth-child(2){
    opacity: 0;
  }
  
  #mobile-menu.is-active .bar:nth-child(1){
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  #mobile-menu.is-active .bar:nth-child(3){
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  
  /* KEYFRAME ANIMATIONS */
  
  @-webkit-keyframes gradbar {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
  
  @-moz-keyframes gradbar {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
  
  @keyframes gradbar {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
  
  /* Media Queries */
  
    /* Mobile Devices - Phones/Tablets */
  
  @media only screen and (max-width: 720px) { 
    .features {
      flex-direction: column;
      padding: 50px;
    }
    
    /* MOBILE HEADINGS */
    
    h1 {
      font-size: 1.9rem;
    }
    
    h2 {
      font-size: 1rem;
    }
    
    p {
      font-size: 0.8rem;
    }
    
    /* MOBILE NAVIGATION */
       
    .navbar ul {
      display: flex;
      flex-direction: column;
      position: fixed;
      justify-items:center;
      align-items: center;
      top: 55px;
      background-color: #fff;
      width: 100%;
      height: calc(100vh - 55px);
      transform: translate(-101%);
      text-align: center;
      overflow: hidden;
    }
    
    .navbar li {
      padding: 15px;
    }
    
    .navbar li:first-child {
      margin-top: 50px;
    }
    
    .navbar li a {
      font-size: 1rem;
    }
     
    .menu-toggle, .bar {
      display: block;
      cursor: pointer;
    }
    
    .mobile-nav {
    transform: translate(0%)!important;
  }
    
    /* SECTIONS */
    
    .headline {
      height: 20vh;
    }
      
    .feature-container p {
      margin-bottom: 25px;
    }
    
    .feature-container {
      margin-top: 20px;
    }
    
    .feature-container:nth-child(2) {
      order: -1;
    }
    
    /* SEARCH DISABLED ON MOBILE */
    
    #search-icon {
      display: none;
    }
    
    .search-input {
    display: none;
   }
    
  }

  /* footer */
  .bg-dark { 
    background: linear-gradient(-45deg, #3d5f7b, #80c6b3, #6eaaa4, #568590);
    background-size: 400% 400%;
   -webkit-animation: gradbar 5s ease infinite;
 -moz-animation: gradbar 10s ease infinite;
 animation: gradbar 10s ease infinite;

}

.bg-hero { background-color: #2B3252;
}
  
/*
  background-image: url(https://static.igem.wiki/teams/4693/wiki/assets/headers/hardware-head.svg);background-size: contain;}
*/ 

footer {
  background-color:#0D0B0A;
}
.site-footer
{
  background-color:#0D0B0A;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-0 {
  margin-left: 0%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
      flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
      flex: 0 0 auto;
      width: auto;
  }
  .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
  }
  .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
  }
  .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
  }
  .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
  }
  .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
  }
  .col-sm-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
  }
  .col-sm-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
  }
  .col-sm-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .col-sm-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
  }
  .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
  }
  .col-sm-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
  }
  .col-sm-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
  }
  .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
  }
  .col-sm-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
  }
  .col-sm-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
  }
  .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
  }
  .offset-sm-0 {
      margin-left: 0;
  }
  .offset-sm-1 {
      margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
      margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
      margin-left: 25%;
  }
  .offset-sm-4 {
      margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
      margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
      margin-left: 50%;
  }
  .offset-sm-7 {
      margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
      margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
      margin-left: 75%;
  }
  .offset-sm-10 {
      margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
      margin-left: 91.6666666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
      --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
      --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
      --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
      --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
      --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
      --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
      --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
      --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
      --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
      --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
      --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
      --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
      flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
      flex: 0 0 auto;
      width: auto;
  }
  .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
  }
  .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
  }
  .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
  }
  .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
  }
  .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-md-auto {
      flex: 0 0 auto;
      width: auto;
  }
  .col-md-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
  }
  .col-md-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
  }
  .col-md-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .col-md-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
  }
  .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
  }
  .col-md-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
  }
  .col-md-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
  }
  .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
  }
  .col-md-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
  }
  .col-md-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
  }
  .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
  }
  .offset-md-0 {
      margin-left: 0;
  }
  .offset-md-1 {
      margin-left: 8.3333333333%;
  }
  .offset-md-2 {
      margin-left: 16.6666666667%;
  }
  .offset-md-3 {
      margin-left: 25%;
  }
  .offset-md-4 {
      margin-left: 33.3333333333%;
  }
  .offset-md-5 {
      margin-left: 41.6666666667%;
  }
  .offset-md-6 {
      margin-left: 50%;
  }
  .offset-md-7 {
      margin-left: 58.3333333333%;
  }
  .offset-md-8 {
      margin-left: 66.6666666667%;
  }
  .offset-md-9 {
      margin-left: 75%;
  }
  .offset-md-10 {
      margin-left: 83.3333333333%;
  }
  .offset-md-11 {
      margin-left: 91.6666666667%;
  }
  .g-md-0,
  .gx-md-0 {
      --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
      --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
      --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
      --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
      --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
      --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
      --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
      --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
      --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
      --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
      --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
      --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
      flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
      flex: 0 0 auto;
      width: auto;
  }
  .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
  }
  .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
  }
  .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
  }
  .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
  }
  .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
  }
  .col-lg-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
  }
  .col-lg-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
  }
  .col-lg-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .col-lg-5 {
      flex: 0 0 auto;
      width: 30.6666666667%;
  }
  .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
  }
  .col-lg-7 {
      flex: 0 0 auto;
      width: 68.3333333333%;
  }
  .col-lg-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
  }
  .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
  }
  .col-lg-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
  }
  .col-lg-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
  }
  .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
  }
  .offset-lg-0 {
      margin-left: 0;
  }
  .offset-lg-1 {
      margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
      margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
      margin-left: 25%;
  }
  .offset-lg-4 {
      margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
      margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
      margin-left: 50%;
  }
  .offset-lg-7 {
      margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
      margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
      margin-left: 75%;
  }
  .offset-lg-10 {
      margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
      margin-left: 91.6666666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
      --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
      --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
      --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
      --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
      --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
      --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
      --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
      --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
      --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
      --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
      --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
      --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
      flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
      flex: 0 0 auto;
      width: auto;
  }
  .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
  }
  .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
  }
  .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
  }
  .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
  }
  .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
  }
  .col-xl-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
  }
  .col-xl-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
  }
  .col-xl-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .col-xl-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
  }
  .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
  }
  .col-xl-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
  }
  .col-xl-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
  }
  .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
  }
  .col-xl-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
  }
  .col-xl-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
  }
  .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
  }
  .offset-xl-0 {
      margin-left: 0;
  }
  .offset-xl-1 {
      margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
      margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
      margin-left: 25%;
  }
  .offset-xl-4 {
      margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
      margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
      margin-left: 50%;
  }
  .offset-xl-7 {
      margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
      margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
      margin-left: 75%;
  }
  .offset-xl-10 {
      margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
      margin-left: 91.6666666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
      --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
      --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
      --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
      --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
      --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
      --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
      --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
      --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
      --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
      --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
      --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
      --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
      flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
      flex: 0 0 auto;
      width: auto;
  }
  .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
  }
  .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
  }
  .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
  }
  .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
  }
  .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
  }
  .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
  }
  .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
  }
  .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
  }
  .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
  }
  .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
  }
  .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
  }
  .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
  }
  .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
  }
  .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
  }
  .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
  }
  .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
  }
  .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
  }
  .offset-xxl-0 {
      margin-left: 0;
  }
  .offset-xxl-1 {
      margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
      margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
      margin-left: 25%;
  }
  .offset-xxl-4 {
      margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
      margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
      margin-left: 50%;
  }
  .offset-xxl-7 {
      margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
      margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
      margin-left: 75%;
  }
  .offset-xxl-10 {
      margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
      margin-left: 91.6666666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
      --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
      --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
      --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
      --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
      --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
      --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
      --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
      --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
      --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
      --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
      --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
      --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}
.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}
.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}
.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}
.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}
.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}
.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}
.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
      transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
      transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out,
      background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
      -webkit-transition: none;
      transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
      transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
      transition: none;
  }
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 3;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
      calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754;
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
      calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545;
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
  z-index: 3;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    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;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    content: "";
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-scroll {
    overflow: scroll !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.top-0 {
    top: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.top-100 {
    top: 100% !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.bottom-50 {
    bottom: 50% !important;
}
.bottom-100 {
    bottom: 100% !important;
}
.start-0 {
    left: 0 !important;
}
.start-50 {
    left: 50% !important;
}
.start-100 {
    left: 100% !important;
}
.end-0 {
    right: 0 !important;
}
.end-50 {
    right: 50% !important;
}
.end-100 {
    right: 100% !important;
}
.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
    transform: translateX(-50%) !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end {
    border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start {
    border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #0d6efd !important;
}
.border-secondary {
    border-color: #6c757d !important;
}
.border-success {
    border-color: #198754 !important;
}
.border-info {
    border-color: #0dcaf0 !important;
}
.border-warning {
    border-color: #ffc107 !important;
}
.border-danger {
    border-color: #dc3545 !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #212529 !important;
}
.border-white {
    border-color: #fff !important;
}
.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.vw-100 {
    width: 100vw !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mh-100 {
    max-height: 100% !important;
}
.vh-100 {
    height: 100vh !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 3rem !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-last {
    order: 6 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.me-0 {
    margin-right: 0 !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-5 {
    margin-right: 3rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ms-0 {
    margin-left: 0 !important;
}
.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.ms-5 {
    margin-left: 3rem !important;
}
.ms-auto {
    margin-left: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 24rem !important;
  padding-bottom: 7rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.pe-0 {
    padding-right: 0 !important;
}
.pe-1 {
    padding-right: 0.25rem !important;
}
.pe-2 {
    padding-right: 0.5rem !important;
}
.pe-3 {
    padding-right: 1rem !important;
}
.pe-4 {
    padding-right: 1.5rem !important;
}
.pe-5 {
    padding-right: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.ps-0 {
    padding-left: 0 !important;
}
.ps-1 {
    padding-left: 0.25rem !important;
}
.ps-2 {
    padding-left: 0.5rem !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
.ps-4 {
    padding-left: 1.5rem !important;
}
.ps-5 {
    padding-left: 3rem !important;
}
.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
    font-size: 1.25rem !important;
}
.fs-6 {
    font-size: 1rem !important;
}
.fst-italic {
    font-style: italic !important;
}
.fst-normal {
    font-style: normal !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.lh-1 {
    line-height: 1 !important;
}
.lh-sm {
    line-height: 1.25 !important;
}
.lh-base {
    line-height: 1.5 !important;
}
.lh-lg {
    line-height: 2 !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.text-primary {
    color: #0d6efd !important;
}
.text-secondary {
    color: #6c757d !important;
}
.text-success {
    color: #198754 !important;
}
.text-info {
    color: #0dcaf0 !important;
}
.text-warning {
    color: #ffc107 !important;
}
.text-danger {
    color: #dc3545 !important;
}
.text-light {
    color: #f8f9fa !important;
}
.text-dark {
    color: #212529 !important;
}
.text-white {
    color: #fff !important;
}
.text-body {
    color: #212529 !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    color: inherit !important;
}
.bg-primary {
    background-color: #0d6efd !important;
}
.bg-secondary {
    background-color: #6c757d !important;
}
.bg-success {
    background-color: #198754 !important;
}
.bg-info {
    background-color: #0dcaf0 !important;
}
.bg-warning {
    background-color: #ffc107 !important;
}
.bg-danger {
    background-color: #dc3545 !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.bg-dark {
    background-color: #212529 !important;
}
.bg-body {
    background-color: #fff !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}
.pe-none {
    pointer-events: none !important;
}
.pe-auto {
    pointer-events: auto !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-1 {
    border-radius: 0.2rem !important;
}
.rounded-2 {
    border-radius: 0.25rem !important;
}
.rounded-3 {
    border-radius: 0.3rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }
    .float-sm-end {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 3rem !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-last {
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 3rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-last {
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.25rem !important;
    }
    .pe-md-2 {
        padding-right: 0.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.5rem !important;
    }
    .pe-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.25rem !important;
    }
    .ps-md-2 {
        padding-left: 0.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.5rem !important;
    }
    .ps-md-5 {
        padding-left: 3rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-last {
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: 10vw;
    margin-left: 10vw;
    background-color: #F1EFE5;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}
.our-team {
  height: 47vh;
  padding: 30px 0 40px;
  margin-bottom: 30px;
  background-color: #F1EFE5;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.our-team .picture {
  display: inline-block;
  height: 130px;
  width: 130px;
  margin-bottom: 15px;
  z-index: 5;
  position: relative;
}

.our-team .picture::before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  opacity: 0.9;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
  height: 100%;
}

.our-team .picture::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .picture img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}

.our-team .title {
  display: block;
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
}

.our-team .inform {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #1369ce;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.5s ease 0s;
}

.our-team:hover .inform {
  bottom: 0;
}

.our-team .inform li {
  display: inline-block;
}

.our-team .inform li a {
  display: block;
  padding: 10px;
  font-size: 17px;
  color: white;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

.our-team .inform li a:hover {
  color: #1369ce;
  background-color: #f7f5ec;
}

.list-group {
    display: contents;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
    
  }
  
  .list-group-numbered {
    list-style-type: none;
    counter-reset: section;
  }
  .list-group-numbered > li::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
  }
  
  .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
    display: ruby-text;
  }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 5;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
  }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
  }
  
  .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #7986BF;
    border: 1px solid rgba(0, 0, 0, 0.125);
    z-index: 1;
  }
  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
  }
  .list-group-item.active {
    z-index: 3;
    color: #fff;
    background-color: #64a19d;
    border-color: #64a19d;
  }
  .list-group-item + .list-group-item {
    border-top-width: 0;
  }
  .list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
  }
  
  .list-group-horizontal {
    flex-direction: row;
  }
  .list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
  
  @media (min-width: 576px) {
    .list-group-horizontal-sm {
      flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 768px) {
    .list-group-horizontal-md {
      flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 992px) {
    .list-group-horizontal-lg {
      flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 1200px) {
    .list-group-horizontal-xl {
      flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 1400px) {
    .list-group-horizontal-xxl {
      flex-direction: row;
    }
    .list-group-horizontal-xxl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  .list-group-flush {
    border-radius: 0;
  }
  .list-group-flush > .list-group-item {
    border-width: 0 0 1px;
  }
  .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
  }
  
  .list-group-item-primary {
    color: #3c615e;
    background-color: #e0eceb;
  }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #3c615e;
    background-color: #cad4d4;
  }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #3c615e;
    border-color: #3c615e;
  }
  
  .list-group-item-secondary {
    color: #463c61;
    background-color: #e3e0ec;
  }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #463c61;
    background-color: #cccad4;
  }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #463c61;
    border-color: #463c61;
  }
  
  .list-group-item-success {
    color: #3e745e;
    background-color: #e1f3eb;
  }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #3e745e;
    background-color: #cbdbd4;
  }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #3e745e;
    border-color: #3e745e;
  }
  
  .list-group-item-info {
    color: #116776;
    background-color: #d2eef3;
  }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #116776;
    background-color: #bdd6db;
  }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #116776;
    border-color: #116776;
  }
  
  .list-group-item-warning {
    color: #89773b;
    background-color: #faf4e0;
  }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #89773b;
    background-color: #e1dcca;
  }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #89773b;
    border-color: #89773b;
  }
  
  .list-group-item-danger {
    color: #613c3e;
    background-color: #ece0e1;
  }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #613c3e;
    background-color: #d4cacb;
  }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #613c3e;
    border-color: #613c3e;
  }
  
  .list-group-item-light {
    color: #959596;
    background-color: #fefefe;
  }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #959596;
    background-color: #e5e5e5;
  }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #959596;
    border-color: #959596;
  }
  
  .list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4;
  }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf;
  }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619;
  }
  
  .list-group-item-black {
    color: black;
    background-color: #cccccc;
  }
  .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
    color: black;
    background-color: #b8b8b8;
  }
  .list-group-item-black.list-group-item-action.active {
    color: #fff;
    background-color: black;
    border-color: black;
  }
  
  .list-group-item-white {
    color: #999999;
    background-color: white;
  }
  .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
    color: #999999;
    background-color: #e6e6e6;
  }
  .list-group-item-white.list-group-item-action.active {
    color: #fff;
    background-color: #999999;
    border-color: #999999;
  }
  
  .fixed-content{
    margin-left:-100px;
    box-shadow: #000;
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    top: 20%;
    position: sticky;
    z-index: 5;
}
hr {
opacity : 1 !important ;
}

.a-href-fix a {
    position: relative;
}
.navbar-links {
    display: grid;
    border-radius: 20px;
}
.menuprop {
    font-size: smaller;
}
@media (max-width:700px){
  .menuprop {
      margin-left:50px;
  }
}
.page-header {
  margin: calc(var(--space) * 4) 0;
  padding: 0 var(--space);
}

.page-header__title {
  margin: 0;
  font-size: clamp(3rem, 10vw, 6rem);
}

.page-section {
  overflow: hidden;
  margin: calc(var(--space) * 4) 0;
}

.page-section__title {
  margin: calc(var(--space) / 2) 0;
  padding: 0 var(--space);
  font-size: clamp(2rem, 5vw, 3rem);
  opacity: 0;
  transform: translateX(-100%);
}
/*
.cards {
  display: flex;
  width: 100%;
  padding: var(--space);
  overflow: scroll;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.cards::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.cards > * + * {
  margin-left: var(--space);
}
.cards::after {
  content: "";
  display: block;
  flex: 0 0 var(--space);
}

.card {
  flex: 1 0 auto;
  width: 100%;
  max-width: 250px;
  opacity: 0;
  background-color: #e6e6e6;
  border-radius: var(--radius);
  overflow: hidden;
  transform: translateX(400px);
  border-radius:10px;
}

.card__image {
  width: 100%;
  
}
.card__image::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9));
}

.card__content {
  padding: var(--space);
}

.card__title {
  margin-bottom: calc(var(--space) / 2);
  width: 70%;
  height: 24px;
  border-radius: var(--radius);
  background: linear-gradient(transparent,#1369ce);
  

.card__line {
  height: 10px;
  background-color: #24799e;
  border-radius: var(--radius);
}
.card__line + .card__line {
  margin-top: calc(var(--space) / 4);
}
.card__line:last-child {
  width: 60%;
}
*/
::selection{background-color: #235ba8;}


a {
    color: #235ba8;
    text-decoration: none;
  }
  
  a:hover {
    color: #0a58ca;
    text-decoration: underline;
  }
  
input {}

input:focus {}

input[type="submit"],
input[type="button"] {}


/* 5. Objects - wrappers, cards, etc. */

.random-background {
  background-color: #36a88e;
  /*top colour*/
  background-image: -webkit-linear-gradient(top, #36a88e, #f35b47);
  background-image: -moz-linear-gradient(top, #36a88e, #f35b47);
  background-image: -o-linear-gradient(top, #36a88e, #f35b47);
  background-image: linear-gradient(to bottom, #36a88e, #f35b47);
  height: 200vh;
  width: 100vw;
}

.itemlist{ 
  max-width:1024px;  
  margin:auto; 
  padding:20px;
  display:flex;
  flex-wrap: wrap;
}

.itemlist-item-wrapper{width: calc(90% / 3); display:inline-block; font-size: 20px !important; margin:1% 0.5% 0.5% 0.5%; background-color:white; padding:10px;
box-sizing: content-box;}

@media(max-width: 800px){
  .itemlist{ width:auto; margin:auto; padding:0;}
  .itemlist-item-wrapper{width:48%; margin:auto; margin-bottom:0.5%; padding:30px;}
}

@media(max-width: 600px){
  .itemlist{ width:auto; margin:auto; padding:0;}
  .itemlist-item-wrapper{width:auto; margin:auto; margin-bottom:2%;}
}


.lightbox-blanket {
  background-color: rgba(30, 30, 30, 0.9);
  display: block;
  height: 100vh;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  width: 100vw;
  z-index: 20;
}

.pop-up-container {
  height: 100%;
  width: auto;
  display: table;
  margin: auto;
  position: static;
}

@media (max-width:400px) {
  .pop-up-container {
    width: 96%;
    margin: 2%;
  }
}

.pop-up-container-vertical {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}

.pop-up-wrapper {
  -webkit-box-shadow: -45px 49px 83px 1px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: -45px 49px 83px 1px rgba(0, 0, 0, 0.45);
  box-shadow: -45px 49px 83px 1px rgba(0, 0, 0, 0.45);
  display: block;
  margin: 20px auto;
  width: auto;
  position: relative;
}

.pop-up-wrapper {
  background-color: white;
  display: block;
  padding: 50px;
}

.go-back {
  position: absolute;
  left: 10px;
  top: 10px;
  color:#222;
  width: 0;
  height: 0;
  border-top: 60px solid #CAE00D;
  border-right: 60px solid transparent;
}

.go-back i {
  font-size:20px;
  position: relative;
  top: -52px;
  left: 10px;
}

.product-details {
  max-width: 600px;
}

.product-left {
  display: inline-block;
  padding-right: 4%;
  vertical-align: top;
  width: 46%;
}

.product-right {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.product-bottom{border-top:1px solid #ccc; position:relative; padding-top:20px;}

@media (max-width:650px){
  .product-left, .product-right, .product-bottom{
    width:100%;}
  .product-left{padding-right:0;}
  .product-info{display:inline-block; width:60%; vertical-align:top;}
   .product-image{display:inline-block; width:39%; vertical-align:top;}
}

@media (max-width:512px){
  .product-info, .product-image{width:100%;}
}

.product-manufacturer {
  color:#222;
  font-size: 70px;
  font-weight: bold;
  line-height: 1;
  margin: -2px;
}

.product-title {
  font-size: 28px;
  color: #888;
}

.product-price {
  color:#222;
  font-size: 24px;
  letter-spacing: 1px;
}

.product-price-cents {
  text-decoration: underline;
  vertical-align: top;
  padding-left:3px;
}

.product-image {
  padding: 10px 10px 0 10px;
}

.product-image img {
  width: 100%;
    height: 100%;
    object-fit: contain;
    height: 295px;
}

.product-description {line-height:1.5;}

.product-available {
  margin-top: 25px;
}

.product-rating{
  margin-top:25px;
}

i.fa-star{color:#aaa; display:inline-block;}
i.fa-star.rating{color: rgb(232, 217, 31);}
.product-rating-details{display:inline-block; padding-left: 10px;}
@media(max-width:515px){
  .product-rating-details{padding-left:0;}
}
.product-extended {
  color: #235ba8;
  padding-left: 5px;
}
.product-quantity{margin-top:25px;
  margin-bottom:25px;}

.product-checkout{position:absolute; left:0;font-size: 12px; text-transform: uppercase;}
.product-checkout-actions{position:absolute; right:0;}
.product-checkout-total, .product-checkout-total-amount{font-size: 20px; color: #C17A41;}
.product-checkout-total * {display:inline-block;}
.product-checkout-actions{}

/* 6. Components - buttons, menus, images, etc. */
.product-quantity-label{text-transform:uppercase;}
.product-quantity *{display:inline-block;}

#product-quantity-input{background-color: #eee;border: none; width:2.5em; text-align: center;}
.product-quantity-subtract, .product-quantity-add{margin-left: 20px; padding-left:5px; padding-right: 5px;}
.product-quantity-subtract{margin-right:20px;}


.toast{
  position: fixed;
  top: -50px;
  left: calc(50vw - 50px);
  z-index:25;
  padding:5px 10px;
  border-radius: 15px;
}

.toast-success{
  background-color: green;
  color:white;
  font-size: 9pt;
}

.toast-transition{
  top: calc(50px);
  transition:top 1s;
}


/* 7. Trumps - text helpers, often !important */

.hidden {
  display: none;
}

#app {
    height: 100%;
  }
  
  #app {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  body * {
    box-sizing: border-box;
  }
  
  .slideContent {
    width: 250px;
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease-in-out;
    opacity: 0.7;
    display: grid;
    align-content: center;
    transform-style: preserve-3d;
    transform: perspective(1000px) translateX(calc(100% * var(--offset))) rotateY(calc(-45deg * var(--dir)));
    border-radius: 15px;
  }
  
  .slideContentInner {
    transform-style: preserve-3d;
    transform: translateZ(2rem);
    transition: opacity 0.3s linear;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0;
  }
  .slideContentInner .slideSubtitle,
  .slideContentInner .slideTitle {
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0.2ch;
    text-transform: uppercase;
    margin: 0;
  }
  .slideContentInner .slideSubtitle::before {
    content: "— ";
  }
  .slideContentInner .slideDescription {
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.2ch;
  }
  
  .slideBackground {
    position: fixed !important;
    top: 0;
    left: -10%;
    right: -10%;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s linear, transform 0.3s ease-in-out;
    pointer-events: none;
    transform: translateX(calc(10% * var(--dir)));
  }
  
  .slide[data-active] {
    z-index: 2;
    pointer-events: auto;
  }
  .slide[data-active] .slideBackground {
    opacity: 0.1;
    transform: none;
  }
  .slide[data-active] .slideContentInner {
    opacity: 1;
  }
  .slide[data-active] .slideContent {
    --x: calc(var(--px) - 0.5);
    --y: calc(var(--py) - 0.5);
    opacity: 1;
    transform-style: preserve-3d;
    transform: perspective(1000px) translateX(calc(100% * var(--offset)));
    transition: transform 0.5s ease-in-out;
  }
  .slide[data-active] .slideContent:hover {
    transition: none;
    transform: perspective(1000px) rotateY(calc(var(--x) * 45deg)) rotateX(calc(var(--y) * -45deg));
  }
  
  .slidesWrapper {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
  }
  @media (min-width: 768px) {
    .slidesWrapper {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .slidesWrapper {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .slidesWrapper {
      width: 1170px;
    }
  }
  .slidesWrapper *,
  .slidesWrapper *::before,
  .slidesWrapper *::after {
    position: relative;
  }
  
  .slides {
    display: grid;
  }
  .slides > .slide {
    grid-area: 1/-1;
  }
  .slides > .prevSlideBtn,
  .slides .nextSlideBtn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: none;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    position: absolute;
    font-size: 2rem;
    width: 5rem;
    height: 5rem;
    top: 30%;
    transition: opacity 0.3s;
    opacity: 0.7;
    z-index: 5;
  }
  .slides > .prevSlideBtn:hover,
  .slides .nextSlideBtn:hover {
    opacity: 1;
  }
  .slides > .prevSlideBtn:focus,
  .slides .nextSlideBtn:focus {
    outline: none;
  }
  .slides > .prevSlideBtn {
    left: -25%;
  }
  .slides > .nextSlideBtn {
    right: -25%;
  }

  
  a.btn {
    background: #0096a0;
    border-radius: 4px;
    box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    display: inline-block;
    padding: 6px 30px 8px;
    position: relative;
    text-decoration: none;
    transition: all 0.1s 0s ease-out;
  }
  .no-touch a.btn:hover {
    background: #00a2ad;
    box-shadow: 0px 8px 2px 0 rgba(0, 0, 0, 0.075);
    transform: translateY(-2px);
    transition: all 0.25s 0s ease-out;
  }
  .no-touch a.btn:active,
  a.btn:active {
    background: #008a93;
    box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.25);
    transform: translate3d(0, 1px, 0);
    transition: all 0.025s 0s ease-out;
  }
  div.cards {
    margin: 80px auto;
    max-width: 960px;
    text-align: center;
  }
  div.card {
    background: #ffffff;
    display: inline-block;
    margin: 8px;
    max-width: 300px;
    perspective: 1000;
    position: relative;
    text-align: left;
    transition: all 0.3s 0s ease-in;
    width: 300px;
    z-index: 1;
  }
  div.card img {
    max-width: 300px;
  }
  div.card .card__image-holder {
    background: rgba(0, 0, 0, 0.1);
    height: 0;
    padding-bottom: 75%;
  }
  div.card div.card-title {
    background: #ffffff;
    padding: 6px 15px 10px;
    position: relative;
    z-index: 0;
  }
  div.card div.card-title a.toggle-info {
    border-radius: 32px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 32px;
  }
  div.card div.card-title a.toggle-info span {
    background: #ffffff;
    display: block;
    height: 2px;
    position: absolute;
    top: 16px;
    transition: all 0.15s 0s ease-out;
    width: 12px;
  }
  div.card div.card-title a.toggle-info span.left {
    right: 14px;
    transform: rotate(45deg);
  }
  div.card div.card-title a.toggle-info span.right {
    left: 14px;
    transform: rotate(-45deg);
  }
  div.card div.card-title h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin: 0;
    padding: 0;
  }
  div.card div.card-title h2 small {
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.025em;
  }
  div.card div.card-description {
    padding: 0 15px 10px;
    position: relative;
    font-size: 14px;
  }
  div.card div.card-actions {
    box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.075);
    padding: 10px 15px 20px;
    text-align: center;
  }
  div.card div.card-flap {
    background: #d9d9d9;
    position: absolute;
    width: 100%;
    transform-origin: top;
    transform: rotateX(-90deg);
  }
  div.card div.flap1 {
    transition: all 0.3s 0.3s ease-out;
    z-index: -1;
  }
  div.card div.flap2 {
    transition: all 0.3s 0s ease-out;
    z-index: -2;
  }
  div.cards.showing div.card {
    cursor: pointer;
    opacity: 0.6;
    transform: scale(0.88);
  }
  .no-touch div.cards.showing div.card:hover {
    opacity: 0.94;
    transform: scale(0.92);
  }
  div.card.show {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  div.card.show div.card-title a.toggle-info {
    background: #ff6666 !important;
  }
  div.card.show div.card-title a.toggle-info span {
    top: 15px;
  }
  div.card.show div.card-title a.toggle-info span.left {
    right: 10px;
  }
  div.card.show div.card-title a.toggle-info span.right {
    left: 10px;
  }
  div.card.show div.card-flap {
    background: #ffffff;
    transform: rotateX(0deg);
  }
  div.card.show div.flap1 {
    transition: all 0.3s 0s ease-out;
  }
  div.card.show div.flap2 {
    transition: all 0.3s 0.2s ease-out;
  }
  
  /* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

 
    /* notebook css */

    body {
      overflow-x: hidden;
  }
  
  .disable-scroll{
      overflow-y: hidden;
  }
  
  .blueblock {
      width: 100%;
      background-color: #f9f9f9;
      color: white;
      display: flex;
      flex-direction: column;
      border: none;
      margin: -1px 0;
  }
  
  .scrollbar {
      width: 10px;
      height: auto;
      background-color:transparent;
      padding: 30px 0 30px 0;
  }
  
  .end-blueblock {
      position: relative;
  }
  
  /* begin code for the general accordion
  /* Style the buttons that are used to open and close the accordion panel */
  .accordionblue {
      background-color: #5462a0;
      color: rgb(255, 255, 255);
      cursor: pointer;
      padding: 15px 20px;
  
      text-align: justify;
      border: none;
      outline: none;
      transition: 0.4s;
      font-family: 'Lato', sans-serif;
      border-radius: 10px/10px;
      width: 100%;
  
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panelblue,
  .body {
      padding: 0 18px;
      background-color: #2b3252;
      color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.1s ease-out;
      margin-bottom: 10px;
  }
  
  .arrow-circle {
      width: 30px;
      height: 30px;
      background-color: #5462a0;
      border-radius: 50%;
      text-align: center;
  }
      
  .arrow-circle:after {
      content: "";
      border: solid white;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }
  
    .active .arrow-circle:after {
      content: ""; /* Unicode character for "minus" sign (-) */
      border: solid white;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
  }
  
  .layout {
      display: grid;
      grid-template-columns: 1fr;
  }
  
  .image-tofull {
      width: 50%
  }
  
  .image-tofull-overview{
      width:45%;
  }
  
  .padding_notebook{
      padding:0 35px;
  }
  
  .week_notebook{
      min-width:14%;
  }
  
  .outline {
      display: grid;
      grid-template-columns: 1fr 4fr 1fr;
  }
  
  /*small device style*/
  
  @media (max-width: 767px) {
  
      .outline {
          display: grid;
          grid-template-columns: 1fr;
      }
  
      .content-layout {
          display: grid;
          grid-template-columns: 1fr;
      }
  
      .layout {
          display: grid;
          grid-template-columns: 1fr;
      }    
  }


.wrapper {
  width: 34%;
  height: auto;
  background: #fff;
  position: relative;
  margin: 0 auto;
}
.wrapper .item {
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
  margin: 60px auto;
  border-radius: 14px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  width: 360px;
  background: #f9f9f9;
  position: relative;
}
.wrapper .item span.close {
  position: absolute;
  top: 10px;
  right: -35px;
  transition: all 0.4s ease;
  z-index: 9;
  font-weight: 800;
}
.wrapper .item span.close::before {
  content: "-";
  background: #fff;
  border-radius: 50%;
  padding: 0px 7px;
  font-weight: 300;
}
.wrapper .item .graphic {
  position: relative;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  overflow: hidden;
}
.wrapper .item .graphic img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 270px;
}
.wrapper .item .graphic span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 2em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  max-width: 35%;
  line-height: 30px;
}
.wrapper .item .brief {
  margin-top: -4px;
  position: relative;
  display: flex;
  background: linear-gradient(to right, #22c1c3, #fdbb2d);
  padding: 10px 10px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.wrapper .item .brief .icon {
  width: 40px;
}
.wrapper .item .brief .icon img {
  object-fit: cover;
  width: 100%;
}
.wrapper .item .brief .typo {
  margin-left: 20px;
}
.wrapper .item .brief .typo span {
  color: #fff;
  font-size: 13px;
  display: block;
}
.wrapper .item .brief .typo span:first-child {
  font-size: 15px;
  font-weight: 800;
}
.wrapper .item .sub {
  position: absolute;
  transition: all 0.4s ease;
  padding: 20px 40px;
}
.wrapper .item .sub p.header {
  font-size: 3em;
  font-weight: 800;
  margin-bottom: 10px;
}
.wrapper .item .sub p.story {
  line-height: 25px;
}

.item.animate {
  z-index: 999;
  width: 200%;
  position: relative;
  left: -50%;
  right: 0;
  max-height: 98%;
  overflow-y: scroll;
  /* margin-left: auto; */
  /* margin-right: auto; */
  margin: auto;
  border-radius: 0;
}

.item.animate span.close {
  transition-delay: 0.3s;
  right: 10px;
}

.item.animate .sub {
  position: relative;
}

.item.animate .graphic,
.item.animate .brief {
  border-radius: 0;
}
#bayesian-container {
	min-width: 320px;
	max-width: 800px;
	margin: 0 auto;
}

#hero {
    height: 800px;
    overflow: hidden;
    position: relative;
  }
  
  #content {
    background-color: transparent;
  }
  
  .layer {
    background-position: bottom center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    position: fixed;
    z-index: -1;
  }
  
  #hero-mobile {
    display: none;
    background: url("https://i.ibb.co/d7hw559/full-illustration.png") no-repeat center bottom/cover;
    height: 320px;
  }
  
  .first-section {
    padding: 50px 0 20px 0;
  }
  
  .text-header {
    font-size: 50px;
    text-align: center;
  }

  #hero,
  .layer {
    min-height: 1640px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  #hero2,
  .layer2 {
    min-height: 1080px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  #hero3,
  .layer3 {
    min-height: 920px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .layer-bg {
      background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_bg.jpg");
  }
  .layer-1 {
    background-image: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/first-layer.png");
  }
  
  .layer-2 {
    background-image: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/second-layer.png");
  }
  
  .layer-3 {
    background-image: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/third-layer.png");
  }
  
  .layer-4 {
    background-image: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressants-final-layer-new.png");
  }
  
  layer-overlay {
      background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_overlay.png");
  }
  

  .layer-5 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/data-first-layer.png');
  }

  .layer-6 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/data-second-layer.png');
  }

  .layer-7 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/data-third-layer.png');
  }

  .layer-8 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressed-girl-layer-1.png');
  }

  .layer-9 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressed-girl-layer-2.png');
  }

  .layer-10 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressed-girl-layer-3.png');
  }

  .layer-11 {
    background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressed-girl-layer-4.png');
  }

  @media only screen and (max-width: 768px) {
    #hero {
      display: none;
    }

    #hero1 {
      display: none;
    }

    #hero2 {
      display: none;
    }

    #hero3 {
      display: none;
    }
  
    #hero-mobile, #hm1740-1, #hm1740-2, #hm1740-3 {
      display: block !important;
    }

    .top-ct .top-ct-target {
      animation: none;
      opacity: 1 !important;
    }

    .hx1732, .hx1737, .hx1736 {
      margin-top: 0 !important;
    }

    .home-icon-array {
      flex-direction: column !important;
    }
  }
  .tutorial-link {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
  }
  .tutorial-link:hover {
    color: #ede0d5;
  }

    .sponsorwrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .parallax-card {
    width: 250px;
    height: 280px;
    border-radius: 15px;
    margin: 10px 10px 10px 0;
  }
  .parallax-card__holder {
    height: 100%;
    transform-style: preserve-3d;
    perspective: 1000px;
    will-change: transform;
  }
  .parallax-card__holder:hover .parallax-card__front {
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
  }
  .parallax-card__holder:hover .parallax-card__back {
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
  }
  .parallax-card__content {
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    outline: 1px solid transparent;
    perspective: inherit;
    z-index: 2;
    will-change: transform;
  }
  .parallax-card__front {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    background-size: cover;
    min-height: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5rem;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    will-change: transform;
  }
  .parallax-card__front-title {
    display: block;
    text-align: center;
  }
  .parallax-card__back {
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    background: #000;
    background-size: cover;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    width: 100%;
    height: auto;
    border-radius: 10px;
    color: #fff;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    font-size: 1.5rem;
  }
  .parallax-card__back-descr {
    display: block;
    text-align: center;
  }

/* THIS IS FOR HARDWARE ANIMATION */

 /*.png-animation {
  animation: png-move 8s infinite;
  }  

@keyframes png-move {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-500px);
  }
  100% {
    transform: translateY(0px);
  }
}
  .png-animation1 {
    animation: png-move 8s infinite;
  }  
   
  @keyframes png-move {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(500px);
    }
    100% {
      transform: translateY(0px);
    }
  
  }
  */
/*
  .carousel {
    position: relative;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
    margin-top: 26px;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-open:checked + .carousel-item {
    position: static;
    opacity: 100;
}

.carousel-item {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.carousel-item img {
    display: block;
    height: auto;
    max-width: 100%;
}

.carousel-control {
    background: rgba(0, 0, 0, 0.28);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 40px;
    height: 40px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 40px;
    z-index: 10;
}

.carousel-control.prev {
    left: 2%;
}

.carousel-control.next {
    right: 2%;
}

.carousel-control:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #aaaaaa;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
    display: block;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
}

.carousel-bullet {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 35px;
}

.carousel-bullet:hover {
    color: #aaaaaa;
}

#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
    color: #428bca;
}
*/
#title {
    width: 100%;
    position: absolute;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    font-size: 27px;
    color: rgba(255, 255, 255, 1);
    font-family: 'Open Sans', sans-serif;
    z-index: 9999;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}
.hp-part-1,
.hp-part-2,
.hp-part-3,
.hp-part-4,
.hp-part-5,
.hp-part-6 {
  display: none;
}

.results-part-1,
.results-part-2,
.results-part-3,
.results-part-4 {
  display: none;
}

/* human practices css starts */

.tl-change-buttons {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5vw;
}

.asi {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px !important;
  transition: all 0.75s ease-in-out;
}

.asi:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0) !important;
  background-position: 0 0 !important;
  text-decoration: none !important;
  transform: scale(1.1);
  color: #fff;
}

.ind-btn {
  background-color: #fc7171 !important;
}

.soc-btn {
  background-color: #ff499b !important;
}

.acad-btn {
  background-color: #e53e5a !important;
}

.page-header h1 {
  text-align: center;
}

.follow-card {
  display: block !important;
  margin: auto !important;
}

/* human practices css ends */

/* project description scroll bar css */

/* our team css */

/* our team css ends */


/* tooltip css starts */



/* tooltip css ends */

/* attribution css starts */


/* attribution css ends */

/* dp index css starts */

.label-container {
  position: fixed;
  bottom: 48px;
  right: 105px;
  display: table;
  visibility: hidden;
}

.label-text {
  color: #fff;
  background: rgba(51, 51, 51, 0.5);
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-radius: 3px;
}

.label-arrow {
  display: table-cell;
  vertical-align: middle;
  color: #333;
  opacity: 0.5;
}

.float {
  padding: 10px;
  position: fixed;
  width: fit-content;
  height: 45px;
  bottom: 40px;
  left: 40px;
  background-color: transparent;
  color: #126aad;
  border-radius: 15px;
  text-align: center;
  box-shadow: 2px 2px 3px rgb(230, 230, 230);
  z-index: 1000;
  animation: bot-to-top 2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-list {
  display: none;
  position: fixed;
  left: 0px;
  padding-bottom: 20px;
  bottom: 80px;
  z-index: 100;
}

.index-list li {
  list-style: none;
  margin-bottom: 10px;
}

.index-list li a {
  padding: 15px !important;
  background-color: transparent;
  color: black;
  border-radius: 15px;
  text-align: center;
  box-shadow: 2px 2px 2px rgb(230, 230, 230);
  width: fit-content;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-list:hover {
  visibility: visible !important;
  opacity: 1 !important;
}

.my-float {
  font-size: 24px;
  margin-top: 18px;
}

/* a#menu-share + ul {
  visibility: hidden;
} */

a#menu-share:hover + ul {
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i {
  animation: rotate-in 0.5s;
}

a#menu-share:hover > i {
  animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
  0% {
    bottom: -40px;
  }
  50% {
    bottom: 40px;
  }
}

@keyframes scale-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes rotate-in {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-out {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.first {
  background-color: #002878;
  background-image: linear-gradient(
    45deg,
    #33d9de 0%,
    #33d9de 55%,
    #243f81 90%
  );
  background-position: 100% 0 !important;
  background-size: 200% 200% !important;
  color: white;
  border-radius: 50px !important;
  padding: 12px 48px;
  font-size: 0.75rem;
  font-weight: 200;
  text-decoration: none;
  box-shadow: 0 2px 4px 0 rgba(0, 40, 120, 0.35) !important;
  transition: all 0.5s ease;
  text-align: center;
}

.model-btn {
  font-size: 12px;
  padding: 4px 16px;
}

.partnership-btn {
  margin: 5vh 0 !important;
}

.notebookpdf-btn {
  margin-left: 10px;
}

.first:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0) !important;
  background-position: 0 0 !important;
  text-decoration: none !important;
}

/* custom button css ends */

/* modal css starts */

.hp-content {
  position: relative;
}

.show-modal {
  /* font-size: 2rem;
  font-weight: 600;
  padding: 1.75rem 3.5rem;
  margin: 5rem 2rem;
  border: none;
  background-color: #fff;
  color: #444;
  border-radius: 10rem;
  cursor: pointer; */
}

.close-modal {
  position: absolute;
  top: 1.2rem;
  right: 2rem;
  font-size: 5rem;
  color: #333;
  cursor: pointer;
  border: none;
  background: none;
}

.hidden {
  display: none;
}

.popup-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-img img {
  height: 25vw;
}

.cmodal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  background-color: white;
  padding: 3rem;
  border-radius: 25px;
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
  z-index: 999999;
  height: 85vh;
  overflow: scroll;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  max-height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
  z-index: 9999;
}

/* modal css ends */

/* parts css starts */

.parts-table {
  padding: 15px 25px;
}

.parts-table h1 {
  font-weight: 900;
  background: -webkit-linear-gradient(#126aad, #33b4cd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3em !important;
  line-height: 1.5em;
}

/* parts css ends */

/* timeline css starts */

.timeline-1 {
  display: inline-block;
}

.timeline-2 {
  display: none;
}

.timeline-3 {
  display: none;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  cursor: pointer;
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -10px;
  background-color: #999999;
  /* z-index: 1; */
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #126aad !important;
}
.timeline-badge.success {
  background-color: #126aad !important;
}
.timeline-badge.warning {
  background-color: #126aad !important;
}
.timeline-badge.danger {
  background-color: #126aad !important;
}
.timeline-badge.info {
  background-color: #126aad !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-title {
  font-weight: 900;
  background: -webkit-linear-gradient(#126aad, #33b4cd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tb-card span {
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  margin: 5px 0;
}

.tb-card p {
  font-size: 16px;
}

.comm {
  padding: 12px 24px !important;
  font-size: 12px !important;
  margin: 0px 20px !important;
  min-width: 12vw;
  font-weight: 600 !important;
}

/* wave animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
  .content {
    height: 30vh;
  }
  h1 {
    font-size: 24px;
  }
}

/* waves css ends */

/* up button */

.up {
  visibility: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

.up a {
  text-decoration: none;
  color: #004D40;
  font: 4.8em "Fira Sans", sans-serif;
}

.up img {
  vertical-align: top;
  max-width: 100px;
}

#container10 {
	min-width: 410px;
	max-width: 500px;
	margin: 0 auto
}

#container2 {
	min-width: 400px;
	max-width: 700px;
	margin: 0 auto;
}

.ihp2 {
  display: none;
}

.section--white {
	background-color: #FFFFFF;
}

.section--red {
	background-color: #E74C3C;
}

.section--purple {
	background-color: #D6A8E9;
}

.section--blue {
	background-color: #33CCF7;
}

.section--yellow {
	background-color: #F4E9B4;
}

.section--green {
	background-color: #80D99D;
}
.section--cyan{
	background-color: #80D99D;
}

.section--pale{
	background-color: #F4E9B4;
}

.col_third section { margin: 0; }

.icn_red { color: #FF3D6A; }
.icn_purple { color: #9B59B6; }
.icn_blue{ color: #3498DB; }
.icn_yellow { color: #F1C40F; }
.icn_green { color: #80D99D; }

/*-=-=-=-=-=-=-=-=-=-*/
/* Wow Image */
/*-=-=-=-=-=-=-=-=-= */

.service-section {
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}

.wow_imgage {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	width: 270px;
	height: 180px;
}

.wow_imgage img {
	border: 4px solid #e4e4e1;
}

/*-=-=-=-=-=-=-=-=-=-*/
/* Column Grids */
/*-=-=-=-=-=-=-=-=-= */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}

.clear	{ 
	clear: both;
	display: block;
	width: 0; 
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#container3 {
	width:  860px;
	margin: 0 auto;
}


.container4{
  max-width: 1200px;
  margin:0 auto;
  padding:3rem 2rem;
}

.container4 .title{
  font-size: 3.5rem;
  color:#444;
  margin-bottom: 3rem;
  text-transform: uppercase;
  text-align: center;
}

.container4 .products2-container4{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  gap:2rem;
}

.container4 .products2-container4 .product2{
  text-align: center;
  padding:3rem 2rem;
  background: #fff;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
  outline: .1rem solid #ccc;
  outline-offset: -1.5rem;
  cursor: pointer;
}

.container4 .products2-container4 .product2:hover{
  outline: .2rem solid #222;
  outline-offset: 0;
}

.container4 .products2-container4 .product2 img{
  height: 25rem;
}

.container4 .products-container4 .product:hover img{
  transform: scale(.9);
}

.container4 .products2-container4 .product2 h3{
  padding:.5rem 0;
  font-size: 2rem;
  color:#444;
}

.container .products2-container .product2:hover h3{
  color:#27ae60;
}

.container4 .products2-container4 .product2 .price{
  font-size: 2rem;
  color:#444;
}

.products2-preview{
  position: fixed;
  top:0; left:0;
  min-height: 100vh;
  width: 100%;
  background: rgba(0,0,0,.8);
  display: none;
  align-items: center;
  justify-content: center;
}

.products2-preview .preview{
  display: none;
  padding:2rem;
  text-align: center;
  background: #fff;
  position: relative;
  margin:2rem;
  width: 40rem;
}

.products2-preview .preview.active{
  display: inline-block;
}

.products-preview .preview img{
  height: 30rem;
}

.products2-preview .preview .fa-times{
  position: absolute;
  top:1rem; right:1.5rem;
  cursor: pointer;
  color:#444;
  font-size: 4rem;
}

.products2-preview .preview .fa-times:hover{
  transform: rotate(90deg);
}

.products2-preview .preview h3{
  color:#444;
  padding:.5rem 0;
  font-size: 2.5rem;
}

.products2-preview .preview .stars{
  padding:1rem 0;
  font-size: 1.7rem;
}

.products2-preview .preview .stars i{
  color:#27ae60;
}

.products2-preview .preview .stars span{
  color:#999;
}

.products2-preview .preview p{
  line-height: 1.5;
  padding:1rem 0;
  font-size: 1.6rem;
  color:#777;
}

.products2-preview .preview .price{
  padding:1rem 0;
  font-size: 2.5rem;
  color:#27ae60;
}

.products2-preview .preview .buttons{
  display: flex;
  gap:1.5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.products2-preview .preview .buttons a{
  flex:1 1 16rem;
  padding:1rem;
  font-size: 1.8rem;
  color:#444;
  border:.1rem solid #444;
}

.products2-preview .preview .buttons a.cart{
  background: #444;
  color:#fff;
}

.products2-preview .preview .buttons a.cart:hover{
  background: #111;
}

.products2-preview .preview .buttons a.buy:hover{
  background: #444;
  color:#fff;
}


@media (max-width:991px){

  html{
     font-size: 55%;
  }

}

@media (max-width:768px){

  .products2-preview .preview img{
     height: 25rem;
  }

}

@media (max-width:450px){

  html{
     font-size: 50%;
  }
}
/*sponsor flipcards*/
.flex-container {
	display: flex;
	/*display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;*/
	justify-content: space-around;
	list-style: none;
	margin: 0;
	padding: 20px;
	flex-flow: row wrap;
	position: relative;
  row-gap: 90px;
  column-gap: 20px;
}
.flex-item {
	color: #fff;
	height: 280px;
	margin: 10px 20px;
	padding:10px;
	width: 200px;
	position: relative;
  flex-basis: 23.33333%;
}
.flex-item-inner {
	display: flex;
	/*display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;*/
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	width: 500px;
  width: 315px;
	height: 240px;
	padding: 20px;
}
.flex-item-inner a {
	color: #333;
	cursor: pointer;
}

.flex-item-inner a i {
  color: #9b111e;
}

/*-------- cards --------*/
.card-front,
.card-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 315px;
	height: 240px;
	padding: 20px;
	margin: 0;
	backface-visibility: hidden;
	transition: transform 0.3s;
}
.card-front {
  /*background: #123456;*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border:solid 3px #2b3252;
  border-radius: 12px;
}
.card-front i.tile-icon {
	display: block;
	margin: 10px auto 20px auto;
	text-align: center;
}
.card-front h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0;
  
}
.card-front p.detail {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.card-back {
	background-color: #2b3252;
  border: solid 1px #0000003b;
  border-radius: 12px;
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.card-back p.title {
	color: #7ec4b2;
	margin-top: -12px;
	text-transform: uppercase;
}
.card-back p.desc {
	color: #fff;
  margin-top: -15px;
}
.card-back p.link {
	color: #702082;
}


/*-------- cards / flip effect --------*/
.flex-item:hover .card-front {
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.flex-item:hover .card-back {
	/*-webkit-transform: rotateY(0);*/
	transform: rotateY(0);
}



/*-------- cards --------*/
.card-front1,
.card-back1 {
	position: absolute;
	top: 0;
	left: -140px;
	width: 500px;
	height: 240px;
	padding: 20px;
	margin: 0;
	backface-visibility: hidden;
	transition: transform 0.3s;
}
.card-front1 {
  /*background: #123456;*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border:solid 3px #2b3252;
  border-radius: 12px;
}
.card-front1 i.tile-icon {
	display: block;
	margin: 10px auto 20px auto;
	text-align: center;
}
.card-front1 h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0;
  
}
.card-front1 p.detail {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.card-back1 {
	background-color: #2b3252;
  border: solid 1px #0000003b;
  border-radius: 12px;
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.card-back1 p.title {
	color: #7ec4b2;
	margin-top: -12px;
	text-transform: uppercase;
}
.card-back1 p.desc {
	color: #fff;
  margin-top: -15px;
}
.card-back1 p.link {
	color: #702082;
}

.card-front2,
.card-back2 {
	position: absolute;
	top: 0px;
	left: -140px;
	width: 500px;
	height: 240px;
	padding: 23px;
	margin: 0;
	backface-visibility: hidden;
	transition: transform 0.3s;
}
.card-front2 {
  /*background: #123456;*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border:solid 3px #2b3252;
  border-radius: 12px;
}
.card-front2 i.tile-icon {
	display: block;
	margin: 10px auto 20px auto;
	text-align: center;
}
.card-front2 h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0;
  
}
.card-front2 p.detail {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.card-back2 {
	background-color: #2b3252;
  border: solid 1px #0000003b;
  border-radius: 12px;
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.card-back2 p.title {
	color: #7ec4b2;
	margin-top: -12px;
	text-transform: uppercase;
}
.card-back2 p.desc {
	color: #fff;
  margin-top: -15px;
}
.card-back2 p.link {
	color: #702082;
}


/*-------- cards / flip effect --------*/
.flex-item:hover .card-front1 {
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.flex-item:hover .card-back1 {
	/*-webkit-transform: rotateY(0);*/
	transform: rotateY(0);
}


/*-------- cards / flip effect --------*/
.flex-item:hover .card-front2 {
	/*-webkit-transform: rotateY(-180deg);*/
	transform: rotateY(-180deg);
}
.flex-item:hover .card-back2 {
	/*-webkit-transform: rotateY(0);*/
	transform: rotateY(0);
}

/* 
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.mySlides {display: none}
/* Slideshow container
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation 
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}*/

.dbtl1,
.dbtl3,
.dbtl4 {
display:none;
}
.dbtl1 {
  display:none;
}

.dbtl9,
.dbtl11,
.dbtl12 {
display:none;
}

.dbtl42,
.dbtl43,
.dbtl40 {
display:none;
}

.dbtl50,
.dbtl52,
.dbtl53 {
display:none;
}
.dbtl62,
.dbtl63,
.dbtl60 {
display:none;
}

.dbtl72,
.dbtl73,
.dbtl70 {
display:none;
}

.dbtl74,
.dbtl76,
.dbtl77 {
display:none;
}

.dbtl78,
.dbtl80,
.dbtl81 {
display:none;
}

.dbtl82,
.dbtl84,
.dbtl85 {
display:none;
}






.dbtl5,
.dbtl7,
.dbtl8 {
display:none;
}

.dbtl20,
.dbtl22,
.dbtl23 {
display:none;
}

.dbtl78,
.dbtl80,
.dbtl81 {
display:none;
}

.dbtl82,
.dbtl84,
.dbtl85 {
display:none;
}

.dbtl86,
.dbtl88,
.dbtl89 {
display:none;
}

.dbtl90,
.dbtl92,
.dbtl93 {
display:none;
}



.container3{
  display:flow;
}

.col3 {
  flex:50%

}

.row3{
  float: left;
}

.square-container{
  width: 60vh;
  height: 60vh;
  position:relative;
 }

/* Styling the navbar */ 

#sidebar {
  margin-top: 24px;
}
.sidebar-cta {
    padding-top: 10px;
    font-weight: 700; 
    color: #5361AC;
}

.sidebar-title {
  padding-left: 14px;
  font-size: 24px;
  font-weight: 700;
}


button-1 {
  background-color: #5361AC;
  border: none;
  color: white; 
  width: 200px;
}

/* Sidebar active */ 
.nav-pills > li.active > a {
  background-color: transparent;
  color: #5361AC;
  font-weight: 700;
}

.nav-pills {
  position: fixed;
  display: flex;
  flex-direction:column;
  align-items: stretch;
  
}


.nav-pills>li.active>a:hover {
    background-color: transparent;
    color: #5361AC;
}

/* Sidebar NONactive */
.nav-pills> li > a {
  color: #4F4F4F;
}

.nav-pills > li > a:hover {
  background-color: transparent; 
}

/* Sidebar call to action */ 
.nav-pills > .sidebar-cta > a {
  color: #5361AC;
}

.affix-bottom {
  position: absolute; 
}

.panel-default {
  border-radius: 0px;
}

.panel > .panel-heading {
  background-color: transparent; 
  font-weight: 700;
  font-size: 18px;
}

.panel > .panel-body {
  font-size: 16px;
  font-weight: 300;
}


.panel > div span {
  font-size: 30px;
  font-weight: 400;
  color: #E0E0E0; 
  padding-right: 10px;
}

#schedule {
  padding-top: 20px;
}


.panel-schedule > .panel-body {
  background-color: #E0E0E0; 
  border: none;
  font-size: 16px;
}

.panel-schedule > .panel-body > ul {
  list-style: none;
  padding-left: 0; 
  padding-top: 10px;
  font-weight: 300;
}

.panel-schedule > .panel-body > p {
    font-weight: 700; 
    color: #5361AC;
}

/* this is for the experiment page button*/

.first1 {
  background-color: #67a09e;
  background-image: linear-gradient( 108deg, #7ec2b1 0%, #33d9de 55%, #7fc5b2 90% );
  background-position: 100% 0 !important;
  background-size: 200% 200% !important;
  color: white;
  border-radius: 8px !important;
  padding: 12px 48px;
  font-size: 1.4rem;
  font-weight: 200;
  text-decoration: none;
  box-shadow: 8px 7px 20px 0 rgba(0, 40, 120, 0.35) !important;
  transition: all 0.5s ease;
  text-align: center;
}

.first1:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0) !important;
  background-position: 0 0 !important;
  text-decoration: none !important;
}
/*IMAGE FLIP CARD*/
.flip-card-img {
  background-color: transparent;
  width: 500px;
  height: 500px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
/* This container is needed to position the front and back side */
.flip-card-img-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card-img:hover .flip-card-img-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-img-front, .flip-card-img-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 10px;
}


/* Style the front side (fallback if image is missing) */
.flip-card-img-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-img-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
/*END IMAGE FLIP CARD*/


/*images hardware copy1 */
.flex-container9 {
  display: flex;
  flex-direction: row;
  justify-content: center;  
}
.flex-container9 img {
  margin-right: 15px;
  margin-bottom: 20px;
}

.flex-container9 iframe {
  margin-left: 15px;
  margin-bottom: 20px;
}

.slideshow-container {

  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides1 {
  display: none;
}

/* Next & previous buttons */
.prev1, .next1 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Position the "next button" to the right */
.next1{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev1:hover, .next1:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text1{
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext1{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot1{
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot1:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 500s;
}

@keyframes fade {
  from {opacity: .8}
  to {opacity: 1}
}
/*images hardware copy1 */
.flex-container9 {
  display: flex;
  flex-direction: row;
  justify-content: center;  
}
.flex-container9 img {
  margin-right: 15px;
}

.flex-container9 iframe {
  margin-left: 15px;
}

.slideshow-container {

  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides{
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Position the "next button" to the right */
.next{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text{
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot{
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 500s;
}

@keyframes fade {
  from {opacity: .8}
  to {opacity: 1}
}

.educard {
  margin: inherit;
  max-width: 20rem;
  min-width: 20rem;
  border: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  transition-duration: 0.5s;
  padding: 0;
}

.educard img {
  max-width: 20rem;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

.educard:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.educard .padding {
  padding: 1rem 2rem;
}

.top-ct .top-ct-target {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.top-ct:hover .top-ct-target {
  animation-play-state: running;
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.anim-delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.anim-delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.anim-delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.anim-delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.anim-delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.anim-delay-3s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.home-icon-array {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 2rem;
  margin-top: 1.5rem;
}

.home-icon-array .ics {
  padding: 0;
  min-width: 15rem;
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 26px;
}

.home-icon-array.link-array .ics {
  max-width: 15rem;
}

.home-icon-array img {
  max-width: 20rem;
}

.commun,
.events,
.resc {
  display: none;
}

.test-pk1642-team {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/teamhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-attributions {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/attributhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-collaborations {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/collabhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-sponsors {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/sponsorhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-description {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/descriptionheader.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-implementation {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/implementhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-entrepreneurship {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/entrepreneur-head.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.test-pk1642-medal {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/medalhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-contribution {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/contributhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-safety {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/safetyhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.test-pk1642-exp {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/experimentshead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-note {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/notehead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-parts {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/partshead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-humpract {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/humanpracthead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.test-pk1642-inclusivity {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/inclusivityhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.test-pk1642-education {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/eduhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-hardware {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/hardware-head.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-microfluid {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/microfluidhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-mathmodel {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/mathmodelhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-results {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/resultsheader.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-proofc {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/proofc-head.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-measure {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/measurehead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.test-pk1642-engine {
  background-image: url('https://static.igem.wiki/teams/4693/wiki/assets/headers/engineerhead.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hx150 {
  display: flex;
  justify-content: center;
  background-color: black;
}

.hx150 .container {
  margin: 0 !important;
  min-width: 100vw !important;
  display: flex;
  justify-content: center;
}

.hx150 .container .first-section {
  max-width: 80vw;
}

.hx1732 {
  margin-top: 5vw;
}

.hx1736 {
  margin-top: 120px;
}

.hx1737 {
  margin-top: 20px;
}

#hm1740-1, #hm1740-2, #hm1740-3 {
  display: none;
}

#hm1740-1 {
  background: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressed-girl-all-layers.png") no-repeat center bottom/cover;
  height: 400px;
}

#hm1740-2 {
  background: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/depressants-all-layers.png") no-repeat center bottom/cover;
  height: 400px;
}

#hm1740-3 {
  background: url("https://static.igem.wiki/teams/4693/wiki/assets/mainpage/home-page-section-3-all-layers-2.png") no-repeat center bottom/cover;
  height: 400px;
}

.first-section.hmfs {
  padding-top: 0px !important;
}

/* Global */





* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Make the images invisible by default */
.Containers {
  display: none;
}

/* forward & Back buttons */
.Back, .forward {
  cursor: pointer;
  position: absolute;
  top: 48%;
  width: auto;
  margin-top: -23px;
  padding: 17px;
  color: grey;
  font-weight: bold;
  font-size: 19px;
  transition: 0.4s ease;
  border-radius: 0 5px 5px 0;
  user-select: none;
}

/* Place the "forward button" to the right */
.forward {
  right: 0;
  border-radius: 4px 0 0 4px;
}

/*when the user hovers,add a black background with some little opacity */
.Back:hover, .forward:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption Info */
.Info {
  color: #e3e3e3;
  font-size: 16px;
  padding: 10px 14px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

/* Worknumbering (1/3 etc) */
.MessageInfo {
  color: #f2f2f3;
  font-size: 14px;
  padding: 10px 14px;
  position: absolute;
  top: 0;
}

/* The circles or bullets and indicators */
.dots {
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 3px;
  background-color: #acc;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.5s ease;
}

.enable, .dots:hover {
  background-color: #717161;
}

/* Faint animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.4s;
  animation-name: fade;
  animation-duration: 1.4s;
}

@-webkit-keyframes fade {
  from {opacity: .5}
  to {opacity: 2}
}

@keyframes fade {
  from {opacity: .5}
  to {opacity: 2}
}

#slider .slider-inner{
  padding: 0;
}
.slider-inner .item img{
  display: block;
  width: 100%;
  height: auto;
}
.slider-inner h1{
  color: purple;
}

/* Styles for the carousels */
/* Styles for the carousels */
.carousel {
  position: relative;
  width: 300px; /* Adjust the width as needed */
  overflow: hidden;
  margin-bottom: 20px;
}

.carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-inner img {
  width: 100%;
  height: auto;
  display: block;
}

/* Styles for navigation buttons */
.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 10px;
  background-color: #333;
  color: white;
  border: none;
  cursor: pointer;
}

.next {
  right: 0;
}