/*
Theme Name: Thanes
Theme URI: https://plaimanas.com
Author: Plaimanas DEV
Author URI: https://plaimanas.com
Description: In-house WordPress theme for Thanes.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thanes
*/

/* Additional style */
.hero__robot-wrapper .tag-solution-text-box img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
}
.career-panel__section + .career-panel__section {
  margin-top: 1.5rem;
}
.key-positioning__card-icon {
  display: inline-flex;
  flex-shrink: 0;
}
.consult__btn {
  text-decoration: none;
}
.product-single__description > .wp-block-paragraph {
  margin-bottom: 36px;
  text-wrap: pretty;
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(1) {
  top: 31%;
  left: 2%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(1) {
    top: 29%;
    left: 18%;
  }
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(2) {
  top: 39%;
  right: 3%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(2) {
    left: auto;
    top: 37%;
    right: 14%;
  }
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(3) {
  bottom: 39%;
  left: 7%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(3) {
    bottom: 52%;
    left: 7%;
  }
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(4) {
  bottom: 30%;
  left: unset;
  right: 2%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(4) {
    left: auto;
    bottom: 45%;
    right: 14%;
  }
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(5) {
  bottom: 20%;
  left: 2%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(5) {
    top: 59%;
    left: 18%;
    bottom: unset;
  }
}

.hero__robot-wrapper .tag-solution-text-box:nth-child(6) {
  bottom: 8%;
  right: 3%;
}

@media (min-width: 768px) {
  .hero__robot-wrapper .tag-solution-text-box:nth-child(6) {
    left: auto;
    top: 64%;
    right: 10%;
    bottom: unset;
  }
}
@media (min-width: 1024px) {
  .key-features__list {
    flex-wrap: wrap;
  }
  .key-features__item {
    flex: 0 0 calc((100% / 3) - 24px);
  }
}
