/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../Osoool/src/sass/page-bundles/home.scss ***!
  \******************************************************************************************************************************************************************************************/
.home-announcements-slider .swiper-slide > .card > .d-flex {
  min-width: 0;
}

.home-service-icon-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: invert(48%) sepia(96%) saturate(1818%) hue-rotate(146deg) brightness(94%) contrast(101%);
}

.home-menu-icon-img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: invert(16%) sepia(49%) saturate(1225%) hue-rotate(151deg) brightness(88%) contrast(103%);
}

.home-footer-social-img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease;
}

.footer .btn:hover .home-footer-social-img,
.footer .btn:focus .home-footer-social-img {
  filter: invert(11%) sepia(58%) saturate(1732%) hue-rotate(150deg) brightness(85%) contrast(102%);
}

@media (max-width: 767.98px) {
  .home-announcements-slider .swiper-slide > .card > .d-flex {
    flex-direction: column;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }
  .home-announcements-slider .symbol.symbol-150px.symbol-2by3 {
    width: 100% !important;
    max-width: 100%;
    height: 180px;
    margin-inline: 0 !important;
    margin-bottom: 1rem;
  }
  .home-announcements-slider .symbol.symbol-150px.symbol-2by3 .symbol-label {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
  .home-announcements-slider .swiper-slide > .card > .d-flex > .d-flex {
    width: 100%;
    min-width: 0;
  }
}