@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;z-index:9999}.loader{display:flex;position:relative;justify-items:center;align-items:center;gap:1rem;height:55px;width:200px;overflow:hidden}.container{width:100%;display:flex;flex-direction:column;height:200px;position:relative;align-items:center}.carousel{display:flex;gap:1rem;flex-direction:column;position:absolute;width:100%;transform-origin:center}.loader .container:nth-child(3){justify-content:flex-start;justify-items:flex-start;animation:scroll-up 4s infinite ease-in-out;animation-delay:.3s}.loader .container:nth-child(2){justify-content:flex-end;justify-items:flex-end;animation:scroll-down 4s infinite ease-in-out;animation-delay:.2s}.loader .container:nth-child(1){justify-content:flex-end;justify-items:flex-end;animation:scroll-down 3s infinite ease-in-out;animation-delay:.1s}.love{background:#dc143c;display:flex;width:30px;height:30px;position:relative;align-items:center;justify-content:center;left:8px;margin:.8rem 4px;transform:rotate(45deg)}.love:before,.love:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#dc143c}.love:before{left:-16px}.love:after{top:-16px}.death{display:flex;width:100%;height:55px;position:relative;align-items:center;justify-content:center;animation:rotation 3s infinite ease-in-out;animation-delay:.4s}.death:after{content:"";height:63px;position:absolute;border-left:12px solid crimson;transform:rotate(45deg);border-radius:8px;top:-4px}.death:before{content:"";height:60px;position:absolute;border-left:12px solid crimson;transform:rotate(-45deg)}.loader:hover{animation:none}.robots{display:flex;width:100%;height:55px;justify-content:space-between;background-color:#dc143c;border-radius:0 8px 8px;padding:8px}.robots:after{content:"";width:12px;height:12px;top:0;left:0;background-color:#fff;border-radius:50%;animation-delay:.5s;animation:blink .5s infinite}.robots:before{content:"";width:12px;height:12px;top:0;left:0;background-color:#fff;border-radius:50%;animation-delay:.5s;animation:blink .5s infinite}@keyframes scroll-up{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(-150%);filter:blur(10px)}60%{transform:translateY(0);filter:blur(0px)}}@keyframes scroll-down{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(150%);filter:blur(10px)}60%{transform:translateY(0);filter:blur(0px)}}@keyframes rotation{20%,to{transform:rotate(180deg)}}@keyframes blink{0%{height:0}20%{height:12px}to{height:12px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.max-width{max-width:1300px;padding:0 80px;margin:auto}.about,.services,.skills,.teams,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.services .serv-content,.skills .skills-content,.contact .contact-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}section .title{position:relative;text-align:center;font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px;font-family:Ubuntu,sans-serif}section .title:before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;background:#111;transform:translate(-50%)}section .title:after{position:absolute;bottom:-8px;left:50%;font-size:20px;color:#dc143c;padding:0 5px;background:#fff;transform:translate(-50%)}.navbar{position:fixed;width:100%;z-index:999;padding:30px 0;font-family:Ubuntu,sans-serif;transition:all .3s ease}.navbar.sticky{padding:15px 0;background:#dc143c}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:#fff;font-size:35px;font-weight:600}.navbar .logo a span{color:#dc143c;transition:all .3s ease}.navbar.sticky .logo a span{color:#fff}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;color:#fff;font-size:18px;font-weight:500;margin-left:25px;transition:color .3s ease}.navbar .menu li a:hover{color:#dc143c}.navbar.sticky .menu li a:hover{color:#fff}.menu-btn{color:#fff;font-size:23px;cursor:pointer;display:none}.scroll-up-btn{position:fixed;height:45px;width:42px;background:#dc143c;right:30px;bottom:10px;text-align:center;line-height:45px;color:#fff;z-index:9999;font-size:30px;border-radius:6px;border-bottom-width:2px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease}.scroll-up-btn.show{bottom:30px;opacity:1;pointer-events:auto}.scroll-up-btn:hover{filter:brightness(90%)}.home{display:flex;background:url(/images/banners.png) no-repeat center;height:100vh;color:#fff;min-height:500px;background-size:cover;background-attachment:fixed;font-family:Ubuntu,sans-serif}.home .max-width{width:100%;display:flex}.home .max-width .row{margin-right:0}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{font-size:75px;font-weight:600;margin-left:-3px}.home .home-content .text-3{font-size:40px;margin:5px 0}.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home-buttons{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.home .home-content a{display:inline-block;background:#dc143c;color:#fff;font-size:25px;padding:12px 36px;font-weight:400;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.home .home-content a:hover{color:#dc143c;background:none}.home .home-content .view-work-btn{background:transparent;color:#fff;border:2px solid #fff}.home .home-content .view-work-btn:hover{background:#fff;color:#111;border-color:#fff}.about .title:after{content:"Who I Am"}.about .about-content .left{width:45%}.about .about-content .left img{height:400px;width:400px;object-fit:cover;border-radius:6px}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#dc143c}.about .about-content .right p{text-align:justify;line-height:1.8;margin-bottom:15px}.about .about-content .right a{display:inline-block;background:#dc143c;color:#fff;font-size:20px;font-weight:500;padding:10px 30px;margin-top:20px;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.about .about-content .right a:hover{color:#dc143c;background:none}.services,.teams{color:#fff;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.services:before,.teams:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(220,20,60,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(220,20,60,.03) 0%,transparent 50%);pointer-events:none}.services .title:before,.teams .title:before{background:linear-gradient(90deg,transparent,#fff,transparent)}.services .title:after{background:#111;content:"What I Provide"}.teams .title:after{content:"";display:none}.services .serv-content .card{width:calc(25% - 20px);background:linear-gradient(135deg,#1a1a1a,#2a2a2a);text-align:center;border-radius:20px;padding:40px 25px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services .serv-content .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc143c00,#dc143ccc,#dc143c00);transform:translate(-100%);transition:transform .6s ease}.services .serv-content .card:hover:before{transform:translate(100%)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(220,20,60,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.services .serv-content .card:hover .card-glow{opacity:1;animation:rotate-glow 3s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.services .serv-content .card:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #dc143c4d,0 0 0 1px #dc143c80,inset 0 1px #ffffff1a;border-color:#dc143c80}.services .serv-content .card .box{transition:all .4s ease;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;z-index:1}.icon-wrapper{width:90px;height:90px;background:linear-gradient(135deg,#dc143c26,#dc143c0d);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(220,20,60,.2)}.icon-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent 0%,rgba(220,20,60,.3) 50%,transparent 100%);border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:-1}.services .serv-content .card:hover .icon-wrapper{background:linear-gradient(135deg,#dc143c4d,#dc143c26);transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #dc143c66;border-color:#dc143c99}.services .serv-content .card:hover .icon-wrapper:before{opacity:1}.services .serv-content .card i{font-size:42px;color:#dc143c;transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(220,20,60,.3))}.services .serv-content .card:hover i{color:#fff;filter:drop-shadow(0 0 20px rgba(220,20,60,.8));transform:scale(1.15)}.services .serv-content .card .text{font-size:20px;font-weight:700;margin:0 0 14px;line-height:1.3;min-height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s ease;letter-spacing:.3px}.services .serv-content .card:hover .text{background:linear-gradient(135deg,#fff,#dc143c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05)}.services .serv-content .card p{font-size:14px;line-height:1.6;color:#b0b0b0;margin:0;transition:all .4s ease;font-weight:400}.services .serv-content .card:hover p{color:#e0e0e0;transform:translateY(-2px)}.work-button-container{position:relative;display:flex;align-items:center;justify-content:center;margin-top:60px;z-index:1}.work-link-button{position:relative;cursor:pointer;border:none;width:220px;height:65px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.work-link-button .text{position:relative;z-index:1;font-size:18px;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.work-link-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff1a}.work-link-button:active{transform:translateY(-1px)}.work-link-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 50%,#0000 0,#0000 20%,#111a 50%),radial-gradient(ellipse 100% 100%,#fff,#fff0);background-size:3px 3px,auto auto;transition:.3s}.work-link-button:hover:before{opacity:.3}.work-link-button .a{pointer-events:none;position:absolute;--w: 2px;--t: -40px;--s: calc(var(--t) * -1);--e: calc(100% + var(--t));--g: #fff0, #fff3 var(--s), #fffa var(--s), #fff, #fffa var(--e), #fff3 var(--e), #fff0}.work-link-button .a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(4px) url(#unopaq);z-index:-2}.work-link-button .a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(10px) url(#unopaq);opacity:0;z-index:-2;transition:.3s}.work-link-button:hover .a:after{opacity:1}.work-link-button .l{left:-2px}.work-link-button .r{right:-2px}.work-link-button .l,.work-link-button .r{background:linear-gradient(var(--g));top:var(--t);bottom:var(--t);width:var(--w)}.work-link-button .t{top:-2px}.work-link-button .b{bottom:-2px}.work-link-button .t,.work-link-button .b{background:linear-gradient(90deg,var(--g));left:var(--t);right:var(--t);height:var(--w)}.backdrop{position:absolute;top:-9900%;right:-9900%;bottom:-9900%;left:-9900%;background:radial-gradient(circle at 50% 50%,#0000 0,#0000 20%,#111a 50%);background-size:3px 3px;z-index:-1}.skills .title:after{content:"Explore My Skills"}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:50px}.skills-column{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:35px 30px;box-shadow:0 8px 30px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(220,20,60,.08);position:relative;overflow:hidden}.skills-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc143c,#ff6b6b);transform:scaleX(0);transition:transform .4s ease}.skills-column:hover:before{transform:scaleX(1)}.skills-column:hover{transform:translateY(-10px);box-shadow:0 15px 45px #dc143c26;border-color:#dc143c33}.column-title{display:flex;align-items:center;font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #f0f0f0;position:relative}.column-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#dc143c,#ff6b6b);border-radius:2px}.column-title i{font-size:28px;color:#dc143c;margin-right:15px;background:linear-gradient(135deg,#dc143c1a,#dc143c0d);padding:12px;border-radius:12px}.skill-item{display:flex;align-items:center;padding:14px 12px;margin:8px 0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative}.skill-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:70%;background:linear-gradient(90deg,crimson,transparent);border-radius:12px 0 0 12px;transition:width .3s ease}.skill-item:hover:before{width:4px}.skill-item:hover{background:linear-gradient(135deg,#dc143c14,#dc143c08);padding-left:18px;transform:translate(5px)}.skill-item i{font-size:22px;color:#dc143c;margin-right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#dc143c1a;border-radius:8px;transition:all .3s ease}.skill-item:hover i{background:#dc143c;color:#fff;transform:scale(1.1) rotate(5deg)}.skill-name{font-size:16px;font-weight:600;color:#333;transition:color .3s ease}.skill-item:hover .skill-name{color:#dc143c}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:20px}.skills-column{padding:20px}.column-title{font-size:20px}.skill-name{font-size:14px}}@media (max-width: 500px){.skill-item{flex-direction:column;align-items:flex-start;gap:8px}}.languages-full-section{margin:50px auto 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px}.languages-full-title{display:flex;align-items:center;font-size:28px;font-weight:600;color:#333;margin-bottom:30px;text-align:center;justify-content:center}.languages-full-title i{font-size:30px;color:#dc143c;margin-right:15px}.languages-bars-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%;max-width:859px;margin:0 auto;padding:20px;background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000000d}.language-bar{flex:1;min-width:200px;max-width:280px;background:#fff;border-radius:12px;padding:25px 20px;box-shadow:0 6px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.language-bar:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:#dc143c}.language-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.language-name{font-size:17px;font-weight:500;color:#333}.language-percentage{font-size:15px;font-weight:600;color:#dc143c;background:#dc143c1a;padding:4px 8px;border-radius:6px}.language-progress{height:10px;width:100%;background:#f0f0f0;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.language-fill{height:100%;background:linear-gradient(90deg,#dc143c,#ff6b6b);border-radius:5px;transition:width .8s ease-in-out;position:relative;box-shadow:0 2px 4px #dc143c4d}.language-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.languages-bars-container{gap:15px;padding:15px}.language-bar{width:100%;max-width:400px}.languages-full-title{font-size:24px;margin-bottom:25px}.languages-full-section{padding:10px;gap:10px}.language-info{flex-direction:column;align-items:flex-start}.language-bar{padding:15px 12px;max-width:none}}.parcours{background:#111;color:#fff;padding:100px 0;border-bottom:4px solid #FF4D5A}.parcours .title:after{content:"My Evolution";background:#111}.parcours .title{color:#fff}.parcours .title:before{background:#fff}.parcours-card{background:#fff;border:2px solid #FF4D5A;border-radius:20px;padding:50px;margin:60px auto 0;max-width:1100px;box-shadow:0 10px 40px #0000004d}.parcours-subtitle{text-align:center;color:#666;font-size:16px;margin-bottom:50px}.timeline-wrapper{position:relative;width:100%;margin:0 auto;padding:40px 0}.timeline-line{position:absolute;top:50%;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4d5a,#ff6b6b,#ff4d5a);border-radius:2px;box-shadow:0 0 20px #ff4d5a80}.timeline-area{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;cursor:pointer;z-index:10}.timeline-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#ff4d5a;border:3px solid #fff;border-radius:50%;transition:all .3s ease;box-shadow:0 0 15px #ff4d5a99;display:flex;align-items:center;justify-content:center;overflow:visible}.timeline-logo{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:32px;height:32px;object-fit:contain;background:#fff;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000026;border:1px solid #e0e0e0;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-area:hover .timeline-marker{width:24px;height:24px;box-shadow:0 0 25px #ff4d5ae6}.timeline-area:hover .timeline-logo{opacity:1;bottom:calc(100% + 20px);width:60px;height:60px;box-shadow:0 8px 24px #00000040;transform:translate(-50%) scale(1.1);border:2px solid #FF4D5A}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-card{background:#fff;border:2px solid #FF4D5A;border-radius:16px;padding:30px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{transform:scale(.7) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#333;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.popup-close:hover{background:#ff4d5a1a;color:#ff4d5a;transform:rotate(90deg)}.popup-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.popup-logo{width:50px;height:50px;object-fit:contain;border-radius:8px;padding:5px;background:#f8f9fa;border:2px solid #e0e0e0}.popup-header-text{display:flex;justify-content:space-between;align-items:center;flex:1}.popup-icon{font-size:28px;background:linear-gradient(135deg,#ff4d5a,#ff6b6b);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #ff4d5a66}.popup-type{background:#ff4d5a1a;color:#ff4d5a;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,77,90,.3)}.popup-date{color:#666;font-size:14px;margin-bottom:12px;font-weight:600}.popup-title{color:#111;font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.3}.popup-place{color:#555;font-size:16px;margin-bottom:15px;font-style:italic}.popup-note{background:#ff4d5a14;color:#333;padding:12px 15px;border-radius:8px;font-size:14px;line-height:1.4;border-left:3px solid #FF4D5A;margin-top:15px}@media (max-width: 768px){.parcours{padding:60px 0}.parcours .title{font-size:32px;margin-bottom:40px}.parcours-card{padding:25px 15px;margin:30px 15px 0;border-radius:12px;border-width:2px}.parcours-subtitle{font-size:14px;margin-bottom:30px;padding:0 10px}.timeline-wrapper{padding:40px 10px;overflow-x:auto;min-height:100px}.timeline-line{height:3px}.timeline-area{width:45px;height:45px}.timeline-marker{width:14px;height:14px;border-width:2px}.timeline-logo{width:30px;height:30px;padding:3px;bottom:calc(100% + 10px)}.timeline-area:hover .timeline-marker{width:18px;height:18px}.timeline-area:hover .timeline-logo{bottom:calc(100% + 18px);width:55px;height:55px;box-shadow:0 6px 20px #00000040}.popup-card{padding:20px;width:92%;max-width:400px;border-radius:12px}.popup-logo{width:45px;height:45px;padding:4px}.popup-header{gap:10px;flex-wrap:wrap}.popup-header-text{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.popup-icon{width:40px;height:40px;font-size:22px}.popup-type{font-size:10px;padding:6px 12px}.popup-date{font-size:13px}.popup-title{font-size:17px;line-height:1.4}.popup-place{font-size:14px}.popup-note{font-size:12px;padding:10px 12px}.popup-close{top:10px;right:10px;font-size:28px;width:35px;height:35px}}@media (max-width: 500px){.parcours{padding:50px 0}.parcours .title{font-size:28px;margin-bottom:30px}.parcours-card{padding:20px 12px;margin:20px 10px 0;border-radius:10px}.parcours-subtitle{font-size:13px;margin-bottom:25px}.timeline-wrapper{padding:35px 5px}.timeline-area{width:40px;height:40px}.timeline-marker{width:12px;height:12px}.timeline-logo{width:26px;height:26px}.timeline-area:hover .timeline-logo{width:50px;height:50px;bottom:calc(100% + 16px)}.popup-card{padding:18px;width:95%;border-radius:10px}.popup-logo{width:40px;height:40px}.popup-icon{width:36px;height:36px;font-size:20px}.popup-title{font-size:16px}.popup-place{font-size:13px}.popup-note{font-size:11px}}.contact{background:#f8f9fa;padding:100px 0}.contact .title:after{content:"Get In Touch";background:#f8f9fa}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.contact-left{display:flex;flex-direction:column}.contact-text{font-size:28px;font-weight:600;margin-bottom:15px;color:#111}.contact-description{color:#555;line-height:1.7;margin-bottom:30px;text-align:justify}.contact-info{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.contact-item:hover{transform:translate(5px);box-shadow:0 6px 20px #dc143c26}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.contact-details{flex:1}.contact-label{font-size:13px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-value{font-size:16px;color:#111;font-weight:600}.social-links{display:flex;gap:15px;margin-top:10px}.social-link{width:45px;height:45px;background:#fff;border:2px solid #dc143c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc143c;font-size:18px;transition:all .3s ease}.social-link:hover{background:#dc143c;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #dc143c4d}.contact-right{display:flex;flex-direction:column}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;font-family:Poppins,sans-serif;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#dc143c;box-shadow:0 0 0 3px #dc143c1a}.form-group textarea{resize:vertical;min-height:120px}.rating{display:flex;flex-direction:row-reverse;gap:.3rem;--stroke: #666;--fill: #ffc73a;justify-content:flex-start;margin-bottom:20px}.rating input{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset}.rating label{cursor:pointer}.rating svg{width:2rem;height:2rem;overflow:visible;fill:transparent;stroke:var(--stroke);stroke-linejoin:bevel;stroke-dasharray:12;animation:idle 4s linear infinite;transition:stroke .2s,fill .5s}@keyframes idle{0%{stroke-dashoffset:24}}.rating label:hover svg{stroke:var(--fill)}.rating input:checked~label svg{transition:0s;animation:idle 4s linear infinite,yippee .75s backwards;fill:var(--fill);stroke:var(--fill);stroke-opacity:0;stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}@keyframes yippee{0%{transform:scale(1);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30%{transform:scale(0);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30.1%{stroke:var(--fill);stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}60%{transform:scale(1.2);fill:var(--fill)}}.send-message-button{--primary: #dc143c;--neutral-1: #f7f8f7;--neutral-2: #e7e7e7;--radius: 14px;cursor:pointer;border-radius:var(--radius);text-shadow:0 1px 1px rgba(0,0,0,.3);border:none;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;min-width:200px;padding:20px;height:68px;font-family:Galano Grotesque,Poppins,Montserrat,sans-serif;font-style:normal;font-size:18px;font-weight:600}.send-message-button:hover{transform:scale(1.02);box-shadow:0 0 1px 2px #ffffff4d,0 15px 30px #0000004d,0 10px 3px -3px #0000000a}.send-message-button:active{transform:scale(1);box-shadow:0 0 1px 2px #ffffff4d,0 10px 3px -3px #0003}.send-message-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:2.5px solid transparent;background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,#0000001a,#00000073) border-box;z-index:0;transition:all .4s ease}.send-message-button:hover:after{transform:scale(1.05,1.1);box-shadow:inset 0 -1px 3px #fff}.send-message-button:before{content:"";top:7px;right:6px;bottom:6px;left:6px;position:absolute;background:linear-gradient(to top,var(--neutral-1),var(--neutral-2));border-radius:30px;filter:blur(.5px);z-index:2}.send-message-button .state p{display:flex;align-items:center;justify-content:center}.send-message-button .state .icon{position:absolute;left:0;top:0;bottom:0;margin:auto;transform:scale(1.25);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.send-message-button .state .icon svg{overflow:visible}.send-message-button .outline{position:absolute;border-radius:inherit;overflow:hidden;z-index:1;opacity:0;transition:opacity .4s ease;top:-2px;right:-3.5px;bottom:-2px;left:-3.5px}.send-message-button .outline:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 180deg,transparent 60%,white 80%,transparent 100%);animation:spin 2s linear infinite;animation-play-state:paused}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-message-button:hover .outline{opacity:1}.send-message-button:hover .outline:before{animation-play-state:running}.send-message-button .state p span{display:block;opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .03s)}.send-message-button:hover p span{opacity:1;animation:wave .5s ease forwards calc(var(--i) * .02s)}.send-message-button:focus p span{opacity:1;animation:disapear .6s ease forwards calc(var(--i) * .03s)}@keyframes wave{30%{opacity:1;transform:translateY(4px) translate(0) rotate(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0);color:var(--primary)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) translate(5px) rotate(-90deg);color:var(--primary);filter:blur(5px)}30%{opacity:1;transform:translateY(4px) translate(0) rotate(0);filter:blur(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes disapear{0%{opacity:1}to{opacity:0;transform:translate(5px) translateY(20px);color:var(--primary);filter:blur(5px)}}.send-message-button .state--default .icon svg{animation:land .6s ease forwards}.send-message-button:hover .state--default .icon{transform:rotate(45deg) scale(1.25)}.send-message-button:focus .state--default svg{animation:takeOff .8s linear forwards}.send-message-button:focus .state--default .icon{transform:rotate(0) scale(1.25)}@keyframes takeOff{0%{opacity:1}60%{opacity:1;transform:translate(70px) rotate(45deg) scale(2)}to{opacity:0;transform:translate(160px) rotate(45deg) scale(0)}}@keyframes land{0%{transform:translate(-60px) translateY(30px) rotate(-50deg) scale(2);opacity:0;filter:blur(3px)}to{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}}.send-message-button .state--default .icon:before{content:"";position:absolute;top:50%;height:2px;width:0;left:-5px;background:linear-gradient(to right,transparent,rgba(0,0,0,.5))}.send-message-button:focus .state--default .icon:before{animation:contrail .8s linear forwards}@keyframes contrail{0%{width:0;opacity:1}8%{width:15px}60%{opacity:.7;width:80px}to{opacity:0;width:160px}}.send-message-button .state{padding-left:29px;z-index:2;display:flex;position:relative}.send-message-button .state--default span:nth-child(4){margin-right:5px}.send-message-button .state--sent{display:none}.send-message-button .state--sent svg{transform:scale(1.25);margin-right:8px}.send-message-button:focus .state--default{position:absolute}.send-message-button:focus .state--sent{display:flex}.send-message-button:focus .state--sent span{opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .2s)}.send-message-button:focus .state--sent .icon svg{opacity:0;animation:appear 1.2s ease forwards .8s}@keyframes appear{0%{opacity:0;transform:scale(4) rotate(-40deg);color:var(--primary);filter:blur(4px)}30%{opacity:1;transform:scale(.6);filter:blur(1px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}to{opacity:1;transform:scale(1)}}footer{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;padding:60px 0 0}footer .max-width{max-width:1300px;padding:0 80px;margin:auto}.footer-content{display:grid;grid-template-columns:2fr 2fr 1fr;gap:50px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{font-size:32px;font-weight:700;margin-bottom:10px;color:#fff}.footer-logo span{color:#dc143c}.footer-tagline{color:#888;font-size:14px;margin-top:5px}.footer-links{display:flex;flex-wrap:wrap;gap:25px}.footer-links a{color:#ddd;font-size:15px;font-weight:500;transition:all .3s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#dc143c;transition:width .3s ease}.footer-links a:hover{color:#dc143c}.footer-links a:hover:after{width:100%}.footer-social{display:flex;gap:15px;justify-content:flex-end}.footer-social a{width:45px;height:45px;background:#dc143c1a;border:2px solid rgba(220,20,60,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc143c;font-size:18px;transition:all .3s ease}.footer-social a:hover{background:#dc143c;color:#fff;border-color:#dc143c;transform:translateY(-3px)}.footer-bottom{padding:30px 0;text-align:center}.footer-bottom p{color:#888;font-size:14px}@media (max-width: 1024px){.contact-content{gap:40px}.footer-content{grid-template-columns:1fr 1fr;gap:40px}.footer-right{grid-column:1 / -1}.footer-social{justify-content:center}}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr;gap:20px}.send-message-button{width:100%;min-width:unset}.social-links{justify-content:center}footer{padding:40px 0 0}footer .max-width{padding:0 40px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-links,.footer-social{justify-content:center}.footer-left{align-items:center}}@media (max-width: 500px){.contact{padding:60px 0}.contact-text{font-size:24px}.contact-item{padding:15px}.contact-icon{width:45px;height:45px;font-size:18px}footer .max-width{padding:0 20px}.footer-logo{font-size:26px}.footer-links{flex-direction:column;gap:15px}}@media (max-width: 991px){.max-width{padding:0 50px}.menu-btn{display:block;z-index:999}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home-buttons{gap:15px}.home .home-content a{font-size:20px;padding:10px 30px}.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}.services .serv-content .card{width:calc(50% - 20px);margin-bottom:20px;min-height:280px;padding:35px 20px}.icon-wrapper{width:80px;height:80px;margin-bottom:18px}.services .serv-content .card i{font-size:38px}}@media (max-width: 768px){.max-width{padding:0 30px}section{padding:60px 0}section .title{font-size:32px;margin-bottom:40px}section .title:before{width:140px}section .title:after{font-size:16px;bottom:-6px}.home{background-attachment:scroll}.home .home-content .text-1{font-size:22px}.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:28px}.home-buttons{gap:12px}.home .home-content a{font-size:18px;padding:8px 25px}.about .about-content .left img{height:300px;width:300px}.about .about-content .right .text{font-size:22px}.about .about-content .right p{font-size:15px;text-align:left}.about .about-content .right a{font-size:18px;padding:8px 25px}.services .serv-content .card{width:100%;margin-bottom:30px;min-height:260px;padding:35px 25px}.services .serv-content .card .box{padding:0}.icon-wrapper{width:75px;height:75px;margin-bottom:16px}.services .serv-content .card i{font-size:36px}.services .serv-content .card .text{font-size:19px;min-height:50px}}@media (max-width: 690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:45px}.home .home-content .text-3{font-size:25px}}@media (max-width: 500px){.max-width{padding:0 15px}section{padding:50px 0}section .title{font-size:28px;margin-bottom:30px}section .title:before{width:120px;height:2px}section .title:after{font-size:14px;bottom:-5px}.navbar .logo a{font-size:28px}.navbar .menu li a{font-size:22px;margin:15px 0}.scroll-up-btn{right:15px;height:38px;width:35px;font-size:23px;line-height:38px}.home{min-height:450px}.home .home-content .text-1{font-size:18px}.home .home-content .text-2{font-size:35px}.home .home-content .text-3{font-size:22px}.home-buttons{gap:10px;flex-direction:column;align-items:stretch}.home .home-content a{font-size:16px;padding:8px 20px;text-align:center}.about .about-content .left img{height:250px;width:250px}.about .about-content .right .text{font-size:18px}.about .about-content .right p{font-size:14px}.about .about-content .right a{font-size:16px;padding:7px 20px}.services .serv-content .card{padding:30px 20px;min-height:240px}.icon-wrapper{width:70px;height:70px;margin-bottom:14px}.services .serv-content .card i{font-size:32px}.services .serv-content .card .text{font-size:17px;min-height:46px}.services .serv-content .card p{font-size:13px}}