: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}.charity-modal .modal-content{display:-ms-grid;display:grid;-ms-grid-columns:calc(546 / var(--screensize) * 100vw) 1fr;grid-template-columns:calc(546 / var(--screensize) * 100vw) 1fr;gap:calc(48 / var(--screensize) * 100vw)}.charity-modal .modal-content .single-swiper-wrapper{position:relative}.charity-modal .modal-content .single-swiper-wrapper .sticky-block{top:0}.charity-modal .modal-content .single-swiper-wrapper .single-swiper{overflow:hidden;height:calc(310 / var(--screensize) * 100vw);border-radius:calc(12 / var(--screensize) * 100vw)}.charity-modal .modal-content .single-swiper-wrapper .single-swiper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.charity-modal .modal-content .single-swiper-wrapper .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}.charity-modal .modal-content .content-wrapper h3{font-size:calc(36 / var(--screensize) * 100vw);font-weight:400;line-height:115%;letter-spacing:calc(1 / var(--screensize) * 100vw);text-transform:uppercase}.charity-modal .modal-content .content-wrapper .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(64 / var(--screensize) * 100vw);margin-top:calc(28 / var(--screensize) * 100vw)}.charity-modal .modal-content .content-wrapper .content .text-wrapper h4{font-size:calc(32 / var(--screensize) * 100vw);font-weight:400;line-height:115%;letter-spacing:calc(1 / var(--screensize) * 100vw);text-transform:uppercase}.charity-modal .modal-content .content-wrapper .content .text-wrapper .subtitle{font-size:calc(20 / var(--screensize) * 100vw);font-weight:600;line-height:140%}.charity-modal .modal-content .content-wrapper .content .text-wrapper .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(10 / var(--screensize) * 100vw);margin-top:calc(16 / var(--screensize) * 100vw)}.charity-modal .modal-content .content-wrapper .content .text-wrapper .text p{font-size:calc(18 / var(--screensize) * 100vw);font-weight:400;line-height:148%}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.charity-modal .modal-content{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:calc(36 / var(--screensize) * 100vw)}.charity-modal .modal-content .single-swiper-wrapper .single-swiper{position:relative;height:calc(180 / var(--screensize) * 100vw)}.charity-modal .modal-content .single-swiper-wrapper .single-swiper .swiper-wrapper{position:absolute;height:100%;width:100%}.charity-modal .modal-content .content-wrapper h3{font-size:calc(26 / var(--screensize) * 100vw);letter-spacing:0}.charity-modal .modal-content .content-wrapper .content{margin-top:calc(10 / var(--screensize) * 100vw);gap:calc(36 / var(--screensize) * 100vw)}.charity-modal .modal-content .content-wrapper .content .text-wrapper h4{font-size:calc(24 / var(--screensize) * 100vw);letter-spacing:0}.charity-modal .modal-content .content-wrapper .content .text-wrapper .subtitle{font-size:calc(18 / var(--screensize) * 100vw);font-weight:600;line-height:148%}}@media (max-width:767px){:root{--screensize:360}}