/* Framework 7 customize style */
/* Framework 7 customize style */
/* Framework 7 customize style */



:root {
  --f7-sheet-height: fit-content;
}

.page>.toolbar {
  border-radius: 50px;
  border-top: 1px solid #E1E1E1;
  
  width: 98%;
  margin-left: 1%;
  margin-bottom: 5px;
}
.toolbar-bottom .tab-link {
  color: #676679!important;
}
.page>.toolbar.tabbar-labels a.tab-link.tab-link-active {
  color: var(--secondary)!important;
}


/* .segments {
  padding: 0;
} */

.trending-topic .swiper-slide {
  width: 145px;
}
.trending-topic .swiper-slide .mask {
  background: linear-gradient(to top,black, rgba(0, 0, 0, 0));
}
.trending-topic .swiper-slide .image-caption {
  top: auto;
  bottom: 15px;
}

html.with-panel-left-cover .panel-left {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.sidebar .list ul li a::before {
  top: 22px;
}
.sidebar .list .item-title {
  display: flex;
  align-items: center;
}

button {
  width: fit-content;
}
.sheet-modal {
  max-height: 50%;
  /* overflow-y: scroll; */
  border-radius: var(--border-radius);
}
.sheet-modal .block {
  margin: 0;
}
.sheet-modal .toolbar-inner {
  padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
  padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
}

.about-us .social-media ul li {
  display: inline-block;
  margin-right: 12px; }

.col-2 {
    width: 16.66666667%!important;
  }
.col-6 {
  width: 48%!important;
}

.popover.modal-in {
  z-index: 99999;
}

.splide__slide > .card > .user-profile-pic {
  width: 80px;
  height: 80px;
}
.splide__slide {
  margin-left: 0;
  margin-right: 0;
}


.splide__slide > .card {
  border:none !important;
  box-shadow:none !important;
  border-radius: 0;
  overflow: visible;
}
.splide__slide2 > .card {
  border-radius: var(--border-radius-2);
  overflow: hidden;
}