* {
  /* outline: 1px solid red; */
}
.entry-content > div:not(.swiper) {
  margin-right: 5dvw;
  margin-left: 5dvw;
}
@media (min-width: 1440px) {
  .swiper {
    height: 700px !important;
  }
  div.swiper-slide img.p-swiperslide-img {
    height: 700px !important;
    object-fit: cover;
  }
}
img.p-swiperslide-img,
div.swiper-slide img.p-swiperslide-img {
  border-radius: 0px;
}
.main-page-wrapper {
  margin-top: 0 !important;
}
header.main-header {
  border-bottom: 1px solid transparent !important;
}
div.basel-toolbar {
  border-top: 1px solid transparent !important;
}
div[class^="p-xelem-wrapper-"][class$="-uni-signupbtn"] a.p-xelem-link,
div[class^="p-xelem-wrapper-"][class$="-uni-loginbtn"] a.p-xelem-link {
  border: 1px solid var(--login-btn-color);
}
a[class^="p-imagegrid-item-"],
img.p-imagegrid-img {
  border-radius: 5px;
}
div[class^="p-listbox-category-"] > div[class^="p-listbox-item-"] {
  background-color: transparent !important;
}
div[class^="p-listbox-category-"]::-webkit-scrollbar {
  /* height: 0px !important; */
}
.p-listbox-category-categories {
  margin-top: 25px;
}
div.p-titlebar-titleleft {
  width: -webkit-fill-available;
}
div.p-titlebar-titleright {
  margin-left: auto;
}
.p-titlebar-titleleft i::before {
  filter: invert(11%) sepia(167%) saturate(30066%) hue-rotate(210deg)
    brightness(75%) contrast(85%);
}
a.p-titlebar-titleright-linkL::after,
a.p-titlebar-titleright-linkR::after {
  background-color: transparent;
  border-radius: 35px !important;
  padding-left: clamp(7px, 1.25vw, 10px) !important;
  padding-right: clamp(7px, 1.25vw, 10px) !important;
}

a.p-titlebar-titleright-linkL:hover::after,
a.p-titlebar-titleright-linkR:hover::after {
  border-radius: 35px !important;
  padding-left: clamp(7px, 1.25vw, 10px) !important;
  padding-right: clamp(7px, 1.25vw, 10px) !important;
  background-color: var(--btn-color) !important;
}
div[class^="p-xelem-wrapper-"][class$="-loadmore"] a.p-xelem-link {
  display: flex;
}
div[class^="p-xelem-wrapper-"][class$="-loadmore"] a.p-xelem-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--btn-color);
  width: 125px;
  height: 35px;
  border: 1px solid white;
  border-radius: 100px;
  place-self: center;
  margin-top: 15px;
  gap: 5px;
  color: white;
  transition: 0.3s ease;
}
div[class^="p-xelem-wrapper-"][class$="-loadmore"] a.p-xelem-link:hover {
  border: 1px solid var(--border-color);
  color: black;
}
div[class^="p-xelem-wrapper-"][class$="-uni-signupbtn"] span.p-xelem-btn,
div[class^="p-xelem-wrapper-"][class$="-uni-loginbtn"] span.p-xelem-btn {
  color: white;
}
div[class^="p-xelem-wrapper-"][class$="-uni-signupbtn"] a.p-xelem-link:hover,
div[class^="p-xelem-wrapper-"][class$="-uni-loginbtn"] a.p-xelem-link:hover {
  border: 1px solid var(--border-color);
}
div[class^="p-xelem-wrapper-"][class$="-uni-signupbtn"]
  a.p-xelem-link:hover
  span.p-xelem-btn,
div[class^="p-xelem-wrapper-"][class$="-uni-loginbtn"]
  a.p-xelem-link:hover
  span.p-xelem-btn {
  color: black;
}
div.p-titlebar-cat-providers span.p-titlebar-titleleft-text {
  font-size: 14px;
}
a[class^="p-imagegrid-item-"]::after {
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  color: ghostwhite;
  left: 7px;
  bottom: 7px;
}

/*carousel text*/
span.p-swiperslide-text {
  color: darkred;
}
span.p-swiperslide-title,
span.p-swiperslide-text,
span.p-swiperslide-button {
  font-size: clamp(12px, 0.25em, 30px);
  text-align-last: center;
  justify-content: center;
}
div.p-swiperslide-content {
  width: 65%;
  font-weight: 600;
  row-gap: 0;
  align-items: center;
  justify-content: center;
}
span.p-swiperslide-text {
  text-align: -webkit-center;
}
@media (min-width: 400px) {
  span.p-swiperslide-title,
  span.p-swiperslide-text,
  span.p-swiperslide-button {
    font-size: clamp(14px, 0.5em, 30px);
  }
}
@media (min-width: 1024px) {
  span.p-swiperslide-title,
  span.p-swiperslide-text,
  span.p-swiperslide-button {
    font-size: clamp(14px, 0.5em, 44px);
  }
  div.p-swiperslide-content {
    width: 50%;
  }
}
span.p-swiperslide-button {
  color: white;
  margin-top: 5px;
  font-size: clamp(12px, 0.4em, 20px);
}
span.p-swiperslide-button {
  color: white;
  margin-top: 5px;
  font-size: clamp(12px, 0.4em, 20px);
}
span.p-swiperslide-button:hover {
  border: 1px solid var(--border-color);
  color: black;
}
@media (min-width: 1440px) {
  span.p-swiperslide-button {
    font-size: clamp(12px, 0.4em, 24px);
    padding: 0.5em 1em 0.5em 1em;
  }
}
span.p-swiperslide-text {
  width: 65%;
}

/*menu desktop*/
header.main-header .main-nav a.p-menu-link {
  column-gap: 5px;
  /* margin-right: 5px; */
}
header.main-header .main-nav span.p-menu-text {
  color: gray;
}
header.main-header .main-nav i.p-menu-iconfont {
  color: dimgray;
}
header.main-header ul.menu li[class^="p-menu-item-"]:hover i::before,
header.main-header ul.menu li[class^="p-menu-item-"]:hover span.p-menu-text {
  color: black;
}
/* menu mobile */
div.mobile-nav div.basel-close-sidebar-btn img {
  width: 200px;
}
.mobile-nav .menu-p-main-menu-container li {
  padding: 0 10px 0 10px;
}
div.mobile-nav ul.site-mobile-menu li:hover,
div.mobile-nav ul.site-mobile-menu li:active,
header.main-header li:hover {
  background-color: rgb(45, 50, 126) !important;
}
@media (max-width: 1024px) {
  div.mobile-nav div.p-xelem-wrapper-logsign-blank span.p-xelem-btn {
    font-size: clamp(16px, 4vw, 16px);
  }
}
div[class^="p-xelem-wrapper-"][class$="-menu-top"] {
  position: relative;
}
div[class^="p-xelem-wrapper-"][class$="-menu-top"] span {
  position: absolute;
  top: 0;
  align-self: anchor-center;
  text-align: center;
  width: 80%;
  place-self: anchor-center;
  color: white;
  font-weight: 600;
  font-size: 22px;
  text-shadow: -1px -1px 0 darkgray, 1px -1px 0 darkgray, -1px 1px 0 darkgray,
    1px 1px 0 darkgray;
}

div[class^="p-xelem-wrapper-"][class$="-menu-top"] a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, white, transparent 10%) top,
    linear-gradient(to top, white, transparent 10%) bottom;
  background-repeat: round;
}
@media (max-width: 1024px) {
  div.mobile-nav div.p-xelem-wrapper-logsign-blank a.p-xelem-link {
    padding-top: clamp(4px, 1vw, 4px);
    padding-right: clamp(14px, 3vw, 16px);
    padding-bottom: clamp(4px, 1vw, 4px);
    padding-left: clamp(14px, 3vw, 16px);
  }
}
div.mobile-nav ul.site-mobile-menu img.p-menu-icon,
div.mobile-nav ul.site-mobile-menu i.p-menu-iconfont,
div.mobile-nav ul.site-mobile-menu > li img.p-menu-iconsvg,
div.mobile-nav ul.site-mobile-menu > li span.p-menu-text {
  color: gray;
  transition: 0.3s ease;
}
/*footer menu*/
div[class^="p-xelem-wrapper-"][class$="-bot-logo"] img.p-xelem-img {
  width: 300px;
}
span.p-fmenu-title {
  color: var(--border-color);
}
div.p-fmenu-wrapper.fmenu-several div.p-fmenu-cat-info,
div.p-fmenu-wrapper.fmenu-several div.p-fmenu-cat-info ul.p-fmenu-list {
  align-items: flex-end;
}
div[class$="-fmenu-gamawa18"] a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
div[class$="-fmenu-gamawa18"] span.p-xelem-text {
  background-color: darkgray;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  padding: 7px;
  margin-left: 10px;
  transition: 0.3s ease;
}
div[class$="-fmenu-gamawa18"]:hover a {
  filter: brightness(1.25);
}
div[class$="-fmenu-gamawa18"] img.p-xelem-img {
  width: 75%;
}
div.p-imagegrid-overlay {
  row-gap: clamp(4px, 0.5em, 16px);
}
div.p-imagegrid-textswrap {
  font-weight: 600;
}
div.p-imagegrid-iconlink,
div.p-imagegrid-button {
  color: lightgray;
}
a.scrollToTop {
  border: 1px solid var(--border-color) !important;
}
a.scrollToTop:after {
  color: var(--border-color);
}
/*mobnavbar*/
div.basel-toolbar div[class^="p-xelem-wrapper-"] a img {
  height: 20px;
}
div.basel-toolbar img.p-xelem-img {
  filter: var(--list-cat-color);
}
div.basel-toolbar span.p-xelem-fa::before {
  color: var(--btn-color);
  font-size: 34px;
}
div[class$="-nav-signup"] {
  padding-bottom: 19px;
}
@media(min-width:992px){
div.mobile-nav ul.site-mobile-menu li:hover, div.mobile-nav ul.site-mobile-menu li:active, header.main-header li:hover {
    background-color: transparent !important;
}
}