:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.about-charity{margin-top:calc(116 / var(--screensize) * 100vw);overflow:hidden}.about-charity .about-charity-inner h3{text-align:center;font-size:calc(36 / var(--screensize) * 100vw);font-weight:400;line-height:115%;letter-spacing:calc(1 / var(--screensize) * 100vw);text-transform:uppercase}.about-charity .about-charity-inner .double-swiper{margin-top:calc(36 / var(--screensize) * 100vw);position:relative}.about-charity .about-charity-inner .double-swiper .swiper-slide{opacity:0;-webkit-transition:opacity var(--trs-cubic-300);transition:opacity var(--trs-cubic-300);cursor:pointer}.about-charity .about-charity-inner .double-swiper .swiper-slide.visible-slide{opacity:1}.about-charity .about-charity-inner .double-swiper .swiper-slide:hover .title{color:var(--violet-color)}.about-charity .about-charity-inner .double-swiper .swiper-slide:hover .play-btn svg circle{fill:var(--violet-color)}.about-charity .about-charity-inner .double-swiper .swiper-slide .title{cursor:pointer}.about-charity .about-charity-inner .double-swiper .image-wrapper{position:relative;height:calc(372 / var(--screensize) * 100vw);border-radius:calc(12 / var(--screensize) * 100vw);overflow:hidden}.about-charity .about-charity-inner .double-swiper .image-wrapper .play-btn{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;z-index:2}.about-charity .about-charity-inner .double-swiper .image-wrapper .play-btn svg{height:calc(72 / var(--screensize) * 100vw);width:calc(72 / var(--screensize) * 100vw)}.about-charity .about-charity-inner .double-swiper .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.about-charity .about-charity-inner .double-swiper .title{margin-top:calc(28 / var(--screensize) * 100vw);font-size:calc(20 / var(--screensize) * 100vw);font-weight:500;line-height:128%;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);text-align:center;text-transform:uppercase}.about-charity .about-charity-inner .double-swiper .navigation{position:absolute;top:0;bottom:0;margin:auto;left:calc(-23 / var(--screensize) * 100vw);right:calc(-23 / var(--screensize) * 100vw);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.about-charity{margin-top:calc(64 / var(--screensize) * 100vw)}.about-charity .about-charity-inner h3{font-size:calc(26 / var(--screensize) * 100vw);letter-spacing:0}.about-charity .about-charity-inner h3{text-align:left}.about-charity .about-charity-inner .double-swiper{margin-top:calc(28 / var(--screensize) * 100vw)}.about-charity .about-charity-inner .double-swiper .image-wrapper{height:calc(180 / var(--screensize) * 100vw)}.about-charity .about-charity-inner .double-swiper .image-wrapper .play-btn svg{height:calc(48 / var(--screensize) * 100vw);width:calc(48 / var(--screensize) * 100vw)}.about-charity .about-charity-inner .double-swiper .title{font-size:calc(18 / var(--screensize) * 100vw);line-height:115%}.about-charity .about-charity-inner .double-swiper .title{margin-top:calc(20 / var(--screensize) * 100vw);text-align:left}}@media (max-width:767px){:root{--screensize:360}}