/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.5_webpack@5.111.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.28_typescript@5.9.3_webpack@5.111.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.1_sass@1.105.0_webpack@5.111.1/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/home-services/styles/src/home-services.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-services__image-wrapper:before{
  background-image:url(/wp-content/themes/tibeg/assets/img/shadow.svg);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:20rem;
  left:50%;
  position:absolute;
  transform:var(--shadow-transform, translate(-53%, 46%));
  width:120%;
  z-index:-1;
}

.home-services__container:first-of-type .home-service__title:after,.home-services__container:nth-of-type(2) .home-service__title:before{
  background-image:url(/wp-content/themes/tibeg/assets/img/icons/arrow-down.svg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  display:inline-block;
  height:1lh;
  transition:transform .45s var(--ease-spring);
  width:1lh;
}

.home-services{
  margin-block:calc(var(--spacing-m)/2);
  padding-block:calc(var(--spacing-m)/2);
  position:relative;
}
.home-services__pattern{
  --size:170rem;
  height:var(--size);
  max-width:unset;
  mix-blend-mode:lighten;
  position:absolute;
  right:0;
  top:0;
  transform:translate(50%, -61%);
  width:var(--size);
  z-index:-1;
}
.home-services__image-wrapper{
  --shadow-transform:translate(-50%, 50%) scale(0.8);
  height:50rem;
  left:50%;
  position:absolute;
  top:0;
  transform:translate(-50%);
  width:100%;
  z-index:-1;
}
.home-services__image{
  height:100%;
  margin-inline:auto;
  width:auto;
}
.home-services__containers{
  display:flex;
  flex-direction:row;
  gap:2rem;
  justify-content:space-between;
}
@media (max-width:860px){
  .home-services__containers{
    flex-direction:column;
  }
}
.home-services__container{
  display:flex;
  flex-direction:column;
  gap:6rem;
}
.home-services__container:first-of-type .home-service__title:after{
  margin-left:1rem;
}
.home-services__container:nth-of-type(2) .home-service{
  margin-left:auto;
}
.home-services__container:nth-of-type(2) .home-service__title:before{
  margin-right:1rem;
  transform:scaleX(-1);
}
@media (max-width:860px){
  .home-services__container:nth-of-type(2) .home-service__title{
    display:flex;
    flex-direction:row-reverse;
  }
  .home-services__container:nth-of-type(2) .home-service__title:before{
    margin-left:1rem;
    margin-right:0;
    transform:none;
  }
  .home-services__container:nth-of-type(2) .home-service{
    margin-left:unset;
  }
  .home-services__container{
    gap:2rem;
  }
}

.home-service{
  background-color:color-mix(in srgb, var(--color-red-dark) 80%, transparent);
  box-sizing:content-box;
  clip-path:polygon(.5rem 0, 100% 0, calc(100% - 2rem) 100%, 0 100%);
  max-width:var(--max-width, auto);
  padding:2rem 3rem;
  transition:background-color .3s var(--ease-spring), clip-path .3s var(--ease-spring);
}
.home-service__title{
  cursor:pointer;
  font-size:1.5rem;
  font-variation-settings:"wgt" 700;
  margin:0;
  max-width:-moz-max-content;
  max-width:max-content;
}
.home-service__content{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .4s var(--ease-spring);
  transition-delay:.25s;
}
.home-service__excerpt{
  padding-top:2rem;
}
.home-service__overflow-container{
  overflow:hidden;
  transition:overflow .4s linear;
  transition-delay:.55s;
}
.home-service__link{
  background-color:#fff !important;
  color:var(--color-red-dark) !important;
  transform-origin:left;
}
.home-service.active{
  background-color:var(--color-red-dark);
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.home-service.active .home-service__title:before{
  transform:scaleX(-1) rotate(90deg);
}
.home-service.active .home-service__title:after{
  transform:rotate(90deg);
}
.home-service.active .home-service__content{
  grid-template-rows:1fr;
}

/*! Add Soul */
/*# sourceMappingURL=home-services.css.map*/