:root {
--webx-section-gap: 0;
}
.webx-section {
position: relative;
contain: content;
margin: 0;
padding: 0;
}
#webx-donor-root.webx-merged {
margin: 0;
}
@font-face {
font-family: "Satoshi";
src: url("./assets/wf/D7WD5OXZFWQ5T76HSPWAC7MNKAJXE2YG/LUGNSPO5YC34ABNB2O6K7AFDSOJZT56V/WNDVG7O66ENLOD43GS7FBUCC4KMT5OM2.woff2") format("woff2"),
url("./assets/wf/D7WD5OXZFWQ5T76HSPWAC7MNKAJXE2YG/LUGNSPO5YC34ABNB2O6K7AFDSOJZT56V/WNDVG7O66ENLOD43GS7FBUCC4KMT5OM2.woff") format("woff"),
url("./assets/wf/D7WD5OXZFWQ5T76HSPWAC7MNKAJXE2YG/LUGNSPO5YC34ABNB2O6K7AFDSOJZT56V/WNDVG7O66ENLOD43GS7FBUCC4KMT5OM2.ttf") format("truetype");
font-weight: 300;
font-display: swap;
font-style: normal;
}@font-face {
font-family: "Satoshi";
src: url("./assets/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2") format("woff2"),
url("./assets/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff") format("woff"),
url("./assets/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}@font-face {
font-family: "Satoshi";
src: url("./assets/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2") format("woff2"),
url("./assets/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff") format("woff"),
url("./assets/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.ttf") format("truetype");
font-weight: 500;
font-display: swap;
font-style: normal;
}@font-face {
font-family: "Satoshi";
src: url("./assets/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2") format("woff2"),
url("./assets/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff") format("woff"),
url("./assets/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.ttf") format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal;
}@font-face {
font-family: "Satoshi";
src: url("./assets/wf/NHPGVFYUXYXE33DZ75OIT4JFGHITX5PE/PSUTMASCDJTVPERDYJZPN23BVUFUCQIF/J64QX5IPOHK56I2KYUNBQ5M2XWZEYKYX.woff2") format("woff2"),
url("./assets/wf/NHPGVFYUXYXE33DZ75OIT4JFGHITX5PE/PSUTMASCDJTVPERDYJZPN23BVUFUCQIF/J64QX5IPOHK56I2KYUNBQ5M2XWZEYKYX.woff") format("woff"),
url("./assets/wf/NHPGVFYUXYXE33DZ75OIT4JFGHITX5PE/PSUTMASCDJTVPERDYJZPN23BVUFUCQIF/J64QX5IPOHK56I2KYUNBQ5M2XWZEYKYX.ttf") format("truetype");
font-weight: 900;
font-display: swap;
font-style: normal;
}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotateWheel {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}@keyframes border-dance {
0% {
left: 40px;
}
100% {
left: 0px;
}
}@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}@keyframes curveAnimation {
0% {
transform: rotateZ(24deg);
}
50% {
transform: rotateZ(-24deg);
}
100% {
transform: rotateZ(24deg);
}
}@keyframes scalable-animation {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.8;
}
100% {
transform: translate(-50%, -50%) scale(3);
opacity: 0;
}
}@keyframes bounce {
0%, 20%, 53%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}@keyframes heartbeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
}
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}@keyframes rocketAnimation {
0% {
left: -24px;
opacity: 0;
transform: scale(0.2);
}
5% {
opacity: 0.5;
}
10% {
opacity: 1;
transform: scale(1);
}
90% {
opacity: 1;
}
91% {
opacity: 0.5;
transform: scale(1);
}
100% {
left: 100%;
opacity: 0;
transform: scale(0.2);
}
}@keyframes animate {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
30% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
}
60% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.9;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
.donor-index-2-block-14__wx1{--swiper-theme-color:#007aff}.donor-index-2-block-14__wx1 .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.donor-index-2-block-14__wx1 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.donor-index-2-block-14__wx1 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.donor-index-2-block-14__wx1 .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.donor-index-2-block-14__wx1 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.donor-index-2-block-14__wx1 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.donor-index-2-block-14__wx1{--swiper-navigation-size:44px}
.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="50"], .donor-index-2-block-14__wx1[data-aos-duration="50"] [data-aos]{transition-duration:50ms}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="50"], .donor-index-2-block-14__wx1[data-aos-delay="50"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="50"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="100"], .donor-index-2-block-14__wx1[data-aos-duration="100"] [data-aos]{transition-duration:.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="100"], .donor-index-2-block-14__wx1[data-aos-delay="100"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="100"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="150"], .donor-index-2-block-14__wx1[data-aos-duration="150"] [data-aos]{transition-duration:.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="150"], .donor-index-2-block-14__wx1[data-aos-delay="150"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="150"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="200"], .donor-index-2-block-14__wx1[data-aos-duration="200"] [data-aos]{transition-duration:.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="200"], .donor-index-2-block-14__wx1[data-aos-delay="200"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="200"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="250"], .donor-index-2-block-14__wx1[data-aos-duration="250"] [data-aos]{transition-duration:.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="250"], .donor-index-2-block-14__wx1[data-aos-delay="250"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="250"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="300"], .donor-index-2-block-14__wx1[data-aos-duration="300"] [data-aos]{transition-duration:.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="300"], .donor-index-2-block-14__wx1[data-aos-delay="300"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="300"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="350"], .donor-index-2-block-14__wx1[data-aos-duration="350"] [data-aos]{transition-duration:.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="350"], .donor-index-2-block-14__wx1[data-aos-delay="350"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="350"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="400"], .donor-index-2-block-14__wx1[data-aos-duration="400"] [data-aos]{transition-duration:.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="400"], .donor-index-2-block-14__wx1[data-aos-delay="400"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="400"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="450"], .donor-index-2-block-14__wx1[data-aos-duration="450"] [data-aos]{transition-duration:.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="450"], .donor-index-2-block-14__wx1[data-aos-delay="450"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="450"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="500"], .donor-index-2-block-14__wx1[data-aos-duration="500"] [data-aos]{transition-duration:.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="500"], .donor-index-2-block-14__wx1[data-aos-delay="500"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="500"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="550"], .donor-index-2-block-14__wx1[data-aos-duration="550"] [data-aos]{transition-duration:.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="550"], .donor-index-2-block-14__wx1[data-aos-delay="550"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="550"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="600"], .donor-index-2-block-14__wx1[data-aos-duration="600"] [data-aos]{transition-duration:.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="600"], .donor-index-2-block-14__wx1[data-aos-delay="600"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="600"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="650"], .donor-index-2-block-14__wx1[data-aos-duration="650"] [data-aos]{transition-duration:.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="650"], .donor-index-2-block-14__wx1[data-aos-delay="650"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="650"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="700"], .donor-index-2-block-14__wx1[data-aos-duration="700"] [data-aos]{transition-duration:.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="700"], .donor-index-2-block-14__wx1[data-aos-delay="700"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="700"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="750"], .donor-index-2-block-14__wx1[data-aos-duration="750"] [data-aos]{transition-duration:.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="750"], .donor-index-2-block-14__wx1[data-aos-delay="750"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="750"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="800"], .donor-index-2-block-14__wx1[data-aos-duration="800"] [data-aos]{transition-duration:.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="800"], .donor-index-2-block-14__wx1[data-aos-delay="800"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="800"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="850"], .donor-index-2-block-14__wx1[data-aos-duration="850"] [data-aos]{transition-duration:.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="850"], .donor-index-2-block-14__wx1[data-aos-delay="850"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="850"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="900"], .donor-index-2-block-14__wx1[data-aos-duration="900"] [data-aos]{transition-duration:.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="900"], .donor-index-2-block-14__wx1[data-aos-delay="900"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="900"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="950"], .donor-index-2-block-14__wx1[data-aos-duration="950"] [data-aos]{transition-duration:.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="950"], .donor-index-2-block-14__wx1[data-aos-delay="950"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="950"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1000"], .donor-index-2-block-14__wx1[data-aos-duration="1000"] [data-aos]{transition-duration:1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1000"], .donor-index-2-block-14__wx1[data-aos-delay="1000"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1000"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1050"], .donor-index-2-block-14__wx1[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1050"], .donor-index-2-block-14__wx1[data-aos-delay="1050"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1050"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1100"], .donor-index-2-block-14__wx1[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1100"], .donor-index-2-block-14__wx1[data-aos-delay="1100"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1100"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1150"], .donor-index-2-block-14__wx1[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1150"], .donor-index-2-block-14__wx1[data-aos-delay="1150"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1150"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1200"], .donor-index-2-block-14__wx1[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1200"], .donor-index-2-block-14__wx1[data-aos-delay="1200"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1200"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1250"], .donor-index-2-block-14__wx1[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1250"], .donor-index-2-block-14__wx1[data-aos-delay="1250"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1250"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1300"], .donor-index-2-block-14__wx1[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1300"], .donor-index-2-block-14__wx1[data-aos-delay="1300"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1300"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1350"], .donor-index-2-block-14__wx1[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1350"], .donor-index-2-block-14__wx1[data-aos-delay="1350"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1350"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1400"], .donor-index-2-block-14__wx1[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1400"], .donor-index-2-block-14__wx1[data-aos-delay="1400"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1400"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1450"], .donor-index-2-block-14__wx1[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1450"], .donor-index-2-block-14__wx1[data-aos-delay="1450"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1450"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1500"], .donor-index-2-block-14__wx1[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1500"], .donor-index-2-block-14__wx1[data-aos-delay="1500"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1500"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1550"], .donor-index-2-block-14__wx1[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1550"], .donor-index-2-block-14__wx1[data-aos-delay="1550"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1550"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1600"], .donor-index-2-block-14__wx1[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1600"], .donor-index-2-block-14__wx1[data-aos-delay="1600"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1600"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1650"], .donor-index-2-block-14__wx1[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1650"], .donor-index-2-block-14__wx1[data-aos-delay="1650"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1650"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1700"], .donor-index-2-block-14__wx1[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1700"], .donor-index-2-block-14__wx1[data-aos-delay="1700"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1700"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1750"], .donor-index-2-block-14__wx1[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1750"], .donor-index-2-block-14__wx1[data-aos-delay="1750"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1750"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1800"], .donor-index-2-block-14__wx1[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1800"], .donor-index-2-block-14__wx1[data-aos-delay="1800"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1800"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1850"], .donor-index-2-block-14__wx1[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1850"], .donor-index-2-block-14__wx1[data-aos-delay="1850"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1850"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1900"], .donor-index-2-block-14__wx1[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1900"], .donor-index-2-block-14__wx1[data-aos-delay="1900"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1900"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="1950"], .donor-index-2-block-14__wx1[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1950"], .donor-index-2-block-14__wx1[data-aos-delay="1950"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="1950"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2000"], .donor-index-2-block-14__wx1[data-aos-duration="2000"] [data-aos]{transition-duration:2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2000"], .donor-index-2-block-14__wx1[data-aos-delay="2000"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2000"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2050"], .donor-index-2-block-14__wx1[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2050"], .donor-index-2-block-14__wx1[data-aos-delay="2050"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2050"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2100"], .donor-index-2-block-14__wx1[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2100"], .donor-index-2-block-14__wx1[data-aos-delay="2100"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2100"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2150"], .donor-index-2-block-14__wx1[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2150"], .donor-index-2-block-14__wx1[data-aos-delay="2150"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2150"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2200"], .donor-index-2-block-14__wx1[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2200"], .donor-index-2-block-14__wx1[data-aos-delay="2200"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2200"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2250"], .donor-index-2-block-14__wx1[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2250"], .donor-index-2-block-14__wx1[data-aos-delay="2250"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2250"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2300"], .donor-index-2-block-14__wx1[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2300"], .donor-index-2-block-14__wx1[data-aos-delay="2300"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2300"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2350"], .donor-index-2-block-14__wx1[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2350"], .donor-index-2-block-14__wx1[data-aos-delay="2350"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2350"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2400"], .donor-index-2-block-14__wx1[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2400"], .donor-index-2-block-14__wx1[data-aos-delay="2400"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2400"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2450"], .donor-index-2-block-14__wx1[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2450"], .donor-index-2-block-14__wx1[data-aos-delay="2450"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2450"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2500"], .donor-index-2-block-14__wx1[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2500"], .donor-index-2-block-14__wx1[data-aos-delay="2500"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2500"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2550"], .donor-index-2-block-14__wx1[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2550"], .donor-index-2-block-14__wx1[data-aos-delay="2550"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2550"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2600"], .donor-index-2-block-14__wx1[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2600"], .donor-index-2-block-14__wx1[data-aos-delay="2600"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2600"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2650"], .donor-index-2-block-14__wx1[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2650"], .donor-index-2-block-14__wx1[data-aos-delay="2650"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2650"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2700"], .donor-index-2-block-14__wx1[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2700"], .donor-index-2-block-14__wx1[data-aos-delay="2700"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2700"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2750"], .donor-index-2-block-14__wx1[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2750"], .donor-index-2-block-14__wx1[data-aos-delay="2750"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2750"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2800"], .donor-index-2-block-14__wx1[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2800"], .donor-index-2-block-14__wx1[data-aos-delay="2800"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2800"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2850"], .donor-index-2-block-14__wx1[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2850"], .donor-index-2-block-14__wx1[data-aos-delay="2850"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2850"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2900"], .donor-index-2-block-14__wx1[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2900"], .donor-index-2-block-14__wx1[data-aos-delay="2900"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2900"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="2950"], .donor-index-2-block-14__wx1[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2950"], .donor-index-2-block-14__wx1[data-aos-delay="2950"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="2950"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-duration="3000"], .donor-index-2-block-14__wx1[data-aos-duration="3000"] [data-aos]{transition-duration:3s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="3000"], .donor-index-2-block-14__wx1[data-aos-delay="3000"] [data-aos]{transition-delay:0s}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-delay="3000"].aos-animate, .donor-index-2-block-14__wx1[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}.donor-index-2-block-14__wx1 [data-aos]{pointer-events:none}.donor-index-2-block-14__wx1 [data-aos].aos-animate{pointer-events:auto}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=linear], .donor-index-2-block-14__wx1[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease], .donor-index-2-block-14__wx1[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in], .donor-index-2-block-14__wx1[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out], .donor-index-2-block-14__wx1[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-back], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out-back], .donor-index-2-block-14__wx1[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out-back], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-sine], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out-sine], .donor-index-2-block-14__wx1[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out-sine], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-quad], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out-quad], .donor-index-2-block-14__wx1[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out-quad], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-cubic], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out-cubic], .donor-index-2-block-14__wx1[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-quart], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-out-quart], .donor-index-2-block-14__wx1[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.donor-index-2-block-14__wx1 [data-aos][data-aos][data-aos-easing=ease-in-out-quart], .donor-index-2-block-14__wx1[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}.donor-index-2-block-14__wx1:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
@import url("https://fonts.googleapis.com/css2?family=Carter+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pacifico&display=swap");
.donor-index-2-block-14__wx1 {
--heading-font: "Satoshi", sans-serif;
--body-font: "Inter", sans-serif;
--pacifico-font: "Pacifico", cursive;
--carter-font: "Carter One", system-ui;
--heading-one: clamp(2rem, 0.5666rem + 3.6408vw, 3.75rem);
--heading-two: clamp(1.75rem, 0.7133rem + 1.8846vw, 3rem);
--heading-three: clamp(1.5rem, 0.3353rem + 2.1661vw, 2.375rem);
--heading-four: clamp(1.25rem, 0.5569rem + 1.444vw, 1.875rem);
--heading-five: clamp(1.125rem, 1.2rem + 0.722vw, 1.5rem);
--heading-six: clamp(1rem, 0.769rem + 0.6813vw, 1.25rem);
--main-h: 358;
--main-s: 86%;
--main-l: 47%;
--main: var(--main-h) var(--main-s) var(--main-l);
--main-two-h: 197;
--main-two-s: 89%;
--main-two-l: 10%;
--main-two: var(--main-two-h) var(--main-two-s) var(--main-two-l);
--main-three-h: 46;
--main-three-s: 85%;
--main-three-l: 50%;
--main-three: var(--main-three-h) var(--main-three-s) var(--main-three-l);
--white: 0 0% 100%;
--black: 0 0% 0%;
--body: 0 0% 43%;
--green: #07485e;
--heading-color: var(--main-two-600);
--body-color: var(--body);
--star-color: rgba(255, 140, 34, 1);
--translate-x-50: translateX(-50%);
--translate-y-50: translateY(-50%);
--size-05: 0.125rem;
--size-1: 0.25rem;
--size-105: 0.375rem;
--size-2: 0.5rem;
--size-205: 0.625rem;
--size-3: 0.75rem;
--size-305: 0.875rem;
--size-4: 1rem;
--size-405: 1.125rem;
--size-5: 1.25rem;
--size-505: 1.375rem;
--size-6: 1.5rem;
--size-605: 1.625rem;
--size-7: 1.75rem;
--size-705: 1.875rem;
--size-8: 2rem;
--size-9: 2.25rem;
--size-10: 2.5rem;
--size-11: 2.75rem;
--size-12: 3rem;
--size-13: 3.25rem;
--size-14: 3.5rem;
--size-15: 3.75rem;
--size-16: 4rem;
--size-17: 4.25rem;
--size-18: 4.5rem;
--size-19: 4.75rem;
--size-20: 5rem;
--size-21: 5.25rem;
--size-22: 5.5rem;
--size-23: 5.75rem;
--size-24: 6rem;
--size-25: 6.25rem;
--main-50: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.9));
--main-100: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.8));
--main-200: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.7));
--main-300: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.6));
--main-400: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.5));
--main-500: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.4));
--main-600: hsl(var(--main-h), var(--main-s), var(--main-l));
--main-700: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.1));
--main-800: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.2));
--main-900: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.3));
--main-two-50: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.9));
--main-two-100: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.8));
--main-two-200: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.7));
--main-two-300: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.6));
--main-two-400: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.5));
--main-two-500: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.4));
--main-two-600: hsl(var(--main-two-h), var(--main-two-s), var(--main-two-l));
--main-two-700: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.1));
--main-two-800: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.2));
--main-two-900: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.3));
--main-three-50: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.9));
--main-three-100: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.8));
--main-three-200: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.7));
--main-three-300: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.6));
--main-three-400: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.5));
--main-three-500: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.4));
--main-three-600: hsl(var(--main-three-h), var(--main-three-s), var(--main-three-l));
--main-three-700: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) - var(--main-three-l) * 0.1));
--main-three-800: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) - var(--main-three-l) * 0.2));
--main-three-900: hsl(var(--main-three-h), var(--main-three-s), calc(var(--main-three-l) - var(--main-three-l) * 0.3));
--neutral-25: #f9fafa;
--neutral-50: #eeeff1;
--neutral-100: #e3e5e8;
--neutral-200: #d8dbdf;
--neutral-300: #cdd0d5;
--neutral-400: #c2c6cc;
--neutral-500: #b7bbc3;
--neutral-600: #abb1ba;
--neutral-700: #a0a6b0;
--neutral-800: #959ca7;
--neutral-900: #8a919e;
--neutral-950: #7f8795;
--neutral-1000: #767d89;
--neutral-1100: #f9fafa24;
--font-xs: 0.75rem;
--font-sm: 0.875rem;
--font-base: 1rem;
--font-lg: 1.125rem;
--font-xl: 1.25rem;
--font-2xl: 1.5rem;
--font-3xl: 1.875rem;
}
.donor-index-2-block-14__wx1 * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.donor-index-2-block-14__wx1 {
scroll-behavior: auto;
}
.donor-index-2-block-14__wx1 {
font-family: var(--body-font);
color: hsl(var(--body-color));
word-break: break-word;
background-color: hsl(var(--white));
display: flex;
flex-direction: column;
counter-reset: number;
}
.donor-index-2-block-14__wx1 h1, .donor-index-2-block-14__wx1 .h1, .donor-index-2-block-14__wx1 h2, .donor-index-2-block-14__wx1 .h2, .donor-index-2-block-14__wx1 h3, .donor-index-2-block-14__wx1 .h3, .donor-index-2-block-14__wx1 h4, .donor-index-2-block-14__wx1 .h4, .donor-index-2-block-14__wx1 h5, .donor-index-2-block-14__wx1 .h5, .donor-index-2-block-14__wx1 h6, .donor-index-2-block-14__wx1 .h6 {
margin: 0;
font-family: var(--heading-font);
color: var(--main-two-600);
line-height: 1.1;
font-weight: 700;
}
.donor-index-2-block-14__wx1 h1, .donor-index-2-block-14__wx1 .h1 {
font-size: var(--heading-one);
}
.donor-index-2-block-14__wx1 img {
max-width: 100%;
height: auto;
}
.donor-index-2-block-14__wx1 .border-neutral-100 {
border-color: var(--neutral-100) !important;
}
.donor-index-2-block-14__wx1 .text-neutral-300__wx1 {
color: var(--neutral-300);
}
.donor-index-2-block-14__wx1 .tw-text-110-px__wx1 {
font-size: clamp(2.5rem, -3.8351rem + 17.6282vw, 6.875rem);
}
.donor-index-2-block-14__wx1 .tw-gap-14__wx1 {
gap: var(--size-14);
}
.donor-index-2-block-14__wx1 .tw-mx-7__wx1 {
margin-inline: var(--size-7);
}
.donor-index-2-block-14__wx1 .tw-mt-12__wx1 {
margin-block-start: var(--size-12);
}
.donor-index-2-block-14__wx1 .overlay-left-to-right::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(45deg, #032532, #092a37c4 50%);
inset-block-start: 0;
inset-inline-start: 0;
border-radius: inherit;
z-index: -1;
}
.donor-index-2-block-14__wx1 .tw-pb-12__wx1 {
padding-block-end: var(--size-12);
}
.donor-index-2-block-14__wx1 .features-marquee__wx1 {
overflow: hidden;
width: 100%;
padding-block: 0.75rem;
}
.donor-index-2-block-14__wx1 .features-marquee-track__wx1 {
display: flex;
width: max-content;
animation: features-marquee-scroll__wx1 32s linear infinite;
will-change: transform;
}
.donor-index-2-block-14__wx1 .features-marquee-track__wx1:hover {
animation-play-state: paused;
}
.donor-index-2-block-14__wx1 .features-marquee-group__wx1 {
display: flex;
flex-shrink: 0;
align-items: center;
}
@keyframes features-marquee-scroll__wx1 {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-main-two-600::placeholder {
color: var(--main-two-600);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-100::placeholder {
color: var(--neutral-100);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-200::placeholder {
color: var(--neutral-200);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-300::placeholder {
color: var(--neutral-300);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-400::placeholder {
color: var(--neutral-400);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-500::placeholder {
color: var(--neutral-500);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-600::placeholder {
color: var(--neutral-600);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-700::placeholder {
color: var(--neutral-700);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-800::placeholder {
color: var(--neutral-800);
}
.donor-index-2-block-14__wx1 .tw-placeholder-text-neutral-900::placeholder {
color: var(--neutral-900);
}
.donor-index-2-block-14__wx1 .focus-tw-placeholder-text-hidden:focus::placeholder {
opacity: 0;
}
.donor-index-2-block-14__wx1 .tw-placeholder-transition-2::placeholder {
transition: 0.2s linear;
}
.donor-index-2-block-14__wx1 .tw-placeholder-transition-3::placeholder {
transition: 0.3s linear;
}
.donor-index-2-block-14__wx1 .text-stroke-neutral-900__wx1 {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--neutral-900);
}
.donor-index-2-block-14__wx1 .common-accordion .accordion-button::after {
background-image: none;
}
.donor-index-2-block-14__wx1 .common-accordion .accordion-button:not(.collapsed)::after {
background-image: none;
color: var(--main-600);
}
.donor-index-2-block-14__wx1 .common-accordion .accordion-button[aria-expanded=true]::after, .donor-index-2-block-14__wx1 .common-accordion .accordion-button[aria-expanded=false]::after {
font-family: "Phosphor";
font-weight: 600;
content: "";
color: hsl(var(--white));
background-color: hsl(var(--white)/0.2);
display: flex;
justify-content: center;
align-items: center;
position: absolute;
inset-block-start: 50%;
transform: translateY(-50%);
border-radius: 4px;
inset-inline-end: 10px;
height: 32px;
width: 38px;
text-align: center;
}
.donor-index-2-block-14__wx1 .common-accordion .accordion-button[aria-expanded=false]::after {
content: "";
color: var(--main-two-600);
}
.donor-index-2-block-14__wx1 .button--stroke::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0.125rem solid #fffce1;
border-radius: inherit;
pointer-events: none;
}
.donor-index-2-block-14__wx1 .button__flair::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 200%;
aspect-ratio: 1/1;
background-color: #fffce1;
border-radius: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.donor-index-2-block-14__wx1 .btn-main.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .btn-main-two.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .btn-neutral-100.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .hover-style-one:hover.button--stroke::after, .donor-index-2-block-14__wx1 .hover-style-one:active.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .hover-style-one .button__flair::before {
background-color: var(--main-two-600);
}
.donor-index-2-block-14__wx1 .hover-style-two:hover.button--stroke::after, .donor-index-2-block-14__wx1 .hover-style-two:active.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .hover-style-two .button__flair::before {
background-color: hsl(var(--white));
}
.donor-index-2-block-14__wx1 .hover-style-three:hover.button--stroke::after, .donor-index-2-block-14__wx1 .hover-style-three:active.button--stroke::after {
border-color: transparent;
}
.donor-index-2-block-14__wx1 .hover-style-three .button__flair::before {
background-color: var(--main-600);
}
.donor-index-2-block-14__wx1 .common-check.common-radio .form-check-input:checked::after {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.donor-index-2-block-14__wx1 .common-check.common-radio .form-check-input:checked::before {
display: none;
}
.donor-index-2-block-14__wx1 .common-check .form-check-input::before {
position: absolute;
content: "";
font-family: "Phosphor";
font-weight: 900;
color: hsl(var(--white));
font-size: 12px;
inset-block-start: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
transition: 0.2s linear;
visibility: hidden;
opacity: 0;
}
.donor-index-2-block-14__wx1 .common-check .form-check-input::after {
position: absolute;
content: "";
inset-block-start: 50%;
inset-inline-start: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.2);
transform: translate(-50%, -50%) scale(0.2);
width: 10px;
height: 10px;
background-color: var(--main-two-600);
border-radius: 50%;
transition: 0.2s linear;
z-index: 1;
visibility: hidden;
opacity: 0;
}
.donor-index-2-block-14__wx1 .common-check .form-check-input:checked::before {
visibility: visible;
opacity: 1;
}
.donor-index-2-block-14__wx1 .form-switch .form-check-input:checked::before {
inset-inline-start: calc(100% - 15px);
transition: 0.2s linear;
}
.donor-index-2-block-14__wx1 .form-switch .form-check-input::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
inset-inline-start: 3px;
transition: 0.2s linear;
}
.donor-index-2-block-14__wx1 .table > :not(caption) > * > * {
border-bottom: 0;
}
.donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet::before {
width: 15px;
height: 15px;
inset-block-start: 10px;
inset-inline-end: 10px;
border-radius: 50%;
}
.donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet::after {
width: 26px;
height: 30px;
inset-block-start: 4px;
inset-inline-start: 4px;
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
.donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet::before, .donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet::after {
position: absolute;
content: "";
background-color: var(--main-600);
visibility: hidden;
opacity: 0;
transition: 0.2s linear;
transform: scale(0);
}
.donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet-active::before, .donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet-active::after {
transition-delay: 0.2s;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.donor-index-2-block-14__wx1 .pagination-style-one .swiper-pagination-bullet-active::before {
transition-delay: 0.35s;
}
.donor-index-2-block-14__wx1 .pagination-style-two .swiper-pagination-bullet::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
inset-inline-start: 22px;
border-radius: 50%;
inset-block-start: 50%;
transform: var(--translate-y-50);
background: rgba(255, 255, 255, 0.36);
}
.donor-index-2-block-14__wx1 .pagination-style-two .swiper-pagination-bullet-active::before, .donor-index-2-block-14__wx1 .pagination-style-two .swiper-pagination-bullet-active::after {
transition-delay: 0.2s;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.donor-index-2-block-14__wx1 .pagination-style-two .swiper-pagination-bullet-active::before {
transition-delay: 0.35s;
}
@-webkit-keyframes rotateWheel {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.donor-index-2-block-14__wx1 .car-top::before {
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 12px solid transparent;
border-right: 43px solid var(--main-600);
position: absolute;
left: -10px;
content: "";
}
.donor-index-2-block-14__wx1 .car-top::after {
position: absolute;
right: -29px;
content: "";
top: 14px;
border-radius: 50% 50% 0 0;
width: 60px;
height: 8px;
background: var(--main-600);
}
.donor-index-2-block-14__wx1 .window::before {
content: "";
position: absolute;
left: 20px;
background: var(--main-600);
height: 100%;
width: 5px;
}
.donor-index-2-block-14__wx1 .wheel::before {
content: "";
width: 14px;
height: 14px;
top: 2px;
left: 2px;
border-radius: 50%;
background: white;
position: absolute;
}
.donor-index-2-block-14__wx1 .nav-menu__item.activePage > a::before {
color: var(--main-600);
}
.donor-index-2-block-14__wx1 .has-submenu.active > a, .donor-index-2-block-14__wx1 .has-submenu.active > a::before {
color: var(--main-600);
}
.donor-index-2-block-14__wx1 .has-submenu.active > a::before {
transform: translateY(-50%) rotate(180deg) !important;
}
@media (min-width: 992px){
.donor-index-2-block-14__wx1 .has-submenu:hover > a::before {
color: var(--main-600);
transform: translateY(-50%) rotate(180deg);
}
}
.donor-index-2-block-14__wx1 .has-submenu > a::before {
position: absolute;
content: "";
font-size: 10px;
inset-inline-end: 0;
inset-block-start: 50%;
transform: translateY(-50%);
font-family: "Phosphor";
font-weight: 900;
color: var(--main-600);
transition: 0.2s linear;
}
.donor-index-2-block-14__wx1 .nav-menu--mobile .nav-menu__item > a::before {
transform: translateY(-50%) rotate(0deg);
}
.donor-index-2-block-14__wx1 .nav-menu--mobile .nav-submenu__item::before {
display: none;
}
.donor-index-2-block-14__wx1 .progress-wrap::after {
position: absolute;
font-family: "Phosphor";
font-weight: 900;
content: "";
text-align: center;
height: 46px;
width: 46px;
line-height: 46px;
font-size: 18px;
inset-inline-start: 0;
inset-block-start: 0;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
color: hsl(var(--main)) !important;
}
@media screen and (max-width: 991px){
.donor-index-2-block-14__wx1 .progress-wrap::after {
height: 40px;
width: 40px;
line-height: 40px;
}
}
.donor-index-2-block-14__wx1 .header-top-bg::before {
position: absolute;
content: "";
width: 13%;
height: 100%;
inset-inline-end: 0;
inset-block-start: 0;
background-color: var(--main-600);
z-index: -1;
}
@media screen and (max-width: 991px){
.donor-index-2-block-14__wx1 .header-top-bg::before {
display: none;
}
}
.donor-index-2-block-14__wx1 .clip-path::before {
position: absolute;
content: "";
width: 23%;
width: 100%;
height: 100%;
inset-inline-end: 0;
inset-block-start: 0;
background-color: var(--main-600);
z-index: -1;
clip-path: polygon(3% 0%, 100% 1%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 991px){
.donor-index-2-block-14__wx1 .clip-path::before {
display: none;
}
}
.donor-index-2-block-14__wx1 .clip-path-short::before {
position: absolute;
content: "";
width: 26px;
height: 35px;
inset-inline-end: calc(100% - 1px);
inset-block-end: 0;
background-color: var(--main-800);
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}
.donor-index-2-block-14__wx1 .triangle-before::before {
position: absolute;
content: "";
width: 78px;
height: 64px;
background-color: inherit;
clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
inset-block-start: 0;
inset-inline-start: 0;
}
.donor-index-2-block-14__wx1 .triangle-two-before::before {
position: absolute;
content: "";
height: 78px;
width: 64px;
background-color: #ffffff;
inset-block-start: -20px;
inset-inline-start: 20px;
transform: rotate(0deg);
z-index: -1;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 49%);
}
.donor-index-2-block-14__wx1 .logo-mask-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150px;
background-color: var(--main-600);
mask-image: url(./assets/s1-logo-shape.png);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: url(./assets/s1-logo-shape.png);
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
z-index: -1;
}
.donor-index-2-block-14__wx1 .line::before {
position: absolute;
content: "";
width: 1px;
height: 74px;
background: var(--neutral-300);
inset-inline-start: 0;
top: 50%;
transform: translateY(-50%);
}
.donor-index-2-block-14__wx1 .line.light-white::before {
background: rgba(255, 255, 255, 0.21);
}
.donor-index-2-block-14__wx1 .line-two::before {
position: absolute;
content: "";
width: 1px;
height: 91px;
background: rgba(86, 86, 87, 0.53);
inset-inline-start: 0;
top: 50%;
transform: translateY(-50%);
}
.donor-index-2-block-14__wx1 .dashed-line::before {
position: absolute;
content: "";
width: 1px;
height: calc(100% - 140px);
border-inline-end: 1px dashed var(--main-600);
inset-inline-start: 28px;
top: 50%;
transform: translateY(-50%);
}
.donor-index-2-block-14__wx1 .half-bg-h-32::before {
position: absolute;
content: "";
width: 100%;
height: 32%;
background-color: var(--neutral-50);
inset-inline-start: 0;
inset-block-end: 0;
z-index: -1;
}
.donor-index-2-block-14__wx1 .scalable-animation::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
inset-inline-start: 50%;
inset-block-start: 50%;
transform: translate(-50%, -50%);
background: inherit;
border-radius: inherit;
animation: scalable-animation 1.5s 0s infinite;
z-index: -1;
}
.donor-index-2-block-14__wx1 .before-border::before, .donor-index-2-block-14__wx1 .before-border::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
z-index: -1;
}
.donor-index-2-block-14__wx1 .before-border::before {
border: 1px solid var(--main-two-600);
inset-inline-end: 6px;
inset-block-end: -6px;
}
.donor-index-2-block-14__wx1 .before-border::after {
background-color: hsl(var(--white));
inset-inline-end: 0;
inset-block-end: 0;
}
.donor-index-2-block-14__wx1 .half-bg-white::before {
position: absolute;
content: "";
width: 100%;
height: 50%;
background-color: hsl(var(--white));
inset-inline-start: 0;
inset-block-end: 0;
z-index: -1;
}
.donor-index-2-block-14__wx1 .half-bg-white.bg-neutral::before {
background-color: var(--neutral-25);
}
@media (min-width: 992px){
.donor-index-2-block-14__wx1 .transport-card::after, .donor-index-2-block-14__wx1 .transport-card::before {
position: absolute;
content: "";
width: 1px;
height: 74px;
border-inline-end: 1px dashed var(--neutral-400);
inset-block-start: 100%;
inset-inline-start: 50%;
transform: var(--translate-x-50);
}
.donor-index-2-block-14__wx1 .transport-card::after {
width: 20px;
height: 20px;
background-color: var(--main-600);
border-radius: 50%;
border: 0;
inset-block-start: calc(100% + 64px);
}
.donor-index-2-block-14__wx1 .transport-card.style-two:hover::after {
background-color: var(--main-600);
color: #fff;
}
.donor-index-2-block-14__wx1 .transport-card.style-two::after {
content: counter(number);
counter-increment: number;
width: 40px;
height: 40px;
background-color: hsl(var(--white));
color: var(--main-two-600);
font-size: 14px;
font-weight: 600;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s linear;
inset-block-start: calc(100% + 54px);
}
.donor-index-2-block-14__wx1 .how-it-work-item::after {
position: absolute;
content: counter(number);
counter-increment: number;
inset-inline-start: 50%;
transform: var(--translate-x-50);
inset-block-start: calc(100% + 90px);
z-index: 1;
font-size: 1rem;
font-weight: 600;
color: var(--main-two-600);
}
}
.donor-index-2-block-14__wx1 .bg-inherit-animation::before {
position: absolute;
content: "";
width: inherit;
height: inherit;
background: inherit;
border-radius: 50%;
inset-inline-start: 0;
top: 0;
z-index: -1;
-webkit-animation: animate 2.3s ease-out infinite;
animation: animate 2.3s ease-out infinite;
}
.donor-index-2-block-14__wx1 .bg-light-animation::after {
position: absolute;
content: "";
width: inherit;
height: inherit;
background: inherit;
border-radius: inherit;
inset-inline-start: 0;
top: 0;
z-index: -1;
}
.donor-index-2-block-14__wx1 .bg-light-animation::before {
position: absolute;
content: "";
width: inherit;
height: inherit;
background: hsl(var(--white)/0.2);
border-radius: 50%;
inset-inline-start: 0;
top: 0;
z-index: -1;
-webkit-animation: animate 2.3s ease-out infinite;
animation: animate 2.3s ease-out infinite;
}
.donor-index-2-block-14__wx1 .circle-border::after {
position: absolute;
content: "";
width: calc(100% - 6px);
height: calc(100% - 6px);
border: 1px dashed var(--main-two-600);
border-radius: 50%;
inset-inline-start: 50%;
inset-block-start: 50%;
transform: translate(-50%, -50%);
}
.donor-index-2-block-14__wx1 .half-bg-w-50::before {
position: absolute;
content: "";
height: 100%;
width: 50%;
background-color: var(--neutral-50);
inset-inline-start: 0;
inset-block-end: 0;
z-index: -1;
}
.donor-index-2-block-14__wx1 .hover-overlay:hover::before {
height: 100%;
}
.donor-index-2-block-14__wx1 .hover-overlay::before {
position: absolute;
content: "";
width: 100%;
height: 0;
inset-inline-start: 0;
inset-block-end: 0;
background: linear-gradient(180deg, rgba(6, 45, 53, 0) 0%, rgba(6, 45, 53, 0) 64.33%, #030404 100%);
transition: 0.2s linear;
}
.donor-index-2-block-14__wx1 .hover-overlay.overlay-main-600::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(223, 17, 25, 0.76) 71.26%, var(--main-600) 100%);
}
.donor-index-2-block-14__wx1 .left-right-line::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid var(--neutral-200);
z-index: -1;
inset-inline-start: 0;
inset-inline-end: 0;
inset-block-start: 50%;
transform: translateY(-50%);
}
.donor-index-2-block-14__wx1 .hover-arrow:hover::before {
visibility: visible;
opacity: 1;
}
.donor-index-2-block-14__wx1 .hover-arrow::before {
position: absolute;
content: "";
font-family: "Phosphor";
font-weight: 900;
inset-inline-start: 0px;
inset-block-start: 50%;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
color: inherit;
}
.donor-index-2-block-14__wx1 .percentage::after {
background-color: var(--main-600);
content: "";
position: absolute;
bottom: -5px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
height: 10px;
width: 10px;
z-index: -1;
}
.donor-index-2-block-14__wx1 .before-bg-main-600::before {
position: absolute;
content: "";
width: inherit;
height: inherit;
border-radius: inherit;
background-color: var(--main-600);
inset-block-start: 30px;
z-index: -1;
}
.donor-index-2-block-14__wx1 .before-circle::before {
position: absolute;
content: "";
width: 38px;
height: 38px;
border-radius: 50%;
inset-block-end: 0;
inset-inline-end: 0;
background-color: hsl(var(--main)/0.2);
z-index: -1;
}
.donor-index-2-block-14__wx1 .half-gradient-white::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
inset-inline-start: 0;
inset-block-start: 0;
background: linear-gradient(360deg, blue 20%, green 80%);
background: linear-gradient(335deg, white 70%, #ffffff00 50%);
z-index: -1;
filter: drop-shadow(2px 4px 6px #00000026);
}
.donor-index-2-block-14__wx1 .shape-bg-main-600::before {
position: absolute;
content: "";
width: 130%;
height: calc(100% - 134px);
inset-block-start: 0;
inset-inline-start: 50%;
transform: translateX(-50%);
background-color: var(--main-two-600);
z-index: -1;
border-radius: 0 0 50% 50%;
}
.donor-index-2-block-14__wx1 .banner-four-bg::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.donor-index-2-block-14__wx1 .feature-four-icon span::after {
position: absolute;
content: "";
inset-block-start: -5px;
inset-inline-start: -5px;
background: var(--heading-color);
height: 60px;
border-radius: 50%;
width: 60px;
z-index: -1;
}
.donor-index-2-block-14__wx1 .service-four-wrapper::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline-start: 50%;
height: 4px;
width: 70%;
background: var(--main-600);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.donor-index-2-block-14__wx1 .service-four-wrapper::after {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.96);
border-radius: 5px;
transition: all 0.3s ease-in;
z-index: -1;
}
.donor-index-2-block-14__wx1 .service-four-wrapper:hover::after {
opacity: 0;
}
.donor-index-2-block-14__wx1 .chooseus-four-area::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
inset-block-start: 0;
inset-inline-start: 0;
background: rgba(8, 12, 36, 0.9);
z-index: -1;
}
.donor-index-2-block-14__wx1 .chooseus-four-icon span::after {
content: "";
position: absolute;
inset-block-start: -5px;
inset-inline-start: -5px;
background: transparent;
height: 50px;
width: 50px;
border: 1px solid var(--main-600);
border-radius: 50%;
z-index: -1;
}
.donor-index-2-block-14__wx1 .banner-five-bg::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.donor-index-2-block-14__wx1 .chooseus-five-icon span::after {
position: absolute;
content: "";
inset-block-start: -5px;
inset-inline-start: -5px;
background: hsl(var(--white));
height: 53px;
border-radius: 50%;
width: 53px;
z-index: -1;
}
.donor-index-2-block-14__wx1 .form-check.single-check-wrap input:checked ~ label::after {
background-color: var(--main-600);
border-color: var(--main-600);
}
.donor-index-2-block-14__wx1 .form-check.single-check-wrap input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.donor-index-2-block-14__wx1 .form-check.single-check-wrap label::after {
position: absolute;
content: "";
inset-block-start: 5px;
inset-inline-start: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border: 1px solid rgba(6, 7, 40, 0.2);
z-index: -1;
transition: 0.3s;
border-radius: 3px;
}
.donor-index-2-block-14__wx1 .form-check.single-check-wrap label::before {
position: absolute;
content: "";
inset-block-start: 6px;
inset-inline-start: 3px;
font-size: 10px;
text-align: center;
visibility: hidden;
opacity: 0;
color: hsl(var(--white));
transition: 0.3s;
font-family: "Phosphor";
}
#webx-sec-2 {
overflow-x: hidden;
background: var(--aurora-cream, #fff8ea);
}
.noise::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 50;
opacity: 0.035;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}
.glass-card__wx2 {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.56));
border: 1px solid rgba(14, 165, 233, 0.2);
box-shadow: 0 30px 100px rgba(15, 23, 42, 0.12);
backdrop-filter: blur(22px);
}
.image-card__wx2 {
min-width: clamp(240px, 30vw, 440px);
height: clamp(230px, 30vw, 390px);
overflow: hidden;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.9);
background: white;
box-shadow:
0 34px 60px rgba(15, 23, 42, 0.22),
0 14px 26px rgba(14, 165, 233, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.95);
transform-style: preserve-3d;
transition: transform 500ms ease, box-shadow 500ms ease;
}
.image-card__wx2:hover {
transform: translateY(-10px) rotateX(4deg) rotateY(-4deg) scale(1.02);
box-shadow:
0 44px 80px rgba(15, 23, 42, 0.26),
0 18px 34px rgba(14, 165, 233, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 1);
}
.image-card__wx2 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.07);
transition: transform 700ms ease;
}
.image-card__wx2:hover img {
transform: scale(1.14);
}
.image-card__wx2::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(to top, rgba(15, 23, 42, 0.45), transparent 48%),
linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 34%);
pointer-events: none;
}
.image-card__wx2::before {
content: "";
position: absolute;
inset: 12px;
z-index: 2;
border-radius: 1.25rem;
border: 1px solid rgba(255, 255, 255, 0.55);
pointer-events: none;
}
#webx-sec-2 {
background-color: var(--aurora-cream, #fff8ea);
color: var(--aurora-espresso, #2f241b);
font-family: "Manrope", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
margin: 0;
padding: clamp(0.75rem, 3vw, 1.5rem) 0;
-webkit-font-smoothing: antialiased;
}
#webx-sec-2 > main {
margin: 0;
padding: 0;
}
#webx-sec-2 > .pointer-events-none.fixed__wx2 {
display: none;
}
#scroll-gallery__wx2 .row-perspective__wx2:last-of-type {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#scroll-gallery__wx2 {
position: relative;
/* JS sets min-height from panel + a short scroll runway */
min-height: auto;
margin: 0;
padding: 0;
background: transparent;
}
#scroll-gallery__wx2 .sticky__wx2 {
position: sticky;
top: 0;
z-index: 2;
display: flex;
width: 100%;
max-width: 100%;
height: auto;
min-height: 0;
max-height: none;
align-items: stretch;
justify-content: flex-start;
overflow-x: hidden;
overflow-y: visible;
margin: 0;
padding: clamp(0.25rem, 0.8vh, 0.5rem) 0 0;
box-sizing: border-box;
}
#scroll-gallery__wx2 .w-full__wx2 {
width: 100%;
max-width: 100%;
}
#scroll-gallery__wx2 .horizontal-track__wx2 {
display: flex;
flex-wrap: nowrap;
}
#scroll-gallery__wx2 .glass-card__wx2.gallery-panel__wx2 {
background-color: transparent;
border: none;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
#scroll-gallery__wx2 .gallery-panel__wx2 {
border-radius: 0;
border: none;
border-left: none;
border-right: none;
width: 100%;
max-width: 100vw;
background-color: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
overflow-x: hidden;
padding: clamp(0.25rem, 1vh, 0.5rem) 0 clamp(0.15rem, 0.6vh, 0.35rem);
}
#scroll-gallery__wx2 .gallery-panel__wx2 > .scan-line__wx2:first-child {
display: none;
}
#scroll-gallery__wx2 .gallery-panel-header__wx2 {
position: relative;
z-index: 4;
display: block;
margin: 0;
padding: clamp(2rem, 6vw, 3.25rem) clamp(1rem, 4vw, 1.5rem);
isolation: isolate;
text-align: center;
border-bottom: 1px solid rgba(217, 154, 33, 0.15);
}
#scroll-gallery__wx2 .gallery-panel-header-inner__wx2 {
max-width: 40rem;
margin-inline: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(0.5rem, 2vw, 0.75rem);
}
#scroll-gallery__wx2 .gallery-panel-header__wx2 + .row-perspective__wx2 {
padding-top: clamp(0.75rem, 2.5vw, 1.25rem);
}
#scroll-gallery__wx2 .gallery-panel-header-main__wx2 {
min-width: 0;
}
#scroll-gallery__wx2 .gallery-panel-eyebrow__wx2 {
margin: 0;
font-size: clamp(0.65rem, 2.5vw, 0.8rem);
font-weight: 600;
line-height: 1.35;
letter-spacing: 0.28em;
text-transform: uppercase;
color: rgba(8, 145, 178, 0.8);
opacity: 1;
}
#scroll-gallery__wx2 .gallery-panel-title__wx2 {
margin: 0;
font-size: clamp(1.5rem, 4.5vw, 2.5rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #020617;
opacity: 1;
}
#scroll-gallery__wx2 .gallery-panel-desc__wx2 {
margin: 0;
max-width: 36rem;
font-size: clamp(0.875rem, 2.2vw, 1rem);
font-weight: 400;
line-height: 1.7;
color: #64748b;
text-align: center;
}
@media (min-width: 640px) {
#scroll-gallery__wx2 .gallery-panel__wx2 {
padding-top: 0;
padding-bottom: clamp(0.5rem, 1.8vh, 0.85rem);
}
#scroll-gallery__wx2 .gallery-panel-header__wx2 {
padding-block: clamp(2.5rem, 7vw, 4rem);
}
}
@media (min-width: 768px) {
#scroll-gallery__wx2 .gallery-panel-title__wx2 {
font-size: 2.5rem;
}
}
#scroll-gallery__wx2 .gallery-panel-divider__wx2 {
margin: clamp(0.45rem, 1.4vh, 0.7rem) 0;
}
#scroll-gallery__wx2 .row-perspective__wx2 {
margin-bottom: clamp(0.45rem, 1.4vw, 0.75rem);
}
#scroll-gallery__wx2 .row-perspective__wx2:last-of-type {
margin-bottom: 0;
}
@media (max-width: 767px) {
#scroll-gallery__wx2 .track-left__wx2,
#scroll-gallery__wx2 .track-right__wx2 {
rotate: none;
}
#scroll-gallery__wx2 .gallery-panel-desc__wx2 {
max-width: 32rem;
}
}
#scroll-gallery__wx2 .row-perspective__wx2 + .gallery-panel-divider__wx2 + .row-perspective__wx2 {
padding-top: clamp(0.2rem, 0.8vw, 0.4rem);
}
#scroll-gallery__wx2 .row-perspective__wx2 {
width: 100%;
max-width: 100%;
overflow: hidden;
min-width: 0;
padding-left: 1rem;
padding-right: 1rem;
box-sizing: border-box;
}
@media (min-width: 640px) {
#scroll-gallery__wx2 .row-perspective__wx2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (min-width: 768px) {
#scroll-gallery__wx2 .row-perspective__wx2 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
#scroll-gallery__wx2 .horizontal-track__wx2 {
gap: clamp(0.65rem, 2.4vw, 1rem);
will-change: transform;
min-width: 0;
align-items: stretch;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
#scroll-gallery__wx2 .image-card__wx2 {
box-sizing: border-box;
flex: 0 0 var(--slide, min(42vw, 200px));
width: var(--slide, min(42vw, 200px));
max-width: var(--slide, min(42vw, 200px));
min-width: 0;
height: auto;
aspect-ratio: 1 / 1;
max-height: none;
border: none;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
transition: none;
}
@media (min-width: 640px) {
#scroll-gallery__wx2 .image-card__wx2 {
border-radius: 14px;
}
}
@media (min-width: 1024px) {
#scroll-gallery__wx2 .image-card__wx2 {
border-radius: 16px;
}
}
#scroll-gallery__wx2 .image-card__wx2 img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center;
transform: none;
transition: none;
}
#scroll-gallery__wx2 .image-card__wx2::before {
content: none;
}
#scroll-gallery__wx2 .image-card__wx2::after {
display: none;
}
#scroll-gallery__wx2 .image-card__wx2:hover {
transform: none;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}
#scroll-gallery__wx2 .image-card__wx2:hover img {
transform: none;
}
.row-perspective__wx2 {
perspective: 1200px;
}
.track-left__wx2 {
rotate: 0 1 0 -10deg;
}
.track-right__wx2 {
rotate: 0 1 0 10deg;
}
.scan-line__wx2 {
background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.72), transparent);
animation: scan 2.8s ease-in-out infinite;
}
@keyframes scan {
0% { transform: translateX(-100%); opacity: 0; }
45%, 55% { opacity: 1; }
100% { transform: translateX(100%); opacity: 0; }
}
.orb__wx2 {
filter: blur(50px);
animation: float 8s ease-in-out infinite alternate;
}
@keyframes float {
from { transform: translate3d(0, 0, 0) scale(1); }
to { transform: translate3d(24px, -36px, 0) scale(1.12); }
}
@font-face {
font-family: "reeyregular";
src: url(./vendors/s3-reey-regular-webfont.woff2) format("woff2"),
url(./vendors/s3-reey-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}@font-face {
font-family: "Flaticon";
src: url(./vendors/s3-Flaticon.eot);
src:  url(./vendors/s3-Flaticon.eot) format("embedded-opentype"),
url(./vendors/s3-Flaticon.ttf) format("truetype"),
url(./vendors/s3-Flaticon.woff) format("woff"),
url(./assets/s3-Flaticon.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}@font-face {
font-family: "linoor-icon-two";
src: url(./vendors/s3-linoor-icon-two.eot);
src: url(./vendors/s3-linoor-icon-two.eot) format("embedded-opentype"),
url(./vendors/s3-linoor-icon-two.ttf) format("truetype"),
url(./vendors/s3-linoor-icon-two.woff) format("woff"),
url(./assets/s3-linoor-icon-two.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}@font-face {
font-family: "linoor-icon-three";
src: url(./vendors/s3-linoor-icon-three.eot);
src:  url(./vendors/s3-linoor-icon-three.eot) format("embedded-opentype"),
url(./vendors/s3-linoor-icon-three.ttf) format("truetype"),
url(./vendors/s3-linoor-icon-three.woff) format("woff"),
url(./assets/s3-linoor-icon-three.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}@keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}@keyframes hvr-icon-up {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%, 100% {
opacity: 1;
}
}@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}@keyframes banner3Shake {
0% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
30% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
60% {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
100% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}@keyframes globeRotate {
8% {
-webkit-transform: perspective(200px) rotateY(0deg);
transform: perspective(200px) rotateY(0deg);
}
100% {
-webkit-transform: perspective(200px) rotateY(360deg);
transform: perspective(200px) rotateY(360deg);
}
}@keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-15deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-15deg) translateZ(20px) translateY(20px) translateX(20px);
}
}@keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}@keyframes treeMove {
0%, 100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%, 75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}@keyframes zoomIn {
100%, 0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
}
.donor-index-13-block-9__wx3 [class^="flaticon-"], .donor-index-13-block-9__wx3 [class*=" flaticon-"] {
font-family: "Flaticon" !important;

font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.donor-index-13-block-9__wx3 [class^="linoor-icon-two-"], .donor-index-13-block-9__wx3 [class*=" linoor-icon-two-"] {
font-family: "linoor-icon-two" !important;

font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.donor-index-13-block-9__wx3 [class^="linoor-icon-three-"], .donor-index-13-block-9__wx3 [class*=" linoor-icon-three-"] {
font-family: "linoor-icon-three" !important;

font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.donor-index-13-block-9__wx3.fancybox-active{overflow:hidden}.donor-index-13-block-9__wx3.fancybox-iosfix{position:fixed;left:0;right:0}.donor-index-13-block-9__wx3 .fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@-webkit-keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-up {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%, 100% {
opacity: 1;
}
}
@-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.donor-index-13-block-9__wx3 * {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
line-height: inherit;
}
.donor-index-13-block-9__wx3 {
--thm-font: "Teko", sans-serif;
--thm-b-font: "Rubik", sans-serif;
--thm-base: #ffaa17;
--thm-base-rgb: 255, 170, 23;
--thm-black: #222429;
--thm-text: #686a6f;
}
.donor-index-13-block-9__wx3 .container {
padding-left: 15px;
padding-right: 15px;
}
.donor-index-13-block-9__wx3 .row {
--bs-gutter-x: 30px;
--bs-gutter-y: 0px;
}
.donor-index-13-block-9__wx3 {
font-size: 16px;
font-family: var(--thm-b-font);
color: var(--thm-text);
line-height: 2.125em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
top: 0 !important;
}
.donor-index-13-block-9__wx3 h1, .donor-index-13-block-9__wx3 h2, .donor-index-13-block-9__wx3 h3, .donor-index-13-block-9__wx3 h4, .donor-index-13-block-9__wx3 h5, .donor-index-13-block-9__wx3 h6 {
position: relative;
font-weight: 400;
margin: 0px 0px 20px;
background: none;
line-height: 1.25em;
font-family: var(--thm-font);
color: var(--thm-black);
}
.donor-index-13-block-9__wx3 h3 {
font-size: 60px;
}
.donor-index-13-block-9__wx3 p {
line-height: 2.125em;
margin: 0 0 20px;
}
.donor-index-13-block-9__wx3.boxed-wrapper {
background-color: #f4f5f8;
}
.donor-index-13-block-9__wx3 ul, .donor-index-13-block-9__wx3 li {
list-style: none;
padding: 0px;
margin: 0px;
}
.donor-index-13-block-9__wx3 img {
display: inline-block;
max-width: 100%;
height: auto;
}
.donor-index-13-block-9__wx3 .dropdown-toggle::after {
display: none;
}
.donor-index-13-block-9__wx3 .fa {
line-height: inherit;
}
.donor-index-13-block-9__wx3 .header-style-eight .main-menu .navigation > li > a::before {
bottom: -32px;
}
.donor-index-13-block-9__wx3 .default-form .row {
margin: 0 -15px;
}
.donor-index-13-block-9__wx3 .default-form .form-group ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .banner-two .banner-carousel .slide-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(./assets/s3-slide-2-pattern-1.png);
z-index: 10;
}
.donor-index-13-block-9__wx3 .banner-carousel .slide-item .round-image .image::before {
content: "";
position: absolute;
opacity: 0.5;
background-color: var(--thm-black);
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
}
.donor-index-13-block-9__wx3 .banner-section-four .swiper-slide::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(./assets/s3-menu-top-shadow.png);
background-repeat: no-repeat;
background-position: top center;
z-index: 10;
}
.donor-index-13-block-9__wx3 .banner-section-four__nav .swiper-button-next::after, .donor-index-13-block-9__wx3 .banner-section-four__nav .swiper-button-prev::after {
display: none;
}
.donor-index-13-block-9__wx3 .services-section .row {
counter-reset: slides-num;
}
.donor-index-13-block-9__wx3 .services-section .row .service-block {
counter-increment: slides-num;
}
.donor-index-13-block-9__wx3 .services-section .row .service-block .inner-box:before {
content: "0" counter(slides-num) "";
position: absolute;
left: 45px;
top: 50px;
font-size: 50px;
line-height: 1em;
color: #ffffff;
opacity: 0.07;
font-family: var(--thm-font);
font-weight: 300;
}
.donor-index-13-block-9__wx3 .services-section .row .service-block .inner-box:hover:before, .donor-index-13-block-9__wx3 .service-block .inner-box:hover .count, .donor-index-13-block-9__wx3 .service-block .inner-box:hover h6, .donor-index-13-block-9__wx3 .service-block .inner-box:hover h6 a {
color: var(--thm-black);
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.donor-index-13-block-9__wx3 .gallery-item-three__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-base);
opacity: 0.9;
}
.donor-index-13-block-9__wx3 .trusted-section .row {
margin: 0 -4px;
}
.donor-index-13-block-9__wx3 .sponsors-section-four .row {
--bs-gutter-y: 30px;
}
.donor-index-13-block-9__wx3 .tabs-box {
position: relative;
}
.donor-index-13-block-9__wx3 .tabs-box .tab-buttons {
position: relative;
}
.donor-index-13-block-9__wx3 .tabs-box .tab-buttons .tab-btn {
position: relative;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.donor-index-13-block-9__wx3 .tabs-box .tabs-content {
position: relative;
}
.donor-index-13-block-9__wx3 .tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.donor-index-13-block-9__wx3 .tabs-box .tabs-content .active-tab__wx3 {
display: block;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn {
position: relative;
line-height: 30px;
font-size: 16px;
font-weight: 500;
color: var(--thm-black);
text-align: center;
padding: 14px 40px 11px;
text-transform: uppercase;
margin-bottom: 10px;
margin-right: 10px;
letter-spacing: 0.07em;
border-radius: 7px;
font-family: var(--thm-font);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn span {
position: relative;
display: block;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn:last-child {
margin-right: 0;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background: var(--thm-base);
border-radius: 7px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn.active-btn:before {
height: 100%;
}
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn:hover, .donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn.active-btn:hover {
color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .default-tabs .tabs-content {
position: relative;
padding-top: 40px;
}
.donor-index-13-block-9__wx3 .default-tabs .tabs-content .content {
position: relative;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.donor-index-13-block-9__wx3 .default-tabs .tabs-content .active-tab__wx3 .content {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.donor-index-13-block-9__wx3 .default-tabs .tabs-content .text {
position: relative;
color: var(--thm-text);
font-size: 16px;
line-height: 34px;
}
.donor-index-13-block-9__wx3 .news-block .post-meta ul li .far, .donor-index-13-block-9__wx3 .news-block .post-meta ul li .fa {
position: relative;
color: var(--thm-base);
font-size: 14px;
padding-right: 3px;
vertical-align: middle;
}
.donor-index-13-block-9__wx3 .news-block-two .post-meta ul li .far, .donor-index-13-block-9__wx3 .news-block-two .post-meta ul li .fa {
position: relative;
top: -2px;
color: var(--thm-base);
font-size: 14px;
padding-right: 3px;
vertical-align: middle;
}
.donor-index-13-block-9__wx3 .news-two__meta li::after {
content: "-";
margin-left: 10px;
margin-right: 10px;
}
.donor-index-13-block-9__wx3 .news-two__meta li:last-child::after {
content: "";
margin: 0;
}
.donor-index-13-block-9__wx3 .main-footer__three .footer-widget__links li a::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .main-footer__three .footer-widget__links li:hover a::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.donor-index-13-block-9__wx3 .testi-block-three__top::after {
content: "";
width: 78px;
height: 20px;
background-image: url(./assets/s3-testi-arrow-hover.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .testi-block-three__single:hover .testi-block-three__top::after {
background-image: url(./assets/s3-testi-arrow.png);
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-] {
width: 55px;
height: 55px;
background-color: #f4f5f8;
border-radius: 50%;
color: var(--thm-black);
font-size: 18px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-]:hover {
background-color: var(--thm-base);
color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-next] {
margin-left: 20px;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-] {
width: 73px;
height: 73px;
font-size: 22px;
position: absolute;
top: 50%;
right: 100%;
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-next] {
right: auto;
left: 100%;
}
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-] span::before {
content: "";
font-family: "Flaticon";
font-weight: 400;
}
.donor-index-13-block-9__wx3 .testimonials-five__carousel .owl-nav button[class*=owl-next] span::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
}
.donor-index-13-block-9__wx3 .testimonials-six__meta span:not(:last-child)::after {
content: "-";
margin-left: 20px;
margin-right: 20px;
color: var(--thm-text) !important;
}
.donor-index-13-block-9__wx3 .fluid-section .row {
margin: 0;
}
.donor-index-13-block-9__wx3 .services-section-three__one-page .service-block-two .inner-box:hover::before {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons {
position: relative;
display: block;
background: #f4f5f8;
border-radius: 7px;
text-align: center;
margin-bottom: 50px;
overflow: hidden;
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn {
position: relative;
float: left;
width: 33.333%;
line-height: 40px;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.01em;
color: var(--thm-black);
padding: 30px 15px;
text-transform: uppercase;
margin: 0;
font-family: var(--thm-font);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn span {
position: relative;
display: block;
z-index: 1;
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0px;
background: var(--thm-black);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn.active-btn:before {
height: 100%;
}
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn.active-btn {
color: #ffffff;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content {
position: relative;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .image {
position: relative;
display: block;
border-radius: 7px;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .image img {
display: block;
width: 100%;
-webkit-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
border-radius: 7px;
}
.donor-index-13-block-9__wx3 .work-tabs .active-tab__wx3 .text-col .inner, .donor-index-13-block-9__wx3 .work-tabs .active-tab__wx3 .image-col .inner {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .text {
position: relative;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .text p {
position: relative;
margin-bottom: 30px;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .text ul {
position: relative;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .text ul li {
position: relative;
line-height: 2.125em;
margin-bottom: 8px;
padding-left: 30px;
font-weight: 400;
}
.donor-index-13-block-9__wx3 .work-tabs .tabs-content .text ul li:before {
content: "";
font-family: "Flaticon";
position: absolute;
left: 0;
top: -1px;
color: var(--thm-base);
font-weight: 400;
font-size: 18px;
}
.donor-index-13-block-9__wx3 .about-section-three__image::before {
content: "";
position: absolute;
top: 30px;
bottom: 30px;
right: 0;
left: -30px;
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .about-me-one__certificate-row [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(3) .counter-block {
margin-left: 20px;
}
}
.donor-index-13-block-9__wx3 .get-quote-two .form-box form .row {
margin: 0 -10px;
}
.donor-index-13-block-9__wx3 .get-quote-three .form-box form .row {
margin: 0 -10px;
}
.donor-index-13-block-9__wx3 .contact-section .form-box form .row {
margin: 0 -10px;
}
.donor-index-13-block-9__wx3 .contact-infos .row {
--bs-gutter-y: 20px;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .contact-infos [class*=col-]:not(:first-child) p {
padding-left: 55px;
}
}
.donor-index-13-block-9__wx3 .sidebar .search-box .form-group ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .post-details .post-meta ul li .far, .donor-index-13-block-9__wx3 .post-details .post-meta ul li .fa {
position: relative;
top: -2px;
color: var(--thm-base);
font-size: 14px;
padding-right: 3px;
vertical-align: middle;
}
.donor-index-13-block-9__wx3 .leave-comments form .row {
margin: 0 -10px;
}
.donor-index-13-block-9__wx3 .post-control .control .fa {
position: relative;
vertical-align: top;
line-height: 30px;
font-size: 18px;
}
.donor-index-13-block-9__wx3 .body-dark .why-us-section .feature:hover .inner-box::before, .donor-index-13-block-9__wx3 .body-dark .service-block-two .inner-box, .donor-index-13-block-9__wx3 .body-dark .work-tabs .tab-buttons, .donor-index-13-block-9__wx3 .body-dark .get-quote-section .form-box, .donor-index-13-block-9__wx3 .body-dark .sidebar .sidebar-widget .widget-inner, .donor-index-13-block-9__wx3 .body-dark .news-block-three .inner-box, .donor-index-13-block-9__wx3 .body-dark .contact-section .info-block .inner-box, .donor-index-13-block-9__wx3 .body-dark .about-section::before {
background-color: #222429;
}
.donor-index-13-block-9__wx3 .body-dark .project-tab .product-tab-btns .p-tab-btn.active-btn, .donor-index-13-block-9__wx3 .body-dark .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .get-quote-section .counter .count-box, .donor-index-13-block-9__wx3 .body-dark .get-quote-section .featured-block h4, .donor-index-13-block-9__wx3 .body-dark .testi-block .info .name, .donor-index-13-block-9__wx3 .body-dark .we-do-section .progress-box .bar-title, .donor-index-13-block-9__wx3 .body-dark .accordion-box .block .acc-btn, .donor-index-13-block-9__wx3 .body-dark .we-do-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .gallery-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .news-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .trusted-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .trusted-section .feature h5, .donor-index-13-block-9__wx3 .body-dark .gallery-section .mixitup-gallery .filters .filter.active, .donor-index-13-block-9__wx3 .body-dark .live-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .agency-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .service-block-two .inner-box h5, .donor-index-13-block-9__wx3 .body-dark .team-section .sec-title h2, .donor-index-13-block-9__wx3 .body-dark .search-popup__form input, .donor-index-13-block-9__wx3 .body-dark .why-us-section .feature h6, .donor-index-13-block-9__wx3 .body-dark .featured-section .feature h6, .donor-index-13-block-9__wx3 .body-dark .get-quote-section .form-box h4, .donor-index-13-block-9__wx3 .body-dark .features-section-two .feature h5, .donor-index-13-block-9__wx3 .body-dark .work-tabs .tab-buttons .tab-btn, .donor-index-13-block-9__wx3 .body-dark .counter-block h4, .donor-index-13-block-9__wx3 .body-dark .contact-section .info-block .inner-box h5, .donor-index-13-block-9__wx3 .body-dark .counter-block .graph-outer .count-box, .donor-index-13-block-9__wx3 .body-dark .sidebar-title h4, .donor-index-13-block-9__wx3 .body-dark .call-to-section-two h2, .donor-index-13-block-9__wx3 .body-dark .error-section h2, .donor-index-13-block-9__wx3 .body-dark .service-details h3, .donor-index-13-block-9__wx3 .body-dark .service-details h4, .donor-index-13-block-9__wx3 .body-dark .project-single h5, .donor-index-13-block-9__wx3 .body-dark .post-details .lower-box h4, .donor-index-13-block-9__wx3 .body-dark .post-details .info-row strong, .donor-index-13-block-9__wx3 .body-dark .news-block-three .inner-box h4 a, .donor-index-13-block-9__wx3 .body-dark .post-control .control a, .donor-index-13-block-9__wx3 .body-dark .sidebar .recent-posts .text:hover a, .donor-index-13-block-9__wx3 .body-dark .sidebar .archives ul li:hover a, .donor-index-13-block-9__wx3 .body-dark .sidebar .popular-tags .tags-list a:hover, .donor-index-13-block-9__wx3 .body-dark .sidebar .archives ul li.active a, .donor-index-13-block-9__wx3 .body-dark .news-block-two .lower-box h4 a, .donor-index-13-block-9__wx3 .body-dark .news-block-two .lower-box .link-box a, .donor-index-13-block-9__wx3 .body-dark .comments-title h3, .donor-index-13-block-9__wx3 .body-dark .comments-area .comment-box .info .name, .donor-index-13-block-9__wx3 .body-dark .about-section .sec-title h2 {
color: #ffffff;
}
.donor-index-13-block-9__wx3 .body-dark, .donor-index-13-block-9__wx3 .body-dark .contact-section .info-block .inner-box .text, .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=text], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=email], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=password], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=tel], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=url], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=file], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group input[type=number], .donor-index-13-block-9__wx3 .body-dark .default-form .form-group textarea, .donor-index-13-block-9__wx3 .body-dark .default-form .form-group select, .donor-index-13-block-9__wx3 .body-dark .form-group .ui-button .ui-icon, .donor-index-13-block-9__wx3 .body-dark .get-quote-two .form-box form .form-group input, .donor-index-13-block-9__wx3 .body-dark .get-quote-two .form-box form .form-group select, .donor-index-13-block-9__wx3 .body-dark .get-quote-two .form-box form .form-group textarea, .donor-index-13-block-9__wx3 .body-dark .get-quote-two .form-group .ui-selectmenu-button.ui-button, .donor-index-13-block-9__wx3 .body-dark .form-group .ui-selectmenu-button.ui-button, .donor-index-13-block-9__wx3 .body-dark .get-quote-section .featured-block .text, .donor-index-13-block-9__wx3 .body-dark .why-us-section .feature .text, .donor-index-13-block-9__wx3 .body-dark .project-tab .product-tab-btns .p-tab-btn, .donor-index-13-block-9__wx3 .body-dark .featured-section .feature .text, .donor-index-13-block-9__wx3 .body-dark .sec-title .lower-text, .donor-index-13-block-9__wx3 .body-dark .trusted-section .feature .sub-text, .donor-index-13-block-9__wx3 .body-dark .gallery-section .mixitup-gallery .filters li, .donor-index-13-block-9__wx3 .body-dark .accordion-box .block .content .text, .donor-index-13-block-9__wx3 .body-dark .we-do-section .featured-block .text, .donor-index-13-block-9__wx3 .body-dark .trusted-section .sec-title .lower-text, .donor-index-13-block-9__wx3 .body-dark .team-section .team-block .lower-box .designation, .donor-index-13-block-9__wx3 .body-dark .trusted-section .featured-block-two .text ul li, .donor-index-13-block-9__wx3 .body-dark .agency-section .right-col .text, .donor-index-13-block-9__wx3 .body-dark .agency-section .featured-block-two .text ul li, .donor-index-13-block-9__wx3 .body-dark .news-section .news-block .lower-box .text, .donor-index-13-block-9__wx3 .body-dark .news-section .news-block .post-meta ul li, .donor-index-13-block-9__wx3 .body-dark .agency-section .default-tabs .tabs-content .text, .donor-index-13-block-9__wx3 .body-dark .service-block-two .text, .donor-index-13-block-9__wx3 .body-dark .sidebar .recent-posts .text, .donor-index-13-block-9__wx3 .body-dark .testi-block .text, .donor-index-13-block-9__wx3 .body-dark .comments-area .comment-box .text, .donor-index-13-block-9__wx3 .body-dark .features-section-two .feature .sub-text, .donor-index-13-block-9__wx3 .body-dark .sidebar .popular-tags .tags-list a, .donor-index-13-block-9__wx3 .body-dark .about-section .text-column .text p {
color: #999b9f;
}
.donor-index-13-block-9__wx3 .body-dark .about-section .text-column .text .since::before {
background-color: #fff;
opacity: 0.1;
}
.donor-index-13-block-9__wx3 .body-dark .work-tabs .tab-buttons .tab-btn::before, .donor-index-13-block-9__wx3 .body-dark .testi-block:hover .inner {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .body-dark .testi-block:hover .info .name, .donor-index-13-block-9__wx3 .body-dark .work-tabs .tab-buttons .tab-btn.active-btn, .donor-index-13-block-9__wx3 .body-dark .testi-block:hover .text {
color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .body-dark .news-block-two .lower-box .link-box:hover a::before {
border-color: #fff;
}
.donor-index-13-block-9__wx3 .body-dark .featured-section, .donor-index-13-block-9__wx3 .body-dark .call-to-section-two, .donor-index-13-block-9__wx3 .body-dark .news-section.alt-bg, .donor-index-13-block-9__wx3 .body-dark .testimonials-section, .donor-index-13-block-9__wx3 .body-dark .gallery-section-two.alternate, .donor-index-13-block-9__wx3 .body-dark .features-section-two .content-container::before, .donor-index-13-block-9__wx3 .body-dark .faqs-section, .donor-index-13-block-9__wx3 .body-dark .we-do-section {
background-color: #222429;
background-image: url(./assets/s3-we-do-section-bg-dark.jpg);
}
.donor-index-13-block-9__wx3 .body-dark .trusted-section .right-col .inner, .donor-index-13-block-9__wx3 .body-dark .trusted-section .right-col .inner::before {
background-color: #1c1e22;
}
.donor-index-13-block-9__wx3 .body-dark .agency-section .default-tabs .tab-buttons .tab-btn span {
color: #fff;
}
.donor-index-13-block-9__wx3 .body-dark .agency-section .default-tabs .tab-buttons .tab-btn.active-btn span {
color: #222429;
}
.donor-index-13-block-9__wx3 .portfolio-masonary__box-content p::after {
width: 40px;
height: 2px;
background-color: var(--thm-black);
margin-left: 10px;
content: "";
}
.donor-index-13-block-9__wx3 .portfolio-details-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 545px;
background-color: #f4f5f8;
}
.donor-index-13-block-9__wx3 .portfolio-details-header__link::after {
content: "";
width: 100%;
height: 2px;
background-color: var(--thm-base);
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .portfolio-details-header__link:hover::after {
background-color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .portfolio-details-header__links a:not(:last-child)::after {
content: ",";
}
@media (min-width: 768px){
.donor-index-13-block-9__wx3 .portfolio-details-info .row {
margin-bottom: 40px;
}
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .portfolio-details-info .row {
margin-bottom: 60px;
}
}
.donor-index-13-block-9__wx3 [class*=portfolio-horizontal__shape-] {
position: absolute;
display: none;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: banner3Shake;
animation-name: banner3Shake;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 [class*=portfolio-horizontal__shape-] {
display: block;
}
}
@-webkit-keyframes banner3Shake {
0% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
30% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
60% {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
100% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .portfolio-horizontal__carousel .owl-nav [class*=owl-] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.donor-index-13-block-9__wx3 .portfolio-horizontal__carousel .owl-nav [class*=owl-prev] {
right: calc(100% + 55px);
}
.donor-index-13-block-9__wx3 .portfolio-horizontal__carousel .owl-nav [class*=owl-next] {
left: calc(100% + 25px);
}
}
.donor-index-13-block-9__wx3 .login-wrapper form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .pricing-one [class*=col-] {
margin-bottom: 30px;
}
.donor-index-13-block-9__wx3 .pricing-card__icon::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-base);
opacity: 0.2;
border-radius: 50%;
content: "";
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .pricing-card:hover .pricing-card__icon::before {
opacity: 1;
}
.donor-index-13-block-9__wx3 .coming-soon__form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .shop-search form ::placeholder {
color: inherit;
opacity: 1;
}
.donor-index-13-block-9__wx3 .product-sidebar__price-range .noUi-handle::before, .donor-index-13-block-9__wx3 .product-sidebar__price-range .noUi-handle::after {
display: none;
}
.donor-index-13-block-9__wx3 .review-form .row {
margin-left: -10px;
margin-right: -10px;
}
.donor-index-13-block-9__wx3 .review-form [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.donor-index-13-block-9__wx3 .cart-cupon__form ::placeholder {
color: inherit;
opacity: 1;
}
.donor-index-13-block-9__wx3 .checkout-page .default-form .row {
margin-left: -10px;
margin-right: -10px;
}
.donor-index-13-block-9__wx3 .checkout-page .default-form [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.donor-index-13-block-9__wx3 .checkout__checkbox label::after {
content: "";
width: 19px;
height: 19px;
background-color: #f4f5f8;
border-radius: 50%;
margin-left: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.donor-index-13-block-9__wx3 .checkout__checkbox input[type=checkbox]:checked + label::after {
background-color: var(--thm-base);
content: "";
}
.donor-index-13-block-9__wx3 .checkout-page .default-form .field-checkbox label::before {
content: "";
width: 19px;
height: 19px;
background-color: #f4f5f8;
border-radius: 50%;
margin-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.donor-index-13-block-9__wx3 .checkout-page .default-form .field-checkbox input[type=checkbox]:checked + label::before {
background-color: var(--thm-base);
content: "";
}
.donor-index-13-block-9__wx3 .checkout__payment__title::before {
content: "";
width: 19px;
height: 19px;
background-color: #fff;
border: 2px solid #e9ebee;
border-radius: 50%;
margin-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
position: relative;
top: -2px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .checkout__payment__item--active .checkout__payment__title::before {
background-color: var(--thm-base);
border-color: var(--thm-base);
content: "";
}
.donor-index-13-block-9__wx3 .video-one__image .vid-link::before {
position: absolute;
content: "";
border-radius: 50%;
border: 1px solid var(--thm-black);
top: -13px;
bottom: -13px;
left: -13px;
right: -13px;
opacity: 0.2;
}
.donor-index-13-block-9__wx3 .how-it-works-card__link::before {
content: "";
width: 100%;
height: 2px;
background-color: var(--thm-base);
top: 80%;
left: 0;
display: block;
position: absolute;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .how-it-works-card__link:hover::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .history-timeline__date::before {
content: "";
width: 23px;
height: 23px;
background-color: var(--thm-base);
border-radius: 50%;
position: absolute;
top: 0;
left: -55px;
-webkit-transform: translateY(50%) translateX(-50%);
transform: translateY(50%) translateX(-50%);
z-index: 10;
}
}
.donor-index-13-block-9__wx3 .history-timeline__card .row {
position: relative;
padding-top: 40px;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .history-timeline__card .row {
padding-top: 80px;
}
}
.donor-index-13-block-9__wx3 .history-timeline__card .row:last-child {
padding-bottom: 0;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .history-timeline__card .row:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .history-timeline__card .row {
margin-left: -55px;
margin-right: -55px;
}
.donor-index-13-block-9__wx3 .history-timeline__card .row [class*=col-] {
padding-left: 55px;
padding-right: 55px;
}
.donor-index-13-block-9__wx3 .history-timeline__card .row:nth-child(even) .history-timeline__info {
text-align: right;
}
.donor-index-13-block-9__wx3 .history-timeline__card .row:nth-child(even) .history-timeline__date::before {
left: auto;
right: -55px;
-webkit-transform: translateY(50%) translateX(50%);
transform: translateY(50%) translateX(50%);
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__info {
text-align: right;
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__info {
text-align: left;
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__date::before {
right: auto;
left: -55px;
-webkit-transform: translateY(50%) translateX(-50%);
transform: translateY(50%) translateX(-50%);
}
.donor-index-13-block-9__wx3 .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__date::before {
right: -55px;
left: auto;
-webkit-transform: translateY(50%) translateX(50%);
transform: translateY(50%) translateX(50%);
}
}
.donor-index-13-block-9__wx3 .events-one .row {
--bs-gutter-y: 30px;
}
.donor-index-13-block-9__wx3 .events-details__sidebar .row {
--bs-gutter-y: 30px;
}
.donor-index-13-block-9__wx3 .slider-six .main-slider__nav [class*=swiper-button-] {
width: 40px;
height: 120px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
color: var(--thm-black);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
opacity: 0.3;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-size: 22px;
}
.donor-index-13-block-9__wx3 .slider-six .main-slider__nav [class*=swiper-button-]:hover {
opacity: 1;
}
.donor-index-13-block-9__wx3 .slider-six .main-slider__nav [class*=swiper-button-]::after {
display: none;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .slider-six .main-slider__nav [class*=swiper-button-] {
width: 45px;
height: 173px;
}
}
.donor-index-13-block-9__wx3 .footer-six__links__list__item li a::after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.donor-index-13-block-9__wx3 .footer-six__links__list__item li a:hover::after {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.donor-index-13-block-9__wx3 .footer-six__newsletter__form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .footer-six__newsletter__form p::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
border: 1px solid rgba(255, 255, 255, 0.1);
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
color: #fff;
font-size: 10px;
margin-right: 10px;
}
.donor-index-13-block-9__wx3 .blog-six__content::after {
content: "";
width: 100%;
height: 2px;
background-color: var(--thm-base);
position: absolute;
bottom: 0;
left: 0;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .blog-six__item:hover .blog-six__content::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.donor-index-13-block-9__wx3 .about-seven__images::before {
content: "";
width: 88%;
height: 88%;
background-color: var(--thm-base);
border-radius: 50%;
position: absolute;
top: 0;
left: -40px;
}
.donor-index-13-block-9__wx3 .funfact-six__item::after {
display: none;
content: "";
height: 158px;
width: 1px;
background-color: #fff;
opacity: 0.1;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 768px){
.donor-index-13-block-9__wx3 .funfact-six__item::after {
display: block;
}
}
.donor-index-13-block-9__wx3 .funfact-six [class*=col-]:nth-of-type(2n) .funfact-six__item::after {
display: none;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .funfact-six [class*=col-]:nth-of-type(2n) .funfact-six__item::after {
display: block;
}
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .funfact-six [class*=col-]:last-child .funfact-six__item::after {
display: none;
}
}
.donor-index-13-block-9__wx3 .project-six__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-base);
opacity: 0.9;
}
.donor-index-13-block-9__wx3 .subscribe-one__validate::before {
content: "";
width: 20px;
height: 20px;
border: 2px solid #e2e7ea;
display: block;
margin-right: 10px;
}
.donor-index-13-block-9__wx3 .subscribe-one__form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .service-six__content::before {
content: "";
width: 100%;
height: 3px;
background-color: var(--thm-base);
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
-webkit-transform-origin: left center;
transform-origin: left center;
}
.donor-index-13-block-9__wx3 .service-six__item:hover .service-six__content::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right center;
transform-origin: right center;
}
.donor-index-13-block-9__wx3 .footer-seven__links__list li a::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .footer-seven__links__list li a:hover::before {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .footer-seven [class*=col-]:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.donor-index-13-block-9__wx3 .footer-seven [class*=col-]:last-child .footer-seven__social {
margin-top: -50px;
}
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .footer-nine .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.donor-index-13-block-9__wx3 .footer-nine__subscribe form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .footer-nine__links__list li a::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .footer-nine__links__list li a:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center;
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .subscribe-two .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.donor-index-13-block-9__wx3 .subscribe-two__form ::placeholder {
opacity: 1;
color: inherit;
}
.donor-index-13-block-9__wx3 .blog-seven__content::after {
content: "";
background-color: #f0eae4;
width: 100%;
height: 11px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .blog-seven__item:hover .blog-seven__content::after {
background-color: #ff9a61;
}
.donor-index-13-block-9__wx3 .blog-seven__meta a:not(:last-child)::after {
content: "/";
margin-left: 10px;
margin-right: 10px;
}
.donor-index-13-block-9__wx3 .testimonials-seven__item::after {
content: "";
font-family: "Flaticon";
font-size: 64px;
color: var(--thm-base);
position: absolute;
top: 40px;
right: 40px;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .testimonials-seven__item::after {
top: 60px;
right: 60px;
}
}
.donor-index-13-block-9__wx3 .funfact-seven__text::before {
content: "";
border-radius: 50%;
border: 8px solid currentColor;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
opacity: 0.1;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .funfact-seven__item:hover .funfact-seven__text::before {
opacity: 1;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .funfact-seven [class*=col-]:nth-child(1) .funfact-seven__item {
margin-left: 0;
}
}
.donor-index-13-block-9__wx3 .funfact-seven [class*=col-]:nth-child(2) .funfact-seven__text {
color: #ff9a61;
}
.donor-index-13-block-9__wx3 .funfact-seven [class*=col-]:nth-child(3) .funfact-seven__text {
color: #54d6ad;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .funfact-seven [class*=col-]:nth-child(4) .funfact-seven__item {
margin-left: auto;
margin-right: 0;
}
}
.donor-index-13-block-9__wx3 .funfact-seven [class*=col-]:nth-child(4) .funfact-seven__text {
color: #f15d8a;
}
.donor-index-13-block-9__wx3 .service-seven__item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #579eee;
opacity: 0.2;
border-radius: 5px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .service-seven__item:hover::before {
border-width: 2px;
opacity: 1;
}
.donor-index-13-block-9__wx3 .service-seven__icon::before {
content: "";
width: 100%;
height: 100%;
background-color: #579eee;
position: absolute;
top: 0;
left: 0;
opacity: 0.1;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .service-seven__item:hover .service-seven__icon::before {
opacity: 1;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(2) .service-seven__item::before {
border-color: #ff9a61;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(2) .service-seven__icon::before {
background-color: #ff9a61;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(2) .service-seven__title a:hover, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(2) .service-seven__icon i, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(2) .service-seven__item:hover .service-seven__link {
color: #ff9a61;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(3) .service-seven__item::before {
border-color: #54d6ad;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(3) .service-seven__icon::before {
background-color: #54d6ad;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(3) .service-seven__icon i, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(3) .service-seven__title a:hover, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(3) .service-seven__item:hover .service-seven__link {
color: #54d6ad;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(4) .service-seven__item::before {
border-color: #f15d8a;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(4) .service-seven__icon::before {
background-color: #f15d8a;
}
.donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(4) .service-seven__title a:hover, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(4) .service-seven__icon i, .donor-index-13-block-9__wx3 .service-seven [class*=col-]:nth-child(4) .service-seven__item:hover .service-seven__link {
color: #f15d8a;
}
@-webkit-keyframes globeRotate {
8% {
-webkit-transform: perspective(200px) rotateY(0deg);
transform: perspective(200px) rotateY(0deg);
}
100% {
-webkit-transform: perspective(200px) rotateY(360deg);
transform: perspective(200px) rotateY(360deg);
}
}
@-webkit-keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-15deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-15deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@-webkit-keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
.donor-index-13-block-9__wx3 .project-eight__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--thm-black)), color-stop(70%, rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, var(--thm-black) 0%, rgba(0, 0, 0, 0) 70%);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.donor-index-13-block-9__wx3 .project-eight__item:hover .project-eight__content::before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.donor-index-13-block-9__wx3 .project-eight__title::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}
.donor-index-13-block-9__wx3 .project-eight__item:hover .project-eight__title::before {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.donor-index-13-block-9__wx3 .about-ten__box::before {
content: counters(boxNumber, ".", decimal-leading-zero);
width: 54px;
height: 54px;
border-radius: 50%;
background-color: var(--thm-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Shadows Into Light";
color: var(--thm-black);
font-size: 30px;
margin-bottom: 20px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
padding-bottom: 5px;
}
@media (min-width: 576px){
.donor-index-13-block-9__wx3 .about-ten__box::before {
position: absolute;
top: 10px;
left: 0;
}
}
.donor-index-13-block-9__wx3 .about-ten__box:hover::before {
background-color: var(--thm-black);
color: #fff;
}
.donor-index-13-block-9__wx3 .service-eight__card__inner::before {
line-height: 1;
font-size: 60px;
color: #eef0f6;
font-family: "Shadows Into Light";
content: counters(serviceNumber, ".", decimal-leading-zero);
position: absolute;
right: 35px;
bottom: 35px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 1;
}
.donor-index-13-block-9__wx3 .service-eight__card__inner::after {
content: "";
width: 68px;
height: 68px;
background-color: #eef0f6;
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateY(50%) translateX(50%);
transform: translateY(50%) translateX(50%);
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.donor-index-13-block-9__wx3 .service-eight__card:hover .service-eight__card__inner::after {
background-color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .service-eight__card:hover .service-eight__card__inner::before {
opacity: 0.1;
color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .about-eleven__images::before {
content: "";
width: 20px;
height: 326px;
background-color: var(--thm-base);
color: var(--thm-base);
position: absolute;
right: 100%;
top: 40px;
}
.donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li::before {
content: "";
width: 15px;
height: 8px;
background-image: url(./assets/s3-menu-arrow.png);
background-repeat: no-repeat;
background-position: top center;
position: absolute;
bottom: 0;
left: calc(50% - 7.5px);
opacity: 0;
-webkit-transition: opacity 500ms ease;
transition: opacity 500ms ease;
}
.donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li > a::before {
width: calc(50.5% - 7.5px);
height: 2px;
border: none;
background-color: var(--thm-base);
-webkit-transform: scale(1);
transform: scale(1);
bottom: -30px;
opacity: 0;
-webkit-transition: opacity 500ms ease;
transition: opacity 500ms ease;
}
.donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li > a::after {
content: "";
position: absolute;
right: 0;
bottom: 7px;
height: 2px;
background-color: var(--thm-base);
width: calc(50% - 7.5px);
bottom: -30px;
opacity: 0;
-webkit-transition: opacity 500ms ease;
transition: opacity 500ms ease;
}
.donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li.current::before, .donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li:hover::before {
opacity: 1;
}
.donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li.current > a::before, .donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li.current > a::after, .donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li:hover > a::before, .donor-index-13-block-9__wx3 .mainmenu-eight .main-menu .navigation > li:hover > a::after {
opacity: 1;
}
.donor-index-13-block-9__wx3 .process-one .row {
margin-bottom: 90px;
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .process-one .row:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.donor-index-13-block-9__wx3 .process-one .row:nth-child(even) .process-one__image__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.donor-index-13-block-9__wx3 .process-one .row:nth-child(even) .process-one__image::before, .donor-index-13-block-9__wx3 .process-one .row:nth-child(even) .process-one__image::after {
left: auto;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .process-one .row {
margin-bottom: 120px;
}
}
.donor-index-13-block-9__wx3 .process-one__image::before {
content: "";
border-radius: 50%;
background-color: #f4f5f8;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .process-one__image::before {
width: 387px;
height: 387px;
top: 50%;
left: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.donor-index-13-block-9__wx3 .process-one__image::after {
content: counters(processCount, ".", decimal-leading-zero);
background-color: var(--thm-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: absolute;
border-radius: 50%;
color: var(--thm-black);
font-family: var(--thm-font);
font-size: 30px;
padding-top: 5px;
width: 60px;
height: 60px;
top: 20%;
left: 20%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 992px){
.donor-index-13-block-9__wx3 .process-one__image::after {
width: 128px;
height: 128px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 50px;
padding-top: 12px;
}
}
.donor-index-13-block-9__wx3 .portfolio-ten .row {
--bs-gutter-x: 160px;
}
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(2) .portfolio-ten__single {
margin-top: 80px;
}
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(5) .portfolio-ten__single {
margin-top: 80px;
}
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(8) .portfolio-ten__single {
margin-top: 80px;
}
.donor-index-13-block-9__wx3 .mobile-nav__container [class*=col-] {
flex: 0 0 100%;
width: 100%;
}
.donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=banner] li a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=services] li a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=skill] li a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=contact] li a span {
background: #191f37;
}
.donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=banner] li.current a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=services] li.current a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=skill] li.current a span, .donor-index-13-block-9__wx3 .side-scroller-dots #menu[data-section-class*=contact] li.current a span {
background: #191f37;
}
.donor-index-13-block-9__wx3 .thm-btn-twelev::after, .donor-index-13-block-9__wx3 .thm-btn-twelev::before {
background-color: var(--thm-black);
content: "";
display: block;
height: 100%;
width: 100%;
transform: skew(90deg) translate(-50%, -50%);
transition: all 0.5s ease-in-out;
position: absolute;
inset: 50%;
top: 50%;
left: 50%;
left: 25%;
z-index: -1;
}
.donor-index-13-block-9__wx3 .thm-btn-twelev::before {
top: -50%;
left: -25%;
transform: skew(90deg) rotate(180deg) translate(-50%, -50%);
}
.donor-index-13-block-9__wx3 .thm-btn-twelev:hover::after {
transform: skew(45deg) translate(-50%, -50%);
}
.donor-index-13-block-9__wx3 .thm-btn-twelev:hover::before {
transform: skew(45deg) rotate(180deg) translate(-50%, -50%);
}
.donor-index-13-block-9__wx3 .thm-btn-thirteen::after, .donor-index-13-block-9__wx3 .thm-btn-thirteen::before {
background-color: var(--thm-black);
content: "";
display: block;
height: 100%;
width: 100%;
transform: skew(90deg) translate(-50%, -50%);
transition: all 0.5s ease-in-out;
position: absolute;
inset: 50%;
top: 50%;
left: 50%;
left: 25%;
z-index: -1;
}
.donor-index-13-block-9__wx3 .thm-btn-thirteen::before {
top: -50%;
left: -25%;
transform: skew(90deg) rotate(180deg) translate(-50%, -50%);
}
.donor-index-13-block-9__wx3 .thm-btn-thirteen:hover::after {
transform: skew(45deg) translate(-50%, -50%);
}
.donor-index-13-block-9__wx3 .thm-btn-thirteen:hover::before {
transform: skew(45deg) rotate(180deg) translate(-50%, -50%);
}
@media (min-width: 1200px){
.donor-index-13-block-9__wx3 .container, .donor-index-13-block-9__wx3 .container-lg, .donor-index-13-block-9__wx3 .container-md, .donor-index-13-block-9__wx3 .container-sm, .donor-index-13-block-9__wx3 .container-xl, .donor-index-13-block-9__wx3 .container-xxl {
max-width: 1200px;
}
}
.donor-index-13-block-9__wx3 .topbar-twelev::after {
position: absolute;
right: 0;
top: 0;
content: "";
width: 85%;
height: 100%;
max-width: 1632px;
background-color: var(--thm-black);
mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1632 52\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0H1632V52H46.5963C39.2604 52 32.4071 48.3435 28.3223 42.25L0 0Z\"/></svg>");
mask-repeat: no-repeat;
mask-position: left bottom;
mask-size: cover;
z-index: -1;
}
.donor-index-13-block-9__wx3 .topbar-thirteen::after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 76.3%;
height: 100%;
background-color: var(--thm-black);
mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1465 58\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0L1465 0L1443.7 48.4396C1441.15 54.2492 1435.4 58 1429.06 58H0V0Z\"/></svg>");
mask-repeat: no-repeat;
mask-position: right bottom;
mask-size: cover;
z-index: -1;
}
@media (max-width: 1700px){
.donor-index-13-block-9__wx3 .topbar-thirteen::after {
width: 90%;
}
}
.donor-index-13-block-9__wx3 .header-style-twelev__main::after {
position: absolute;
right: 0;
top: 0;
content: "";
width: 39.1%;
height: 100%;
max-width: 752px;
background-color: #FDF5F3;
mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 752 92\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M66.2657 11.0036C71.9635 4.03908 80.4867 0 89.485 0H752V92H0L66.2657 11.0036Z\"/></svg>");
mask-repeat: no-repeat;
mask-position: left top;
mask-size: cover;
z-index: -1;
}
@media (max-width: 1300px){
.donor-index-13-block-9__wx3 .header-style-twelev__main::after {
width: 32%;
}
}
@media (max-width: 1199px){
.donor-index-13-block-9__wx3 .header-style-twelev__main::after {
width: 50%;
}
}
@media (max-width: 991px){
.donor-index-13-block-9__wx3 .header-style-twelev__main::after {
width: 70%;
}
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .header-style-twelev__main::after {
width: 60%;
}
}
.donor-index-13-block-9__wx3 .header-style-twelev .main-menu .navigation > li > a::before {
display: none;
}
.donor-index-13-block-9__wx3 .header-style-twelev__btn::after {
position: absolute;
right: -45px;
top: 0;
bottom: 0;
margin: auto;
content: "";
height: 40px;
width: 1px;
background-color: #fff;
}
@media (max-width: 1700px){
.donor-index-13-block-9__wx3 .header-style-twelev__btn::after {
display: none;
}
}
.donor-index-13-block-9__wx3 .header-style-thirteen__main__shape::before {
position: absolute;
right: 0;
right: 0;
width: calc(100% - 20px);
height: 100%;
background-image: linear-gradient(180deg, rgb(113, 102, 245) 0%, rgba(255, 255, 255, 0) 100%);
content: "";
clip-path: polygon(6% 0%, 100% 0, 100% 100%, 0% 100%);
z-index: -1;
}
.donor-index-13-block-9__wx3 .header-style-thirteen__main__shape::after {
position: absolute;
right: 0;
right: 0;
width: calc(100% - 36px);
height: 100%;
background-color: var(--thm-black);
content: "";
clip-path: polygon(6% 0%, 100% 0, 100% 100%, 0% 100%);
z-index: -1;
}
.donor-index-13-block-9__wx3 .header-style-thirteen .main-menu .navigation > li > a::before {
display: none;
}
.donor-index-13-block-9__wx3 .header-style-thirteen .main-menu .navigation > li > a::after {
position: absolute;
left: auto;
right: 0;
width: 0;
bottom: 3px;
height: 1px;
background: #fff;
content: "";
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.donor-index-13-block-9__wx3 .header-style-thirteen .main-menu .navigation > li:hover > a::after, .donor-index-13-block-9__wx3 .header-style-thirteen .main-menu .navigation > li.current > a::after {
width: 100%;
left: 0;
right: auto;
}
.donor-index-13-block-9__wx3 .header-style-thirteen__btn::after {
position: absolute;
right: -22px;
top: 0;
bottom: 0;
margin: auto;
content: "";
height: 40px;
width: 1px;
background-color: #fff;
opacity: 0.1;
}
@media (max-width: 1500px){
.donor-index-13-block-9__wx3 .header-style-thirteen__btn::after {
display: none;
}
}
.donor-index-13-block-9__wx3 .header-style-thirteen .thm-btn-thirteen::after, .donor-index-13-block-9__wx3 .header-style-thirteen .thm-btn-thirteen::before {
background-color: #fff;
}
.donor-index-13-block-9__wx3 .slider-twelev__bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: 0.9;
}
.donor-index-13-block-9__wx3 .slider-twelev__btn .thm-btn-twelev::after, .donor-index-13-block-9__wx3 .slider-twelev__btn .thm-btn-twelev::before {
background-color: #fff;
}
.donor-index-13-block-9__wx3 .slider-thirteen__bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: 0.8;
}
.donor-index-13-block-9__wx3 .slider-thirteen__btn .thm-btn-thirteen::after, .donor-index-13-block-9__wx3 .slider-thirteen__btn .thm-btn-thirteen::before {
background-color: #fff;
}
.donor-index-13-block-9__wx3 .feature-twelev::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 244px;
content: "";
background-color: #FDF5F3;
z-index: -1;
}
.donor-index-13-block-9__wx3 .feature-twelev__item__wrapper::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
content: "";
background-color: var(--thm-base);
transition: all 500ms ease;
visibility: hidden;
opacity: 0;
border-radius: 6px;
z-index: -1;
}
.donor-index-13-block-9__wx3 .feature-twelev__item:hover .feature-twelev__item__wrapper::after {
visibility: visible;
opacity: 1;
height: 100%;
}
.donor-index-13-block-9__wx3 .feature-twelev__item:hover .feature-twelev__item__icon::before {
background-color: #fff;
}
.donor-index-13-block-9__wx3 .feature-twelev__item__icon::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--thm-base);
border-radius: 4px;
transform: rotate(45deg);
z-index: -1;
transition: 0.3s ease-in-out;
}
.donor-index-13-block-9__wx3 .feature-twelev__item__icon::after {
position: absolute;
left: -3px;
top: 6px;
width: calc(100% + 18px);
height: 100%;
content: "";
background-color: rgba(220, 220, 220, 0.26);
border-radius: 4px;
transform: rotate(-45deg);
z-index: -2;
transition: 0.3s ease-in-out;
}
.donor-index-13-block-9__wx3 .about-twelev__image__experiance::after {
position: absolute;
right: -36px;
top: 0;
width: 36px;
height: 41px;
content: "";
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background-color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .service-twelev__bg::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), 0.9);
}
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::before {
position: absolute;
left: 0;
top: 20px;
width: calc(50% - 85px);
height: 1px;
background-color: #fff;
opacity: 0.2;
content: "";
z-index: -1;
}
@media (max-width: 991px){
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::before {
width: calc(50% - 100px);
}
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::before {
width: 50%;
}
}
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::after {
position: absolute;
right: 0;
top: 20px;
width: calc(50% - 85px);
height: 1px;
background-color: #fff;
opacity: 0.2;
content: "";
z-index: -1;
}
@media (max-width: 991px){
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::after {
width: calc(50% - 100px);
}
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-nav::after {
width: 50%;
}
}
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-dots .owl-dot::before {
position: absolute;
content: "";
left: -10px;
top: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
z-index: -1;
background-color: rgba(104, 106, 111, 0.23);
border-radius: 50%;
transition: all 400ms ease;
opacity: 0;
transform: scale(0.3);
}
.donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-dots .owl-dot:hover::before, .donor-index-13-block-9__wx3 .service-twelev .owl-carousel .owl-dots .owl-dot.active::before {
transform: scale(1);
opacity: 1;
}
.donor-index-13-block-9__wx3 .service-twelev__item::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
content: "";
background-color: var(--thm-base);
transition: all 500ms ease;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.donor-index-13-block-9__wx3 .service-twelev__item:hover::after {
visibility: visible;
opacity: 1;
height: 100%;
}
.donor-index-13-block-9__wx3 .service-twelev__item__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.donor-index-13-block-9__wx3 .service-thirteen__item__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.donor-index-13-block-9__wx3 .service-thirteen__item__hover__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.donor-index-13-block-9__wx3 .testimonial-thirteen__carousel .owl-dots .owl-dot::before {
position: absolute;
content: "";
top: -8px;
left: -8px;
width: 24px;
height: 24px;
z-index: -1;
background-color: #F5F5F5;
border-radius: 50%;
transition: all 400ms ease;
opacity: 0;
transform: scale(0.3);
}
.donor-index-13-block-9__wx3 .testimonial-thirteen__carousel .owl-dots .owl-dot:hover::before, .donor-index-13-block-9__wx3 .testimonial-thirteen__carousel .owl-dots .owl-dot.active::before {
transform: scale(1);
opacity: 1;
}
.donor-index-13-block-9__wx3 .testimonial-thirteen__item::after {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -25px;
width: calc(100% - 80px);
height: 25px;
content: "";
background-color: #D0CCFF;
border-radius: 0 0 10px 10px;
}
.donor-index-13-block-9__wx3 .why-choose-twelev__box--reverse.why-choose-twelev__box::after {
left: auto;
right: 0;
}
.donor-index-13-block-9__wx3 .why-choose-twelev__box--reverse.why-choose-twelev__box::before {
left: auto;
right: 0;
}
.donor-index-13-block-9__wx3 .why-choose-twelev__box::after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 205px;
content: "";
background-color: var(--thm-base);
z-index: -1;
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .why-choose-twelev__box::after {
display: none;
}
}
.donor-index-13-block-9__wx3 .why-choose-twelev__box::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 221px;
content: "";
z-index: -1;
background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .why-choose-twelev__box::before {
display: none;
}
}
.donor-index-13-block-9__wx3 .why-choose-twelev__box__icon::after {
position: absolute;
width: 1px;
height: 100vh;
top: -50%;
right: 0;
content: "";
background-color: #fff;
opacity: 0.2;
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .why-choose-twelev__box__icon::after {
display: none;
}
}
.donor-index-13-block-9__wx3 .project-twelev .container {
max-width: 1600px;
}
.donor-index-13-block-9__wx3 .project-twelev__item::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-image: linear-gradient(90deg, #ff613c 0%, #000000 100%);
transition: 0.5s;
transform: translatex(50%) scalex(2);
opacity: 0;
filter: blur(10px);
}
.donor-index-13-block-9__wx3 .project-twelev__item__content::after {
width: 23px;
height: 23px;
content: "";
background-color: #fff;
position: absolute;
left: -1px;
top: -1px;
border-radius: 6px 0 0 0;
}
.donor-index-13-block-9__wx3 .project-thirteen__item__image::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(33, 31, 56, 0.46);
}
.donor-index-13-block-9__wx3 .video-twelev__bg::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-base-rgb), 0.9);
}
.donor-index-13-block-9__wx3 .video-twelev__wrapper .thm-btn-twelev::after, .donor-index-13-block-9__wx3 .video-twelev__wrapper .thm-btn-twelev::before {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .video-twelev__video a .ripple, .donor-index-13-block-9__wx3 .video-twelev__video a .ripple::before, .donor-index-13-block-9__wx3 .video-twelev__video a .ripple::after {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 0 rgba(var(--thm-base-rgb), 0.6);
animation: ripple 3s infinite;
}
.donor-index-13-block-9__wx3 .video-twelev__video a .ripple::before {
animation-delay: 0.9s;
content: "";
position: absolute;
}
.donor-index-13-block-9__wx3 .video-twelev__video a .ripple::after {
animation-delay: 0.6s;
content: "";
position: absolute;
}
.donor-index-13-block-9__wx3 .facts-twelev__item::after {
position: absolute;
left: 0;
right: 0;
bottom: 25px;
margin: auto;
content: "";
z-index: -1;
background-color: #fff;
border-radius: 2px;
width: calc(100% - 50px);
height: calc(100% - 70px);
clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 100%);
transition: all 400ms ease;
}
.donor-index-13-block-9__wx3 .facts-twelev__item:hover::after {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .facts-thirteen__item::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 116px;
margin: auto;
content: "";
z-index: -1;
background-color: var(--thm-black);
mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 270 116\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 6C0 2.68629 2.68629 0 6 0H264C267.314 0 270 2.68629 270 6V116C270 116 201 40 104 40C7 40 0 116 0 116V6Z\"/></svg>");
mask-repeat: no-repeat;
mask-position: top center;
mask-size: cover;
transition: all 400ms ease;
}
.donor-index-13-block-9__wx3 .facts-thirteen__item::before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
content: "";
background-image: linear-gradient(0deg, #211f38 0%, #7166f5 91%);
transition: all 500ms ease;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.donor-index-13-block-9__wx3 .facts-thirteen__item:hover::before {
visibility: visible;
opacity: 1;
height: 100%;
}
.donor-index-13-block-9__wx3 .contact-twelev__info::after {
width: 100%;
height: 10px;
content: "";
background-color: var(--thm-base);
left: 0;
bottom: -10px;
position: absolute;
}
.donor-index-13-block-9__wx3 .contact-twelev__info::before {
width: 10px;
height: 54%;
content: "";
background-color: var(--thm-base);
left: -10px;
bottom: -10px;
position: absolute;
}
.donor-index-13-block-9__wx3 .contact-twelev .default-form .row {
margin: 0 -10px;
--bs-gutter-x: 20px;
}
.donor-index-13-block-9__wx3 .blog-twelev__item__rm::after {
position: absolute;
width: calc(100% - 170px);
height: 1px;
background-color: #fff;
opacity: 0.3;
transition: all 500ms ease;
content: "";
right: 61px;
top: 3px;
bottom: 0;
margin: auto;
}
.donor-index-13-block-9__wx3 .blog-twelev__item__rm:hover::after {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .blog-twelev__lists__item__rm::after {
position: absolute;
width: calc(100% - 141px);
height: 1px;
background-color: #fff;
transition: all 500ms ease;
content: "";
right: 51px;
top: 3px;
bottom: 0;
margin: auto;
}
.donor-index-13-block-9__wx3 .sponsors-section.sponsors-home-twelev .sponsors-outer .owl-nav::before {
position: absolute;
left: 0;
top: 10px;
width: calc(50% - 24px);
height: 1px;
background-color: #FDF5F3;
content: "";
z-index: -1;
}
.donor-index-13-block-9__wx3 .sponsors-section.sponsors-home-twelev .sponsors-outer .owl-nav::after {
position: absolute;
right: 0;
top: 10px;
width: calc(50% - 25px);
height: 1px;
background-color: #FDF5F3;
content: "";
z-index: -1;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__wx3 {
position: relative;
padding: 120px 0 220px;
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .tabs-thirteen__wx3 {
padding: 80px 0;
}
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin: auto 0;
flex-direction: column;
gap: 20px;
max-width: 236px;
width: 100%;
height: 100%;
}
@media (max-width: 991px){
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons {
margin: 0 0 40px;
}
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons::after {
position: absolute;
right: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 1px;
background-image: linear-gradient(180deg, rgb(100, 78, 238) 0%, rgba(100, 78, 238, 0) 100%);
content: "";
z-index: 3;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn {
background-color: #F5F5F5;
text-align: center;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
color: var(--thm-black);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
width: 100%;
position: relative;
z-index: 2;
transition: all 400ms ease;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn::after {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background-color: var(--thm-base);
z-index: -1;
content: "";
border-radius: 4px;
transition: all 400ms ease;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn::before {
position: absolute;
right: -19px;
top: 0;
bottom: 0;
margin: auto;
width: 19px;
height: 22px;
content: "";
z-index: -1;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background-color: #F5F5F5;
transition: all 400ms ease;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn:hover, .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn {
color: #fff;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn:hover::after, .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn::after {
width: 100%;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn:hover::before, .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn::before {
background-color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .tabs-thirteen__tab-content__wx3 {
position: relative;
background-color: #F5F5F5;
border-radius: 6px;
padding: 30px;
margin-left: -30px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: all 0.5s ease;
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .tabs-thirteen__tab-content__wx3 {
margin-left: 0;
padding: 30px 15px;
}
}
.donor-index-13-block-9__wx3 .tabs-thirteen__wx3 .active-tab__wx3 .tabs-thirteen__tab-content__wx3 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.donor-index-13-block-9__wx3 .tabs-thirteen__image__wx3 {
position: relative;
margin-right: -7px;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__image__wx3 img {
max-width: 100%;
height: auto;
border-radius: 6px;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3 {
position: relative;
background-color: #fff;
border-radius: 6px;
padding: 31px 40px 32px;
margin-left: -25px;
}
@media (max-width: 767px){
.donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3 {
margin-left: 0;
padding: 30px 15px;
}
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__title__wx3 {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.6px;
font-weight: 800;
border-bottom: 1px solid #D0CCFF;
margin: 0 0 11px;
padding: 0 0 11px;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__text__wx3 {
font-size: 16px;
line-height: 30px;
font-weight: 600;
margin: 0 0 15px;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__list__wx3 {
margin: 0;
padding: 0;
list-style: none;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__list__wx3 li {
display: flex;
align-items: center;
gap: 18px;
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
margin: 0 0 0px;
}
.donor-index-13-block-9__wx3 .tabs-thirteen__content__list__wx3 li i {
font-size: 18px;
color: var(--thm-base);
}
.donor-index-13-block-9__wx3 .translated-rtl body {
direction: rtl;
text-align: right;
}
.donor-index-13-block-9__wx3 .translated-rtl .about-section .image-column .inner::before {
left: auto;
right: 0;
}
.donor-index-13-block-9__wx3 .translated-rtl .about-section .text-column .text ul li::before {
left: auto;
right: 0;
}
.donor-index-13-block-9__wx3 .translated-rtl .about-section .text-column .text .since::before {
left: auto;
right: -10px;
}
.donor-index-13-block-9__wx3 .translated-rtl .about-section .text-column .text .since::after {
left: auto;
right: -42px;
}
.donor-index-13-block-9__wx3 .translated-rtl .accordion-box .block .acc-btn::before {
right: auto;
left: 35px;
}
.donor-index-13-block-9__wx3 .translated-rtl .we-do-section .progress-box .count-box::after {
left: auto;
right: 0;
border-left-color: transparent;
border-right-color: var(--thm-black);
}
.donor-index-13-block-9__wx3 .translated-rtl .trusted-section .right-col .inner::before {
left: auto;
right: 100%;
}
.donor-index-13-block-9__wx3 .translated-rtl .trusted-section .featured-block-two .text ul li::before {
left: auto;
right: 0;
}
@media (min-width: 480px){
.donor-index-13-block-9__wx3 .translated-rtl .why-us-section .feature .inner-box::before {
left: auto;
right: 0;
}
}
.donor-index-13-block-9__wx3 .translated-rtl .page-banner .bread-crumb li::before {
left: -15px;
right: auto;
}
.donor-index-13-block-9__wx3 .translated-rtl .banner-section-four .auto-container .row {
justify-content: flex-end;
}
@media only screen and (max-width: 1199px){
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn {
font-size: 26px;
}
}
@media only screen and (max-width: 991px){
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn {
font-size: 22px;
}
}
@media only screen and (max-width: 767px){
.donor-index-13-block-9__wx3 .work-tabs .tab-buttons .tab-btn {
width: 100%;
padding: 20px 15px;
}
}
@media only screen and (max-width: 599px){
.donor-index-13-block-9__wx3 .default-tabs .tab-buttons .tab-btn {
display: block;
width: 100%;
margin: 0 0 15px;
}
.donor-index-13-block-9__wx3 .default-tabs .tabs-content {
padding-top: 10px;
}
}
@media only screen and (max-width: 767px){
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(2) .portfolio-ten__single {
margin-top: 0;
}
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(5) .portfolio-ten__single {
margin-top: 0;
}
.donor-index-13-block-9__wx3 [class*=col-]:nth-child(8) .portfolio-ten__single {
margin-top: 0;
}
}
.donor-index-13-block-9__wx3 {
--thm-font: "Manrope", sans-serif;
--thm-b-font: "Manrope", sans-serif;
}
.donor-index-13-block-9__wx3 {
--thm-black: #211F38;
--thm-black-rgb: 33, 31, 56;
--thm-base: #644EEE;
--thm-base-rgb: 100, 78, 238;
--thm-text: #737092;
}
@font-face {
font-family: "icomoon";
src: url(./vendors/s4-icomoon.eot);
src:  url(./vendors/s4-icomoon.eot) format("embedded-opentype"),
url(./vendors/s4-icomoon.ttf) format("truetype"),
url(./vendors/s4-icomoon.woff) format("woff"),
url(./assets/s4-icomoon.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}@keyframes twirl {
0% {
transform: translate(-50%, -50%) rotate(0);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}@keyframes circleScroll2 {
0% {
transform: rotate(-90deg);
}
100% {
transform: rotate(90deg);
}
}@keyframes fillColor1 {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}@keyframes drawLogo {
0% {
stroke-dashoffset: 2000;
}
100% {
stroke-dashoffset: 0;
}
}@keyframes opacityAnimate {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}@keyframes slide_1 {
0% {
transform: translate(0) rotate(0deg);
}
15% {
transform: translate(10px, 10px) rotate(15deg);
}
30% {
transform: translate(10px, -15px) rotate(0deg);
}
45% {
transform: translate(-10px, -25px) rotate(-10deg);
}
60% {
transform: translate(0, 25px) rotate(15deg);
}
75% {
transform: translate(-10px, -15px) rotate(10deg);
}
90% {
transform: translate(-5, -5px) rotate(-10deg);
}
100% {
transform: translate(0) rotate(0deg);
}
}@keyframes slide_2 {
0% {
transform: translate(0) rotate(0deg);
}
25% {
transform: translate(15px, -5px) rotate(-15deg);
}
50% {
transform: translate(-10px, 10px) rotate(0deg);
}
75% {
transform: translate(5px, -5px) rotate(15deg);
}
100% {
transform: translate(0) rotate(0deg);
}
}@keyframes moveY {
0% {
transform: translateY(-50%) rotate(0);
}
25% {
transform: translateY(calc(-50% + 15px)) rotate(2deg);
}
50% {
transform: translateY(-50%) rotate(0);
}
75% {
transform: translateY(calc(-50% + 15px)) rotate(-2deg);
}
100% {
transform: translateY(-50%) rotate(0);
}
}@keyframes moveYY {
0% {
transform: translateY(-50%);
}
50% {
transform: translateY(calc(-50% - 15px));
}
100% {
transform: translateY(-50%);
}
}@keyframes moveX {
0% {
transform: translateX(0) rotate(0);
}
25% {
transform: translateX(15px) rotate(-2deg);
}
50% {
transform: translateX(15px) rotate(0deg);
}
75% {
transform: translateX(0) rotate(2deg);
}
100% {
transform: translateX(0) rotate(0);
}
}@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-1364px);
}
}@keyframes scrollMobile {
from {
transform: translateX(0);
}
to {
transform: translateX(-1187.2px);
}
}@keyframes scroll3 {
from {
transform: translateX(0);
}
to {
transform: translateX(-1760px);
}
}@keyframes moveYUp {
0% {
transform: translateY(0);
}
50% {
transform: translateY(15px);
}
100% {
transform: translateY(0);
}
}@keyframes moveYDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0);
}
}@keyframes moveYUpSmall {
0% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}@keyframes moveYDownSmall {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
100% {
transform: translateY(0);
}
}@keyframes opacityAnimate {
from {
opacity: 0;
transform: translate(500px);
}
to {
opacity: 1;
transform: translate(0);
}
}@keyframes showItem {
from {
transform: scale(0.2);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}@keyframes showListPrice {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@keyframes showList {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@keyframes circleScroll {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}@keyframes circleScrollMinus {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}@keyframes bounceCustom {
0%, 5%, 13% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
8%, 10% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
16% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
20% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
}
24% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
25% {
-webkit-animation-timing-function: unset;
animation-timing-function: unset;
-webkit-transform: unset;
transform: unset;
}
100% {
-webkit-animation-timing-function: unset;
animation-timing-function: unset;
-webkit-transform: unset;
transform: unset;
}
}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.donor-home3-block-6__wx4 [class^="icon-"], .donor-home3-block-6__wx4 [class*=" icon-"] {
font-family: "icomoon" !important;

font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.donor-home3-block-6__wx4 {
--blue: #3D89FB;
--yellow: #F3D465;
--green: #1FBE72;
--purple: #7D3CF3;
--white: #FFFFFF;
--on-surface: #121215;
--black-surface: #000;
--surface: #F8F8F8;
--line: #E5E5E5;
--secondary: #615F6F;
--placehover: #C1C1C1;
--line-dark: rgba(255, 255, 255, 0.1);
}
.donor-home3-block-6__wx4 * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.donor-home3-block-6__wx4, .donor-home3-block-6__wx4 {
font-family: "Plus Jakarta Sans", sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.625;
color: var(--white);
font-style: normal;
background-color: var(--on-surface);
}
.donor-home3-block-6__wx4 {
overflow-x: hidden;
}
.donor-home3-block-6__wx4 a {
color: var(--white);
text-decoration: none;
}
.donor-home3-block-6__wx4 .container {
max-width: 1320px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.donor-home3-block-6__wx4 .container, .donor-home3-block-6__wx4 .container-fluid, .donor-home3-block-6__wx4 .container-lg, .donor-home3-block-6__wx4 .container-md, .donor-home3-block-6__wx4 .container-sm, .donor-home3-block-6__wx4 .container-xl, .donor-home3-block-6__wx4 .container-xxl {
padding-left: 15px;
padding-right: 15px;
}
.donor-home3-block-6__wx4 .row {
margin-left: -15px;
margin-right: -15px;
}
.donor-home3-block-6__wx4 .row>* {
padding-left: 15px;
padding-right: 15px;
}
.donor-home3-block-6__wx4 .heading3__wx4 {
font-size: 44px;
font-weight: 600;
line-height: 54px;
text-transform: capitalize;
}
.donor-home3-block-6__wx4 .body2__wx4 {
font-size: 18px;
line-height: 28px;
}
.donor-home3-block-6__wx4 .body2__wx4 {
font-size: 18px;
line-height: 28px;
}
.donor-home3-block-6__wx4 .icon-blue::before {
color: var(--blue);
}
.donor-home3-block-6__wx4 .text-yellow__wx4 {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .icon-yellow::before {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .icon-green::before {
color: var(--green);
}
.donor-home3-block-6__wx4 .icon-purple::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .icon-white::before {
color: var(--white);
}
.donor-home3-block-6__wx4 .icon-line-dark::before {
color: var(--line-dark);
}
.donor-home3-block-6__wx4 .text-on-surface__wx4 {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .text-placehover__wx4 {
color: var(--placehover);
}
.donor-home3-block-6__wx4 .bg-black-surface__wx4 {
background-color: var(--black-surface);
}
.donor-home3-block-6__wx4 .bg-yellow__wx4 {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .line-dark__wx4 {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.donor-home3-block-6__wx4 .flex-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.donor-home3-block-6__wx4 .flex-item-center {
display: flex;
align-items: center;
}
.donor-home3-block-6__wx4 .gap-24 {
gap: 24px;
}
.donor-home3-block-6__wx4 .row-gap-32__wx4 {
row-gap: 32px;
}
.donor-home3-block-6__wx4 .pr-80 {
padding-right: 80px;
}
@media (max-width: 991.99px){
.donor-home3-block-6__wx4 .pr-col-lg-0__wx4 {
padding-right: 15px;
}
}
.donor-home3-block-6__wx4 .pb-100 {
padding-bottom: 100px;
}
.donor-home3-block-6__wx4 .pb-20 {
padding-bottom: 20px;
}
.donor-home3-block-6__wx4 .pt-100 {
padding-top: 100px;
}
.donor-home3-block-6__wx4 .pt-20 {
padding-top: 20px;
}
.donor-home3-block-6__wx4 .mt-40 {
margin-top: 40px;
}
.donor-home3-block-6__wx4 .button {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 68px;
font-size: 16px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .button>span:nth-child(1) {
position: absolute;
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
background: transparent;
border-radius: 68px;
overflow: hidden;
z-index: 0;
opacity: 0;
}
.donor-home3-block-6__wx4 .button>span:nth-child(1) span {
position: absolute;
min-width: 110%;
min-height: 110%;
aspect-ratio: 1/1;
top: 50%;
left: 50%;
background: conic-gradient(from 290deg, transparent 0%, #FFFFFF 50%, transparent 20%);
animation: twirl 3s linear infinite;
z-index: 0;
}
.donor-home3-block-6__wx4 .button span:nth-child(2) {
padding: 14px 28px;
border-radius: 68px;
display: inline-flex;
gap: 8px;
position: relative;
z-index: 2;
}
.donor-home3-block-6__wx4 .button span:nth-child(2):has(i) {
padding: 16px 28px;
}
.donor-home3-block-6__wx4 .button:hover>span:nth-child(1) {
opacity: 1;
}
.donor-home3-block-6__wx4 .button-yellow-hover__wx4 .bg-yellow__wx4 {
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .button-yellow-hover__wx4:hover {
background-color: #ebb41d;
}
.donor-home3-block-6__wx4 .button-yellow-hover__wx4:hover .bg-yellow__wx4 {
background-color: #ebb41d;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .button span:nth-child(1) {
display: none;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .button {
gap: 6px;
border-radius: 40px;
font-size: 14px;
line-height: 24px;
}
.donor-home3-block-6__wx4 .button span:nth-child(2) {
padding: 10px 16px;
border-radius: 40px;
}
.donor-home3-block-6__wx4 .button span:nth-child(2) i {
font-size: 16px;
}
.donor-home3-block-6__wx4 .button span:nth-child(2):has(i) {
padding: 14px 16px;
}
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(1)::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
right: 0;
bottom: 0;
border-radius: 0 0 200px 0;
border-right: 3px solid var(--purple);
border-bottom: 3px solid var(--purple);
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(1)::after {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
border-radius: 200px 0 0 0;
border-left: 3px solid var(--purple);
border-top: 3px solid var(--purple);
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(1) .circle-child::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
right: 0;
bottom: 0;
border-radius: 0 0 200px 0;
border-right: 3px solid var(--purple);
border-bottom: 3px solid var(--purple);
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(1) .circle-child::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0;
border-radius: 200px 0 0 0;
border-left: 3px solid var(--purple);
border-top: 3px solid var(--purple);
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(2)::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
right: 0;
bottom: 0;
border-radius: 0 0 200px 0;
border-right: 3px solid rgba(238, 175, 255, 0.8078431373);
border-bottom: 3px solid rgba(238, 175, 255, 0.8078431373);
}
.donor-home3-block-6__wx4 #preload .main-content .circle:nth-child(2)::after {
content: "";
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: 0;
border-radius: 200px 0 0 0;
border-left: 3px solid rgba(238, 175, 255, 0.8078431373);
border-top: 3px solid rgba(238, 175, 255, 0.8078431373);
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(1)::before {
border-right: 3px solid var(--green);
border-bottom: 3px solid var(--green);
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(1)::after {
border-left: 3px solid var(--green);
border-top: 3px solid var(--green);
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(1) .circle-child::before {
border-right: 3px solid var(--green);
border-bottom: 3px solid var(--green);
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(1) .circle-child::after {
border-left: 3px solid var(--green);
border-top: 3px solid var(--green);
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(2)::before {
border-right: 3px solid #65946c;
border-bottom: 3px solid #65946c;
}
.donor-home3-block-6__wx4 .style-green #preload .main-content .circle:nth-child(2)::after {
border-left: 3px solid #65946c;
border-top: 3px solid #65946c;
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(1)::before {
border-right: 3px solid var(--yellow);
border-bottom: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(1)::after {
border-left: 3px solid var(--yellow);
border-top: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(1) .circle-child::before {
border-right: 3px solid var(--yellow);
border-bottom: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(1) .circle-child::after {
border-left: 3px solid var(--yellow);
border-top: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(2)::before {
border-right: 3px solid #fffced;
border-bottom: 3px solid #fffced;
}
.donor-home3-block-6__wx4 .style-yellow #preload .main-content .circle:nth-child(2)::after {
border-left: 3px solid #fffced;
border-top: 3px solid #fffced;
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(1)::before {
border-right: 3px solid var(--blue);
border-bottom: 3px solid var(--blue);
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(1)::after {
border-left: 3px solid var(--blue);
border-top: 3px solid var(--blue);
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(1) .circle-child::before {
border-right: 3px solid var(--blue);
border-bottom: 3px solid var(--blue);
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(1) .circle-child::after {
border-left: 3px solid var(--blue);
border-top: 3px solid var(--blue);
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(2)::before {
border-right: 3px solid #969be2;
border-bottom: 3px solid #969be2;
}
.donor-home3-block-6__wx4 .style-blue #preload .main-content .circle:nth-child(2)::after {
border-left: 3px solid #969be2;
border-top: 3px solid #969be2;
}
.donor-home3-block-6__wx4 #popup-newsletter-block .popup-newsletter-main .bg-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
width: 47.3333333333%;
}
.donor-home3-block-6__wx4 #popup-newsletter-block .popup-newsletter-main .bg-img img {
object-fit: cover;
display: block;
}
@media (max-width: 767.98px){
.donor-home3-block-6__wx4 #popup-newsletter-block .popup-newsletter-main .bg-img {
display: none;
}
}
.donor-home3-block-6__wx4.prevent-popupNewsletter #popup-newsletter-block {
opacity: 0;
visibility: hidden;
}
.donor-home3-block-6__wx4.prevent-popupNewsletter #popup-newsletter-block .popup-newsletter-main {
top: 0;
}
.donor-home3-block-6__wx4 .top-nav.style-four .right-block .list-social a:hover i::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu>.container {
height: 100%;
width: 100%;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main {
height: 100%;
width: 100%;
position: relative;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main {
height: 100%;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul {
height: 100%;
gap: 28px;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li {
height: 100%;
cursor: pointer;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li>a {
color: var(--white);
position: relative;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li>a::before {
position: absolute;
content: "";
left: 0;
bottom: -2px;
width: 0;
height: 2px;
background-color: var(--blue);
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li>a:hover::before, .donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li>a.active::before {
width: 100%;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav {
position: absolute;
width: 100%;
height: auto;
left: 0;
right: 0;
top: 54px;
opacity: 0;
visibility: hidden;
transition: all ease 0.4s;
z-index: 5;
pointer-events: none;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main {
border-radius: 0 0 24px 24px;
box-shadow: 0px 4px 63px 0px rgba(98, 166, 255, 0.3);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row {
margin-left: -12px;
margin-right: -12px;
position: relative;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row>div {
padding-right: 12px;
padding-left: 12px;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home {
align-items: start;
position: relative;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item i {
display: inline-block;
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item a .text-button {
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item .bg-img img {
transition: all ease 0.5s;
transform: translateZ(0);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover i {
transform: rotateY(360deg);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .text-button {
color: var(--blue);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .bg-img img {
transform: scale(1.1) translateZ(0);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a .text-button {
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a:hover .text-button {
color: var(--blue);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor {
position: relative;
height: calc(100% - 96px);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor .text-content {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block .list-social {
gap: 11px;
flex-wrap: wrap;
justify-content: center;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block .list-social a {
transition: all ease 0.2s;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block .list-social a:hover {
background-color: #3974ff;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block .phone i {
font-size: 14px;
padding: 4px;
border-radius: 50%;
background-color: var(--placehover);
color: #2a2a2d;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li:hover>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main>ul li:hover .sub-nav {
opacity: 1;
visibility: visible;
pointer-events: all;
padding-top: 26px;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .logo__wx4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.8);
transition: all ease 0.5s;
z-index: -1;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main {
position: absolute;
top: 0;
bottom: 0;
right: -75%;
width: 75%;
height: 100%;
background-color: var(--black-surface);
transition: all ease 0.5s;
z-index: 1;
overflow-x: hidden;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main .heading {
padding: 14px 16px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main .heading .close-block i {
display: inline-block;
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main .heading .close-block i:hover {
transform: rotate(180deg);
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 12px 16px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile {
position: absolute;
width: 0;
height: 100vh;
right: -100%;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
z-index: 2;
transition: all ease 0.4s;
overflow-x: hidden;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .list-home, .donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .explore-block, .donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .list-pages, .donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .banner-infor {
padding: 16px 24px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .banner-infor {
position: relative;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .banner-infor .bg-img {
position: absolute;
top: 16px;
bottom: 16px;
left: 24px;
right: 24px;
border-radius: 16px;
overflow: hidden;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .list-social {
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .list-social a {
width: 30px;
height: 30px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile .list-social a i {
font-size: 12px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .menu-mobile-main ul li .sub-nav-mobile.open {
opacity: 1;
visibility: visible;
width: 100%;
right: 0;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block.open {
z-index: 100;
opacity: 1;
visibility: visible;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block.open .menu-mobile-main {
right: 0;
}
@media (max-width: 1199.98px){
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main ul {
gap: 20px;
}
}
@media (max-width: 1023.98px){
.donor-home3-block-6__wx4 .header-menu>.container .header-main .menu-main {
display: none;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .logo__wx4 {
position: relative;
top: unset;
left: unset;
transform: unset;
}
.donor-home3-block-6__wx4 .header-menu>.container .header-main .right-block .menu-humburger {
display: block;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .sub-nav-mobile .mt-24 {
margin-top: 24px;
}
.donor-home3-block-6__wx4 .header-menu>.container #menu-mobile-block .sub-nav-mobile .mt-16 {
margin-top: 16px;
}
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li>a::before {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .text-button {
color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a i::before {
color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a:hover .text-button {
color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a span:nth-child(2), .donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a span:nth-child(2) {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a:hover, .donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover {
background-color: #02bd30;
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a:hover span:nth-child(2), .donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover span:nth-child(2) {
background-color: #02bd30;
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .logo__wx4 svg g path:first-child {
fill: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .right-block a span:nth-child(2) {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container .header-main .right-block a:hover span:nth-child(2) {
background-color: #02bd30;
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container #menu-mobile-block .logo__wx4 svg g path:first-child {
fill: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container #menu-mobile-block .bg-blue {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .style-two .header-menu>.container #menu-mobile-block .icon-blue::before {
color: var(--green);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .logo__wx4 {
left: 0;
transform: translateY(-50%);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .logo__wx4 svg g path:first-child {
fill: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main {
padding-left: 104px;
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li>a::before {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .text-button {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a i::before {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a:hover .text-button {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a {
background-color: var(--yellow);
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover {
background-color: #ebb41d;
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a {
width: 28px;
height: 28px;
background-color: var(--line-dark);
border: 1px solid #3f3f3f;
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a i {
transition: all ease 0.3s;
font-size: 12px;
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a:hover {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a:hover i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a:nth-child(3) i, .donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a:nth-child(4) i, .donor-home3-block-6__wx4 .header-menu.style-three>.container .header-main .right-block .list-social a:nth-child(5) i {
font-size: 10px;
margin-left: 1px;
margin-top: 1px;
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container #menu-mobile-block .logo__wx4 svg g path:first-child {
fill: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container #menu-mobile-block .list-social a i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container #menu-mobile-block .bg-blue {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-three>.container #menu-mobile-block .icon-blue::before {
color: var(--yellow);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .logo__wx4 {
position: relative;
left: unset;
top: unset;
transform: unset;
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li>a::before {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .text-button {
color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a i::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a:hover .text-button {
color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover {
background-color: #5700c9;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .header-menu.style-four>.container .header-main .right-block .call-block {
display: none;
}
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container #menu-mobile-block .logo__wx4 svg g path:first-child {
fill: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container #menu-mobile-block .bg-blue {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .header-menu.style-four>.container #menu-mobile-block .icon-blue::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li>a::before {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-home .item:hover .text-button {
color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a i::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .list-pages a:hover .text-button {
color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a, .donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a span:nth-child(2), .donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a span:nth-child(2) {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a:hover, .donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .banner-infor a:hover span:nth-child(2), .donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .menu-main>ul li .sub-nav .sub-nav-main .row .explore-block a:hover span:nth-child(2) {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .logo__wx4 svg g path:first-child {
fill: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .right-block a span:nth-child(2) {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container .header-main .right-block a:hover span:nth-child(2) {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container #menu-mobile-block .logo__wx4 svg g path:first-child {
fill: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container #menu-mobile-block .bg-blue {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .header-menu>.container #menu-mobile-block .icon-blue::before {
color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple.style-service .header-menu>.container .header-main .menu-main>ul li>a.active::before {
width: 0;
}
.donor-home3-block-6__wx4 .style-purple.style-service .header-menu>.container .header-main .menu-main>ul li:hover>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-service .header-menu>.container .header-main .menu-main>ul li:nth-child(2)>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-pages .header-menu>.container .header-main .menu-main>ul li>a.active::before {
width: 0;
}
.donor-home3-block-6__wx4 .style-purple.style-pages .header-menu>.container .header-main .menu-main>ul li:hover>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-pages .header-menu>.container .header-main .menu-main>ul li:nth-child(3)>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-blog .header-menu>.container .header-main .menu-main>ul li>a.active::before {
width: 0;
}
.donor-home3-block-6__wx4 .style-purple.style-blog .header-menu>.container .header-main .menu-main>ul li:hover>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-blog .header-menu>.container .header-main .menu-main>ul li:nth-child(4)>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-contact .header-menu>.container .header-main .menu-main>ul li>a.active::before {
width: 0;
}
.donor-home3-block-6__wx4 .style-purple.style-contact .header-menu>.container .header-main .menu-main>ul li:hover>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .style-purple.style-contact .header-menu>.container .header-main .menu-main>ul li:nth-child(5)>a::before {
width: 100%;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .container {
width: 100%;
height: 100%;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row {
position: relative;
height: 100%;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:first-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child {
position: absolute;
top: 40%;
transform: translateY(-50%);
right: 15px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(1) {
position: absolute;
right: 245px;
transform: translateY(-60%);
z-index: 1;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(2) {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
animation: moveYY 15s ease infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(3) {
position: absolute;
right: 0;
top: calc(50% + 216px);
transform: translateY(-50%);
animation: moveY 15s ease infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:first-child {
position: absolute;
right: 190px;
transform: translateY(-214px);
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:last-child {
position: absolute;
left: 50px;
transform: translateY(100px);
z-index: 0;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .user-infor {
background: rgba(255, 255, 255, 0.4);
display: inline-flex;
position: absolute;
right: 260px;
top: calc(50% + 230px);
transform: translateY(-50%);
animation: moveX 15s ease infinite;
}
@media (max-width: 1198.98px){
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row {
padding-top: 80px;
padding-bottom: 180px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:first-child {
position: relative;
top: unset;
transform: unset;
left: unset;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child {
position: relative;
top: unset;
transform: unset;
right: unset;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img {
display: flex;
align-items: center;
justify-content: center;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:first-child {
position: relative;
right: unset;
transform: unset;
margin-top: -60px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(2) {
position: relative;
margin-left: 30px;
margin-top: 230px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(3) {
position: absolute;
right: calc(50% - 267px);
top: calc(50% + 230px);
transform: translate(-50%, -50%);
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:first-child {
position: absolute;
right: calc(50% - 87px);
transform: translateY(-430px);
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:last-child {
position: absolute;
left: calc(50% - 340px);
transform: translateY(-130px);
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .user-infor {
top: calc(50% + 230px);
right: calc(50% - 20px);
}
}
@media (max-width: 767.98px){
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row {
padding-top: 80px;
padding-bottom: 80px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:first-child {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(2) {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .bg-img img:nth-child(3) {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:first-child {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .icon svg:last-child {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row>div:last-child .user-infor {
display: none;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row {
padding-top: 50px;
padding-bottom: 60px;
}
.donor-home3-block-6__wx4 .slider-block.style-one .slider-main .row .mt-40 {
margin-top: 20px;
}
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container {
position: relative;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input {
height: 76px;
position: relative;
padding-left: 0;
padding-right: 0;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input input {
width: 100%;
height: 100%;
padding: 8px 190px 8px 24px;
border-radius: 52px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button {
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button a {
height: 100%;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button a span:nth-child(2) {
padding: 16px 32px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .tags .list-tag a {
display: flex;
padding: 8px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 70px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .tags .list-tag a:hover {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img {
position: absolute;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(1) {
left: 10px;
top: 200px;
animation: slide_1 18s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(2) {
left: -60px;
bottom: 300px;
animation: slide_2 15s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(3) {
left: 400px;
bottom: 100px;
animation: slide_1 15s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(4) {
right: 400px;
bottom: 120px;
animation: slide_2 18s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(5) {
right: 0px;
top: 160px;
animation: slide_1 20s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(6) {
right: -20px;
bottom: 340px;
animation: slide_2 15s ease-in-out alternate infinite;
}
@media (max-width: 1479.98px){
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(1) {
top: 140px;
left: 60px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(2) {
left: 10px;
bottom: 300px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(5) {
right: 40px;
top: 160px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img:nth-child(6) {
right: 20px;
bottom: 340px;
}
}
@media (max-width: 1023.98px){
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .list-avatar img {
display: none;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container {
padding-top: 160px;
padding-bottom: 80px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .tags {
gap: 24px;
flex-wrap: wrap;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .tags .list-tag {
flex-wrap: wrap;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container {
padding-top: 120px;
padding-bottom: 60px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input {
height: 54px;
padding-left: 15px;
padding-right: 15px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input input {
border-radius: 24px;
padding: 8px 110px 8px 16px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button {
top: 4px;
right: 19px;
bottom: 4px;
font-size: 14px;
line-height: 20px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button a {
border-radius: 24px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .block-input .block-button a span:nth-child(2) {
padding: 10px 16px;
}
.donor-home3-block-6__wx4 .slider-block.style-two .slider-main .container .tags {
row-gap: 16px;
}
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading {
position: relative;
height: 176px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: none;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1:nth-child(1) {
color: rgba(255, 255, 255, 0.5);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1:nth-child(2) {
color: white;
clip-path: circle(0);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading:hover .cursor {
opacity: 1;
cursor: none;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .block-button a {
padding: 16px 32px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .tags .list-tag a:hover {
background-color: var(--yellow);
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar img:nth-child(1) {
width: 52px;
height: 52px;
left: -140px;
top: -10px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar img:nth-child(2) {
width: 80px;
height: 80px;
left: unset;
right: -100px;
bottom: 30px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item {
position: absolute;
border-radius: 50%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item::before {
content: "";
position: absolute;
width: 50%;
height: 50%;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(1) {
width: 124px;
height: 124px;
right: 320px;
bottom: 0px;
animation: slide_2 18s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(1)::before {
left: -6px;
bottom: -6px;
border-radius: 0 0 0 200px;
border-left: 3px solid var(--yellow);
border-bottom: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(2) {
width: 104px;
height: 104px;
left: -180px;
bottom: -20px;
animation: slide_1 15s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(2)::before {
right: -6px;
bottom: -6px;
border-radius: 0 0 200px 0;
border-right: 3px solid var(--yellow);
border-bottom: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(3) {
width: 88px;
height: 88px;
right: 20px;
top: -40px;
animation: slide_2 14s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(3)::before {
width: calc(50% + 6px);
height: calc(50% + 6px);
right: -6px;
top: -6px;
border-radius: 0 200px 0 0;
border-top: 3px solid var(--yellow);
border-right: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(3)::after {
content: "";
position: absolute;
width: calc(50% + 6px);
height: calc(50% + 6px);
right: -6px;
bottom: -6px;
border-radius: 0 0 200px 0;
border-bottom: 3px solid var(--yellow);
border-right: 3px solid var(--yellow);
}
@media (max-width: 1720.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar img:nth-child(1) {
left: 20px;
top: -70px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar img:nth-child(2) {
right: 20px;
bottom: -40px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(2) {
left: 400px;
bottom: -60px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item:nth-child(3) {
right: 20px;
}
}
@media (max-width: 1040.98px) and (min-width: 992px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading {
height: 264px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item {
display: none;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading {
height: auto;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1 {
position: relative;
cursor: auto;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1:nth-child(1) {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading .heading1:nth-child(2) {
color: white;
clip-path: unset !important;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .text-heading:hover .cursor {
opacity: 0;
cursor: auto;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-avatar {
display: none;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .list-cate .item {
display: none;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container {
padding-top: 120px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-three .slider-main .container .block-button a {
padding: 12px 16px;
}
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container {
position: relative;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block {
padding: 16px 32px;
position: relative;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
border-radius: 40px 40px 0px 0px;
opacity: 0.2;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar {
width: 48px;
height: 48px;
border: 2px solid rgba(255, 255, 255, 0.6);
background: var(--line);
position: relative;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar:nth-child(1) {
z-index: 4;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar:nth-child(2) {
margin-left: -10px;
z-index: 3;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar:nth-child(3) {
margin-left: -10px;
z-index: 2;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar:nth-child(4) {
background: var(--purple);
margin-left: -10px;
z-index: 1;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .check-icon {
position: absolute;
top: 186px;
left: 30px;
animation: slide_1 15s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .check-icon i {
background: linear-gradient(180deg, #7D3CF3 0%, #392264 100%);
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .avatar-block {
position: absolute;
padding: 8px;
width: 112px;
height: 112px;
top: 464px;
left: -80px;
animation: slide_2 10s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .avatar-block::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--purple);
border-radius: 50%;
opacity: 0.5;
z-index: -1;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .avatar-block img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .five-star-block {
border-radius: 16px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
bottom: 128px;
left: 120px;
animation: moveX 10s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .five-star-block .text-button-small {
white-space: nowrap;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .switch-btn {
display: block;
width: 64px;
height: 118px;
border-radius: 112px;
background: linear-gradient(90deg, #FFF -8.21%, rgba(255, 255, 255, 0.44) 104.85%);
position: absolute;
top: 164px;
right: 180px;
animation: slide_2 12s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .switch-btn::before {
content: "";
position: absolute;
width: 58px;
height: 58px;
left: 50%;
transform: translateX(-50%);
bottom: 4px;
background: linear-gradient(109deg, #7D3CF3 11.79%, rgba(185, 150, 250, 0.64) 95.65%);
border-radius: 50%;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .double-star {
width: 76px;
height: 76px;
border-radius: 50%;
background: linear-gradient(180deg, #7D3CF3 0%, rgba(125, 60, 243, 0) 100%);
position: absolute;
top: 400px;
right: -80px;
animation: slide_1 10s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .double-star i {
opacity: 0.8;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .comment {
border-radius: 48px 48px 48px 16px;
background: linear-gradient(123deg, #8442FB 22.35%, rgba(132, 66, 251, 0) 107.61%);
position: absolute;
right: -20px;
bottom: 120px;
animation: moveY 15s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .comment .avatar img {
width: 74px;
height: 74px;
}
@media (max-width: 1539.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .avatar-block {
left: 20px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .double-star {
right: 20px;
top: 440px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .comment {
right: 20px;
}
}
@media (max-width: 1320.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container {
padding-top: 180px;
padding-bottom: 100px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .check-icon, .donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .avatar-block, .donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .five-star-block, .donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .switch-btn, .donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .double-star, .donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .list-sub-icons .comment {
display: none;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container {
padding-top: 160px;
padding-bottom: 80px;
}
}
@media (max-width: 449.98px){
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container {
padding-top: 140px;
padding-bottom: 70px;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block {
flex-direction: column;
row-gap: 12px;
padding: 16px 0;
}
.donor-home3-block-6__wx4 .slider-block.style-two.style-four .slider-main .container .row>div:first-child .trust-block .avatar {
width: 40px;
height: 40px;
}
}
.donor-home3-block-6__wx4 .breadcrum .bg-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.donor-home3-block-6__wx4 .breadcrum .bg-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.donor-home3-block-6__wx4 .breadcrum .container .heading-nav {
position: relative;
z-index: 1;
}
.donor-home3-block-6__wx4 .breadcrum .text-nav .heading3__wx4 {
position: relative;
}
.donor-home3-block-6__wx4 .breadcrum .text-nav .heading3__wx4 svg {
position: absolute;
top: -12px;
right: -40px;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .breadcrum .text-nav .heading3__wx4 svg {
top: -16px;
right: -24px;
width: 24px;
}
}
@media (max-width: 1199.98px){
.donor-home3-block-6__wx4 .list-partner .container {
justify-content: center;
}
}
.donor-home3-block-6__wx4 .list-partner-slide .list .item {
margin: 0 60px;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .list-partner-slide .list .item {
margin: 0 15px;
}
.donor-home3-block-6__wx4 .list-partner-slide .list .item img {
width: 80%;
}
}
.donor-home3-block-6__wx4 .list-partner-slide.style-three .list .item {
margin: 0 60px;
}
.donor-home3-block-6__wx4 .list-partner-slide.style-three .list .item .text {
font-size: 96px;
font-weight: 700;
color: var(--on-surface);
white-space: nowrap;
-webkit-text-stroke: 2px var(--yellow);
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .list-partner-slide.style-three .list .item .text {
font-size: 48px;
}
}
.donor-home3-block-6__wx4 .section-form-chat .bg-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
}
.donor-home3-block-6__wx4 .section-form-chat .bg-img img {
position: relative;
z-index: -1;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .section-form-chat .bg-img {
bottom: -40px;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .section-form-chat .bg-img {
bottom: -70px;
}
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 534.758px;
opacity: 0.32;
background: #5596F8;
filter: blur(132px);
z-index: 1;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(2) {
z-index: 2;
animation: moveYUp 10s linear infinite;
position: relative;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(2) svg {
position: absolute;
bottom: -50px;
left: -55px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) {
padding-right: 45px;
z-index: 2;
animation: moveYDown 10s linear infinite;
position: relative;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) svg {
position: absolute;
top: -54px;
right: -16px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child>img {
position: absolute;
bottom: 8px;
right: 13px;
z-index: 3;
}
@media (max-width: 1340px){
.donor-home3-block-6__wx4 .about-us.style-one .container .row {
flex-direction: column-reverse;
align-items: flex-start;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:first-child {
width: 100%;
margin-top: 32px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:first-child .heading3__wx4 p {
display: inline-block;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
width: 100%;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) {
padding-right: 0;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) svg {
right: -47px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child>img {
right: unset;
}
}
@media (max-width: 767.98px){
.donor-home3-block-6__wx4 .about-us.style-one .container .row {
gap: 20px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:first-child {
margin-top: 24px;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img img {
width: 100%;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(2) {
width: 42%;
animation: moveYUpSmall 10s linear infinite;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(2) svg {
bottom: -42px;
left: -28px;
width: 24%;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) {
width: 34%;
animation: moveYDownSmall 10s linear infinite;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child .bg-img:nth-child(3) svg {
top: -42px;
right: -20px;
width: 22%;
}
.donor-home3-block-6__wx4 .about-us.style-one .container .row>div:last-child>img {
width: 91%;
}
}
.donor-home3-block-6__wx4 .about-block.style-two .row>div:first-child {
position: relative;
}
.donor-home3-block-6__wx4 .about-block.style-two .row>div:first-child .infor {
position: absolute;
right: -30px;
bottom: -30px;
box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.1);
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .about-block.style-two .row>div:first-child .infor {
right: 25px;
bottom: -40px;
}
}
.donor-home3-block-6__wx4 .about-us.style-about.style-three .container .row>div:first-child .heading3__wx4 span::before {
border: 3px solid var(--yellow);
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row .bg-img {
position: relative;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row .bg-img .play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
transition: all ease 0.5s;
cursor: pointer;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row .bg-img .play-btn i {
transition: all ease 0.5s;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row .bg-img .play-btn:hover {
background-color: var(--white);
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row .bg-img .play-btn:hover i {
color: var(--purple);
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:last-child .list-counter {
display: flex;
flex-direction: column;
align-items: center;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:last-child .list-counter .flex-between {
width: 100%;
justify-content: space-around;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:last-child .list-counter .line-dark__wx4 {
width: 80%;
}
}
@media (max-width: 449.98px){
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:first-child .bg-img .play-btn {
width: 50px;
height: 50px;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:first-child .bg-img .play-btn i {
font-size: 24px;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:last-child .list-counter .flex-between {
justify-content: space-between;
}
.donor-home3-block-6__wx4 .about-block.style-four .container .row>div:last-child .list-counter .line-dark__wx4 {
width: 100%;
}
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 {
z-index: 2;
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 span {
position: relative;
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 span::before {
content: "";
position: absolute;
left: -1px;
right: 0;
bottom: -22px;
height: 30px;
background-color: transparent;
border: 3px solid var(--purple);
border-radius: 30%;
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 span::after {
content: "";
position: absolute;
left: -1px;
right: 0;
bottom: -24px;
height: 24px;
background-color: var(--black-surface);
z-index: 1;
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 p {
position: relative;
z-index: 2;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:last-child .count__wx4 {
justify-content: space-around;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 span::before, .donor-home3-block-6__wx4 .about-us.style-about .container .row>div:first-child .heading3__wx4 span::after {
display: none;
}
.donor-home3-block-6__wx4 .about-us.style-about .container .row>div:last-child .count__wx4 {
justify-content: space-between;
}
}
.donor-home3-block-6__wx4 .list-service.style-one .list .service-item .heading7::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: var(--white);
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .list-service.style-one .list .service-item .heading7:hover::before {
width: 100%;
}
.donor-home3-block-6__wx4 .services-block.style-two .list .service-item .heading i::before {
transition: all ease 0.4s;
color: var(--secondary);
}
.donor-home3-block-6__wx4 .services-block.style-two .list .service-item:hover .heading i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .services-block.style-three .list .service-item:hover .heading i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .list-service .list .service-item i::before {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .list-service .list .service-item .text-placehover__wx4 {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .list-service .list .service-item:hover i::before {
color: var(--white);
}
.donor-home3-block-6__wx4 .list-service .list .service-item:hover .text-placehover__wx4 {
color: var(--white);
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:first-child .feature-item {
position: relative;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:first-child .feature-item::before {
content: "";
position: absolute;
height: 36px;
width: 1px;
background-color: var(--white);
bottom: -38px;
left: 36px;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:first-child .feature-item:last-child::before {
display: none;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:last-child .bg-img {
position: relative;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:last-child .bg-img .count__wx4 {
position: absolute;
left: 32px;
bottom: 32px;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:first-child .feature-item::before {
height: 21px;
bottom: -24px;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:first-child .feature-item::before {
height: 22px;
bottom: -24px;
left: 28px;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:last-child .bg-img {
height: 240px;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:last-child .bg-img img {
height: 100%;
object-fit: cover;
}
.donor-home3-block-6__wx4 .how-it-work .row.mt-40>div:last-child .bg-img .count__wx4 {
left: 16px;
bottom: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .how-it-work.style-four .heading .body2__wx4 {
text-align: left !important;
}
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar {
padding-left: 54px;
padding-right: 54px;
position: relative;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider {
padding-left: 70px;
padding-right: 70px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list {
margin-left: -20px;
margin-right: -20px;
padding: 0 !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track {
overflow: auto;
padding-top: 70px;
padding-bottom: 50px;
display: flex !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item {
padding-left: 10px;
padding-right: 10px;
transition: all ease 0.4s;
transform: scale(0.9);
border-radius: 50%;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item .bg-img {
border-radius: 50%;
transition: all ease 0.4s;
padding: 10px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item .bg-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item.slick-center {
transform: scale(1.2);
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item.slick-center .bg-img {
background-color: var(--line-dark);
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .prev-btn, .donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .next-btn {
position: absolute;
top: calc(50% + 10px);
transform: translateY(-50%);
cursor: pointer;
transition: all ease 0.5s;
z-index: 1;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .prev-btn:hover, .donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .next-btn:hover {
border: 1px solid var(--blue) !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .prev-btn {
left: 54px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .next-btn {
right: 54px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-comment {
overflow: hidden;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-comment .cmt-item {
display: none;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-comment .cmt-item.active {
display: block;
animation: opacityAnimate ease 0.7s;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar {
padding-left: 0;
padding-right: 0;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider {
padding-left: 50px;
padding-right: 50px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track {
padding-top: 40px;
padding-bottom: 30px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item {
padding-left: 8px;
padding-right: 8px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .avatar.slick-slider .slick-list .slick-track .item .bg-img {
padding: 8px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .prev-btn {
left: 0;
width: 24px;
height: 24px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .prev-btn i {
font-size: 14px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .next-btn {
right: 0;
width: 24px;
height: 24px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-one .container .row>div .list-avatar .next-btn i {
font-size: 14px;
}
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img {
width: 360px;
height: 360px;
border-radius: 50%;
padding: 72px;
border: 1px dashed var(--line);
position: relative;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .logo__wx4 {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(31, 190, 114, 0.1);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
animation: circleScroll 30s linear infinite;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar {
position: absolute;
width: 96px;
height: 96px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar img {
width: 100%;
height: 100%;
animation: circleScrollMinus 30s linear infinite;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(1) {
top: -48px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(2) {
top: 36px;
right: -30px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(3) {
bottom: 36px;
right: -30px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(4) {
bottom: -48px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(5) {
bottom: 36px;
left: -30px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(6) {
top: 36px;
left: -30px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row {
height: 100%;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) {
height: 100%;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper {
height: 274px !important;
overflow-y: hidden !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-wrapper {
width: calc(100% - 40px);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-wrapper .swiper-slide {
height: 100% !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-pagination-vertical.swiper-pagination-bullets, .donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 6px);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-pagination-bullet {
position: relative;
margin: var(--swiper-pagination-bullet-vertical-gap, 10px) 0;
transition: all ease 0.5s;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-pagination-bullet::before {
content: "";
position: absolute;
left: -3px;
right: -3px;
bottom: -3px;
top: -3px;
border-radius: 50%;
border: 1px solid var(--green);
transition: all ease 0.5s;
opacity: 0;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--green);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
opacity: 1;
}
@media (max-width: 1290px) and (min-width: 992.02px){
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:nth-child(2) .swiper {
height: 290px !important;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-two .row {
padding-top: 40px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row>div:last-child {
margin-top: 40px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 {
display: flex;
align-items: center;
justify-content: center;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 img {
width: 70%;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-two .row {
padding-top: 20px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img {
width: 240px;
height: 240px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .logo__wx4 svg {
width: 60px;
height: 32px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar {
width: 60px;
height: 60px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(1) {
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(2) {
top: 35px;
right: -18px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(3) {
bottom: 27px;
right: -14px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(4) {
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(5) {
bottom: 27px;
left: -14px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-two .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(6) {
top: 35px;
left: -18px;
}
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row {
height: 100%;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(1) .bg-img {
position: relative;
border-radius: 24px;
overflow: hidden;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(1) .bg-img>div {
position: absolute;
width: 280px;
height: 280px;
padding: 0 50px;
left: -30px;
bottom: -70px;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(1) .bg-img>div {
width: 170px;
height: 170px;
padding: 0 15px;
left: -10px;
bottom: -34px;
}
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) {
height: 100%;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper {
height: 310px !important;
overflow-y: hidden !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-wrapper {
width: calc(100% - 40px);
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-wrapper .swiper-slide {
height: 100% !important;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-pagination-vertical.swiper-pagination-bullets, .donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 6px);
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-pagination-bullet {
position: relative;
margin: var(--swiper-pagination-bullet-vertical-gap, 10px) 0;
transition: all ease 0.5s;
background: var(--placehover);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.8);
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-pagination-bullet::before {
content: "";
position: absolute;
left: -3px;
right: -3px;
bottom: -3px;
top: -3px;
border-radius: 50%;
border: 1px solid var(--yellow);
transition: all ease 0.5s;
opacity: 0;
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--yellow);
}
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
opacity: 1;
}
@media (max-width: 1290px) and (min-width: 992.02px){
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper {
height: 340px !important;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-three .row {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 679.98px) and (min-width: 576.02px){
.donor-home3-block-6__wx4 .testimonial-block.style-three .row>div:nth-child(2) .swiper {
height: 360px !important;
}
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row {
flex-wrap: nowrap;
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:first-child .block-button .prev-btn, .donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:first-child .block-button .next-btn {
border: 1px solid var(--white);
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:first-child .block-button .disabled {
border: 1px solid var(--secondary);
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:first-child .block-button .disabled i {
color: var(--secondary);
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:last-child {
overflow: hidden;
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:last-child .slick-initialized .slick-list {
overflow: unset;
margin-left: -15px;
margin-right: -15px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:last-child .slick-initialized .slick-list .slick-slide {
padding-right: 15px;
padding-left: 15px;
}
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row>div:last-child .slick-initialized .slick-list .slick-slide .main-content {
height: 100%;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .testimonial-block.style-four .container>.row {
flex-wrap: wrap;
}
}
.donor-home3-block-6__wx4 .projects-block .container {
position: relative;
}
.donor-home3-block-6__wx4 .projects-block .container>.bg-blur {
position: absolute;
top: 0;
left: -100px;
width: 534px;
height: 534px;
border-radius: 534px;
opacity: 0.14;
background: #6F97FF;
filter: blur(132px);
z-index: 0;
}
.donor-home3-block-6__wx4 .projects-block .container .heading .list-nav {
position: relative;
z-index: 1;
gap: 8px;
}
.donor-home3-block-6__wx4 .projects-block .container .heading .list-nav .nav-item {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .projects-block .container .heading .list-nav .nav-item:hover, .donor-home3-block-6__wx4 .projects-block .container .heading .list-nav .nav-item.active {
background-color: var(--blue);
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .projects-block .container .heading .list-nav {
flex-wrap: wrap;
}
}
.donor-home3-block-6__wx4 .projects-block .container .list {
position: relative;
z-index: 1;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item {
cursor: pointer;
position: relative;
display: block;
overflow: hidden;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: all linear 0.3s;
border-radius: 20px;
overflow: hidden;
z-index: 2;
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .projects-block .container .list>div .item::before {
border-radius: 14px;
}
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item .bg-img {
position: relative;
z-index: 1;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item .bg-img img {
transition: all ease 0.5s;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item .infor {
background-color: var(--white);
border-radius: 10px;
position: absolute;
left: 16px;
right: 16px;
bottom: -120px;
overflow: hidden;
transition: all linear 0.3s;
z-index: 3;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item .infor .heading7 {
text-transform: capitalize;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item:hover::before {
opacity: 1;
visibility: visible;
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item:hover .bg-img img {
transform: scale(1.04);
}
.donor-home3-block-6__wx4 .projects-block .container .list>div .item:hover .infor {
bottom: 16px;
}
@media (max-width: 1023.98px){
.donor-home3-block-6__wx4 .projects-block .container .list>div .item .infor {
bottom: 16px;
}
}
.donor-home3-block-6__wx4 .projects-block.style-two .list>div .item::before {
display: none;
}
.donor-home3-block-6__wx4 .projects-block.style-two .list>div .item .bg-img {
overflow: hidden;
}
.donor-home3-block-6__wx4 .projects-block.style-two .list>div .item .bg-img img {
filter: grayscale(0.1);
transition: all ease 0.5s;
}
.donor-home3-block-6__wx4 .projects-block.style-two .list>div .item:hover .bg-img img {
filter: saturate(1.5) contrast(1);
transform: translateZ(0) scale(1.1);
}
.donor-home3-block-6__wx4 .style-three__wx4 .projects-block {
padding-bottom: 100px;
}
.donor-home3-block-6__wx4 .style-three__wx4 .projects-block .container>.bg-blur {
background: #F3D465;
}
.donor-home3-block-6__wx4 .style-three__wx4 .projects-block .container .heading .list-nav {
gap: 32px;
display: inline-flex;
padding: 6px 12px;
border-radius: 68px;
border: 1px solid var(--line-dark);
background: var(--line-dark);
}
.donor-home3-block-6__wx4 .style-three__wx4 .projects-block .container .heading .list-nav .nav-item:hover, .donor-home3-block-6__wx4 .style-three__wx4 .projects-block .container .heading .list-nav .nav-item.active {
background-color: var(--yellow);
color: var(--on-surface);
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .style-three__wx4 .projects-block .container .heading .list-nav {
flex-wrap: wrap;
gap: 12px;
border-radius: 12px;
}
}
.donor-home3-block-6__wx4 .projects-block.style-four .container .heading {
align-items: flex-end;
}
.donor-home3-block-6__wx4 .projects-block.style-four .container .list .slick-list .project-item .item {
cursor: pointer;
}
.donor-home3-block-6__wx4 .projects-block.style-four .container .list .slick-list .project-item .item::before {
left: 15px;
right: 15px;
}
.donor-home3-block-6__wx4 .projects-block.style-four .container .list .slick-list .project-item .item .infor {
left: 31px;
right: 31px;
}
@media (max-width: 767.98px){
.donor-home3-block-6__wx4 .projects-block.style-four .container .heading {
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
}
}
.donor-home3-block-6__wx4 .section-pricing .container>.row>div:first-child button {
border-radius: 8px;
}
.donor-home3-block-6__wx4 .section-pricing .container>.row>div:first-child button.active {
background-color: var(--blue);
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .price, .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .price {
align-items: flex-end;
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item, .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item {
border: 2px solid transparent;
cursor: pointer;
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item a span:nth-child(2), .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item a span:nth-child(2) {
border: 2px solid var(--blue);
display: block;
width: 100%;
text-align: center;
background-color: var(--line-dark);
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item a:hover span:nth-child(2), .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item a:hover span:nth-child(2) {
background-color: var(--blue);
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item i.ph-x, .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item i.ph-x {
background-color: rgba(255, 255, 255, 0.2);
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item:hover, .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item:hover {
background-color: var(--on-surface);
border: 2px solid var(--blue);
}
.donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing .pricing-item:hover a span:nth-child(2), .donor-home3-block-6__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item:hover a span:nth-child(2) {
background-color: var(--blue);
}
.donor-home3-block-6__wx4 .section-pricing .container .list-more-feature .row {
margin-left: 0;
margin-right: 0;
}
.donor-home3-block-6__wx4 .section-pricing .container .list-more-feature .row>div {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1199.98px){
.donor-home3-block-6__wx4 .section-pricing .container>.row>div:first-child .choose-type {
display: inline-block;
}
.donor-home3-block-6__wx4 .section-pricing .container>.row>div:last-child {
padding-left: 15px;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .section-pricing .container .list-more-feature .row .col-4 {
width: 25%;
}
.donor-home3-block-6__wx4 .section-pricing .container .list-more-feature .row .col-2 {
width: 33%;
}
}
.donor-home3-block-6__wx4 .section-pricing.style-one .container {
position: relative;
}
.donor-home3-block-6__wx4 .section-pricing.style-one .container .bg-blur {
position: absolute;
left: -50px;
top: 0;
width: 534px;
height: 534px;
border-radius: 534px;
opacity: 0.14;
background: #5596F8;
filter: blur(132px);
z-index: 0;
}
.donor-home3-block-6__wx4 .section-pricing.style-one .container .row, .donor-home3-block-6__wx4 .section-pricing.style-one .container .list-pricing {
position: relative;
z-index: 2;
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row>div:first-child button.active {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row .list-pricing .pricing-item a span:nth-child(2) {
border: 2px solid var(--purple);
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row .list-pricing .pricing-item a:hover span:nth-child(2) {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row .list-pricing .pricing-item i.ph-x {
background-color: rgba(255, 255, 255, 0.2);
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row .list-pricing .pricing-item:hover {
border: 2px solid var(--purple);
}
.donor-home3-block-6__wx4 .style-pricing .section-pricing .container>.row .list-pricing .pricing-item:hover a span:nth-child(2) {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .heading .switch .bg-surface {
display: block;
width: 80px;
height: 40px;
border-radius: 99px;
border: none;
outline: none;
position: relative;
transition: all ease 0.6s;
overflow: hidden;
cursor: pointer;
border: 1px solid var(--line);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .heading .switch .bg-surface::before {
content: "";
position: absolute;
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
left: 4px;
background-color: var(--green);
border-radius: 50%;
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .heading .switch.enable .bg-surface {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .heading .switch.enable .bg-surface::before {
left: 44px;
background-color: var(--white);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item {
border: 2px solid var(--line);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item a, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item a {
border: 2px solid var(--green);
padding-top: 16px;
padding-bottom: 16px;
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item a:hover, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item a:hover {
background-color: var(--green);
color: var(--white);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item i.ph-x, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item i.ph-x {
background-color: var(--line);
}
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item:hover, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item:hover {
box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.15);
background-color: var(--white);
border: 2px solid var(--green);
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing .pricing-item a, .donor-home3-block-6__wx4 .section-pricing.style-two .container .list-pricing-year .pricing-item a {
padding-top: 12px;
padding-bottom: 12px;
}
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing {
padding-bottom: 100px;
background-color: var(--black-surface);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing>.bg-blur {
background: none;
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container .bg-blur {
background: none;
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row>div:first-child button.active {
background-color: var(--yellow);
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item a, .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item a {
transition: all ease 0.1s;
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item a span:nth-child(2), .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item a span:nth-child(2) {
border: 2px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item a:hover span:nth-child(2), .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item a:hover span:nth-child(2) {
color: var(--on-surface);
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item:hover, .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item:hover {
background-color: var(--on-surface);
border: 2px solid var(--yellow);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item:hover a, .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item:hover a {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing .pricing-item:hover a span:nth-child(2), .donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .container>.row .list-pricing-year .pricing-item:hover a span:nth-child(2) {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 .style-three__wx4 .section-pricing .bg-blue {
background-color: var(--yellow);
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .list-blog .list .slick-list .item {
padding-right: 15px;
padding-left: 15px;
cursor: none;
}
.donor-home3-block-6__wx4 .list-blog .list .slick-list .item .main-item {
cursor: none;
}
@media (max-width: 1023.99px){
.donor-home3-block-6__wx4 .list-blog .list .slick-list .item {
cursor: pointer;
}
.donor-home3-block-6__wx4 .list-blog .list .slick-list .item .main-item {
cursor: pointer;
}
}
.donor-home3-block-6__wx4 .list-blog .slick-dots li::after {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: transparent;
border: 1px solid var(--line);
transition: 0.5s;
}
.donor-home3-block-6__wx4 .list-blog .slick-dots li.slick-active::after {
background-color: var(--white);
border: 1px solid var(--on-surface);
}
.donor-home3-block-6__wx4 .list-blog.style-two .item .blog-item {
background-color: var(--surface);
}
.donor-home3-block-6__wx4 .list-blog.style-two .item .blog-item .text-button-uppercase, .donor-home3-block-6__wx4 .list-blog.style-two .item .blog-item .heading6 {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .list-blog.style-two .item .blog-item .text-placehover__wx4 {
color: var(--secondary);
}
.donor-home3-block-6__wx4 .list-blog.style-two .slick-dots li::after {
background-color: transparent;
border: 1px solid var(--on-surface);
}
.donor-home3-block-6__wx4 .list-blog.style-two .slick-dots li.slick-active::after {
background-color: var(--on-surface);
border: 1px solid var(--white);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 {
background-image:
linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
background-size: 32px 32px;
background-position: center center;
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 360px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img {
width: 360px;
height: 360px;
border-radius: 50%;
padding: 72px;
border: 1px dashed var(--line);
position: relative;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .logo__wx4 {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(243, 212, 101, 0.1);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
animation: circleScroll 30s linear infinite;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar {
position: absolute;
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
animation: circleScrollMinus 30s linear infinite;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(1) {
top: -48px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(2) {
top: 36px;
right: -30px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(3) {
bottom: 36px;
right: -30px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(4) {
bottom: -48px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(5) {
bottom: 36px;
left: -30px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(6) {
top: 36px;
left: -30px;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row {
flex-direction: column-reverse;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row>div:first-child {
margin-top: 40px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 {
justify-content: center;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 img {
width: 70%;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img {
width: 240px;
height: 240px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar {
width: 60px;
height: 60px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(1) {
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(2) {
top: 35px;
right: -18px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(3) {
bottom: 27px;
right: -14px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(4) {
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(5) {
bottom: 27px;
left: -14px;
}
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .list-avatar .avatar:nth-child(6) {
top: 35px;
left: -18px;
}
}
.donor-home3-block-6__wx4 .style-purple .counter .item .icon {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-purple .counter .text-on-surface__wx4 {
color: var(--white);
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item {
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
z-index: 2;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item img {
transition: all ease 0.3s;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.01) translateZ(0);
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item a {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item a i {
color: var(--on-surface);
transition: all ease 0.3s;
display: block;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item a:hover {
background-color: var(--green);
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item a:hover i {
color: var(--white);
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item:hover::before, .donor-home3-block-6__wx4 .instagram-block .list-image .item:hover a {
opacity: 1;
visibility: visible;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item:hover img {
transform: scale(1.03) translateZ(0);
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .instagram-block .list-image .item a {
width: 32px;
height: 32px;
border-radius: 8px;
}
.donor-home3-block-6__wx4 .instagram-block .list-image .item a i {
font-size: 20px;
}
}
.donor-home3-block-6__wx4 .form-contact.section-contact .bg-img {
position: absolute;
top: 0;
left: 0;
width: 50%;
bottom: 0;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .bg-blur {
position: absolute;
right: -70px;
bottom: -70px;
width: 534px;
height: 534px;
border-radius: 534px;
opacity: 0.15;
background: var(--yellow);
filter: blur(132px);
z-index: 0;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block {
width: 50%;
height: 100%;
padding-left: 80px;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row {
margin-left: -12px;
margin-right: -12px;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div {
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div input, .donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div textarea {
border: 1px solid transparent;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div input:focus, .donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div textarea:focus {
border: 1px solid var(--line);
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block .row>div i {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
right: 24px;
}
@media (max-width: 1320px){
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block {
padding-left: 15px;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .form-contact.section-contact .bg-img {
position: relative;
width: 100%;
}
.donor-home3-block-6__wx4 .form-contact.section-contact .container .form-block {
width: 100%;
padding-left: 0;
}
}
.donor-home3-block-6__wx4 .form-contact.style-four .bg-img .heading3__wx4 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 1340.98px){
.donor-home3-block-6__wx4 .form-contact.style-four .bg-img .heading3__wx4 br {
display: none;
}
}
@media (max-width: 450.98px){
.donor-home3-block-6__wx4 .form-contact.style-four .bg-img .heading3__wx4 {
position: relative;
}
}
.donor-home3-block-6__wx4 .style-service .form-contact .button.bg-yellow {
background-color: var(--purple);
color: var(--white);
}
.donor-home3-block-6__wx4 .style-service .form-contact .button.bg-yellow .bg-yellow__wx4 {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .style-service .form-contact .button.bg-yellow i {
color: var(--white);
}
.donor-home3-block-6__wx4 .style-service .form-contact .button.bg-yellow:hover {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .style-service .form-contact .button.bg-yellow:hover .bg-yellow__wx4 {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .form-contact.style-contact .container>.row .form-block {
border-radius: 16px;
background: rgba(255, 255, 255, 0.06);
box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.1);
}
.donor-home3-block-6__wx4 .form-contact.style-contact .container>.row .form-block .row {
margin-left: -12px;
margin-right: -12px;
}
.donor-home3-block-6__wx4 .form-contact.style-contact .container>.row .form-block .row>div {
padding-left: 12px;
padding-right: 12px;
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a .heading6 {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a .line-dark__wx4 {
transition: all ease 0.3s;
position: relative;
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a .line-dark__wx4::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 100%;
background-color: var(--purple);
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a:hover {
cursor: pointer;
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a:hover .heading6 {
color: var(--purple);
}
.donor-home3-block-6__wx4 .our-benefit .list-benefit .row>a:hover .line-dark__wx4::before {
width: 100%;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item {
position: relative;
overflow: hidden;
cursor: pointer;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .bg-img {
overflow: hidden;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .bg-img img {
transition: all ease-in-out 0.5s;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social {
display: flex;
flex-direction: column;
row-gap: 8px;
position: absolute;
top: 1px;
right: -60px;
padding: 12px 8px;
transition: all ease-in-out 0.3s;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social a {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 30px;
height: 30px;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social a i {
margin-left: 2px;
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social a i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social a:hover {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item .list-social a:hover i::before {
color: var(--white);
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item:hover .bg-img img {
transform: scale(1.1) rotateZ(0);
}
.donor-home3-block-6__wx4 .our-leader .container .list-our-team .item:hover .list-social {
right: 0;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item {
transition: all ease 0.5s;
cursor: pointer;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .bg-img img {
transition: all ease 0.5s;
object-fit: cover;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .heading5 {
transition: all ease 0.3s;
position: relative;
display: inline-block;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .heading5::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: var(--white);
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item:hover .bg-img img {
transform: scale(1.08);
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item:hover .heading5::before {
width: 100%;
}
@media (max-width: 449.98px){
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .cmt {
width: 50%;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .cmt i.ph-fill {
display: none !important;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div .blog-item .cmt .pl-8 {
padding-left: 0;
}
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div>.list-nav-number .nav-item {
cursor: pointer;
width: 44px;
height: 44px;
border: 1px solid var(--line-dark);
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .blog-list .container>.row>div>.list-nav-number .nav-item.active, .donor-home3-block-6__wx4 .blog-list .container>.row>div>.list-nav-number .nav-item:hover {
background-color: var(--line-dark);
}
.donor-home3-block-6__wx4 .blog-list .container>.row .search-block {
position: relative;
height: 50px;
}
.donor-home3-block-6__wx4 .blog-list .container>.row .search-block input {
height: 100%;
padding-left: 16px;
padding-right: 52px;
color: var(--white);
border: 1px solid transparent;
outline: none;
border-radius: 44px;
}
.donor-home3-block-6__wx4 .blog-list .container>.row .search-block i {
position: absolute;
right: 0;
top: 0;
border-radius: 0 8px 8px 0;
font-size: 20px;
color: var(--secondary);
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .blog-list .container>.row .search-block i:hover {
background-color: var(--purple);
color: var(--white);
}
.donor-home3-block-6__wx4 .blog-list .container>.row .cate-block .pb-12 {
border-bottom: 1px solid var(--line-dark);
}
.donor-home3-block-6__wx4 .blog-list .container>.row .cate-block .list-cate .nav-item .right div {
width: 32px;
height: 32px;
}
.donor-home3-block-6__wx4 .blog-list .container>.row .cate-block .list-cate .nav-item.active .left .text-button, .donor-home3-block-6__wx4 .blog-list .container>.row .cate-block .list-cate .nav-item:hover .left .text-button {
color: var(--purple);
}
.donor-home3-block-6__wx4 .blog-list .container>.row .tags-popular-block .list-tag a:hover {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .blog-list .container>.row .recent-post-block .recent-post-item .item-img img {
width: 80px;
height: 80px;
border-radius: 8px;
object-fit: cover;
}
.donor-home3-block-6__wx4 .blog-list .container>.row .recent-post-block .recent-post-item:hover .text-button {
color: var(--purple);
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .blog-list .container>.row .pl-65 {
padding-left: 15px;
}
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-title .list-social a {
border-radius: 8px;
border: 1px solid var(--on-surface);
padding: 9px 16px;
gap: 8px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-title .list-social a .caption1 {
padding-left: 8px;
border-left: 1px solid var(--line-dark);
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-content .quote-block .text-button {
position: relative;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-content .quote-block .text-button::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 1px;
width: 16px;
background: var(--placehover);
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-comment select {
padding-right: 2px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-comment .list-comment .comment-item .heading img {
width: 52px;
height: 52px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-comment .list-comment .comment-item .comment-infor .like i {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-comment .list-comment .list-reply {
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: all ease 0.5s;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-comment .list-comment .list-reply.show {
max-height: 1000px;
opacity: 1;
visibility: visible;
transition: all ease 0.8s;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact .row {
margin-left: -10px;
margin-right: -10px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact .row>div {
padding-left: 10px;
padding-right: 10px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact .row>div input, .donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact .row>div textarea {
border: 1px solid var(--line-dark);
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact textarea {
border-radius: 5px;
width: 100%;
height: 106px;
padding: 12px 20px;
border: 1px solid #e4e4e4;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:first-child .blog-form-contact textarea:focus {
outline: 1px solid var(--primary-color);
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:last-child .author-infor .list-social {
margin-top: 16px;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:last-child .author-infor .list-social a {
background-color: var(--line-dark);
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:last-child .author-infor .list-social a:hover {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 .blog-detail .container>.row>div:last-child .newsletter input {
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-transform: unset;
}
.donor-home3-block-6__wx4 .project-detail-block .container>.row .more-infor .row .item {
border-bottom: 2px solid var(--purple);
}
@media (max-width: 1400px){
.donor-home3-block-6__wx4 .project-detail-block .container>.row .more-infor .row>div {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 992px){
.donor-home3-block-6__wx4 .project-detail-block .container>.row .more-infor .row .item br {
display: none;
}
.donor-home3-block-6__wx4 .project-detail-block .container>.row .fs-48 {
font-size: 40px;
}
}
.donor-home3-block-6__wx4 .video-block .bg-img img {
width: calc(100% + 2px);
height: 100%;
object-fit: cover;
margin-left: -1px;
}
.donor-home3-block-6__wx4 .video-block.style-four .heading3__wx4 {
position: absolute;
top: calc(50% + 120px);
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767.98px){
.donor-home3-block-6__wx4 .video-block.style-four .heading3__wx4 {
width: 100%;
}
.donor-home3-block-6__wx4 .video-block.style-four .heading3__wx4 br {
display: none;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4 .video-block.style-four .heading3__wx4 {
top: calc(50% + 100px);
}
}
.donor-home3-block-6__wx4 #footer .footer-block .heading .footer-navigate ul li a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #fff;
transition: all ease 0.4s;
}
.donor-home3-block-6__wx4 #footer .footer-block .heading .footer-navigate ul li:hover a::before {
width: 100%;
}
.donor-home3-block-6__wx4 #footer .footer-block .heading .list-social .item {
transition: all ease 0.3s;
}
.donor-home3-block-6__wx4 #footer .footer-block .heading .list-social .item:hover {
background-color: #3974ff;
}
.donor-home3-block-6__wx4 #footer .style-two .logo__wx4 svg path:nth-child(1) {
fill: var(--green);
}
.donor-home3-block-6__wx4 #footer .style-two .footer-block .heading .list-social .item {
background-color: var(--green);
}
.donor-home3-block-6__wx4 #footer .style-two .footer-block .heading .list-social .item:hover {
background-color: #00ff40;
}
.donor-home3-block-6__wx4 #footer .style-three__wx4 .footer-block .logo__wx4 svg path:nth-child(1) {
fill: var(--yellow);
}
.donor-home3-block-6__wx4 #footer .style-three__wx4 .footer-block .heading .list-social .item {
background-color: var(--yellow);
}
.donor-home3-block-6__wx4 #footer .style-three__wx4 .footer-block .heading .list-social .item i::before {
color: var(--on-surface);
}
.donor-home3-block-6__wx4 #footer .style-three__wx4 .footer-block .heading .list-social .item:hover {
background-color: #ebb41d;
}
.donor-home3-block-6__wx4 #footer .style-four .footer-block .logo__wx4 svg path:nth-child(1) {
fill: var(--purple);
}
.donor-home3-block-6__wx4 #footer .style-four .footer-block .heading .list-social .item {
background-color: var(--purple);
}
.donor-home3-block-6__wx4 #footer .style-four .footer-block .heading .list-social .item:hover {
background-color: #5700c9;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child {
position: relative;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .bg-img {
position: relative;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .bg-img svg {
position: absolute;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .bg-img svg:nth-child(2) {
left: 130px;
bottom: 170px;
animation: bounceIn 3s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .bg-img svg:last-child {
left: 165px;
bottom: 190px;
animation: bounceIn 3s ease-in-out alternate infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content {
position: absolute;
display: flex;
align-items: center;
top: 80px;
left: 30%;
transform: translateX(-50%);
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span {
font-size: 50px;
font-weight: 900;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(1) {
animation: bounceCustom 6s linear 4s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(2) {
animation: bounceCustom 6s linear 4.1s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(3) {
animation: bounceCustom 6s linear 4.2s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(4) {
padding-left: 20px;
animation: bounceCustom 6s linear 4.3s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(5) {
animation: bounceCustom 6s linear 4.4s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(6) {
animation: bounceCustom 6s linear 4.5s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(7) {
animation: bounceCustom 6s linear 4.6s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:first-child .text-content span:nth-child(8) {
animation: bounceCustom 6s linear 4.7s infinite;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:last-child {
padding-left: 90px;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:last-child .content .text {
font-size: 68px;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:last-child .content .text-placehover__wx4 {
font-size: 24px;
font-weight: 500;
line-height: 36px;
text-transform: capitalize;
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .page-not-found-block .row {
padding: 32px 0;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:last-child {
padding-left: 15px;
}
.donor-home3-block-6__wx4 .page-not-found-block .row>div:last-child .content {
text-align: center;
}
}
@media (max-width: 991.98px){
.donor-home3-block-6__wx4 .heading3__wx4 {
font-size: 36px;
line-height: 48px;
}
.donor-home3-block-6__wx4 .gap-24 {
gap: 20px;
}
.donor-home3-block-6__wx4 .row-gap-32__wx4 {
row-gap: 28px;
}
.donor-home3-block-6__wx4 .pb-100 {
padding-bottom: 60px;
}
.donor-home3-block-6__wx4 .pt-100 {
padding-top: 60px;
}
.donor-home3-block-6__wx4 .mt-40 {
margin-top: 32px;
}
}
@media (max-width: 575.98px){
.donor-home3-block-6__wx4, .donor-home3-block-6__wx4 {
font-size: 0.875em;
line-height: 1.5;
}
.donor-home3-block-6__wx4 .heading3__wx4 {
font-size: 28px;
line-height: 34px;
}
.donor-home3-block-6__wx4 .body2__wx4 {
font-size: 14px;
line-height: 24px;
}
.donor-home3-block-6__wx4 .gap-24 {
gap: 16px;
}
.donor-home3-block-6__wx4 .row-gap-32__wx4 {
row-gap: 22px;
}
.donor-home3-block-6__wx4 .pb-100 {
padding-bottom: 50px;
}
.donor-home3-block-6__wx4 .pb-20 {
padding-bottom: 14px;
}
.donor-home3-block-6__wx4 .pt-100 {
padding-top: 50px;
}
.donor-home3-block-6__wx4 .pt-20 {
padding-top: 14px;
}
.donor-home3-block-6__wx4 .mt-40 {
margin-top: 28px;
}
}
.donor-home3-block-6__wx4{--swiper-theme-color:#007aff}.donor-home3-block-6__wx4 .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.donor-home3-block-6__wx4 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.donor-home3-block-6__wx4 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.donor-home3-block-6__wx4 .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.donor-home3-block-6__wx4 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.donor-home3-block-6__wx4 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.donor-home3-block-6__wx4{--swiper-navigation-size:44px}
#webx-sec-5 {
margin: 0;
overflow-x: hidden;
background: #020617;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.zoom-section__wx5 {
position: relative;
/* 100vh sticky stage + compact scroll runway (was 300vh) */
height: calc(100vh + 58vh);
margin-bottom: 0;
padding-bottom: 0;
background: #020617;
}
#webx-sec-5 {
margin-bottom: 0;
padding-bottom: 0;
}
#webx-sec-5 main {
margin-bottom: 0;
padding-bottom: 0;
}
.sticky-zoom-stage__wx5 {
position: sticky;
top: 0;
height: 100vh;
width: 100%;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(46, 91, 255, 0.22), transparent 35%),
linear-gradient(180deg, #020617 0%, #06122e 100%);
}
.zoom-layer__wx5 {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
will-change: transform;
transform-origin: center;
}
.image-frame__wx5 {
position: relative;
height: 25vh;
width: 25vw;
overflow: hidden;
border-radius: 24px;
box-shadow: 0 40px 100px rgba(0, 0, 0, 0.45);
background: #0f172a;
}
.image-frame__wx5 img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
transform: scale(1.04);
}
.zoom-layer__wx5:nth-child(1) .image-frame__wx5 {
height: 25vh;
width: 25vw;
}
.zoom-layer__wx5:nth-child(2) .image-frame__wx5 {
top: -30vh;
left: 5vw;
height: 30vh;
width: 35vw;
}
.zoom-layer__wx5:nth-child(3) .image-frame__wx5 {
top: -10vh;
left: -25vw;
height: 45vh;
width: 20vw;
}
.zoom-layer__wx5:nth-child(4) .image-frame__wx5 {
left: 27.5vw;
height: 25vh;
width: 25vw;
}
.progress-pill {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 50;
width: 150px;
height: 6px;
overflow: hidden;
border-radius: 999px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(12px);
}
.progress-fill {
height: 100%;
width: 0%;
border-radius: inherit;
background: linear-gradient(90deg, #3aa0ff, #2e5bff);
}
@media (max-width: 768px) {
.image-frame__wx5 {
border-radius: 18px;
}
.zoom-layer__wx5:nth-child(1) .image-frame__wx5 {
height: 26vh;
width: 55vw;
}
.zoom-layer__wx5:nth-child(2) .image-frame__wx5 {
top: -28vh;
left: 0;
height: 24vh;
width: 70vw;
}
.zoom-layer__wx5:nth-child(3) .image-frame__wx5 {
top: -8vh;
left: -34vw;
height: 36vh;
width: 34vw;
}
.zoom-layer__wx5:nth-child(4) .image-frame__wx5 {
left: 32vw;
height: 26vh;
width: 38vw;
}
.progress-pill {
right: 16px;
bottom: 16px;
width: 110px;
}
}
#webx-sec-6,
#webx-sec-6 * {
box-sizing: border-box;
}
#webx-sec-6 {
width: 100%;
min-height: 100%;
overflow-x: hidden;
font-family: Arial, sans-serif;
background: #f4f6fb;
color: #10131a;
}
#webx-sec-6 .spacer {
min-height: 80vh;
display: grid;
place-items: center;
background: #edf0f6;
color: #626b7a;
font-size: 1.2rem;
text-align: center;
padding: 2rem;
transform: translate3d(0, var(--spacer-parallax-y, 0px), 0);
will-change: transform;
}
.youtube-parallax-section__wx6 {
position: relative;
width: 100vw;
min-height: 78vh;
margin-left: calc(50% - 50vw);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #f4f6fb;
isolation: isolate;
}
.video-bg-wrap__wx6 {
position: absolute;
top: -42vh;
left: 0;
width: 100vw;
height: 168vh;
z-index: -3;
overflow: hidden;
transform: translate3d(0, var(--video-parallax-y, 0px), 0);
will-change: transform;
background: #dfe5ef;
}
#youtubePlayer__wx6 {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%) scale(1.08);
pointer-events: none;
border: 0;
}
.video-bg-wrap__wx6 iframe {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) scale(1.08) !important;
pointer-events: none !important;
border: 0 !important;
}
.video-overlay__wx6 {
position: absolute;
inset: 0;
z-index: -2;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.3)),
linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.24));
}
.parallax-content__wx6 {
position: relative;
z-index: 2;
width: min(960px, 92%);
padding: 3.5rem 2rem;
transform: translate3d(0, var(--content-parallax-y, 0px), 0);
will-change: transform;
}
.eyebrow__wx6 {
display: inline-block;
margin-bottom: 1rem;
letter-spacing: 0.22em;
text-transform: uppercase;
font-size: 0.78rem;
color: rgba(255, 255, 255, 0.84);
text-shadow: 0 8px 24px rgba(0, 0, 0, 0.65);
}
.parallax-content__wx6 h1 {
font-size: clamp(2.5rem, 7vw, 6.2rem);
line-height: 0.9;
margin-bottom: 1.5rem;
color: #ffffff;
text-shadow: 0 12px 42px rgba(0, 0, 0, 0.72);
}
.parallax-content__wx6 p {
font-size: clamp(1rem, 2vw, 1.3rem);
line-height: 1.7;
max-width: 760px;
margin: 0 auto 2rem;
color: rgba(255, 255, 255, 0.94);
text-shadow: 0 8px 30px rgba(0, 0, 0, 0.72);
}
.controls__wx6 {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0.85rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.34);
border-radius: 999px;
background: rgba(255, 255, 255, 0.34);
backdrop-filter: blur(14px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}
.controls__wx6 label {
font-size: 0.9rem;
white-space: nowrap;
color: #ffffff;
text-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
}
.controls__wx6 input {
width: 160px;
accent-color: #111827;
}
.speed-value__wx6 {
min-width: 44px;
font-variant-numeric: tabular-nums;
color: #ffffff;
text-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
}
@media (max-width: 640px) {
.youtube-parallax-section__wx6 {
min-height: 72vh;
}
.video-bg-wrap__wx6 {
top: -34vh;
height: 148vh;
}
#youtubePlayer__wx6,
.video-bg-wrap__wx6 iframe {
transform: translate(-50%, -50%) scale(1.2) !important;
}
.controls__wx6 {
width: min(340px, 100%);
flex-wrap: wrap;
justify-content: center;
border-radius: 24px;
}
.controls__wx6 input {
width: 100%;
}
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
#webx-sec-7 {
margin: 0;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;
background: #f8fafc;
}
.page-wrap__wx7 {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 16px;
background:
radial-gradient(circle at 50% 0%, rgba(85, 36, 183, 0.18), transparent 35%),
radial-gradient(circle at 20% 90%, rgba(202, 171, 255, 0.18), transparent 30%),
#f8fafc;
}
.cta-card__wx7 {
position: relative;
width: min(100%, 1024px);
overflow: hidden;
border-radius: 24px;
padding: 64px 40px;
text-align: center;
color: white;
background: linear-gradient(180deg, #5524b7 0%, #380b60 100%);
box-shadow:
0 40px 120px rgba(56, 11, 96, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.16);
isolation: isolate;
}
.cta-card__wx7::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-image:
linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
background-size: 38px 38px;
mask-image: radial-gradient(circle at center, black, transparent 76%);
-webkit-mask-image: radial-gradient(circle at center, black, transparent 76%);
}
.cta-card__wx7::after {
content: "";
position: absolute;
width: 520px;
height: 520px;
left: 50%;
top: -320px;
z-index: -1;
transform: translateX(-50%);
border-radius: 999px;
background: rgba(202, 171, 255, 0.28);
filter: blur(80px);
}
.community-pill__wx7 {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 5px 16px 5px 6px;
border-radius: 999px;
background: rgba(147, 51, 234, 0.12);
border: 1px solid rgba(168, 85, 247, 0.42);
backdrop-filter: blur(16px);
font-size: 14px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.avatar-stack__wx7 {
display: flex;
align-items: center;
margin-right: -8px;
}
.avatar {
width: 28px;
height: 28px;
border-radius: 999px;
object-fit: cover;
border: 3px solid white;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}
.avatar:nth-child(2) {
transform: translateX(-8px);
}
.avatar:nth-child(3) {
transform: translateX(-16px);
}
.headline__wx7 {
max-width: 640px;
margin: 24px auto 0;
font-size: clamp(40px, 7vw, 60px);
line-height: 1.12;
font-weight: 600;
letter-spacing: -0.045em;
background: linear-gradient(90deg, #ffffff, #caabff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.cta-button__wx7 {
position: relative;
margin-top: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border: none;
border-radius: 999px;
padding: 13px 32px;
background: #7c3aed;
color: white;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
overflow: hidden;
transition:
transform 0.25s ease,
background 0.25s ease,
box-shadow 0.25s ease;
box-shadow:
0 20px 55px rgba(124, 58, 237, 0.36),
inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.cta-button__wx7::before {
content: "";
position: absolute;
inset: 0;
transform: translateX(-120%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
transition: transform 0.65s ease;
}
.cta-button__wx7:hover {
transform: translateY(-3px);
background: #6d28d9;
box-shadow:
0 28px 80px rgba(124, 58, 237, 0.46),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.cta-button__wx7:hover::before {
transform: translateX(120%);
}
.floating-glow__wx7 {
position: absolute;
border-radius: 999px;
background: rgba(202, 171, 255, 0.18);
filter: blur(32px);
pointer-events: none;
animation: floatGlow 7s ease-in-out infinite;
}
.glow-1__wx7 {
width: 170px;
height: 170px;
left: 8%;
top: 18%;
}
.glow-2__wx7 {
width: 130px;
height: 130px;
right: 10%;
bottom: 14%;
animation-delay: 1.6s;
}
.reveal {
opacity: 0;
transform: translateY(22px);
animation: revealUp 0.8s cubic-bezier(.2,.8,.2,1) forwards;
}
.delay-1__wx7 {
animation-delay: 120ms;
}
.delay-2__wx7 {
animation-delay: 240ms;
}
@keyframes revealUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes floatGlow {
0%, 100% {
transform: translateY(0) scale(1);
opacity: 0.7;
}
50% {
transform: translateY(-18px) scale(1.08);
opacity: 1;
}
}
@media (max-width: 640px) {
.cta-card__wx7 {
padding: 56px 22px;
}
.community-pill__wx7 {
max-width: 94%;
font-size: 12px;
row-gap: 6px;
}
.headline__wx7 {
font-size: 38px;
}
.cta-button__wx7 {
width: 100%;
max-width: 240px;
}
}
@keyframes fa-beat{0%, 90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%, to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%, 24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%, 28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%, to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(./vendors/s8-fa-brands-400.woff2) format("woff2"),url(./vendors/s8-fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(./vendors/s8-fa-duotone-900.woff2) format("woff2"),url(./vendors/s8-fa-duotone-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(./vendors/s8-fa-light-300.woff2) format("woff2"),url(./vendors/s8-fa-light-300.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(./vendors/s8-fa-regular-400.woff2) format("woff2"),url(./vendors/s8-fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(./vendors/s8-fa-solid-900.woff2) format("woff2"),url(./vendors/s8-fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(./vendors/s8-fa-thin-100.woff2) format("woff2"),url(./vendors/s8-fa-thin-100.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(./vendors/s8-fa-brands-400.woff2) format("woff2"),url(./vendors/s8-fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:900;src:url(./vendors/s8-fa-solid-900.woff2) format("woff2"),url(./vendors/s8-fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:400;src:url(./vendors/s8-fa-regular-400.woff2) format("woff2"),url(./vendors/s8-fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:300;src:url(./vendors/s8-fa-light-300.woff2) format("woff2"),url(./vendors/s8-fa-light-300.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Duotone";font-display:block;font-weight:900;src:url(./vendors/s8-fa-duotone-900.woff2) format("woff2"),url(./vendors/s8-fa-duotone-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./vendors/s8-fa-solid-900.woff2) format("woff2"),url(./vendors/s8-fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./vendors/s8-fa-brands-400.woff2) format("woff2"),url(./vendors/s8-fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./vendors/s8-fa-regular-400.woff2) format("woff2"),url(./vendors/s8-fa-regular-400.ttf) format("truetype");unicode-range:U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC}@font-face{font-family:"FontAwesome";font-display:block;src:url(./vendors/s8-fa-v4compatibility.woff2) format("woff2"),url(./vendors/s8-fa-v4compatibility.ttf) format("truetype");unicode-range:U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F250,U+F252,U+F27A}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}@keyframes rounded {
50% {
transform: rotate(15deg);
}
}@keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}@keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}@keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}@keyframes tpswing {
0% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}@keyframes loaderpulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}@keyframes rounded {
50% {
transform: rotate(20deg);
}
}@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}@keyframes float-bob-x {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}@keyframes rotated2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}@keyframes wave {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
100% {
transform: translateX(-50%);
}
}@keyframes zoom {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}@keyframes translateY2 {
0% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
}@keyframes translateX2 {
0% {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
100% {
-webkit-transform: translatXY(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
}@keyframes moving {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-50px);
}
50% {
transform: translatey(-40px);
}
100% {
transform: translatey(0px);
}
}@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes slideInLeft {
to {
opacity: 1;
transform: translateX(0);
}
}@keyframes slideInRight {
to {
opacity: 1;
transform: translateX(0);
}
}@keyframes shine {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}@keyframes img-anim-bottom {
0% {
transform: translateY(5%);
clip-path: inset(100% 0 0 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes sparkle {
0% {
opacity: 0;
transform: scale(0.5);
}
50% {
opacity: 1;
transform: scale(1.5);
}
100% {
opacity: 0;
transform: scale(0.5);
}
}@keyframes borderAnim {
0% {
width: 0;
}
100% {
width: 44px;
}
}@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}@keyframes scrollRight {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}
.donor-index-footer__wx8 .fa, .donor-index-footer__wx8 .fa-brands, .donor-index-footer__wx8 .fa-duotone, .donor-index-footer__wx8 .fa-light, .donor-index-footer__wx8 .fa-regular, .donor-index-footer__wx8 .fa-solid, .donor-index-footer__wx8 .fa-thin, .donor-index-footer__wx8 .fab, .donor-index-footer__wx8 .fad, .donor-index-footer__wx8 .fal, .donor-index-footer__wx8 .far, .donor-index-footer__wx8 .fas, .donor-index-footer__wx8 .fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}@-webkit-keyframes fa-beat{0%, 90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%, to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%, 24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%, 28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%, to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.donor-index-footer__wx8 .fa-location-dot:before, .donor-index-footer__wx8 .fa-map-marker-alt:before{content:""}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}.donor-index-footer__wx8 .fa-brands, .donor-index-footer__wx8 .fab{font-family:"Font Awesome 6 Brands";font-weight:400}.donor-index-footer__wx8 .fa-facebook-f:before{content:""}.donor-index-footer__wx8 .fa-instagram:before{content:""}.donor-index-footer__wx8 .fa-linkedin-in:before{content:""}.donor-index-footer__wx8 .fa-twitter:before{content:""}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}.donor-index-footer__wx8 .fa-regular, .donor-index-footer__wx8 .far{font-family:"Font Awesome 6 Pro";font-weight:400}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}.donor-index-footer__wx8 :host, .donor-index-footer__wx8{--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}
.donor-index-footer__wx8 .mean-container .mean-bar, .donor-index-footer__wx8 .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.donor-index-footer__wx8{--swiper-theme-color:#007aff}.donor-index-footer__wx8 .swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.donor-index-footer__wx8 .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.donor-index-footer__wx8 .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.donor-index-footer__wx8 .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.donor-index-footer__wx8 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.donor-index-footer__wx8 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.donor-index-footer__wx8{--swiper-navigation-size:44px}
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Yellowtail&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap");
.donor-index-footer__wx8 {
--gt-body: #fff;
--gt-black: #000;
--gt-white: #fff;
--gt-theme: #1539EE;
--gt-theme-2: #7A73D1;
--gt-theme-3: #9900FF;
--gt-theme-4: #FFFF00;
--gt-header: #11112C;
--gt-text: #11112C;
--gt-text-2: #211C84;
--gt-border: #00000026;
--gt-bg: #FCFCFC;
--gt-bg-2: #F2F2F2;
--gt-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}
.donor-index-footer__wx8 .gt-links-btn .gt-text-btn::after {
content: "";
width: 0%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: var(--gt-theme-2);
z-index: -1;
transition: all 500ms ease;
}
.donor-index-footer__wx8 .gt-links-btn .gt-icon-btn::after {
content: "";
width: 0%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: var(--gt-theme-2);
z-index: -1;
transition: all 500ms ease;
}
.donor-index-footer__wx8 .gt-links-btn:hover .gt-text-btn::after {
width: 100%;
left: 0px;
}
.donor-index-footer__wx8 .gt-links-btn:hover .gt-icon-btn::after {
width: 100%;
left: 0px;
}
.donor-index-footer__wx8 {
font-family: "Sora", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: var(--gt-text);
background-color: var(--gt-white);
padding: 0;
margin: 0;
overflow-x: hidden;
text-transform: capitalize;
}
.donor-index-footer__wx8 ul {
padding: 0;
margin: 0;
list-style: none;
}
.donor-index-footer__wx8 a {
text-decoration: none;
outline: none !important;
cursor: pointer;
color: var(--gt-header);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 p {
margin: 0px;
transition: all 0.4s ease-in-out;
}
@-webkit-keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-webkit-keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@-webkit-keyframes float-bob-x {
0% {
-webkit-transform: translateX(0px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
.donor-index-footer__wx8 .brand-wrapper h4::before {
position: absolute;
content: "";
left: -41%;
top: 12px;
height: 1px;
width: 186px;
background-color: #C4C4C4;
}
@media (max-width: 575px){
.donor-index-footer__wx8 .brand-wrapper h4::before {
display: none;
}
}
.donor-index-footer__wx8 .brand-wrapper h4::after {
position: absolute;
content: "";
right: -40%;
top: 12px;
left: initial;
height: 1px;
width: 186px;
background-color: #C4C4C4;
}
@media (max-width: 575px){
.donor-index-footer__wx8 .brand-wrapper h4::after {
display: none;
}
}
.donor-index-footer__wx8 .gt-newsletter-wrapper .form-clt input::placeholder {
color: #ABABAB;
}
.donor-index-footer__wx8 .gt-contact-us-wrapper .gt-comment-form-wrap .form-clt input::placeholder, .donor-index-footer__wx8 .gt-contact-us-wrapper .gt-comment-form-wrap .form-clt textarea::placeholder {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-instagram-item .gt-instagram-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
top: 0;
bottom: 0px;
right: 0;
border-radius: 10px;
background: linear-gradient(180deg, rgba(77, 85, 204, 0.7) 0%, rgba(42, 221, 200, 0.7) 100%);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 9;
}
.donor-index-footer__wx8 .gt-instagram-item .gt-instagram-image.gt-style-2::before {
border-radius: 100%;
}
.donor-index-footer__wx8 .gt-instagram-item .gt-instagram-image.gt-style-2::before img {
border-radius: 100%;
}
.donor-index-footer__wx8 .gt-instagram-item .gt-instagram-image:hover::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transform-origin: bottom center;
}
.donor-index-footer__wx8 .gt-couinter-box-item-5::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(101deg, #FF1ABC 0.86%, #90F 100%);
border-radius: 10px;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.donor-index-footer__wx8 .gt-couinter-box-item-5:hover::before {
opacity: 1;
visibility: visible;
}
.donor-index-footer__wx8 .gt-event-card-item::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: bottom center;
border-radius: 20px;
background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
z-index: 9;
}
.donor-index-footer__wx8 .gt-event-card-item:hover::before {
transform: scale(1, 1);
transform-origin: top center;
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-list__wx8 li {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme);
}
.donor-index-footer__wx8 .gt-attended-item .gt-attended-iamge-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, rgba(21, 57, 238, 0.9) 0%, rgba(42, 221, 200, 0.9) 100%);
}
.donor-index-footer__wx8 .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::before {
position: absolute;
content: "";
left: -13px;
top: 41px;
width: 32px;
height: 32px;
border-radius: 100%;
background: var(--gt-bg-2);
}
@media (max-width: 575px){
.donor-index-footer__wx8 .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::after {
position: absolute;
content: "";
right: -13px;
top: 41px;
width: 32px;
height: 32px;
border-radius: 100%;
background: var(--gt-bg-2);
}
@media (max-width: 575px){
.donor-index-footer__wx8 .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::after {
display: none;
}
}
.donor-index-footer__wx8 .gt-our-event-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, rgba(33, 28, 132, 0.9) 0%, rgba(9, 0, 255, 0.9) 52.88%, rgba(122, 115, 209, 0.9) 100%);
z-index: -1;
}
@media (max-width: 1600px){
.donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn.ripple::before, .donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn.ripple::after {
box-shadow: initial;
}
}
.donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 196px;
height: 196px;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
width: 160px;
height: 160px;
}
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
width: 130px;
height: 130px;
}
}
@media (max-width: 767px){
.donor-index-footer__wx8 .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
width: 90px;
height: 90px;
}
}
.donor-index-footer__wx8 .tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list__wx8 {
margin-bottom: 30px;
}
.donor-index-footer__wx8 .tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list__wx8 li {
font-size: 16px;
font-weight: 400;
color: #4D55CC;
padding: 8px 13px;
line-height: 1;
border-radius: 4px;
border: 1px solid #4D55CC;
background-color: var(--gt-white);
display: inline-block;
}
.donor-index-footer__wx8 .tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list__wx8 li i {
margin-right: 5px;
color: #4D55CC;
}
.donor-index-footer__wx8 .gt-event-video-item .gt-gallery-items .gt-nav li .nav-link::before {
position: absolute;
content: "";
left: 100px;
top: 10px;
width: 6px;
height: 6px;
line-height: 6px;
border-radius: 30px;
background-color: #D8CEF0;
}
.donor-index-footer__wx8 .gt-event-video-item .gt-gallery-items .gt-nav li .nav-link.gt-style-2::before {
display: none;
}
.donor-index-footer__wx8 .gt-event-video-item .gt-gallery-items .gt-nav li .nav-link.active::after {
position: absolute;
content: "";
width: 32px;
height: 15px;
background-color: var(--gt-theme);
left: 50%;
transform: translateX(-50%);
top: -75%;
clip-path: polygon(50% 0%, 0% 131%, 85% 100%);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-list__wx8 li {
color: var(--gt-white);
opacity: 0.25;
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-list__wx8 li i {
margin-right: 10px;
color: rgb(255, 255, 0);
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-event-schedule-content-4 .gt-list__wx8 li {
color: var(--gt-white);
opacity: initial;
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-event-schedule-content-4 .gt-list__wx8 li i {
margin-right: 10px;
color: rgb(255, 255, 0);
}
.donor-index-footer__wx8 .gt-events-schedule-section-4::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(90deg, #90F 0%, #FF0 100%);
height: 96px;
top: 21%;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-events-schedule-section-4::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list__wx8 li {
font-size: 14px;
font-weight: 600;
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list__wx8 li:not(:last-child) {
margin-bottom: 12px;
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list__wx8 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 70px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list__wx8 {
flex-wrap: wrap;
gap: 30px;
padding: 12px 0;
}
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list__wx8 li {
font-weight: 400;
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon__wx8 {
gap: 12px;
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon__wx8 a {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
background: #F6F6F6;
color: var(--gt-header);
border-radius: 8px;
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon__wx8 a:hover {
background: linear-gradient(90deg, #1539EE 0%, #2ADDC8 100%);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item::before {
position: absolute;
content: "";
left: -18px;
top: 41px;
width: 32px;
height: 32px;
border-radius: 100%;
background: var(--gt-white);
}
.donor-index-footer__wx8 .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item::after {
position: absolute;
content: "";
right: -18px;
top: 41px;
width: 32px;
height: 32px;
border-radius: 100%;
background: var(--gt-white);
}
.donor-index-footer__wx8 .gt-fashion-image .video-btn::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 96px;
height: 96px;
border-radius: 100%;
border: 1px solid var(--gt-white);
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list__wx8 {
margin-bottom: 30px;
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list__wx8 li {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme);
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button::after {
content: "";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 500;
transition: all 0.3s ease-in-out !important;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 500;
color: var(--gt-theme-2);
transform: rotate(0);
}
.donor-index-footer__wx8 .gt-counter-wrapper-4 .gt-counter-item::before {
content: "";
position: absolute;
inset: 0;
background-image: url(./assets/s8-bg.png);
background-size: cover;
background-position: center;
opacity: 0;
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donor-index-footer__wx8 .gt-counter-wrapper-4 .gt-counter-item:hover::before {
opacity: 1;
z-index: 9;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 {
padding: 100px 0 0;
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 {
padding: 80px 0 0;
}
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8.gt-inner {
padding: 0 0 0;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8.gt-style-2 {
padding: 250px 0 30px;
position: relative;
}
@media (max-width: 1600px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8.gt-style-2 {
padding: 100px 0 30px;
}
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8.gt-style-2 {
padding: 80px 0 30px;
}
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8.gt-style-2 {
padding: 60px 0 30px;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--gt-theme);
border-radius: 100px;
padding: 50px;
position: relative;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8.style-5 {
background-color: #FF1ABC;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8.style-5:before {
border: 2px solid #FF1ABC;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8.style-5 .gt-social-icon__wx8 a {
color: #FF1ABC;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8.style-5 .gt-social-icon__wx8 a:hover {
background: rgba(153, 0, 255, 0.88);
color: var(--gt-white);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
flex-wrap: wrap;
gap: 30px;
border-radius: 0;
}
}
@media (max-width: 767px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
padding: 40px;
}
}
@media (max-width: 575px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
padding: 30px;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8::before {
position: absolute;
content: "";
border: 2px solid rgb(42, 221, 200);
top: -10px;
left: 10px;
right: -10px;
bottom: 10px;
border-radius: 100px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .footer-logo__wx8 {
position: relative;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li {
color: var(--gt-white);
font-size: 18px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-social-icon__wx8 {
gap: 15px;
justify-content: center;
margin-top: 15px;
position: relative;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-social-icon__wx8 a {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100px;
background-color: var(--gt-white);
color: var(--gt-theme);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-social-icon__wx8 a:hover {
background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items {
margin-top: 30px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-widget-head {
margin-bottom: 30px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-widget-head h4 {
color: var(--gt-white);
font-weight: 700;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-content p {
max-width: 450px;
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-content .gt-social-icon__wx8 {
gap: 15px;
margin-top: 30px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-content .gt-social-icon__wx8 a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--gt-white);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 6px;
color: #4D55CC;
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-content .gt-social-icon__wx8 a:hover {
background: #4D55CC;
color: var(--gt-white);
border: 1px solid #4D55CC;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-list-area li {
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-list-area li:not(:last-child) {
margin-bottom: 20px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-list-area li a {
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-list-area li:hover {
margin-left: 5px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-list-area li:hover a {
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-app {
display: flex;
align-items: center;
gap: 30px;
margin-top: 30px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper__wx8 .gt-footer-widget-items .gt-footer-app {
flex-wrap: wrap;
}
}
.donor-index-footer__wx8 .gt-footer-section__wx8 {
position: relative;
}
.donor-index-footer__wx8 .gt-footer-section__wx8 .gt-footer-shape {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.donor-index-footer__wx8 .gt-footer-section__wx8 .gt-footer-shape img {
width: 100%;
height: 100%;
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 {
padding: 30px 0;
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 767px){
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 {
justify-content: center;
}
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 p {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 {
display: flex;
align-items: center;
gap: 40px;
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 li a {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 li a:hover {
color: var(--gt-theme);
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8.gt-style-2 {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 30px;
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8.gt-style-2 p {
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8.gt-style-2 .gt-footer-list__wx8 li a {
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-section-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, #6C75FF 30%, #E200C4 100%);
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-list__wx8 {
display: flex;
align-items: center;
gap: 55px;
justify-content: center;
margin-bottom: 60px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-list__wx8 {
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-list__wx8 li {
font-size: 17px;
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-list__wx8 li a {
color: var(--gt-white);
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .form-clt input::placeholder {
color: #ABABAB;
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon__wx8 {
gap: 15px;
justify-content: center;
margin-top: 15px;
position: relative;
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon__wx8 a {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100px;
background-color: var(--gt-white);
color: var(--gt-theme);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon__wx8 a:hover {
background: linear-gradient(180deg, #1539EE 0%, #90F 100%);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-section-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 100px 100px 0px 0px;
background: linear-gradient(180deg, rgba(21, 57, 238, 0.8) 0%, rgba(153, 0, 255, 0.8) 100%);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 0.25) 100%);
z-index: -1;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 {
display: flex;
align-items: center;
gap: 40px;
justify-content: center;
margin-top: 50px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 40px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 {
flex-wrap: wrap;
margin-top: 30px;
gap: 20px;
justify-content: start;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li {
font-size: 18px;
font-weight: 400;
color: var(--gt-white);
position: relative;
}
@media (max-width: 575px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li {
font-size: 16px;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li.gt-style-3 {
position: relative;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li.gt-style-3::before {
position: absolute;
content: "";
width: 1px;
height: 15px;
top: 8px;
left: -20px;
background-color: var(--gt-white);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li.gt-style-3::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-list__wx8 li i {
margin-right: 5px;
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head h4::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 13px;
height: 2px;
background-color: var(--gt-theme-4);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head h4::after {
position: absolute;
bottom: 0;
left: 20px;
content: "";
width: 57px;
height: 2px;
background-color: var(--gt-theme-4);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 {
gap: 15px;
margin-top: 30px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 {
gap: 5px;
}
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 {
gap: 15px;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 a {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: var(--gt-white);
border-radius: 100px;
color: rgb(21, 57, 238);
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 a {
gap: 5px;
width: 40px;
height: 40px;
line-height: 40px;
}
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 a {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon__wx8 a:hover {
border-radius: 100px;
background: linear-gradient(180deg, #90F 0%, #FF0 100%);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 0, 0.5);
transition: 0.4s;
opacity: 0;
width: 100%;
height: 100%;
border-radius: 4px;
}
.donor-index-footer__wx8 .gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
opacity: 1;
}
.donor-index-footer__wx8 .header-main .main-menu ul li .submenu li a::before {
content: "";
position: absolute;
width: 0px;
height: 2px;
background: var(--gt-theme);
left: 14px;
bottom: 18px;
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .header-main .main-menu ul li .submenu li:hover > a::before {
width: 10px;
}
.donor-index-footer__wx8 .header-main .main-menu ul li .submenu li:hover > a::after {
color: var(--gt-theme);
}
.donor-index-footer__wx8 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--gt-theme);
}
.donor-index-footer__wx8 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
}
.donor-index-footer__wx8 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
visibility: visible;
opacity: 1;
}
.donor-index-footer__wx8 .header-main .main-menu ul li:hover > a::after {
color: var(--gt-theme);
}
.donor-index-footer__wx8 .header-1.header-2 .header-main .header-right .main-menu ul li .submenu li a::before {
background: var(--gt-theme-2);
}
.donor-index-footer__wx8 .header-1.header-3 .header-main .header-right .main-menu ul li .submenu li a::before {
background: var(--gt-theme-3);
}
.donor-index-footer__wx8 .fix__wx8 {
overflow: hidden;
}
.donor-index-footer__wx8 .ripple::before, .donor-index-footer__wx8 .ripple::after {
position: absolute;
left: 50%;
top: 50%;
width: 30px;
height: 30px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(21, 57, 238, 0.6);
-webkit-animation: rippleOne 3s infinite;
animation: rippleOne 3s infinite;
}
.donor-index-footer__wx8 .ripple::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.donor-index-footer__wx8 .ripple::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.donor-index-footer__wx8 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 1px solid var(--gt-theme);
width: 20px;
height: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.donor-index-footer__wx8 .swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 1px solid var(--gt-theme);
width: 20px;
height: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.donor-index-footer__wx8 .bg-cover__wx8 {
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}
.donor-index-footer__wx8 .gt-hero-2 .gt-social-icon__wx8 {
display: grid;
align-items: center;
gap: 20px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-hero-2 .gt-social-icon__wx8 {
display: none;
}
}
.donor-index-footer__wx8 .gt-hero-2 .gt-social-icon__wx8 a {
color: var(--gt-white);
transform: rotate(-90deg);
}
.donor-index-footer__wx8 .gt-hero-2 .gt-social-icon__wx8 span {
color: var(--gt-white);
letter-spacing: 0.7px;
text-transform: uppercase;
transform: rotate(-90deg);
display: inline-block;
margin-top: 115px;
position: relative;
}
.donor-index-footer__wx8 .gt-hero-2 .gt-social-icon__wx8 span::before {
position: absolute;
content: "";
width: 1px;
height: 35px;
background-color: var(--gt-white);
top: -4px;
left: 133px;
right: 0;
bottom: 0;
transform: rotate(-90deg);
}
.donor-index-footer__wx8 .gt-hero-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 0px 0px 100px 100px;
background: linear-gradient(105deg, rgba(21, 57, 238, 0.6) 0%, rgba(153, 0, 255, 0.6) 100%);
}
.donor-index-footer__wx8 .gt-hero-4::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, #11112C 0%, rgba(17, 17, 44, 0) 100%);
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content::before {
position: absolute;
content: "";
left: 163%;
right: 0;
top: 20px;
width: 6px;
height: 6px;
border-radius: 30px;
background-color: var(--gt-theme-4);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content.gt-style-2::before {
display: none;
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 {
display: flex;
align-items: center;
gap: 40px;
justify-content: center;
margin-top: 40px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 {
flex-wrap: wrap;
margin-top: 30px;
gap: 20px;
}
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 li {
font-size: 18px;
font-weight: 400;
color: var(--gt-white);
position: relative;
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 li.gt-style-3 {
position: relative;
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 li.gt-style-3::before {
position: absolute;
content: "";
width: 1px;
height: 15px;
top: 8px;
left: -20px;
background-color: var(--gt-white);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 li.gt-style-3::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-hero-4 .gt-hero-content .gt-list__wx8 li i {
margin-right: 5px;
color: var(--gt-white);
}
.donor-index-footer__wx8 .marquee-text-slider-3.style-11 .marquee-text-3.bg-cover::before {
content: "";
position: absolute;
inset: 0;
background-image: url(./assets/s8-bg-image.png);
background-size: cover;
background-position: center;
opacity: 0;
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donor-index-footer__wx8 .marquee-text-slider-3.style-11 .marquee-text-3:hover.bg-cover::before {
opacity: 1;
}
.donor-index-footer__wx8 .marquee-text-slider-3.style-12 .marquee-text-3.bg-cover::before {
content: "";
position: absolute;
inset: 0;
background-image: url(./assets/s8-bg-image.png);
background-size: cover;
background-position: center;
opacity: 0;
transition: all 0.4s ease-in-out;
z-index: -1;
}
.donor-index-footer__wx8 .marquee-text-slider-3.style-12 .marquee-text-3:hover.bg-cover::before {
opacity: 1;
}
.donor-index-footer__wx8 .gt-news-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: radial-gradient(ellipse at 20% 80%, rgba(173, 216, 230, 0.6) 0%, rgba(255, 255, 224, 0.4) 60%, rgb(240, 240, 240) 100%);
top: 50%;
z-index: -1;
}
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-image .gt-post::before {
position: absolute;
content: "";
width: 26px;
height: 36px;
background-color: #DA029B;
left: -26px;
bottom: 0px;
z-index: 999;
clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-content .gt-news-post li::before {
position: absolute;
content: "";
left: 0;
background-color: #FF1ABC;
width: 16px;
height: 2px;
top: 12px;
}
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-content .gt-news-post li.gt-style-2::after {
position: absolute;
content: "";
left: -30px;
background-color: #CDCED0;
width: 1px;
opacity: 0.7;
height: 24px;
top: 2px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-content .gt-news-post li.gt-style-2::after {
display: none;
}
}
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-content .gt-link-btn-5::before {
position: absolute;
content: "";
right: -44px;
bottom: 0;
width: 44px;
height: 47px;
background-color: rgba(153, 0, 255, 0.88);
opacity: 0.88;
clip-path: polygon(0 0, -10% 101%, 64% 100%);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-news-card-item-5 .gt-news-content .gt-link-btn-5:hover::before {
background-color: #FF1ABC;
opacity: 0.88;
}
.donor-index-footer__wx8 .gt-news-card-items-5 .gt-list__wx8 {
display: flex;
align-items: center;
gap: 20px;
padding: 20px;
}
.donor-index-footer__wx8 .gt-news-card-items-5 .gt-list__wx8 li {
font-size: 12px;
font-weight: 600;
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-news-card-items-5 .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme-4);
}
.donor-index-footer__wx8 .gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input::placeholder {
color: var(--gt-header);
}
.donor-index-footer__wx8 .gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content .gt-list__wx8 li {
color: #4D55CC;
padding: 0;
background: none;
}
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list__wx8 {
margin-top: 20px;
}
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list__wx8 li {
font-size: 16px;
font-weight: 600;
color: var(--gt-header);
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list__wx8 li {
font-size: 14px;
}
}
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list__wx8 li:not(:last-child) {
margin-bottom: 12px;
}
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt input::placeholder, .donor-index-footer__wx8 .gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt textarea::placeholder {
color: var(--gt-header);
}
.donor-index-footer__wx8 .preloader .animation-preloader .txt-loading .letters-loading::before {
animation: letters-loading 4s infinite;
color: var(--gt-header);
content: attr(data-text-preloader);
left: 0;
opacity: 0;
font-family: "Sora", sans-serif;
position: absolute;
top: -3px;
transform: rotateY(-90deg);
}
.donor-index-footer__wx8 .gt-section-title-2 .gt-sub-title.style-3::after {
position: absolute;
content: "";
width: 10px;
height: 4px;
left: 38px;
top: 10px;
background-color: var(--gt-theme-2);
border-radius: 100px;
}
.donor-index-footer__wx8 .gt-section-title-2 .gt-sub-title.gt-style-2::after {
position: absolute;
content: "";
width: 10px;
height: 4px;
left: 38px;
top: 10px;
background-color: var(--gt-theme-2);
border-radius: 100px;
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button::after {
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button::after {
content: "";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 500;
transition: all 0.3s ease-in-out !important;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 500;
color: var(--gt-theme-2);
transform: rotate(0);
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list__wx8 li {
font-size: 16px;
font-weight: 400;
color: var(--gt-header);
}
@media (max-width: 991px){
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list__wx8 li {
font-size: 14px;
}
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list__wx8 li:not(:last-child) {
margin-bottom: 12px;
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list__wx8 li i {
margin-right: 10px;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button::after {
content: "";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
transition: all 0.3s ease-in-out !important;
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
transform: rotate(0);
color: var(--gt-theme-2);
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon__wx8 {
gap: 15px;
margin-top: 40px;
justify-content: center;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon__wx8 {
margin-top: 30px;
}
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon__wx8 a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--gt-white);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 100%;
color: var(--gt-theme);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon__wx8 a:hover {
background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
color: var(--gt-white);
border: 1px solid none;
}
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background: linear-gradient(180deg, rgba(42, 221, 200, 0.75) 0%, rgba(21, 57, 238, 0.75) 100%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: top center;
}
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 15px;
justify-content: center;
margin-top: 15px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 10px;
}
}
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.25);
color: var(--gt-white);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a:hover {
background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
border: 1px solid rgba(255, 255, 255, 0.25);
}
.donor-index-footer__wx8 .gt-speaker-wrapper .gt-speaker-item:hover .gt-speaker-image::before {
opacity: 1;
visibility: visible;
transform: scale(1, 1);
transform-origin: bottom center;
z-index: 1;
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image::before {
position: absolute;
top: 69%;
left: -19px;
right: 0px;
width: 100%;
height: 100%;
content: "";
border-radius: 700px !important;
background: linear-gradient(270deg, #1539EE 0%, #2ADDC8 100%);
width: 600px;
height: 550px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
overflow: hidden !important;
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: top center;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image::before {
display: none;
}
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 15px;
justify-content: center;
margin-bottom: 40px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 10px;
margin-bottom: 30px;
}
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 12px;
color: var(--gt-header);
transition: all 0.4s ease-in-out;
background-color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a:hover {
background-color: var(--gt-theme);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-speaker-details-item:hover .gt-speaker-image::before {
opacity: 1;
visibility: visible;
transform: scale(1, 1);
transform-origin: bottom center;
z-index: 1;
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-details-content .gt-list__wx8 {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding-top: 30px;
margin-top: 30px;
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-details-content .gt-list__wx8 li {
color: var(--gt-header);
font-weight: 400;
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-details-content .gt-list__wx8 li:not(:last-child) {
margin-bottom: 10px;
}
.donor-index-footer__wx8 .gt-speaker-details-wrapper .gt-details-content .gt-list__wx8 li span {
font-size: 18px;
font-weight: 600;
color: var(--gt-header);
margin-right: 5px;
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 1000px 1000px 0px 1000px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1539EE 100%);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon__wx8 {
position: absolute;
left: -30px;
top: 0;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 10px;
transform: rotate(30deg);
transition: 0.4s ease;
opacity: 0;
visibility: hidden;
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon__wx8 a {
display: inline-block;
background-color: var(--gt-white);
color: var(--gt-theme);
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 14px;
line-height: 30px;
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: 0.3s;
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon__wx8 a:hover {
background-color: var(--gt-theme);
color: var(--gt-white);
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3:hover .gt-speaker-image::before {
opacity: 1;
visibility: visible;
}
.donor-index-footer__wx8 .gt-speaker-wrapper-3 .gt-speaker-items-3:hover .gt-speaker-image .gt-social-icon__wx8 {
opacity: 1;
visibility: visible;
left: 30px;
}
.donor-index-footer__wx8 .gt-speaker-items-5 .gt-speaker-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 100%;
background: linear-gradient(180deg, rgba(153, 0, 255, 0) 35%, #90F 85%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
}
.donor-index-footer__wx8 .gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 15px;
justify-content: center;
margin-top: 10px;
}
@media (max-width: 1199px){
.donor-index-footer__wx8 .gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 {
gap: 10px;
}
}
.donor-index-footer__wx8 .gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a {
display: inline-block;
color: var(--gt-white);
transition: all 0.4s ease-in-out;
}
.donor-index-footer__wx8 .gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon__wx8 a:hover {
background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
border: 1px solid rgba(255, 255, 255, 0.25);
}
.donor-index-footer__wx8 .gt-speaker-items-5:hover .gt-speaker-image::before {
opacity: 1;
visibility: visible;
}
.donor-index-footer__wx8 .gt-sponsor-bg-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
inset: 0;
border-radius: 20px;
background: linear-gradient(90deg, #2ADDC8 0%, #1539EE 100%);
opacity: 0.8;
z-index: -1;
}

/* Bundled ./assets/wf/ fonts are not in this build — prefer Fontshare Satoshi */
.donor-index-2-block-14__wx1,
.donor-index-13-block-9__wx3,
.donor-home3-block-6__wx4,
.donor-index-footer__wx8 {
--heading-font: "Manrope", "Plus Jakarta Sans", sans-serif;
--body-font: "Manrope", "Plus Jakarta Sans", sans-serif;
font-family: var(--body-font);
}

/* --- webx-sec-2 + webx-sec-3: unified light surface --- */
#webx-sec-2,
#webx-sec-3,
#scroll-gallery__wx2,
#webx-sec-3 .donor-index-13-block-9__wx3,
#webx-sec-3 .tabs-thirteen__wx3 {
background-color: #f8fafc !important;
}

/* --- webx-sec-3: centered, responsive tabs --- */
#webx-sec-3 {
width: 100%;
overflow-x: hidden;
margin-top: 0;
padding-top: 0;
}
#webx-sec-3 .donor-index-13-block-9__wx3 {
width: 100%;
background-color: #f8fafc !important;
}
#webx-sec-3 .tabs-thirteen__wx3 {
padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(3rem, 7vw, 5rem) !important;
background-color: #f8fafc !important;
}

/* Sec 3: centered intro (matches gallery header) */
#webx-sec-3 .wx3-section-intro__wx3 {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0;
  padding: clamp(2rem, 6vw, 3.25rem) clamp(1rem, 4vw, 1.5rem);
  text-align: center;
  background: linear-gradient(
    180deg,
    var(--aurora-surface, #fffdf6) 0%,
    var(--aurora-cream, #fff8ea) 100%
  );
  border-bottom: 1px solid rgba(217, 154, 33, 0.2);
}

#webx-sec-3 .wx3-section-intro-inner__wx3 {
  max-width: 40rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 0.75rem);
}

#webx-sec-3 .wx3-section-eyebrow__wx3 {
  margin: 0;
  font-size: clamp(0.65rem, 2.5vw, 0.8rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(217, 154, 33, 0.9);
  font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
}

#webx-sec-3 .wx3-section-title__wx3 {
  margin: 0;
  font-size: clamp(1.5rem, 4.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--aurora-espresso, #2f241b);
  font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
}

#webx-sec-3 .wx3-section-desc__wx3 {
  margin: 0;
  max-width: 36rem;
  font-size: clamp(0.875rem, 2.2vw, 1rem);
  font-weight: 400;
  line-height: 1.7;
  color: var(--aurora-muted, rgba(47, 36, 27, 0.62));
  text-align: center;
  font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
}

@media (min-width: 640px) {
  #webx-sec-3 .wx3-section-intro__wx3 {
    padding-block: clamp(2.5rem, 7vw, 4rem);
  }
}

@media (max-width: 639px) {
  #webx-sec-3 .wx3-section-intro__wx3 {
    padding-block: clamp(1.5rem, 5vw, 2.25rem);
  }
}
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__tab-content__wx3,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3 {
background-color: #f5f5f5;
}
#webx-sec-3 .tabs-thirteen__wx3 > .container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: clamp(1rem, 3vw, 15px);
padding-right: clamp(1rem, 3vw, 15px);
}
#webx-sec-3 .tabs-box.row {
margin-left: auto;
margin-right: auto;
align-items: stretch;
justify-content: center;
}
#webx-sec-3 .tabs-box > [class*="col-"] {
width: 100%;
max-width: 100%;
}
#webx-sec-3 .tabs-thirteen__btns__wx3.tab-buttons {
margin-left: auto;
margin-right: auto;
}
#webx-sec-3 .tabs-thirteen__tab-content__wx3 {
margin-left: 0;
max-width: 100%;
}
#webx-sec-3 .tabs-thirteen__tab-content__wx3 > .row {
margin-left: 0;
margin-right: 0;
align-items: center;
justify-content: center;
}
#webx-sec-3 .tabs-thirteen__image__wx3 {
margin-right: 0;
}
#webx-sec-3 .tabs-thirteen__image__wx3 img {
display: block;
width: 100%;
height: auto;
}
#webx-sec-3 .tabs-thirteen__content__wx3 {
margin-left: 0;
max-width: 100%;
}
@media (min-width: 992px) {
#webx-sec-3 .tabs-thirteen__tab-content__wx3 {
margin-left: -30px;
}
#webx-sec-3 .tabs-thirteen__content__wx3 {
margin-left: -25px;
}
#webx-sec-3 .tabs-box > .col-lg-3 {
display: flex;
align-items: flex-end;
}
#webx-sec-3 .tabs-box > .col-lg-9 {
flex: 0 0 auto;
width: 75%;
max-width: 75%;
}
#webx-sec-3 .tabs-box > .col-lg-3 {
flex: 0 0 auto;
width: 25%;
max-width: 25%;
}
}
@media (max-width: 991.98px) {
#webx-sec-3 .tabs-box > .col-lg-3,
#webx-sec-3 .tabs-box > .col-lg-9 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
#webx-sec-3 .tabs-box > .col-lg-3 {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
#webx-sec-3 .tabs-thirteen__btns__wx3.tab-buttons {
max-width: min(100%, 320px);
}
#webx-sec-3 .tabs-thirteen__btns__wx3.tab-buttons::after {
display: none;
}
#webx-sec-3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn::before {
display: none;
}
}
@media (max-width: 767.98px) {
#webx-sec-3 .tabs-thirteen__tab-content__wx3 {
padding: 1.25rem 1rem;
}
#webx-sec-3 .tabs-thirteen__tab-content__wx3 > .row {
flex-direction: column;
gap: 1rem;
}
#webx-sec-3 .tabs-thirteen__tab-content__wx3 .col-md-5,
#webx-sec-3 .tabs-thirteen__tab-content__wx3 .col-md-7 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
#webx-sec-3 .tabs-thirteen__content__wx3 {
padding: 1.25rem 1rem;
}
#webx-sec-3 .tabs-thirteen__content__title__wx3 {
font-size: clamp(1.35rem, 5vw, 1.75rem);
line-height: 1.25;
}
#webx-sec-3 .tabs-thirteen__content__list__wx3 li {
gap: 0.75rem;
font-size: 0.9375rem;
}
}

/* --- webx-sec-8: responsive footer --- */
#webx-sec-8 {
width: 100%;
overflow-x: hidden;
}
#webx-sec-8 .donor-index-footer__wx8 {
width: 100%;
text-transform: none;
}
#webx-sec-8 .gt-footer-section__wx8.bg-cover__wx8 {
background-color: #ffffff !important;
background-image: none !important;
}
#webx-sec-8 .donor-index-footer__wx8 {
background-color: #ffffff !important;
}
#webx-sec-8 .gt-footer-section__wx8 > .container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: clamp(1rem, 3vw, 15px);
padding-right: clamp(1rem, 3vw, 15px);
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 {
padding-top: clamp(2rem, 5vw, 3.5rem);
padding-bottom: 0;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 p,
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 li a {
color: #11112c;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 1.25rem;
border-radius: clamp(1rem, 4vw, 100px);
padding: clamp(1.5rem, 5vw, 3.125rem);
width: 100%;
box-sizing: border-box;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .footer-logo__wx8 img {
max-width: min(280px, 75vw);
max-height: clamp(5rem, 12vw, 7rem);
width: auto;
height: auto;
object-fit: contain;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 {
width: 100%;
max-width: 36rem;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 0.625rem;
text-align: center;
line-height: 1.5;
font-size: clamp(0.9375rem, 2.5vw, 1.125rem);
text-transform: none;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li i {
flex-shrink: 0;
margin-right: 0;
margin-top: 0.2rem;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-social-icon__wx8 {
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
#webx-sec-8 .gt-footer-bottom__wx8 {
padding: clamp(1.25rem, 4vw, 1.875rem) 0;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 1rem;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 p {
font-size: clamp(0.875rem, 2.5vw, 1rem);
text-transform: none;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 {
flex-wrap: wrap;
justify-content: center;
gap: clamp(1rem, 4vw, 2.5rem);
padding: 0;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 li a {
font-size: clamp(0.875rem, 2.5vw, 1rem);
text-transform: capitalize;
}
@media (min-width: 768px) {
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
gap: 1.5rem;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li {
justify-content: flex-start;
text-align: left;
}
#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-social-icon__wx8 {
width: auto;
justify-content: flex-end;
flex-wrap: nowrap;
}
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 {
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
}
}

/* =============================================================================
   Aurora Table theme — donor sections match HEADER1 cream / gold palette
   ============================================================================= */
#webx-donor-root {
  --aurora-cream: #fff8ea;
  --aurora-sand: #f2e3c6;
  --aurora-gold: #d99a21;
  --aurora-olive: #64723a;
  --aurora-ember: #e97735;
  --aurora-espresso: #2f241b;
  --aurora-warm-dark: #3a2e24;
  --aurora-surface: #fffdf6;
  --aurora-surface-2: #faf3e4;
  --aurora-muted: rgba(47, 36, 27, 0.62);
  color: var(--aurora-espresso);
  background: var(--aurora-cream);
}

#webx-donor-root .webx-section {
  color: var(--aurora-espresso);
}

/* --- Sec 1: marquee --- */
#webx-sec-1,
#webx-sec-1 .donor-index-2-block-14__wx1,
#webx-sec-1 .overflow-hidden.border-bottom {
  background-color: var(--aurora-cream) !important;
  border-color: var(--aurora-sand) !important;
}

#webx-sec-1 .features-marquee__wx1,
#webx-sec-1 .features-marquee-track__wx1,
#webx-sec-1 .features-marquee-group__wx1 {
  background-color: transparent;
}

#webx-sec-1 .features-marquee__wx1 {
  padding-block: clamp(0.85rem, 2.2vw, 1.35rem);
}

#webx-sec-1 .tw-text-110-px__wx1 {
  color: var(--aurora-espresso) !important;
}

#webx-sec-1 .text-stroke-neutral-900__wx1 {
  -webkit-text-stroke-color: var(--aurora-gold) !important;
}

#webx-sec-1 .text-neutral-300__wx1 {
  color: var(--aurora-olive) !important;
}

/* Michelin badge art in marquee (PNG uses transparent background) */
#webx-sec-1 .wx1-marquee-michelin {
  display: block;
  height: clamp(72px, 10vw, 112px);
  width: auto;
  max-width: min(280px, 28vw);
  object-fit: contain;
  flex-shrink: 0;
}

@media (max-width: 575.98px) {
  #webx-sec-1 .wx1-marquee-michelin {
    height: clamp(56px, 14vw, 80px);
    max-width: min(160px, 36vw);
  }
}
#webx-sec-2,
#webx-sec-2 > main,
#scroll-gallery__wx2 {
  background-color: var(--aurora-cream) !important;
  background-image: none !important;
  color: var(--aurora-espresso) !important;
}

#webx-sec-2 {
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 154, 33, 0.12), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(233, 119, 53, 0.1), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(100, 114, 58, 0.08), transparent 34%),
    linear-gradient(180deg, var(--aurora-cream) 0%, var(--aurora-sand) 52%, var(--aurora-surface) 100%) !important;
}

#scroll-gallery__wx2 .gallery-panel-header__wx2 {
  background: linear-gradient(
    180deg,
    var(--aurora-surface) 0%,
    var(--aurora-cream) 100%
  );
  border-bottom-color: rgba(217, 154, 33, 0.2);
}

#scroll-gallery__wx2 .gallery-panel-header-inner__wx2 {
  width: 100%;
}

#scroll-gallery__wx2 .gallery-panel-divider__wx2 .scan-line__wx2 {
  opacity: 0.35;
}

@media (max-width: 639px) {
  #webx-sec-2,
  #webx-sec-2 > main,
  #scroll-gallery__wx2 {
    margin-block: 0 !important;
    padding-block: 0 !important;
    min-height: 0 !important;
  }

  #scroll-gallery__wx2.gallery-compact__wx2 .sticky__wx2 {
    position: relative;
    top: auto;
    padding: 0;
  }

  #scroll-gallery__wx2.gallery-compact__wx2 .gallery-panel__wx2 {
    padding-block: 0.2rem;
  }

  #scroll-gallery__wx2.gallery-compact__wx2 .gallery-panel-header__wx2 {
    padding-block: clamp(1.5rem, 5vw, 2.25rem);
    padding-inline: clamp(0.75rem, 4vw, 1rem);
  }

  #scroll-gallery__wx2.gallery-compact__wx2 .row-perspective__wx2 {
    padding-inline: 0.65rem;
  }

  #scroll-gallery__wx2.gallery-compact__wx2 .gallery-panel-divider__wx2 {
    margin-block: 0.15rem;
  }

  #scroll-gallery__wx2 .gallery-panel-eyebrow__wx2 {
    letter-spacing: 0.2em;
  }
}

#webx-sec-2 .glass-card__wx2 {
  background: linear-gradient(145deg, rgba(255, 253, 246, 0.94), rgba(242, 227, 198, 0.72)) !important;
  border-color: rgba(217, 154, 33, 0.22) !important;
  box-shadow: 0 24px 70px rgba(47, 36, 27, 0.1) !important;
}

#scroll-gallery__wx2 .gallery-panel-eyebrow__wx2 {
  color: rgba(217, 154, 33, 0.9) !important;
}

#scroll-gallery__wx2 .gallery-panel-title__wx2 {
  color: var(--aurora-espresso) !important;
}

#scroll-gallery__wx2 .gallery-panel-desc__wx2 {
  color: var(--aurora-muted) !important;
}

#scroll-gallery__wx2 .scan-line__wx2,
#scroll-gallery__wx2 .gallery-panel-divider__wx2 .h-px__wx2 {
  background: linear-gradient(90deg, transparent, rgba(217, 154, 33, 0.45), transparent) !important;
}

#webx-sec-2 .image-card__wx2 {
  border-color: rgba(255, 248, 234, 0.95) !important;
  box-shadow:
    0 28px 50px rgba(47, 36, 27, 0.14),
    0 12px 24px rgba(217, 154, 33, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

#webx-sec-2 .image-card__wx2:hover {
  box-shadow:
    0 36px 64px rgba(47, 36, 27, 0.18),
    0 14px 28px rgba(217, 154, 33, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* --- Sec 3: tabs --- */
#webx-sec-3 .donor-index-13-block-9__wx3 {
  --thm-base: var(--aurora-gold);
  --thm-black: var(--aurora-espresso);
}

#webx-sec-3 .wx3-section-intro__wx3 {
  background: linear-gradient(
    180deg,
    var(--aurora-surface) 0%,
    var(--aurora-cream) 100%
  ) !important;
  border-bottom-color: rgba(217, 154, 33, 0.2);
}

#webx-sec-3 .wx3-section-eyebrow__wx3 {
  color: rgba(217, 154, 33, 0.9) !important;
}

#webx-sec-3 .wx3-section-title__wx3 {
  color: var(--aurora-espresso) !important;
}

#webx-sec-3 .wx3-section-desc__wx3 {
  color: var(--aurora-muted) !important;
}

#webx-sec-3,
#webx-sec-3 .donor-index-13-block-9__wx3,
#webx-sec-3 .tabs-thirteen__wx3 {
  background-color: var(--aurora-surface) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons::after {
  background-image: linear-gradient(180deg, var(--aurora-gold) 0%, rgba(217, 154, 33, 0) 100%) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn {
  background-color: var(--aurora-sand) !important;
  color: var(--aurora-espresso) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn::before {
  background-color: var(--aurora-sand) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn::after {
  background-color: var(--aurora-gold) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn:hover,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn__wx3,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn {
  color: #fff !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn:hover::before,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn__wx3::before,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__btns__wx3.tab-buttons .tab-btn.active-btn::before {
  background-color: var(--aurora-ember) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__tab-content__wx3,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3 {
  background-color: var(--aurora-cream) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__title__wx3 {
  color: var(--aurora-espresso) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__text__wx3 {
  color: var(--aurora-muted) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__list__wx3 li {
  color: var(--aurora-espresso) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__list__wx3 li i {
  color: var(--aurora-gold) !important;
}

/* --- Sec 4: counter block --- */
#webx-sec-4 .donor-home3-block-6__wx4 {
  --yellow: var(--aurora-gold);
  --black-surface: var(--aurora-warm-dark);
  --on-surface: #fff8ea;
  --placehover: rgba(255, 248, 234, 0.72);
}

#webx-sec-4 .counter-block__wx4.style-three__wx4.bg-black-surface__wx4 {
  background-color: var(--aurora-warm-dark) !important;
  background-image: linear-gradient(135deg, #3a2e24 0%, #2f241b 55%, #4a3a2c 100%) !important;
}

#webx-sec-4 .heading3__wx4 {
  color: var(--aurora-cream) !important;
}

#webx-sec-4 .text-yellow__wx4,
#webx-sec-4 .heading3__wx4.text-yellow__wx4 {
  color: var(--aurora-gold) !important;
}

#webx-sec-4 .body2__wx4.text-placehover__wx4 {
  color: var(--aurora-sand) !important;
}

#webx-sec-4 .line-dark__wx4 {
  background-color: rgba(255, 248, 234, 0.16) !important;
}

#webx-sec-4 .button-yellow-hover__wx4 .bg-yellow__wx4 {
  background-color: var(--aurora-gold) !important;
}

#webx-sec-4 .button-yellow-hover__wx4 {
  color: var(--aurora-espresso) !important;
}

/* --- Sec 6: YouTube parallax --- */
#webx-sec-6 {
  background: var(--aurora-espresso) !important;
}

#webx-sec-6 .youtube-parallax-section__wx6 .parallax-content__wx6,
#webx-sec-6 .parallax-content__wx6 h1,
#webx-sec-6 .parallax-content__wx6 p,
#webx-sec-6 .eyebrow__wx6 {
  color: var(--aurora-cream);
}

#webx-sec-6 .controls__wx6 label,
#webx-sec-6 .speed-value__wx6 {
  color: var(--aurora-sand) !important;
}

/* --- Sec 7: CTA --- */
#webx-sec-7 {
  background: var(--aurora-cream) !important;
}

#webx-sec-7 .page-wrap__wx7 {
  background:
    radial-gradient(circle at 50% 0%, rgba(217, 154, 33, 0.14), transparent 38%),
    radial-gradient(circle at 18% 90%, rgba(233, 119, 53, 0.12), transparent 32%),
    var(--aurora-cream) !important;
}

#webx-sec-7 .cta-card__wx7 {
  color: #fff;
  background: linear-gradient(145deg, var(--aurora-gold) 0%, var(--aurora-ember) 52%, #b87818 100%) !important;
  box-shadow:
    0 36px 90px rgba(217, 154, 33, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#webx-sec-7 .cta-card__wx7::after {
  background: rgba(255, 248, 234, 0.22) !important;
}

#webx-sec-7 .community-pill__wx7 {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 248, 234, 0.45) !important;
  color: #fff !important;
}

#webx-sec-7 .headline__wx7 {
  background: linear-gradient(90deg, #ffffff, #fff8ea) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#webx-sec-7 .cta-button__wx7 {
  background: var(--aurora-espresso) !important;
  box-shadow:
    0 18px 48px rgba(47, 36, 27, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#webx-sec-7 .cta-button__wx7:hover {
  background: var(--aurora-olive) !important;
}

/* --- Sec 8: footer --- */
#webx-sec-8,
#webx-sec-8 .donor-index-footer__wx8,
#webx-sec-8 .gt-footer-section__wx8 {
  background-color: var(--aurora-surface) !important;
  background-image: none !important;
}

#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 {
  background: linear-gradient(135deg, rgba(255, 248, 234, 0.95), rgba(242, 227, 198, 0.65)) !important;
  border: 1px solid rgba(217, 154, 33, 0.18);
}

#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li,
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 p,
#webx-sec-8 .gt-footer-bottom__wx8 .gt-footer-wrapper__wx8 .gt-footer-list__wx8 li a {
  color: var(--aurora-espresso) !important;
}

#webx-sec-8 .gt-footer-widget-wrapper__wx8 .gt-footer-bg-item__wx8 .gt-list__wx8 li i {
  color: var(--aurora-gold) !important;
}

#webx-sec-8 .gt-social-icon__wx8 a {
  background: rgba(255, 255, 255, 0.55) !important;
  color: var(--aurora-espresso) !important;
  border: 1px solid rgba(217, 154, 33, 0.2);
}

#webx-sec-8 .gt-social-icon__wx8 a:hover {
  background: var(--aurora-gold) !important;
  color: #fff !important;
  border-color: var(--aurora-gold) !important;
}

/* Override earlier unified cool-gray surfaces */
#webx-sec-2,
#webx-sec-3,
#scroll-gallery__wx2,
#webx-sec-3 .donor-index-13-block-9__wx3,
#webx-sec-3 .tabs-thirteen__wx3 {
  background-color: var(--aurora-cream) !important;
}

#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__tab-content__wx3,
#webx-sec-3 .donor-index-13-block-9__wx3 .tabs-thirteen__content__wx3 {
  background-color: var(--aurora-cream) !important;
}

/* Tab panels: show active only */
#webx-sec-3 .tabs-content > .tab {
  display: none !important;
}

#webx-sec-3 .tabs-content > .tab.active-tab__wx3 {
  display: block !important;
}

#webx-sec-3 .tabs-content > .tab[hidden] {
  display: none !important;
}

#webx-sec-3 .tabs-thirteen__btns__wx3 .tab-btn {
  cursor: pointer;
  list-style: none;
}

/* --- Lenis smooth scroll --- */
html.lenis,
html.lenis body {
  height: auto;
}

html.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

html.lenis.lenis-smooth body {
  overflow-x: hidden;
}

html.lenis.lenis-stopped {
  overflow: hidden;
}

html.lenis [data-lenis-prevent] {
  overscroll-behavior: contain;
}

html.lenis .lenis-scroll-lock {
  overflow: hidden !important;
}

/* TripAdvisor icon (not in bundled Font Awesome) */
.wx-icon-tripadvisor {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  background-color: currentColor;
  -webkit-mask: url("./assets/img/icon/tripadvisor.svg") center / contain no-repeat;
  mask: url("./assets/img/icon/tripadvisor.svg") center / contain no-repeat;
}

.gt-social-icon__wx8 a .wx-icon-tripadvisor,
#webx-sec-contact .wx-social a .wx-icon-tripadvisor {
  width: 1.25rem;
  height: 1.25rem;
}

/* Sec-4 counter circle: Indian Aroma logo (fits inside dashed ring) */
.donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .list-img__wx4 .bg-img .logo__wx4 img {
  width: auto;
  height: auto;
  max-width: min(168px, 88%);
  max-height: min(168px, 88%);
  object-fit: contain;
}

@media (max-width: 575.98px) {
  .donor-home3-block-6__wx4 .counter-block__wx4.style-three__wx4 .row .list-img__wx4 .bg-img .logo__wx4 img {
    max-width: min(104px, 86%);
    max-height: min(104px, 86%);
  }
}