:root{--primary-color:#0045FF;--secondary-color:#BD29F2;--dark-color:#00152e;--light-color:#FFFFFF;--gray-color:#F1F8FB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;color:#333;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:'Barlow Condensed',sans-serif;font-weight:600;margin-bottom:15px}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.container-full{width:100%;max-width:1600px;margin:0 auto;padding:0 15px}.container-portfolio{width:100% !important;max-width:100% !important}.btn{display:inline-flex;align-items:center;padding:12px 30px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;text-decoration:none;border-radius:5px;font-weight:500;transition:all 0.3s ease;border:none;cursor:pointer}.btn:hover{background:linear-gradient(270deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:0px 10px 40px 0px rgba(35,52,222,0.2);transform:translateY(-2px)}.btn i{margin-left:10px}.section-padding{padding:80px 0}.text-center{text-align:center}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:white;display:flex;justify-content:center;align-items:center;z-index:9999}.header-area{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all 0.3s ease}.header-top-area{background:linear-gradient(120deg,#2334DE 0%,#0F165F 100%);padding:10px 0;color:white;font-size:14px}.header-top-content{display:flex;justify-content:space-between;align-items:center}.contact-info{gap:30px}.contact-info span{display:flex;align-items:center;gap:8px}.social-icons{display:flex;gap:10px}.social-icons a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:white;color:var(--primary-color);border-radius:3px;transition:all 0.3s ease}.social-icons a:hover{background:var(--primary-color);color:white}.mainmenu-area{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);transition:all 0.3s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo img{height:40px;width:auto}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu li a{color:white;text-decoration:none;font-weight:500;transition:color 0.3s ease}.nav-menu li a:hover{color:var(--primary-color)}.header-action{display:flex;align-items:center;gap:15px}.search-button{color:white;font-size:18px;cursor:pointer}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:white;margin:3px 0;transition:0.3s}.hero-section{height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.slide-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,#000000 100%);opacity:0.5}.slide-content{position:relative;z-index:2;color:white;max-width:800px;margin:0 auto;text-align:center;padding:0 15px;margin-top:5%;padding-top:15%}.slide-subtitle{display:inline-block;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;position:relative}.slide-subtitle::before,.slide-subtitle::after{content:'';position:absolute;top:50%;width:30px;height:2px;background:white}.slide-subtitle::before{right:calc(100% + 10px)}.slide-subtitle::after{left:calc(100% + 10px)}.slide-title{font-size:80px;line-height:1.1;margin-bottom:30px}.slide-description{font-size:18px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.slide-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.slide-buttons .btn-secondary{background:white;color:var(--primary-color)}.slide-buttons .btn-secondary:hover{background:var(--primary-color);color:white}.hero-nav{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;z-index:3}.hero-dots{display:flex;gap:10px}.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease}.hero-dot.active{background:white;transform:scale(1.2)}.services-section{background:var(--gray-color)}.section-title{text-align:center;margin-bottom:60px}.section-subtitle{color:var(--primary-color);font-size:xx-large;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;display:inline-block;position:relative}.section-subtitle::before,.section-subtitle::after{content:'';position:absolute;top:50%;width:30px;height:2px;background:var(--primary-color)}.section-subtitle::before{right:calc(100% + 10px)}.section-subtitle::after{left:calc(100% + 10px)}.section-heading{font-size:60px;line-height:1}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-box{background:white;padding:30px;border-radius:20px;box-shadow:0px 10px 20px 0px rgba(0,69,255,0.06);text-align:center;transition:all 0.6s ease;position:relative;overflow:hidden}.service-box::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(170deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:1;transition:all 0.6s ease;z-index:1}.service-box:hover::before{height:100%}.service-box:hover{color:white}.service-box>*{position:relative;z-index:2}.service-icon{width:80px;height:80px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;font-size:40px;transition:all 0.6s ease}.service-box:hover .service-icon{background:white;color:var(--primary-color)}.service-title{font-size:28px;line-height:1.3;margin-bottom:15px}.service-description{color:#666}.service-box:hover .service-description{color:rgba(255,255,255,0.9)}.stats-section{background:url('/img/abs_bg_2.webp') center center/cover;background-color:#2334DE;position:relative}.stats-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:0.6}.stats-container{position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-box{text-align:center;color:white}.stat-icon{font-size:40px;margin-bottom:10px}.stat-number{font-size:42px;font-weight:500;margin-bottom:5px}.stat-title{text-transform:capitalize}.about-content{display:flex;align-items:center;gap:35px}.about-image{flex:1}.about-image img{width:100%;border-radius:10px}.about-text{flex:1}.about-text .section-heading{font-size:52px;line-height:1.3;margin-bottom:20px}.about-text .section-heading span{color:var(--primary-color)}.feature-list{list-style:none;margin-bottom:30px}.feature-list li{display:flex;align-items:flex-start;margin-bottom:15px}.feature-list li i{color:var(--primary-color);margin-right:10px;margin-top:5px}.portfolio-section{background:white}.portfolio-page{padding-top:5%;}.portfolio-filter{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{background:none;border:none;padding:5px 10px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#052478;cursor:pointer;transition:color 0.3s ease}.filter-btn.active,.filter-btn:hover{color:var(--primary-color)}.portfolio-grid{display:grid;gap:30px}.portfolio-item{background:var(--gray-color);border-radius:10px;overflow:hidden;transition:transform 0.3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image{width:100%;height:250px;background-size:cover;background-position:center}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-title{font-size:26px;line-height:1.3;margin-bottom:10px}.portfolio-title a{color:inherit;text-decoration:none}.portfolio-category{display:inline-block;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:5px 10px;border-radius:3px;font-size:14px;position:absolute;bottom:2px;left:2%}.portfolio-content{position:relative;padding-bottom:40px}.project-detail-section{background:white;min-height:100vh;padding-top:120px}.btn-back{display:inline-flex;align-items:center;padding:10px 20px;background:var(--primary-color);color:white;text-decoration:none;border-radius:5px;margin-bottom:30px;transition:all 0.3s ease}.btn-back:hover{background:var(--secondary-color);transform:translateX(-5px)}.btn-back i{margin-right:10px}.project-title{font-size:48px;margin-bottom:40px;color:var(--dark-color)}.project-content{line-height:1.8}.project-hero{background:var(--gray-color);padding:40px;border-radius:10px;margin-bottom:40px}.project-hero h2{font-size:36px;color:var(--primary-color);margin-bottom:15px}.project-hero p{font-size:18px;color:#666}.project-description h3{font-size:28px;color:var(--dark-color);margin:30px 0 15px 0}.project-description ul{margin-left:20px;margin-bottom:20px}.project-description li{margin-bottom:8px}.no-projects{text-align:center;padding:60px 0;color:#666}.no-projects p{font-size:18px}.contact-section{background:linear-gradient(180deg,#FFFFFF 50%,#0D0E0F 50%)}.contact-container{background:url('/img/Technology__-12.webp') center center/cover;border-radius:10px;position:relative;padding:50px}.contact-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:0.9;border-radius:10px}.contact-content{position:relative;z-index:2;display:flex;gap:50px}.contact-info{flex:1;color:white}.contact-info .section-subtitle{color:white;margin-bottom:10px}.contact-info .section-subtitle::before,.contact-info .section-subtitle::after{background:white}.contact-info .section-subtitle::after{width:50px}.contact-methods{margin-top:30px}.contact-method{display:flex;align-items:flex-start;margin-bottom:30px}.contact-icon{width:60px;height:60px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:24px}.contact-details h3{margin-bottom:5px}.contact-details a{color:white;text-decoration:none}.contact-form{flex:1}.form-group{margin-bottom:20px}.contact-method{background:rgba(255,255,255,0.1);border-radius:15px;padding:25px;margin-bottom:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;align-items:center;position:relative;overflow:hidden}.contact-method::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease}.contact-method:hover::before{left:100%}.contact-method:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.contact-method .contact-icon{width:70px;height:70px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:25px;font-size:28px;transition:all 0.4s ease;flex-shrink:0}.contact-method:hover .contact-icon{background:rgba(255,255,255,0.2);transform:scale(1.1) rotate(5deg)}.contact-method .contact-details h3{margin-bottom:8px;font-size:20px;color:white}.contact-method .contact-details a,.contact-method .contact-details p{color:rgba(255,255,255,0.85);font-size:16px;transition:color 0.3s ease;text-decoration:none}.contact-method .contact-details a:hover{color:white;text-decoration:underline}.form-control{width:100%;padding:15px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);border-radius:5px;color:white;font-size:16px}.form-control::placeholder{color:rgba(255,255,255,0.7)}textarea.form-control{min-height:150px;resize:vertical}.footer-area{background:#0D0E0F;color:#c2d1e2}.footer-top{padding:50px 0 30px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-column h3{color:white;font-size:22px;margin-bottom:20px}.footer-column p{margin-bottom:20px}.footer-social{display:flex;gap:10px}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:white;color:var(--primary-color);border-radius:5px;transition:all 0.3s ease}.footer-social a:hover{background:var(--primary-color);color:white}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#c2d1e2;text-decoration:none;display:flex;align-items:center;transition:color 0.3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-links i{margin-right:10px;font-size:12px}.footer-contact{list-style:none}.footer-contact li{display:flex;align-items:flex-start;margin-bottom:20px}.footer-contact i{margin-right:15px;margin-top:5px;color:var(--primary-color)}.footer-bottom{border-top:1px solid #182044;padding:20px 0;text-align:center}.copyright{color:#c2d1e2}.copyright a{color:white;text-decoration:none}.copyright a:hover{color:var(--primary-color)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999}.scroll-to-top.active{opacity:1;visibility:visible}@media (max-width:1024px){.services-grid,.stats-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.slide-title{font-size:60px}.section-heading{font-size:45px}.about-content{flex-direction:column}.contact-content{flex-direction:column}.project-title{font-size:36px}}@media (max-width:768px){.header-top-content{flex-direction:column;gap:10px}.contact-info{flex-direction:column;gap:10px}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,0.9);flex-direction:column;padding:20px}.nav-menu.active{display:flex}.menu-toggle{display:flex}.services-grid,.stats-grid,.portfolio-grid,.footer-columns{grid-template-columns:1fr}.slide-title{font-size:36px}.section-heading{font-size:36px}.about-text .section-heading{font-size:26px}.slide-buttons{flex-direction:column;align-items:center}.contact-container{padding:20px}.project-title{font-size:28px}.project-hero{padding:20px}.project-hero h2{font-size:24px}.iframe-demo{width:295px !important}.contact-method{padding:20px;flex-direction:column;text-align:center}.slide-content{padding-top:50% !important}.contact-method .contact-icon{margin-right:0;margin-bottom:15px}}.portfolio-page .mainmenu-area{background:rgba(0,21,46,0.9) !important}.mainmenu-area{background-color:rgba(0,21,46,0.9) }.portfolio-page .nav-menu li a{color:white !important}.portfolio-page .search-button{color:white !important}.portfolio-page .menu-toggle span{background:white !important}.portfolio-carousel-container{position:relative;margin:30px 0}.portfolio-carousel{display:flex;gap:30px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}.portfolio-carousel::-webkit-scrollbar{display:none}.portfolio-slide{flex:0 0 300px;background:var(--gray-color);border-radius:10px;overflow:hidden;transition:transform 0.3s ease}.portfolio-slide:hover{transform:translateY(-5px)}.portfolio-content{position:relative;padding:20px;padding-bottom:40px;height:100%}.portfolio-title{font-size:26px;line-height:1.3;margin-bottom:10px}.portfolio-title a{color:inherit;text-decoration:none}.portfolio-category{display:inline-block;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:5px 10px;border-radius:3px;font-size:14px;position:absolute;bottom:10px;left:20px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-color);color:white;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:background 0.3s ease}.carousel-btn:hover{background:var(--secondary-color)}.carousel-prev{left:-5%}.carousel-next{right:-5%}.portfolio-carousel{scroll-snap-type:x mandatory}.portfolio-slide{scroll-snap-align:start}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.carousel-indicator{width:10px;height:10px;border-radius:50%;background:#ddd;cursor:pointer;transition:background 0.3s ease}.carousel-indicator.active{background:var(--primary-color)}@media (max-width:768px){.carousel-btn{display:none}.portfolio-slide{flex:0 0 280px}}.filter-btn{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:20px;cursor:pointer;transition:all 0.3s ease;margin:0 5px 10px 0}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.hero-prev,.hero-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.2);color:white;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10}.hero-prev:hover,.hero-next:hover{background:rgba(255,255,255,0.3);transform:translateY(-50%) scale(1.1)}.hero-prev{left:20px}.hero-next{right:20px}.hero-dots{display:flex;gap:10px;justify-content:center;margin-top:20px;position:relative;z-index:10}.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease}.hero-dot:hover,.hero-dot.active{background:white;transform:scale(1.2)}.hero-slide{opacity:0;transition:opacity 0.8s ease;position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide.active{opacity:1;position:relative;z-index:1}