*,:after,:before{font-family:"Futura Medium"!important;letter-spacing:1.9;margin:0;padding:0;box-sizing:border-box;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}#root{width:100%;overflow-x:hidden}:root{--blue-color-1:#21cbf3;--blue-color-2:#2196f3;--pink-color-1:#ff0058;--pink-color-2:#ff4797;--orange-color-1:#ffbd60;--orange-color-2:#ff8383;--green-color-1:#06ffb2;--green-color-2:#02ff40}@font-face{font-family:"Futura Medium";src:url("/static/media/futura medium bt.4e762c29.ttf")}@font-face{font-family:"Futura Bold";src:url("/static/media/Futura Bold font.7bfa5614.ttf")}.futura-bold{font-family:"Futura Bold"}.futura-medium{font-family:"Futura Medium"}body{overflow-x:hidden}.header-container,body{background-color:#f7f8f9;width:100%}.header-container{display:flex;justify-content:space-between;height:70px;align-items:center;padding:0 40px;border-bottom:1px solid #dcdcdc;position:fixed;top:0;left:0;z-index:2}.header-container .logo{margin-top:32px}.header-container .logo img{width:150px;height:45px}.header-container .nav-links ul{display:flex}.header-container .nav-links ul li{padding:10px 20px;list-style:none;display:flex}.header-container .nav-links ul li a{transition:all .5s ease;color:#000;text-decoration:none;display:flex;align-items:center;position:relative}.header-container .nav-links ul li a:not(.user_active):after{width:50%;position:absolute;top:23px;left:0;display:block;background:var(--orange-color-1);height:2px;content:"";transition:all .7s ease;-webkit-transform:scale(0);transform:scale(0)}.header-container .nav-links ul li a:hover{transition:all .7s ease}.header-container .nav-links ul li a:hover:after{width:70%;left:50%;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);transition:all .5s ease}.header-container .nav-links ul li a.user_active{color:#639}.header-container .nav-links ul li a.user_active:after{width:0!important;left:50%;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.header-container .nav-links ul li a.active:after{width:70%!important;left:50%;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.header-container .nav-links ul li a.active{font-weight:700}.header-container .toggler{display:none}.header-container .mobile-links{position:absolute;top:70px;left:0;width:100%;height:0;transition:all 1s ease;background-color:var(--blue-color-1);overflow:hidden}.header-container .mobile-links ul{padding:0 20px;margin-top:7px}.header-container .mobile-links ul li{padding:11px;display:flex;align-items:center;justify-content:center;text-align:center}.header-container .mobile-links ul li a{color:#fff;display:block;width:100%;height:100%;text-decoration:none;font-size:19px}.header-container .toggler img{border-radius:0!important;-webkit-filter:invert(1);filter:invert(1);height:20px;width:27px;cursor:pointer;-webkit-filter:invert(68) sepia(18) saturate(7428%) hue-rotate(159deg) brightness(108%) contrast(91%);filter:invert(68) sepia(18) saturate(7428%) hue-rotate(159deg) brightness(108%) contrast(91%)}.header-container .MuiSvgIcon-root{fill:var(--blue-color-1);font-size:40px!important}.header-container ul li .MuiSvgIcon-root{fill:#639;font-size:25px!important;margin-right:5px}@media screen and (max-width:1050px){.header-container{padding:0 20px}.header-container .nav-links ul li{padding:10px 17px}}@media screen and (max-width:780px){.header-container .toggler{display:flex;align-items:center}.header-container .right{display:none}.header-container{display:flex;justify-content:space-between;padding:0 10px}}.primary-color{color:var(--blue-color-1)}.landingpage-container{padding:20px 0;width:min(1200px,95%);margin:70px auto 0}.landingpage-container .firstlayer{display:grid;margin-bottom:100px;grid-template-columns:repeat(2,1fr)}.landingpage-container .firstlayer .right{padding-left:20px}.landingpage-container .firstlayer .right img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.landingpage-container .firstlayer h1{font-size:clamp(29px,2.1vw + 1rem,45px);margin-bottom:30px}.landingpage-container .firstlayer>p{margin-bottom:40px}.landingpage-container .firstlayer .left{display:flex;flex-direction:column;justify-content:center}.landingpage-container p{line-height:25px}.landingpage-container .buttons{display:flex;margin-top:50px}.landingpage-container .buttons button{margin-right:10px;display:flex;align-items:center;padding:10px 25px;outline:none;border:none;border-radius:50px;cursor:pointer;color:#fff;width:170px}.landingpage-container .buttons p{line-height:normal}.landingpage-container .firstlayer .buttons button div{display:flex;align-items:center;flex-direction:row;font-size:14px}.landingpage-container h1,.landingpage-container h3{text-transform:capitalize}.landingpage-container .firstlayer button a{text-decoration:none;color:inherit;width:100%;height:100%;display:flex;justify-content:flex-start}.landingpage-container .buttons button div{display:flex;align-items:flex-start;flex-direction:column}.landingpage-container .buttons img{-webkit-filter:invert(1);filter:invert(1)}.landingpage-container .buttons svg{margin-right:10px}.landingpage-container .buttons button:first-child{background-color:var(--blue-color-1);box-shadow:0 10px 40px 4px var(--orange-color-2);background:linear-gradient(10deg,var(--orange-color-1),var(--orange-color-2))}.landingpage-container .buttons button:last-child{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));box-shadow:0 10px 40px 4px var(--blue-color-2);margin-right:0}.landingpage-container .buttons img{width:30px!important;height:25px!important;margin-right:10px}.landingpage-container .services{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:100px}.landingpage-container .services>div img{width:70px;height:70px;padding:10px;display:block}.landingpage-container .services>div{display:flex;align-items:center;padding:30px 20px;border:1px solid var(--orange-color-1);flex-direction:column;text-align:center}.landingpage-container .services>div:first-child,.landingpage-container .services>div:nth-child(2),.landingpage-container .services>div:nth-child(3){border-top:0}.landingpage-container .services>div:nth-child(4),.landingpage-container .services>div:nth-child(5),.landingpage-container .services>div:nth-child(6){border-bottom:0}.landingpage-container .services>div:first-child,.landingpage-container .services>div:nth-child(4){border-left:0}.landingpage-container .services>div:nth-child(3),.landingpage-container .services>div:nth-child(6){border-right:0}.landingpage-container .services>div:hover{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;cursor:pointer}.landingpage-container .services img{width:100%;object-fit:cover}.landingpage-container .services h3{line-height:20px}.landingpage-container>div h3{margin:0 0 20px;line-height:50px;font-weight:bolder}.landingpage-container .row>div{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px}.landingpage-container .row img{width:100%;height:auto;object-fit:cover;object-position:center}.landingpage-container .row .second{margin:50px 0}.landingpage-container .row>div>div{display:flex;justify-content:center;flex-direction:column}.landingpage-container .row>div>div h3{font-size:clamp(29px,2.1vw + 1rem,45px)}.landingpage-container .first .left,.landingpage-container .third .left{padding-right:20px}.landingpage-container .second .right{padding-left:20px}.landingpage-container .customer-reviews{border-bottom:20px;margin:100px 0;display:flex;flex-direction:column;position:relative;align-items:center;width:100%;overflow-x:hidden}.landingpage-container .customer-reviews h1{font-size:clamp(30px,2.1vw + 1rem,45px);margin-bottom:10px}.landingpage-container .customer-reviews>p{text-align:center}.landingpage-container .customer-reviews .review{margin-top:20px;width:50%}.landingpage-container .customer-reviews .reviews{display:flex;grid-gap:20px;gap:20px;margin-top:40px;padding-bottom:70px;position:relative;transition:all 1.2s ease}.landingpage-container .customer-reviews .indicator{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px;display:flex;align-items:center;justify-content:center;bottom:0}.landingpage-container .customer-reviews .circle{width:15px;height:15px;border:1px solid;border-radius:50%;margin-right:5px}.landingpage-container .customer-reviews .indicator .circle:first-child{background-color:var(--orange-color-1)}.landingpage-container .customer-reviews .body{position:relative;padding:30px 20px;background-color:var(--orange-color-1);border-radius:5px}.landingpage-container .customer-reviews .image{display:flex;align-items:center;justify-content:end;margin-top:25px}.landingpage-container .customer-reviews .body .arrow-down,.landingpage-container .customer-reviews .body .top-circle{position:absolute}.landingpage-container .customer-reviews .body .top-circle{left:50%;right:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-15px;width:30px;height:30px;border-radius:50%;background-color:var(--orange-color-1)}.landingpage-container .customer-reviews .body .arrow-down{height:0;width:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:30px solid var(--orange-color-1);right:20px;bottom:-17px}.landingpage-container .customer-reviews .review img{width:70px;height:70px;object-position:center;margin-right:5px}.landingpage-container .subscribe{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;margin:auto auto 50px}.landingpage-container .subscribe h1,.landingpage-container .subscribe p{margin-bottom:10px;text-align:center}.landingpage-container .subscribe h1{font-size:clamp(25px,2vw + 1rem,35px)}.landingpage-container .subscribe div{display:flex;justify-content:space-between;width:100%;align-items:center;margin:30px 0 40px}.landingpage-container .subscribe input{padding:15px 20px;outline:none;border:1px solid #dcdcdc;border-radius:5px;width:60%}.landingpage-container .subscribe button{padding:15px 35px;border-radius:5px;outline:none;border:none;background-color:var(--blue-color-1);color:#fff;cursor:pointer;transition:all .5s ease}.landingpage-container .subscribe button:hover{opacity:.7;transition:all .5s ease}@media screen and (max-width:800px){.landingpage-container h1 br,.landingpage-container h3 br,.landingpage-container p br{display:none}.landingpage-container .firstlayer .left>p,.landingpage-container .firstlayer h1{margin-bottom:20px!important}.landingpage-container .firstlayer h1{line-height:40px}.landingpage-container .buttons{margin-top:15px}.landingpage-container .services{grid-template-columns:repeat(2,1fr)}.landingpage-container .services>div{border:1px solid var(--orange-color-1)!important}.landingpage-container .services>div:nth-child(2),.landingpage-container .services>div:nth-child(4),.landingpage-container .services>div:nth-child(6){border-right:0!important}.landingpage-container .services>div:first-child,.landingpage-container .services>div:nth-child(3),.landingpage-container .services>div:nth-child(5){border-left:0!important}.landingpage-container .services>div:first-child,.landingpage-container .services>div:nth-child(2){border-top:0!important}.landingpage-container .services>div:nth-child(5),.landingpage-container .services>div:nth-child(6){border-bottom:0!important}}@media screen and (max-width:760px){.landingpage-container .firstlayer{margin-top:10px}.landingpage-container>div h3{line-height:35px}}@media screen and (max-width:715px){.landingpage-container .buttons{flex-direction:column}.landingpage-container .buttons button{margin-bottom:40px;justify-content:center;margin-right:0;width:unset}.landingpage-container .firstlayer button a{justify-content:center}.landingpage-container .firstlayer .right img{object-fit:cover}.landingpage-container .services>div{padding:5px 5px 15px}.landingpage-container{padding:20px 0}}@media screen and (max-width:630px){.landingpage-container .firstlayer .right{padding-left:0}.landingpage-container .firstlayer{grid-template-columns:1fr;grid-gap:50px;gap:50px}.landingpage-container p{text-align:justify}.landingpage-container h1,.landingpage-container h3{text-align:center}.landingpage-container .buttons{width:min(300px,90%);margin:40px auto;justify-content:start}.landingpage-container .buttons button{margin-right:5px}.landingpage-container .row>div{display:flex;flex-direction:column;grid-gap:40px;gap:40px;margin-bottom:55px}.landingpage-container .row>div:first-child,.landingpage-container .row>div:last-child{flex-direction:column-reverse}.landingpage-container .first .left,.landingpage-container .third .left{padding-right:0}.landingpage-container .second .right{padding-left:0}}@media screen and (max-width:500px){.landingpage-container .services{grid-template-columns:1fr}.landingpage-container .services>div{border:none!important;border-bottom:1px solid var(--orange-color-1)!important}.landingpage-container .services>div:last-child,.landingpage-container .services>div:nth-child(5){border-bottom:1px solid var(--orange-color-1)!important}.landingpage-container .services>div:first-child{border-top:1px solid var(--orange-color-1)!important}.landingpage-container .customer-reviews .reviews{margin-top:20px;width:200%;left:51%;grid-gap:10px;padding-bottom:50px}.landingpage-container .reviews>div{width:100%!important}.landingpage-container .customer-reviews .body{padding:20px 10px}}@media screen and (max-width:400px){.landingpage-container{padding:15px 0}.landingpage-container .subscribe div{flex-direction:column;margin:20px 0 40px}.landingpage-container .subscribe div input{margin-bottom:10px;width:80%}}@media screen and (max-width:345px){.landingpage-container .buttons{flex-direction:column;margin-right:0}}.footer-container{border-top:1px solid #dcdcdc;text-align:center;padding:50px 15px 30px}.footer-container>div{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;text-align:left}.footer-container .social-media p{display:flex;align-items:center}.footer-container>div>div p:first-child{font-weight:700;margin-bottom:10px}.footer-container .social-media .color{margin-right:5px}.footer-container>div{margin-bottom:50px}.footer-container>p:last-child{font-weight:700}@media screen and (max-width:900px){.footer-container>div{grid-template-columns:repeat(2,1fr);grid-gap:50px 0;gap:50px 0;margin-bottom:50px;justify-items:unset;font-size:smaller}.footer-container>div>div:nth-child(2n){padding-left:30px}}@media screen and (max-width:300px){.footer-container>div>div:nth-child(2n){padding-left:15px}}.contact-container .contact{width:clamp(300px,80%,1000px);box-shadow:2px 0 8px 1px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;margin:70px auto}.contact-container{margin-top:70px}.contact-container .contact h1{margin-bottom:20px;text-align:center;font-size:clamp(27px,2.1vw + 1rem,45px)}.contact-container .contact p{margin-bottom:10px}.contact-container .contact>p{text-align:center}.contact-container .contact p.enquiry{font-size:18px}.contact-container .contact button,.contact-container .contact div{width:80%}.contact-container .contact div{margin-bottom:25px}.contact-container .subject{margin-top:30px}.contact-container .contact div input,.contact-container .contact div textarea{width:100%;padding:15px;background-color:transparent;outline:none;border-radius:5px;resize:none;color:#000;border:1px solid var(--blue-color-1)}.contact-container .contact div span{color:salmon}.contact-container .contact button{transition:all .5s ease;color:#fff;padding:15px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));outline:none;border:none;border-radius:5px;cursor:pointer}.contact-container .contact button:hover{transition:all .5s ease;background-color:#0e3269}@media screen and (max-width:430px){.contact-container .contact button,.contact-container .contact div{width:100%}.contact-container .contact{width:95%;padding:20px 10px;margin-top:50px}.contact-container .contact>h1,.contact-container .contact>p{text-align:center}}.about-container{margin-top:70px}.about-container .about-header{width:100%;height:250px;background-image:url(/static/media/page-header.af1b9481.jpg);background-position:50%;background-origin:center;flex-direction:column;color:#fff;margin-bottom:50px;display:flex;justify-content:center;align-items:center}.about-container .about-us{display:grid;grid-template-columns:1fr 1fr;width:min(1200px,95%);margin-right:auto;margin-left:auto;margin-bottom:70px;grid-gap:20px;gap:20px}.about-container .about-us img{width:100%;height:100%;object-fit:cover;object-position:right}.about-container .about-us .description{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-container .about-us .description>h1,.about-container .about-us .description>p{margin-bottom:20px}.about-container .about-us .info{display:flex;text-align:center;grid-gap:30px;gap:30px;margin-top:30px}.about-container .about-us .info p{display:flex;flex-direction:column;align-items:center}.about-container .about-us .info h1{font-size:50px;margin-bottom:10px}.about-container .faq{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-auto-rows:fit-content(1em);width:min(1200px,95%);margin:0 auto 70px;grid-gap:30px;gap:30px}.about-container .faq>div{height:-webkit-max-content;height:max-content;align-self:start}.about-container .faq div h2{padding:10px 5px;border:1px solid rgba(0,0,0,.4);display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about-container .faq div p{max-height:0;overflow:hidden;transition:all .7s ease;-webkit-transform-origin:top;transform-origin:top;transition:all .4s ease-in-out}.about-container .faq div p.open{border:1px solid rgba(0,0,0,.4);padding:10px 5px;max-height:200px;transition:all .4s ease-in-out;height:auto}.about-container .faq div h2.open,.about-container .faq div h2:hover{background-color:var(--blue-color-1)}@media screen and (max-width:1070px){.about-container .faq h2{font-size:20px}}@media screen and (max-width:780px){.about-container .about-us,.about-container .faq{grid-template-columns:1fr}.about-container .about-us .info h1{font-size:35px}.about-container .about-us .info span{line-height:18px;margin-top:5px}}@media screen and (max-width:400px){.about-container p{text-align:justify}.about-container .faq h2{font-size:17px}.about-container .about-us .info{display:grid;grid-template-columns:repeat(3,1fr)}.about-container .faq div p.open{max-height:300px}}@media screen and (max-width:370px){.about-container .faq h2{font-size:16px}}.login-container{display:flex;flex:1 1;width:100%;height:100%;margin-top:70px}.login-container>*{width:50%}.login-container .left{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));opacity:.5}.login-container .right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0}.login-container .right img{width:200px;height:70px}.login-container .right .login-details{display:flex;flex-direction:column;padding:20px;border-radius:7px;width:min(500px,95%)}.login-container .login-details .user{-webkit-transform:scale(3);transform:scale(3);fill:var(--blue-color-2)}.login-container .login-details span{margin-right:auto;margin-left:auto;margin-bottom:30px}.login-container .right .login-details p{text-align:center;margin-bottom:10px;letter-spacing:1px}.login-container .right .login-details h2{text-align:center;letter-spacing:1px;margin-bottom:35px}.login-container .right form{margin:25px 0;display:flex;flex-direction:column}.login-container .right form div{display:flex;flex-direction:column;margin-bottom:25px}.login-container .right form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.login-container .right form input,.login-container .right form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:15px 10px}.login-container .right form input:focus,.login-container .right form select:focus{outline:1px solid var(--blue-color-1)}.login-container .right button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;border:none}.login-container .right .buttons{flex-direction:row-reverse;justify-content:space-between}.login-container .right button:nth-of-type(2){padding:unset}.login-container .right button a{text-decoration:none;display:block;padding:15px 50px;color:#fff}@media screen and (max-width:780px){.login-container .left{display:none}.login-container .right{width:100%;padding-bottom:50px}.login-container .right img{width:175px;height:70px}.login-container .right .login-details{padding:20px 10px}.login-container .login-details .user{font-size:1.3rem}}@media screen and (max-width:450px){.login-container .right .buttons{flex-direction:column;align-items:center}}.registration-container{display:flex;flex:1 1;width:100%;height:100%;margin-top:70px}.registration-container>*{width:50%}.registration-container .left{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));opacity:.5}.registration-container .right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0}.registration-container .right img{width:200px;height:70px}.registration-container .right .registration-details{display:flex;flex-direction:column;padding:20px;border-radius:7px;width:min(500px,95%)}.registration-container .right .registration-details p{text-align:center;margin-bottom:10px}.registration-container .right .registration-details h2{text-align:center;margin-bottom:35px;letter-spacing:1px}.registration-container .registration-details .user{-webkit-transform:scale(3);transform:scale(3);fill:var(--blue-color-2)}.registration-container .registration-details span{margin-right:auto;margin-left:auto;margin-bottom:30px}.registration-container .right form{margin:25px 0;display:flex;flex-direction:column}.registration-container .right form div{display:flex;flex-direction:column;margin-bottom:25px}.registration-container .right form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.registration-container .right form input,.registration-container .right form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:15px 10px}.registration-container .right form select{color:#000}.registration-container .right form input:focus,.registration-container .right form select:focus{outline:1px solid var(--blue-color-1)}.registration-container .right button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none}@media screen and (max-width:780px){.registration-container .registration-details .user{font-size:1.3rem}.registration-container .left{display:none}.registration-container .right{width:100%;padding-bottom:50px}.registration-container .right .registration-details{padding:20px 10px}.login-container .login-details .user{font-size:1.3rem}}.blog-container{width:min(90%,1200px);display:flex;flex-direction:column;margin:100px auto 30px}.blog-container .categories{display:flex;text-align:center;margin:0 auto 20px}.blog-container .categories p{margin-right:20px}.blog-container .categories p.active{font-weight:700}.blog-container .blogs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px 20px;gap:30px 20px;margin-bottom:50px}.blog-container .controls{margin-right:auto;margin-left:auto;margin-bottom:50px}.blog-container .controls button{position:relative;margin-right:30px;width:50px;height:50px;border-radius:50%;outline:none;border:none;cursor:pointer;color:#fff;background:linear-gradient(10deg,var(--orange-color-1),var(--orange-color-2));box-shadow:0 0 16px 2px var(--orange-color-2)}.blog-container .controls button:last-child{margin-right:0}.blog-container .controls button svg{position:absolute;width:20px;height:20px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:2px}.blog-container .controls button svg:first-child{left:38%}.blog-container .blogs>div:first-child,.blog-container .blogs>div:nth-child(7),.blog-container .blogs>div:nth-child(11){grid-column:span 2}@media screen and (max-width:900px){.blog-container .blogs{grid-template-columns:repeat(2,1fr)}.blog-container .blogs>div{grid-column:span 1!important}.blog-container .blogs>div:nth-child(3n+1){grid-column:span 2!important}}@media screen and (max-width:730px){.blog-container .blogs{display:flex;flex-direction:column}.blogtemplate-container .blogtemplate .blog-details{padding:10px 15px!important}}.blogtemplate-container{overflow:hidden}.blogtemplate-container .blogtemplate{display:flex;flex-direction:column;height:100%;background-color:rgba(32,205,243,.2);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;cursor:pointer}.blogtemplate-container .blogtemplate:hover{transition:transfom .5 ease;-webkit-transform:scale(1.03);transform:scale(1.03)}.blogtemplate-container .blogtemplate .blog-details{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;padding:10px 20px}.blogtemplate-container .blogtemplate img{width:100%;height:auto;max-height:430px;object-fit:fill;object-position:center;margin-bottom:10px}.blogtemplate-container .blogtemplate p{margin-bottom:30px}.blogtemplate-container .blogtemplate .subcategory{font-size:17px}.blogtemplate-container .blogtemplate .title{font-size:clamp(22px,1.7vw,26px);font-weight:700}.blogtemplate-container .blogtemplate .category{text-transform:uppercase;font-size:15px;margin-bottom:10px}p{line-height:25px}.color{color:var(--blue-color-1)}.services-container{margin-top:100px;display:flex;flex-direction:column;padding:20px 0;margin-bottom:30px}.services-container .easy-payment{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px;width:min(1100px,95%);margin-inline:auto}.services-container .easy-payment .left img{width:45px;height:45px;object-fit:contain;object-position:center;background-color:var(--blue-color-1);margin-right:10px;border-radius:50%;padding:10px}.services-container .easy-payment .left img:last-of-type{margin-right:0}.services-container .easy-payment .right{width:50%}.services-container .easy-payment .right img{width:100%;height:100%;display:block}.services-container .easy-payment h1{font-size:clamp(30px,2.5vw + 1rem,45px);color:var(--blue-color-1);margin-bottom:-5px}.services-container .easy-payment h2{font-size:clamp(26px,1.9vw + 1rem,35px)}.services-container .easy-payment p{line-height:25px;margin:30px 0}.services-container .services{display:flex;flex-direction:column;width:min(1000px,95%);margin-right:auto;margin-bottom:70px;margin-left:auto;text-align:center}.services-container .services p{margin:30px 0 50px}.services-container .services-listing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.services-container .services-listing a{color:#000;text-decoration:none;display:block}.services-container .services-listing div{height:100%;border:1px solid #dcdcdc;border-radius:4px;padding:20px 10px 25px;box-shadow:1px 2px 8px -4px;cursor:pointer;position:relative}.services-container .services-listing div p{margin:initial;margin-bottom:5px}.services-container .services-listing div .MuiSvgIcon-root{position:absolute;fill:#fff;background-color:var(--blue-color-1);border-radius:50%;bottom:-18px;left:50%;font-size:35px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.services-container .services-listing div .MuiSvgIcon-root:first-of-type{left:47%;display:none}.services-container .services-listing div p:first-child{text-transform:capitalize;font-weight:700;margin-bottom:10px}.services-container .why-kadpay{width:min(1200px,95%);text-align:center;margin-inline:auto;display:flex;flex-direction:column;margin-bottom:50px}.services-container .why-kadpay>p{margin:20px 0;width:min(800px,95%);text-align:center;align-self:center}.services-container .why-kadpay .left img{width:100%;height:100%;object-fit:cover;object-position:center}.services-container .why-kadpay>div{display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px}.services-container .why-kadpay .header{display:flex;align-items:center;font-weight:700;font-size:18px}.services-container .why-kadpay>div .right{display:flex;flex-direction:column;text-align:left!important;padding-left:15px}.services-container .why-kadpay .MuiSvgIcon-root{margin-bottom:-13px;margin-right:10px}.services-container .why-kadpay>div .right p{margin:10px 0 0}.services-container .why-kadpay>div .right>div{margin-bottom:20px}.services-container .why-kadpay button{padding:15px 35px;margin-top:10px;outline:none;border-radius:5px;border:none;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .5s ease;font-size:15px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2))}.services-container .why-kadpay button:hover{transition:all .5s ease;opacity:.7}.services-container .why-kadpay>p{margin:30px 0 45px}@media screen and (max-width:950px){.services-container .services-listing{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:780px){.services-container .easy-payment br{display:none}.services-container .easy-payment p{margin:15px 0 25px;text-align:justify}.services-container{margin-top:70px}.services-container .easy-payment{display:grid;justify-content:center;text-align:center;grid-gap:50px;gap:50px}.services-container .easy-payment h1{margin-bottom:-2px}.services-container .easy-payment .right{margin-inline:auto;align-self:center;width:100%}.services-container .why-kadpay>div .right{text-align:justify!important;padding-left:10px!important;padding-right:10px}.services-container .services-listing{grid-template-columns:1fr;grid-gap:40px;gap:40px}.services-container .services-listing>div .MuiSvgIcon-root:first-of-type{left:48%;display:none}.services-container .services>p{text-align:justify;margin:20px 0 40px}.services-container .why-kadpay>div{grid-template-columns:1fr}.services-container .why-kadpay>div .left{margin-bottom:50px;text-align:center}.services-container .why-kadpay>div .right button,.services-container .why-kadpay>div .right p:first-of-type{align-self:center}.services-container .why-kadpay p{text-align:justify;margin:20px 0 30px}.services-container .why-kadpay>div .right>div{margin-bottom:30px}}.airtime-container{margin-top:100px;width:min(1100px,95%);margin-inline:auto}.airtime-container>h2,.airtime-container>p{text-align:center}.airtime-container h2{margin-bottom:10px}.airtime-container .airtime-services{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px 30px;gap:50px 30px;padding:50px;background:rgba(32,205,243,.2);margin-top:50px;margin-bottom:80px}.airtime-container .airtime-services>div{display:flex;align-items:center;border:1px solid orange;padding:20px;border-radius:5px}.airtime-container .airtime-services>div p{line-height:20px!important}.airtime-container .airtime-services>div img{width:60px;height:60px;margin-right:10px}.airtime-container .airtime-services>div>div p:first-of-type{font-weight:700}.airtime-container .airtime-services>div>div p:last-of-type{font-size:13px}@media screen and (max-width:930px){.airtime-container .airtime-services{grid-template-columns:repeat(2,1fr);padding:30px 20px;grid-gap:40px 25px;gap:40px 25px}}@media screen and (max-width:630px){.airtime-container .airtime-services{grid-template-columns:1fr;padding:30px 15px;grid-gap:35px;gap:35px}.airtime-container .airtime-services>div{padding:20px 10px}}.tvsub-container{margin-top:100px;width:min(1100px,95%);margin-inline:auto}.tvsub-container>h2,.tvsub-container>p{text-align:center}.tvsub-container h2{margin-bottom:10px}.tvsub-container .tvsub-services{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px 30px;gap:50px 30px;padding:50px;background:rgba(32,205,243,.2);margin-top:50px;margin-bottom:80px}.tvsub-container .tvsub-services>div{display:flex;align-items:center;border:1px solid orange;padding:20px 10px;border-radius:5px}.tvsub-container .tvsub-services>div p{line-height:20px!important}.tvsub-container .tvsub-services>div img{width:60px;height:60px;margin-right:10px}.tvsub-container .tvsub-services>div>div p:first-of-type{font-weight:700}.tvsub-container .tvsub-services>div>div p:last-of-type{font-size:13px}@media screen and (max-width:1000px){.tvsub-container .tvsub-services{grid-template-columns:repeat(2,1fr);padding:30px 15px;grid-gap:40px 25px;gap:40px 25px}}@media screen and (max-width:630px){.tvsub-container .tvsub-services{grid-template-columns:1fr;padding:30px 15px;grid-gap:35px;gap:35px}.tvsub-container .tvsub-services>div{padding:20px 10px}}.electricity-container{margin-top:100px;width:min(1100px,95%);overflow:hidden!important;margin-inline:auto}.electricity-container>h2,.electricity-container>p{text-align:center}.electricity-container h2{margin-bottom:10px}.electricity-container select{display:flex;height:40px;padding-left:10px;padding-right:10px;width:min(85%,300px);margin:20px auto 10px;overflow:hidden!important;caret-color:red}.electricity-container select:focus{outline:var(--blue-color-1)}.electricity-container .electricity-services{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px 30px;gap:50px 30px;padding:50px;background:rgba(32,205,243,.2);margin-top:50px;margin-bottom:80px}.electricity-container .electricity-services>div{display:flex;align-items:center;border:1px solid orange;padding:20px;border-radius:5px}.electricity-container .electricity-services>div p{line-height:20px!important}.electricity-container .electricity-services>div img{width:60px;height:60px;margin-right:10px}.electricity-container .electricity-services>div>div p:first-of-type{font-weight:700}.electricity-container .electricity-services>div>div p:last-of-type{font-size:13px}@media screen and (max-width:1000px){.electricity-container .electricity-services{grid-template-columns:repeat(2,1fr);padding:30px 20px;grid-gap:40px 25px;gap:40px 25px}}@media screen and (max-width:630px){.electricity-container .electricity-services{grid-template-columns:1fr;padding:30px 15px;grid-gap:35px;gap:35px}.electricity-container .electricity-services>div{padding:20px 10px}}.dashboard-container{margin-top:70px;width:100%;position:relative}.dashboard-container .sidebar{overflow:auto;padding-bottom:30px;width:250px;position:fixed;top:70px;left:0;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #dcdcdc;height:100%;transition:all .5s ease}.dashboard-container .sidebar ul li:nth-child(odd) svg{color:var(--blue-color-1)}.dashboard-container .sidebar ul li:nth-child(2n) svg{color:var(--pink-color-1)!important}.dashboard-container .sidebar ul li:nth-child(3n) svg{color:#639!important}.dashboard-container .toggler{display:none;align-items:center;justify-content:flex-end;padding-top:10px}.dashboard-container .toggler svg{font-size:30px;color:var(--orange-color-1);cursor:pointer;background-color:#fff}.dashboard-container .sidebar .sidebar-links{display:flex;flex-direction:column;padding-bottom:50px}.dashboard-container .sidebar .username{display:flex;align-items:center;padding:20px 10px;border-bottom:1px solid #dcdcdc}.dashboard-container .sidebar ul{list-style:none}.dashboard-container .sidebar ul li{display:flex;align-items:center;padding:10px;margin-bottom:3px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dashboard-container .sidebar button{padding:10px 40px;font-weight:700;font-size:14;background:transparent;border-radius:5px;outline:none;margin:15px auto 0;border:1px solid var(--blue-color-1);cursor:pointer}.dashboard-container .sidebar svg{margin-right:10px}.dashboard-container .sidebar ul li.active{background:var(--blue-color-1);color:#000;padding-left:7px;border-left:3px solid var(--pink-color-1)}.dashboard-container .sidebar ul li.active svg{color:#fff}.dashboard-container .sidebar ul li.active:hover{background:var(--blue-color-1)}.dashboard-container .sidebar ul li:hover{background-color:rgba(33,203,243,.4)}.dashboard-container .main{transition:all .5s ease;position:relative;margin-left:260px;left:0;flex-grow:1}.dashboard-container .main .toggler{position:fixed;width:50px;left:-10px;top:65px;z-index:1;height:50px}@media screen and (max-width:900px){.dashboard-container .toggler{display:flex}.dashboard-container .main{margin-left:0;transition:all .5s ease}.dashboard-container .sidebar{left:-100%;transition:all .5s ease}.dashboard-container .main#adjust-left{left:250px}.dashboard-container .sidebar#adjust-left{left:0}}@media screen and (max-width:460px){.dashboard-container .main#adjust-left{left:250px}}.electricity-component-container .progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-content:space-between;padding:20px 50px;margin-bottom:50px;text-align:center}.electricity-component-container .progress>div>div{width:100%;height:5px;border-radius:2px;border:1px solid #639;margin-top:4px}.electricity-component-container .progress>div>div.active{background-color:#639}.electricity-component-container .electricity{width:min(600px,90%);margin-right:auto;margin-left:auto}.electricity-component-container .electricity>h1,.electricity-component-container .electricity>p{text-align:center}.electricity-component-container .electricity form{display:grid;grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:50px;margin-bottom:50px}.electricity-component-container .electricity form>div{display:flex;flex-direction:column}.electricity-component-container .electricity form>div:first-of-type,.electricity-component-container .electricity form>div:last-of-type{grid-column:span 2}.electricity-component-container .electricity form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.electricity-component-container .electricity form input,.electricity-component-container .electricity form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:12px 10px}.electricity-component-container .electricity form input:focus,.electricity-component-container .electricity form select:focus{outline:1px solid var(--blue-color-1)}.electricity-component-container .electricity button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none;grid-column:span 2}.electricity-component-container .make-payment{width:min(800px,90%);margin-right:auto;margin-left:auto;margin-bottom:50px}.electricity-component-container .make-payment h1{text-align:center;margin-bottom:50px}.electricity-component-container .make-payment>div{display:flex;justify-content:space-between}.electricity-component-container .make-payment .supplied-info>div{margin-bottom:20px}.electricity-component-container .make-payment .supplied-info>div p:first-of-type{font-weight:700}.electricity-component-container .make-payment .supplied-info>div p:last-of-type{font-size:13px;opacity:.8}.electricity-component-container .make-payment .payment-mode .card{display:flex;flex-direction:column;margin-bottom:20px}.electricity-component-container .make-payment .payment-mode .card select{width:max(100%,200px);border:1px solid #dcdcdc;border-radius:5px;margin-top:3px;padding:10px}.electricity-component-container .make-payment .payment-mode .other-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 20px;gap:40px 20px;margin-bottom:50px}.electricity-component-container .make-payment .payment-mode .other-options p{padding:7px 10px;border:none;border:1px solid var(--blue-color-1);cursor:pointer;font-size:13px}.electricity-component-container .make-payment .payment-mode .buttons{display:flex;justify-content:space-between}.electricity-component-container .make-payment .payment-mode .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:5px;width:100px}.electricity-component-container .make-payment .payment-mode .buttons button:first-of-type{border:1px solid var(--blue-color-1);background-color:transparent}.electricity-component-container .make-payment .payment-mode .buttons button:last-of-type{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff}@media screen and (max-width:900px){.electricity-component-container .progress{padding:40px 10px 20px;margin-left:30px}.electricity-component-container .progress p{line-height:16px!important}.electricity-component-container .progress>div{display:flex;flex-direction:column;justify-content:end;font-size:15px}}@media screen and (max-width:800px){.electricity-component-container .make-payment .payment-mode .other-options p{padding:7px 5px;text-align:center}}@media screen and (max-width:630px){.electricity-component-container .make-payment>div{flex-direction:column;grid-gap:40px;gap:40px}.electricity-component-container .make-payment .supplied-info{display:grid;grid-template-columns:1.5fr 1fr}.electricity-component-container .make-payment .payment-mode .buttons button{width:125px;text-align:center;padding:15px}}@media screen and (max-width:530px){.electricity-component-container .make-payment h1{margin-bottom:25px}.electricity-component-container .electricity form{display:flex;flex-direction:column}.electricity-component-container .electricity{width:95%}}@media screen and (max-width:435px){.electricity-component-container .make-payment .payment-mode .other-options{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.electricity-component-container .progress{margin-left:0;gap:5px;grid-gap:5px;padding-top:50px}.electricity-component-container .progress>div{font-size:11px}}.airtime-component-container .progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-content:space-between;padding:20px 50px;margin-bottom:50px;text-align:center}.airtime-component-container .progress>div>div{width:100%;height:5px;border-radius:2px;border:1px solid #639;margin-top:4px}.airtime-component-container .progress>div>div.active{background-color:#639}.airtime-component-container .airtime{width:min(600px,90%);margin-right:auto;margin-left:auto}.airtime-component-container .airtime>h1,.airtime-component-container .airtime>p{text-align:center}.airtime-component-container .airtime form{display:grid;grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:50px;margin-bottom:50px}.airtime-component-container .airtime form>div{display:flex;flex-direction:column}.airtime-component-container .airtime form>div:nth-child(3n+1){grid-column:span 2}.airtime-component-container .airtime form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.airtime-component-container .airtime form input,.airtime-component-container .airtime form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:12px 10px}.airtime-component-container .airtime form input:focus,.airtime-component-container .airtime form select:focus{outline:1px solid var(--blue-color-1)}.airtime-component-container .airtime button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none;grid-column:span 2}.airtime-component-container .make-payment{width:min(800px,90%);margin-right:auto;margin-left:auto;margin-bottom:50px}.airtime-component-container .make-payment h1{text-align:center;margin-bottom:50px}.airtime-component-container .make-payment>div{display:flex;justify-content:space-between}.airtime-component-container .make-payment .supplied-info>div{margin-bottom:20px}.airtime-component-container .make-payment .supplied-info>div p:first-of-type{font-weight:700}.airtime-component-container .make-payment .supplied-info>div p:last-of-type{font-size:13px;opacity:.8}.airtime-component-container .make-payment .payment-mode .card{display:flex;flex-direction:column;margin-bottom:20px}.airtime-component-container .make-payment .payment-mode .card select{width:max(100%,200px);border:1px solid #dcdcdc;border-radius:5px;margin-top:3px;padding:10px}.airtime-component-container .make-payment .payment-mode .other-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 20px;gap:40px 20px;margin-bottom:50px}.airtime-component-container .make-payment .payment-mode .other-options p{padding:7px 10px;border:none;border:1px solid var(--blue-color-1);cursor:pointer;font-size:13px}.airtime-component-container .make-payment .payment-mode .buttons{display:flex;justify-content:space-between}.airtime-component-container .make-payment .payment-mode .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:5px;width:100px}.airtime-component-container .make-payment .payment-mode .buttons button:first-of-type{border:1px solid var(--blue-color-1);background-color:transparent}.airtime-component-container .make-payment .payment-mode .buttons button:last-of-type{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff}@media screen and (max-width:900px){.airtime-component-container .progress{padding:40px 10px 20px;margin-left:30px}.airtime-component-container .progress>div{display:flex;flex-direction:column;justify-content:end;font-size:15px}.airtime-component-container .progress p{line-height:16px!important}}@media screen and (max-width:800px){.airtime-component-container .make-payment .payment-mode .other-options p{padding:7px 5px;text-align:center}}@media screen and (max-width:630px){.airtime-component-container .make-payment>div{flex-direction:column;grid-gap:40px;gap:40px}.airtime-component-container .make-payment .supplied-info{display:grid;grid-template-columns:1.5fr 1fr}.airtime-component-container .make-payment .payment-mode .buttons button{width:125px;text-align:center;padding:15px}}@media screen and (max-width:530px){.airtime-component-container .make-payment h1{margin-bottom:25px}.airtime-component-container .airtime form{display:flex;flex-direction:column}.airtime-component-container .airtime{width:95%}}@media screen and (max-width:435px){.airtime-component-container .make-payment .payment-mode .other-options{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.airtime-component-container .progress{margin-left:0;gap:5px;grid-gap:5px;padding-top:50px}.airtime-component-container .progress>div{font-size:11px}}.tvsub-component-container .progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-content:space-between;padding:20px 50px;margin-bottom:50px;text-align:center}.tvsub-component-container .progress>div>div{width:100%;height:5px;border-radius:2px;border:1px solid #639;margin-top:4px}.tvsub-component-container .progress>div>div.active{background-color:#639}.tvsub-component-container .tvsub{width:min(600px,90%);margin-right:auto;margin-left:auto}.tvsub-component-container .tvsub>h1,.tvsub-component-container .tvsub>p{text-align:center}.tvsub-component-container .tvsub form{display:grid;grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:50px;margin-bottom:50px}.tvsub-component-container .tvsub form>div{display:flex;flex-direction:column}.tvsub-component-container .tvsub form>div:first-of-type,.tvsub-component-container .tvsub form>div:last-of-type,.tvsub-component-container .tvsub form>div:nth-child(2){grid-column:span 2}.tvsub-component-container .tvsub form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.tvsub-component-container .tvsub form input,.tvsub-component-container .tvsub form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:12px 10px}.tvsub-component-container .tvsub form input:focus,.tvsub-component-container .tvsub form select:focus{outline:1px solid var(--blue-color-1)}.tvsub-component-container .tvsub button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none;grid-column:span 2}.tvsub-component-container .make-payment{width:min(800px,90%);margin-right:auto;margin-left:auto;margin-bottom:50px}.tvsub-component-container .make-payment h1{text-align:center;margin-bottom:50px}.tvsub-component-container .make-payment>div{display:flex;justify-content:space-between}.tvsub-component-container .make-payment .supplied-info>div{margin-bottom:20px}.tvsub-component-container .make-payment .supplied-info>div p:first-of-type{font-weight:700}.tvsub-component-container .make-payment .supplied-info>div p:last-of-type{font-size:13px;opacity:.8}.tvsub-component-container .make-payment .payment-mode .card{display:flex;flex-direction:column;margin-bottom:20px}.tvsub-component-container .make-payment .payment-mode .card select{width:max(100%,200px);border:1px solid #dcdcdc;border-radius:5px;margin-top:3px;padding:10px}.tvsub-component-container .make-payment .payment-mode .other-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px 20px;gap:30px 20px;margin-bottom:50px}.tvsub-component-container .make-payment .payment-mode .other-options p{padding:7px 10px;border:none;border:1px solid var(--blue-color-1);cursor:pointer;font-size:13px}.tvsub-component-container .make-payment .payment-mode .buttons{display:flex;justify-content:space-between}.tvsub-component-container .make-payment .payment-mode .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:5px;width:100px}.tvsub-component-container .make-payment .payment-mode .buttons button:first-of-type{border:1px solid var(--blue-color-1);background-color:transparent}.tvsub-component-container .make-payment .payment-mode .buttons button:last-of-type{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff}@media screen and (max-width:900px){.tvsub-component-container .progress{padding:40px 10px 20px;margin-left:30px}.tvsub-component-container .progress p{line-height:16px!important}.tvsub-component-container .progress>div{display:flex;flex-direction:column;justify-content:end;font-size:15px}}@media screen and (max-width:800px){.tvsub-component-container .make-payment .payment-mode .other-options p{padding:7px 5px;text-align:center}}@media screen and (max-width:630px){.tvsub-component-container .make-payment>div{flex-direction:column;grid-gap:40px;gap:40px}.tvsub-component-container .make-payment .supplied-info{display:grid;grid-template-columns:1.5fr 1fr}.tvsub-component-container .make-payment .payment-mode .buttons button{width:125px;text-align:center;padding:15px}}@media screen and (max-width:530px){.tvsub-component-container .make-payment h1{margin-bottom:25px}.tvsub-component-container .tvsub form{display:flex;flex-direction:column}.tvsub-component-container .tvsub{width:95%}}@media screen and (max-width:435px){.tvsub-component-container .make-payment .payment-mode .other-options{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.tvsub-component-container .progress{margin-left:0;gap:5px;grid-gap:5px;padding-top:50px}.tvsub-component-container .progress>div{font-size:11px}}.home-container{display:flex;flex-direction:column;width:min(800px,90%);margin-top:30px;margin-right:auto;margin-left:auto}.home-container .user{font-weight:700;color:var(--blue-color-1)}.home-container>p{text-align:center;font-size:20px;margin-top:15px}.home-container .user-details{margin-top:30px;margin-bottom:100px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px 0;gap:30px 0;padding:25px 0;background-color:#e3e8e6}.home-container .user-details>div{display:flex;border-right:1px solid #fff;padding:20px 0 20px 25px;align-items:center}.home-container .user-details>div svg{margin-right:10px;font-size:40px}.home-container .user-details>div:nth-child(odd) svg{color:var(--blue-color-1)}.home-container .user-details>div:nth-child(2n) svg{color:var(--pink-color-1)!important}.home-container .user-details>div:nth-child(3n) svg{color:#639!important}.home-container .user-details>div p:first-of-type{font-size:14px;opacity:.8;margin-bottom:2px}.home-container .user-details>div p:last-of-type{font-weight:700;font-size:27px}.home-container .youtube-video{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:100px}.home-container .youtube-video p{margin-bottom:20px;font-weight:700;font-size:22px;text-align:center}.home-container .youtube-video iframe{width:100%;height:auto;aspect-ratio:2/1;margin-right:auto;margin-left:auto;object-fit:contain;object-position:center}.home-container .transactions{margin-bottom:70px}.home-container .transactions>p{margin-bottom:10px}.home-container .transactions table{width:100%;border:1px}.home-container .transactions table tr{text-align:center;height:50px}.home-container .transactions table tbody tr:nth-child(odd){background-color:#e3e8e6}.home-container .transactions table td,.home-container .transactions table th{padding:5px 10px}@media screen and (max-width:555px){.home-container{width:95%}.home-container .youtube-video p{font-size:19px}.home-container .user-details{grid-template-columns:repeat(2,1fr)}.home-container .user-details>div p:last-of-type{font-weight:400;font-size:35px}}@media screen and (max-width:450px){.home-container .user-details{display:flex;flex-direction:column;grid-gap:0;gap:0;padding:0}}@media screen and (max-width:400px){.home-container .user-details>div{border-right:0;border-bottom:1px solid #fff;padding:30px}}.data-component-container .progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-content:space-between;padding:20px 50px;margin-bottom:50px;text-align:center}.data-component-container .progress>div>div{width:100%;height:5px;border-radius:2px;border:1px solid #639;margin-top:4px}.data-component-container .progress>div>div.active{background-color:#639}.data-component-container .data{width:min(600px,90%);margin-right:auto;margin-left:auto}.data-component-container .data>h1,.data-component-container .data>p{text-align:center}.data-component-container .data form{display:grid;grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:50px;margin-bottom:50px}.data-component-container .data form>div{display:flex;flex-direction:column}.data-component-container .data form>div:first-of-type,.data-component-container .data form>div:last-of-type,.data-component-container .data form>div:nth-child(2){grid-column:span 2}.data-component-container .data form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.data-component-container .data form input,.data-component-container .data form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:12px 10px}.data-component-container .data form input:focus,.data-component-container .data form select:focus{outline:1px solid var(--blue-color-1)}.data-component-container .data button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none;grid-column:span 2}.data-component-container .make-payment{width:min(800px,90%);margin-right:auto;margin-left:auto;margin-bottom:50px}.data-component-container .make-payment h1{text-align:center;margin-bottom:50px}.data-component-container .make-payment>div{display:flex;justify-content:space-between}.data-component-container .make-payment .supplied-info>div{margin-bottom:20px}.data-component-container .make-payment .supplied-info>div p:first-of-type{font-weight:700}.data-component-container .make-payment .supplied-info>div p:last-of-type{font-size:13px;opacity:.8}.data-component-container .make-payment .payment-mode .card{display:flex;flex-direction:column;margin-bottom:20px}.data-component-container .make-payment .payment-mode .card select{width:max(100%,200px);border:1px solid #dcdcdc;border-radius:5px;margin-top:3px;padding:10px}.data-component-container .make-payment .payment-mode .other-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 20px;gap:40px 20px;margin-bottom:50px}.data-component-container .make-payment .payment-mode .other-options p{padding:7px 10px;border:none;border:1px solid var(--blue-color-1);cursor:pointer;font-size:13px}.data-component-container .make-payment .payment-mode .buttons{display:flex;justify-content:space-between}.data-component-container .make-payment .payment-mode .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:5px;width:100px}.data-component-container .make-payment .payment-mode .buttons button:first-of-type{border:1px solid var(--blue-color-1);background-color:transparent}.data-component-container .make-payment .payment-mode .buttons button:last-of-type{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff}@media screen and (max-width:900px){.data-component-container .progress{padding:40px 10px 20px;margin-left:30px}.data-component-container .progress p{line-height:16px!important}.data-component-container .progress>div{display:flex;flex-direction:column;justify-content:end;font-size:15px}}@media screen and (max-width:800px){.data-component-container .make-payment .payment-mode .other-options p{padding:7px 5px;text-align:center}}@media screen and (max-width:630px){.data-component-container .make-payment>div{flex-direction:column;grid-gap:40px;gap:40px}.data-component-container .make-payment .supplied-info{display:grid;grid-template-columns:1.5fr 1fr}.data-component-container .make-payment .payment-mode .buttons button{width:125px;text-align:center;padding:15px}}@media screen and (max-width:530px){.data-component-container .make-payment h1{margin-bottom:25px}.data-component-container .data form{display:flex;flex-direction:column}.data-component-container .data{width:95%}}@media screen and (max-width:435px){.data-component-container .make-payment .payment-mode .other-options{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.data-component-container .progress{margin-left:0;gap:5px;grid-gap:5px;padding-top:50px}.data-component-container .progress>div{font-size:11px}}.transfer-component-container .progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-content:space-between;padding:20px 50px;margin-bottom:50px;text-align:center}.transfer-component-container .progress>div>div{width:100%;height:5px;border-radius:2px;border:1px solid #639;margin-top:4px}.transfer-component-container .progress>div>div.active{background-color:#639}.transfer-component-container .transfer{width:min(600px,90%);margin-right:auto;margin-left:auto}.transfer-component-container .transfer>h1,.transfer-component-container .transfer>p{text-align:center}.transfer-component-container .transfer form{display:grid;grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:50px;margin-bottom:50px}.transfer-component-container .transfer form>div{display:flex;flex-direction:column}.transfer-component-container .transfer form>div:first-of-type,.transfer-component-container .transfer form>div:last-of-type,.transfer-component-container .transfer form>div:nth-child(2){grid-column:span 2}.transfer-component-container .transfer form label{margin-bottom:10px;font-weight:700;letter-spacing:1px}.transfer-component-container .transfer form input,.transfer-component-container .transfer form select{width:100%;border:1px solid #dcdcdc;border-radius:5px;padding:12px 10px}.transfer-component-container .transfer form input:focus,.transfer-component-container .transfer form select:focus{outline:1px solid var(--blue-color-1)}.transfer-component-container .transfer button{padding:15px 50px;border-radius:5px;cursor:pointer;margin-top:25px;background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff;margin-inline:auto;border:none;grid-column:span 2}.transfer-component-container .make-payment{width:min(800px,90%);margin-right:auto;margin-left:auto;margin-bottom:50px}.transfer-component-container .make-payment h1{text-align:center;margin-bottom:50px}.transfer-component-container .make-payment>div{display:flex;justify-content:space-between}.transfer-component-container .make-payment .supplied-info>div{margin-bottom:20px;margin-right:5px}.transfer-component-container .make-payment .supplied-info>div p:first-of-type{font-weight:700}.transfer-component-container .make-payment .supplied-info>div p:last-of-type{font-size:13px;opacity:.8}.transfer-component-container .make-payment .payment-mode .card{display:flex;flex-direction:column;margin-bottom:20px}.transfer-component-container .make-payment .payment-mode .card select{width:max(100%,200px);border:1px solid #dcdcdc;border-radius:5px;margin-top:3px;padding:10px}.transfer-component-container .make-payment .payment-mode .other-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 20px;gap:40px 20px;margin-bottom:50px}.transfer-component-container .make-payment .payment-mode .other-options p{padding:7px 10px;border:none;border:1px solid var(--blue-color-1);cursor:pointer;font-size:13px}.transfer-component-container .make-payment .payment-mode .buttons{display:flex;justify-content:space-between}.transfer-component-container .make-payment .payment-mode .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:5px;width:100px}.transfer-component-container .make-payment .payment-mode .buttons button:first-of-type{border:1px solid var(--blue-color-1);background-color:transparent}.transfer-component-container .make-payment .payment-mode .buttons button:last-of-type{background:linear-gradient(10deg,var(--blue-color-1),var(--blue-color-2));color:#fff}@media screen and (max-width:900px){.transfer-component-container .progress{padding:40px 10px 20px;margin-left:30px}.transfer-component-container .progress p{line-height:16px!important}.transfer-component-container .progress>div{display:flex;flex-direction:column;justify-content:end;font-size:15px}.transfer-component-container .transfer>p{line-height:22px;margin-top:10px}}@media screen and (max-width:800px){.transfer-component-container .make-payment .payment-mode .other-options p{padding:7px 5px;text-align:center}}@media screen and (max-width:630px){.transfer-component-container .make-payment>div{flex-direction:column;grid-gap:40px;gap:40px}.transfer-component-container .make-payment .supplied-info{display:grid;grid-template-columns:1.5fr 1fr}.transfer-component-container .make-payment .payment-mode .buttons button{width:125px;text-align:center;padding:15px}}@media screen and (max-width:530px){.transfer-component-container .make-payment h1{margin-bottom:25px}.transfer-component-container .transfer form{display:flex;flex-direction:column}.transfer-component-container .transfer{width:95%}}@media screen and (max-width:435px){.transfer-component-container .make-payment .payment-mode .other-options{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.transfer-component-container .progress{margin-left:0;gap:5px;grid-gap:5px;padding-top:50px}.transfer-component-container .progress>div{font-size:11px}}.refer-container{width:min(100%,900px);margin-right:auto;margin-left:auto}.refer-container>h1{margin:40px 0;font-size:30px;font-weight:200;text-align:center}.refer-container .refer{width:100%;padding:20px;margin-bottom:50px;background-color:#e3e8e6}.refer-container .refer,.refer-container .refer div{display:flex;flex-direction:column;align-items:center}.refer-container .refer div{margin-top:20px}.refer-container .refer svg{font-size:64px}.refer-container .refer p{margin-bottom:5px}.refer-container .sponsor p:first-child{font-size:14px}.refer-container .refer .reference-link{color:#23b423}.refer-container .record{width:100%;padding:20px;background-color:#e3e8e6;margin-bottom:70px}.refer-container .record>p{margin-bottom:50px;font-size:24px}.refer-container .record .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.refer-container .record input{border:1px solid #000;background-color:transparent;outline:none;padding:7px 10px;border-radius:5px;margin:0 0 0 5px}.refer-container .record .table>div{overflow-x:auto;margin-bottom:20px}.refer-container .record table{width:100%;margin-bottom:30px;min-width:550px;border-style:none}.refer-container .record table tr{height:50px}.refer-container .record table td,.refer-container .record table th{padding:10px;word-wrap:no-wrap}.refer-container .record .buttons{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:end}.refer-container .record button{padding:10px 15px;border-radius:15px;outline:none;cursor:pointer;color:#000;background-color:#ccc;border:none;margin-left:10px}.refer-container .record .entries{color:var(--color-light)}@media screen and (max-width:750px){.refer-container .record .head p:first-child{margin-left:unset!important}}@media screen and (max-width:500px){.refer-container{text-align:center}.refer-container .record .head{flex-direction:column;grid-gap:40px;gap:40px;justify-content:center}.refer-container .record .buttons{justify-content:center}}
/*# sourceMappingURL=main.eff7e1b3.chunk.css.map */