body{font-family:'Roboto',Sans-serif;overflow-x:hidden}.navbar{background:white!important;transition:all 0.3s ease;padding:1rem 0;box-shadow:0 2px 10px rgb(0 0 0 / .1);border-top:4px solid #1c9bee}.row{width:100%}.col-sm-4{width:40%}.col-sm-8{width:60%}.company-header-logo{height:50px;width:auto}.contact-info{font-size:1.2rem;float:inline-end}.contact-info a.phone-number{font-weight:700;font-size:1.3rem;color:#333!important}.quote-btn{font-weight:500;padding:.5rem 1.5rem;border-radius:25px;transition:all 0.3s ease;background:linear-gradient(45deg,#2196F3,#00BCD4);border:none;color:#fff}.quote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 123 255 / .3);background:linear-gradient(45deg,#1976D2,#0097A7)}.quote-btn i{font-size:.8em;transition:transform 0.3s ease}.quote-btn:hover i{animation:slideRight 1s infinite}@keyframes slideRight{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}.navbar.scrolled{background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.navbar.scrolled .contact-info a.quote-btn{color:#ffffff!important}.navbar.scrolled .contact-info a.phone-number{color:#000!important}.navbar.scrolled .nav-link{color:#333!important}.navbar.scrolled .navbar-brand text{fill:#333!important}.nav-link{font-weight:500;transition:color 0.3s}.nav-link:hover{color:rgb(255 255 255 / .8)!important}@media (max-width:768px){.navbar .container{flex-direction:column;align-items:center}.contact-info{margin-top:1rem;flex-direction:column;text-align:center}.contact-info a{margin:.5rem 0}.company-header-logo{height:40px}.hero-section{text-align:center}.hero-image{margin-top:2rem}.navbar-toggler{background-color:#fff}.stat-item{margin-bottom:1rem}}.loader{display:none;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero-section{background:linear-gradient(rgb(0 0 0 / .7),rgb(0 0 0 / .7)),url(img/hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;display:flex;align-items:center;padding-top:76px}.hero-title{font-family:"Roboto",Sans-serif;font-size:52px;font-weight:500;color:#FFF}.hero-paragraph{color:#FFF;font-family:"Roboto",Sans-serif;font-weight:400;font-size:1rem}.hero-image{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}.arrow-icon{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(5px)}60%{transform:translateX(3px)}}.hero-cta-btn{background:linear-gradient(45deg,#2196F3,#00BCD4);border:none;padding:1rem 2rem;font-size:1.1rem}.hero-cta-btn:hover{background:linear-gradient(45deg,#1976D2,#0097A7);transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 123 255 / .3)}.service-card{padding:2rem;text-align:center;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s}.service-card:hover{transform:translateY(-10px)}.service-card i{color:#007bff}.stats-section{background-color:#f8f9fa}.stat-item{padding:2rem}.counter{font-size:3rem;font-weight:700;color:#007bff}.client-section{background-color:#F7F7F7;padding:4rem 0}.client-section .section-title{text-align:center;margin-bottom:1.5rem;font-size:36px;font-weight:700;text-transform:uppercase;line-height:48px}.client-section .highlight{color:#2196F3}.client-section .section-description{text-align:center;max-width:800px;margin:0 auto 3rem;line-height:1.8;color:#292929;font-size:18px}.clients-wrapper{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.client-logo{height:120px;display:flex;justify-content:center;align-items:center;padding:1.5rem;border:1px solid #D9D9D9;border-radius:8px;margin:.5rem;transition:all 0.3s ease;background:#fff}.client-logo:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.client-logo img{max-height:80px;max-width:100%;object-fit:contain}.client-logo-container{animation:fadeInUp 1s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-dark{background-image:linear-gradient(180deg,#252525 0%,#333333 100%);padding:4rem 0;color:#fff}.services-dark .section-title{text-align:center;margin-bottom:3rem;font-weight:500;line-height:48px;padding:0 0%}.service-box{border:1px solid rgb(255 255 255 / .3);border-radius:8px;padding:2rem;margin-bottom:2rem;height:100%;transition:all 0.3s ease;background:rgb(255 255 255 / .05)}.service-box:hover{transform:translateY(-5px);border-color:rgb(255 255 255 / .5)}.service-box .icon{font-size:2.5rem;color:#fff;margin-bottom:1.5rem}.service-box h3{font-family:"Roboto",sans-serif;font-weight:500;font-size:1.3rem;color:#fff;margin-bottom:1rem}.service-box p{color:#e0e0e0;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.service-box .cta-link{color:#1c9dee;text-decoration:none;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.service-box .cta-link:hover{color:#ff6b6b}.service-box .cta-link i{transition:transform 0.3s ease}.service-box .cta-link:hover i{transform:translateX(5px)}.services-dark .main-cta{text-align:center;margin-top:3rem}.services-dark .main-cta .quote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 123 255 / .3);background:linear-gradient(45deg,#1976D2,#0097A7)}.services-dark .main-cta .quote-btn i{font-size:.8em;transition:transform 0.3s ease}.services-dark .main-cta .quote-btn:hover i{animation:slideRight 1s infinite}.contact-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.contact-form .form-control{padding:.8rem;border:2px solid #e9ecef;border-radius:8px;transition:all 0.3s ease}.contact-form .form-control:focus{border-color:#2196F3;box-shadow:none}.why-choose-us{background-color:#F7F7F7}.why-choose-heading{font-size:36px;font-weight:700;line-height:1.3;color:#333}.why-choose-heading .highlight{color:#2196F3}.why-choose-description{font-size:18px;line-height:1.8;color:#555}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.feature-list i{color:#303030;font-size:1.5rem;transition:color 0.3s;flex-shrink:0;margin-top:.25rem}.feature-list li:hover i{color:#2196F3}.feature-list span{font-size:16px;line-height:1.6;color:#555}.contact-form-wrapper{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 0 10px 0 rgb(0 0 0 / .19)}.contact-form-wrapper h3{font-size:24px;font-weight:600;color:#333;text-align:center}.submit-btn{background:linear-gradient(45deg,#2196F3,#00BCD4);border:none;padding:1rem;font-weight:500;transition:all 0.3s ease}.submit-btn:hover{background:linear-gradient(45deg,#1976D2,#0097A7);transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 123 255 / .3)}.portfolio-section{background-color:#fff;padding:80px 0}.portfolio-heading{font-size:36px;font-weight:700;text-transform:uppercase;line-height:48px;color:#333}.portfolio-heading .highlight{color:#2196F3}.portfolio-description{max-width:800px;margin:0 auto;color:#292929;font-size:18px;line-height:1.8}.portfolio-item{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease;height:281px}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{width:100%;height:281px;object-fit:cover;object-position:top;border-radius:15px;transition:transform 0.3s ease}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(33 150 243 / .9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;border-radius:15px}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-content{text-align:center;color:#fff;padding:20px}.portfolio-content h3{font-size:24px;font-weight:600;margin-bottom:10px}.portfolio-content p{font-size:16px;margin-bottom:20px}.portfolio-content .btn{padding:8px 25px;border-radius:25px;font-weight:500;transition:all 0.3s ease}.portfolio-content .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(255 255 255 / .2)}.portfolio-cta{text-align:center;margin-top:4rem}.portfolio-cta h3{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#333}.portfolio-cta h3 .highlight{color:#1b9ced}.contact-us-btn{display:inline-block;padding:.8rem 2rem;background:linear-gradient(45deg,#2196F3,#00BCD4);color:#fff;border-radius:25px;text-decoration:none;font-weight:500;transition:all 0.3s ease}.contact-us-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 123 255 / .3);color:#fff}.testimonials-section{background-color:#fff;padding:80px 0}.testimonials-heading{font-size:36px;font-weight:700;text-transform:uppercase;line-height:48px;color:#333}.testimonials-heading .rating{color:#2196F3}.testimonials-description{max-width:800px;margin:0 auto;color:#292929;font-size:18px;line-height:1.8}.testimonial-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease;height:100%}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-image{width:60px;height:60px;border-radius:50%;object-fit:cover}.testimonial-header h5{font-size:1.1rem;font-weight:600;color:#333}.rating-stars{color:gold;font-size:1rem;letter-spacing:2px}.testimonial-text{color:#666;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.testimonials-heading{font-size:28px;line-height:38px}.testimonials-description{font-size:16px}.testimonial-card{margin-bottom:1.5rem}}.certifications-section{background-color:#fff;padding:80px 0}.certifications-heading{font-size:36px;font-weight:700;text-transform:uppercase;line-height:48px;color:#333;margin-bottom:3rem}.certifications-heading .highlight{color:#1b9ced}.certification-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease}.certification-card:hover{transform:translateY(-5px)}.certification-image{max-height:150px;object-fit:contain;margin-bottom:1rem}.certification-details h5{color:#333;font-size:18px;font-weight:600;margin-bottom:.5rem}.certification-details p{color:#666;font-size:16px;margin:0}@media (max-width:768px){.certifications-heading{font-size:28px;line-height:38px}.certification-card{margin-bottom:1.5rem}}.footer-section{background-color:#333;color:#fff;padding:4rem 0}.footer-section h2{font-size:28px;font-weight:600;margin-bottom:2rem}.footer-faqs details{margin-bottom:1rem;border-bottom:1px solid rgb(255 255 255 / .1)}.footer-faqs summary{padding:1rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.footer-faqs summary::-webkit-details-marker{display:none}.footer-faqs summary::after{content:'+';font-size:1.5rem;color:#fff}.footer-faqs details[open] summary::after{content:'-'}.footer-faqs details p{padding:1rem 0;color:#ccc;line-height:1.6}.footer-contact{padding-left:3rem}.footer-contact p{margin-bottom:2rem;color:#ccc;line-height:1.6}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem;color:#fff;text-decoration:none}.contact-item i{margin-right:1rem;font-size:1.5rem}.footer-logo{max-width:200px;margin-top:2rem}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .1);color:#ccc;font-size:.9rem}@media (max-width:768px){.footer-contact{padding-left:0;margin-top:2rem}}@media (max-width:1200px){.hero-title{font-size:42px}.section-title{font-size:32px;padding:0 5%}.why-choose-heading{font-size:32px}}@media (max-width:992px){.container{padding-left:20px;padding-right:20px}.hero-title{font-size:36px}.hero-paragraph{font-size:.9rem}.service-box{padding:1.5rem}.service-box h3{font-size:1.1rem}.service-box p{font-size:.85rem}.why-choose-heading{font-size:28px}.why-choose-description{font-size:16px}.feature-list li{font-size:.9rem}.portfolio-heading{font-size:28px}.testimonials-heading{font-size:28px}.certifications-heading{font-size:28px}}@media (max-width:768px){.navbar{border-top:4px solid #0caedf;padding:0;height:62px}.navbar .container{flex-direction:column;padding:0}.contact-info{flex-direction:column;align-items:center;margin-top:0}.contact-info a{margin:.5rem 0}.company-header-logo{height:40px;margin-top:9px}.hero-section{text-align:center;padding-top:120px}.hero-title{font-size:32px}.hero-image{margin-top:2rem}.service-box{margin-bottom:1rem}.why-choose-us .row{flex-direction:column}.contact-form-wrapper{margin-top:2rem}.portfolio-item{margin-bottom:1.5rem}.portfolio-cta h3{font-size:1.5rem}.testimonial-card{margin-bottom:1.5rem}.certification-card{margin-bottom:1.5rem}.footer-contact{padding-left:0;margin-top:2rem}.footer-faqs summary{font-size:.9rem}.contact-item{font-size:.9rem}.footer-logo{max-width:150px}}@media (max-width:576px){.hero-title{font-size:28px}.section-title{font-size:24px}.hero-cta-btn{padding:.8rem 1.5rem;font-size:1rem}.service-box{padding:1rem}.why-choose-heading{text-align:center;font-size:30px;line-height:1.4em}.services-dark .section-title{text-align:center;margin-bottom:3.5rem;font-size:30px;font-weight:500;text-transform:unset;line-height:48px;padding:0 0}.feature-list li{font-size:.85rem}.portfolio-heading{font-size:24px}.portfolio-cta h3{font-size:1.2rem}.testimonials-heading{font-size:24px}.certifications-heading{font-size:24px}.footer-section h2{font-size:24px}.contact-item i{font-size:1.2rem}}@media (min-width:769px) and (max-width:991px){.hero-title{font-size:38px}.service-box{min-height:300px}.why-choose-us .contact-form-wrapper{max-width:80%;margin:0 auto}.portfolio-item{height:300px}.testimonial-card{min-height:250px}.certification-card{max-width:80%;margin:0 auto 1.5rem}}@media (max-width:768px){body{font-size:14px}h1,h2,h3,h4,h5,h6{line-height:1.3}.section-description{font-size:.9rem}.counter{font-size:2.5rem}}@media (max-width:768px){.portfolio-item img,.testimonial-image,.certification-image,.client-logo img{max-width:100%;height:auto}.client-logo{height:94px;padding:1rem}}@media (max-width:768px){section{padding:40px 0}.container{padding-left:15px;padding-right:15px}.row{margin-left:-10px;margin-right:-10px}[class*="col-"]{padding-left:10px;padding-right:10px}}@media (max-width:991px){.navbar-collapse{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.nav-link{padding:.5rem 1rem;border-radius:4px}.nav-link:hover{background:rgb(0 0 0 / .05)}}