@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#cfcfcf}::-webkit-scrollbar-thumb{background-color:var(--blue-himsi)}:root{--white:#fff;--black:#000;--blue-himsi:#264685;--orange-himsi:#f15c2d;--nav-more-option-clr:#264685dc;--nav-more-option-hover-clr:#2f59acdc;--blue-himsi-bit-lighter:#3865bf;--hero-bg-color:#000000a0;--border-bottom-nav-clr:#537fd7;--timeline-item-color:#2f5bb3;--hero-bg-image:url(/img/hero-compressed-hd.webp);--nav-header-animation:nav 1.25s ease-in-out forwards;--logo-header-animation:logo 1.25s ease-in-out forwards;--heroBody-text-animation:heroBody 1s ease-in-out forwards;--wave-animation:wave 4s ease-in-out infinite}.font-clr-blue{color:var(--blue-himsi)!important}.font-clr-orange{color:var(--orange-himsi)!important}body{scroll-behavior:smooth}header{width:100%;display:flex;align-items:center;justify-content:space-between}header.nav{z-index:9999;position:fixed;top:0;background-color:transparent;transition:.3s ease;padding:30px 160px;color:var(--white);-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}header.nav.active{background-color:var(--white);box-shadow:0 0 10px 0 #00000048;color:var(--black);padding:20px 180px}.nav nav{display:flex;gap:20px;color:inherit;animation:var(--nav-header-animation);-webkit-animation:var(--nav-header-animation);transform:translateX(600px);-webkit-transform:translateX(600px);-moz-transform:translateX(600px);-ms-transform:translateX(600px);-o-transform:translateX(600px);position:relative}.nav nav a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:3px;font-weight:500;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav a:hover{color:var(--orange-himsi)}header.nav.active nav a:hover{color:var(--blue-himsi)}#services{display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer}header.nav.active #ChevronDown-icon{fill:var(--black);stroke:var(--black)}header.nav.active #services:hover #ChevronDown-icon{fill:var(--blue-himsi);stroke:var(--blue-himsi)}#services:hover #ChevronDown-icon{fill:var(--orange-himsi);stroke:var(--orange-himsi)}#ChevronDown-icon{fill:var(--white);stroke:var(--white);stroke-width:10px;width:15px;height:15px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}#ChevronDown-icon.active{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.services{flex-direction:column;background-color:var(--orange-himsi);border-radius:10px;position:absolute;bottom:0;right:-30px;align-items:center;display:flex;overflow:hidden;height:0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 3px 7px 0 #000;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;justify-content:center;opacity:0}header.nav .services.active{height:120px;bottom:-140px;opacity:1}header.nav.active .services.active{height:120px;bottom:-160px}#services.active{color:var(--blue-himsi)}#services+.services a{color:var(--white);padding:10px 30px;width:100%;text-align:center}#services+.services a:hover{background-color:#00000021}.logo{width:40px;height:40px;border-radius:50%;background-color:var(--white);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-wrapper{display:flex;align-items:center;gap:20px}#nav-header .logo-wrapper{cursor:pointer;transform:translateX(-800px);-webkit-transform:translateX(-800px);-moz-transform:translateX(-800px);-ms-transform:translateX(-800px);-o-transform:translateX(-800px);animation:var(--logo-header-animation);-webkit-animation:var(--logo-header-animation)}.logo-wrapper h1{color:inherit;font-size:1rem;letter-spacing:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-wrapper h1 span:first-child{color:var(--orange-himsi)}.logo-wrapper h1 span:last-child{color:var(--blue-himsi-bit-lighter)}.hero{display:flex;height:100dvh;width:100%;align-items:center;justify-content:center;position:relative;overflow:hidden
  /* ! Kode di bawah ini ga bs work di ios */
  /* ! This code won't work, since iOS uses the hight of the document and not the viewport:  */}

/* ! Agar di ios bisa work harus gunakan kode di bwh ini */.hero:after{content:"";position:absolute;top:0;height:100vh;left:0;right:0;z-index:-1;background:var(--hero-bg-image) center center;background-color:#000;background-size:cover}.hero-body{opacity:1;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;background-color:var(--hero-bg-color);position:relative}.hero-body h1 span:first-child{color:var(--blue-himsi-bit-lighter)}.hero-body h1 span:nth-child(2){color:var(--orange-himsi)}.hero-body h1{font-size:5rem;animation:var(--heroBody-text-animation);-webkit-animation:var(--heroBody-text-animation);animation-delay:.35s}.hero-body h1,.hero-body p{opacity:0;color:var(--white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-body p{font-size:1.3rem;letter-spacing:2px;animation:var(--heroBody-text-animation);-webkit-animation:var(--heroBody-text-animation);animation-delay:.75s}.hero-body button{opacity:0;animation:var(--heroBody-text-animation);-webkit-animation:var(--heroBody-text-animation);animation-delay:1s;width:70%;font-size:1.2rem;padding:20px;background-color:transparent;outline:none;color:var(--white);border:1px solid var(--white);margin-top:20px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:3px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.hero-body button:hover{box-shadow:0 0 30px 0 var(--orange-himsi);background-color:var(--orange-himsi);color:var(--white);border-color:var(--orange-himsi)}main{background-color:#fff;overflow:hidden}.wave{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;bottom:0;left:0;width:100%;height:100px;background-image:url(/wave.webp);background-size:1000px 100px;animation:var(--wave-animation);-webkit-animation:var(--wave-animation)}.wave#wave0{z-index:1000;opacity:1;background-position-x:1000px;animation-delay:1.25s}.wave#wave1{z-index:999;opacity:.5;background-position-x:300px;animation-delay:2.25s}.wave#wave2{z-index:998;opacity:.2;background-position-x:200px;animation-delay:3.25s}.wave#wave3{z-index:997;opacity:.7;background-position-x:100px;animation-delay:4.25s}#nav-more-option{display:none;animation:var(--nav-header-animation);-webkit-animation:var(--nav-header-animation);transform:translateX(600px);-webkit-transform:translateX(600px);-moz-transform:translateX(600px);-ms-transform:translateX(600px);-o-transform:translateX(600px)}.burgerBtn-icon,.xSymbol{fill:var(--white);display:none;cursor:pointer}.logo-wrapper #logo-crop-text{display:none}header.nav.active .burgerBtn-icon,header.nav.active .xSymbol{fill:var(--black)}#about,#aspiration,#bimsi,#event,#himfact{width:100%;padding-top:calc(40px + 50px);display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:40px}#about .left,#about .right,#himfact .left,#himfact .right{flex:1 1;height:100%}#tagline span{font-family:Times New Roman,serif;font-size:3rem}#tagline span,.btn-style-1{-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-style-1{outline:none;border:2px solid var(--orange-himsi);padding:20px 30px;font-size:1.2rem;background-color:transparent;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;margin-top:20px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.btn-style-1:hover{background-color:var(--orange-himsi)}.btn-style-1:hover a{color:var(--white)}.btn-style-1 a{text-decoration:none;color:var(--orange-himsi)}#about{padding:50px 50px 0;margin-bottom:0}#about .right{padding:0 80px;display:flex;justify-content:center;flex-direction:column}#about .right p{font-size:1.2rem;line-height:30px;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none}#about .right p span{font-weight:600}#about .btn-wrapper{margin-top:20px;width:100%;display:flex;gap:20px}#about .btn-wrapper button{flex:1 1;color:var(--white)}#about .btn-wrapper button:last-child{background-color:var(--orange-himsi)}#about .btn-wrapper button:last-child a{color:var(--white)}#about .btn-wrapper button:hover,#himfact .left button:hover{box-shadow:3px 5px 10px 0 #212121d5}#about .left{display:flex;justify-content:center;align-items:center}#about .left img{width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#himfact{justify-content:flex-start}#himfact .right{display:flex;justify-content:flex-end;align-items:center;align-self:flex-end}#himfact .product-wrapper{border:50px solid var(--blue-himsi);border-right:none;width:690px;height:690px;border-radius:50%;-webkit-border-radius:50% 0 0 50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:var(--white);position:relative;box-shadow:0 0 20px 0 var(--blue-himsi-bit-lighter);transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;background-color:#ffe2a7;-webkit-user-select:none;-moz-user-select:none;user-select:none}#himfact .product-wrapper .product-highlight{width:80%;height:80%;position:absolute;top:50%;left:150%;transform:translate(-40%,-50%);-webkit-transform:translate(-40%,-50%);-moz-transform:translate(-40%,-50%);-ms-transform:translate(-40%,-50%);-o-transform:translate(-40%,-50%);transition:1s ease-in-out;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-ms-transition:1s ease-in-out;-o-transition:1s ease-in-out;object-fit:contain}#himfact .product-wrapper .img-wrapper{width:120px;height:120px;position:absolute;border:10px solid var(--blue-himsi);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:var(--white);cursor:pointer;background-size:contain;background-position:50%}#himfact .product-wrapper .img-wrapper.product-1{top:-50px;left:90px}#himfact .product-wrapper .img-wrapper.product-2{top:70px;left:-40px}#himfact .product-wrapper .img-wrapper.product-3{top:50%;left:-90px;transform:translateY(-50%);background-size:cover;background-position:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}#himfact .product-wrapper .img-wrapper.product-4{bottom:70px;left:-40px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-50px;left:90px}#himfact .product-wrapper .img-wrapper:hover{box-shadow:0 0 15px 5px var(--orange-himsi)}#himfact .product-wrapper .img-wrapper.active{box-shadow:0 0 10px 5px var(--orange-himsi);border-color:var(--orange-himsi)}#himfact .left{padding:100px;max-width:950px}#himfact .left,#himfact .left h1{-webkit-user-select:none;-moz-user-select:none;user-select:none}#himfact .left h1{font-size:10rem;letter-spacing:40px;line-height:100%;font-family:Poppins}#himfact .left h2{font-size:1.7rem}#himfact .left p{margin-top:10px;font-size:1.2rem;line-height:30px;text-transform:capitalize}#himfact .left p span{font-weight:600}.creation-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;padding-top:120px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.creation-wrapper{display:flex;width:100%;justify-content:center}.creation-wrapper video{padding:20px;width:100%}.creation-container h1{font-size:3rem;letter-spacing:5px;width:100%;text-align:center}.creation-vid-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%}.creation-vid-wrappervideo::-webkit-media-controls{display:none!important}.creation-vid-wrapper h2{font-size:2rem;text-align:center}#bimsi{margin-top:80px;height:auto}.bimsi-container{width:100%;height:100vh}.bimsi-wrapper{height:600px;width:100%;position:relative;overflow:hidden;background:url(/img/event/bimsi.webp) 50%;background-size:cover}.bimsi-body{width:100%;height:100%;gap:50px;display:flex;align-items:center;justify-content:center;padding:250px;color:var(--white);background-color:#f15b2dc5}.bimsi-logo-wrapper{background-color:hsla(0,0%,100%,.87);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.bimsi-logo-wrapper img{width:370px;height:auto}.bimsi-wrapper h1{font-size:3rem;letter-spacing:5px;margin-bottom:20px}.bimsi-body p,.bimsi-wrapper h1{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bimsi-body p{font-size:1.4rem;line-height:35px}.bimsi-body button{border-color:var(--white);color:var(--white);width:270px;font-size:1.3rem}.bimsi-body button:hover{background-color:var(--white);color:var(--orange-himsi);box-shadow:0 0 15px 0 var(--white)}#event{height:auto;padding-top:0}.event-container{height:800px;flex-direction:column;margin-top:80px}.event-container,.event-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.event-wrapper{padding:30px 50px;gap:30px}.event-card{width:425px;height:600px;perspective:1000px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.event-card .logo-event-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;background-color:rgba(87,87,87,.4)}.event-card-inner .front .logo-event-wrapper img{object-fit:contain;width:40%;height:auto;cursor:pointer;transition:.8s ease;-webkit-transition:.8s ease;-moz-transition:.8s ease;-ms-transition:.8s ease;-o-transition:.8s ease}.event-card .logo-event-wrapper img:hover{scale:1.05}.event-container h1{font-size:2.7rem;letter-spacing:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.event-container button{font-size:1.2rem;color:var(--orange-himsi);color:var(--white);background-color:var(--orange-himsi);border-radius:0;width:100%;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.event-container button:hover{background-color:var(--blue-himsi);border-color:var(--blue-himsi)}.event-wrapper .carousel-ctrl{display:none}.carousel-ctrl span{background-color:#cdcdcd;width:30px;height:30px;padding:5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel-ctrl span svg{fill:var(--white)}.carousel-ctrl .chevron{width:20px;height:20px}.carousel-ctrl .chevron-left .chevron{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.event-card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;position:relative;-webkit-transition:transform .6s;-moz-transition:transform .6s;-ms-transition:transform .6s;-o-transition:transform .6s}.event-card-inner.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.event-card-inner.flip .front .logo-event-wrapper img{transition:.3s ease;opacity:0;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.event-card-inner .back,.event-card-inner .front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 3px 7px 0 #000000b6;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:.6s ease;overflow:hidden;-webkit-transition:.6s ease;-moz-transition:.6s ease;-ms-transition:.6s ease;-o-transition:.6s ease}.event-card-inner .back{transform:rotateY(180deg);background-size:cover;padding:30px;position:relative}.event-card-inner .back .back-event-bg{z-index:-2;object-fit:cover}.dark-layer,.event-card-inner .back .back-event-bg{width:100%;height:100%;position:absolute;bottom:0;left:0}.dark-layer{z-index:-1;background-color:rgba(60,60,60,.735)}.event-card-inner .back .desc-event{display:flex;height:100%;flex-direction:column;gap:30px}.event-card-inner .back .desc-event p{color:var(--white);background:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.3);height:calc(100%);width:100%;word-wrap:break-word;overflow-y:auto;padding:10px;line-height:30px}.event-card-inner .back .desc-event h1{color:var(--white);text-transform:uppercase;font-size:2rem;letter-spacing:3px;text-align:left;width:100%}.event-card-inner .back .xSymbol{width:25px;height:25px;display:block;padding:3px;background-color:var(--orange-himsi);fill:var(--white);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;top:15px;right:15px}.event-card .front img{width:100%;height:100%;object-fit:cover}#aspiration{flex-wrap:wrap;padding:0}#aspiration .left{display:flex;justify-content:center;align-items:center;width:40%}#aspiration .left img{width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}#aspiration .right{width:50%;padding:20px}#aspiration .right .text-wrapper{display:flex;justify-content:center;flex-direction:column;gap:5px;height:100%;padding:10px}#aspiration .right .text-wrapper h1{font-size:3rem;font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none}#aspiration .right .text-wrapper h2{font-size:2rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}#aspiration .right .text-wrapper p{font-size:1.2rem;padding-right:70px;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#aspiration .right .text-wrapper button{color:var(--orange-himsi);width:500px}#aspiration .right .text-wrapper button:hover{color:var(--white);box-shadow:3px 5px 10px 0 #212121d5}#footer{position:relative;margin-top:50px;display:flex;justify-content:center;align-items:center;color:var(--white);flex-direction:column;overflow:hidden}#footer,.cloud-footer{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cloud-footer{height:auto;pointer-events:none}#footer .top{background-color:var(--orange-himsi);height:100%;width:100%;display:flex;gap:30px;justify-content:space-evenly;flex-wrap:wrap;padding:30px 50px;text-align:center}#footer .top a{color:var(--white);text-decoration:none}#footer .top svg{width:30px;height:30px}#footer .top ul{margin-top:10px;list-style:none}#footer .top ul li:hover{text-decoration:underline;cursor:pointer}#footer .top .left .nav-footer{margin-bottom:30px}#footer .top .left .nav-footer,#footer .top .left .sosmed{display:flex;justify-content:center;align-items:center;gap:20px}#footer .top .left .sosmed li,.contact-footer span{display:flex;align-items:center;justify-content:center;gap:10px}#footer .top .mid ul li,.contact-footer span{display:flex;align-items:center;gap:10px;text-align:left}#footer .top .mid .contact-footer{margin-top:30px;display:flex;justify-content:center;width:100%;gap:50px}#footer .top .right{display:flex;flex-direction:column;gap:30px}#footer .top .right .logo-wrapper img:hover{cursor:pointer}#footer .top .right .logo-wrapper{justify-content:center}#footer .top .right p span:hover{text-decoration:underline;cursor:pointer}#footer .top .left .nav-footer,#footer .top .left .sosmed,#footer .top .mid .contact-footer{flex-wrap:wrap}#footer .bottom{background-color:var(--orange-himsi);width:100%;text-align:center;border-top:1px solid var(--white);padding:15px}#footer .bottom p{letter-spacing:3px}

/* ! ========== ABOUT ========= */.heroAbout{margin-top:80px;min-height:calc(100vh - 170px);width:100%;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.heroAbout-wrapper{position:absolute;left:100%;opacity:0;width:100%;height:100%;transition:left 1s ease,opacity 7s ease;-webkit-transition:left 1s ease,opacity 7s ease;-moz-transition:left 1s ease,opacity 7s ease;-ms-transition:left 1s ease,opacity 7s ease;-o-transition:left 1s ease,opacity 7s ease}.heroAbout .heroAbout-wrapper img{z-index:-1;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heroAbout-wrapper.active{transition:opacity 0s ease,left 1s ease;opacity:1;left:0;-webkit-transition:opacity 0s ease,left 1s ease;-moz-transition:opacity 0s ease,left 1s ease;-ms-transition:opacity 0s ease,left 1s ease;-o-transition:opacity 0s ease,left 1s ease}.heroAbout-wrapper.next{left:-100%;opacity:0}.heroAbout-wrapper .desc-wrapper{background-color:#264685ac;display:flex;height:100%;color:var(--white)}.heroAbout-wrapper .desc-wrapper .left{height:100%;width:45%;padding:50px}.titleGen{text-align:left;padding:10px;font-style:italic;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.titleGen h1{font-size:6.3rem;text-transform:uppercase}.titleGen h1,.titleGen p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.titleGen p{margin-left:5px;text-transform:capitalize;font-size:1.5rem;font-weight:300}.heroAbout-wrapper .desc-wrapper .right{background-color:#ff450cb1;width:47%;height:100%;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center;padding-inline:70px;flex-direction:column;gap:20px;text-align:left}.heroAbout-wrapper .desc-wrapper .right p{font-size:1.1rem;letter-spacing:2px;line-height:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heroAbout-wrapper .desc-wrapper .right h2{font-size:3rem;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heroAbout-wrapper .desc-wrapper .right .cut-desc{display:none}.heroAbout-wrapper .desc-wrapper .right button{width:100%;color:var(--white);border-color:var(--white);cursor:pointer;display:none}.heroAbout-wrapper .desc-wrapper .right button:hover{color:var(--orange-himsi);background-color:var(--white);box-shadow:0 0 15px 0 var(--white)}.heroAbout-wrapper .desc-wrapper .right .titleGen{display:none}.whoAreWe{width:100%;text-align:center;padding:80px}.whoAreWe h1{font-size:5rem}.whoAreWe h1,.whoAreWe p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.whoAreWe p{font-size:1.3rem;padding-inline:100px;line-height:40px;margin-top:30px}.whoAreWe .short-desc{display:none}.whoAreWe img{width:calc(700px * 1.3);height:calc(500px * 1.3);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.timeline{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;gap:70px;margin-top:100px;margin-bottom:100px}.timeline h1{font-size:5rem;letter-spacing:10px;font-weight:800;position:relative;width:100%;text-align:center}.timeline h1:before{content:"";display:block;width:35%;height:3px;background-color:var(--blue-himsi);margin:0 auto;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%)}.timeline .wrapper{width:100vw;position:relative;display:flex;flex-direction:column;gap:50px;padding-inline:15vw}.timeline .wrapper .line{display:block;width:7px;max-height:calc(100% - 300px);position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#c2c2c2}.timeline .wrapper .line.gray{min-height:calc(100% - 300px)}.timeline .wrapper .line.orange{background-color:var(--orange-himsi);height:0}.timeline .timeline-item{background-color:var(--timeline-item-color);border-radius:10px 0 10px 10px;width:600px;height:300px;position:relative;-webkit-border-radius:10px 0 10px 10px;-moz-border-radius:10px 0 10px 10px;-ms-border-radius:10px 0 10px 10px;-o-border-radius:10px 0 10px 10px;box-shadow:3px 3px 5px 3px rgba(75,75,75,.475);opacity:0;padding:30px;cursor:pointer}.timeline-item.fade-in-left{animation:fadeInLeft 1s forwards;-webkit-animation:fadeInLeft 1s forwards}.timeline-item.fade-in-right{animation:fadeInRight 1s forwards;-webkit-animation:fadeInRight 1s forwards}.timeline-item.fade-out-left{animation:fadeOutLeft 1s forwards}.timeline-item.fade-out-right{animation:fadeOutRight 1s forwards}.timeline .timeline-item.even:before{left:-25px}.timeline .timeline-item.even:before,.timeline .timeline-item.odd:before{content:"";position:absolute;top:0;width:0;height:0;transform:rotate(180deg);border:30px solid transparent;border-bottom:30px solid var(--timeline-item-color);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.timeline .timeline-item.odd:before{right:-25px}.timeline .timeline-item.even{align-self:flex-end;border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-ms-border-radius:0 10px 10px 10px;-o-border-radius:0 10px 10px 10px}.timeline .dot-wrapper{height:calc(100% - 290px);position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;flex-direction:column}.timeline .dot-wrapper .dot{background-color:var(--white);border:3px solid var(--orange-himsi);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;width:30px;height:30px;display:block;margin-top:-10px}.timeline .timeline-item .content{width:100%;height:100%;display:flex;color:var(--white);flex-direction:column;gap:15px;overflow-y:auto;overflow-x:hidden;padding:10px}.timeline-item .content h2{text-transform:uppercase;font-size:2rem;padding:0;text-wrap:wrap}.timeline-item .content p{font-size:1.2rem;letter-spacing:1px;line-height:27px}.timeline .timeline-item .content::-webkit-scrollbar{width:2px}.timeline .timeline-item .content::-webkit-scrollbar-thumb{background-color:orange;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.timeline .timeline-item .content{scrollbar-width:thin;scrollbar-color:orange transparent}.timeline .timeline-item .seeMoreWrapper{position:absolute;width:100%;height:100%;z-index:99;background-color:rgba(34,104,196,.701);top:0;left:0;scale:0;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;justify-content:center;align-items:center;color:var(--white);text-transform:uppercase;font-weight:600;letter-spacing:3px;text-align:center;padding:10px}.timeline .timeline-item:hover .seeMoreWrapper{transition:scale .3s ease-in-out,opacity .8s ease-in-out;opacity:1;scale:1;-webkit-transition:scale .3s ease-in-out,opacity .8s ease-in-out;-moz-transition:scale .3s ease-in-out,opacity .8s ease-in-out;-ms-transition:scale .3s ease-in-out,opacity .8s ease-in-out;-o-transition:scale .3s ease-in-out,opacity .8s ease-in-out}.fam-tag-container{margin-top:100px;width:100%;overflow:hidden}.fam-tag-container blockquote{text-align:center;text-transform:uppercase;width:100%;font-weight:600;font-size:3rem;background-color:var(--orange-himsi);padding:30px;color:var(--white);letter-spacing:3px;white-space:nowrap;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.fam-tag-container blockquote:hover{background-color:var(--blue-himsi-bit-lighter)}.gallery-container{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;gap:50px}.gallery-container .lower,.gallery-container .upper{width:100%;display:flex}.gallery-container .upper{animation:moveRight 60s ease-in-out infinite alternate;-webkit-animation:moveRight 60s ease-in-out infinite alternate}.gallery-container .lower{transform:translateX(-1460px);-webkit-transform:translateX(-1460px);-moz-transform:translateX(-1460px);-ms-transform:translateX(-1460px);-o-transform:translateX(-1460px);animation:moveLeft 60s ease-in-out infinite alternate;-webkit-animation:moveLeft 60s ease-in-out infinite alternate}.gallery-container .lower .img-wrapper,.gallery-container .upper .img-wrapper{height:150px}.gallery-container .img-wrapper img{height:100%;width:auto}.notFound-container{width:100%;height:100%;position:fixed;z-index:9999;background-color:#1c488a44;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none}.notFound-container,.notFound-container .wrapper{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.notFound-container .wrapper{width:600px;height:300px;background-color:var(--white);border-radius:10px;position:absolute;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:3px 3px 5px 3px #00000052;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.notFound-container .wrapper p{font-size:1.5rem;text-align:center;width:100%;text-transform:capitalize;margin-top:20px}.notFound-container .wrapper button{width:70%;background-color:var(--orange-himsi);color:var(--white);margin-top:0}.notFound-container .wrapper img{width:200px;height:auto;position:absolute;top:-145px;right:0}.notFound-container.active{display:block}.no-scroll{overflow:hidden}.genStory-hero{height:75vh;margin-top:80px}.genStory-hero img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.genStory-details-container{text-align:center;margin-bottom:100px}.genStory-details-container h1{color:var(--white);background-color:var(--orange-himsi);font-size:5rem;text-transform:uppercase;font-style:italic;padding:30px;letter-spacing:5px;display:flex;flex-direction:column;gap:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.genStory-details-container h1 small{font-size:1.5rem;letter-spacing:normal;font-weight:400}.genStory-details-container h1 q{font-size:3rem}.genStory-details-container h3{margin-top:100px;letter-spacing:5px;font-size:5rem;text-transform:uppercase;font-weight:800;margin-bottom:30px}.genStory-details-container h3,.genStory-details-container p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.genStory-details-container p{font-size:1.5rem;padding-inline:150px}.notFound-page-container{width:100%;height:calc(100vh);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;text-align:center;overflow:hidden;padding:30px;margin-bottom:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.notFound-page-container h1{font-size:5rem}.notFound-page-container p{font-size:2rem}.notFound-page-container img{width:600px;height:600px;opacity:.3;position:absolute;z-index:-1}.eventPage-container{width:100%;margin-top:100px}.eventPage-container .wrapper-event{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-top:50px;padding:30px}.eventPage-container h1{font-size:5rem;text-align:center;background-color:var(--orange-himsi);color:var(--white);padding:30px;font-style:italic;letter-spacing:5px}.eventPage-container .event,.eventPage-container h1{-webkit-user-select:none;-moz-user-select:none;user-select:none}.eventPage-container .event{width:550px;height:700px;border-radius:10px;border:1px solid hsla(0,0%,45%,.595);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:3px 3px 3px 0 rgba(41,41,41,.447);overflow:hidden;pointer-events:none}.eventPage-container .event .img-wrapper{height:35%;background-color:silver;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;overflow:hidden}.eventPage-container .event .img-wrapper img{height:100%;width:100%;object-fit:cover}.eventPage-container .event .desc-wrapper{padding:30px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.eventPage-container .event .title{display:flex;gap:30px;justify-content:space-between}.eventPage-container .event .title h2{color:var(--blue-himsi);width:70%;font-size:2rem;letter-spacing:2px;display:flex;align-items:center}.eventPage-container .event .desc-wrapper .logo-wrapper{width:100px;height:100px}.eventPage-container .event .desc-wrapper .logo-wrapper img{width:100%;height:auto}.eventPage-container .event .desc-wrapper button{color:var(--orange-himsi)}.eventPage-container .event .desc-wrapper button:hover{color:var(--white)}.aspirationPage-container{margin-top:100px}.nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.5);border:none;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}.nav-button.left{left:1rem}.nav-button.right{right:1rem}.nav-button:hover{background-color:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.05)}.icon{width:24px;height:24px;stroke:#fff}@keyframes wave{0%,to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px)}}@keyframes heroBody{0%{opacity:0}to{opacity:1}}@keyframes logo{0%{transform:translateX(-800px);-webkit-transform:translateX(-800px);-moz-transform:translateX(-800px);-ms-transform:translateX(-800px);-o-transform:translateX(-800px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes nav{0%{transform:translateX(600px);-webkit-transform:translateX(600px);-moz-transform:translateX(600px);-ms-transform:translateX(600px);-o-transform:translateX(600px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20%);-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20%);-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20%);-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20%);-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%)}}@keyframes moveLeft{0%{transform:translateX(-1460px);-webkit-transform:translateX(-1460px);-moz-transform:translateX(-1460px);-ms-transform:translateX(-1460px);-o-transform:translateX(-1460px)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes moveRight{0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}to{transform:translateX(-1460px);-webkit-transform:translateX(-1460px);-moz-transform:translateX(-1460px);-ms-transform:translateX(-1460px);-o-transform:translateX(-1460px)}}@media screen and (min-width:2370px){.timeline .wrapper{width:85%}.event-card-inner .back .desc-event a,.event-card-inner .back .desc-event p{font-size:1.55rem}#himfact .left{min-width:1400px;padding-right:0;padding-left:250px}#himfact .left h1{font-size:7rem;letter-spacing:20px}#himfact .left h2{font-size:2.5rem}#himfact .left p{font-size:1.7rem;line-height:40px}}@media screen and (min-width:2300px){.event-container{height:720px}.event-card{width:500px;height:700px}}@media screen and (min-width:2000px) and (max-width:2369px){.event-card .event-card-inner .back .desc-event p,.event-card-inner .back .desc-event a{font-size:1.4rem}}@media screen and (min-width:2000px){.gallery-container .lower .img-wrapper,.gallery-container .upper .img-wrapper{height:300px}#aspiration .right .text-wrapper p{font-size:1.7rem}#aspiration .right .text-wrapper h1{font-size:5rem}#aspiration .right .text-wrapper h2{font-size:3rem}#aspiration .right .text-wrapper button{font-size:1.7rem;width:700px;padding-block:30px}.event-card-inner .back .xSymbol{width:35px;height:35px;top:25px;right:25px}.event-container h1{font-size:4.5rem}.event-container{height:950px}#tagline,#tagline span{font-size:5rem}#about .right p{font-size:1.9rem;line-height:40px}#himfact .product-wrapper{width:900px;height:900px}#himfact .product-wrapper .img-wrapper{width:150px;height:150px}#himfact .product-wrapper .img-wrapper.product-1{left:130px}#himfact .product-wrapper .img-wrapper.product-2{top:110px;left:-40px}#himfact .product-wrapper .img-wrapper.product-3{left:-100px}#himfact .product-wrapper .img-wrapper.product-4{bottom:110px;left:-40px}#himfact .product-wrapper .img-wrapper.product-5{left:130px}}@media screen and (min-width:1900px) and (max-width:2000px){.gallery-container .lower .img-wrapper,.gallery-container .upper .img-wrapper{height:200px}#event{height:auto}.event-container h1{font-size:4rem}.event-container{height:800px}}@media screen and (min-width:1900px) and (max-width:2369px){#himfact .left{padding-left:200px;max-width:1200px}}@media screen and (max-width:1900px){.timeline .wrapper{padding-inline:13vw}}@media screen and (max-width:1800px){.timeline .wrapper{padding-inline:11vw}}@media screen and (max-width:1700px){.timeline .wrapper{padding-inline:9vw}}@media screen and (max-width:1600px){.timeline .wrapper{padding-inline:7vw}}@media screen and (max-width:1560px){.timeline .timeline-item{width:500px;height:400px}.timeline .wrapper .line{max-height:calc(100% - 400px)}.timeline .wrapper .line.gray{min-height:calc(100% - 400px)}.timeline .dot-wrapper{height:calc(100% - 390px)}.timeline .wrapper{padding-inline:12vw}.event-card-inner .back .desc-event p{font-size:.95rem}.event-card-inner .back{padding:20px}}@media screen and (max-width:1440px){.genStory-hero{height:60vh}.timeline .wrapper{padding-inline:8vw}.event-container{margin-top:0}.event-card-inner .back .desc-event h1{font-size:1.5rem}.event-wrapper{padding:20;align-items:flex-start}.event-card{width:400px;height:500px}#aspiration .right .text-wrapper h1{font-size:2.5rem}#aspiration .right .text-wrapper h2{font-size:1.6rem}#aspiration .right .text-wrapper p{font-size:1rem}#aspiration .right .text-wrapper button{font-size:1rem;width:400px}#bimsi{margin-top:0}.bimsi-body{padding:120px}#about .right{padding:0 30px}#about .right p{font-size:1.1rem;line-height:20px}#about .btn-wrapper button{margin-top:0}#about .btn-wrapper button a{font-size:1.1rem}}@media screen and (max-width:1280px){.event-card{width:400px;height:450px}.bimsi-wrapper h1{font-size:2.5rem;letter-spacing:10px;margin-bottom:20px}.bimsi-body p{font-size:1.2rem;line-height:30px}.bimsi-logo-wrapper img{width:250px}header.nav{padding:20px 70px}}@media screen and (max-width:1256px){.fam-tag-container blockquote q{font-size:2.1rem}.timeline .timeline-item{width:420px;height:400px}.titleGen h1{font-size:4.5rem}.heroAbout-wrapper .desc-wrapper .left{padding-inline:30px}.heroAbout-wrapper .desc-wrapper .right button{display:block}.heroAbout-wrapper .desc-wrapper .right .cut-desc{display:inline-block}.heroAbout-wrapper .desc-wrapper .right .no-cut-desc{display:none}.event-wrapper{gap:15px;padding-inline:30px}header.nav.active{padding:20px 70px}}@media screen and (min-width:1056px){#himfact{flex-wrap:wrap-reverse}}@media screen and (max-width:1024px){.genStory-hero{height:50vh}.fam-tag-container blockquote{padding:20px}.fam-tag-container blockquote q{text-wrap:wrap;font-size:1.5rem}.timeline .timeline-item{width:350px;height:400px;padding:20px}#footer .cloud-footer{height:300px;width:1900px}#aspiration .right{width:55%}#aspiration .right .text-wrapper h2{font-size:1.4rem}.event-card-inner .back .desc-event h1{font-size:1.2rem}.event-card-inner .back .xSymbol{width:20px;height:20px}.event-container{justify-content:flex-start;height:-moz-fit-content;height:fit-content}.event-card{width:300px;height:400px}.event-card-inner .back .desc-event{gap:15px}.event-card-inner .back{padding:15px}.bimsi-wrapper h1{font-size:2.3rem}.bimsi-body p{font-size:1.1rem;line-height:27px}.bimsi-body{padding:70px}.creation-vid-wrapper h2{font-size:1.5rem}#about .btn-wrapper button a,#about .right p{font-size:1rem}#tagline,#tagline span{font-size:2rem}#about .btn-wrapper button{padding:10px}#about .btn-wrapper{flex-direction:column}.hero-body{padding:0 30px}.hero-body p{font-size:1rem}.hero-body h1{font-size:4rem}.hero-body button{font-size:1rem}.nav nav{gap:15px}.nav nav a{font-size:.825rem}.logo-wrapper #logo-full-text{font-size:.875rem}}@media screen and (max-width:1346px){.fam-tag-container blockquote{font-size:2.5rem}.timeline .wrapper{padding-inline:5vw}.heroAbout-wrapper .desc-wrapper .right{padding:50px;width:53%}.event-card-inner .back .desc-event a,.event-card-inner .back .desc-event p{font-size:.875rem}.event-card-inner .back .desc-event p{margin-bottom:0}.event-card-inner .back .desc-event h1{letter-spacing:1px}#himfact .left{padding:0 30px 0 50px}#himfact .left h1{font-size:4rem}#himfact .left h2{font-size:1.4rem}#himfact .left p{font-size:1rem}#himfact .product-wrapper{width:600px;height:600px;border:30px solid var(--blue-himsi);border-right:none}#himfact .product-wrapper .img-wrapper{width:90px;height:90px;border:7px solid var(--blue-himsi)}#himfact .product-wrapper .img-wrapper.product-1{top:-25px;left:80px}#himfact .product-wrapper .img-wrapper.product-2{top:80px;left:-20px}#himfact .product-wrapper .img-wrapper.product-3{left:-60px}#himfact .product-wrapper .img-wrapper.product-4{bottom:80px;left:-20px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-25px;left:80px}}@media screen and (max-width:900px){.notFound-page-container h1.err{font-size:3rem}#aspiration{flex-direction:column;gap:0}#aspiration .right{padding-top:0;width:100%}#aspiration .right .text-wrapper h2{text-align:center}#aspiration .right .text-wrapper p{width:100%;text-align:center;padding:0}#aspiration .right .text-wrapper{align-items:center}#aspiration .right .text-wrapper button{margin:0}#aspiration .left{width:60%}header.nav{padding:20px 50px}}@media screen and (max-width:890px){.event-card-inner .back .xSymbol{width:25px;height:25px}.event-container{height:auto}.event-wrapper{display:block;position:relative;height:700px}.event-wrapper .carousel-ctrl{display:flex;width:-moz-fit-content;width:fit-content;gap:30px;position:absolute;top:3%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.event-card{transition:.8s ease;margin-top:20px;width:400px;height:570px;position:absolute;top:50%;left:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition:.8s ease;-moz-transition:.8s ease;-ms-transition:.8s ease;-o-transition:.8s ease;opacity:0;scale:.8}.event-card.active{opacity:1;scale:1;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.event-card.next{left:-100%;opacity:0;scale:.8}.event-card-inner .back .desc-event h1{margin-top:15px;font-size:2rem}.event-card-inner .back .desc-event p{margin-bottom:0;word-wrap:break-word;overflow-y:auto;scrollbar-width:thin;-webkit-scrollbar-width:thin}.bimsi-body{gap:0}.bimsi-logo-wrapper img{display:none}.bimsi-text{text-align:center}.logo-wrapper,.nav nav{gap:10px}.logo{width:35px;height:35px}.logo-wrapper #logo-full-text{font-size:.8rem}}@media screen and (max-width:1050px){.notFound-page-container h1{font-size:4rem}.notFound-page-container p{font-size:1.5rem}#timeline .wrapper{padding-inline:10px}.whoAreWe img{width:700px;height:500px}#himfact{flex-direction:column-reverse}}@media screen and (max-width:850px){.genStory-hero{height:40vh}.timeline .wrapper .line{max-height:calc(100% - 500px)}.timeline .wrapper .line.gray{min-height:calc(100% - 500px)}.timeline .dot-wrapper{height:calc(100% - 490px)}.timeline .timeline-item{width:310px;height:500px}.whoAreWe img{width:100%;height:30%}.services{right:0;width:100%;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;background-color:#f15b2df6;box-shadow:inset 0 7px 5px -5px rgba(0,0,0,.75)}header.nav.active .services.active{height:120px;bottom:-120px;opacity:1}header.nav.active #ChevronDown-icon,header.nav.active #services:hover #ChevronDown-icon{fill:var(--white);stroke:var(--white);stroke-width:3px}.hero-body h1{font-size:3.2rem}header.nav{padding:30px 50px}.nav nav{background-color:var(--nav-more-option-clr);flex-direction:column;position:absolute;top:calc(40px + 35px);right:0;gap:0;align-items:center;display:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}header.nav.active nav a{color:var(--white)}header.nav.active nav a:hover{background-color:var(--nav-more-option-hover-clr);color:var(--white)}.nav nav a{width:100%;border-bottom:1px solid var(--border-bottom-nav-clr);text-align:center;padding:15px 0}.nav nav .services a{border-color:#fe8e6c}.nav nav a:last-child{border-bottom:none}#nav-more-option,.burgerBtn-icon{display:block}#nav-more-option.active .burgerBtn-icon{display:none}#nav-more-option.active .xSymbol{display:block}#nav-more-option.active+nav{display:flex;animation-duration:.5s}#about,#aspiration{flex-direction:column}#about .btn-wrapper{flex-direction:row}#about .left img{width:70%}#about{padding-top:50px}#tagline,#tagline span{font-size:2.5rem;text-align:center}#about .right p{text-align:center}.creation-container{gap:15px}.creation-container h1{font-size:2rem}}@media screen and (max-width:768px){.genStory-details-container h1 q{font-size:2rem}.genStory-details-container h3{font-size:3.5rem}.genStory-details-container p{padding-inline:70px}.timeline .dot-wrapper{height:calc(100% - 300px);left:calc(8% - 11px)}.timeline .dot-wrapper,.timeline .wrapper .line{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.timeline .wrapper .line{max-height:calc(100% - 320px);left:8%}.timeline .wrapper .line.gray{min-height:calc(100% - 320px)}.timeline .timeline-item.odd:before{left:-25px}.timeline-item.fade-in-left{animation:fadeInRight 1s forwards;-webkit-animation:fadeInRight 1s forwards}.timeline-item.fade-out-left{animation:fadeOutRight 1s forwards}.timeline .timeline-item{width:81%;height:320px}#timeline .wrapper{align-items:flex-end;-webkit-padding-end:50px;padding-inline-end:50px;-webkit-padding-start:0;padding-inline-start:0}.whoAreWe p{padding-inline:30px;line-height:37px}.whoAreWe{padding:30px}.whoAreWe h1{margin-top:50px;font-size:3rem}.titleGen h1{font-size:3.7rem}.titleGen p{font-size:1.3rem}.heroAbout-wrapper .desc-wrapper .right h2{font-size:2.3rem}#footer .cloud-footer{height:200px;width:1000px}}@media screen and (max-width:700px){.notFound-page-container h1.err{font-size:2.5rem}.notFound-page-container p{font-size:1.2rem}.notFound-page-container img{width:300px;height:300px}.notFound-container .wrapper{width:400px;height:300px;gap:20px}.notFound-container .wrapper p{font-size:1.3rem}.timeline h1{font-size:3rem;letter-spacing:5px}.titleGen h1{font-size:2.7rem}.titleGen p{font-size:1.2rem}.bimsi-body{padding:70px}.bimsi-wrapper h1{font-size:2.3rem}.bimsi-wrapper p{font-size:1.2rem;line-height:30px}.bimsi-wrapper button{font-size:1.2rem}.creation-vid-wrapper h2{font-size:2rem}.creation-wrapper{flex-direction:column;align-items:center;gap:30px}.creation-vid-wrapper{width:100%}#himfact .right{margin-bottom:10px}#himfact .product-wrapper{width:500px;height:500px}#himfact .product-wrapper .img-wrapper{border-width:5px;width:80px;height:80px}#himfact .product-wrapper .img-wrapper.product-1{top:-30px;left:70px}#himfact .product-wrapper .img-wrapper.product-2{top:60px;left:-20px}#himfact .product-wrapper .img-wrapper.product-3{left:-55px}#himfact .product-wrapper .img-wrapper.product-4{bottom:60px;left:-20px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-30px;left:70px}}@media screen and (max-width:600px){#tagline,#tagline span{font-size:2rem;text-align:center}#about .btn-wrapper button a,#about .right p{text-align:center;font-size:.875rem}#about .btn-wrapper{flex-direction:column}}@media screen and (max-width:576px){.eventPage-container h1{font-size:3rem}.eventPage-container .event .desc-wrapper{gap:15px;padding:20px}.eventPage-container .event .img-wrapper{height:40%}.eventPage-container .event .title h2{font-size:1.5rem}.eventPage-container .event{height:auto}.genStory-details-container h1{font-size:3.5rem}.genStory-details-container h3{font-size:2.6rem;letter-spacing:3px}.genStory-details-container p{padding-inline:50px}.gallery-container .lower .img-wrapper,.gallery-container .upper .img-wrapper{height:100px}.gallery-container{gap:30px}.fam-tag-container blockquote q{font-size:1.2rem}.fam-tag-container blockquote{font-size:1.5rem;padding-inline:10px}.fam-tag-container{margin-top:50px}.timeline .timeline-item{padding:10px}.timeline-item .content h2{font-size:1.7rem}.timeline-item .content p{font-size:.9rem;letter-spacing:normal;line-height:23px}#timeline .wrapper{gap:30px;-webkit-padding-end:20px;padding-inline-end:20px}.timeline .dot-wrapper{height:calc(100% - 300px);left:4%}.timeline .dot-wrapper,.timeline .wrapper .line{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.timeline .wrapper .line{max-height:calc(100% - 320px);left:6%}.whoAreWe p{padding-inline:10px;line-height:30px}.whoAreWe .long-desc{display:none}.whoAreWe .short-desc{display:inline-block}.heroAbout-wrapper .desc-wrapper .right .cut-desc{display:none}.heroAbout-wrapper .desc-wrapper{justify-content:center;align-items:center}.heroAbout-wrapper .desc-wrapper .right{height:70%;width:100%}.heroAbout-wrapper .desc-wrapper .right h2{display:none}.heroAbout-wrapper .desc-wrapper .right .titleGen{display:inline-block;width:100%;padding:0;height:auto}.heroAbout-wrapper .desc-wrapper .right .titleGen h1{font-size:3.2rem}.heroAbout-wrapper .desc-wrapper .right .titleGen p{font-size:1.1rem}.heroAbout-wrapper .desc-wrapper .right button{font-size:.875rem;padding:15px;margin-top:0}.heroAbout-wrapper .desc-wrapper .left{display:none}.heroAbout{min-height:60vh}.event-container{height:720px}.event-card{width:350px;height:500px}#footer .top .right .logo-wrapper #logo-is-footer{width:250px;height:50px}#footer .top{padding:10px}#aspiration .right{padding-inline:5px}#aspiration .right .text-wrapper h2{font-size:1.2rem}#aspiration .right .text-wrapper p{font-size:.875rem}#aspiration .right .text-wrapper button{width:300px;font-size:.875rem}.creation-container{padding-top:30px}.event-container h1{font-size:2rem;letter-spacing:3px}.bimsi-body{padding:30px}.bimsi-wrapper p{font-size:1rem;line-height:25px}.bimsi-wrapper button{font-size:1.1rem}.creation-vid-wrapper h2{font-size:1.7rem}#tagline,#tagline span{font-size:1.5rem;text-align:center}header.nav{padding:30px}header.nav.active{padding:20px 30px}.logo-wrapper #logo-full-text{font-size:.65rem}#about .btn-wrapper{align-items:center}#about .btn-wrapper button{width:90%}#about{gap:0}#himfact .left{padding-inline:30px}#himfact .left h1{font-size:3rem}#himfact .left p{font-size:.875rem;line-height:20px}#himfact .left button a{font-size:1rem}#himfact .product-wrapper{width:350px;height:350px;border-width:20px}#himfact .product-wrapper .img-wrapper{width:65px;height:65px}#himfact .product-wrapper .img-wrapper.product-1{top:-35px;left:70px}#himfact .product-wrapper .img-wrapper.product-2{top:25px;left:-10px}#himfact .product-wrapper .img-wrapper.product-3{left:-40px}#himfact .product-wrapper .img-wrapper.product-4{bottom:25px;left:-10px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-35px;left:70px}}@media screen and (max-width:426px){.notFound-page-container h1.err{font-size:1.5rem}.notFound-page-container p{font-size:1rem}.genStory-details-container h3{font-size:2rem;margin-top:50px}.genStory-details-container p{font-size:1.2rem;padding-inline:30px}.genStory-details-container h1{font-size:3rem}.genStory-details-container h1 small{font-size:1.2rem}.genStory-details-container h1 q{font-size:1.5rem;letter-spacing:3px}.notFound-container .wrapper{width:90%;height:300px}.timeline .dot-wrapper{width:6%}.timeline .dot-wrapper .dot{width:22px;height:22px}.heroAbout-wrapper .desc-wrapper .right .titleGen h1{font-size:3rem}.heroAbout-wrapper .desc-wrapper .right .titleGen p{font-size:1rem;line-height:20px}.heroAbout{min-height:50vh}.event-container{height:620px}.event-card{width:270px;height:400px}.creation-container h1{padding-inline:20px}#footer{margin-top:-50px}#footer .top svg{width:20px;height:20px}#footer .top li a{font-size:.875rem}#footer .top .left h2,#footer .top .mid h2{font-size:1rem}#aspiration .right .text-wrapper button{width:200px;padding-inline:0;padding-block:15px;font-size:.875rem}.event-container h1{text-align:center}.bimsi-wrapper h1{font-size:1.5rem;letter-spacing:5px}.bimsi-wrapper button{font-size:.9rem;width:170px}.creation-container h1{font-size:1.7rem}.creation-vid-wrapper h2{font-size:1.4rem}#about{padding:50px 0 0}header.nav{padding:30px 40px}.logo-wrapper{gap:10px}.logo-wrapper #logo-full-text{display:none}.logo-wrapper #logo-crop-text{display:inline-block;font-size:1.2rem;letter-spacing:2px}.hero-body h1{font-size:2rem}.hero-body p{font-size:1rem}.hero-body button{font-size:.9rem}.wave{background-size:400px 100px}#about .left img{width:80%;overflow-x:hidden;box-sizing:border-box}#himfact .left h1{letter-spacing:15px}.event-card-inner .back .desc-event h1{font-size:1.7rem}}@media screen and (max-width:376px){.eventPage-container h1{font-size:2rem}.timeline h1{font-size:2.3rem}.timeline .dot-wrapper{height:calc(100% - 390px)}.timeline .wrapper .line{max-height:calc(100% - 400px)}.timeline .wrapper .line.gray{min-height:calc(100% - 390px)}.timeline .timeline-item{width:76%;height:400px}.timeline-item .content h2{font-size:1.5rem}.whoAreWe h1{font-size:2rem}.whoAreWe p{font-size:1.05rem;line-height:25px}.heroAbout-wrapper .desc-wrapper .right .titleGen h1{font-size:2rem}.heroAbout-wrapper .desc-wrapper .right .titleGen p{font-size:.875rem}.heroAbout-wrapper .desc-wrapper .right button{font-size:.675rem;padding:10px;margin-top:0}#aspiration .right .text-wrapper h2{font-size:1rem}#aspiration .right .text-wrapper h1{font-size:2rem}.bimsi-wrapper{height:auto}#tagline,#tagline span{font-size:1.2rem}#about .right p{font-size:.65rem;line-height:17px}#about .btn-wrapper button{padding:5px}#about .btn-wrapper{gap:10px;margin-top:10px}#himfact .product-wrapper{width:300px;height:300px;border-width:15px}#himfact .product-wrapper .img-wrapper{width:65px;height:65px}#himfact .product-wrapper .img-wrapper.product-1{top:-35px;left:70px}#himfact .product-wrapper .img-wrapper.product-2{top:15px;left:-10px}#himfact .product-wrapper .img-wrapper.product-3{left:-40px}#himfact .product-wrapper .img-wrapper.product-4{bottom:15px;left:-10px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-35px;left:70px}}@media screen and (max-width:321px){.eventPage-container .event .logo-wrapper{display:none}.timeline-item .content h2{font-size:1.2rem}.heroAbout{height:75vh}.heroAbout-wrapper .desc-wrapper .right .titleGen h1{font-size:1.7rem}.heroAbout-wrapper .desc-wrapper .right .titleGen p{font-size:.775rem}#footer .top .mid .contact-footer{gap:15px}#footer .top .right .logo-wrapper{flex-direction:column}#footer .top .right .logo-wrapper #logo-is-footer{width:170px;height:40px}#footer .top .right p{font-size:.875rem}#aspiration .right .text-wrapper h1{font-size:1.5rem}#aspiration .right .text-wrapper h2,#aspiration .right .text-wrapper p{font-size:.775rem}.event-card-inner .back .xSymbol{width:20px;height:20px}.event-card-inner .back .desc-event{gap:20px}.event-card-inner .back .desc-event h1{font-size:1.3rem}.event-card-inner .back .desc-event p{height:160px;font-size:.8rem}.hero-body p{font-size:.7rem}.hero-body button{font-size:.7rem;padding:15px}.carousel-ctrl{top:5%}.event-wrapper{height:400px}.event-card{width:200px;height:300px}.event-container h1{font-size:1.7rem;letter-spacing:3px;text-align:center}.bimsi-wrapper h1{font-size:1.5rem}.bimsi-wrapper p{font-size:.875rem;line-height:20px}#about .btn-wrapper button a{font-size:.7rem}#himfact .left{padding-inline:10px}#himfact .left h1{font-size:2rem}#himfact .left h2{font-size:1.2rem}#himfact .product-wrapper{width:200px;height:200px}#himfact .product-wrapper .img-wrapper{border-width:3px;width:40px;height:40px}#himfact .product-wrapper .img-wrapper.product-1{top:-25px;left:30px}#himfact .product-wrapper .img-wrapper.product-2{top:15px;left:-10px}#himfact .product-wrapper .img-wrapper.product-3{left:-25px}#himfact .product-wrapper .img-wrapper.product-4{bottom:15px;left:-10px}#himfact .product-wrapper .img-wrapper.product-5{bottom:-25px;left:30px}}