﻿:root{--primary: #0b0c3a;--secondary: #090a30;--third: #e9f2ff;--light-gray: #f9f9f9;--footer-color: #111124;--accent: #7e83fa;--light: #f5f9ff;--dark: #0a1a33;--text: #333333;--gray: #6c757d;--white: white;--text-color: #1c1919;--soft-text: #4a4a4a;--hover-text: #0b5ed7;--shadow: 0 2px 6px rgba(0, 0, 0, 0.08);--hover-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);--btn-green: #4C8027}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;font-style:normal}p,span,.column a,.contact-form{font-family:sans-serif !important;font-style:normal}.flex-center{display:flex;justify-content:center}.custom-wrapper{width:100%;max-width:1300px}.ui-to-top{display:none;position:fixed;right:20px;bottom:50px;z-index:999;transition:opacity 0.3s;width:58px;height:58px;border-radius:100%;font-size:24px;line-height:58px;overflow:hidden;text-align:center;color:#fff;background:#113448}.ui-to-top:hover{color:#fff;background:#000}.ui-to-top.active{transform:translateY(0)}.active,.demo:hover{opacity:1}@media (min-width: 576px){.ui-to-top{right:40px;bottom:40px}}.new-header{display:flex;justify-content:center;position:fixed;width:100%;top:0;left:0;z-index:999;background-color:var(--primary);transition:background-color 0.25s ease, box-shadow 0.25s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5rem;background:transparent}.new-header.scrolled{background-color:var(--secondary)}.logo{display:flex;align-items:center;margin-right:1.5rem}.logo img{height:40px;width:auto;display:block;transition:transform 0.3s ease}.logo img:hover{transform:scale(1.05)}.contact-btn{font-size:14px;border:none;color:white !important;font-weight:bold;cursor:pointer;font-style:normal;background-color:var(--btn-green);padding:0.3rem 1rem;border-radius:5px;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.5rem;list-style:none}.mega-dropdown{position:relative}.dropdown-toggle{font-family:inherit;font-size:14px;background:none;border:none;color:white;font-weight:bold;cursor:pointer}.nav-links li{font-size:14px;background:none;border:none;color:white;font-weight:bold;cursor:pointer}.nav-links a{color:inherit;text-decoration:none;font:inherit;transition:color 0.3s ease}.nav-links a:hover,.nav-links a:focus,.dropdown-toggle:hover,.footer-nav a:hover{color:var(--hover-text);text-decoration:none !important;outline:none}.column a:hover,.column a:focus{color:var(--hover-text);text-decoration:none;outline:none}.mega-menu{max-height:80vh;overflow-y:auto;display:none;position:fixed;top:70px;left:0px;right:0px;background-color:#fff;color:black;width:calc(100% - 10rem);max-width:calc(1300px - 10rem);margin:0 auto;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);z-index:1000;justify-content:space-between;gap:2rem;cursor:default}.mega-menu a{cursor:pointer}.mega-menu .non-link{padding-left:1.5rem;color:#1c3d5b;font-size:15px;display:block;margin-bottom:0.5rem;cursor:default;text-decoration:none}.nav-links li.mega-dropdown .dropdown-toggle::after{content:"▼";font-size:0.6em;margin-left:4px}.nav-links li.mega-dropdown.open .dropdown-toggle::after{content:"▲"}.mega-menu.open{display:flex}.menu-columns{display:grid;width:100%;gap:1rem 2rem;grid-template-columns:repeat(3, 1fr)}.column{width:max-content !important}.column h4{padding-bottom:5px;font-size:1rem;margin-bottom:0.5rem;color:black}.column a{padding-left:1.5rem;font-size:15px;display:block;margin-bottom:0.5rem;color:#1c3d5b;text-decoration:none}.promo-banner{text-align:right;max-width:300px}.promo-banner img{width:50%;border-radius:0.5rem}.promo-banner p{margin:1rem 0;font-size:0.9rem}.promo-banner a{color:black;margin-top:5px;font-weight:bold;text-decoration:none}@media (max-width: 992px){.promo-banner{display:none}}@media (max-width: 768px){.mega-menu{flex-direction:column}.promo-banner{display:none}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:white;margin:5px 0;transition:all 0.3s ease}.navbar-container{display:flex;align-items:center;gap:1.5rem}@media (max-width: 1104px){.hero{flex-direction:column;align-items:center;gap:1rem;min-height:55vh !important;padding-top:inherit}.hero-content{max-width:100% !important;text-align:center}.buttons{justify-content:center}.display-hide{display:none}.navbar{padding:1rem 5rem}.hamburger{display:block}.navbar-container{position:fixed;top:80px;right:-100%;width:100%;max-width:600px;height:100vh;background:#090a30;flex-direction:column;align-items:flex-start;padding:0 1rem 1rem;transition:right 0.3s ease;z-index:1000;overflow-y:auto}.navbar-container.active{right:0}.nav-links{flex-direction:column;align-items:flex-start;width:100%;gap:1rem}.mega-dropdown{width:100%}.dropdown-toggle{width:100%;text-align:left}.mega-menu{position:static;width:100%;margin:0;padding:1rem;box-shadow:none}.menu-columns{width:100%;grid-template-columns:1fr}.navbar-container{gap:1.4rem}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width: 992px){.navbar{padding:1rem}}.hero-section{display:flex;justify-content:center;background:linear-gradient(to bottom, var(--primary), var(--secondary))}.hero-section::before{content:"";position:absolute;opacity:0.1;z-index:0;border-radius:50%}.hero-section::before{top:-26px;left:-100px;width:350px;height:350px;background:linear-gradient(135deg, var(--accent), #3a9e8a)}.hero{display:flex;align-items:center;justify-content:space-between;min-height:80vh;position:relative}.hero-content{max-width:50%}.hero-animation{max-width:50%}.cloud-badges img{width:50px;height:30px;margin-right:10px}.hero-content-title{line-height:1.2;color:#fff;font-size:3rem;font-weight:800;margin:1.5rem 0}.hero-section-title{font-size:3rem;margin:1.5rem 0;color:white}.hero p{color:white;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.buttons button,.buttons a{padding:0.7rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.book-btn{background-color:#ff3c2f;color:white}.book-consultation-btn{line-height:1rem !important;font-size:1rem !important;font-family:inherit;font-style:normal;width:auto;min-width:220px;background-color:#ff3c2f;color:white;font-weight:700 !important}.contact-btn-2{line-height:1rem !important;font-size:1rem !important;width:auto;min-width:180px;background-color:var(--btn-green);color:white;font-weight:700 !important}.about-btn{background-color:transparent}.globe-animation{position:relative}.lottie-animation{width:114%;background-repeat:no-repeat;background-size:cover;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.planet{width:100%;height:100%;background-image:url(https://syftet.com/assets/world-map-asia-australia-removebg-preview-ffe66e2a8b5fe6181d5e8425cb3d403800e223e022d6265d4c8373c586294817.png);background-repeat:no-repeat;background-size:cover;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.planet img{width:30px;height:25px}.flag{border-radius:50%;width:40px;position:absolute;top:52%;left:62%;transform:translate(-50%, -50%)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width: 992px){.hero{flex-direction:column;align-items:center;gap:1rem;min-height:55vh;padding:3rem 1rem}.hero-content,.hero-animation{max-width:100%;text-align:center}.buttons{justify-content:center}.lottie-animation{width:100%}}@media (max-width: 768px){.hero{display:flex;align-items:center;justify-content:space-between;padding:3rem 1rem;min-height:55vh;position:relative}}.partners-wrapper{overflow-x:auto;width:100%;padding:1rem 0}.partners{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:0 2rem}.partners a{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.partners img{max-height:72px;max-width:100%;height:auto;width:auto;object-fit:contain}@media (max-width: 992px){.partners{justify-content:center;gap:1.2rem}.partners img{max-height:40px}}@keyframes scrollLeft{0%{transform:translateX(0%)}100%{transform:translateX(-30%)}}.client-testimonial{background-color:var(--light-gray);max-width:100%;margin:0 auto;align-items:center;gap:5rem;flex-wrap:wrap}.testimonial-content{display:flex;justify-content:space-between;gap:40px}.quote{font-size:2.2rem;color:black;font-weight:600;line-height:1.4;position:relative;margin:0}.testimonial-bottom{width:50%;display:flex;flex-direction:column;gap:25px}.quote-container{width:50%}.description{font-size:1.1rem;color:#555;line-height:1.6}.cta-button{color:#e74c3c;font-weight:600;text-decoration:none;transition:transform 0.3s ease}.cta-button:hover{color:#c0392b;transform:translateX(5px)}@media (max-width: 768px){.testimonial-content{flex-direction:column;gap:25px}.quote{font-size:1.5rem}.testimonial-bottom{width:100%;display:flex;flex-direction:column;gap:25px}.quote-container{width:100%}}.why-syftet-next{background-color:#f8f9fa;padding:80px 0}.container-why-us{text-align:center}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:2.5rem;color:#2c3e50;font-weight:700;position:relative;display:inline-block;text-align:center;margin-bottom:50px}.section-title::after{content:'';position:absolute;bottom:-10px;left:39.5%;transform:translateX(-50%);width:132px;height:4px;background-color:#e74c3c}.content-wrapper{display:flex;justify-content:center}.text-content{max-width:800px;text-align:center}.lead-text{font-size:1.2rem;color:#333;line-height:1.7;margin-bottom:25px}.sub-text{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:35px}@media (max-width: 768px){.why-syftet-next{padding:60px 0}.container-why-us{margin:0 auto;padding:0}.section-title{font-size:2rem}.lead-text{font-size:1.1rem}.sub-text{font-size:1rem}}.why-syftet{background-color:var(--white)}.feature-row{display:flex;flex-wrap:wrap;margin-bottom:60px;align-items:center;gap:40px}.feature-row.reverse{flex-direction:row-reverse}.feature-image img{width:100%;border-radius:12px;max-width:500px}.feature-text{text-align:left;flex:1;min-width:300px}.feature-text h3{color:black;font-size:24px;margin-bottom:16px}.feature-text p{color:var(--soft-text);margin-bottom:25px;font-size:1.1rem;line-height:1.7;flex-grow:1}.feature-text a{color:#0a88ff;text-decoration:none}.stats-section{background:#0e0f47;color:#fff;padding:40px 20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;text-align:center;border-radius:12px}.stat{flex:1 1 200px;padding:2rem}.stat h3{font-size:28px;margin-bottom:8px}.stat p{font-size:14px;opacity:0.8}.cta p{margin-bottom:12px}.about-btn{line-height:1rem !important;font-size:1rem !important;display:inline-block;padding:5px 20px;background-color:var(--btn-green);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.site-footer{display:flex;justify-content:center;background-color:var(--footer-color)}.footer-container{padding:3.8rem;margin:auto}.footer-logo{display:flex;justify-content:center;align-items:center;width:100%;padding:0 0 5rem}.logo-text{font-size:7.5rem;font-weight:700;letter-spacing:0.1rem;text-transform:uppercase;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.syftet{color:white}.limited{color:white}@media (max-width: 1200px){.logo-text{font-size:4rem;display:flex;justify-content:center}}@media (max-width: 450px){.logo-text{font-size:2rem;display:flex;justify-content:center}}.footer-logo img{max-height:50px}.footer-locations{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem;text-align:left}.footer-locations>div{flex:1 1}.footer-locations h4{font-size:20px !important;color:white;font-weight:bold;margin-bottom:8px}.footer-locations p{color:#ddd;font-size:14px;line-height:1.6;margin-top:0rem}.footer-bottom{border-top:1px solid #ddd;margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;font-size:14px}.social-links img{height:24px;margin-right:10px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.footer-nav a{text-decoration:none;color:#f2f3f4;font-weight:500}.footer-nav a:hover{text-decoration:underline}.copyright{color:white}@media (max-width: 768px){.footer-locations{flex-direction:column;text-align:center;gap:1rem}.footer-locations p{text-align:center !important}.feature-text{flex:1;min-width:206px}.stats-section{margin:0;padding:0}.footer-bottom{flex-direction:column;text-align:center}.globe-animation{position:relative;width:100%}}.custom-pl{padding:5rem}.custom-pr{padding:5rem}@media (max-width: 992px){.custom-pl{padding-left:1rem;padding-right:1rem}}.career-section{display:flex;justify-content:center;background-color:var(--white)}.career-title{font-size:5rem;padding:0 5rem 5rem 5rem;text-align:center;color:black}.career-title p{font-size:1.3rem;padding-top:1rem}.filter-bar{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;width:100%}.filter-group{flex:1;min-width:200px}.filter-bar input[type="text"],.filter-bar select{width:100%;padding:0.6rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.job-count-wrapper{display:flex;justify-content:center;align-items:center;margin:1rem 0}.job-count-wrapper .job-count{font-weight:bold}.job-listings{border-top:1px solid #eee;padding-top:20px}.location-heading{font-size:1.5em;color:#333;margin-bottom:20px;font-weight:600}.job-table-header{display:grid;grid-template-columns:3fr 1fr 1.5fr 1.5fr 1fr;padding:15px 0;font-weight:bold;color:black;border-bottom:1px solid #ddd}.job-item{display:grid;grid-template-columns:3fr 1fr 1.5fr 1.5fr 1fr;padding:15px 0;border-bottom:1px solid #eee;color:#333}.job-item:last-child{border-bottom:none}.job-title-col,.job-title{padding-right:10px}.font-bold{font-weight:bold !important}.work-model-col,.work-model,.location-col,.location,.department-col,.department,.apply-col,.apply{text-align:left;padding-left:10px}.apply .apply-button{background:var(--primary);color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-weight:500}.apply .apply-button:hover{background:var(--secondary);color:var(--gray)}@media (max-width: 768px){.career-title{font-size:2rem;padding:0 1rem 1rem 1rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{width:100%}.job-table-header,.job-item{grid-template-columns:1fr;text-align:left}.job-item span{padding-bottom:5px}.job-table-header span{display:none}.job-item .work-model:before{content:"Work model: ";font-weight:bold}.job-item .location:before{content:"Location: ";font-weight:bold}.job-item .department:before{content:"Department: ";font-weight:bold}.filter-bar .job-count{margin-top:1rem;text-align:right}}.form-container{display:flex;justify-content:center;background-color:var(--light-gray)}.form-heading{text-align:center;margin-bottom:40px}.form-heading h2{font-size:4rem;font-weight:700;line-height:130%;margin-bottom:2rem}.form-heading h2 span:first-child{color:#8ec641}.form-heading h2 span:nth-child(2){color:#0e0f47}.form-heading h2 span:last-child{color:black}.form-grid{padding:0 8rem;display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:stretch}.profile-card{background:#ffffff;border-radius:12px;padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.08)}.profile-card img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.profile-card h3{font-size:2rem;margin-bottom:1rem;color:#111;line-height:1.2}.profile-card p{color:#555555;font-size:1.1rem;line-height:1.5;margin-bottom:2.5rem}.ask-btn,.book-btn{line-height:1rem !important;font-size:1rem !important;display:block;width:100%;padding:0.6rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-bottom:1rem}.ask-btn{background:#d6f8d6;color:#1a7f1a}.form-group-inline{display:flex;gap:1rem}.contact-form input,.contact-form select,.contact-form textarea{font-family:sans-serif !important;font-style:normal;display:inline-block;width:100%;height:4rem;border:none;border-bottom:1px solid #6e6e6e;background:transparent;font-size:1.2rem;color:black;outline:none}.contact-form textarea{resize:vertical;height:100px}.contact-form input::placeholder,.contact-form textarea::placeholder,.contact-form select{color:gray !important}.contact-form select:valid{color:black}.submit-wrapper{margin-top:2rem !important;text-align:right}.submit-btn{font-size:1rem !important;background:#ff3c2f;color:white;padding:0.6rem 2rem !important;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:1rem;margin-bottom:1rem;transition:all 0.3s ease}.submit-btn:hover{background:green}@media (max-width: 1246px){.form-grid{padding:0}}@media (max-width: 992px){.form-grid{grid-template-columns:250px 1fr}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group-inline{flex-direction:column}.form-heading h2{font-size:2rem;font-weight:500}}.services-section{display:flex;justify-content:center;background-color:var(--light-gray)}.section-title-service{text-align:center;margin-bottom:60px}.section-title-service h2{font-size:2.8rem;color:var(--primary);margin-bottom:20px;position:relative;display:inline-block}.section-title-service h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:var(--accent);border-radius:3px}.section-title-service p{color:var(--gray);max-width:700px;margin:35px auto 0;font-size:1.2rem;line-height:1.7}.services-grid-service{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:35px}.service-card-service{border-radius:1rem;padding:1rem;background:white;overflow:hidden;transition:all 0.4s ease;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;transform:translateY(0);cursor:pointer}.service-card-service:hover{box-shadow:var(--hover-shadow)}.card-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.service-icon-service{display:flex;align-items:center;justify-content:center;color:black;font-size:25px;transition:all 0.4s ease;position:relative;z-index:1}.service-card-service:hover{background-color:var(--light-gray)}.service-content-service{padding-top:1rem;display:flex;flex-direction:column;text-align:center;flex-grow:1;position:relative;z-index:1}.service-content-service h3{font-size:1.6rem;margin-bottom:0.5rem;color:var(--primary);font-weight:700}.service-content-service p{color:var(--gray);margin-bottom:25px;font-size:1.1rem;line-height:1.7;flex-grow:1}.service-link{position:absolute;top:50%;left:50%;opacity:0;padding:12px 35px;background-color:var(--primary);color:white;text-decoration:none;border-radius:30px;font-weight:600;transition:all 0.9s ease;z-index:3;overflow:hidden}.service-link::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--primary);transition:width 0.9s ease;z-index:-1}.service-link:hover::before{width:100%}.service-card-service:hover .service-link{opacity:1;transform:translate(-50%, -50%) scale(1)}.service-link:hover{box-shadow:0 6px 20px rgba(26,58,108,0.5);transform:translateY(-2px) !important}@media (max-width: 992px){.services-grid-service{gap:25px}.service-content-service{padding:25px}}@media (max-width: 768px){.section-title-service h2{font-size:2.2rem}.section-title-service p{font-size:1.1rem}.service-icon-service{height:4rem;font-size:50px}}@media (max-width: 480px){.section-title-service h2{font-size:2rem}.service-icon-service{height:3rem;font-size:45px}.service-content-service{padding:20px}.service-content-service h3{font-size:1.4rem}.service-content-service p{font-size:1rem}}@media (max-width: 350px){.services-grid-service{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}}@media (max-width: 285px){.services-grid-service{grid-template-columns:repeat(auto-fit, minmax(185px, 1fr))}}.technologies-section{display:flex;justify-content:center;background-color:var(--white);position:relative;overflow:hidden}.technologies-section::before,.technologies-section::after{content:"";position:absolute;border-radius:50%;opacity:0.1;z-index:0}.technologies-section::before{top:-100px;right:-100px;width:300px;height:300px;background:linear-gradient(135deg, var(--accent), #3a9e8a)}.technologies-section::after{bottom:-150px;left:-150px;width:400px;height:400px;background:linear-gradient(135deg, var(--primary), #2c5aa0);opacity:0.05}.section-title-tech{text-align:center;margin-bottom:70px;position:relative;z-index:1}.section-title-tech h2{font-size:2.8rem;color:var(--primary);margin-bottom:15px;position:relative;display:inline-block}.section-title-tech h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:120px;height:5px;background:var(--accent);border-radius:3px}.section-title-tech p{color:var(--gray);max-width:800px;margin:35px auto 0;font-size:1.2rem;line-height:1.7}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:30px;position:relative;z-index:1}.tech-card{background:white;border-radius:15px;padding:30px 20px;text-align:center;box-shadow:var(--shadow);transition:all 2s ease;border:2px solid transparent;position:relative;overflow:hidden;animation:fadeInUp 0.9s ease forwards;opacity:0}.tech-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 2s ease}.tech-card:hover{transform:translateY(-10px);box-shadow:var(--hover-shadow);border-color:rgba(74,177,157,0.3)}.tech-card:hover::before{transform:scaleX(1)}.tech-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;background:linear-gradient(135deg, var(--light), #fff);border-radius:20px;font-size:40px;color:var(--primary);transition:all 0.9s ease}.tech-card:hover .tech-icon{background:linear-gradient(135deg, var(--primary), #2c5aa0);color:white;transform:scale(1.1);transition:all 0.9s ease}.tech-icon img{width:40px;height:40px;object-fit:contain;transition:all 0.9s ease}.tech-card:hover .tech-icon img{transform:scale(1.1)}.tech-name{font-size:1.3rem;font-weight:600;color:var(--primary);transition:all 0.3s ease}.tech-card a{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.tech-card a:hover .tech-name{color:var(--accent)}.tech-card:hover .tech-name{color:var(--accent)}@media (max-width: 992px){.tech-grid{gap:20px}.tech-card{padding:25px 15px}.tech-icon{width:70px;height:70px;font-size:35px}}@media (max-width: 768px){.technologies-section{padding:60px 30px}.section-title-tech h2{font-size:2.3rem}.section-title-tech p{font-size:1.1rem}.tech-grid{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px}}@media (max-width: 480px){.technologies-section{padding:50px 20px}.section-title-tech h2{font-size:2rem}.tech-icon{width:60px;height:60px;font-size:30px}.tech-name{font-size:1.1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tech-card:nth-child(1){animation-delay:0.1s}.tech-card:nth-child(2){animation-delay:0.2s}.tech-card:nth-child(3){animation-delay:0.3s}.tech-card:nth-child(4){animation-delay:0.4s}.tech-card:nth-child(5){animation-delay:0.5s}.tech-card:nth-child(6){animation-delay:0.6s}.tech-card:nth-child(7){animation-delay:0.7s}.tech-card:nth-child(8){animation-delay:0.8s}.tech-card:nth-child(9){animation-delay:0.9s}.tech-card:nth-child(10){animation-delay:1.0s}.tech-card:nth-child(11){animation-delay:1.1s}.tech-card:nth-child(12){animation-delay:1.2s}.tech-card:nth-child(13){animation-delay:1.3s}.tech-card:nth-child(14){animation-delay:1.4s}.custom-template-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:3rem;align-items:stretch}.custom-template-card{border-radius:8px;overflow:hidden;transition:all 0.3s ease-in-out;opacity:1;transform:scale(1);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.custom-template-card-color{background:#e5e5e5;box-shadow:0 10px 20px rgba(0,0,0,0.06)}.custom-template-card.hidden{opacity:0;transform:scale(0.95);pointer-events:none;position:absolute}.custom-template-card:hover{transform:translateY(-5px)}.custom-template-image{width:100%;height:auto;display:block}.client-custom-template-image{width:100px;text-align:center;margin:1rem 1rem 0}.custom-template-card img{max-width:100% !important}.custom-template-card{transition:all 0.3s ease-in-out}.custom-template-text{padding:1rem;text-align:center}.custom-template-text strong{display:block;font-size:1.1rem;margin-bottom:0.3rem;color:#111}.custom-portfolio-filter{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.custom-portfolio-filter li a{padding:0.5rem 1rem;background:#eee;border-radius:5px;text-decoration:none;font-weight:500;color:#333;transition:all 0.3s ease}.custom-portfolio-filter li a.active,.custom-portfolio-filter li a:hover{background:#333;color:#fff}@media (max-width: 992px){.custom-template-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.custom-template-grid{grid-template-columns:1fr}}.hidden{display:none !important}.body-title{font-size:42px;border-bottom:4px solid #113448 !important;padding:1px !important;max-width:85%;display:table;margin:auto}.category-block p{padding-bottom:10px !important}.life-at-syftet-custom-padding{padding:5rem 0 !important}.feature-row-margin{align-items:center !important;margin:1rem 0}.culture-wrapper{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.culture-heading h2{width:max-content;border-bottom:none;margin:0;font-size:32px;text-align:left !important;display:block !important;border-bottom:none !important;padding:0 !important}.culture-text{flex:2 1 300px;min-width:250px}.culture-text p{text-align:left;padding:5px 0 0 5px;margin:0;font-size:16px}@media (max-width: 786px){.life-at-syftet-custom-padding{padding:10rem 0 3rem 0 !important}}@media (max-width: 600px){.culture-heading h2{font-size:28px}}.feature-text{margin-top:10px}.feature-list p{margin:5px !important;line-height:1.4;font-size:16px;color:#333}.feature-list p:not(.quote):not(.quote-by)::before{content:url("icons/curved-arrow-icon.svg");display:inline-block;vertical-align:middle;margin-right:8px;transform:translateY(-1px)}.feature-list p b{color:#113448}.feature-list p:nth-child(-n+4){line-height:1.2;margin-bottom:2px}.feature-list .quote{margin-top:10px;font-style:italic;font-size:15.5px;color:#555;line-height:1.6}.feature-list .quote-by{text-align:end !important;font-weight:normal;margin-top:5px;font-size:15px;color:#444}.quote-by a{text-decoration:none;color:#444}.quote-by a:hover{color:var(--green)}.quote-by strong{font-size:1rem !important}
