.page-header__bg-preload { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .events-one .donation-information__list li { position: relative; padding-right: 2.2rem; min-height: 1.8em; overflow: hidden; } .events-one .donation-information__list li i.fas.fa-check { position: absolute; right: 0; top: 0.25em; width: 1.6rem; text-align: center; line-height: 1; } .topbar-one__right .social-link a i, .footer-widget--contact i, .icon-container i { display: inline-block; width: 1.6rem; text-align: center; } @media (max-width: 991.98px) { .main-slider-one { min-height: 100vh; position: relative; overflow: hidden; } .main-slider-one__wrapper, .main-slider-one__item { min-height: 100vh; } } .main-slider-one__carousel.owl-carousel { display: block; } .main-slider-one__carousel.owl-carousel:not(.owl-loaded) .item { display: none; } .main-slider-one__carousel.owl-carousel:not(.owl-loaded) .item:first-child { display: block; } .main-slider-one__carousel.owl-carousel { min-height: 400px; overflow: hidden; } .fullscreen-video { margin: 0; padding: 0; width: 100%; position: relative; } .fullscreen-video iframe { width: 100%; height: 100%; border: none; display: block; } .main-slider-one__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; } .main-slider-one__bg-img { width: 100%; height: 100%; object-fit: cover; display: block; } .home-hero-mobile { background: #0b0b0b; color: #ffffff; padding: 80px 0 40px; text-align: center; } .home-hero-mobile__sub-title { font-size: 0.9rem; opacity: .8; margin-bottom: .25rem; } .home-hero-mobile__title { font-size: 1.4rem; font-weight: 700; margin-bottom: .75rem; } .home-hero-mobile__btn { margin-top: .5rem; } .home-hero-mobile__image-wrap { margin-top: 1.25rem; } .home-hero-mobile__image { max-width: 100%; height: auto; border-radius: 16px; display: block; margin: 0 auto; } .donation-information__title, .donation-information__text { color: #ffffff !important; text-shadow: 0 1px 3px rgba(0,0,0,.6); } .donation-information { background: rgba(0, 0, 0, 0.45); } .donation-information { position: relative; z-index: 1; } .donation-information::before { content: ""; position: absolute; inset: -8px; background: rgba(0, 0, 0, 0.55); border-radius: 16px; z-index: -1; pointer-events: none; } .donation-information__title, .donation-information__text, .cleenhearts-btn__text { color: #ffffff; } .donation-information .cleenhearts-btn, .donation-information .cleenhearts-btn__text { color: #ffffff !important; } .donation-information .cleenhearts-btn:hover, .donation-information .cleenhearts-btn:focus-visible { color: #111111 !important; } .donation-information .cleenhearts-btn:hover .cleenhearts-btn__text, .donation-information .cleenhearts-btn:focus-visible .cleenhearts-btn__text { color: inherit !important; } .cleenhearts-btn.btn-offers .cleenhearts-btn__text { color: #111111 !important; } .cleenhearts-btn.btn-offers:hover .cleenhearts-btn__text, .cleenhearts-btn.btn-offers:focus-visible .cleenhearts-btn__text { color: #ffffff !important; } .cleenhearts-btn__text.btn-offers { color: #111111 !important; } .cleenhearts-btn:hover .cleenhearts-btn__text.btn-offers, .cleenhearts-btn:focus-visible .cleenhearts-btn__text.btn-offers { color: #ffffff !important; } @media (max-width: 991.98px) { .main-slider-one { min-height: 100vh; position: relative; overflow: hidden; } .main-slider-one__wrapper, .main-slider-one__item { min-height: 100vh; } } @media (max-width: 767.98px) { .main-slider-one, .main-slider-one__wrapper, .main-slider-one__item { min-height: auto; } .main-slider-one__bg { position: relative; inset: auto; } .main-slider-one__bg-img { width: 100%; height: auto; object-fit: contain; } } @media (max-width: 575.98px) { .main-slider-one__item { max-width: 360px; margin: 0 auto 1.25rem; border-radius: 18px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); } .main-slider-one__content { padding: 0.75rem 1rem 1rem; } .main-slider-one__sub-title { font-size: 0.8rem; margin-bottom: 0.2rem; } .main-slider-one__title { font-size: 1.15rem; line-height: 1.5; } .main-slider-one__title__text { display: inline-block; } .main-slider-one__btn .cleenhearts-btn { padding: 0.35rem 0.9rem; } .main-slider-one__btn .cleenhearts-btn__text { font-size: 0.9rem; } .cleenhearts-btn__icon-box { width: 30px; height: 30px; } .main-slider-one .owl-dots { margin-top: 0.4rem; } } @media (max-width: 991.98px) { .main-slider-one, .main-slider-one__wrapper, .main-slider-one__item { min-height: auto !important; } } #mobileHeroCarousel .carousel-inner { position: relative; overflow: hidden; } #mobileHeroCarousel .carousel-item { position: absolute; inset: 0; width: 100%; transition: opacity .35s ease-in-out; opacity: 0; } #mobileHeroCarousel .carousel-item.active { position: relative; opacity: 1; } #mobileHeroCarousel.carousel-fade .carousel-item-next, #mobileHeroCarousel.carousel-fade .carousel-item-prev, #mobileHeroCarousel.carousel-fade .carousel-item-start, #mobileHeroCarousel.carousel-fade .carousel-item-end { transform: translateX(0) !important; } .icon-container.whatsapp, .icon-container.call, .icon-label { position: fixed; inset-inline-end: 16px; z-index: 9999; } .icon-container { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,.25); background: #25d366; } .icon-container.whatsapp { bottom: 40px; } .icon-label { bottom: 52px; background: rgba(0,0,0,.85); color: #ffffff; padding: 4px 10px; border-radius: 999px; font-size: 0.85rem; white-space: nowrap; left:74px; font-family:Tajawal!important; } .icon-container.call { bottom: 40px; background: #ffc72c; color: #111111; } .icon-container, .icon-label { transform: translateY(0); opacity: 1; transition: transform 0.25s ease, opacity 0.25s ease; } .icon-container.is-hidden, .icon-label.is-hidden { transform: translateY(120%); opacity: 0; } .main-slider-one { position: relative; } @media (max-width: 767.98px) { .main-slider-one .carousel-inner, .main-slider-one .carousel-item { min-height: 420px; } .main-slider-one__bg, .main-slider-one__bg-img { width: 100%; height: 100%; object-fit: cover; display: block; } } .inspiring-one .carousel-inner { position: relative; min-height: 360px; } .inspiring-one .carousel-inner .carousel-item { min-height: 100%; } .inspiring-one .carousel-inner img { width: 100%; height: auto; display: block; } @media (max-width: 767.98px) { .home-hero-mobile { min-height: 520px; } #mobileHeroCarousel, #mobileHeroCarousel .carousel-inner, #mobileHeroCarousel .carousel-item { min-height: 520px; } .home-hero-mobile__image-wrap { width: 100%; max-width: 360px; margin: 0 auto; overflow: hidden; } .home-hero-mobile__image { display: block; width: 100%; height: auto; } } .home-hero-mobile__image-wrap { width: 100%; aspect-ratio: 360 / 220; overflow: hidden; display: block; } .home-hero-mobile__image { width: 100%; height: 100%; object-fit: cover; display: block; } .mobile-lcp-holder { transition: opacity .3s ease; } .mobile-lcp-holder.hide { opacity: 0; height: 0; overflow: hidden; } @media (max-width: 768px) { .main-slider-one__image img { width: 100%; height: auto; max-height: 240px; object-fit: cover; border-radius: 10px; } .main-slider-one__content { padding: 15px 10px !important; text-align: center; } .main-slider-one__title { font-size: 20px !important; line-height: 1.4 !important; margin-bottom: 10px !important; } .main-slider-one__sub-title { font-size: 14px !important; margin-bottom: 8px !important; } .main-slider-one__btn { margin-top: 10px !important; padding: 10px 18px !important; font-size: 14px !important; } .main-slider-one__item { padding: 0px 0 20px !important; } .owl-dots { margin-top: 5px !important; } .main-slider-one__sub-title, .main-slider-one__title { color: #ffffff !important; text-shadow: 0 0 3px rgba(0,0,0,0.5); } } @media (max-width: 768px) { .main-slider-one__item, .main-slider-one__content { background-color: #000 !important; } .main-slider-one__content { padding-top: 10px !important; padding-bottom: 25px !important; } } @media (max-width: 768px) { .owl-dots { margin-top: 15px !important; margin-bottom: 15px !important; padding-bottom: 10px !important; } .owl-dot span { width: 10px !important; height: 10px !important; margin: 0 5px !important; } } .about-one p{ color:#000000!important; } .about-one ul li{ color:#000000!important; } :root { --main-ar-font: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } html, body, button, input, textarea, select, h1, h2, h3, h4, h5, h6, p, a, ul { font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; } @media (max-width: 767.98px) { .cleenhearts-btn__icon-box__inner span.fa { top: 40%; right: 1%; transform: translate(-56%, -56%); } } .cleenhearts-breadcrumb li, .cleenhearts-breadcrumb li a, .cleenhearts-breadcrumb li span, .cleenhearts-breadcrumb li i { color: #ffffff !important; } .cleenhearts-btn .cleenhearts-btn__text.btn-offers { color: #000000 !important; transition: color 0.3s ease; } .cleenhearts-btn:hover .cleenhearts-btn__text.btn-offers { color: #ffffff !important; } .about-one .cleenhearts-btn .cleenhearts-btn__text { color: #000000 !important; transition: color 0.3s ease; } .about-one .cleenhearts-btn:hover .cleenhearts-btn__text { color: #ffffff !important; } .ppf-decision-links { background: #ffffff; padding: 0 0 70px; } .ppf-decision-links .sec-title { margin-bottom: 35px; } .ppf-decision-card { display: block; height: 100%; min-height: 220px; background: #050505; color: #ffffff !important; border: 1px solid rgba(255, 199, 44, 0.35); border-radius: 18px; padding: 24px 22px; position: relative; overflow: hidden; text-decoration: none !important; transition: transform .25s ease, border-color .25s ease, background .25s ease; } .ppf-decision-card::before { content: ""; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: #ffc72c; } .ppf-decision-card:hover { transform: translateY(-4px); border-color: #ffc72c; background: #0d0d0d; } .ppf-decision-card__icon { width: 46px; height: 46px; border-radius: 50%; background: #ffc72c; color: #111111; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 20px; } .ppf-decision-card__title { color: #ffffff !important; font-size: 20px; line-height: 1.5; font-weight: 800; margin-bottom: 10px; } .ppf-decision-card__text { color: rgba(255,255,255,.78) !important; font-size: 15px; line-height: 1.8; margin-bottom: 16px; } .ppf-decision-card__more { display: inline-flex; align-items: center; gap: 8px; color: #ffc72c !important; font-weight: 800; font-size: 14px; } .ppf-decision-card__more i { font-size: 13px; } @media (max-width: 767.98px) { .ppf-decision-links { padding: 0 0 45px; } .ppf-decision-card { min-height: auto; padding: 22px 20px; } .ppf-decision-card__title { font-size: 18px; } } .ppf-decision-card { display: grid !important; grid-template-columns: 46px 1fr; grid-template-areas: "icon title" "text text" "more more"; column-gap: 12px; align-items: start; direction: rtl; } .ppf-decision-card__icon { grid-area: icon; width: 46px; height: 46px; min-width: 46px; border-radius: 50%; background: #ffc72c; color: #111111; display: flex !important; align-items: center; justify-content: center; font-size: 20px; margin: 0 !important; } .ppf-decision-card__title { grid-area: title; margin: 0 !important; padding-top: 4px; } .ppf-decision-card__text { grid-area: text; margin-top: 14px; } .ppf-decision-card__more { grid-area: more; margin-top: 4px; } @media (max-width: 575.98px) { .ppf-decision-card { grid-template-columns: 42px 1fr; column-gap: 10px; } .ppf-decision-card__icon { width: 42px; height: 42px; min-width: 42px; font-size: 18px; } .ppf-decision-card__title { padding-top: 2px; } } @media (max-width: 767.98px) { .main-slider-one, .main-slider-one__wrapper, .main-slider-one__carousel, .main-slider-one__carousel .item, .main-slider-one__item, .main-slider-one__bg, .main-slider-one__bg picture { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } .main-slider-one__item { border-radius: 0 !important; } .main-slider-one__bg picture { display: block !important; } .main-slider-one__bg-img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; border-radius: 0 !important; } } @media (max-width: 767.98px) { .main-slider-one { padding: 0 12px 18px !important; background: #ffffff !important; } .main-slider-one__wrapper, .main-slider-one__carousel, .main-slider-one__carousel .item { width: 100% !important; } .main-slider-one__item { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 18px !important; overflow: hidden !important; background: #000 !important; } .main-slider-one__bg, .main-slider-one__bg picture, .main-slider-one__bg-img { display: block !important; width: 100% !important; border-radius: 18px 18px 0 0 !important; } .main-slider-one__content { padding: 14px 14px 18px !important; border-radius: 0 0 18px 18px !important; background: #000 !important; text-align: center !important; } .main-slider-one__btn { display: flex !important; justify-content: center !important; align-items: center !important; margin-top: 10px !important; } .main-slider-one__btn .cleenhearts-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; } .main-slider-one__btn .cleenhearts-btn__icon-box { margin: 0 0 0 8px !important; } .main-slider-one .owl-dots { text-align: center !important; margin-top: 10px !important; } } @media (max-width: 767.98px) { .main-slider-one__content { padding-bottom: 42px !important; } .main-slider-one__btn { margin-top: 12px !important; margin-bottom: 14px !important; position: relative; z-index: 3; } .main-slider-one__btn .cleenhearts-btn { min-height: 36px !important; padding: 7px 13px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; border-radius: 999px !important; } .main-slider-one__btn .cleenhearts-btn__text { font-size: 12px !important; line-height: 1.2 !important; padding: 0 !important; } .main-slider-one .owl-dots { margin-top: 0 !important; bottom: 11px !important; z-index: 1 !important; } } @media (max-width: 767.98px) { .main-slider-one__content, .main-slider-one__sub-title, .main-slider-one__title, .main-slider-one__title__text, .main-slider-one__btn, .main-slider-one__btn .cleenhearts-btn { opacity: 1 !important; visibility: visible !important; transform: none !important; -webkit-transform: none !important; animation: none !important; -webkit-animation: none !important; transition: none !important; transition-delay: 0s !important; animation-delay: 0s !important; } }