/*
Theme Name: Gastrostoma
Developer: Abylaikhan Tleukhan
Author URI: https://abylaikhan.freshcode.kz/
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --blue: #1142a4;
  --blue-dark: #282d3c;
  --blue-black: #202028;
  --blue-light: #e9eef7;
  --indigo: #dae3f2;
}
.bg-body-tertiary {
  background-color: #f8f9fb !important;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1520px;
  }
}
.desktop-categories-menu {
  top: 60px;
}
.btn {
  transition: all 0.3s ease-in-out !important;
}
.btn:hover {
  border-radius: 30px !important;
}
.btn.rounded-circle:hover {
  border-radius: 5px !important;
}
.btn.rounded-5:hover {
  border-radius: 5px !important;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #282d3c;
  --bs-btn-border-color: #282d3c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #282d3c;
  --bs-btn-disabled-border-color: #282d3c;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1142a4;
  --bs-btn-border-color: #1142a4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1142a4;
  --bs-btn-disabled-border-color: #1142a4;
}

.btn-light {
  --bs-btn-color: #8c94a8;
  --bs-btn-bg: #f4f6fb;
  --bs-btn-border-color: #f4f6fb;
  --bs-btn-hover-color: #1142a4;
  --bs-btn-hover-bg: #ecf1fa;
  --bs-btn-hover-border-color: #ecf1fa;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #1142a4;
  --bs-btn-active-bg: #ecf1fa;
  --bs-btn-active-border-color: #ecf1fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1142a4;
  --bs-btn-disabled-bg: #f4f6fb;
  --bs-btn-disabled-border-color: #f4f6fb;
}

* {
  font-family: "Inter", sans-serif;
}
h1,
h2,
h3 {
  font-weight: 600;
}
.text-secondary {
  color: #363744 !important;
}
.text-sb {
  font-weight: 600;
}
.text-lg {
  font-size: 18px;
}
.text-xs {
  font-size: 12px;
}
.text-sm {
  font-size: 14px;
}
.img-195 {
  width: 195px;
}
.img-165 {
  width: 165px;
}
.img-125 {
  width: 125px;
}
.img-80 {
  width: 80px;
}
.img-52 {
  width: 52px;
}
.img-32 {
  width: 32px;
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.text-blue {
  color: var(--blue);
}
.text-dark-blue {
  color: var(--blue-dark);
}
.bg-blue {
  background-color: var(--blue);
}
.bg-blue-light {
  background-color: var(--blue-light);
}
.bg-blue-dark {
  background-color: var(--blue-dark);
}
.bg-blue-black {
  background-color: var(--blue-black);
}
.bg-dark-grey {
  background-color: #8c94a8;
}
.bg-indigo {
  background-color: var(--indigo);
}
.categories-dropdown .dropdown-toggle::after {
  display: none !important;
}
.categories-dropdown .dropdown-toggle:hover {
  background-color: var(--blue) !important;
  color: var(--bs-white) !important;
}
.dropdown-item .icon-wrapper {
  width: 42px;
  height: 42px;
}
.dropdown-item:hover .icon-wrapper .bg-primary-subtle {
  background-color: var(--bs-secondary) !important;
}
.review-card:hover {
  background-color: var(--blue-light) !important;
}
.splide__arrow {
  background: var(--bs-light);
  border-radius: 25px;
  height: 50px;
  width: 50px;
}
.desktop-nav-a:hover {
  color: var(--blue) !important;
}
.customised-slider .splide__arrows {
  position: absolute !important;
  right: 250px !important;
  top: -70px !important;
}
.customised-slider .splide__arrows .splide__arrow--prev {
  left: 130px !important;
}
.customised-slider .splide__arrows .splide__arrow--next {
  left: 200px !important;
}
.maps-section-wrapper iframe {
  width: 100% !important;
  position: relative;
  z-index: 0;
  height: 620px;
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.home-page-cat-card {
  height: 320px;
}
.home-page-cat-card img {
  right: -100px;
  bottom: -100px;
  width: 125%;
}
.card-33 img {
  bottom: -70px!important;
}

.card-circle {
  width: 200px;
  height: 200px;
  right: -100px;
  bottom: -100px;
  scale: 1;
}
.map-info-block {
  width: 430px;
}
.home-page-cat-card:hover .card-circle {
  scale: 1.75 !important;
}
.about-page-hero-shadow {
  filter: blur(1.5rem);
  width: 600px;
  height: 600px;
}
.about-page-img {
  width: 175%;
  right: 60%;
}
.lang-dropdown .dropdown-menu {
  min-width: 65px !important;
}
.offcanvas.offcanvas-top {
  height: 100vh;
}
.rotate {
  transform: rotate(180deg);
}
.contacts-page-socials_btn:hover {
  background-color: var(--blue-light) !important;
}
.contacts-page-socials_btn:hover :is(i, span) {
  color: var(--bs-primary) !important;
}
.card-img {
  height: 230px;
}
.qty-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  top: -5px;
  right: -5px;
  font-size: 10px;
}
.offcanvas-end {
  width: 45% !important;
}
.scrollable-block {
  width: max-content !important;
  /* Firefox */
  scrollbar-width: none;
  /* IE / Edge (старые) */
  -ms-overflow-style: none;
}
.scrollable-block::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.splide__pagination__page.is-active {
  background: #202028;
}
@media (max-width: 768px) {
  .grid-5 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-5 > :nth-child(5) {
    grid-column: 1 / -1;
  }
	.card-33 img {
  bottom: -70px;
}
.card-30 img {
  bottom: -70px;
}
.card-31 img {
  right:-70px;
	bottom: -70px;
}
.card-32 img {
      right: -50px!important;
    bottom: -70px!important;
    width: 75%!important;
}
  .maps-section-wrapper iframe {
    height: 250px;
  }
  .home-page-cat-card {
    height: 200px;
  }
  .author-img {
    border-radius: 50% !important;
  }
  .splide__slide.product-card {
    width: 260px;
  }
  .offcanvas-end {
    width: 100% !important;
  }
  .splide__pagination {
    bottom: -25px !important;
  }
}
@media (max-width: 380px){
	h1{
		font-size:1.8em!important;
	}
}