:root {
    --bs-lightgray: rgb(197, 200, 202);
    --bs-primary: rgb(79, 170, 255);
    --bs-secondary: rgb(13, 110, 253);
    --bs-success: rgb(25, 135, 84);
    --bs-info: rgb(13, 202, 240);
    --bs-warning: rgb(255, 193, 7);
    --bs-danger: rgb(220, 53, 69);
    --bs-light: rgb(246, 247, 248);
    --bs-dark: rgb(33, 37, 41);
    --bs-body-color: rgb(53, 60, 66);
    --bs-primary-rgb: 79, 170, 255;
    --bs-secondary-rgb: 13, 110, 253;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-scrollbar-opacity: 0.25;
    --bs-scrollbar-color: var(--bs-dark-rgb);
  }

.shadow{
    box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1) !important;
}

.z-1{
    z-index: 1;
}

.z-2{
    z-index: 2;
}

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

.z-overall{
    z-index: 1000;
}

.z-under{
    z-index: -1;
}

.object-fit-cover{
    object-fit: cover;
}

.object-fit-contain{
    object-fit: contain;
}

.object-fit-fill{
    object-fit: fill;
}

.w-fit{
    width: fit-content !important;
}

.h-fit{
    height: fit-content !important;
}

.backdrop-blur-5{
    backdrop-filter: blur(5px);
}

section, .section{
    min-height: 100vh;
}

.modal.left:not(.show) .modal-dialog {
    transition: transform 0.2s ease-out;
    transform: translate(-100%, 0px);
  }

  .modal.right:not(.show) .modal-dialog {
    transition: transform 0.2s ease-out;
    transform: translate(100%, 0px);
  }

  .modal.show{
    transition: all 0.2s ease-out;
  }

  /*-- card styles --*/
.card {
    border-radius: 1rem;
    border: 0;
}

.card-header{
    background-color: transparent;
    border-bottom: 0;
}

.card-title{
    margin-top: .25rem;
    margin-bottom: 0;
    font-size: large;
    font-weight: bold;
}

.card-footer{
    background-color: transparent;
}

/*-- card styles --*/

.border-primary {
    border-color: var(--bs-primary) !important;
  }
  
  .border-secondary {
    border-color: var(--bs-secondary) !important;
  }
  
  .border-success {
    border-color: var(--bs-success) !important;
  }
  
  .border-info {
    border-color: var(--bs-info) !important;
  }
  
  .border-warning {
    border-color: var(--bs-warning) !important;
  }
  
  .border-danger {
    border-color: var(--bs-danger) !important;
  }
  
  .border-light {
    border-color: var(--bs-light) !important;
  }
  
  .border-dark {
    border-color: var(--bs-dark) !important;
  }
  
  .border-white {
    border-color: #fff !important;
  }

/*-- button styles --*/

.btn{
    border: 0;
    padding: .25rem .5rem;
}

.btn-primary{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.btn-secondary{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
}

.btn-success{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity));
}

.btn-danger{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));
}

.btn-light{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

.btn-dark{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
}

.btn-info{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity));
}

.btn-warning{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
}

.scrollbar-opacity-0{
    --bs-scrollbar-opacity: 0 !important;
}

.scrollbar-opacity-5{
    --bs-scrollbar-opacity: 0.05 !important;
}

.scrollbar-opacity-10{
    --bs-scrollbar-opacity: 0.1 !important;
}

.scrollbar-opacity-25{
    --bs-scrollbar-opacity: 0.25 !important;
}

.scrollbar-light::-webkit-scrollbar-thumb{
    --bs-scrollbar-color: var(--bs-white-rgb) !important;
}

.bg-opacity-0{
    --bs-bg-opacity: 0;
}

.bg-opacity-5{
    --bs-bg-opacity: 0.05;
}

.bg-hover-100:hover{
    --bs-bg-opacity: 1;
}

.bg-hover-75:hover{
    --bs-bg-opacity: .75;
}

.bg-hover-50:hover{
    --bs-bg-opacity: .50;
}

.bg-hover-25:hover{
    --bs-bg-opacity: .25;
}

.bg-hover-10:hover{
    --bs-bg-opacity: .10;
}

.bg-hover-0:hover:active{
    --bs-bg-opacity: 0;
}

.text-white-hover:hover{
    color: white !important;
}

.btn.rounded-circle{
    aspect-ratio: 1;
}

.btn.ar-square{
    padding: 1rem;
}

.ar-square{
    aspect-ratio: 1 !important;
}

.ar-standar{
    aspect-ratio: 4/3 !important;
}

.ar-panoramic{
    aspect-ratio: 16/9 !important;
}

.rounded-3 {
    border-radius: .5rem !important;
}

.rounded-4 {
    border-radius: .75rem !important;
}

.rounded-5 {
    border-radius: 1rem !important;
}

.ar-square > * {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.main-navbar-bg{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff56 100%)
}


/*-- button styles --*/

/*-- table styles --*/

.table>:not(:first-child){
    border-top: inherit;
}

table tr td {
    vertical-align: middle;
}

.table-responsive .table tbody{
    width: 100%;
  }
  
  .table tr td{
    vertical-align: middle;
  }
  
  .scrollable{
    display: unset;
  }
  
  .table-responsive::-webkit-scrollbar {
    background: none; 
    width: 1rem;
    height: .5rem;
    border-radius: .5rem;
  }
  
  .table-responsive::-webkit-scrollbar-thumb {
    --bs-scrollbar-opacity: .25;
    --bs-scrollbar-color: var(--bs-dark-rgb);
    background: rgba(var(--bs-scrollbar-color), var(--bs-scrollbar-opacity)); 
    height: .35rem;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    width: 1rem;
    border-radius: .5rem;
  }
  .table-responsive::-webkit-scrollbar{
    width: .5rem;
  }

  .table-responsive::-webkit-scrollbar-thumb{
    border: 0px solid rgba(0, 0, 0, 0);
  }

  .table-responsive::-webkit-scrollbar-thumb:hover {
    --bs-scrollbar-opacity: .5;
    /* background: rgba(var(--bs-scrollbar-color), var(--bs-scrollbar-opacity));  */
  }

/*-- table styles --*/

/*-- Dropdown --*/
.dropdown-menu{
    box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1) !important;
    border: none;
    padding: .75rem 0;
}

.dropdown-item{
    padding: .5rem .75rem;
}

/*-- Dropdown --*/

/*-- Navbar --*/
.navbar-nav .dropdown-menu{
    position: absolute;
}

.navbar.flex-column .nav-link{
    margin: 0 !important;
}

.navbar.flex-column.navbar-light .nav-link:hover, .navbar.flex-column.navbar-light .nav-link.active {
    --bs-bg-opacity:.10;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));

}

.nav-pills .nav-link.active{
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.nav-pills.nav-white .nav-link.active{
    background-color: white;
    color: var(--bs-body-color);
}

.nav-pills.nav-white .nav-link{
    --bs-text-opacity: 0.75;
    color: rgba(var(--bs-body-color-rgb), 1);
    margin: .25rem !important;
}



.navbar-rail.navbar-light .navbar-nav .nav-link{
    color: unset;
}

.nav-blocks{
    border: none;
}

.nav-blocks .nav-item{
    flex-grow: 1;
}

.nav-blocks .nav-link{
    border: none;
    color: var(--bs-gray-800);
    border-radius: 0;
    width: 100%;
    height: 100%;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
}

.nav-blocks .nav-link:not(.active):hover{
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
}

.nav-blocks .nav-link.active{
    border-bottom: 2px solid var(--bs-primary);
    color: var(--bs-primary);
}

/*-- Navbar --*/

/*-- Carousel --*/

.carousel-item{
    display: unset;
}

.infinite-train{
    animation: slide 7s linear infinite;
}

@keyframes slide {
    0% {
      right: -150%;
    }
    100% {
      right: 150%;
    }
  }

@media (max-width: 576px) {
    .hide-sm{
        display: none !important;
    }
  }

  @media (max-width: 768px) {
    .hide-md{
        display: none !important;
    }
  }

  @media (max-width: 992px) {
    .hide-lg{
        display: none !important;
    }
  }

  @media (max-width: 1200px) {
    .hide-xl{
        display: none !important;
    }
  }

  @media (max-width: 1400px) {
    .hide-xxl{
        display: none !important;
    }
  }


  @media (min-width: 576px) {
    .container-sm, .container {
      max-width: 540px;
    }

    .show-sm{
        display: none !important;
    }
  }

  
  @media (min-width: 768px) {
    .container-md, .container {
      max-width: 720px;
    }

    .show-md{
        display: none !important;
    }
  }
  
  @media (min-width: 992px) {
    .container-lg, .container {
      max-width: 960px;
    }

    .show-lg{
        display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .container-xl, .container {
      max-width: 1140px;
    }

    .show-xl{
        display: none !important;
    }
  }
  @media (min-width: 1400px) {
    .container-xxl, .container {
      max-width: 1320px;
    }

    .show-xxl{
        display: none !important;
    }
  }