@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css?family=Rokkitt&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:"Mulish",sans-serif}body{background-color:#fff}a{text-decoration:none}img{pointer-events:none}li{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5847bb;border-radius:4px}.viewport{margin:0;width:100%;position:fixed}nav{height:15vh;z-index:999;position:absolute;top:0;left:0}nav .navbar{width:90%;justify-content:space-between}nav .navbar,nav .navbar .og{height:100%;display:flex;align-items:center}nav .navbar .og{justify-content:center}nav .navbar .og .og-name{font-size:.9rem;letter-spacing:.2rem;color:#000}nav .navbar .menu,nav .navbar .menu .menu-list,nav .navbar .menu .menu-list ul{display:flex;align-items:center;justify-content:center}nav .navbar .menu .menu-list ul li{position:relative;margin:0 20px}nav .navbar .menu .menu-list .primary-menu a{font-size:1rem;font-weight:700;color:#000;padding:.25rem;letter-spacing:.06rem}nav .navbar .menu .menu-list .primary-menu .drop-button{font-size:1.2rem;font-weight:700;color:#000;padding:.25rem;letter-spacing:.06rem;cursor:pointer}nav .navbar .menu .menu-list .primary-menu:first-child:before,nav .navbar .menu .menu-list .primary-menu:nth-child(2):before,nav .navbar .menu .menu-list .primary-menu:nth-child(3):before{content:"";position:absolute;bottom:-5px;width:0;height:2px;background-color:#f39d00}nav .navbar .menu .menu-list .primary-menu:first-child:hover:before,nav .navbar .menu .menu-list .primary-menu:nth-child(2):hover:before,nav .navbar .menu .menu-list .primary-menu:nth-child(3):hover:before{content:"";position:absolute;bottom:-5px;width:100%;height:3px;border-radius:3px;background-color:#f39d00;transition:width .6s ease-in;transform-origin:left}nav .navbar .menu .menu-list .primary-menu .create{background-color:#f39d00;padding:.5rem 2.8rem;color:#fff;border-radius:2rem;line-height:.6rem;border:2px solid #f39d00;font-size:1rem}nav .navbar .menu .menu-list .primary-menu .create:hover{background-color:transparent;transition:background-color .35s ease-in}nav .navbar .menu .menu-list .drop-menu{position:relative;padding:15px 0}nav .navbar .menu .menu-list .drop-menu .drop-button i{margin:0 0 0 .4rem;font-size:1.2rem;transform:translateY(1.2px)}nav .navbar .menu .menu-list .drop-menu:hover .drop-button i{transform:rotate(180deg);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}nav .navbar .menu .menu-list .drop-menu a:hover{border:none;cursor:pointer}nav .navbar .menu .menu-list .drop-menu a:hover i{transform:rotate(180deg)}nav .navbar .menu .menu-list .drop-menu .sub-menu-list:before{content:"";position:absolute;width:15px;height:15px;top:-9px;transform:rotate(45deg);display:flex;background-color:#fff;border-left:1.5px solid #f39d00;border-top:1.5px solid #f39d00}nav .navbar .menu .menu-list .drop-menu .sub-menu-list{width:250px;padding:.8rem 0;display:none;flex-direction:column;position:absolute;top:60px;left:50%;transform:translateX(-50%);align-items:center;justify-content:center;border-radius:.5rem;z-index:3;background-color:#fff;border:1.5px solid #f39d00}nav .navbar .menu .menu-list .drop-menu:hover .sub-menu-list{display:flex}nav .navbar .menu .menu-list .drop-menu .sub-menu-list li{margin:.5rem 0;padding:0}nav .navbar .menu .menu-list .drop-menu .sub-menu-list li a{color:#3b3465}nav .navbar .menu .menu-list .drop-menu .sub-menu-list li a:hover{color:#f39d00}nav .navbar .menu .menu-list .drop-menu .sub-menu-list-show{display:flex}nav .navbar .hamburger{width:20%;height:1.2rem;display:none;flex-direction:column;align-items:center;justify-content:space-between}nav .navbar .hamburger .line{width:2rem;height:.25rem;background-color:#3b3465}@media (max-width:680px){nav .navbar{width:90vw;margin:0 5vw}nav .navbar .menu .menu-list ul{display:none}nav .navbar .hamburger{display:flex}nav .navbar .og .og-name{font-size:.9rem}}.modal-blank{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:999}.modal-blank .modal-container{position:relative;background-color:#fff;width:360px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:10px;padding:1rem 2rem}.modal-blank .modal-container .modal-head{display:flex;justify-content:space-between;align-items:center;width:100%;height:20px;margin-bottom:25px}.modal-blank .modal-container .modal-head h4{font-size:18px}.modal-blank .modal-container .modal-head i{padding-bottom:10px;cursor:pointer}.modal-blank .modal-container .modal-input{display:flex;width:100%;flex-direction:column}.modal-blank .modal-container .modal-input input{width:100%;margin:.5rem 0;outline:none;font-size:15px;border:none;border-bottom:1px solid #d3d3d3;padding:.5rem}.modal-blank .modal-container .error{color:red;font-size:14px;font-weight:700}.modal-blank .modal-container button{margin-top:1rem;bottom:1rem;width:80%;height:50px;font-size:16px;font-weight:700;color:#fff;outline:none;border:none;cursor:pointer;border-radius:10px;background-image:linear-gradient(270deg,#6254e7,#9289f1)}.modal-blank .modal-container .payment-container{width:80%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem 0}.modal-blank .modal-container h3{font-size:20px;margin-bottom:25px;align-self:flex-start}.modal-blank .modal-container .payment-container .paypal{width:70%;padding:.3rem;display:flex;justify-content:center;cursor:pointer}.modal-blank .modal-container .payment-container .razorpay{width:70%;background-color:#87cefa;display:flex;justify-content:center;padding:.3rem;border-radius:10px}.modal-blank .modal-container .payment-container .razorpay img{width:60%}.modal-blank .modal-container .success{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-blank .modal-container .success .animation{width:150px;height:150px;margin-bottom:20px}.modal-blank .modal-container .success .text{font-size:18px;font-weight:500;color:#464646}nav{height:10vh;justify-content:center}nav,nav .navbar2{width:100%;display:flex;align-items:center}nav .navbar2{padding:0 0 0 5rem;margin:0 auto;height:100%;justify-content:space-between;background-color:transparent}nav .navbar2 .og{display:flex;height:100%;align-items:center;justify-content:center}nav .navbar2 .og .og-logo,nav .navbar2 .og .og-logo img{height:100%}nav .navbar2 .og .og-name{font-size:.7rem;letter-spacing:.2rem;color:#fff}nav .navbar2 .menu,nav .navbar2 .menu .menu-list,nav .navbar2 .menu .menu-list ul{display:flex;align-items:center;justify-content:center}nav .navbar2 .menu .menu-list ul li{position:relative;margin:0 20px}nav .navbar2 .menu .menu-list .primary-menu a,nav .navbar2 .menu .menu-list .primary-menu p{font-size:1rem;font-weight:700;color:#fff;padding:.25rem;letter-spacing:.06rem}.payment-btn{padding:12px 25px!important;border-radius:5px;font-size:.9rem!important;font-weight:500!important;background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);color:#fff;cursor:pointer}.payment-btn:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}nav .navbar2 .menu .menu-list .primary-menu .drop-button{font-size:1.2rem;font-weight:700;color:#fff;padding:.25rem;letter-spacing:.06rem;cursor:pointer}nav .navbar2 .menu .menu-list .primary-menu:first-child:before,nav .navbar2 .menu .menu-list .primary-menu:nth-child(2):before,nav .navbar2 .menu .menu-list .primary-menu:nth-child(3):before{content:"";position:absolute;bottom:-5px;width:0;height:2px;background-color:#f39d00}nav .navbar2 .menu .menu-list .primary-menu:first-child:hover:before,nav .navbar2 .menu .menu-list .primary-menu:nth-child(2):hover:before,nav .navbar2 .menu .menu-list .primary-menu:nth-child(3):hover:before{content:"";position:absolute;bottom:-5px;width:100%;height:3px;border-radius:3px;background-color:#f39d00;transition:width .6s ease-in;transform-origin:left}nav .navbar2 .menu .menu-list .primary-menu .create{background-color:#f39d00;padding:.5rem 2.8rem;color:#fff;border-radius:2rem;line-height:.6rem;border:2px solid #f39d00;font-size:1rem}nav .navbar2 .menu .menu-list .primary-menu .create:hover{background-color:transparent;transition:background-color .35s ease-in}nav .navbar2 .menu .menu-list .drop-menu{position:relative;padding:15px 0}nav .navbar2 .menu .menu-list .drop-menu .drop-button i{margin:0 0 0 .4rem;font-size:1.2rem;transform:translateY(1.2px)}nav .navbar2 .menu .menu-list .drop-menu:hover .drop-button i{transform:rotate(180deg);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}nav .navbar2 .menu .menu-list .drop-menu a:hover{border:none;cursor:pointer}nav .navbar2 .menu .menu-list .drop-menu a:hover i{transform:rotate(180deg)}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list:before{content:"";position:absolute;width:15px;height:15px;top:-8px;transform:rotate(45deg);display:flex;background-color:#fff}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list{width:250px;padding:.8rem 0;display:none;flex-direction:column;position:absolute;top:55px;left:50%;transform:translateX(-50%);align-items:center;justify-content:center;border-radius:.5rem;z-index:3;background-color:#fff}nav .navbar2 .menu .menu-list .drop-menu:hover .sub-menu-list{display:flex}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list li{margin:.5rem 0;padding:0}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list li a{color:#3b3465}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list li a:hover{color:#f39d00}nav .navbar2 .menu .menu-list .drop-menu .sub-menu-list-show{display:flex}nav .navbar2 .hamburger{margin:auto 0;cursor:pointer;position:relative;display:none}nav .navbar2 .hamburger .line1,nav .navbar2 .hamburger .line2,nav .navbar2 .hamburger .line3{height:2px;background-color:#add8e6;margin:5px}nav .navbar2 .hamburger .line1{width:18px}nav .navbar2 .hamburger .line2{width:15px}nav .navbar2 .hamburger .line3{width:13px}nav .navbar2 .hamburger:hover .line2{width:18px;transition:.2s ease-in}nav .navbar2 .hamburger:hover .line3{width:18px;transition:.1s ease-in}nav .navbar2 .active-hamburger{z-index:2;margin:auto 0;cursor:pointer;position:relative}nav .navbar2 .active-hamburger .line1{width:20px;height:2px;transform:rotate(45deg) translate(5px,5px);background-color:#fff;position:absolute;top:-14px;right:4.5px}nav .navbar2 .active-hamburger .line2{display:none}nav .navbar2 .active-hamburger .line3{width:20px;height:2px;background-color:#fff;position:absolute;top:-.5px;right:5px;transform:rotate(-45deg) translate(5px,-5px)}nav .signout{background-color:red;padding:.5rem;border-radius:2rem;border:2px solid red}nav .signout,nav .signout:hover{color:#fff;line-height:.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;transition:padding .8s cubic-bezier(.29,1.42,.79,1) 0s}nav .signout:hover{background-color:#ff4500;padding:.5rem 2.8rem;border-radius:2rem;border:2px solid #ff4500}nav .signout div{margin-left:.5rem;display:none}nav .signout:hover div{display:block;transition:padding .8s cubic-bezier(.29,1.42,.79,1) 0s}.full-menu{display:none}.scroll{overflow-y:hidden}@media only screen and (max-width:1000px){nav .navbar2{justify-content:space-between;padding:0 1rem;position:relative}nav .navbar2 .menu{display:flex}.full-menu-show{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;left:0;top:0;background-image:url(/static/media/menubg.e1d9dbb0.svg);background-color:#3152a4;width:100%;height:100vh;z-index:1}.full-menu-context{width:80%;height:80%;margin:auto;display:grid;grid-template-areas:"main-menu" "connect" "social"}.full-menu-context-main{grid-area:main-menu}.full-menu-context-main ul{display:flex;flex-direction:column}.primary-menu{margin-bottom:10px;color:#fff;font-size:3.5rem;cursor:pointer}.primary-menu:hover{color:#dc143c}.secondary-menu{margin-bottom:10px;font-size:35px;color:#fff;font-size:2.8rem;cursor:pointer}.secondary-menu:hover{color:#e17600}.full-menu-context-main ul li a{cursor:pointer}.full-menu-context-connect{grid-area:connect;text-align:right;font-family:"Montserrat",sans-serif;font-size:34px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.full-menu-context-connect .get-in-touch a{margin-top:24px;border:2px solid #fff;display:flex;padding:15px 20px;position:relative;z-index:1;font-size:1.5rem;color:#fff;border-radius:6px}.full-menu-context-connect .get-in-touch a:before{content:"";position:absolute;width:0;height:100%;left:0;top:0;background-color:#fff;z-index:-1;transition:width .8s}.full-menu-context-connect .get-in-touch a:hover{color:#3330a3}.full-menu-context-connect .get-in-touch a:hover:before{width:100%}.full-menu-context-connect a{font-size:12px;font-family:"Montserrat",sans-serif}.full-menu-context-social{grid-area:social;display:flex;width:30%;margin:auto;justify-content:space-around;font-size:16px;font-family:"Montserrat",sans-serif;color:#fff}.full-menu-context-social .social-icon{display:flex;flex-direction:column;align-items:center;color:#fff;margin:10px}.full-menu-context-social .social-icon i{font-size:40px;clip-path:inset(0 0 15px 0);-webkit-clip-path:inset(0 0 15px 0);position:relative;top:25%;color:#fff}.full-menu-context-social .social-icon:hover i{clip-path:inset(0);-webkit-clip-path:inset(0);top:0;transition:.2s ease-out}}@media only screen and (max-width:1000px){nav{height:8vh}nav .navbar2{padding:0 25px 0 15px}.full-menu-open{height:100%;background-size:300px}nav .navbar2 .menu{display:none}nav .navbar2 .hamburger{display:block}.full-menu-context{width:80%;margin-top:70px;display:grid;grid-template-areas:"main-menu" "connect" "social"}.full-menu-context-main ul{padding:0}.primary-menu{font-size:30px}.secondary-menu{font-size:22px}.full-menu-context-connect{border-top:2px solid #fff;margin:10px 0;font-size:20px;text-align:center;justify-content:center;align-items:center}.full-menu-context-social{font-size:12px;width:100%}}@media (max-width:468px){nav .navbar2 .hamburger,nav .navbar2 .og .og-name{display:block}nav .navbar2 .active-hamburger .line1{transform:rotate(47deg) translate(4.4px,5px);right:4.7px}}@media (max-width:380px){nav .navbar2 .og .og-name{font-size:.5rem}}.intropart1{width:80%;align-items:center}.intropart1,.intropart1 .left{height:100%;display:flex;justify-content:center}.intropart1 .left{width:50%;flex-direction:column;align-items:flex-start}.intropart1 .left h1{font-size:1rem;color:#fff}.intropart1 .left h2{font-size:3.5rem;color:#fff}.intropart1 .left h2 span{font-size:3.5rem;color:#f39d00}.intropart1 .left h3{font-size:1.2rem;color:#fff}.intropart1 .button-group{margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.intropart1 .button-group a{padding:15px 25px;border-radius:5px;font-size:.9rem}.intropart1 .button-group a i{margin:0 10px;border-radius:50%;background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);width:50px;height:50px;line-height:50px;text-align:center;color:#fff}.intropart1 .button-group a i:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.intropart1 .button-group a:first-child{background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);color:#fff}.intropart1 .button-group a:first-child:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.intropart1 .button-group a:nth-child(2){color:#f39d00;font-weight:700}.intropart1 .right{width:50%;height:50%;display:flex;justify-content:center;align-items:center}.intropart1 .right img{width:100%}@media only screen and (max-width:1024px){.intropart1{width:90%}.intropart1 .left h2{font-size:2.5rem;color:#fff}.intropart1 .left h2 span{font-size:2.5rem;color:#f39d00}.intropart1 .left h3{font-size:1rem}.intropart1 .button-group{margin-top:50px}}@media (max-width:768px){.intropart1 .left h2,.intropart1 .left h2 span{font-size:2rem}.intropart1 .left h3{font-size:.7rem}.intropart1 .button-group{margin-top:30px}.intropart1 .button-group a{padding:10px 15px;font-size:.8rem}}@media (max-width:680px){.intropart1{flex-direction:column;margin-top:50px}.intropart1 .left{width:90%;height:40%}.intropart1 .right{width:90%}.intropart1 .button-group{width:100%;flex-direction:column;justify-content:center;align-items:flex-start}.button-group a:nth-child(2){padding:15px 0}.button-group a:nth-child(2) i{margin-left:0}}.intropart2{width:80%;align-items:center}.intropart2,.intropart2 .left{height:100%;display:flex;justify-content:center}.intropart2 .left{width:50%;flex-direction:column;align-items:flex-start}.intropart2 .left h1{font-size:1rem;color:#fff}.intropart2 .left h2{font-size:3.5rem;color:#fff}.intropart2 .left h2 span{font-size:3.5rem;color:#f39d00}.intropart2 .left h3{font-size:1.2rem;color:#fff}.intropart2 .button-group{margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.intropart2 .button-group a{padding:15px 25px;border-radius:5px;font-size:.9rem}.intropart2 .button-group a i{margin:0 10px;border-radius:50%;background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);width:50px;height:50px;line-height:50px;text-align:center;color:#fff}.intropart2 .button-group a i:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.intropart2 .button-group a:first-child{background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);color:#fff}.intropart2 .button-group a:first-child:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.intropart2 .button-group a:nth-child(2){color:#f39d00;font-weight:700}.intropart2 .right{width:50%;height:90%;display:flex;justify-content:center;align-items:center}.intropart2 .right img{width:100%;height:100%;object-fit:contain}@media only screen and (max-width:1024px){.intropart2{width:90%}.intropart2 .left h2{font-size:2.5rem;color:#fff}.intropart2 .left h2 span{font-size:2.5rem;color:#f39d00}.intropart2 .left h3{font-size:1rem}.intropart2 .button-group{margin-top:50px}}@media (max-width:768px){.intropart2 .left h2,.intropart2 .left h2 span{font-size:2rem}.intropart2 .left h3{font-size:.7rem}.intropart2 .button-group{margin-top:30px}.intropart2 .button-group a{padding:10px 15px;font-size:.8rem}}@media (max-width:680px){.intropart2{flex-direction:column;margin-top:40px}.intropart2 .left{width:90%;height:50%;margin-top:35px}.intropart2 .right{width:90%}.intropart2 .button-group{width:100%;flex-direction:column;justify-content:center;align-items:flex-start}.button-group a:nth-child(2){padding:15px 0}.button-group a:nth-child(2) i{margin-left:0}}.intropart3{width:80%;height:80vh;align-items:center}.intropart3,.intropart3 .left{display:flex;justify-content:center}.intropart3 .left{width:50%;height:100%;flex-direction:column;align-items:flex-start}.intropart3 .left h1{font-size:1rem;color:#fff}.intropart3 .left h2{font-size:3.5rem;color:#fff}.intropart3 .left h2 span{font-size:3.5rem;color:#f39d00}.intropart3 .left h3{font-size:1.2rem;color:#fff}.intropart3 .button-group{margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.intropart3 .button-group a{padding:15px 25px;border-radius:5px;font-size:.9rem}.intropart3 .button-group a i{margin:0 10px;border-radius:50%;background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);width:50px;height:50px;line-height:50px;text-align:center;color:#fff}.button-group a i:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.intropart3 .button-group a:first-child{background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);color:#fff}.intropart3 .button-group a:first-child:hover{background-image:linear-gradient(90deg,#f0ac0e,#f56616 40%)}.button-group a:nth-child(2){color:#f39d00;font-weight:700}.intropart3 .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.intropart3 .right img{width:90%;height:100%}@media only screen and (max-width:1024px){.intropart3{width:90%}.intropart3 .left h2{font-size:2.5rem;color:#fff}.intropart3 .left h2 span{font-size:2.5rem;color:#f39d00}.intropart3 .left h3{font-size:1rem}.intropart3 .button-group{margin-top:50px}}@media (max-width:768px){.intropart3 .left h2,.intropart3 .left h2 span{font-size:2rem}.intropart3 .left h3{font-size:.7rem}.intropart3 .button-group{margin-top:30px}.intropart3 .button-group a{padding:10px 15px;font-size:.8rem}}@media (max-width:680px){.intropart3{flex-direction:column;margin-top:50px}.intropart3 .left{width:90%;height:40%}.intropart3 .right{width:90%}.intropart3 .button-group{width:100%;flex-direction:column;justify-content:center;align-items:flex-start}.button-group a:nth-child(2){padding:15px 0}.button-group a:nth-child(2) i{margin-left:0}}.intro{height:105vh;background-image:url(/static/media/bg2.0e4fc07f.png);background-position:bottom;background-size:cover;background-repeat:no-repeat}.intro,.slider{width:100%;display:flex;justify-content:center;align-items:center}.slider{height:85vh}@media(max-width:1024px){.intro{height:auto}}@media only screen and (max-width:768px){.intro{height:75vh}.slider{height:50vh}}@media (max-width:680px){.intro{height:100vh}.slider{height:95vh}}.about{margin-top:5rem;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.about .pattern{transform:translateX(30%) scaleX(-1);position:absolute;top:0;right:0;z-index:-1;width:40vw;height:70vh}.about .pattern img{width:100%;height:100%;object-fit:cover}.about .content{width:80%;display:flex;justify-content:space-around;align-items:center;background-color:#fff;margin:2rem 0;padding:2rem 1rem;border-radius:10px;box-shadow:0 10px 20px rgba(159,162,177,.6)}.about .content .left{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.about .content .left img{width:80%}.about .content .right{padding-left:5vw;width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.about .content .right h1{color:#3b3465;font-size:1rem}.about .content .right h2{color:#5847bb;font-size:3rem;margin:.5rem 0}.about .content .right h3{color:#5e5e5e;font-size:1rem;margin-top:.5rem}.about .content .right a div{width:160px;height:45px;border-radius:4px;background-image:linear-gradient(96deg,#6254e7,#9289f1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-top:1rem}.about .content .right a div h6{font-size:1rem;color:#fff;transform:translateX(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.about .content .right a div i{color:#fff;margin:0 .8rem;position:absolute;right:-50px;transition:position .5s cubic-bezier(.29,1.42,.79,1) 0s}.about .content .right a:hover div h6{transform:translateX(-15px);font-size:.9rem;transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.about .content .right a:hover div i{transform:translateX(-55px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}@media (max-width:1024px){.about{height:450px}.about .content{width:90%}.about .content .right h2{font-size:2rem}.about .content .right h3{font-size:.85rem}}@media only screen and (max-width:768px){.about{width:100%;height:60vh;margin:0}.about .content{width:90%;height:90%}.about .content .right h2{font-size:1.5rem}.about .content .right h3{font-size:.7rem}.about .content .left img{width:90%}.about .content .right a div{height:40px}}@media (max-width:680px){.about{height:100vh}.about .content{flex-direction:column;padding:0}.about .content .left{width:70%;height:55%}.about .content .right{height:35%;width:90%;padding:0}}@media (max-width:480px){.about{height:83vh}.about .content .left{width:85%;height:35%}}@media (max-width:368px){.about{height:100vh}}.services{margin-top:5rem;width:90%;justify-content:space-between}.services,.services .top{display:flex;flex-direction:column;align-items:center}.services .top{width:100%;height:20%;justify-content:space-around}.services .top h1{margin:.5rem 0;font-size:1rem}.services .top h2{margin:0 0 2rem}.services .top .option-list{width:100%;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;scrollbar-width:0;margin:25px 0}.services .top .option-list::-webkit-scrollbar{width:0;height:0}.services .top .option-list .option{width:180px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 40px 0 rgba(107,125,179,.11);border-radius:2px;cursor:pointer;background-color:#fff;transition:all .5s ease-out;margin-bottom:1rem;margin-right:25px}.services .top .option-list .option i:before{margin:0;font-size:2.5rem}#ad img{width:2.5rem;height:2.5rem}#ue i:before{color:#fa7070}#pd i:before{color:#00aeff}#dm i:before{color:#c679e3}#br i:before{color:#eb6b3d}#de i:before{color:#00f}#an i:before{color:#f78acb}.services .top .option-list .option h3{margin-top:1.2rem;font-size:1.1rem}.services .top .option-list .active{background-color:#00f;color:#fff;width:180px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 40px 0 rgba(107,125,179,.11);border-radius:2px;cursor:pointer;margin-bottom:1rem;margin-right:25px;transition:all .5s cubic-bezier(.29,1.42,.79,1) 0s}.services .top .option-list .active i:before{margin:0;font-size:2.5rem;color:#fff!important}.services .top .option-list .active h3{margin-top:1.2rem;font-size:1.1rem;color:#fff}.services .down{width:90%;height:60%;padding-top:4rem}.services .down .option-detail{height:0%;display:none}.services .down .option-detail-selected{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.services{height:100%;margin-top:1rem}.services .top .option-list{overflow-x:scroll;scrollbar-width:5px}.services .top .option-list::-webkit-scrollbar{width:5px;height:5px}.services .down{height:65%}.services .top .option-list .option#br{padding:0 3rem}.services .top .option-list .option#ad,.services .top .option-list .option#pd{padding:0 1.8rem}.services .top .option-list .option#de,.services .top .option-list .option#dm,.services .top .option-list .option#ue{padding:0 1.5rem}.services .top .option-list .active#br{padding:0 3rem}.services .top .option-list .active#pd{padding:0 1.8rem}.services .top .option-list .active#ad,.services .top .option-list .active#de,.services .top .option-list .active#dm,.services .top .option-list .active#ue{padding:0 1.5rem}}@media (max-width:868px){.services{height:100%}.services .top h1{margin:1.5rem 0}.services .top .option-list .active,.services .top .option-list .option{width:160px;height:110px;padding:0 1rem}.services .top .option-list .option h3{font-size:.9rem}.services .top .option-list .active i:before{font-size:2.3rem;color:#fff!important}.services .top .option-list .active h3{font-size:.9rem}.services .top .option-list .option i:before{font-size:2.2rem}}@media (max-width:680px){.services .top{height:28%}.services .top h1{font-size:18px;margin:.3rem 0}.services .top h2{font-size:16px}}@media (max-width:380px){.services .top h2{font-size:14px}.services .top .option-list .active,.services .top .option-list .option{width:150px;height:110px}.services .top .option-list .option h3{font-size:.85rem}.services .top .option-list .active i:before{font-size:2.1rem}.services .top .option-list .active h3{font-size:.85rem}.services .top .option-list .option i:before{font-size:2.1rem}}.uebox{width:100%;align-items:center}.uebox,.uebox .left{height:100%;display:flex;justify-content:center}.uebox .left{width:50%;flex-direction:column;align-items:flex-start}.uebox .left h2{color:#fa7070;margin:15px 0}.uebox .left h3{font-size:1rem}.uebox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.uebox .left .checkbox .left,.uebox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.uebox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.uebox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.uebox .left .checkbox .check h4{font-size:1.2rem}.uebox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.uebox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.uebox .left .checkbox .check:hover i{color:#fa7070;background-color:#fff;transition:all .35s ease-in}.uebox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.uebox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.uebox .right img{width:70%;object-fit:contain}@media (max-width:1024px){.uebox{flex-direction:column}.uebox .left{width:100%;margin-bottom:50px}.uebox .right{width:100%}.uebox .left .checkbox{width:70%}}@media (max-width:680px){.uebox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.uebox .left .checkbox .left{width:100%;margin-bottom:23px}.uebox .left .checkbox .right{width:100%;align-items:flex-start}.uebox .right{width:100%}}@media (max-width:380px){.uebox .left{width:100%;height:70%}.uebox .right{margin:1rem 0}}.pdbox{width:100%}.pdbox,.pdbox .left{height:100%;display:flex;justify-content:center}.pdbox .left{width:50%;flex-direction:column;align-items:flex-start}.pdbox .left h2{color:#00aeff;margin:15px 0}.pdbox .left h3{font-size:1rem}.pdbox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.pdbox .left .checkbox .left,.pdbox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.pdbox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.pdbox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.pdbox .left .checkbox .check h4{font-size:1.2rem}.pdbox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.pdbox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.pdbox .left .checkbox .check:hover i{color:#00aeff;background-color:#fff;transition:all .35s ease-in}.pdbox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.pdbox .right{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start}.pdbox .right img{width:80%;height:80%}@media only screen and (max-width:1024px){.pdbox{flex-direction:column}.pdbox .left{width:100%}.pdbox .right{width:100%;margin-bottom:50px}.pdbox .left .checkbox{width:90%}.debox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.pdbox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.pdbox .left .checkbox .left{width:100%;margin-bottom:23px}.pdbox .left .checkbox .right{width:100%;align-items:flex-start}.pdbox .right{width:100%;height:auto}}@media (max-width:380px){.pdbox .left{width:100%;height:70%}.pdbox .right{margin:1rem 0}}.dmbox{width:100%}.dmbox,.dmbox .left{height:100%;display:flex;justify-content:center}.dmbox .left{width:50%;flex-direction:column;align-items:flex-start}.dmbox .left h2{color:#c679e3;margin:15px 0}.dmbox .left h3{font-size:1rem}.dmbox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.dmbox .left .checkbox .left,.dmbox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.dmbox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative}.dmbox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.dmbox .left .checkbox .check h4{font-size:1.2rem}.dmbox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.dmbox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.dmbox .left .checkbox .check:hover i{color:#c679e3;background-color:#fff;transition:all .35s ease-in}.dmbox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.dmbox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.dmbox .right img{width:70%;height:80%}@media only screen and (max-width:1024px){.dmbox{flex-direction:column}.dmbox .left{width:100%;margin-bottom:50px}.dmbox .right{width:100%}.dmbox .left .checkbox{width:90%}.debox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.dmbox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.dmbox .left .checkbox .left{width:100%;margin-bottom:23px}.dmbox .left .checkbox .right{width:100%;align-items:flex-start}.dmbox .right{width:100%;height:auto}}@media (max-width:380px){.dmbox .left{width:100%;height:70%}.dmbox .right{margin:1rem 0}}.brbox{width:100%}.brbox,.brbox .left{height:100%;display:flex;justify-content:center}.brbox .left{width:50%;flex-direction:column;align-items:flex-start}.brbox .left h2{color:#eb6b3d;margin:15px 0}.brbox .left h3{font-size:1rem}.brbox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.brbox .left .checkbox .left,.brbox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.brbox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.brbox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.brbox .left .checkbox .check h4{font-size:1.2rem}.brbox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.brbox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.brbox .left .checkbox .check:hover i{color:#eb6b3d;background-color:#fff;transition:all .35s ease-in}.brbox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.brbox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.brbox .right img{width:70%;height:80%}@media only screen and (max-width:1024px){.brbox{flex-direction:column}.brbox .left{width:100%}.brbox .right{width:100%;margin-bottom:50px}.brbox .left .checkbox{width:90%}.debox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.brbox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.brbox .left .checkbox .left{width:100%;margin-bottom:23px}.brbox .left .checkbox .right{width:100%;align-items:flex-start}.brbox .right{width:100%;height:auto}}@media (max-width:380px){.brbox .left{width:100%;height:70%}.brbox .right{margin:1rem 0}}.debox{width:100%}.debox,.debox .left{height:100%;display:flex;justify-content:center}.debox .left{width:50%;flex-direction:column;align-items:flex-start}.debox .left h2{color:#00f;margin:15px 0}.debox .left h3{font-size:1rem}.debox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.debox .left .checkbox .left,.debox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.debox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.debox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.debox .left .checkbox .check h4{font-size:1.2rem}.debox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.debox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.debox .left .checkbox .check:hover i{color:#00f;background-color:#fff;transition:all .35s ease-in}.debox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.debox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.debox .right img{width:100%;height:80%}@media only screen and (max-width:1024px){.debox{flex-direction:column}.debox .left{width:100%;margin-bottom:50px}.debox .right{width:100%}.debox .left .checkbox{width:90%}.debox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.debox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.debox .left .checkbox .left{width:100%;margin-bottom:23px}.debox .left .checkbox .right{width:100%;align-items:flex-start}.debox .right{width:100%;height:auto}}@media (max-width:380px){.debox .left{width:100%;height:70%}.debox .right{margin:1rem 0}}.adbox{width:100%}.adbox,.adbox .left{height:100%;display:flex;justify-content:center}.adbox .left{width:50%;flex-direction:column;align-items:flex-start}.adbox .left h2{color:#00f;margin:15px 0}.adbox .left h3{font-size:1rem}.adbox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.adbox .left .checkbox .left,.adbox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.adbox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.adbox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.adbox .left .checkbox .check h4{font-size:1.2rem}.adbox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.adbox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.adbox .left .checkbox .check:hover i{color:#00f;background-color:#fff;transition:all .35s ease-in}.adbox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.adbox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.adbox .right img{width:70%;height:80%}@media only screen and (max-width:1024px){.adbox{flex-direction:column}.adbox .left{width:100%;margin-bottom:50px}.adbox .right{width:100%}.adbox .left .checkbox{width:90%}.adbox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.adbox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.adbox .left .checkbox .left{width:100%;margin-bottom:23px}.adbox .left .checkbox .right{width:100%;align-items:flex-start}.adbox .right{width:100%;height:auto}}@media (max-width:380px){.adbox .left{width:100%;height:70%}.adbox .right{margin:1rem 0}}.anbox{width:100%;align-items:center}.anbox,.anbox .left{height:100%;display:flex;justify-content:center}.anbox .left{width:50%;flex-direction:column;align-items:flex-start}.anbox .left h2{color:#f78acb;margin:15px 0}.anbox .left h3{font-size:1rem}.anbox .left .checkbox{width:100%;margin-top:2rem;display:flex;align-items:center;justify-content:center}.anbox .left .checkbox .left,.anbox .left .checkbox .right{width:50%;height:180px;display:flex;flex-direction:column;justify-content:space-between}.anbox .left .checkbox .check{width:220px;height:45px;display:flex;justify-content:flex-start;align-items:center;border-radius:4px;cursor:pointer;position:relative;white-space:nowrap}.anbox .left .checkbox .check i{color:#fff;padding:8px;background-color:#00f;border-radius:4px;margin:0 10px;font-size:.8rem}.anbox .left .checkbox .check h4{font-size:1.2rem}.anbox .left .checkbox .check:before{content:"";width:0;height:50px;background-color:#00f;position:absolute;z-index:-1;border-radius:4px;cursor:pointer}.anbox .left .checkbox .check:hover:before{width:220px;transform-origin:left;transition:width .5s cubic-bezier(.29,1.42,.79,1) 0s}.anbox .left .checkbox .check:hover i{color:#f78acb;background-color:#fff;transition:all .35s ease-in}.anbox .left .checkbox .check:hover h4{color:#fff;transition:color .35s ease-in}.anbox .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.anbox .right img{width:90%;height:80%}@media only screen and (max-width:1024px){.anbox{flex-direction:column;height:100%}.anbox .left,.anbox .right{width:100%;height:50%}.anbox .right{margin-bottom:50px}.anbox .left .checkbox{width:90%}.debox .left .checkbox .right{margin-bottom:50px}}@media (max-width:680px){.anbox .left .checkbox{flex-direction:column;align-items:center;justify-content:center}.anbox .left .checkbox .left{width:100%;margin-bottom:23px}.anbox .left .checkbox .right{width:100%;align-items:flex-start}.anbox .right{width:100%;height:auto}}@media (max-width:380px){.anbox .left{width:100%;height:50%}.anbox .right{margin:1rem 0}}.whychooseus{margin-top:5rem;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.whychooseus .pattern{transform:translateX(-30%);position:absolute;bottom:0;left:0;z-index:-1;width:40vw;height:70vh}.whychooseus .pattern img{width:100%;height:100%;object-fit:cover}.whychooseus .content{width:80%;height:80%;display:flex;justify-content:space-around;align-items:center;padding:0 5rem;border-radius:10px;background-color:#fff;box-shadow:0 10px 20px rgba(159,162,177,.4)}.whychooseus .content .left{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.whychooseus .content .left img{width:100%}.whychooseus .content .right{padding-right:2rem;width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.whychooseus .content .right h1{color:#3b3465;font-size:1rem}.whychooseus .content .right h2{color:#5847bb;font-size:3rem}.whychooseus .content .right h3{color:#5e5e5e;font-size:1rem}.whychooseus .content .right .checklist{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.whychooseus .content .right .checklist i{padding:10px;margin-right:10px;border-radius:50%;color:#fff;font-size:1.2rem}.whychooseus .content .right .checklist .cl1{background:linear-gradient(90deg,#af90f7,#6b58ed)}.whychooseus .content .right .checklist .cl2{background:linear-gradient(90deg,#ffbf75,#f67400)}.whychooseus .content .right .checklist .cl3{background:linear-gradient(90deg,#9bffab,#34cc7d)}.whychooseus .content .right .checklist h4{color:#000}.whychooseus .content .right a div{width:180px;height:50px;border-radius:4px;background-image:linear-gradient(96deg,#6254e7,#9289f1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-top:1rem}.whychooseus .content .right a div h6{font-size:1rem;color:#fff;transform:translateX(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.whychooseus .content .right a div i{color:#fff;margin:0 .8rem;position:absolute;right:-60px;transition:position .5s cubic-bezier(.29,1.42,.79,1) 0s}.whychooseus .content .right a:hover div h6{transform:translateX(-20px);font-size:.9rem;transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.whychooseus .content .right a:hover div i{transform:translateX(-60px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}@media (max-width:1024px){.whychooseus{height:auto}.whychooseus .content{width:90%}.whychooseus .content .right h1{font-size:1rem}.whychooseus .content .right h2{font-size:2rem}.whychooseus .content .right h3{font-size:.7rem}.whychooseus .content .right .checklist i{padding:7px;font-size:1rem}.whychooseus .content .right .checklist h4{font-size:.8rem}.whychooseus .content .right a div{height:40px}.whychooseus .content .right a div h6{font-size:.9rem}}@media (max-width:878px){.whychooseus .content .right h1{font-size:.9rem}.whychooseus .content .right h2{font-size:1.8rem}.whychooseus .content .right h3{font-size:.6rem}.whychooseus .content .right .checklist h4{font-size:.7rem}}@media only screen and (max-width:768px){.whychooseus{height:100vh;margin-top:3rem}.whychooseus .pattern{width:100%;height:100%}.whychooseus .content{width:90%;height:95%;padding:0 2rem 1rem;flex-direction:column-reverse}.whychooseus .content .left{width:80%;height:40%}.whychooseus .content .right{width:100%;height:50%;padding:0}.whychooseus .content .right h2{color:#5847bb;font-size:2rem}}@media (max-width:468px){.whychooseus{height:100vh;margin-top:6rem}.whychooseus .content .left{width:80%;height:30%}}@media (max-width:360px){.whychooseus{height:120vh;margin-top:6rem}}.workprocess{margin-top:2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.workprocess h1{font-size:1.2rem;color:#3b3465}.workprocess .part{margin:5rem 0 1rem;width:70%;height:30vh;display:flex;justify-content:space-around;align-items:center;position:relative}.workprocess .part .left{width:30%;height:100%}.workprocess .part .left img{width:80%}.workprocess .part .right{width:70%;height:100%;display:flex;justify-content:center;align-items:center}.workprocess .part .right h2{font-size:1.6rem;padding:.7rem;background-color:#3330a3;border-radius:50%;text-align:center;color:#fff;margin:0 2rem}.workprocess .part .right .content{display:flex;flex-direction:column;align-items:flex-start}.workprocess .part .right .content h3{font-size:1.5rem;color:#000;margin:.5rem 0}.workprocess .part .right .content h4{font-size:1rem;color:#000;font-weight:lighter}.arrow1,.arrow2,.arrow3,.arrow4{position:absolute}.arrow1{bottom:-7rem;left:12rem}.arrow2{bottom:-7rem;left:8rem}.arrow3{bottom:-8rem;left:8rem}.arrow4{bottom:-8rem;left:7rem}@media only screen and (max-width:1024px){.workprocess .part{width:90%}}@media only screen and (max-width:768px){.workprocess .part{height:40vh}}@media(max-width:468px){.workprocess .part{height:52vh;flex-direction:column;justify-content:center;align-items:space-around}.workprocess .part .left{width:auto;height:50%;margin-bottom:2rem}.workprocess .part .right{width:100%;height:30%;margin-bottom:1rem}.workprocess .part .right h2{margin:0 1rem;font-size:1.2rem}.workprocess .part .right .content h3{font-size:1.2rem}.workprocess .part .right .content h4{font-size:.8rem}.arrow1 img,.arrow2 img,.arrow3 img,.arrow4 img{width:90%}.arrow1{bottom:-5rem;left:12rem}.arrow2{bottom:-7rem;left:8rem}.arrow3{bottom:-5.5rem;left:8rem}.arrow4{bottom:-6rem;left:7rem}}@media (max-width:368px){.workprocess .part{height:auto;flex-direction:column;justify-content:center;align-items:space-around}.arrow2{bottom:-5rem;left:8rem}.arrow4{bottom:-3.5rem;left:7rem}}.technologies{width:100%;height:100vh;justify-content:flex-end;align-items:center;background-image:url(/static/media/bg.2397b6ac.png);background-repeat:no-repeat;background-size:cover}.technologies,.technologies .top{display:flex;flex-direction:column}.technologies .top{width:90%;height:30%;align-items:flex-end;justify-content:center}.technologies .top h1{font-size:2.5rem;text-align:end;color:#fff}.technologies .top h2{font-size:1.2rem;text-align:end;color:#fff;font-weight:lighter}.technologies .bottom{display:flex;width:70%;height:50%;align-items:flex-start;justify-content:center}.technologies .bottom .left{width:50%;perspective:1000px;perspective-origin:50% 50%;display:flex;justify-content:flex-start;align-items:center}.technologies .bottom .left .cube{transform-style:preserve-3d;width:200px;height:200px;position:relative;-webkit-animation:cubeloop 100s linear infinite;animation:cubeloop 100s linear infinite}.technologies .bottom .left .cube img{position:absolute;width:100%;opacity:.9;background-color:#e4e4e4;box-shadow:0 0 5px #fff;border-radius:4px}.technologies .bottom .left .cube img:first-child{transform:rotateY(0deg) translateZ(100px)}.technologies .bottom .left .cube img:nth-child(2){transform:rotateY(90deg) translateZ(100px)}.technologies .bottom .left .cube img:nth-child(3){transform:rotateY(180deg) translateZ(100px)}.technologies .bottom .left .cube img:nth-child(4){transform:rotateY(-90deg) translateZ(100px)}.technologies .bottom .left .cube img:nth-child(5){transform:rotateX(90deg) translateZ(100px)}.technologies .bottom .left .cube img:nth-child(6){transform:rotateX(-90deg) translateZ(100px)}@-webkit-keyframes cubeloop{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(10turn) rotateY(10turn)}}@keyframes cubeloop{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(10turn) rotateY(10turn)}}.technologies .bottom .right{width:50%;display:flex;justify-content:space-around;align-items:center}.technologies .bottom .right .language-list{flex-direction:column}.technologies .bottom .right .language-list,.technologies .bottom .right .language-list .language{display:flex;align-items:center;justify-content:center}.technologies .bottom .right .language-list .language img{width:80px;margin:0 1rem}.technologies .bottom .right .language-list .language h3{color:#fff;font-size:1.5rem}.additional-margin{margin-left:-20px!important}.lessMargin-left{margin-left:30px!important}@media (max-width:1024px){.technologies{height:740px}.technologies .top{height:15vh;margin-bottom:4rem}.technologies .top h1{font-size:2rem}.technologies .top h2{font-size:1rem}.technologies .bottom .left .cube{width:150px;height:150px}.technologies .bottom .left .cube img:first-child{transform:rotateY(0deg) translateZ(75px)}.technologies .bottom .left .cube img:nth-child(2){transform:rotateY(90deg) translateZ(75px)}.technologies .bottom .left .cube img:nth-child(3){transform:rotateY(180deg) translateZ(75px)}.technologies .bottom .left .cube img:nth-child(4){transform:rotateY(-90deg) translateZ(75px)}.technologies .bottom .left .cube img:nth-child(5){transform:rotateX(90deg) translateZ(75px)}.technologies .bottom .left .cube img:nth-child(6){transform:rotateX(-90deg) translateZ(75px)}}@media (max-width:768px){.technologies .top{height:auto}.technologies .top h1{font-size:1.6rem;margin-bottom:10px}.technologies .top h2{font-size:.9rem}.technologies .bottom .right .language-list .language img{width:60px}.technologies .bottom .right .language-list .language h3{font-size:1.4rem}}@media (max-width:680px){.technologies{height:140vh}.technologies .top{margin-bottom:1.5rem;width:93%}.technologies .top h1{font-size:1.4rem}.technologies .top h2{font-size:.8rem}.technologies .bottom{display:flex;flex-direction:column-reverse;width:90%;height:65%;align-items:center;justify-content:space-around}.technologies .bottom .left{width:30%;height:35%;margin-bottom:3.5rem}.technologies .bottom .right{width:50%;display:flex;justify-content:space-around;align-items:center;height:40%}}@media (max-width:580px){.technologies{height:100vh}.technologies .top{margin-bottom:1.5rem}.technologies .top h1{font-size:1.25rem;text-align:start}.technologies .top h2{font-size:.8rem;text-align:start}.technologies .bottom{height:57%}.technologies .bottom .left .cube{width:100px;height:100px}.technologies .bottom .left .cube img:first-child{transform:rotateY(0deg) translateZ(50px)}.technologies .bottom .left .cube img:nth-child(2){transform:rotateY(90deg) translateZ(50px)}.technologies .bottom .left .cube img:nth-child(3){transform:rotateY(180deg) translateZ(50px)}.technologies .bottom .left .cube img:nth-child(4){transform:rotateY(-90deg) translateZ(50px)}.technologies .bottom .left .cube img:nth-child(5){transform:rotateX(90deg) translateZ(50px)}.technologies .bottom .left .cube img:nth-child(6){transform:rotateX(-90deg) translateZ(50px)}.technologies .bottom .right{width:100%;margin-left:-15px}.technologies .bottom .right .language-list .language img{width:45px}.technologies .bottom .right .language-list .language h3{font-size:1.2rem}}@media (max-width:380px){.technologies{height:105vh}.technologies .top h1{font-size:1.2rem;text-align:start}.technologies .top h2{font-size:.8rem;text-align:start}.technologies .bottom .left .cube img:first-child{transform:rotateY(0deg) translateZ(48px)}.technologies .bottom .left .cube img:nth-child(2){transform:rotateY(90deg) translateZ(48px)}.technologies .bottom .left .cube img:nth-child(3){transform:rotateY(180deg) translateZ(48px)}.technologies .bottom .left .cube img:nth-child(4){transform:rotateY(-90deg) translateZ(48px)}.technologies .bottom .left .cube img:nth-child(5){transform:rotateX(90deg) translateZ(48px)}.technologies .bottom .left .cube img:nth-child(6){transform:rotateX(-90deg) translateZ(48px)}}.project-preview{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:4rem}.project-preview h1{font-size:1.2rem;color:#005194;margin-bottom:10px}.project-preview h2{font-size:1.5rem;text-align:center}.project-preview .projectpreviewlist{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3rem 0}.project-preview .projectpreviewlist .project-preview-item{margin:0 2rem;border-radius:5px;width:340px;height:360px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:linear-gradient(0deg,#fff,#fff,#9289f1);box-shadow:0 10px 20px rgba(159,162,177,.4);transform:skew(0deg);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item:hover{transform:skew(10deg);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item .project-preview-item-image{width:100%;height:45%;position:relative}.project-preview .projectpreviewlist .project-preview-item .project-preview-item-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;opacity:1;border-top-left-radius:5px;border-top-right-radius:5px;transform:translate(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item:hover .project-preview-item-image img:first-child{transform:translate(10px,-10px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s;opacity:.2;border-radius:4px}.project-preview .projectpreviewlist .project-preview-item:hover .project-preview-item-image img:nth-child(2){transform:translate(20px,-20px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s;opacity:.6;border-radius:4px}.project-preview .projectpreviewlist .project-preview-item:hover .project-preview-item-image img:nth-child(3){transform:translate(30px,-30px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s;opacity:1;border-radius:4px}.project-preview .projectpreviewlist .project-preview-item h3{color:#000;margin:1.5rem 0 .5rem 1rem;border-left:3px solid #3330a3;padding-left:.5rem;font-size:1.5rem;transform:translate(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item:hover h3{transform:translate(30px,-30px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item h4{color:#000;font-size:1rem;padding:0 1rem;transform:translate(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .projectpreviewlist .project-preview-item:hover h4{transform:translate(30px,-30px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .see-more div{width:120px;height:40px;border-radius:4px;background-image:linear-gradient(96deg,#6254e7,#9289f1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.project-preview .see-more div h6{font-size:1rem;color:#fff;transform:translateX(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .see-more div i{color:#fff;margin:0 .8rem;position:absolute;right:-50px;transition:position .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .see-more:hover div h6{transform:translateX(-10px);font-size:.9rem;transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.project-preview .see-more:hover div i{transform:translateX(-50px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}@media only screen and (max-width:1200px){.project-preview{height:auto}.project-preview .projectpreviewlist .project-preview-item{width:190px;height:250px}.project-preview .projectpreviewlist .project-preview-item h3{font-size:1rem;padding:0 0 0 5px}.project-preview .projectpreviewlist .project-preview-item h4{font-size:.7rem}}@media (max-width:730px){.project-preview{height:auto}.project-preview .projectpreviewlist{width:100%;flex-direction:column}.project-preview .projectpreviewlist .project-preview-item{width:290px;height:350px;margin:20px 0}}.blog-preview{width:90%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-preview h1{font-size:1.5rem;color:#005194}.blog-preview h2{font-size:2rem;text-align:center}.blog-preview .blogpreviewlist{width:100%;height:60%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:3rem 0}.blog-preview .blogpreviewlist .blog-preview-item{width:330px;height:340px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.blog-preview .blogpreviewlist .blog-preview-item .blog-preview-item-image{width:100%;height:300px}.blog-preview .blogpreviewlist .blog-preview-item .blog-preview-item-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.blog-preview .blogpreviewlist .blog-preview-item h3{font-size:1.2rem;margin-top:10px;color:#000}.blog-preview .see-more div{width:120px;height:40px;border-radius:4px;background-image:linear-gradient(96deg,#6254e7,#9289f1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.blog-preview .see-more div h6{font-size:1rem;color:#fff}.blog-preview .see-more div i{color:#fff;margin:0 .8rem;position:absolute;right:-50px}.blog-preview .see-more:hover div h6{transform:translateX(-10px);transition:transform .5s ease-out;font-size:.9rem}.blog-preview .see-more:hover div i{transform:translateX(-50px);transition:transform .35s ease-out}@media only screen and (max-width:1024px){.blog-preview{width:90%;height:auto}.blog-preview .blogpreviewlist{margin-top:2rem}.blog-preview .blogpreviewlist .blog-preview-item{width:220px;height:300px;overflow:hidden}.blog-preview .blogpreviewlist .blog-preview-item .blog-preview-item-image{width:100%;height:220px}.blog-preview .blogpreviewlist .blog-preview-item h3{font-size:1rem}}@media (max-width:730px){.blog-preview .blogpreviewlist{flex-direction:column;justify-content:space-between;margin:2rem 0 0}.blog-preview .blogpreviewlist .blog-preview-item{width:250px;height:350px;overflow:hidden}.blog-preview .blogpreviewlist .blog-preview-item .blog-preview-item-image{width:100%;height:220px}}@media(max-width:680px){.blog-preview{display:none}}.group{position:relative;margin:45px 0}.group .form-input{background:none;color:grey;font-size:18px;padding:10px 10px 10px 5px;display:block;width:90%;border-radius:0;border:none;border-bottom:1px solid grey;margin:25px 0;background-color:transparent}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:0;font-size:12px;color:#a9a9a9}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:grey;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:35px;transition:all .3s ease}.group .form-input-label.shrink{top:0;font-size:12px;color:#a9a9a9}@media (max-width:680px){.group{margin:10px 0;width:100%}.group .form-input{height:50px;margin:0;padding:15px 10px 5px 5px;width:100%}.group .form-input-label{top:15px}}.contactform{padding-top:5rem;width:100%;background-image:url(/static/media/bg.8d6fae50.png);position:relative;background-size:cover;background-position:top;margin-top:5rem}.contactform,.contactform .contactform-container{display:flex;justify-content:center;align-items:center}.contactform .contactform-container{width:65vw;padding:3rem 1rem;background-color:#fff;box-shadow:0 5px 8px rgba(0,0,0,.45);border-radius:15px;margin-bottom:5rem}.contactform .contactform-container .left{width:40%;height:100%;display:flex;align-items:center;justify-content:center}.contactform .contactform-container .left img{width:90%}.contactform .contactform-container .right{width:60%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contactform .contactform-container .right h1{font-size:1.2rem;color:#005194}.contactform .contactform-container .right h2{font-size:2rem;color:#ffa04d}.contactform .contactform-container .right h3{font-size:1rem;color:#a0a0a0}.contactform .contactform-container .right .contact-form{display:flex;flex-direction:column;width:80%;justify-content:center;align-items:flex-start;margin:1rem 0}.contactform .contactform-container .right .contact-form .form-group{display:flex;justify-content:space-between;align-items:center;width:100%;height:10vh;margin:.25 0}.contactform .contactform-container .right .contact-form .form-group .group .form-input-label.shrink,.contactform .contactform-container .right .contact-form .form-group .group .form-input:focus~.form-input-label{top:15px}.contactform .contactform-container .right .contact-form button{border:none;padding:0;cursor:pointer;margin-top:2rem}.contactform .contactform-container .right .contact-form button div{width:120px;height:50px;border-radius:4px;background-image:linear-gradient(96deg,#6254e7,#9289f1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.contactform .contactform-container .right .contact-form button div h6{font-size:1.2rem;color:#fff;transform:translateX(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.contactform .contactform-container .right .contact-form button div i{color:#fff;margin:0 .8rem;position:absolute;right:-50px;transition:position .5s cubic-bezier(.29,1.42,.79,1) 0s}.contactform .contactform-container .right .contact-form button:hover div h6{transform:translateX(-10px);font-size:.9rem;transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.contactform .contactform-container .right .contact-form button:hover div i{transform:translateX(-60px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}@media only screen and (max-width:1024px){.contactform{background-size:auto}.contactform .contactform-container{width:80%}.contactform .contactform-container .left{width:40%}.contactform .contactform-container .left img{width:90%;height:90%}.contactform .contactform-container .right{width:60%;height:70%}.contactform .contactform-container .right h1{font-size:1rem}.contactform .contactform-container .right h2{font-size:1.6rem}.contactform .contactform-container .right h3{font-size:.8rem}.contactform .contactform-container .right .contact-form{width:100%;align-self:center;margin-top:2rem}.contactform .contactform-container .right .contact-form .form-group .group .form-input-label.shrink,.contactform .contactform-container .right .contact-form .form-group .group .form-input:focus~.form-input-label{top:0}.contactform .contactform-container .right .contact-form button{margin-top:1rem}}@media (max-width:748px){.contactform .contactform-container{width:90%}}@media (max-width:680px){.contactform{margin-top:3rem}.contactform .contactform-container{width:90%;flex-direction:column;height:90%}.contactform .contactform-container .left{width:70%}.contactform .contactform-container .right{width:80%;height:70%;margin-top:1.5rem}.contactform .contactform-container .right h1{font-size:.8rem}.contactform .contactform-container .right h2{font-size:1.2rem}.contactform .contactform-container .right h3{font-size:.6rem;margin-bottom:.5rem}.contactform .contactform-container .right .contact-form{width:100%;align-self:flex-start;margin-top:1rem;height:70%}.contactform .contactform-container .right .contact-form .form-group{flex-direction:column;align-items:flex-start;height:50%;width:100%}.contactform .contactform-container .right .contact-form button{margin-top:2rem}}@media (max-width:480px){.contactform .contactform-container .left{width:80%}}.homepage{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.homepage .make-payment-container{width:100%;height:250px;background-image:linear-gradient(90deg,#2c4697,#3b89e0);margin:2rem 0;position:relative}.homepage .make-payment-container .make-payment{width:85%;height:100%;color:#fff;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.homepage .make-payment-container .make-payment p{width:50%;font-size:2rem}.homepage .make-payment-container .make-payment button{background-color:#f0ac0e;background-image:linear-gradient(90deg,#f0ac0e,#f56616);outline:none;padding:17px 25px;font-weight:500;cursor:pointer;border:none;border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}.homepage .make-payment-container .make-payment button p{width:80%;white-space:nowrap;font-size:1.2rem;font-weight:500;color:#fff;transform:translateX(0);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.homepage .make-payment-container .make-payment button i{color:#fff;font-size:1rem;transform:translateX(80px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.homepage .make-payment-container .make-payment button:hover p{transform:translateX(-20px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.homepage .make-payment-container .make-payment button:hover i{transform:translateX(15px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}@media(max-width:1024px){.homepage .make-payment-container .make-payment button{padding:15px 25px}}@media(max-width:768px){.homepage .make-payment-container .make-payment{flex-direction:column;justify-content:space-around}.homepage .make-payment-container .make-payment p{width:100%;font-size:1.7rem}}@media(max-width:680px){.homepage .make-payment-container{height:250px}.homepage .make-payment-container .make-payment p{font-size:1.3rem}.homepage .make-payment-container .make-payment button{padding:10px 20px}.homepage .make-payment-container .make-payment button p{font-size:1rem}.homepage .make-payment-container .make-payment button i{font-size:.9rem}.homepage .make-payment-container .make-payment button:hover p{transform:translateX(-15px)}.homepage .make-payment-container .make-payment button:hover i{transform:translateX(10px)}}@media(max-width:680px){.homepage .make-payment-container .make-payment p{font-size:1.5rem}.homepage .make-payment-container .make-payment button{padding:15px 25px}}.latestblog{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.latestblog h1{font-size:1.2rem;color:#3330a3}.latestblog .latestblog-list{width:100%;height:100%}.latestblog .latestblog-card{width:600px;height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem;cursor:pointer;box-shadow:0 0 3px 5px rgba(0,0,0,.1);border-radius:4px;margin:1rem 0;position:relative;overflow:hidden}#bgblog{position:absolute;right:0;bottom:0;width:100%;height:150%;z-index:-1;opacity:.15}.latestblog .latestblog-card h1{color:#000;font-size:1.2rem;margin:.3rem 0}.latestblog .latestblog-card h2{color:#000;font-size:.8rem;margin:.2rem 0;color:#a3a3a3}.latestblog .latestblog-card h3{color:#000;font-size:.8rem;margin:.2rem 0;color:#f4a411}.latestblog .latestblog-card h4{color:#000;font-size:1rem;margin:.2rem 0}.latestblog .latestblog-card h4 i{color:#000;font-size:1rem;margin:.2rem .5rem;color:#3330a3}.latestblog .latestblog-card h5{color:#000;font-size:.8rem;margin:.2rem 0;color:#c5c5c5}.latestblog .right{width:40%;height:100%}.fa-eye{margin-left:1rem}.topblog{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.topblog h1{font-size:1.2rem;color:#3330a3}.topblog .topblog-list{width:100%;height:100%}.topblog .topblog-list .topblog-card{width:400px;height:180px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border:2px solid transparent;box-shadow:0 0 3px 5px rgba(0,0,0,.1);cursor:pointer;border-radius:5px;margin:1rem 0}.topblog .topblog-list .topblog-card .top{width:30%;height:90%}.topblog .topblog-list .topblog-card .top img{width:100%;height:100%;object-fit:cover;border-radius:4px}.topblog .topblog-list .topblog-card .bottom{width:60%;height:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.topblog .topblog-list .topblog-card .bottom h1{color:#000;font-size:.85rem;margin:.3rem 0}.topblog .topblog-list .topblog-card .bottom h2{color:#000;font-size:.8rem;margin:.2rem 0;color:#a3a3a3}.topblog .topblog-list .topblog-card .bottom h3{color:#000;font-size:.8rem;margin:.2rem 0;color:#f4a411}.topblog .topblog-list .topblog-card .bottom h3 span i{margin-right:.3rem}.topblog .topblog-list .topblog-card .bottom h4 i{color:#000;font-size:.8rem;margin:.2rem .5rem;color:#3330a3}.topblog .topblog-list .topblog-card .bottom h5{color:#000;font-size:.8rem;margin:.2rem 0;color:#c5c5c5}.loader{position:absolute;top:0;left:0;background-color:#fff;z-index:9999;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100vh}.loader .circle{width:30px;height:30px;border-radius:50%;background-color:#000;margin:.5rem}.loader .circle:first-child{background-color:#f56616;-webkit-animation-name:bubble-appear1;animation-name:bubble-appear1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0s;animation-delay:0s}.loader .circle:nth-child(2){background-color:#ffc14b;-webkit-animation-name:bubble-appear2;animation-name:bubble-appear2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.loader .circle:nth-child(3){background-color:#3150a3;-webkit-animation-name:bubble-appear3;animation-name:bubble-appear3;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}.loader .circle:nth-child(4){background-color:#81a3bd;-webkit-animation-name:bubble-appear4;animation-name:bubble-appear4;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes bubble-appear1{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@keyframes bubble-appear1{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@-webkit-keyframes bubble-appear2{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@keyframes bubble-appear2{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@-webkit-keyframes bubble-appear3{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@keyframes bubble-appear3{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@-webkit-keyframes bubble-appear4{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}@keyframes bubble-appear4{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(.1)}}.blog{margin-top:10vh;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.blog .top{width:80%;height:10vh;margin:1rem 0}.blog .top,.blog .top .tag-list{display:flex;justify-content:flex-start;align-items:center}.blog .top .tag-list{width:90%;height:100%}.blog .top .tag-list .tagname{color:#000;text-transform:uppercase}.blog .top .tag-list .active,.blog .top .tag-list .tagname{font-size:1rem;text-align:center;margin:0 .5rem;cursor:pointer}.blog .top .tag-list .active{background-color:#3330a3;padding:.5rem 1.5rem;border-radius:1.2rem;color:#fff}.blog .bottom{width:75%;height:100%;display:flex;align-items:flex-start;justify-content:space-between}.footer{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#223b7c;padding-top:1rem}.footer .top-one{width:80%;height:90%;display:flex;align-items:flex-start;justify-content:space-between}.footer .top-one .part{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .top-one .part1{width:35%;height:100%}.footer .top-one .part1 .brand{display:flex;justify-content:center;align-items:center}.footer .top-one .part1 .brand h1{color:#fff}.footer .top-one .part1 .brand img{width:80px}.footer .top-one .part1 .desc{width:100%;height:50%}.footer .top-one .part1 .desc h2{font-size:1rem;text-align:center;color:#fff}.footer .top-one .social{margin-top:2rem;width:25%;height:100%;display:flex;align-items:flex-start;justify-content:center}.footer .top-one .social a{font-size:1.8rem;margin:0 .8rem;color:#fff}.footer .top-one .social a:first-child:hover{color:#0f8ff2!important}.footer .top-one .social a:nth-child(2):hover{color:#55acee!important}.footer .top-one .social a:nth-child(3):hover{color:#25d366!important}.footer .top-one .social a:nth-child(4) i:hover{background:radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer .top-one .social a:nth-child(5):hover{color:#0077b5!important}.footer .top-one .social a:hover{transform:scale(1.5) translateY(-5px);transition:transform .8s cubic-bezier(.29,1.42,.79,1) 0s}.footer .top-one .part2{margin-top:4rem}.footer .top-one .part .top{width:100%;display:flex;justify-content:flex-start;align-items:center}.footer .top-one .part .top h3{font-size:1.5rem;color:#fff}.footer .top-one .part .bottom{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.footer .top-one .part .bottom a{font-size:1.2rem;color:#000;margin:.3rem 0;color:#fff}.footer .top-one .part .bottom a i{margin:0 .6rem 0 0;color:#fff}.footer .bottom{width:80%;display:flex;justify-content:center;align-items:center}.footer .bottom h4{width:100%;text-align:center;font-size:1rem;color:#fff;border-top:1px solid #3a4a8f;padding:1rem 0}@media only screen and (max-width:1024px){.footer{height:55vh}.footer .top-one{width:90%}.footer .top-one .part1 .brand h1{color:#fff;font-size:28px}.footer .top-one .part1 .brand img{width:60px}.footer .top-one .part .top h3{font-size:1.2rem}.footer .top-one .part1 .desc h2,.footer .top-one .part .bottom a{font-size:.9rem}.footer .top-one .part2 .bottom a:last-child{font-size:.8rem}}@media(max-width:890px){.footer .top-one .part1 .brand h1{font-size:25px}}@media (max-width:768px){.footer{height:auto}.footer .top-one{width:95%}.footer .top-one .part1 .brand{display:flex;justify-content:flex-start;align-items:center;width:100%}.footer .top-one .part1 .brand h1{font-size:22px}.footer .top-one .part1 .brand img{width:45px}.footer .top-one .part1 .desc h2{font-size:.75rem}.footer .top-one .part1 .desc{width:90%;align-self:flex-start}.footer .top-one .social a{font-size:1rem}.footer .top-one .part2{margin-top:1.5rem}.footer .top-one .part2 .bottom a{font-size:12px}}@media (max-width:680px){.footer .top-one{flex-direction:column;width:80%}.footer .top-one .part1{width:100%;align-self:center;order:4}.footer .top-one .part1 .brand{justify-content:center}.footer .top-one .part1 .brand img{width:50px}.footer .top-one .part1 .brand h1{font-size:25px}.footer .top-one .part1 .desc{width:80%;align-self:center}.footer .top-one .part2 .top h3{font-size:23px}.footer .top-one .part2 .bottom a,.footer .top-one .part2 .bottom a:last-child{font-size:16px}.footer .top-one .social{width:100%}.footer .top-one .social a{font-size:1.8rem}}.login-form-container{margin-top:10vh;width:100%;height:90vh;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#039be6}.login-form-container .left{width:40%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-form-container .left img{width:60%}.login-form-container .left h1{color:#fff;font-size:1.2rem}.login-form-container .login-content{width:20%;height:80%;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(159,162,177,.6);display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form-container .login-content h1{font-size:1.8rem;color:#f39d00}.login-form-container .login-content .login-form{height:60%;width:70%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.login-form-container .login-content .login-form button{background-color:#f39d00;border:1.5px solid #f39d00;padding:.6rem 1rem;border-radius:4px;font-size:1rem;color:#fff;cursor:pointer}.login-form-container .login-content .login-form button:hover{background-color:transparent;color:#f39d00}.login-form-container .login-content .google-login{background-color:#ff4500;border:1.5px solid #ff4500;padding:.6rem 1rem;border-radius:4px;font-size:1rem;color:#fff;cursor:pointer}.login-form-container .login-content .google-login:hover{background-color:transparent;color:#ff4500}.notfound{margin-top:15vh;height:40vh;flex-direction:column}.notfound,.notfound .top{width:100%;display:flex;justify-content:center;align-items:center}.notfound .top{height:80%}.notfound .bottom{width:90%;height:15%;display:flex;align-items:center;justify-content:center}.notfound .top img{height:100%}.blogExpand{width:100%;margin-top:10vh;padding:2rem 0;justify-content:center}.blog-detail,.blogExpand{height:100%;display:flex;align-items:flex-start}.blog-detail{width:60%;flex-direction:column;justify-content:flex-start}.blog-detail::-webkit-scrollbar{width:0}.blog-detail h1{font-size:2.6rem;margin:.5rem 0;font-weight:400;font-family:"Rokkitt",serif}.blog-detail h2{font-size:.9rem;margin:.5rem 0;color:#aeaeae;font-weight:lighter}.blog-detail img{width:100%;height:50vh;object-fit:cover;border-radius:4px;margin:1rem 0;object-fit:contain}.blog-detail .blog-body{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blog-detail .blog-body h1{font-size:2rem;font-weight:700}.blog-detail .blog-body h2{font-size:1.5rem;font-weight:700}.blog-detail .blog-body p{font-size:1.2rem}.blog-detail .blog-body .ql-syntax{background-color:#a9a9a9;padding:.5rem}.blog-detail .create-comment{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;margin:2rem 0}.blog-detail .create-comment form,.blog-detail .create-comment form .input-field{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.blog-detail .create-comment form .input-field textarea{width:30vw;height:20vh;padding:1rem;font-size:1.2rem;margin:1rem 0;outline:none}.blog-detail .create-comment form button{width:120px;height:50px;border:1.5px solid #3330a3;background-color:transparent;border-radius:4px;cursor:pointer;font-size:1.2rem;color:#3330a3}.blog-detail h4{font-size:1.5rem;margin:2rem 0}.blog-detail h4 span{color:#3330a3}.blogExpand .sidebar{width:10%;margin-top:10vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.blogExpand .sidebar h1{font-size:1.2rem;text-align:center;margin:1rem;color:#223b7c}.blogExpand .sidebar h1 i{font-size:2rem}.blogExpand .sidebar h2{font-size:1.2rem;text-align:center;color:#223b7c}.blogExpand .sidebar h2 i{font-size:2rem}.blogExpand .sidebar .social-share{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.blogExpand .sidebar .social-share a{font-size:2rem;margin:1rem;color:#223b7c}.blogExpand .sidebar .social-share a:hover{transform:translateY(-10px);transition:transform .5s cubic-bezier(.29,1.42,.79,1) 0s}.comment-box h1{font-size:1.5rem;color:red}.comment-box .comment{width:400px;flex-direction:column;box-shadow:0 1px 4px rgba(0,0,0,.2);margin:1rem .5rem;padding:1rem}.comment-box .comment,.comment-box .comment .top{display:flex;justify-content:flex-start;align-items:flex-start;border-radius:4px}.comment-box .comment .top{width:100%;height:70px;padding:.5rem;flex-direction:row;background-color:#3330a3}.comment-box .comment .top .left{width:20%;height:100%;display:flex;justify-content:center;align-items:center}.comment-box .comment .top .left img{width:80%;height:100%;padding:.3rem;border-radius:50%;object-fit:fill}.comment-box .comment .top .right{width:60%;height:100%;margin:0 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.comment-box .comment .top .right h2{font-size:1.2rem;margin:0;color:#fff}.comment-box .comment .top .right h3{font-size:1rem;margin:0;color:#fff;font-weight:400}.comment-box .comment .bottom h4{font-size:1.2rem}.build{margin-top:10vh;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.build img{width:100%;height:100vh;object-fit:cover}.create-project{margin-top:15vh;width:100%;padding:5rem 0}.create-project,.create-project .create-project-form{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-project .create-project-form{width:80%}.create-project .create-project-form .input-group{width:90%;height:100%;display:flex;justify-content:space-between;align-items:center}.create-project .create-project-form .project-desc{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-project .create-project-form .project-desc textarea{width:100%;height:200px;padding:1rem}.create-project .create-project-form .project-rev{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-project .create-project-form .project-rev textarea{width:100%;height:200px;padding:1rem}.create-project .create-project-form .project-exinfo{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.create-project .create-project-form .project-exinfo textarea{width:80%;height:200px;padding:1rem}.create-project .create-project-form button{padding:1rem;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;background:linear-gradient(96deg,#6254e7,#9289f1);color:#fff;border-radius:4px;font-weight:700;transform-origin:right;transition:padding .8s cubic-bezier(.29,1.42,.79,1) 0s}.create-project .create-project-form button div{margin-left:.5rem;display:none}.create-project .create-project-form button:hover{padding:1rem 2.5rem;transition:padding .8s cubic-bezier(.29,1.42,.79,1) 0s}.create-project .create-project-form button:hover div{display:block;transition:padding .8s cubic-bezier(.29,1.42,.79,1) 0s}.create-project .create-project-form .project-alert{font-size:2rem}.crete-blog-form-container{width:90%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:15vh}.crete-blog-form-container h1{font-size:3rem;margin:0 0 1.5rem}.crete-blog-form-container .create-blog-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.crete-blog-form-container .create-blog-form .create-blog-form-group{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start}.image-container{width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.image-container .blog-featured-picture{width:100%;height:20rem;border:1px solid #000;position:relative;overflow:hidden}.image-container .blog-featured-picture img{width:100%;height:100%;object-fit:contain}.image-container .blog-featured-picture input{cursor:pointer;display:block;left:0;opacity:0!important;top:0;width:100%;height:100%;position:absolute}.image-container label{margin:.8rem 0;font-size:1.2rem;cursor:pointer}.crete-blog-form-container .create-blog-form select{border:1px solid #c5c5c5;border-radius:3px}#blogBody{height:70vh;width:90vw;margin:2rem 0;padding:0 0 2rem}.crete-blog-form-container .create-blog-form .submit-button button{margin:.5rem 0 0;border:none;font-size:1.2rem;padding:1rem 2rem;border-radius:.5rem}.our-works{margin-top:10vh;width:100%;height:90vh;display:flex;flex-direction:row;justify-content:center;align-items:center}.our-works .worksbg{width:70%;height:70%;background-color:#00f;transform:skew(10deg)}
/*# sourceMappingURL=main.ada53960.chunk.css.map */