/*
Theme Name: Хорошие Практикиы
Developer: Abylaikhan Tleukhan
Author URI: https://abylaikhan.freshcode.kz/
*/
:root {
  --dos: #6367a7;
}
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
  font-family: "Montserrat", sans-serif;
}
h1 {
  font-size: 78px;
}
h1,
h2,
h3 {
  font-weight: 700;
}
.bg-dos {
  background-color: var(--dos);
}
.text-dos {
  color: var(--dos);
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.hover-opacity-object:hover {
  opacity: 1 !important;
}
.text-sm {
  font-size: 14px;
}
.text-h {
  font-weight: 700;
}
.img-50 {
  width: 50px;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6367a7;
  --bs-btn-border-color: #6367a7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b51a2;
  --bs-btn-hover-border-color: #4b51a2;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4b51a2;
  --bs-btn-active-border-color: #4b51a2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6367a7;
  --bs-btn-disabled-border-color: #6367a7;
}

.case-cover {
  height: 200px;
}
.case-card img {
  filter: grayscale(100);
}
.case-card:hover img {
  filter: grayscale(0);
}
.team-photo {
  height: 350px;
}
.case-page-cover {
  height: 450px;
}
.gallery-img {
  height: 320px;
}
.about-icon {
  width: 75px;
  border: var(--dos) 3px solid;
}
.choose-num {
  font-size: 100px;
}

@media (max-width: 768px) {
  h1 {
    font-size: 32px;
  }
  .case-page-cover {
    height: auto;
  }
}