/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/app/styles/styles.scss ***!
  \***********************************************************************************************************************************************************/
:export {
  mobile: 340px;
  mobileLg: 500px;
  desktopBg: 1000px;
  desktopLgm: 1500px;
  tablet: 768px;
  desktop: 1240px;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/pages/charity/styles.module.scss ***!
  \*********************************************************************************************************************************************************************/
.i6xdQl3wBeoljVI_W_hu {
  margin-bottom: 90px;
}
@media (max-width: 1239px) {
  .i6xdQl3wBeoljVI_W_hu {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .i6xdQl3wBeoljVI_W_hu {
    margin-bottom: 40px;
  }
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/shared/ui/charity/tab-item/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************/
.Nk13JRTymU_V0ZexQePQ {
  box-sizing: border-box;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: rgba(121, 198, 249, 0.78);
  padding: 13px 20px 12px;
  background: #f4f4f4;
  border-radius: 4px;
  cursor: pointer;
  transition: color 0.2s ease;
}
@media (max-width: 600px) {
  .Nk13JRTymU_V0ZexQePQ {
    width: 100%;
  }
}
.Nk13JRTymU_V0ZexQePQ:hover {
  color: #1277d3;
}

.MiEvniX5JDwFkU6Yi1aG {
  color: #1277d3;
}

.FxIS5MOpION7NGwm3y2g {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/shared/ui/charity/item/styles.module.scss ***!
  \******************************************************************************************************************************************************************************/
.bhOLH6Emzf6V8ruDsmrR {
  border: 1px solid #cdd1d8;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  color: #000;
  background: #fff;
}

.xj3IltFalwRDI8ndhChQ {
  box-sizing: border-box;
}
.xj3IltFalwRDI8ndhChQ img {
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
}

.xpQEK797OJqWPEIdyvJQ {
  box-sizing: border-box;
  padding: 30px;
}

.L7YEixrByFXYV89T7i7s {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-variant: small-caps;
}

.rNyd6_PhDBGrbhJReFNo {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  margin-top: 10px;
}

.hLpwEz_L2nOD3frUTnCP {
  margin-top: 25px;
}
.hLpwEz_L2nOD3frUTnCP a:link, .hLpwEz_L2nOD3frUTnCP a:visited, .hLpwEz_L2nOD3frUTnCP a:active, .hLpwEz_L2nOD3frUTnCP a:hover {
  font-weight: 700;
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  color: #1277d3;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: opacity 0.2s ease;
}
.hLpwEz_L2nOD3frUTnCP a:hover {
  opacity: 0.6;
}

.bDNJvtt3qgc3jP84tHzY {
  aspect-ratio: 398/219;
}
.bDNJvtt3qgc3jP84tHzY img {
  object-fit: cover;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/widgets/charity/ui/tabs/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************/
.tBXLAAGHY1_vqU8LPVya {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  margin-bottom: 41px;
}
@media (max-width: 600px) {
  .tBXLAAGHY1_vqU8LPVya {
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
.tBXLAAGHY1_vqU8LPVya svg {
  max-width: 157px;
}
@media (max-width: 600px) {
  .tBXLAAGHY1_vqU8LPVya svg {
    max-width: 100%;
  }
}

.V79e6xnPTxTtqX4vP66R {
  width: fit-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 16px 20px 17px;
  border-radius: 4px;
  background: #1277d3;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 600px) {
  .V79e6xnPTxTtqX4vP66R {
    width: 100%;
  }
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./.dev/frontend/widgets/charity/ui/list/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************/
.rAdamvJTIF81MGJh4Oji {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 41px 40px;
}
@media (max-width: 1239px) {
  .rAdamvJTIF81MGJh4Oji {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 690px) {
  .rAdamvJTIF81MGJh4Oji {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}