/*
Theme Name: 3D PROMAKIM
Theme URI: http://basework.studio
Author: Basework Studio
Author URI: http://basework.studio
Version: 1.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: 3d-promakim
*/

.comp-3,
.comp-4 {
  background: #2323ac !important;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
  .comp-3,
  .comp-4 {
    background: #1e20a1 !important;
  }
}

.comp-5-body .comp-5-swiper .swiper-slide-head-tag span {
  text-transform: uppercase;
}

.gfield_required .gfield_required {
  display: none !important;
}

.gform_validation_errors .gform_submission_error {
  color: red !important;
}

.gform_wrapper .gfield_description.validation_message {
  color: red !important;
  border: none !important;
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
}

.hero-12-content-icon img {
  object-fit: contain;
}

.comp-19-card-img-tag-list-item {
  text-transform: uppercase;
}

.blog-detail-body-item-head h3 {
  width: calc(75% - 0px);
}

.hero-3 .hero-3-content p {
  margin-top: 48px;
}

.hero-3 .hero-3-content img {
  height: 75px;
}

.comp-6 .comp-6-main .comp-6-body .swiper-wrapper {
  justify-content: center;
}

.blog-detail-body p,
.blog-detail-body ul,
.blog-detail-body ol,
.blog-detail-body a {
  font-family: "Styrene B";
  font-style: normal;
  font-weight: normal;
  color: #000;
  -webkit-font-feature-settings: "clig" off, "liga" off;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 24px;
}

.blog-detail-body .wp-block-image {
  margin-bottom: 24px;
}

.blog-detail-body h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Styrene A";
  font-style: normal;
  font-weight: 500;
  margin: 0;
  color: #000;
  line-height: 150%;
  margin-bottom: 24px;
}

.blog-detail-body h1 {
  font-size: 32px;
}

.blog-detail-body h2 {
  font-size: 24px;
}

.blog-detail-body h3 {
  font-size: 20px;
}

.blog-detail-body h4 {
  font-size: 18px;
}

.blog-detail-body h5 {
  font-size: 16px;
}

.blog-detail-body h6 {
  font-size: 14px;
}

.comp-23-item-list-item-head {
  width: 25% !important;
}

.cookie-content p a {
  margin-bottom: 0 !important;
}

.desktop-image {
  display: block;
}

.mobile-image {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
  .desktop-image {
    display: none;
  }

  .mobile-image {
    display: block;
  }
}