:root{--primary-font-color: "#212529";--bg-color: #f8f9fa;--fontSize-heading-lg: 3rem;--fontSize-heading-base: 2.8rem;--fontSize-text-base: 1rem;--sacramento: Sacramento, cursive;--arabic: "Noto Naskh Arabic", serif;--shadow-md: 0 0 10px rgba(0, 0, 0, .3);--transition-small: all .3s ease}html{scroll-behavior:smooth;scrollbar-width:none!important}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none}body{font-family:Josefin Sans,sans-serif;color:var(--primary-font-color);overflow-y:hidden}body.active{overflow-y:auto}body::-webkit-scrollbar{display:none}p{line-height:1.7rem}.audio button{width:2rem;height:2rem;border-radius:50%;border:none;background-color:#fff;color:#000;font-size:1.2rem;display:flex;align-items:center;justify-content:center;position:fixed;right:1rem;bottom:1rem;cursor:pointer;transform:translate(200%);transition:1.5s transform ease}.audio button.show{transform:translate(0)}.audio button.active{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes upAndDown{0%,to{transform:translateY(-.8rem)}50%{transform:translateY(.8rem)}}header{width:100%}header nav{display:none;width:100%;padding:0 1.4rem;background-color:var(--bg-color);align-items:center;justify-content:space-between;position:fixed;left:0;right:0;bottom:-100%;z-index:99;transform:translateY(0);transition:bottom 2s ease,transform 1s ease}header nav.active{bottom:0}header nav.scroll{transform:translateY(100%)}header nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1rem;width:4rem;height:3rem;color:#000}header nav a i{font-size:1.2rem}header nav a span{font-size:.6rem}header nav a:hover{background-color:#000;color:#fff}.welcome{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:#212529;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;color:#fff;transition:all 2s ease-in;opacity:0;transform:translateY(-100%)}.welcome.active{transform:translateY(0);opacity:1}.welcome.hide{top:-100%;opacity:0}.welcome h2{font-size:2.4rem;font-family:var(--sacramento);font-weight:400}.welcome figure{display:inherit;align-items:inherit;justify-content:inherit;flex-direction:inherit;margin:1rem 0}.welcome figure img{width:10rem;height:10rem;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md);border:2px solid #fff}.welcome figure figcaption{font-size:var(--fontSize-heading-base);font-family:var(--sacramento);font-weight:400;margin-top:.5rem}.welcome p span{font-size:2rem;margin:1rem 0;display:block}.welcome button{display:inherit;align-items:inherit;justify-content:inherit;gap:.4rem;color:#000;padding:.5rem 1rem;border:none;transition:var(--transition-small);border-radius:15px;cursor:pointer}.welcome button:hover{color:#fff;background-color:#000}.welcome button i{font-size:1.2rem}.home{width:100%;height:100vh;text-align:center;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transition:all 2s ease;transform:translateY(-100%)}.home.active{transform:translateY(0)}.home h2{font-size:2.4rem;font-family:var(--sacramento);font-weight:400}.home figure{margin:2rem auto 0}.home figure img{width:10rem;height:10rem;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md)}.home figure figcaption{margin:0 0 .5rem;font-weight:400;font-family:var(--sacramento);font-size:var(--fontSize-heading-lg)}.home h3{font-weight:500}.home .home-time{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.home .home-time div{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:8px}.home .home-time div p{font-size:.8rem;line-height:normal}.home .home-time div p span{font-size:.6rem;margin-top:.2rem}.home a{padding:.5rem 1rem;color:#fff;font-size:1rem;background-color:#000;margin:1rem auto;border-radius:20px;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem}.home a i{font-size:1.2rem}.home .scroll_down{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.home svg{position:absolute;left:0;right:0;bottom:-14rem;z-index:-10}.bride{width:100%;min-height:100vh;text-align:center;padding:10rem 8rem;position:relative}.bride h2{font-size:1.6rem;font-family:var(--arabic);font-weight:400}.bride h3{font-size:var(--fontSize-heading-base);font-family:var(--sacramento);font-weight:400;margin:1rem 0}.bride .bride_couple,.bride .bride_couple ul,.bride .bride_couple li,.bride .bride_couple li figure{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.bride .bride_couple{margin-top:4rem}.bride .bride_couple ul{gap:1rem}.bride .bride_couple li figure img{width:12rem;height:12rem;object-fit:cover;border-radius:50%;box-shadow:var(--shadow-md)}.bride .bride_couple li figure figcaption{font-size:var(--fontSize-heading-base);margin:1rem 0;font-family:var(--sacramento)}.bride .bride_couple span{font-size:3.4rem;font-family:var(--sacramento);font-weight:400;margin-top:1rem}.bride i,.hadist i,.time a+p+i,.galeri>i{font-size:3rem;color:#908d8d;position:absolute;z-index:10;animation:upAndDown 3s infinite}.bride i:nth-of-type(1){top:14rem;right:8rem}.bride i:nth-of-type(2){left:8rem;top:24rem}.bride i:nth-of-type(3){top:54rem;right:8rem}.bride i:nth-of-type(4){top:60rem;left:8rem}.bride i:nth-of-type(5){right:8rem;bottom:6rem}.hadist{width:100%;padding:4rem 8rem;text-align:center;background-color:var(--bg-color);position:relative}.hadist h2{font-size:var(--fontSize-heading-base);font-family:var(--sacramento);font-weight:400;margin-bottom:1rem}.hadist p span{display:block;margin-top:1rem;font-size:1.1rem}.hadist i{top:16rem;left:8rem}.hadist svg{position:absolute;left:0;right:0;z-index:-10}.hadist svg:nth-of-type(1){top:-8rem}.hadist svg:nth-of-type(2){bottom:-15rem}.circumcision{padding:4rem 1rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.circumcision h2{font-family:Sacramento,cursive;font-size:3rem;color:#d4a76a;margin-bottom:1rem}.circumcision h3{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:600}.circumcision p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto 2rem;line-height:1.6}.child_info{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:500px;margin:2rem auto;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a}.child_info figure{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid #d4a76a}.child_info img{width:100%;height:100%;object-fit:cover}.child_details h4{font-size:1.8rem;color:#333;margin-bottom:.5rem;font-family:Sacramento,cursive}.child_details p{font-size:1rem;color:#666;margin-bottom:.3rem}.circumcision_event{max-width:500px;margin:2rem auto;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a}.circumcision_event h4{font-size:1.5rem;color:#d4a76a;margin-bottom:1rem}.circumcision_event p{font-size:1.1rem;color:#333;margin-bottom:.5rem}.circumcision .bx-heart{color:#d4a76a;font-size:1.5rem;margin:0 .5rem;animation:float 3s ease-in-out infinite}.circumcision .bx-heart:nth-child(2){animation-delay:.5s}.circumcision .bx-heart:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width: 768px){.child_info{flex-direction:column;text-align:center;gap:1rem}.child_info figure{width:120px;height:120px}.circumcision h2{font-size:2.5rem}}.time{width:100%;min-height:100vh;text-align:center;padding:10rem 8rem;position:relative}.time h2{font-family:var(--sacramento);font-size:var(--fontSize-heading-base);font-weight:400}.time div:nth-of-type(1){margin-top:2rem}.time div:nth-of-type(1) div h3{font-family:var(--sacramento);font-size:var(--fontSize-heading-lg);font-weight:400}.time div:nth-of-type(1) div:nth-of-type(2){margin-top:2rem}.time a{padding:.5rem 1rem;color:#fff;font-size:1rem;background-color:#000;margin:2rem auto 1rem;border-radius:20px;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem}.time a i{font-size:1.2rem}.time a+p+i{right:8rem;top:22rem}.galeri{width:100%;min-height:100vh;text-align:center;padding:4rem 8rem 12rem;margin-top:-6rem;position:relative}.galeri .container{width:100%;padding:0 1.5rem 2rem;border-radius:50px;box-shadow:0 4px 8px #0000001a,0 -1px 1px #0000001a;position:relative}.galeri .container h2,.galeri div:nth-of-type(2) h2{font-family:var(--sacramento);font-size:var(--fontSize-heading-base);font-weight:400;padding:2rem 1rem}.galeri .container figure{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:none}.galeri .container figure::-webkit-scrollbar,.galeri div:nth-of-type(2)::-webkit-scrollbar{display:none}.galeri .container figure img{width:100%;height:35rem;object-fit:cover;border-radius:15px;transition:var(--transition-small)}.galeri .container ul{padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;left:0;right:0;bottom:5.6rem}.galeri .container ul li{width:1.8rem;height:.25rem;background-color:#ffffff80;border-radius:1px;list-style-type:none;cursor:pointer}.galeri .container ul li:hover,.galeri .container ul li.active{background-color:#fff}.galeri .container button:nth-of-type(1),.galeri .container button:nth-of-type(2){font-size:4rem;color:#ffffff80;background:none;border:none;position:absolute;top:24.6rem}.galeri .container button:nth-of-type(1) i:hover,.galeri .container button:nth-of-type(2) i:hover{color:#fff;cursor:pointer}.galeri .container button:nth-of-type(1){left:2rem}.galeri .container button:nth-of-type(2){right:2rem}.galeri .container button:nth-of-type(3){padding:.5rem 1rem;background-color:#fff;border:1px solid #000;border-radius:20px;margin-top:1rem;transition:var(--transition-small)}.galeri .container button:nth-of-type(3):hover{color:#fff;background-color:#000;cursor:pointer}.galeri div:nth-of-type(2){width:100%;height:100vh;padding:2rem 8rem;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99;overflow-y:auto;transition:all .3s ease;transform:scale(0);opacity:0;transform-origin:bottom}.galeri div:nth-of-type(2)>div{box-shadow:0 4px 8px #0000001a,0 -1px 1px #0000001a;border-radius:20px;padding:2rem;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.galeri div:nth-of-type(2)>div img{width:100%;object-fit:cover;border-radius:20px}.galeri div:nth-of-type(2) button{padding:0;font-size:2rem;background:none;border:none;cursor:pointer;position:absolute;top:1rem;right:1rem;transition:var(--transition-small)}.galeri div:nth-of-type(2) button:hover i{text-shadow:1px 2px 5px rgba(0,0,0,.5)}.galeri div:nth-of-type(2).active{transform:scale(1);opacity:1}.galeri>i{top:2rem;left:10rem}.wishas{width:100%;min-height:100vh;padding:4rem 8rem;background-color:var(--bg-color);position:relative;text-align:center}.wishas div:nth-of-type(1) h2,.wishas div:nth-of-type(2) h2{font-size:var(--fontSize-heading-base);font-family:var(--sacramento);font-weight:400}.wishas div:nth-of-type(1)>div{margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.wishas div:nth-of-type(1)>div figure{width:24rem;text-align:center;border-radius:15px;padding:1rem 0;box-shadow:0 4px 8px #0000001a,0 -1px 1px #0000001a}.wishas div:nth-of-type(1)>div figure img{width:10rem;height:3rem;object-fit:contain;margin-bottom:1rem}.wishas div:nth-of-type(1)>div figure figcaption{line-height:1.8rem;margin-bottom:1rem}.wishas div:nth-of-type(1)>div figure button{padding:.4rem 1rem;border:1px solid #000;background-color:#fff;border-radius:10px;cursor:pointer;transition:var(--transition-small)}.wishas div:nth-of-type(1)>div figure button:hover{background-color:#000;color:#fff}.wishas div:nth-of-type(2){margin-top:2rem;box-shadow:0 4px 8px #0000001a,0 -1px 1px #0000001a;border-radius:15px;padding:2rem 4rem 4rem}.wishas div:nth-of-type(2)>form{margin-top:1rem;width:100%;display:flex;align-items:start;justify-content:start;flex-direction:column}.wishas div:nth-of-type(2)>form label{display:block;margin-top:1.4rem;margin-bottom:4px}.wishas div:nth-of-type(2)>form input,.wishas div:nth-of-type(2)>form select,.wishas div:nth-of-type(2)>form textarea{width:100%;padding:.6rem 1rem;border-radius:5px;border:1px solid #000}.wishas div:nth-of-type(2)>form textarea{min-height:6rem}.wishas div:nth-of-type(2)>form button{width:100%;color:#fff;background-color:#000;padding:.6rem 0;border-radius:5px;margin-top:1rem;border:none;cursor:pointer}.wishas div:nth-of-type(3){margin-top:2rem;box-shadow:0 4px 8px #0000001a,0 -1px 1px #0000001a;border-radius:15px;padding:2rem 4rem}.wishas div:nth-of-type(3) ul{margin-top:1.4rem;width:100%;display:flex;align-items:start;justify-content:start;flex-direction:column;gap:1rem;min-height:26rem;max-height:30rem;overflow-y:hidden}.wishas div:nth-of-type(3) ul li{display:flex;align-items:start;justify-content:start;gap:1rem}.wishas div:nth-of-type(3) ul li div:nth-of-type(1){width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.wishas div:nth-of-type(3) ul li div:nth-of-type(2){margin:.4rem 0 0;padding:0;text-align:start;box-shadow:none}.wishas div:nth-of-type(3) ul li div:nth-of-type(2) h4{font-size:1rem;font-weight:400}.wishas div:nth-of-type(3) ul li div:nth-of-type(2) p:nth-of-type(1){font-size:.6rem;font-weight:300;line-height:1rem}.wishas div:nth-of-type(3) ul li div:nth-of-type(2) p:nth-of-type(2){margin-top:.4rem;font-weight:300;font-size:.8rem}.wishas div:nth-of-type(3) .button-grup{margin:1rem auto 0;border:1px solid #000;border-radius:4px;background-color:#fff;width:fit-content;display:flex;align-items:center;justify-content:center}.wishas div:nth-of-type(3) .button-grup>span{background-color:#d5d2d2;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.wishas div:nth-of-type(3) .button-grup button{padding:.5rem 1rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem}.wishas svg:nth-of-type(1){position:absolute;z-index:-10;top:-12rem;left:0;right:0}.wishas svg:nth-of-type(2){position:absolute;z-index:-10;left:0;right:0;bottom:-15rem}footer{margin-top:6rem;width:100%;padding:4rem 8rem;text-align:center}footer h2{font-size:var(--fontSize-heading-base);font-family:var(--sacramento);font-weight:400;margin-top:1rem}footer h4{font-size:1.6rem;font-family:var(--arabic);font-weight:400}footer>div{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #000;margin-top:1rem;padding-top:.6rem}footer>div p{font-size:.6rem}footer>div p span{font-weight:700}footer>div a{display:flex;align-items:center;justify-content:center;color:#000;font-size:.8rem}@media screen and (max-width: 768px){header nav{display:flex}.home svg{bottom:-5rem}.bride,.time{padding:6rem 1.4rem 8rem}.bride h2,.bride h3{font-size:1.8rem}.bride i:nth-of-type(1){right:1.4rem;top:2.6rem}.bride i:nth-of-type(2){left:1.4rem;top:24rem}.bride i:nth-of-type(3){right:1.4rem;top:55rem}.bride i:nth-of-type(4){left:1.4rem;top:60rem}.bride i:nth-of-type(5){right:1.4rem}.hadist{padding:2rem 1.4rem}.hadist i{left:1.4rem;top:24rem}.hadist svg:nth-of-type(1){top:-4rem}.hadist svg:nth-of-type(2){bottom:-5rem}.time a+p+i{right:1.4rem;top:16rem}.galeri{margin-top:-6rem;padding:4rem 1.4rem}.galeri .container{padding:0 1rem 1rem}.galeri .container figure{margin-top:-1rem}.galeri .container figure img{height:14rem}.galeri .container ul{bottom:5rem}.galeri .container ul li{width:1rem;height:.2rem}.galeri .container button:nth-of-type(1),.galeri .container button:nth-of-type(2){top:12.4rem;font-size:3rem}.galeri .container button:nth-of-type(1){left:.8rem}.galeri .container button:nth-of-type(2){right:.8rem}.galeri div:nth-of-type(2){padding:0 1rem 4rem}.galeri div:nth-of-type(2)>div{margin-top:-1rem;padding:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem}.galeri div:nth-of-type(2)>div img{border-radius:15px}.galeri div:nth-of-type(2) button{font-size:1.4rem}.galeri>i{top:2rem;left:3rem}.wishas{padding:1rem 1.4rem 2rem;margin-top:-14rem}.wishas div:nth-of-type(1)>div{flex-direction:column}.wishas div:nth-of-type(1)>div figure{width:100%}.wishas div:nth-of-type(1)>div figure img{width:8rem}.wishas div:nth-of-type(2){padding:2rem 1rem}.wishas div:nth-of-type(2)>form{margin-top:-1rem}.wishas div:nth-of-type(3){padding:2rem 1rem}.wishas div:nth-of-type(3) ul li{gap:.6rem}.wishas div:nth-of-type(3) .button-grup button{padding:.3rem .6rem;font-size:.8rem}.wishas svg:nth-of-type(1){top:-4rem}.wishas svg:nth-of-type(2){bottom:-5rem}.audio button{bottom:5rem;right:.8rem}footer{margin-top:4rem;padding:1rem 1.4rem 3.4rem}footer h2{font-size:1.4rem}footer>div a{font-size:.6rem}}