.container{max-width:1360px}@media(max-width: 1024px){.header_desktop{display:none}}.header_desktop .header_socialmedia{margin-left:20px}.header_desktop .header_socialmedia .header_socialmedia_link{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#db9e30}.header_desktop .header_socialmedia .header_socialmedia_link i{color:#fff !important;font-size:18px;line-height:1;margin-bottom:0}.header_desktop .header_donate_btn{margin-left:13px;border:none}.header_desktop.shrink{background:#fff;position:fixed;z-Index:9999;width:100%;padding-top:7px;padding-bottom:7px;box-shadow:rgba(149,157,165,.2) 0px 8px 24px}@media(max-width: 480px){.header_tab{display:none}}@media(min-width: 1025px){.header_tab{display:none}}@media(min-width: 481px){.header_mobile{display:none}}@media only screen and (min-width: 1025px){#menu_close{z-index:99999 !important;position:fixed;top:11px;right:16px;cursor:pointer}.navbar{display:flex;align-items:center;z-index:9999}.navbar #primary_menu{opacity:0;transform:scaleY(0);transition:all .5s ease 0s;transform-origin:top;position:fixed !important;background:rgba(0,0,0,.8);width:100%;height:100%;left:0;top:0}.navbar ul li{margin-left:20px;text-align:center;padding-bottom:0 !important}.navbar ul li:before{content:none}.navbar ul li:nth-last-child(1){margin-right:0}.navbar ul li a{font-size:22px;color:#303030}.navbar ul li a:hover{columns:red !important}.navbar ul li:hover>.sub-menu{opacity:10;transform:scaleY(1)}.navbar .menu-item-has-children:after{content:"";border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid #979797 !important;margin-left:7px;top:18px;position:relative;cursor:pointer}.navbar .sub-menu{position:absolute;opacity:0;top:62px;transition:all .5s ease;background:none !important;z-index:999;transform:scaleY(0);transform-origin:0 0}.navbar .sub-menu li{padding:0 15px 10px 15px;border-bottom:1px solid #585858;margin-right:0;line-height:46px;background:#000 !important;margin-left:0}.navbar .sub-menu li:nth-child(1){padding-top:0 !important}.navbar .sub-menu li:nth-last-child(1){border-bottom:none}.navbar .sub-menu li a{color:#fff;font-size:14px}}@media(min-width: 481px)and (max-width: 1024px){#menu_close_tab{z-index:99999 !important;position:fixed;top:11px;right:16px;cursor:pointer}.navbar{display:flex;align-items:center;height:100%;z-index:9999}}@media only screen and (min-width: 481px)and (max-width: 1024px)and (max-width: 480px){.navbar{margin-left:-150px}}@media(min-width: 481px)and (max-width: 1024px){.navbar #primary_menu_tab{opacity:0;transform:scaleY(0);transition:all .5s ease 0s;transform-origin:top;position:fixed !important;background:rgba(0,0,0,.8);width:100%;height:100%;left:0;top:0}.navbar ul li{text-align:center;padding-bottom:16px}.navbar ul li:before{content:none}.navbar ul li:nth-last-child(1){margin-right:0}}@media only screen and (min-width: 481px)and (max-width: 1024px)and (max-width: 480px){.navbar ul li{padding:10px 5px;margin-right:0}}@media(min-width: 481px)and (max-width: 1024px){.navbar ul li a{font-size:14px;font-weight:bold;color:#fff;overflow:hidden;background:linear-gradient(to right, #0c7f40, #0c7f40 50%, black 50%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;background-position:100%;transition:background-position 750ms ease;text-decoration:none;text-transform:uppercase;letter-spacing:2px}}@media only screen and (min-width: 481px)and (max-width: 1024px)and (max-width: 480px){.navbar ul li a{color:#fff;font-size:20px}}@media(min-width: 481px)and (max-width: 1024px){.navbar ul li a:hover{color:#fff}.navbar ul li:hover>.sub-menu{opacity:10;transform:scaleY(1)}}@media only screen and (min-width: 481px)and (max-width: 1024px)and (max-width: 480px){.navbar ul li:hover>.sub-menu{position:relative;top:0;transform-origin:top}}@media(min-width: 481px)and (max-width: 1024px){.navbar .menu-item-has-children:after{content:"";border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid #000;top:14px;position:relative;cursor:pointer}.navbar .sub-menu{position:absolute;opacity:0;top:31px;transition:all .5s ease;background:#000;z-index:999;transform:scaleY(0);transform-origin:top}}@media only screen and (min-width: 481px)and (max-width: 1024px)and (max-width: 480px){.navbar .sub-menu{top:43px}}@media(min-width: 481px)and (max-width: 1024px){.navbar .sub-menu li{padding:10px 15px;border-bottom:1px solid #585858;margin-right:0;line-height:27px}.navbar .sub-menu li:nth-child(1){padding-top:25px}.navbar .sub-menu li:nth-last-child(1){background:#db9e30;border-bottom:none}.navbar .sub-menu li a{color:#fff;font-size:14px}}@media only screen and (max-width: 480px){#menu_close_mobile{z-index:99999 !important;position:fixed;top:11px;right:16px;cursor:pointer}.navbar{display:flex;align-items:center;height:100%;z-index:9999;margin-left:-150px}.navbar #primary_menu_mobile{opacity:0;transform:scaleY(0);transition:all .5s ease 0s;transition-timing-function:cubic-bezier(0, 0, 1, 1);transform-origin:top;position:fixed !important;background:rgba(0,0,0,.8);width:100%;height:100%;left:0;top:0;will-change:transform}.navbar ul li{text-align:center;padding-bottom:16px;padding:10px 5px;margin-right:0;position:relative}.navbar ul li:before{content:none}.navbar ul li:nth-last-child(1){margin-right:0}.navbar ul li a{font-size:14px;font-weight:bold;color:#fff;overflow:hidden;background:linear-gradient(to right, #0c7f40, #0c7f40 50%, black 50%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;background-position:100%;transition:background-position 750ms ease;text-decoration:none;text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:20px}.navbar ul li a:hover{color:#fff}.navbar ul li:hover>.sub-menu{opacity:10;transform:scaleY(1);position:relative;top:0;transform-origin:top}.navbar .menu-item-has-children:after{content:"";border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #fff;top:23px;left:155px;position:absolute;cursor:pointer}.navbar .sub-menu{position:absolute;opacity:0;transition:all .5s ease;background:#000;z-index:999;transform:scaleY(0);transform-origin:top;top:43px}.navbar .sub-menu li{padding:10px 15px;border-bottom:1px solid #585858;margin-right:0;line-height:27px;position:relative}.navbar .sub-menu li:nth-last-child(1){border-bottom:none}.navbar .sub-menu li a{color:#fff;font-size:14px}}.header_desktop{margin-bottom:-70px;position:relative;z-index:9}.aboutus-page{background:#fff}.aboutus-page .aboutus-top{position:relative;margin-bottom:clamp(24px,3.4vw,34px);padding:clamp(28px,4vw,46px) 0;background:linear-gradient(190deg, rgba(0, 0, 0, 0.42), rgba(2, 23, 48, 0.87)),url("http://vmwebs.ca/qhsc/wp-content/uploads/2026/04/QHSC-About-us-Mosque-1-scaled.webp");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.aboutus-page .aboutus-top::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%, rgba(139, 194, 255, 0.3), transparent 42%),radial-gradient(circle at 80% 24%, rgba(79, 152, 239, 0.22), transparent 46%),radial-gradient(circle at 18% 22%, rgba(219, 158, 48, 0.18), transparent 44%),radial-gradient(circle at 86% 78%, rgba(12, 127, 64, 0.2), transparent 46%);pointer-events:none}.aboutus-page .aboutus-top .row{align-items:stretch}.aboutus-page .aboutus-top .row>[class*=col-]{display:flex}.aboutus-page .aboutus-card{border-radius:7px}.aboutus-page .aboutus-card{position:relative;overflow:hidden;width:100%;height:100%;padding:clamp(22px,3.6vw,42px);box-shadow:0 24px 44px rgba(10,35,62,.25);backdrop-filter:blur(5px) saturate(130%);-webkit-backdrop-filter:blur(5px) saturate(130%)}.aboutus-page .aboutus-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%, rgb(255, 255, 255), transparent 42%),linear-gradient(138deg, rgba(255, 255, 255, 0.34), rgb(255, 255, 255));pointer-events:none}.aboutus-page .aboutus-card>*{position:relative;z-index:1}.aboutus-page .aboutus-top-media{width:100%;height:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:7px}.aboutus-page .aboutus-eyebrow{margin:0;font-size:.78rem;font-family:"fm_primary_bold";text-transform:uppercase;letter-spacing:2.8px}.aboutus-page .aboutus-title{margin:10px 0 0;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;color:#000}.aboutus-page .aboutus-text{margin:16px 0 0;color:#000;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.95}.aboutus-page .aboutus-text-highlight{display:block;margin:0 0 16px;padding:14px 16px 14px 18px;border-radius:7px;border:1px solid rgba(12,127,64,.16);border-left:4px solid #db9e30;background:linear-gradient(120deg, rgba(12, 127, 64, 0.08) 0%, rgba(219, 158, 48, 0.16) 100%);box-shadow:0 8px 18px rgba(20,40,29,.07);font-family:"fm_primary_bold";color:#2e4338;line-height:1.85}.aboutus-page .aboutus-subtitle{margin:0;color:#2c3d33}.aboutus-page .aboutus-program-head{max-width:760px;margin:0 auto}.aboutus-page .aboutus-subcopy{color:#5f5f5f;font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.75}.aboutus-page .aboutus-program-grid .aboutus-program-item{overflow:hidden;border-radius:7px;border:1px solid rgba(12,127,64,.18);background:#fff;box-shadow:0 8px 18px rgba(20,40,29,.07);transition:transform .35s ease,box-shadow .35s ease}.aboutus-page .aboutus-program-grid .aboutus-program-item img{width:100%;height:200px;object-fit:cover}.aboutus-page .aboutus-program-grid .aboutus-program-item h3{margin:0;padding:6px 13px 16px;color:#2f4539;font-size:1.02rem;line-height:1.35}.aboutus-page .aboutus-program-grid .aboutus-program-item:hover{transform:translateY(-4px);box-shadow:0 14px 22px rgba(20,40,29,.11)}.aboutus-page [data-about-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.aboutus-page [data-about-reveal].is-visible{opacity:1;transform:translateY(0)}@media(max-width: 991px){.aboutus-page .aboutus-program-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 575px){.aboutus-page{padding-top:30px}.aboutus-page .aboutus-text-highlight{padding:12px 13px 12px 14px;margin-bottom:14px;border-radius:7px}.aboutus-page .aboutus-top{padding:20px 0}.aboutus-page .aboutus-top-media{min-height:240px;height:240px}.aboutus-page .aboutus-program-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion: reduce){.aboutus-page [data-about-reveal]{opacity:1 !important;transform:none !important;transition:none !important}}