*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}a{text-decoration:none;color:inherit}body,html{font-family:latto,sans-serif;padding:0;margin:0;box-sizing:border-box}.navbar{display:flex;align-items:center;background-color:#10153d;color:#fff;height:150px}.navbar .left{flex:1}@media (max-width: 945px) and (min-width: 760px){.navbar .left{flex:.5}}.navbar .left .brand{display:flex;align-items:center;gap:40px;margin-left:40px}@media (max-width: 760px){.navbar .left .brand{gap:10px;margin-left:20px}}@media (max-width: 945px) and (min-width: 760px){.navbar .left .brand{margin-left:20px}}@media (max-width: 1440px) and (min-width: 944px){.navbar .left .brand{margin-left:30px}}.navbar .left .brand span{font-weight:700;font-size:18px}@media (max-width: 760px){.navbar .left .brand span{font-size:12px}}@media (max-width: 945px) and (min-width: 760px){.navbar .left .brand span{display:none}}.navbar .left .brand img{height:100px;width:100px}@media (max-width: 760px){.navbar .left .brand img{height:50px;width:50px}}@media (max-width: 945px) and (min-width: 760px){.navbar .left .brand img{height:80px;width:80px}}.navbar .right{flex:1;padding-right:50px}@media (max-width: 760px){.navbar .right{flex:none;padding-right:30px}}@media (max-width: 945px) and (min-width: 760px){.navbar .right{padding-right:10px}}.navbar .right img{height:50px;width:50px}.navbar .right .links{display:flex;justify-content:space-around}@media (max-width: 760px){.navbar .right .links{display:none;justify-content:flex-end}}@media (max-width: 945px) and (min-width: 760px){.navbar .right .links{justify-content:space-around}}.navbar .right .menuIcon{display:none}.navbar .right .menuIcon img{height:30px;width:30px}@media (max-width: 760px){.navbar .right .menuIcon{display:block}}.navbar .cancelIcon{display:none}.navbar .cancelIcon img{height:30px;width:30px}.navbar .cancelIcon.activate{display:block;z-index:999;position:absolute;justify-content:flex-end}.navbar .menu{display:flex;flex-direction:column;gap:60px;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:50%;height:calc(100vh + 130px);background-color:#000}.home{height:100%;display:flex;gap:50px;background-color:#10153d;color:#fff;width:100%;padding-bottom:50px}@media (max-width: 760px){.home{flex-direction:column}}.home .left{flex:1;padding-top:20px;padding-left:50px}@media (max-width: 760px){.home .left{flex:none;padding-left:20px}}@media (max-width: 945px) and (min-width: 760px){.home .left{padding-top:10px;padding-left:20px}}@media (max-width: 1440px) and (min-width: 944px){.home .left{padding-left:30px;padding-top:80px}}.home .left .intro{width:100%;line-height:1.6}@media (max-width: 760px){.home .left .intro{width:100%;padding-right:15px;font-size:12px}}@media (max-width: 945px) and (min-width: 760px){.home .left .intro h1{font-size:26px;padding-right:30px}}.home .left .intro .introDetails{width:70%;padding-top:20px}@media (max-width: 760px){.home .left .intro .introDetails{width:93%;font-size:12px}}@media (max-width: 945px) and (min-width: 760px){.home .left .intro .introDetails{width:80%;font-size:13px}}@media (max-width: 1440px) and (min-width: 944px){.home .left .intro .introDetails{width:90%}}.home .left .introButtons{width:60%;margin-top:50px;display:flex;justify-content:space-between}@media (max-width: 760px){.home .left .introButtons{width:100%;justify-content:flex-start;gap:20px}}@media (max-width: 945px) and (min-width: 760px){.home .left .introButtons{width:100%;padding-right:40px}}@media (max-width: 1440px) and (min-width: 944px){.home .left .introButtons{width:100%;margin-top:30px;padding-right:40px}}.home .left .introButtons button{display:flex;align-items:center;justify-content:center;width:40%;padding:25px 10px;gap:10px;border:none;border-radius:5px;font-size:16px;background-color:#5746e0;color:#fff}@media (max-width: 760px){.home .left .introButtons button{font-size:14px;width:40%;gap:5px}}@media (max-width: 945px) and (min-width: 760px){.home .left .introButtons button{width:45%;gap:10px}}@media (max-width: 1440px) and (min-width: 944px){.home .left .introButtons button{width:40%}}.home .left .introButtons button img{width:20px}@media (max-width: 760px){.home .left .introButtons button img{width:15px}}.home .left .introNumbers{display:flex;gap:50px;margin-top:50px;width:100%}@media (max-width: 760px){.home .left .introNumbers{margin-top:50px;gap:10px}}.home .left .introNumbers .validations{display:flex;flex-direction:column;align-items:center;width:30%;padding:25px;gap:20px;border:1px solid #232c69}.home .left .introNumbers .validations p{text-align:center;line-height:1.6}@media (max-width: 760px){.home .left .introNumbers .validations{width:40%}}@media (max-width: 945px) and (min-width: 760px){.home .left .introNumbers .validations{width:50%}}@media (max-width: 1440px) and (min-width: 944px){.home .left .introNumbers .validations{width:50%}}@media (max-width: 760px){.home .left .introNumbers .validations h1{font-size:24px}}@media (max-width: 760px){.home .left .introNumbers .validations p{font-size:14px;text-align:center;line-height:1.6}}.home .left .introNumbers .purchases{display:flex;flex-direction:column;align-items:center;width:30%;padding:25px;gap:20px;border:1px solid #232c69}.home .left .introNumbers .purchases p{text-align:center;line-height:1.6}@media (max-width: 760px){.home .left .introNumbers .purchases{width:40%}}@media (max-width: 945px) and (min-width: 760px){.home .left .introNumbers .purchases{width:50%}}@media (max-width: 1440px) and (min-width: 944px){.home .left .introNumbers .purchases{width:50%}}@media (max-width: 760px){.home .left .introNumbers .purchases h1{font-size:24px}}@media (max-width: 760px){.home .left .introNumbers .purchases P{font-size:14px;text-align:center;line-height:1.6}}.home .right{flex:1;padding-top:20px}@media (max-width: 760px){.home .right{display:none}}@media (max-width: 945px) and (min-width: 760px){.home .right{flex:.7}}@media (max-width: 1440px) and (min-width: 944px){.home .right{padding-top:30px}}.home .right img{height:80%;width:100%}@media (max-width: 945px) and (min-width: 760px){.home .right img{height:60%}}.about{display:flex;height:100%;width:100%;padding-top:80px;padding-bottom:80px}@media (max-width: 760px){.about{flex-direction:column-reverse;height:100%;padding-top:10px;padding-bottom:10px}}@media (max-width: 945px) and (min-width: 760px){.about{display:flex;height:100%;padding-top:130px;padding-bottom:130px}}@media (max-width: 1440px) and (min-width: 944px){.about{display:flex;height:100%}}.about .left{flex:1;display:flex;justify-content:flex-end;align-items:center}@media (max-width: 760px){.about .left{flex:none;flex-direction:column;justify-content:center}}.about .left .wrapper{width:90%}@media (max-width: 760px){.about .left .wrapper{width:90%}}@media (max-width: 945px) and (min-width: 760px){.about .left .wrapper{width:95%}}@media (max-width: 1440px) and (min-width: 944px){.about .left .wrapper{width:90%}}.about .left .wrapper .leftText{display:flex;flex-direction:column;gap:30px;line-height:1.6;font-size:18px}@media (max-width: 760px){.about .left .wrapper .leftText{align-items:center;text-align:center;font-size:14px}}@media (max-width: 945px) and (min-width: 760px){.about .left .wrapper .leftText{font-size:16px}}@media (max-width: 1440px) and (min-width: 944px){.about .left .wrapper .leftText{font-size:18px}}.about .left .wrapper .leftText button{width:40%;display:flex;align-items:center;gap:10px;font-size:16px;color:#fff;border:none;background-color:#232c69;padding:20px}@media (max-width: 760px){.about .left .wrapper .leftText button{width:70%;justify-content:center;font-size:14px;padding:15px}}@media (max-width: 945px) and (min-width: 760px){.about .left .wrapper .leftText button{width:70%}}@media (max-width: 1440px) and (min-width: 944px){.about .left .wrapper .leftText button{width:50%}}.about .left .wrapper .leftText button img{width:20px}.about .right{flex:1;padding:30px}@media (max-width: 760px){.about .right{flex:1}}@media (max-width: 945px) and (min-width: 760px){.about .right{flex:1;padding-left:20px}}@media (max-width: 1440px) and (min-width: 944px){.about .right{padding:30px}}.about .right .rightImage{height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 760px){.about .right .rightImage{height:400px}}@media (max-width: 945px) and (min-width: 760px){.about .right .rightImage{width:90%}}.about .right .rightImage img{height:100%;width:100%;object-fit:cover}@media (max-width: 760px){.about .right .rightImage img{height:80%;width:80%;object-fit:cover}}.card{display:flex;flex-direction:column;gap:20px;margin-top:10px;align-items:center;width:18%}@media (max-width: 760px){.card{width:70%;text-align:center}}@media (max-width: 945px) and (min-width: 760px){.card{width:25%;text-align:center}}@media (max-width: 1440px) and (min-width: 944px){.card{width:25%}}@media (max-width: 760px){.card h3{font-size:24px}}@media (max-width: 760px){.card img{width:100%}}.purchaseCard{height:350px;display:flex;width:100%;border:1px solid red}.purchaseCard .purchaseCardImg{flex:1;border:1px solid green;height:100px}.purchaseCard .purchaseCardContent{flex:2}.popupOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popupOverlay .popupContent{background-color:#fff;display:flex}@media (max-width: 760px){.popupOverlay .popupContent{justify-content:center;width:90%}}.popupOverlay .popupContent .popupCard{display:flex;gap:25px;padding:20px 25px}@media (max-width: 760px){.popupOverlay .popupContent .popupCard{gap:10px;justify-content:center;width:100%}}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardImg{display:none}}.popupOverlay .popupContent .popupCard .popupCardImg img{border-radius:10px}.popupOverlay .popupContent .popupCard .popupCardContent{display:flex;flex-direction:column;gap:20px;padding:10px 20px}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent{padding:0;width:100%}}.popupOverlay .popupContent .popupCard .popupCardContent .heading{font-size:18px}.popupOverlay .popupContent .popupCard .popupCardContent .heading h1{text-align:left}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .heading h1{font-size:16px;text-align:left}}.popupOverlay .popupContent .popupCard .popupCardContent .heading .error-message{color:red;text-align:left}.popupOverlay .popupContent .popupCard .popupCardContent .deliveryInfo{display:flex;flex-direction:column;gap:10px}.popupOverlay .popupContent .popupCard .popupCardContent .deliveryInfo .deliveryItems{display:flex;gap:10px;font-size:12px}.popupOverlay .popupContent .popupCard .popupCardContent .deliveryInfo .deliveryItems img{height:15px;width:15px}.popupOverlay .popupContent .popupCard .popupCardContent .input{display:flex;flex-direction:column;gap:20px}.popupOverlay .popupContent .popupCard .popupCardContent .input .amount{padding:10px;border-radius:5px}.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.pin{margin-right:10px}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.pin{width:100%;margin-bottom:20px}}@media (max-width: 945px) and (min-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.pin{width:100%;margin-bottom:20px}}@media (max-width: 1440px) and (min-width: 944px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.pin{width:40%;margin-bottom:20px;margin-right:10px}}.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.cvv{margin-right:10px}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.cvv{width:100%}}@media (max-width: 945px) and (min-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.cvv{width:100%;margin-bottom:20px}}@media (max-width: 1440px) and (min-width: 944px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.cvv{width:40%;margin-bottom:20px;margin-right:10px}}.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.expiryDate{margin-right:10px}@media (max-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.expiryDate{width:100%;margin-bottom:20px}}@media (max-width: 945px) and (min-width: 760px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.expiryDate{width:100%;margin-bottom:20px}}@media (max-width: 1440px) and (min-width: 944px){.popupOverlay .popupContent .popupCard .popupCardContent .input .amount.expiryDate{width:40%;margin-bottom:20px;margin-right:10px}}.popupOverlay .popupContent .popupCard .popupCardContent .input .number{padding:10px;border-radius:5px}.popupOverlay .popupContent .popupCard .popupCardContent .input button{background-color:#10153d;color:#fff;display:flex;justify-content:center;padding:10px}.popupOverlay .popupContent button{cursor:pointer;background-color:#fff;border:none;display:flex}.popupOverlay .popupContent button img{height:10px;width:10px}.purchaseOrValidate{display:flex;justify-content:center;width:100%;height:50px}.purchaseOrValidate .purchasewrapper{width:80%;display:flex;align-items:center;position:relative}@media (max-width: 760px){.purchaseOrValidate .purchasewrapper{width:100%}}@media (max-width: 945px) and (min-width: 760px){.purchaseOrValidate .purchasewrapper{width:100%}}.purchaseOrValidate .purchasewrapper .purchase{width:50%;padding:10px 15px;background-color:#10153d;color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;cursor:pointer}@media (max-width: 945px) and (min-width: 760px){.purchaseOrValidate .purchasewrapper .purchase{padding-left:2px}}@media (max-width: 1440px) and (min-width: 944px){.purchaseOrValidate .purchasewrapper .purchase{padding-left:8px}}.purchaseOrValidate .purchasewrapper .or{position:absolute;background-color:#fff;left:50%;transform:translate(-50%);color:gray;display:flex;align-items:center;box-shadow:0 0 5px 2px #000;border-radius:100%;padding:5px 10px;z-index:1;height:70%}.purchaseOrValidate .purchasewrapper .validate{width:50%;padding:8px 25px;color:#000;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:#fff;box-shadow:0 0 5px 2px #000;cursor:pointer}.buy{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding-bottom:50px}@media (max-width: 760px){.buy{height:100%;padding-top:20px}}@media (max-width: 945px) and (min-width: 760px){.buy{height:100%}}@media (max-width: 1440px) and (min-width: 944px){.buy{height:100%}}.buy .heading{display:flex;flex-direction:column;gap:10px}@media (max-width: 760px){.buy .heading{width:100%;text-align:center}}@media (max-width: 945px) and (min-width: 760px){.buy .heading{text-align:center}}@media (max-width: 760px){.buy .heading h1{font-size:28px}}@media (max-width: 760px){.buy .heading p{font-size:14px}}.buy .wrapper{display:flex;justify-content:center;width:100%;height:100%;gap:10px;flex-wrap:wrap}@media (max-width: 760px){.buy .wrapper{gap:15px}}@media (max-width: 945px) and (min-width: 760px){.buy .wrapper{gap:20px}}.buy .wrapper img{height:100px;width:150px}.testimonials{color:#fff;height:100%;background-color:#10153d;display:flex;flex-direction:column;align-items:center;gap:150px}@media (max-width: 760px){.testimonials{height:100%}}@media (max-width: 945px) and (min-width: 760px){.testimonials{gap:50px}}@media (max-width: 1440px) and (min-width: 944px){.testimonials{gap:100px}}.testimonials .top{display:flex;justify-content:space-around;width:80%;padding-top:100px}@media (max-width: 760px){.testimonials .top{width:100%;gap:20px}}.testimonials .top .clients{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}@media (max-width: 760px){.testimonials .top .clients{font-size:16px}}@media (max-width: 760px){.testimonials .top .clients span{font-size:12px}}@media (max-width: 760px){.testimonials .top .clients h1{font-size:16px}}.testimonials .top .transactions{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}@media (max-width: 760px){.testimonials .top .transactions span{font-size:12px}}@media (max-width: 760px){.testimonials .top .transactions h1{font-size:16px}}.testimonials .top .users{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}@media (max-width: 760px){.testimonials .top .users span{font-size:12px}}@media (max-width: 760px){.testimonials .top .users h1{font-size:16px}}.testimonials .top .reviews{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}@media (max-width: 760px){.testimonials .top .reviews span{font-size:12px}}@media (max-width: 760px){.testimonials .top .reviews h1{font-size:16px}}.testimonials .bottom{display:flex;flex-direction:column;gap:30px;width:85%;padding-bottom:50px}@media (max-width: 760px){.testimonials .bottom{width:100%;gap:10px;align-items:center;padding:20px}}@media (max-width: 1440px) and (min-width: 944px){.testimonials .bottom{padding-bottom:100px}}@media (max-width: 760px){.testimonials .bottom .header{text-align:center}}@media (max-width: 760px){.testimonials .bottom .header h1{font-size:18px}}.testimonials .bottom .reviews{display:flex;gap:20px}@media (max-width: 760px){.testimonials .bottom .reviews{width:80%;flex-direction:column}}.testimonials .bottom .reviews .review{background-color:#fff;color:#000;border-radius:10px}.testimonials .bottom .reviews .review .reviewText{padding:50px;line-height:1.6;font-style:italic;color:#9e9b9b;position:relative}@media (max-width: 760px){.testimonials .bottom .reviews .review .reviewText{padding:20px}}@media (max-width: 945px) and (min-width: 760px){.testimonials .bottom .reviews .review .reviewText{padding:20px}}@media (max-width: 1440px) and (min-width: 944px){.testimonials .bottom .reviews .review .reviewText{padding:30px}}.testimonials .bottom .reviews .review .user{display:flex;gap:10px;padding:20px 40px}.testimonials .bottom .reviews .review .user .userName{display:flex;flex-direction:column}.testimonials .bottom .reviews .review .user .userName h3{color:#73bfe1}.testimonials .bottom .reviews .review .user .userName span{color:#9fdaa6}.testimonials .bottom .reviews .review .user .userImg img{height:50px;width:50px;border-radius:100%}.accordions{padding-right:20px}@media (max-width: 760px){.accordions{padding-right:0}}.accordions .accordionSummary{height:15vh}.accordions .accordionSummary.changeBackground{background-color:#232c69;color:#fff}.accordions .accordionSummary .typographySummary{font-weight:500;font-size:18px}@media (max-width: 760px){.accordions .accordionSummary .typographySummary{font-size:16px}}.accordions .typographyDetails{line-height:1.8}@media (max-width: 760px){.accordions .typographyDetails{font-size:14px}}.faq{height:100%;display:flex;width:100%;padding-top:150px;padding-bottom:150px}@media (max-width: 760px){.faq{height:100%;flex-direction:column;padding-top:15px;padding-bottom:15px}}@media (max-width: 945px) and (min-width: 760px){.faq{height:100%;padding-top:150px;padding-bottom:150px;gap:20px}}@media (max-width: 1440px) and (min-width: 944px){.faq{height:100%;padding-top:150px;padding-bottom:150px}}.faq .contact{flex:1;display:flex;justify-content:center;align-items:center}@media (max-width: 945px) and (min-width: 760px){.faq .contact{flex:.5}}.faq .contact .wrapper{display:flex;flex-direction:column;gap:20px}@media (max-width: 760px){.faq .contact .wrapper{padding-top:20px}}@media (max-width: 945px) and (min-width: 760px){.faq .contact .wrapper{text-align:center;padding:20px}}@media (max-width: 760px){.faq .contact .wrapper h1{font-size:18px}}@media (max-width: 945px) and (min-width: 760px){.faq .contact .wrapper h1{font-size:18px}}.faq .contact button{padding:25px 35px;background-color:#10153d;color:#fff;font-size:18px;display:flex;gap:10px;width:50%}@media (max-width: 760px){.faq .contact button{justify-content:center;padding:10px;width:100%}}@media (max-width: 945px) and (min-width: 760px){.faq .contact button{width:100%;border:none}}.faq .contact button img{height:18px}.faq .accordion{flex:1;display:flex;align-items:center}@media (max-width: 760px){.faq .accordion{width:100%;padding:20px}}.copyrights{height:100%;background-color:#232c69;display:flex;flex-direction:column;gap:30px}@media (max-width: 760px){.copyrights{height:100%;flex-direction:column}}@media (max-width: 945px) and (min-width: 760px){.copyrights{height:100%}}@media (max-width: 1440px) and (min-width: 944px){.copyrights{height:100%}}.copyrights .top{display:flex;padding-top:20px}.copyrights .top .topImage{flex:1;height:40vh;position:relative}@media (max-width: 760px){.copyrights .top .topImage{display:none}}.copyrights .top .topImage img{object-fit:contain;width:100%;height:100%}.copyrights .top .topText{flex:1;display:flex;align-items:center}@media (max-width: 760px){.copyrights .top .topText{justify-content:center}}.copyrights .top .topText .wrapper{display:flex;flex-direction:column;gap:20px;justify-content:center;color:#fff;width:60%;line-height:1.6}.copyrights .bottom{display:flex}@media (max-width: 760px){.copyrights .bottom{flex-direction:column;align-items:center}}.copyrights .bottom .bottomBrand{flex:1;display:flex;justify-content:center;color:#fff}.copyrights .bottom .bottomBrand img{height:100px;width:100px}.copyrights .bottom .bottomBrand .wrapper{width:50%;display:flex;flex-direction:column;gap:20px;line-height:1.6}@media (max-width: 760px){.copyrights .bottom .bottomBrand .wrapper{display:none}}.copyrights .bottom .actions{flex:1;display:flex;flex-direction:column;color:#fff;gap:20px}.copyrights .copyrightOnly{color:#fff;width:100%;display:flex;justify-content:center}@media (max-width: 760px){.copyrights .copyrightOnly{background-color:#000;padding:20px}}.layout{width:100%}
