@charset "UTF-8";.productCard__container{border:1px solid #ccc;border-radius:8px;padding:0 16px 8px;margin:20px 0;max-width:300px;min-width:300px;height:350px;overflow:hidden;display:flex;flex-direction:column}.productCard__container img{max-width:100%;min-width:100%;max-height:130px;min-height:130px;border-radius:8px;padding:8px 0;object-fit:contain}.productCard__container .card-details h2{font-size:19pt;text-transform:capitalize;text-align:left;margin:10px 0 5px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.productCard__container .card-details p{margin:5px 0;font-size:.8em;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.productCard__container .card-details .subtitle{display:flex;flex-direction:row;margin:5px 0 10px;justify-content:space-between}.productCard__container .card-details .subtitle p{margin:0;font-size:9pt;color:#575757;text-transform:capitalize}.productCard__container .card-details .productCard__description{margin:0 0 20px;font-size:12pt;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:6;height:2.4rem}.productCard__container .card-details .details{display:flex;flex-direction:row;justify-content:space-between}.productCard__container .card-details .details .productCard__price,.productCard__container .card-details .details .productCard__quantity{margin:0 0 10px;font-size:18pt;font-weight:700}.productCard__container .card-details .buttonContainer{display:flex;flex-direction:row;justify-content:space-around}.productCard__container .card-details .buttonContainer .btn{padding:10px 20px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border:none;border-radius:4px;cursor:pointer;background-color:#176b90;color:#fff;transition:background-color .3s ease}.productCard__container .card-details .buttonContainer .btn:hover{background-color:#165b78}@media only screen and (max-width: 600px){.productCard__container{width:95%;height:auto}}.AdminCatalogue__container{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 3%}.FilterProducts__container{min-height:100px;background-color:#176b90;padding:16px 24px;margin-top:8px;border-radius:8px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.FilterProducts__container .FilterProducts__filterContainer{display:flex;flex-direction:column;justify-content:center}.FilterProducts__container .FilterProducts__filterContainer .search-container{display:flex;align-items:center;width:400px;max-width:90vw;background-color:#f3583f;border-radius:5px;overflow:hidden;margin-top:8px}.FilterProducts__container .FilterProducts__filterContainer .search-input{flex:1;border:none;padding:10px;font-size:16px;background-color:#fff;color:#333;outline:none}.FilterProducts__container .button{background-color:#f3583f;color:#fff;border:none;padding:10px;cursor:pointer;transition:background-color .3s ease}.FilterProducts__container .pdf-button{font-weight:600;font-size:12pt;padding:15px;width:150px;border-radius:8px}.FilterProducts__container .pdf-button a{color:#fff;text-decoration:none;font-weight:600;font-size:12pt}.FilterProducts__container .button:hover{background-color:#dc4f39}@media screen and (max-width: 800px){.FilterProducts__container{display:flex;flex-direction:column;gap:10px}}.card-list{display:inline-grid;grid-template-columns:repeat(4,minmax(250px,1fr));grid-gap:20px;width:100%;justify-items:center;align-items:center}@media screen and (max-width: 1250px){.card-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}.UserCatalogue__container{display:flex;flex-direction:column;justify-content:center;gap:10px;margin-top:10px;background-color:#f7f7f7}.UserCatalogue__container .hero{text-align:center;padding:3rem 1rem;background:linear-gradient(90deg,#213564,#1876bc);color:#fff}.UserCatalogue__container .hero h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.UserCatalogue__container .hero p{font-size:1rem;max-width:90%;margin:0 auto 1.5rem;line-height:1.5}.UserCatalogue__container .hero .cta-button{background-color:#f3763f;color:#fff;font-size:1rem;font-weight:600;padding:.8rem 2rem;border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px 15px #0003;transition:all .3s ease-in-out}.UserCatalogue__container .hero .cta-button:hover{background-color:#dc4f39;transform:translateY(-3px)}@media (min-width: 768px){.UserCatalogue__container .hero{padding:5rem 2rem}.UserCatalogue__container .hero h1{font-size:2.5rem}.UserCatalogue__container .hero p{font-size:1.2rem;max-width:700px}.UserCatalogue__container .hero .cta-button{font-size:1.2rem;padding:1rem 2.5rem}}@media (min-width: 1024px){.UserCatalogue__container .hero h1{font-size:3rem}.UserCatalogue__container .hero p{font-size:1.3rem}}.UserCatalogue__container .benefits{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:3rem 1.5rem;max-width:1200px;margin:0 auto}.UserCatalogue__container .benefits .benefit-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.UserCatalogue__container .benefits .benefit-card:hover{transform:translateY(-5px)}.UserCatalogue__container .benefits .benefit-card .icon{font-size:2rem;margin-bottom:.8rem}.UserCatalogue__container .benefits .benefit-card h3{font-size:1.1rem;font-weight:600;color:#213564;margin-bottom:.5rem}.UserCatalogue__container .benefits .benefit-card p{color:#5e5e5e;font-size:.95rem;line-height:1.4}@media (min-width: 600px){.UserCatalogue__container .benefits{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.UserCatalogue__container .benefits{grid-template-columns:repeat(3,1fr);gap:2rem}.UserCatalogue__container .benefits .benefit-card{padding:2rem}.UserCatalogue__container .benefits .benefit-card .icon{font-size:2.5rem}.UserCatalogue__container .benefits .benefit-card h3{font-size:1.3rem}.UserCatalogue__container .benefits .benefit-card p{font-size:1rem}}.UserCatalogue__container .brands{background:#fff;padding:2.5rem 1rem;text-align:center}.UserCatalogue__container .brands h2{font-size:1.4rem;font-weight:700;color:#213564;margin-bottom:1.5rem}.UserCatalogue__container .brands .brand-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.UserCatalogue__container .brands .brand-logos img{height:36px;filter:grayscale(100%);transition:filter .3s ease}.UserCatalogue__container .brands .brand-logos img:hover{filter:grayscale(0%)}@media (min-width: 768px){.UserCatalogue__container .brands{padding:3rem 2rem}.UserCatalogue__container .brands h2{font-size:1.8rem;margin-bottom:2rem}.UserCatalogue__container .brands .brand-logos img{height:48px}}.login__container{padding:0 5%;margin:0 0 48px;background-color:#fcf9ff;display:flex;flex-direction:column;align-items:center}.login__container Image{margin-top:87px}.login__container .login__InputText{margin-top:42px}.login__container .login__InputTextWithIcon{margin-top:24px}.login__container .login__linkForgotPassword{color:#011730b3;font-size:12px;align-self:self-end;margin-top:8px;cursor:pointer;line-height:1.4}.login__container .login__linkForgotPassword:hover{color:#001226b3}.login__container .login__linkForgotPassword:active{color:#3d4c5db3}.login__container .login__btnLogin{margin-top:24px}.inputText{background-color:#fff;color:#002959;width:calc(100% - 32px);max-width:368px;height:56px;border:1px solid rgba(51,62,99,.3);border-radius:8px;font-size:32px;padding-left:16px;padding-right:16px;display:flex;font-size:16px;justify-content:space-between;align-items:center;overflow:hidden}.inputText input{border:none;height:100%;width:100%;font-size:inherit}.inputText button{background-color:transparent;border:none;color:#002959}.inputText button:active{color:#406288}.btn__container{display:block;width:100%;max-width:400px;height:60px;border-radius:60px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#fff;line-height:16px;letter-spacing:2px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.solutions{padding:4rem 2rem;background:#f9fafc}.solutions__title{text-align:center;font-size:2.2rem;margin-bottom:3rem;color:#213564}.solutions .solution-block{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem}.solutions .solution-block .solution-text{flex:1;text-align:left}.solutions .solution-block .solution-text h3{font-size:1.6rem;color:#1876bc;margin-bottom:1rem}.solutions .solution-block .solution-text p{font-size:1.1rem;color:#444;line-height:1.6;margin-bottom:1rem}.solutions .solution-block .solution-text ul{list-style:none;padding:0}.solutions .solution-block .solution-text ul li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.solutions .solution-block .solution-text ul li:before{content:"✔";position:absolute;left:0;color:#f3763f;font-weight:700}.solutions .solution-block .solution-text strong{color:#f3763f}.solutions .solution-block .solution-img{flex:.8}.solutions .solution-block .solution-img img{width:100%;max-width:500px;border-radius:14px;box-shadow:0 8px 20px #0000001f;transition:transform .4s ease}.solutions .solution-block .solution-img img:hover{transform:scale(1.05)}.solutions .solution-block.reverse{flex-direction:column}@media (min-width: 900px){.solutions .solution-block{flex-direction:row;align-items:center}.solutions .solution-block.reverse{flex-direction:row-reverse}}.HomePage .pain-points{padding:3rem 2rem;background:#f8f9fa;text-align:center}.HomePage .pain-points h2{font-size:2rem;margin-bottom:2rem;color:#213564}.HomePage .pain-points .points-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.HomePage .pain-points .points-grid .point-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 6px 14px #00000014;transition:transform .3s ease}.HomePage .pain-points .points-grid .point-card:hover{transform:translateY(-6px)}.HomePage .pain-points .points-grid .point-card h3{font-size:1.2rem;color:#1876bc;margin-bottom:.5rem}.HomePage .pain-points .points-grid .point-card p{color:#555}@media (min-width: 768px){.HomePage .pain-points .points-grid{grid-template-columns:repeat(3,1fr)}}.HomePage .services{padding:4rem 2rem;text-align:center}.HomePage .services h2{font-size:2rem;margin-bottom:2rem;color:#213564}.HomePage .services .service-cards{display:grid;gap:2rem;grid-template-columns:1fr}.HomePage .services .service-cards .service-card{background:#fff;padding:2rem;border-radius:16px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:all .3s ease}.HomePage .services .service-cards .service-card h3{margin:0;color:#1876bc}.HomePage .services .service-cards .service-card .hidden{opacity:0;max-height:0;transition:all .4s ease;margin-top:0}.HomePage .services .service-cards .service-card:hover{background:linear-gradient(135deg,#213564,#1876bc);color:#fff}.HomePage .services .service-cards .service-card:hover .hidden{opacity:1;max-height:200px;margin-top:1rem}@media (min-width: 768px){.HomePage .services .service-cards{grid-template-columns:repeat(3,1fr)}}.HomePage .projects{padding:4rem 2rem;background:#f4f6f9;text-align:center}.HomePage .projects h2{font-size:2rem;margin-bottom:2rem}.HomePage .projects .project-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.HomePage .projects .project-grid .project-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 14px #0000001a}.HomePage .projects .project-grid .project-card img{width:100%;height:auto;transition:transform .5s ease}.HomePage .projects .project-grid .project-card .overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:1rem;opacity:0;transition:opacity .4s ease}.HomePage .projects .project-grid .project-card:hover img{transform:scale(1.1)}.HomePage .projects .project-grid .project-card:hover .overlay{opacity:1}@media (min-width: 768px){.HomePage .projects .project-grid{grid-template-columns:repeat(2,1fr)}}.HomePage .cta{text-align:center;padding:4rem 2rem;background:linear-gradient(90deg,#213564,#1876bc);color:#fff}.HomePage .cta h2{font-size:2rem;margin-bottom:1rem}.HomePage .cta p{margin-bottom:2rem;font-size:1.2rem}.HomePage .cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.HomePage .cta .cta-buttons .primary,.HomePage .cta .cta-buttons .secondary{padding:.8rem 2rem;border-radius:12px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.HomePage .cta .cta-buttons .primary{background:#f3763f;color:#fff}.HomePage .cta .cta-buttons .primary:hover{background:#dc4f39}.HomePage .cta .cta-buttons .secondary{background:#fff;color:#213564}.HomePage .cta .cta-buttons .secondary:hover{background:#f0f0f0}*{margin:0;padding:0;font-family:Poppins,sans-serif}
