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

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: Calibri;
  src: url(fonts/calibri.ttf);
}
@font-face {
  font-family: Calibri-bold;
  src: url(fonts/calibri_bold.ttf);
}
.text-justify {
  text-align: justify;
}
p{
	font-size: 18px;
}
* {
  /*font-family: Calibri; */
	font-family: "Roboto", sans-serif;
}
h1,
h2 {
  /* font-family: Calibri-bold; */
	font-weight:700;
}
:root {
  --blue: #1c5d7b;
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--blue) !important;;
    --bs-btn-hover-border-color: var(--blue) !important;;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue) !important;;
    --bs-btn-active-border-color: var(--blue) !important;;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
}

.hero-h1 {
  font-size: 3rem;
}
.home-page h1 {
  font-size: 5rem !important;
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.google-map iframe {
  width: 100% !important;
}
b {
  color: var(--blue) !important;
}
.text-sm {
  font-size: 14px;
}
.text-xs {
  font-size: 12px;
}
.grayscale {
  filter: grayscale(100) !important;
}
.active-text {
  color: var(--blue) !important;
}
header {
  position: absolute;
}
header,
.mobile-menu {
  z-index: 1200;
}

.content {
  height: 800px;
}
.hover-text:hover {
  color: var(--blue) !important;
}
.hover-text:hover img {
  border: 2px solid var(--blue) !important;
}
.post-card img {
  filter: grayscale(100);
}
.post-card:hover h3 {
  color: var(--blue) !important;
}
.post-card:hover img {
  filter: grayscale(0);
}
.lang-btn {
  width: 50px;
  height: 50px;
}
.lang-btn:hover {
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.lang-list {
  top: 50px;
  width: 50px;
  height: 150px;
}
.hide {
  height: 0 !important;
}

.mobile-nav-link img {
  filter: grayscale(100);
}

.active-mobile-link img {
  filter: grayscale(0) !important;
}
.active-mobile-link span {
  color: var(--blue) !important;
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.main-logo {
  width: 240px;
}
.team-avatar{
	height: 350px;
}

@media (max-width: 768px) {
  header {
    position: sticky;
  }
  .main-logo {
    width: 100px;
  }
	.team-avatar{
	height: 220px;
}
	.text-justify {
  text-align: start;
}
}