/*
Theme Name: Altay Agro Trading
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");
* {
  font-family: "Montserrat", sans-serif;
}
:root {
  --gold: #eec00f;
}
.text-warning {
  color: #ffd700 !important;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #eec00f;
  --bs-btn-border-color: #eec00f;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eec00f;
  --bs-btn-disabled-border-color: #eec00f;
}
.text-warning {
  color: var(--gold) !important;
}
.gray_filter {
  filter: grayscale(100);
}
h1,
h2,
h3 {
  font-weight: bold;
}
h1 {
  font-size: 5rem;
}
.btn {
  border-radius: 0 !important;
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.text-sm {
  font-size: 14px;
}
.text-xs {
  font-size: 12px;
}

/* images */
.logo {
  width: 100px;
}
.img-20 {
  width: 20px;
}
.img-24 {
  width: 24px;
}
.img-50 {
  width: 50px;
}
.img-120 {
  width: 120px;
}

/* home page */
.home-hero-section {
  height: 85vh;
}
.product-card {
  height: 550px;
}
.product-card_desc {
  height: 0;
}
.product-card:hover img {
  transform: scale(1.1);
}
.product-card:hover .product-card_desc {
  height: 250px;
}
.product-card:hover .bg-dark {
  opacity: 0.75 !important;
}
.product-card:hover h3 {
  color: #ffc720 !important;
}
.product-card-splide {
  height: 370px !important;
}

/* news */
.news-card_img {
  height: 200px;
}

/* contacts-page */
.google-map iframe {
  width: 100% !important;
}
/* product page */
.product-page-card {
  height: 210px;
}

/* about page */
.youtube-frame iframe {
  width: 100% !important;
  border-radius: 20px !important;
}

@media (max-width: 768px) {
  h1 {
    font-size: 3rem;
  }
}