@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}main{margin:auto auto 150px}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:rgba(0,0,0,0)}50%{border-color:orange}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes reverseFadeInUp{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes transition_levitar{0%{transform:translate(50%)}50%{transform:translate(300%,-50px)}to{transform:translate(50%)}}@keyframes transitionY{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}@keyframes moverLateral{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.sticky{position:fixed;top:0;left:50%;transform:translateX(-50%);margin:0;width:1200px;z-index:1000}.sticky .navbar{border-radius:0 0 30px 30px!important}header{width:90%;margin:auto;position:relative;top:50px;z-index:1000}header .navbar{width:100%;height:80px;border-radius:30px;background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:10px 10px 20px 5px rgba(193,193,193,.3)}header .navbar .container{display:grid;grid-template-columns:32% 65%;grid-gap:3%;gap:3%}header .navbar .container .imageContent{grid-column-start:1;grid-column-end:span 1}header .navbar .container .imageContent img{width:300px;height:auto;object-fit:contain;display:block;margin:23px auto}header .navbar .container .navContent{max-width:800px;grid-column-start:2;grid-column-end:span 3}header .navbar .container .navContent ul{max-width:90%;height:80px;display:flex;justify-content:space-between;margin:auto}header .navbar .container .navContent ul li{list-style:none;margin:auto}header .navbar .container .navContent ul li a{outline:none;text-decoration:none;color:#2b2c2d;font-family:Roboto,sans-serif}header .navbar .container .navContent ul li a:hover{padding:28px 0;color:#0c6eff;border-bottom:solid #0c6eff;transition:height .3s ease}header .navbar .container .nav-mobile{display:none}@media screen and (max-width:500px){header{width:100%!important;margin:auto;position:fixed!important;top:0!important}header .navbar{border-radius:0!important;box-shadow:none}header .navbar .container{display:grid;grid-template-columns:65% 32%;grid-gap:3%;gap:3%}header .navbar .container .imageContent img{height:auto;width:260px;object-fit:contain;display:block;margin:10px auto}header .navbar .container .navContent{display:none!important}header .navbar .container .nav-mobile{transition:width .2s ease!important;position:absolute;z-index:1000;width:0;height:100vh;display:block!important;background:#fff;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3)}header .navbar .container .nav-mobile .menu-wrapper{width:100%;height:100%}header .navbar .container .nav-mobile .menu-wrapper .menu-contain img{display:none}header .navbar .container .nav-button{display:block;right:6%;background-image:url(https://firebasestorage.googleapis.com/v0/b/albalonweb.appspot.com/o/Identidad%20Grafica%2Fmenu.png?alt=media&token=41c285f2-0099-45d9-a6f0-50a945d9b988);width:35px;height:35px}header .navbar .container .nav-button,header .navbar .container .nav-button-close{position:absolute;margin-top:5%;background-repeat:no-repeat;background-size:contain;z-index:100}header .navbar .container .nav-button-close{display:none;right:4%;width:40px;height:40px;background-image:url(https://firebasestorage.googleapis.com/v0/b/albalonweb.appspot.com/o/Identidad%20Grafica%2Farrow.png?alt=media&token=2378edd3-f605-40b5-9ad3-b20782c406d1)}header .navbar .container ul,header .navbar .open .nav-button{display:none!important}header .navbar .open .nav-button-close{display:block!important}header .navbar .open .nav-mobile{transition:width .2s ease!important;width:85%}header .navbar .open .nav-mobile .menu-wrapper .menu-contain{height:100%}header .navbar .open .nav-mobile .menu-wrapper .menu-contain img{width:260px;object-fit:contain;display:block;margin:10px;height:auto}header .navbar .open .nav-mobile .menu-wrapper .menu-contain ul{display:block!important;margin:50px auto;padding-bottom:30px;border-bottom:.5px solid #0c6eff}header .navbar .open .nav-mobile .menu-wrapper .menu-contain ul li{text-align:left;padding:10px 10%!important;list-style:none;margin:auto}header .navbar .open .nav-mobile .menu-wrapper .menu-contain ul li a{outline:none;text-decoration:none;color:#2b2c2d;font-family:Roboto,sans-serif;font-size:1.5rem}}.home-section{width:100%;position:relative;z-index:100}.home-section .banner{position:relative;width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;background-color:#0a0a0a}.home-section .banner .bannerOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.25) 60%,rgba(0,0,0,0));z-index:2}.home-section .banner .bannerContent{position:relative;z-index:3;width:100%;max-width:1200px;padding:60px 40px;margin:0 auto}.home-section .banner .bannerContent .gridContainer{max-width:100%;margin:0;display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}.home-section .banner .bannerContent .gridContainer .textSection{padding:0;height:auto;display:block;visibility:visible;animation-name:fadeInUp;animation-duration:.8s;animation-delay:1.5s;animation-fill-mode:both}.home-section .banner .bannerContent .gridContainer .textSection h2{font-family:Roboto,sans-serif;font-size:2.5rem;color:#fff;padding-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.home-section .banner .bannerContent .gridContainer .textSection p{color:#fff;font-size:1.25rem;font-family:Roboto,sans-serif;text-shadow:0 1px 5px rgba(0,0,0,.5);max-width:600px}.home-section .banner .bannerContent .gridContainer .textSection button{display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;background-color:#0c6eff;color:#fff;border:none;border-radius:20px;font-size:18px;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3);margin:30px 0;cursor:pointer;transition:all .3s ease}.home-section .banner .bannerContent .gridContainer .textSection button:hover{background-color:#193a6b;animation:zoom 1s infinite}@media screen and (max-width:1200px){.home-section .banner .bannerContent{padding:50px 30px}.home-section .banner .bannerContent .gridContainer .textSection h2{font-size:2rem}.home-section .banner .bannerContent .gridContainer .textSection p{font-size:calc(1.25rem - 2px)}}@media screen and (min-width:769px){.home-section .banner{margin-top:50px}}@media screen and (max-width:768px){.home-section .banner{min-height:500px}.home-section .banner .bannerOverlay{background:rgba(0,0,0,.3)}.home-section .banner .bannerContent{padding:40px 20px}.home-section .banner .bannerContent .gridContainer .textSection h2{font-size:2rem;padding-bottom:15px}.home-section .banner .bannerContent .gridContainer .textSection p{font-size:1rem}.home-section .banner .bannerContent .gridContainer .textSection button{margin:20px 0}}@media screen and (max-width:500px){.home-section .banner{min-height:450px}.home-section .banner .bannerOverlay{background:rgba(0,0,0,.3)}.home-section .banner .bannerContent{padding:30px 15px}.home-section .banner .bannerContent .gridContainer .textSection h2{font-size:1.75rem;padding-bottom:12px}.home-section .banner .bannerContent .gridContainer .textSection p{font-size:1rem;max-width:100%}.home-section .banner .bannerContent .gridContainer .textSection button{font-size:16px;padding:8px 12px}}.info-section{width:100%;min-width:1200px;position:relative;z-index:100;height:auto;visibility:visible;animation-name:fadeInUp;animation-duration:.5s;animation-delay:1s;animation-fill-mode:both}.info-section .gridContainer{max-width:1200px;margin:150px auto;display:grid;grid-template-columns:1fr 1.5fr;grid-gap:3%;gap:3%}.info-section .gridContainer .textSection{padding-left:40px;height:300px;display:block;margin:auto}.info-section .gridContainer .textSection h2{font-family:Roboto,sans-serif;font-size:1.5rem;color:#193a6b;padding-bottom:20px}.info-section .gridContainer .textSection p{color:#000;font-size:1.25rem;font-family:Roboto,sans-serif}.info-section .gridContainer .textSection button{display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;background-color:#0c6eff;color:#fff;border:none;border-radius:20px;font-size:18px;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3);margin:30px 0;cursor:pointer}.info-section .gridContainer .textSection button:hover{background-color:#193a6b;animation:zoom 1s infinite}.info-section .gridContainer .imageSection img{display:block;margin:auto;object-fit:cover;width:90%;min-height:500px;border-radius:15px;box-shadow:8px 8px 16px 4px rgba(193,193,193,.3)}@media screen and (max-width:500px){.info-section{min-width:300px}.info-section .gridContainer{max-width:1200px;margin:150px auto 40px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px}.info-section .gridContainer .textSection{padding:0 20px;grid-row-start:2}.info-section .gridContainer .textSection h2{font-size:1.5rem}.info-section .gridContainer .textSection p{font-size:1rem}.info-section .gridContainer .imageSection img{width:85%;min-height:400px}}.costumersContainer{width:90%;margin:auto;height:auto;overflow:hidden;padding-top:auto}.costumersContainer .title h3{font-size:3.5rem;color:#2b2c2d;text-align:center;margin:40px 0}.costumersContainer .title h3 span{color:#0c6eff}.costumersContainer .carousel{display:flex;justify-content:space-between;margin-top:50px;gap:80px;animation:moverLateral 20s linear infinite}.costumersContainer .carousel .images img{filter:grayscale(100%);border-radius:15px;opacity:.5;width:auto;height:70px}@media screen and (max-width:500px){.costumersContainer{width:90%;margin:auto;height:auto;overflow:hidden}.costumersContainer .title h3{font-size:2rem}.costumersContainer .title h3 span{color:#0c6eff}}.servicesSection{padding-top:50px;width:100%;height:auto;margin:30px auto 200px}.servicesSection .headContainer{width:80%;margin:50px auto;padding:0 30px}.servicesSection .headContainer h3{font-size:3.5rem;color:#2b2c2d;text-align:center;margin:20px 0}.servicesSection .headContainer h3 span{color:#0c6eff}.servicesSection .headContainer p{text-align:center;margin-top:70px;font-size:1.25rem}.servicesSection .scroll #product-1{visibility:visible;animation-name:fadeInLeft;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:both}.servicesSection .scroll #product-2{visibility:visible;animation-name:fadeInUp;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:both}.servicesSection .scroll #product-3{visibility:visible;animation-name:fadeInLeft;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.servicesSection .scroll #product-4{visibility:visible;animation-name:fadeInUp;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.servicesSection .scroll #product-5{visibility:visible;animation-name:fadeInLeft;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.servicesSection .scroll #product-6{animation-duration:1s;animation-delay:1s}.servicesSection .scroll #product-7{visibility:visible;animation-name:fadeInLeft;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.servicesSection .scroll #product-8{visibility:visible;animation-name:fadeInUp;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.servicesSection .scroll #product-5,.servicesSection .scroll #product-7{visibility:visible;animation-name:fadeInLeft;animation-duration:2s;animation-delay:2s;animation-fill-mode:both}.servicesSection .scroll #product-6{visibility:visible;animation-name:fadeInUp;animation-duration:2s;animation-delay:2s;animation-fill-mode:both}.servicesSection .gridContainer{display:grid;grid-template-columns:50% 50%;grid-gap:40px;gap:40px;max-width:1200px;height:auto;margin:120px auto}.servicesSection .gridContainer #product-1,.servicesSection .gridContainer #product-4,.servicesSection .gridContainer #product-5,.servicesSection .gridContainer #product-7{background-color:#0c6eff}.servicesSection .gridContainer #product-1 h3,.servicesSection .gridContainer #product-4 h3,.servicesSection .gridContainer #product-5 h3,.servicesSection .gridContainer #product-7 h3{font-family:Roboto,sans-serif;font-size:1.75rem;color:#fff!important;padding-bottom:20px;text-align:center}.servicesSection .gridContainer #product-1 p,.servicesSection .gridContainer #product-4 p,.servicesSection .gridContainer #product-5 p,.servicesSection .gridContainer #product-7 p{color:#fff!important;font-size:1rem;font-family:Roboto,sans-serif;text-align:justify}.servicesSection .gridContainer #product-1 .serviceButton,.servicesSection .gridContainer #product-4 .serviceButton,.servicesSection .gridContainer #product-5 .serviceButton,.servicesSection .gridContainer #product-7 .serviceButton{display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;margin:30px auto;background-color:#fff;color:#0c6eff;border:none;border-radius:20px;font-size:18px}.servicesSection .gridContainer #product-2,.servicesSection .gridContainer #product-3,.servicesSection .gridContainer #product-6{background-color:#f5f5f5}.servicesSection .gridContainer #product-2 h3,.servicesSection .gridContainer #product-3 h3,.servicesSection .gridContainer #product-6 h3{font-family:Roboto,sans-serif;font-size:1.75rem;padding-bottom:20px;text-align:center}.servicesSection .gridContainer #product-2 p,.servicesSection .gridContainer #product-3 p,.servicesSection .gridContainer #product-6 p{font-size:1rem;font-family:Roboto,sans-serif;text-align:justify}.servicesSection .gridContainer .serviceItem{position:relative;width:100%;height:auto;padding:50px;border-radius:30px;box-shadow:8px 8px 16px 4px rgba(193,193,193,.3);visibility:visible;animation-name:reverseFadeInUp;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:both}.servicesSection .gridContainer .serviceItem h3{font-family:Roboto,sans-serif;font-size:1.75rem;color:#193a6b;padding-bottom:20px}.servicesSection .gridContainer .serviceItem p{color:#000;font-size:1.25rem;font-family:Roboto,sans-serif;margin-bottom:45px}.servicesSection .gridContainer .serviceItem img{display:block;width:80%;height:60%;object-fit:cover;border-radius:10px;margin:20px auto}.servicesSection .gridContainer .serviceItem .serviceButton{display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;margin:30px auto;background-color:#0c6eff;color:#fff;border:none;border-radius:20px;font-size:18px;cursor:pointer;text-decoration:none}.servicesSection .gridContainer .serviceItem a:hover{background-color:#193a6b;animation:zoom 1s infinite}@media screen and (max-width:768px){.servicesSection{width:100%;max-width:100%;min-width:auto;min-height:auto!important;height:auto!important;overflow-x:visible;margin:30px auto 80px!important}.servicesSection .headContainer{width:100%;margin:40px auto;padding:0 20px}.servicesSection .headContainer h3{font-size:2rem}.servicesSection .headContainer h3 span{color:#0c6eff}.servicesSection .headContainer p{margin-top:30px;font-size:1.25rem}.servicesSection .gridContainer{display:grid;grid-template-columns:1fr;grid-gap:1%;gap:1%;width:100%;max-width:100%;min-height:auto!important;height:auto!important;padding:0 10px;margin:40px auto;grid-gap:20px;gap:20px}.servicesSection .gridContainer #product-2,.servicesSection .gridContainer #product-4{margin-top:0}.servicesSection .gridContainer .serviceItem{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:30px}.servicesSection .gridContainer .serviceItem p{margin-bottom:20px;word-wrap:break-word}.servicesSection .gridContainer .serviceItem>span{width:100%!important;max-width:100%!important;display:block!important}.servicesSection .gridContainer .serviceItem .serviceImage,.servicesSection .gridContainer .serviceItem img{width:100%!important;max-width:100%!important;height:auto!important;display:block}}.suppliesMaterialSection{padding-top:50px;width:100%;height:auto;margin:30px auto 200px}.suppliesMaterialSection .headContainer{width:80%;margin:50px auto;padding:0 30px}.suppliesMaterialSection .headContainer h3{font-size:3.5rem;color:#2b2c2d;text-align:center;margin:20px 0}.suppliesMaterialSection .headContainer h3 span{color:#0c6eff}.suppliesMaterialSection .headContainer p{text-align:center;margin-top:70px;font-size:1.25rem}.suppliesMaterialSection .carouselContainer{display:flex;align-items:center;justify-content:center;gap:30px;margin:80px auto;max-width:1400px;position:relative;padding:0 20px}.suppliesMaterialSection .carouselContainer .navButton{background-color:#0c6eff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3)}.suppliesMaterialSection .carouselContainer .navButton:hover{background-color:#193a6b;transform:scale(1.1)}.suppliesMaterialSection .carouselContainer .navButton:disabled{opacity:.5;cursor:not-allowed}.suppliesMaterialSection .carouselContainer .prevButton{order:-1}.suppliesMaterialSection .carouselContainer .nextButton{order:3}.suppliesMaterialSection .carouselContainer .slidesWrapper{width:100%;overflow:hidden;order:2}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;transition:transform .5s ease-in-out;width:100%}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard:hover{transform:translateY(-10px);box-shadow:10px 10px 20px 5px rgba(193,193,193,.3)}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard:hover .cardImage img{transform:scale(1.05)}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardImage{width:100%;height:250px;overflow:hidden;background-color:#f0f0f0}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent{padding:25px;display:flex;flex-direction:column;flex-grow:1}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent h4{font-family:Roboto,sans-serif;font-size:1.5rem;color:#193a6b;margin-bottom:15px;line-height:1.3}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent p{font-family:Roboto,sans-serif;font-size:1rem;color:#2b2c2d;margin-bottom:20px;flex-grow:1;line-height:1.5}.suppliesMaterialSection .dotsContainer{display:flex;justify-content:center;gap:10px;margin-top:40px;margin-bottom:20px}.suppliesMaterialSection .dotsContainer .dot{width:12px;height:12px;border-radius:50%;border:2px solid #0c6eff;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease}.suppliesMaterialSection .dotsContainer .dot.active{background-color:#0c6eff}.suppliesMaterialSection .dotsContainer .dot:hover{transform:scale(1.2)}.suppliesMaterialSection .ctaContainer{display:flex;justify-content:center;margin-top:20px}.suppliesMaterialSection .contactCtaButton{background-color:#0c6eff;color:#fff;border:none;border-radius:30px;padding:15px 30px;font-size:1rem;font-family:Roboto,sans-serif;cursor:pointer;box-shadow:6px 6px 12px 3px rgba(193,193,193,.3);transition:all .3s ease}.suppliesMaterialSection .contactCtaButton:hover{background-color:#193a6b;transform:translateY(-2px)}.suppliesMaterialSection .loading{text-align:center;font-size:1.25rem;color:#2b2c2d;padding:60px 20px}@media screen and (max-width:1200px){.suppliesMaterialSection .carouselContainer{gap:20px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides{grid-template-columns:repeat(2,1fr);gap:20px}.suppliesMaterialSection .carouselContainer .navButton{width:45px;height:45px;font-size:20px}.suppliesMaterialSection .headContainer{width:85%}.suppliesMaterialSection .headContainer h3{font-size:2rem}.suppliesMaterialSection .headContainer p{font-size:1.25rem}}@media screen and (max-width:768px){.suppliesMaterialSection{margin:30px auto 100px}.suppliesMaterialSection .carouselContainer{gap:15px;padding:0 10px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides{grid-template-columns:1fr;gap:15px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardImage{height:200px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent{padding:20px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent h4{font-size:1.25rem;margin-bottom:10px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent p{font-size:1rem;margin-bottom:15px}.suppliesMaterialSection .carouselContainer .navButton{width:40px;height:40px;font-size:18px}.suppliesMaterialSection .headContainer{width:90%;margin:30px auto;padding:0 15px}.suppliesMaterialSection .headContainer h3{font-size:1.75rem;margin:15px 0}.suppliesMaterialSection .headContainer p{margin-top:20px;font-size:1rem}.suppliesMaterialSection .dotsContainer{margin-top:30px;margin-bottom:40px}.suppliesMaterialSection .dotsContainer .dot{width:10px;height:10px}}@media screen and (max-width:500px){.suppliesMaterialSection{padding-top:30px;margin:20px auto 80px}.suppliesMaterialSection .carouselContainer{gap:10px;padding:0 5px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardImage{height:150px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent{padding:15px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent h4{font-size:1.25rem;margin-bottom:8px}.suppliesMaterialSection .carouselContainer .slidesWrapper .slides .materialCard .cardContent p{font-size:13px;margin-bottom:12px}.suppliesMaterialSection .carouselContainer .navButton{width:35px;height:35px;font-size:16px}.suppliesMaterialSection .headContainer{width:95%;margin:20px auto;padding:0 10px}.suppliesMaterialSection .headContainer h3{font-size:1.5rem;margin:10px 0}.suppliesMaterialSection .headContainer p{margin-top:15px;font-size:1rem}.suppliesMaterialSection .dotsContainer{margin-top:20px;margin-bottom:30px}.suppliesMaterialSection .dotsContainer .dot{width:8px;height:8px}}.ContactForm{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:3000;display:flex;align-items:center;justify-content:center}.ContactForm .gridConten .infoContactFrom h4{font-family:Roboto,sans-serif;font-size:1.5rem;color:#193a6b}.ContactForm .gridConten .infoContactFrom p{font-size:1rem;color:#2b2c2d;margin:20px 0}.ContactForm .gridConten .infoContactFrom .send-ok{display:block!important}.ContactForm .gridConten .infoContactFrom .send{position:absolute;bottom:110px;width:200px;display:none}.ContactForm .gridConten .infoContactFrom .send p{font-size:1rem;font-weight:600;color:#0c6eff}.ContactForm .gridConten{position:relative;top:20px;width:70%;height:auto;max-height:100vh;flex-direction:row;background-color:#fff;border-radius:30px;padding:50px;box-shadow:10px 10px 20px 5px rgba(193,193,193,.3);display:grid;grid-template-columns:1fr 1.5fr;grid-gap:4%;gap:4%}.ContactForm .gridConten form label{display:grid;margin:10px auto;color:#2b2c2d;font-family:Bebas Neue,sans-serif}.ContactForm .gridConten form input,.ContactForm .gridConten form textarea{margin-top:10px;border:none;border-radius:10px;padding:10px;font-family:Roboto,sans-serif;box-shadow:3px 3px 6px 1.5px rgba(193,193,193,.3)}.ContactForm .gridConten form button{display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;background-color:#0c6eff;color:#fff;border:none;border-radius:20px;font-size:18px;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3);margin:20px 0;cursor:pointer}.ContactForm .gridConten form button:hover{animation:zoom .5s infinite}.ContactForm #close-button{position:absolute;top:30px;right:30px;display:block;width:-moz-fit-content;width:fit-content;padding:10px 15px;margin:30px auto;background-color:#2b2c2d;color:#fff;border:none;border-radius:20px;font-size:14px;box-shadow:5px 5px 10px 2.5px rgba(193,193,193,.3);cursor:pointer}.ContactForm #close-button:hover{animation:zoom .5s infinite}@media screen and (max-width:500px){.gridConten{display:block!important}.gridConten .infoContactFrom span{display:none}.gridConten .infoContactFrom .send-ok{display:block!important;right:25px!important;bottom:25px!important;width:130px!important}.gridConten .infoContactFrom .send-ok p{font-size:15px!important;font-weight:400!important}}footer{width:100%;height:auto;background:#0c6eff}footer .gridContainer{width:100%;height:100%;display:grid;grid-template-rows:repeat(3,1fr);grid-gap:5px;gap:5px}footer .gridContainer .navItem{width:70%;margin:auto;padding:20px}footer .gridContainer .navItem ul{max-width:90%;height:80px;display:flex;justify-content:space-between;margin:auto}footer .gridContainer .navItem ul li{list-style:none;margin:auto}footer .gridContainer .navItem ul li a{outline:none;text-decoration:none;color:#fff;font-family:Roboto,sans-serif}footer .gridContainer .navItem ul li a:hover{padding:28px 0;color:#fff;border-bottom:solid #fff;transition:height .3s ease}footer .gridContainer .mainSection{width:60%;margin:auto;padding:50px 0;border-top:.2px solid #639df3;border-bottom:.2px solid #639df3}footer .gridContainer .mainSection .social{width:80%;margin:auto;display:flex;justify-content:space-around}footer .gridContainer .mainSection .social img{width:40px;height:auto}footer .gridContainer .credits p{padding-top:60px;font-size:1.25rem;text-align:center;color:#fff}@media screen and (max-width:500px){footer .gridContainer{grid-template-rows:300px 150px 150px}footer .gridContainer .navItem{width:90%;padding:20px 50px 0}footer .gridContainer .navItem ul{display:block!important;margin:auto;height:auto!important}footer .gridContainer .navItem ul li{text-align:center;padding:10px 10%!important;list-style:none;margin:auto}footer .gridContainer .navItem ul li a{outline:none;text-decoration:none;color:#fff;font-family:Roboto,sans-serif;font-size:1rem}footer .gridContainer .mainSection{width:90%}footer .gridContainer .mainSection .social{width:80%;margin:auto;display:flex;justify-content:space-around}footer .gridContainer .mainSection .social img{width:30px}footer .gridContainer .credits{width:80%;margin:auto}footer .gridContainer .credits p{padding-top:10px;font-size:.9rem}}