/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/bloc-resources/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.resource_section {
  padding: 50px 0;
}
.resource_section__wrapper {
  padding: 30px 0 50px;
  background: #F4F5F7;
  border-radius: 22px;
}
@media screen and (min-width: 991px) {
  .resource_section__wrapper {
    display: flex;
    align-items: center;
    padding: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .resource_section__wrapper {
    padding: 30px 30px 30px 85px;
  }
}
.resource_section__left {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 991px) {
  .resource_section__left {
    max-width: 35%;
    margin-bottom: 0;
  }
}
.resource_section__left h2 {
  color: #1F163C;
  letter-spacing: unset;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .resource_section__left h2 {
    font-size: 24px;
  }
}
.resource_section__left .decs {
  color: rgba(23, 43, 77, 0.47);
  margin-bottom: 30px;
}
@media screne and (min-width: 768px) {
  .resource_section__left .decs {
    font-size: 24px;
  }
}
.resource_section__left .resource_section__left--button {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .resource_section__left .resource_section__left--button .button_default {
    padding: 15px 35px 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .resource_section__left .resource_section__left--button .button_default:after {
    transform: translate(50%, -50%) scale(0.8) rotate(-130deg);
    right: 15px;
  }
}
.resource_section__left:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 991px) {
  .resource_section__right {
    max-width: 65%;
    padding-left: 2em !important;
    margin-left: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .resource_section__right {
    padding-left: 5em !important;
  }
}
.resource_section__right .resource_section__items {
  display: flex;
  padding: 10px 5px;
}
@media screen and (min-width: 991px) {
  .resource_section__right .resource_section__items .swiper-wrapper {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.resource_section__right .app_resource_item {
  min-height: 200px;
  height: unset;
}
@media screen and (min-width: 991px) {
  .resource_section__right .app_resource_item {
    width: calc(50% - 15px) !important;
    margin-right: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .resource_section__right .app_resource_item {
    width: calc(33.33% - 20px) !important;
  }
}
.resource_section__right .app_resource_item__wrapper {
  background: #FFFFFF;
  padding: 20px;
  border-radius: 25px;
  position: relative;
  height: 210px;
  transition: all 0.5s ease-out;
  padding-bottom: 50px;
  overflow: hidden;
}
.resource_section__right .app_resource_item__wrapper .image {
  margin-bottom: 20px;
}
.resource_section__right .app_resource_item__wrapper .image img {
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.resource_section__right .app_resource_item__wrapper .image .hover-logo {
  display: none;
}
.resource_section__right .app_resource_item__wrapper .categories ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}
.resource_section__right .app_resource_item__wrapper .categories ul li {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 4px 5px 0px;
  background: #3F2965;
  border-radius: 5px;
}
.resource_section__right .app_resource_item__wrapper .decs {
  color: rgba(23, 43, 77, 0.58);
  transition: all 0.5s ease-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.resource_section__right .app_resource_item__wrapper .icon {
  position: absolute;
  right: 15px;
  background: #fff;
  text-align: right;
  bottom: 15px;
  padding: 12px 20px;
  transition: all 0.5s ease-out;
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfOTkyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5OTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40NDUgMC40NDUpIiBmaWxsPSIjMWYxNjNjIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iR3JvdXBfNzMxIiBkYXRhLW5hbWU9Ikdyb3VwIDczMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNDQ1IC0wLjQ0NSkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMTIwIiBkYXRhLW5hbWU9IlBhdGggMTEyMCIgZD0iTTI0Ljg5MSwxOC42Njh2Ni4yMjNIMFYxOC42NjhhMS4yNDUsMS4yNDUsMCwxLDEsMi40ODksMFYyMi40SDIyLjRWMTguNjY4YTEuMjQ1LDEuMjQ1LDAsMSwxLDIuNDg5LDBNNS41ODIsMTQuNzU3bDYuODYzLDQuMTE4LDYuODYzLTQuMTE4YTEuMjQ0LDEuMjQ0LDAsMCwwLTEuMjgxLTIuMTM0bC00LjMzOCwyLjZWMS4yNDVhMS4yNDUsMS4yNDUsMCwxLDAtMi40ODksMFYxNS4yMjVsLTQuMzM4LTIuNmExLjI0NSwxLjI0NSwwLDAsMC0xLjI4MSwyLjEzNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMxZjE2M2MiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
}
.resource_section__right .app_resource_item__wrapper .read__more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  font-size: 0;
  z-index: 1;
  display: block;
}
.resource_section__right .app_resource_item__wrapper:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper {
  background: #1F163C;
  color: #fff;
  padding: 20px 40px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper > div {
  display: flex;
  align-items: center;
  text-align: center;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper .icon {
  background: unset;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper .read__more {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  font-size: 14px;
  color: #1F163C;
  font-weight: 500;
  border: unset;
  line-height: 42px;
  height: 39px;
  padding: 0 20px;
  bottom: 10px;
  right: 20px;
  top: unset;
  left: unset;
  border-radius: 20px;
  transition: all 0.3s ease-out;
  text-decoration: unset;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper .read__more:after {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716.465%27 height=%2716.465%27 viewBox=%270 0 16.465 16.465%27%3E%3Cpath id=%27Path_1041%27 data-name=%27Path 1041%27 d=%27M586.364 16.466V0h16.465a16.463 16.463 0 0 1-16.461 16.465Z%27 transform=%27translate%2816.466 -586.364%29 rotate%2890%29%27 fill=%27%23ff4959%27/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-out;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper .read__more:hover {
  padding-right: 30px;
}
.resource_section__right .app_resource_item.more_items .app_resource_item__wrapper .read__more:hover:after {
  transform: translate(50%, -30%) scale(0.8) rotate(-130deg);
  right: 15px;
}

/*# sourceMappingURL=style-index.css.map*/