.navbar{backdrop-filter:blur(8px)}.navbar .nav-link{color:#000}.navbar .nav-link:hover{color:#faff00}#body.showHighNav .navbar{border-bottom:3px solid #fff}.navbar-brand{display:flex}.navbar-brand .logo-name{flex-direction:column;justify-content:center;margin-left:10px;font-size:12px;display:flex}canvas{z-index:1;width:100%;height:100%;position:fixed;top:0}section{width:100%}section .section-details{text-align:center;margin:0 5%;padding-top:7vh}section .section-details h3{font-weight:700}section#hero{background-color:#42c6ff;background-image:radial-gradient(circle at 100% 0,#79449a21,#0000),radial-gradient(circle at 20% 80%,#29c4ff21,#0000);padding:7% 0}section#hero .h-details,section#hero .h-img{pointer-events:none;z-index:10}section#hero .row{justify-content:center;align-items:center}section#hero .row .details{margin-left:10%;margin-right:45%}section#hero .row .details h1{font-size:2.5vw;font-weight:700}section#hero .row .details .a-input-group{margin-top:15%}section#services{background:#0093d2;flex-direction:column;display:flex}section#services .section-details{color:#fff}section#services .services-wrapper{flex-wrap:wrap;justify-content:space-around;margin:0 15%;display:flex}section#services .services-wrapper .service{cursor:pointer;z-index:10;width:200px;height:300px;margin-top:10%;margin-bottom:15%;position:relative}section#services .services-wrapper .service .s-shadow{background:#808080b0;border-radius:20px;width:100%;height:100%}section#services .services-wrapper .service .s-details{text-align:center;background:red;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:40px;transition:left .6s,top .6s;display:flex;position:absolute;top:20px;left:20px}section#services .services-wrapper .service .s-details img{width:100%}section#services .services-wrapper .service .s-details h5{text-align:left;font-weight:700}section#services .services-wrapper .service:hover .s-details{top:0;left:0}section#services .services-wrapper .service:first-child .s-details{color:#fff;background:linear-gradient(#d92828 0%,#ff000094 100%)}section#services .services-wrapper .service:nth-child(2) .s-details{background:linear-gradient(#faff00 0%,#faff0094 100%)}section#services .services-wrapper .service:last-child .s-details{background:linear-gradient(#fffcfc 0%,#ffffffad 100%);margin-right:0}section#portfolio{background:#00a3ff33;flex-direction:column;display:flex}section#portfolio .portfolio-wrapper{flex-wrap:wrap;justify-content:center;margin:5%;display:flex}section#portfolio .portfolio-wrapper .box{background:#fff;border:1px solid #000;border-radius:20px;width:180px;height:180px;margin-bottom:3%;margin-right:2%;box-shadow:0 20px 4px #00000040}section#testimonials{background:#42c6ff;flex-direction:column;display:flex}section#testimonials .testimonials-wrapper{flex-wrap:wrap;justify-content:space-between;margin:4% 10%;display:flex}section#testimonials .testimonials-wrapper .testimonial{width:45%;height:300px;margin-bottom:8%;display:flex;position:relative}section#testimonials .testimonials-wrapper .testimonial:last-child,section#testimonials .testimonials-wrapper .testimonial:nth-last-child(2){margin-bottom:0}section#testimonials .testimonials-wrapper .testimonial .stars{color:#fff;font-size:24px;position:absolute;top:7%;right:0}section#testimonials .testimonials-wrapper .testimonial .quote-start,section#testimonials .testimonials-wrapper .testimonial .quote-end{position:absolute;top:0}section#testimonials .testimonials-wrapper .testimonial .quote-end{top:auto;bottom:0;right:0;rotate:180deg}section#testimonials .testimonials-wrapper .testimonial .profile{color:#000;cursor:pointer;z-index:10;align-items:center;text-decoration:none;display:flex;position:absolute;bottom:3%;left:0}section#testimonials .testimonials-wrapper .testimonial .profile img{width:15%;height:15%;margin-right:10px}section#testimonials .testimonials-wrapper .testimonial .profile .p-details{flex-direction:column;justify-content:center;width:50%;font-size:12px;display:flex}section#testimonials .testimonials-wrapper .testimonial .quote{text-align:center;color:#fff;flex:1;justify-content:center;align-items:center;margin:0;display:flex}section#testimonials .btn-wrapper{z-index:10;margin-top:2%;margin-bottom:6%;position:relative}section#contact{color:#fff;background:#0093d2;flex-direction:row;padding:1% 6%;display:flex}section#contact .get-quote,section#contact .img-sect{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;width:50%;display:flex}section#contact .get-quote{margin-top:5%;padding-right:24%}section#contact .get-quote .quote{font-size:12px}section#contact img{width:70%;margin-left:auto}section#contact .copy-right{margin-top:19%;margin-bottom:0;margin-left:10px;font-size:12px}.btn.btn-primary{color:#000;background:#faff00;border:none;border-radius:30px;padding:5px 30px;font-weight:700;transition:all .6s}.btn.btn-primary:hover{color:#faff00;background:#000}.btn.btn-light{border:none;border-radius:30px;padding:5px 30px;font-weight:700;transition:all .6s}.btn.btn-light:hover{color:#fff;background:#000}.nav-link{font-weight:700;padding:8px 20px!important}.a-input-group{z-index:10;pointer-events:all;justify-content:center;align-items:center;display:flex;position:relative}.a-input-group input{height:45px;padding-left:20px;padding-right:20%;font-size:14px}.a-input-group span{color:#000;cursor:pointer;background-color:#faff00;border-radius:50%;justify-content:center;align-items:center;width:40px;height:80%;transition:background-color .5s,color .5s;display:flex;position:absolute;right:5px}.a-input-group span:hover{color:#faff00;background-color:#000}.text-yellow{color:#faff00}.modal-content{backdrop-filter:blur(20px);color:#fff;background:#ffffff40;border-radius:20px 20px 10px 10px}.modal-content .modal-header{border-radius:20px 20px 0 0}.modal-content .modal-header,.modal-content .modal-footer{border:none}.modal-content .form-control{border:3px solid #000}.modal-content .form-control::placeholder{color:#838383}@media (width<=576px){.navbar{backdrop-filter:blur(45px)}canvas{pointer-events:none}section#hero{padding-top:25%;padding-bottom:15%}section#hero .row .h-details{order:2}section#hero .row .h-details .details{margin-left:10%;margin-right:10%}section#hero .row .h-details .details h1{font-size:6.5vw}section#hero .row .h-img{order:1}section#hero .row .h-img img{padding:0 10% 10%}section#services .services-wrapper{margin:10% 20%}section#services .services-wrapper .service:first-child{margin-top:0}section#portfolio .portfolio-wrapper{margin:10% 5%}section#portfolio .portfolio-wrapper .box{width:80%;height:250px;margin-bottom:10%;margin-right:0}section#testimonials .testimonials-wrapper{margin:10%}section#testimonials .testimonials-wrapper .testimonial{width:100%;height:330px}section#testimonials .testimonials-wrapper .testimonial:nth-last-child(2){margin-bottom:8%}section#testimonials .btn-wrapper{margin-top:0;margin-bottom:10%}section#contact{flex-direction:column}section#contact .get-quote{width:100%;margin-top:10%;padding:0}section#contact .get-quote .copy-right{text-align:center;margin-bottom:10%}section#contact .img-sect,section#contact .img-sect img{width:100%}}