@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200&display=swap);*,::after,::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--color-dark:#000;--color-dark-1:#333;--color-light:#ffffff;--color-app:#634690;--color-light-grey:#eee}ul{list-style-type:none}a{text-decoration:none;color:#333}html{font-size:62.5%}body{font-family:Poppins,sans-serif;line-height:1.7;text-rendering:optimizeLegibility;letter-spacing:normal;font-weight:700;color:#333}section{padding:7rem 0}.header-primary .logo{margin:0 5rem;font-size:2rem;color:var(--color-light);position:fixed;top:0;right:0;background-color:var(--color-light);padding:1rem 2rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.header-primary{height:60rem;background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(121,26,121,.678)),to(rgba(0,0,0,.623))),url(../images/hero-image.jpg);background-image:-o-linear-gradient(left top,rgba(121,26,121,.678),rgba(0,0,0,.623)),url(../images/hero-image.jpg);background-image:linear-gradient(to right bottom,rgba(121,26,121,.678),rgba(0,0,0,.623)),url(../images/hero-image.jpg);background-size:cover;background-position:center;width:100%;position:relative;background-attachment:fixed}.header-primary .header-top .top-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:7rem;position:fixed;z-index:1000}.header-primary .header-top .top-nav .top-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2rem;list-style-type:none;font-size:1.6rem;text-transform:uppercase;font-weight:700}.header-primary .header-top .top-nav .top-menu li{margin:0 1.5rem}.header-primary .header-top .top-nav .top-menu li a{color:var(--color-light);font-weight:300}.heading-box{position:absolute;top:40%;left:25%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100}.heading-box .heading-primary{text-transform:uppercase}.heading-box .heading-primary .heading-primary-main{font-size:6rem;display:block;color:var(--color-light);letter-spacing:2px}.heading-box .heading-primary .heading-primary-sub{font-size:2rem;color:var(--color-light);letter-spacing:1px;font-weight:100}.header-primary .heading-sub{display:block}.header-primary .heading-main{display:block}.menu-open{display:none}.circles{position:absolute;width:240rem;height:120rem;background-color:#0200026b;top:0;left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 2rem 7rem rgba(128,0,128,.13);box-shadow:0 2rem 7rem rgba(128,0,128,.13);-webkit-clip-path:polygon(0 0,100% 0,71% 100%,0 100%);clip-path:polygon(0 0,100% 0,71% 100%,0 100%)}.primary-actions{margin-top:3rem}.primary-actions .btn-h-primary{text-decoration:none;background-color:var(--color-light);padding:1.5rem 4rem;color:purple;font-size:2rem;text-transform:uppercase;border-radius:10rem;letter-spacing:3px}.scroll-icon{position:absolute;top:90%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-color:#04020873;color:var(--color-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;font-size:3rem;-webkit-animation:animateScroll 2s infinite;animation:animateScroll 2s infinite}.section-container .about_heading{text-align:center;font-size:4rem;text-transform:uppercase;letter-spacing:3px;font-weight:400}.section-container .about_heading .heading-tertiary{color:var(--color-app)}.section-container .feature-about{display:-webkit-box;display:-ms-flexbox;display:flex}.section-container .feature-about .box{padding:4rem}.section-container .feature-about .feature-box-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.section-container .feature-about .feature-box-2{-webkit-box-flex:1;-ms-flex:1;flex:1}.section-container .feature-about .feature-box-2 .feature-img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;overflow-x:hidden}.heading-main-tertiary{text-align:center;font-size:4rem;text-transform:uppercase;letter-spacing:3px;font-weight:400;margin:4rem 0}.heading-tertiary{color:var(--color-app)}.section-container .feature-about .feature-box-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-container .feature-about .feature-box-heading .feature-box-icon i{font-size:4rem;color:var(--color-app)}.section-container .feature-about .feature-box-heading .box-title{font-size:3rem;text-transform:uppercase;font-weight:400;margin-left:2rem}.section-container .feature-about .feture-box-detail{font-size:1.6rem;line-height:1.7;font-weight:400;margin-left:5.5rem}.section-container .feature-about .feature-box-container:not(:last-child){margin-bottom:1rem}.product-section{background-color:rgba(109,6,129,.178);position:relative}.product-section .product-cirlcle{position:absolute;left:2%;width:40rem;height:40rem;background-color:rgba(102,18,158,.144);top:5%;border-radius:100%}.section-service .service-cirlcle{position:absolute;left:2%;width:40rem;height:40rem;background-color:rgba(102,18,158,.144);top:5%;border-radius:100%}.products-section{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,250px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:2rem;padding:4rem;width:90%;margin:0 auto}.products-section .product{background-color:var(--color-light);height:auto;-webkit-box-shadow:0 .1rem .6rem rgb(0 0 0 / 10%);box-shadow:0 .1rem .6rem rgb(0 0 0 / 10%);position:relative;border-top-left-radius:5px;border-top-right-radius:5px}.products-section .product-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-backface-visibility:hidden;backface-visibility:hidden}.products-section .product-wrapper img{height:100%}.products-section .product-wrapper .product-content{padding:0 2rem;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(99,11,134,.534);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;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.products-section .product-wrapper:hover{background-color:rgba(183,0,255,.623);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.products-section .product-wrapper:hover .product-content{opacity:1;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.products-section .product-wrapper .product-content p{font-size:1.6rem;font-weight:400}.section-service{background-color:var(--color-light-grey);position:relative}.services-container .service-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,250px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem;width:85%;margin:0 auto;grid-gap:2rem;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.services-container .service-wrapper .services-item{background-color:var(--color-light);height:auto;-webkit-box-shadow:0 .1rem .6rem rgb(0 0 0 / 10%);box-shadow:0 .1rem .6rem rgb(0 0 0 / 10%);position:relative;border-top-left-radius:5px;border-top-right-radius:5px;padding:2rem;text-align:center;cursor:pointer}.services-container .service-wrapper .services-item{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:3px solid transparent}.services-container .service-wrapper .services-item i{font-size:4rem;color:var(--color-app);margin-bottom:1rem}.services-container .service-wrapper .services-item h3{font-size:2rem;text-transform:uppercase;font-weight:400}.services-container .service-wrapper .services-item:hover{-webkit-transform:translateY(-.5rem);-ms-transform:translateY(-.5rem);transform:translateY(-.5rem);-webkit-box-shadow:0 .1rem .3rem rgb(0 0 0 / 10%);box-shadow:0 .1rem .3rem rgb(0 0 0 / 10%);border-top:3px solid var(--color-app)}.section-team{background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(32,5,32,.678)),to(rgba(0,0,0,.747))),url(../images/hero-image.jpg);background-image:-o-linear-gradient(left top,rgba(32,5,32,.678),rgba(0,0,0,.747)),url(../images/hero-image.jpg);background-image:linear-gradient(to right bottom,rgba(32,5,32,.678),rgba(0,0,0,.747)),url(../images/hero-image.jpg);background-position:center;background-size:cover;background-attachment:fixed}.section-team .team-header{color:var(--color-light)}.section-team .team-secondary{color:#a073cb}.team-section-container .team-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,250px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:20px;width:90%;margin:0 auto;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-align:center}.team-section-container .team-wrapper .team .team-member{padding:.4rem 0}.team-section-container .team-wrapper .team .team-member .name{color:var(--color-light);text-transform:uppercase;font-size:1.6rem}.team-section-container .team-wrapper .team .team-member .skill{font-size:1.6rem;color:var(--color-light);font-weight:100}.team-section-container .team-wrapper .team img{width:12rem;border-radius:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:2rem;height:12rem;border:4px solid var(--color-app);padding:.3rem;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.team-section-container .team-wrapper .team img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);border-left:4px solid var(--color-light)}.section-partnership{background-color:#330e4dad}.section-partnership .section-part-ship-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:1rem 0}.section-partnership .section-part-ship-container .sponcer-title{font-size:4rem;color:var(--color-light);text-transform:uppercase;font-weight:700}.section-partnership .section-part-ship-container .sponcer-images img{height:20rem;width:20rem;background-color:rgba(39,4,39,.253);border-radius:.5rem;margin-right:1rem}.contact-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:90%;margin:0 auto}.contact-wrapper .box{padding:3rem}.contact-wrapper .contact-box-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contact-wrapper .contact-box-1 .contact-sta,.contact-wrapper .contact-box-2 .contact-sta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-wrapper .contact-box-1 .contact-sta:not(:last-child),.contact-wrapper .contact-box-2 .contact-sta:not(:last-child){margin-bottom:2rem}.contact-wrapper .contact-box-1 .contact-sta i,.contact-wrapper .contact-box-2 .contact-sta i{font-size:3rem;color:var(--color-app);margin-right:2rem}.contact-wrapper .contact-box-1 .contact-sta p,.contact-wrapper .contact-box-2 .contact-sta p{font-size:2rem;font-weight:400}.animate-heading{-webkit-animation-name:animatedHeading;animation-name:animatedHeading;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.animate-btn{-webkit-animation:buttonAnimated .5s ease-out 2s;animation:buttonAnimated .5s ease-out 2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes animatedHeading{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animatedHeading{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes buttonAnimated{0%{opacity:0;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes buttonAnimated{0%{opacity:0;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes animateScroll{0%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;background-color:#04020873}50%{-webkit-transform:translateY(-6rem);transform:translateY(-6rem);opacity:1;background-color:#04020834}75%{-webkit-transform:translateY(-7rem);transform:translateY(-7rem);opacity:1;background-color:#0402081e}100%{-webkit-transform:translate(0);transform:translate(0);opacity:1;background-color:#04020873}}@keyframes animateScroll{0%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;background-color:#04020873}50%{-webkit-transform:translateY(-6rem);transform:translateY(-6rem);opacity:1;background-color:#04020834}75%{-webkit-transform:translateY(-7rem);transform:translateY(-7rem);opacity:1;background-color:#0402081e}100%{-webkit-transform:translate(0);transform:translate(0);opacity:1;background-color:#04020873}}.loader_bg{position:fixed;z-index:999999;background:#fff;width:100%;height:100%}.loader{border:0 soild transparent;border-radius:50%;width:150px;height:150px;position:absolute;top:calc(50vh - 75px);left:calc(50vw - 75px);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loader:after,.loader:before{content:'';border:1em solid #8622c9;border-radius:50%;width:inherit;height:inherit;position:absolute;top:0;left:0;-webkit-animation:loader 2s linear infinite;animation:loader 2s linear infinite;opacity:0}.loader:before{-webkit-animation-delay:.5s;animation-delay:.5s}.app-title{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:100;color:var(--color-app);text-transform:uppercase;font-size:4rem;letter-spacing:5px;display:none}@-webkit-keyframes loader{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes loader{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.side-nav{display:none}