*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#000;background:#fff;font-weight:300;height:100vh}body.projects-active{overflow-y:auto;height:auto}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#666}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.3;margin-bottom:15px}h1{font-size:42px;letter-spacing:3px;text-transform:uppercase}h2{font-size:36px;letter-spacing:3px;text-transform:uppercase}h3{font-size:18px;font-weight:400}p{font-size:14px;line-height:1.5;font-weight:300;color:#666}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:15px;color:#000}.section-header p{font-size:16px;color:#666;letter-spacing:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-light{color:#999}.text-lighter{color:#ccc}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.letter-spacing-1{letter-spacing:1px}.letter-spacing-2{letter-spacing:2px}.letter-spacing-3{letter-spacing:3px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:0.5s ease}.loading-screen h3{color:#fff;font-weight:300;letter-spacing:2px}.navbar{position:fixed;top:0;left:0;right:0;background:transparent;z-index:1000;padding:30px 0;transition:0.4s ease;padding:10px 0}.navbar.scrolled{background:rgba(0,0,0,0.95)!important;backdrop-filter:blur(15px);box-shadow:0 2px 20px rgba(0,0,0,0.3);padding:6px 0}.navbar.dark-bg{background:linear-gradient(180deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.1) 70%,transparent 100%);backdrop-filter:blur(5px);padding:20px 0}.navbar-brand{font-size:24px;font-weight:300;color:#fff!important;text-decoration:none;letter-spacing:2px;transition:0.3s ease}.navbar-brand:hover{color:rgba(255,255,255,0.8)!important}.navbar-brand .navbar-logo{width:100%;max-width:100px;height:auto;object-fit:contain}.navbar-toggler{border:none;padding:0}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.nav-link{font-size:12px;font-weight:400;color:#fff!important;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin:0 20px;transition:0.4s ease;position:relative}.nav-link::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;background:#fff;transition:0.4s ease;transform:translateX(-50%)}.nav-link:hover{color:rgba(255,255,255,0.8)!important}.nav-link:hover::after{width:100%}.language-switcher{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:25px;padding:4px 6px;transition:0.4s ease}.language-switcher:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.language-switcher a{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:20px;text-decoration:none;color:rgba(255,255,255,0.8);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;transition:0.4s ease;position:relative;overflow:hidden}.language-switcher a::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.1);border-radius:20px;transform:scale(0);transition:0.4s ease}.language-switcher a:hover{color:#fff;transform:scale(1.05)}.language-switcher a:hover::before{transform:scale(1)}.language-switcher a.active{background:rgba(255,255,255,0.2);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.language-switcher a.active::before{transform:scale(1)}.language-switcher a::after{content:"";width:16px;height:12px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.language-switcher a[href*="lang=en"]::after{background-image:url("/saylay-insaat-static/app_statics/images/flags/gb.svg?ce3ea8cba8f5")}.language-switcher a[href*="lang=tr"]::after{background-image:url("/saylay-insaat-static/app_statics/images/flags/tr.svg?ce3ea8cba8f5")}@media (max-width:768px){.language-switcher{margin-top:8px;justify-content:center;max-width:40%}.language-switcher a{font-size:11px;padding:4px 6px;flex:1;justify-content:center}.language-switcher a::after{width:14px;height:10px}.navbar-collapse .language-switcher{margin-top:15px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.1)}}.hero-banner{height:100vh;width:100%;position:relative}.hero-swiper{width:100%;height:100%}.swiper-slide{position:relative;overflow:hidden}.slide-content{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.slide-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slide-image img{width:100%;height:100%;object-fit:cover;transition:0.8s ease}.swiper-slide-active .slide-image img{transform:scale(1.1)}.slide-text{position:relative;z-index:2;text-align:left;color:#fff;max-width:500px;padding:30px 40px;margin:0 0 100px 60px;opacity:0;transform:translateY(50px);transition:0.8s ease 0.3s;background:rgba(0,0,0,0.1);backdrop-filter:blur(3px);border-radius:6px;border:1px solid rgba(255,255,255,0.02)}.slide-text h1{font-size:42px;font-weight:300;margin-bottom:20px;letter-spacing:3px;line-height:1.1;text-shadow:1px 1px 3px rgba(0,0,0,0.4);text-transform:uppercase}.slide-text p{font-size:16px;font-weight:300;letter-spacing:1.5px;text-shadow:1px 1px 2px rgba(0,0,0,0.4);line-height:1.4;opacity:0.9}.swiper-slide-active .slide-text{opacity:1;transform:translateY(0)}.swiper-button-next,.swiper-button-prev{color:#fff!important;background:rgba(0,0,0,0.3);width:60px!important;height:60px!important;border-radius:50%;backdrop-filter:blur(10px);transition:0.4s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,0.6);transform:scale(1.1)}.swiper-button-next::after,.swiper-button-prev::after{font-size:20px!important;font-weight:bold}.swiper-pagination{bottom:60px!important;display:flex;justify-content:center;align-items:center;gap:15px}.swiper-pagination-bullet{width:40px!important;height:3px!important;background:rgba(255,255,255,0.4)!important;opacity:1!important;margin:0!important;border-radius:2px!important;transition:0.4s ease;position:relative;overflow:hidden}.swiper-pagination-bullet::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:left 0.4s ease}.swiper-pagination-bullet-active{background:rgba(255,255,255,0.8)!important;transform:scaleX(1.2)}.swiper-pagination-bullet-active::before{left:0}.projects-timeline-section{padding:120px 0;background:#f8f9fa}.timeline{position:relative;max-width:1200px;margin:0 auto;padding:40px 0;width:100%}.timeline::before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,#e0e0e0 0%,#ccc 50%,#e0e0e0 100%);transform:translateX(-50%);z-index:1}.timeline-item{position:relative;margin-bottom:60px;display:flex;align-items:center;width:100%}.timeline-item-left{flex-direction:row;justify-content:flex-start}.timeline-item-right{flex-direction:row-reverse;justify-content:flex-end}.timeline-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;width:16px}.marker-dot{width:16px;height:16px;background:#000;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,0.1);transition:0.4s ease}.timeline-item:hover .marker-dot{transform:scale(1.1);box-shadow:0 0 0 3px rgba(0,0,0,0.1)}.marker-line{width:1px;height:50px;background:#e0e0e0;margin-top:8px}.timeline-content{width:50%;padding:0 30px}.timeline-item-left .timeline-content{text-align:right;margin-right:auto}.timeline-item-right .timeline-content{text-align:left;margin-left:auto}.no-projects{text-align:center;padding:80px 20px}.no-projects-content{max-width:400px;margin:0 auto}.no-projects-content i{font-size:64px;color:#e0e0e0;margin-bottom:20px}.no-projects-content h3{font-size:24px;font-weight:400;color:#666;margin-bottom:10px}.no-projects-content p{font-size:16px;color:#999;line-height:1.6}@media (max-width:991px){.timeline::before{left:15px!important;transform:none}.timeline-item{flex-direction:column!important;align-items:flex-start;margin-bottom:40px;margin-left:10px!important}.timeline-item-left,.timeline-item-right{flex-direction:column!important;justify-content:flex-start}.timeline-marker{position:static;left:0;top:0;transform:none;margin-bottom:15px;width:32px;align-items:flex-start}.timeline-content{width:100%;padding:0 15px 0 5px!important;text-align:left!important;margin:0}}@media (max-width:600px){.projects-timeline-section{padding:40px 0}.timeline{padding:15px 0}.timeline-marker{width:24px}.marker-dot{width:12px;height:12px}.timeline-content{padding:0 10px}.no-projects{padding:30px 10px}.no-projects-content i{font-size:40px}.no-projects-content h3{font-size:18px}.no-projects-content p{font-size:14px}}.project-card{background:#fff;border-radius:12px;overflow:hidden;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.project-image{position:relative;height:100%;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);max-height:200px}.project-card:hover .project-image img{transform:scale(1.06)}.no-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#64748b;font-size:14px;font-weight:300}.no-image-placeholder i{font-size:36px;margin-bottom:8px;opacity:0.4;color:#94a3b8}.no-image-placeholder span{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:500;color:#64748b}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;opacity:1;transition:opacity 0.3s ease}.project-card:hover .project-overlay{opacity:1}.project-year{position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.95);color:#1e293b;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:0.5px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.project-details{color:white}.project-category{font-size:9px;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-weight:600;background:rgba(255,255,255,0.2);padding:4px 10px;border-radius:10px;display:inline-block;width:fit-content;backdrop-filter:blur(10px)}.project-title{font-size:18px;font-weight:600;margin-bottom:4px;color:white;line-height:1.3;letter-spacing:-0.01em;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.project-title.home-page{font-size:24px;font-weight:700;margin-bottom:10px;color:white;line-height:1.3}.project-description{font-size:13px;color:rgba(255,255,255,0.9);line-height:1.4;margin-bottom:6px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.project-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{background:rgba(255,255,255,0.2);color:white;padding:3px 6px;border-radius:6px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.3);transition:all 0.2s ease;backdrop-filter:blur(10px)}.tag:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5)}.project-hero{position:relative;height:100vh;min-height:600px;overflow:hidden}@media (max-width:768px){.project-hero{height:60vh;min-height:400px}}.hero-image-container{position:relative;width:100%;height:100%;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);max-height:100vh}.hero-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#64748b}.hero-placeholder i{font-size:48px;margin-bottom:15px;opacity:0.4;color:#94a3b8}.hero-placeholder span{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:500;color:#64748b}.hero-overlay{max-height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.9) 100%);display:flex;align-items:center;padding:60px 0}@media (max-width:768px){.hero-overlay{padding:30px 0}}.hero-content{color:white;max-width:800px}.project-categories{margin-bottom:15px}.project-categories .category-badge{background:rgba(255,255,255,0.2);color:white;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-right:6px;margin-bottom:6px;display:inline-block;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease}.project-categories .category-badge:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px)}.project-title{font-size:56px;font-weight:700;margin-bottom:15px;line-height:1.2;letter-spacing:-0.02em;text-shadow:0 2px 4px rgba(0,0,0,0.3)}@media (max-width:768px){.project-title{font-size:36px}}@media (max-width:480px){.project-title{font-size:24px}}.project-title.home-page{font-size:24px;font-weight:700;margin-bottom:15px;line-height:1.2;letter-spacing:-0.02em}.project-subtitle{font-size:18px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.9);margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,0.3)}@media (max-width:768px){.project-subtitle{font-size:16px}}.project-info-section{padding:100px 0;background:#fff}@media (max-width:768px){.project-info-section{padding:60px 0}}.project-content{margin-bottom:80px}.project-content .content-block{font-size:16px;line-height:1.8;color:#666}.project-content .content-block h1,.project-content .content-block h2,.project-content .content-block h3,.project-content .content-block h4,.project-content .content-block h5,.project-content .content-block h6{color:#000;margin-top:40px;margin-bottom:15px;font-weight:600}.project-content .content-block h1{font-size:36px}.project-content .content-block h2{font-size:24px}.project-content .content-block h3{font-size:18px}.project-content .content-block p{margin-bottom:15px}.project-content .content-block img{max-width:100%;height:auto;border-radius:12px;margin:15px 0}.project-content .content-block ul,.project-content .content-block ol{margin-bottom:15px;padding-left:20px}.project-content .content-block li{margin-bottom:6px}.project-content .content-block blockquote{border-left:4px solid #000;padding-left:15px;margin:20px 0;font-style:italic;color:#666;background:#f8f9fa;padding:15px;border-radius:0 12px 12px 0}.project-gallery{margin-bottom:80px}.project-gallery .gallery-title{font-size:24px;font-weight:600;color:#000;margin-bottom:30px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr;gap:8px}}.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-image{width:100%;height:250px;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;padding:15px;font-size:12px;font-weight:500}.project-sidebar{position:sticky;top:100px}@media (max-width:1024px){.project-sidebar{position:static;margin-top:40px}}.sidebar-card{background:#fff;border-radius:12px;padding:30px;margin-bottom:15px;box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid #f0f0f0}.sidebar-title{font-size:18px;font-weight:600;color:#000;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.detail-list .detail-item{display:flex;flex-direction:column;margin-bottom:15px}.detail-list .detail-item:last-child{margin-bottom:0}.detail-list .detail-label{display:flex;align-items:center;font-size:12px;font-weight:500;color:#999;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}.detail-list .detail-label i{margin-right:6px;width:16px;text-align:center;color:#000}.detail-list .detail-value{font-size:16px;font-weight:400;color:#000;line-height:1.5}.category-tags{display:flex;flex-wrap:wrap;gap:4px}.category-tags .category-tag{background:#f8f9fa;color:#666;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #f0f0f0;transition:all 0.2s ease}.category-tags .category-tag:hover{background:#000;color:#fff;border-color:#000}.related-projects-section{padding:100px 0;background:#f8f9fa}@media (max-width:768px){.related-projects-section{padding:60px 0}}.section-title{font-size:36px;font-weight:600;color:#000;margin-bottom:40px;text-align:center}.related-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}@media (max-width:480px){.related-projects-grid{grid-template-columns:1fr;gap:15px}}.related-project-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.related-project-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.related-project-card:hover .project-image img{transform:scale(1.08)}.related-project-card .project-image{height:280px;position:relative;overflow:hidden}.related-project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.related-project-card .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:1}.related-project-card .project-year{position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.95);color:#000;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:0.5px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.related-project-card .project-details{color:white}.related-project-card .project-category{font-size:9px;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-weight:600;background:rgba(255,255,255,0.2);padding:4px 10px;border-radius:10px;display:inline-block;width:fit-content;backdrop-filter:blur(10px)}.related-project-card .project-title{font-size:16px;font-weight:600;margin-bottom:4px;color:white;line-height:1.3;letter-spacing:-0.01em;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.related-project-card .project-description{font-size:12px;color:rgba(255,255,255,0.9);line-height:1.4;margin-bottom:0;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.project-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.modal-content{border-radius:12px;border:none;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.modal-header{border-bottom:1px solid #f0f0f0;padding:15px 20px}.modal-header .modal-title{font-size:16px;font-weight:600;color:#000}.modal-header .btn-close{background:none;border:none;font-size:18px;color:#666;transition:color 0.2s ease}.modal-header .btn-close:hover{color:#000}.modal-body{padding:0}.modal-body .modal-image{width:100%;height:auto;border-radius:0 0 12px 12px}@media (max-width:768px){.project-hero{height:50vh;min-height:300px}.hero-overlay{padding:20px 0}.project-title{font-size:24px}.project-subtitle{font-size:16px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.related-projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:480px){.project-hero{height:40vh;min-height:250px}.hero-content{text-align:center}.project-categories{text-align:center}.gallery-grid{grid-template-columns:1fr}.related-projects-grid{grid-template-columns:1fr}.sidebar-card{padding:15px}}.fade-in{animation:fadeIn 0.6s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft 0.6s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight 0.6s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.footer.custom-footer{background:#111;color:#e5e7eb;margin:0 auto;box-shadow:0 2px 24px 0 rgba(0,0,0,0.1);padding:0}.footer-content{padding-top:48px;padding-bottom:24px}.footer-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-logo-icon{font-size:2rem;margin-right:0.5rem;color:#fff}.footer-logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-0.5px}.footer-address{font-size:1rem;color:#e5e7eb;margin-bottom:1.5rem}.footer-contact-label{font-size:0.9rem;color:#a1a1aa;margin-bottom:0.2rem}.footer-contact-value{font-size:14px;color:#fff;font-weight:500}.footer-links-title{font-size:1.1rem;color:#d1d5db;font-weight:600;margin-bottom:1rem}.footer-links-list{list-style:none;padding:0;margin:0}.footer-content .col-lg-8 .row .col-12{position:relative}@media (min-width:768px){.footer-content .col-lg-8 .row .col-12:not(:last-child){border-right:1px solid #333;padding-right:1.5rem}.footer-content .col-lg-8 .row .col-12:not(:first-child){padding-left:1.5rem}}@media (max-width:767px){.footer-content .col-lg-8 .row .col-12:not(:last-child){border-bottom:1px solid #333;padding-bottom:1.5rem;margin-bottom:1.5rem}}.footer-links-list a{color:#e5e7eb;text-decoration:none;font-size:12px;transition:color 0.2s}.footer-links-list a:hover{color:#fff;text-decoration:underline}.footer-view-all{color:#d1d5db!important;font-weight:600!important;font-size:13px!important;display:inline-block;position:relative;text-transform:uppercase;letter-spacing:0.5px}.footer-view-all::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#f3f4f6,#9ca3af);transition:width 0.3s ease}.footer-view-all:hover{color:#f3f4f6!important;transform:translateX(3px);transition:all 0.3s ease;text-decoration:none!important}.footer-view-all:hover::after{width:calc(100% - 15px)}.footer-bottom{border-top:1px solid #222;color:#a1a1aa;font-size:0.95rem;background:transparent;margin-top:0}.footer-bottom img{width:100%;max-width:100px;height:auto;object-fit:contain}@media (max-width:991px){.footer-content{flex-direction:column;padding-top:32px;padding-bottom:16px}.footer-logo{justify-content:center}.footer-bottom{font-size:0.9rem}}@media (max-width:767px){.footer.custom-footer{border-radius:0;max-width:100%}.footer-content{padding-top:24px;padding-bottom:8px}.footer-logo{font-size:1.2rem}.footer-logo-icon{font-size:1.5rem}.footer-links-title{font-size:1rem}.footer-links-list a{font-size:0.95rem}}.faq-section-modern{padding:60px 0;background:#ffffff;margin:0}.faq-section-modern .section-header{text-align:center;margin-bottom:50px}.faq-section-modern .section-header h2{color:#333333;margin-bottom:16px;font-size:2.2rem;font-weight:600}.faq-section-modern .section-header p{color:#666666;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.faq-section-modern .faq-accordion-modern{max-width:800px;margin:0 auto}.faq-section-modern .faq-item-modern{background:#ffffff;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:box-shadow 0.3s ease;border:1px solid #e5e5e5}.faq-section-modern .faq-item-modern:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.faq-section-modern .faq-item-modern.open{box-shadow:0 4px 16px rgba(0,0,0,0.15)}.faq-section-modern .faq-question-modern{width:100%;background:#ffffff;border:none;color:#333333;font-size:1.1rem;font-weight:500;padding:20px 24px 0 24px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;transition:background-color 0.3s ease;outline:none;padding-bottom:20px}.faq-section-modern .faq-question-modern:hover{background:#f8f9fa}.faq-section-modern .faq-question-modern .faq-icon{font-size:1.2rem;color:#666666;min-width:24px;display:flex;align-items:center;justify-content:center}.faq-section-modern .faq-question-modern .faq-title{flex:1;font-weight:500;font-size:1.1rem;line-height:1.4;color:#333333}.faq-section-modern .faq-question-modern .faq-toggle-icon{transition:transform 0.3s ease;color:#666666;font-size:1rem;min-width:20px;display:flex;align-items:center;justify-content:center}.faq-section-modern .faq-question-modern .faq-toggle-icon i{transition:transform 0.3s ease}.faq-section-modern .faq-item-modern.open .faq-question-modern{background:#f8f9fa}.faq-section-modern .faq-item-modern.open .faq-question-modern .faq-icon{color:#333333}.faq-section-modern .faq-item-modern.open .faq-question-modern .faq-title{color:#333333}.faq-section-modern .faq-item-modern.open .faq-question-modern .faq-toggle-icon{color:#333333}.faq-section-modern .faq-item-modern.open .faq-question-modern .faq-toggle-icon i{transform:rotate(180deg)}.faq-section-modern .faq-answer-modern{max-height:0;overflow:hidden;background:#ffffff;color:#555555;font-size:1rem;line-height:1.6;padding:0 24px;transition:max-height 0.3s ease,padding 0.3s ease;border-top:1px solid transparent}.faq-section-modern .faq-answer-modern .faq-content{padding:0 0 20px 0}.faq-section-modern .faq-item-modern.open .faq-answer-modern{max-height:500px;padding:16px 24px 24px 24px;border-top:1px solid #e5e5e5}.faq-section-modern .no-faqs{text-align:center;padding:40px 20px}.faq-section-modern .no-faqs .no-faqs-content{max-width:400px;margin:0 auto}.faq-section-modern .no-faqs .no-faqs-content i{font-size:2.5rem;color:#cccccc;margin-bottom:16px;display:block}.faq-section-modern .no-faqs .no-faqs-content h3{color:#666666;font-size:1.3rem;font-weight:500;margin-bottom:8px}.faq-section-modern .no-faqs .no-faqs-content p{color:#888888;font-size:1rem;line-height:1.5}@media (max-width:768px){.faq-section-modern{padding:40px 0}.faq-section-modern .section-header{margin-bottom:30px}.faq-section-modern .section-header h2{font-size:1.8rem}.faq-section-modern .section-header p{font-size:1rem}.faq-section-modern .faq-accordion-modern{max-width:100%;padding:0 16px}.faq-section-modern .faq-question-modern{padding:18px 20px;font-size:1rem;gap:12px}.faq-section-modern .faq-question-modern .faq-icon{min-width:20px;font-size:1.1rem}.faq-section-modern .faq-question-modern .faq-title{font-size:1rem}.faq-section-modern .faq-answer-modern{padding:0 20px}.faq-section-modern .faq-answer-modern .faq-content{font-size:0.95rem}.faq-section-modern .faq-item-modern.open .faq-answer-modern{padding:14px 20px 20px 20px}}@media (max-width:480px){.faq-section-modern{padding:30px 0}.faq-section-modern .section-header h2{font-size:1.6rem}.faq-section-modern .faq-question-modern{padding:16px 18px;gap:10px}.faq-section-modern .faq-question-modern .faq-icon{min-width:18px;font-size:1rem}.faq-section-modern .faq-answer-modern{padding:0 18px}.faq-section-modern .faq-answer-modern .faq-content{font-size:0.9rem}.faq-section-modern .faq-item-modern.open .faq-answer-modern{padding:12px 18px 18px 18px}}.project-list-container{margin:60px auto;padding:0 20px}.project-list-container .page-title{text-align:center;font-size:36px;margin-bottom:40px;font-weight:500;letter-spacing:1px;color:#000;position:relative;margin-top:100px}.project-list-container .page-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#000,#666);border-radius:2px}.project-list-container .project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;justify-content:center;max-width:1600px;margin:0 auto}.project-list-container .project-grid .project-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;transition:all 0.4s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.project-list-container .project-grid .project-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.1),rgba(0,0,0,0.3));opacity:0;transition:opacity 0.4s ease;z-index:1}.project-list-container .project-grid .project-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.2)}.project-list-container .project-grid .project-card:hover::before{opacity:1}.project-list-container .project-grid .project-card:hover .project-image{transform:scale(1.05)}.project-list-container .project-grid .project-card:hover .project-info{opacity:1;transform:translateY(0)}.project-list-container .project-grid .project-card .project-image-container{position:relative;width:100%;height:100%;overflow:hidden;background:#f8f9fa}.project-list-container .project-grid .project-card .project-image-container .project-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;opacity:0;transform:scale(1.1)}.project-list-container .project-grid .project-card .project-image-container .project-image.loaded{opacity:1;transform:scale(1)}.project-list-container .project-grid .project-card .project-image-container .image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f0f0f0 25%,#f8f9fa 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:0;opacity:1;transition:opacity 0.3s ease}.project-list-container .project-grid .project-card .project-image-container .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite;z-index:1;opacity:1;transition:opacity 0.3s ease}.project-list-container .project-grid .project-card .project-image-container .image-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#666;font-size:12px;z-index:1}.project-list-container .project-grid .project-card .project-image-container .image-error span{font-size:2rem;margin-bottom:6px;opacity:0.7}.project-list-container .project-grid .project-card .project-image-container .image-error p{margin:0;font-weight:500}.project-list-container .project-grid .project-card .project-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:#fff;padding:40px 30px 30px;opacity:0;transform:translateY(20px);transition:all 0.4s ease;z-index:2}.project-list-container .project-grid .project-card .project-info .project-title{font-size:24px;margin:0 0 6px 0;font-weight:600;color:#fff;line-height:1.3}.project-list-container .project-grid .project-card .project-info .project-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.project-list-container .project-grid .project-card .project-info .project-title a:hover{color:#f8f9fa}.project-list-container .project-grid .project-card .project-info .project-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.8);margin-bottom:15px;flex-wrap:wrap}.project-list-container .project-grid .project-card .project-info .project-meta .project-year{background:#000;color:#fff;padding:4px 12px;border-radius:8px;font-weight:500;font-size:11px;letter-spacing:0.5px}.project-list-container .project-grid .project-card .project-info .project-meta .project-categories{display:flex;gap:4px;flex-wrap:wrap}.project-list-container .project-grid .project-card .project-info .project-meta .project-categories .category{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:8px;padding:4px 10px;font-size:11px;color:#fff;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px)}.project-list-container .project-grid .project-card .project-info .project-meta .project-categories .category:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5)}.project-list-container .project-grid .project-card .project-info .project-desc{color:rgba(255,255,255,0.9);margin-bottom:20px;line-height:1.6;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.project-list-container .project-grid .project-card .project-info .project-detail-link{color:#fff;text-decoration:none;font-weight:500;font-size:12px;transition:all 0.3s ease;display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;backdrop-filter:blur(10px);background:rgba(255,255,255,0.1);justify-content:space-between}.project-list-container .project-grid .project-card .project-info .project-detail-link::after{content:'→';transition:transform 0.3s ease}.project-list-container .project-grid .project-card .project-info .project-detail-link:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5)}.project-list-container .project-grid .project-card .project-info .project-detail-link:hover::after{transform:translateX(3px)}.project-list-container .project-grid .empty-state{grid-column:1 / -1;text-align:center;padding:100px 30px;background:#f8f9fa;border-radius:20px;border:2px dashed #f0f0f0}.project-list-container .project-grid .empty-state .empty-icon{font-size:4rem;margin-bottom:15px;opacity:0.7}.project-list-container .project-grid .empty-state h3{color:#000;font-size:24px;margin-bottom:6px;font-weight:500}.project-list-container .project-grid .empty-state p{color:#666;font-size:14px;margin:0}.project-list-container .pagination-container{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:20px}.project-list-container .pagination-container .pagination-info .pagination-text{color:#666;font-size:12px;font-weight:500}.project-list-container .pagination-container .pagination-nav{display:flex;align-items:center;gap:6px;background:#fff;padding:8px;border-radius:15px;box-shadow:0 2px 12px rgba(0,0,0,0.08);border:1px solid #f0f0f0}.project-list-container .pagination-container .pagination-nav .pagination-numbers{display:flex;align-items:center;gap:4px}.project-list-container .pagination-container .pagination-nav .pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:8px;text-decoration:none;color:#666;font-weight:500;font-size:12px;transition:all 0.3s ease;border:1px solid transparent}.project-list-container .pagination-container .pagination-nav .pagination-link:hover{background:#f8f9fa;color:#000;border-color:#f0f0f0;transform:translateY(-1px)}.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-current{background:#000;color:#fff;border-color:#000;font-weight:600}.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-first,.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-last{font-size:14px;font-weight:700}.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-prev,.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-next{font-size:18px;font-weight:700}.project-list-container .pagination-container .pagination-nav .pagination-link span{display:flex;align-items:center;justify-content:center}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-list-container .project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}}@media (max-width:768px){.project-list-container{padding:0 15px}.project-list-container .project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width:480px){.project-list-container{margin:40px auto;padding:0 8px}.project-list-container .page-title{font-size:24px;margin-bottom:30px}.project-list-container .project-grid{grid-template-columns:1fr;gap:15px}.project-list-container .project-grid .project-card{aspect-ratio:4/3}.project-list-container .project-grid .project-card .project-info{padding:30px 15px 15px}.project-list-container .project-grid .project-card .project-info .project-title{font-size:18px}.project-list-container .project-grid .project-card .project-info .project-meta{margin-bottom:8px}.project-list-container .project-grid .project-card .project-info .project-desc{margin-bottom:15px;-webkit-line-clamp:2}.project-list-container .pagination-container{margin-top:60px}.project-list-container .pagination-container .pagination-nav{padding:6px;gap:4px}.project-list-container .pagination-container .pagination-nav .pagination-link{min-width:36px;height:36px;font-size:11px}.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-first,.project-list-container .pagination-container .pagination-nav .pagination-link.pagination-last{display:none}}.contact-hero{background:url("/saylay-insaat-static/app_statics/images/aparment.jpeg?ce3ea8cba8f5");background-size:cover;background-position:center;color:#fff;padding:150px 0;text-align:center}.contact-hero-content{max-width:600px;margin:0 auto;background:rgba(0,0,0,0.2);padding:60px}.contact-hero-content h1{font-size:56px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.1);color:#fff}.contact-hero-content p{font-size:18px;line-height:1.6;opacity:0.9;color:#fff}.contact-info-section{padding:120px 0;background:#f8f9fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:0 auto}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:60px}}.contact-form-container{background:#fff;padding:60px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #e0e0e0}.contact-form-container h2{font-size:36px;font-weight:600;color:#666;margin-bottom:40px;text-align:center}.contact-form .form-group{margin-bottom:30px}.contact-form .form-group label{display:block;font-weight:500;color:#666;margin-bottom:6px;font-size:12px}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;transition:0.4s ease;background:#fff}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,0.1)}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#999}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;padding:20px 20px;font-size:18px;font-weight:700;border-radius:10px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#000 0%,#000 100%);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(0,0,0,0.3)}.contact-form .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.contact-form .btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.4);background:linear-gradient(135deg,#000 0%,#000 100%)}.contact-form .btn:hover::before{left:100%}.contact-form .btn:active{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,0.5)}.contact-form .btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,0.3),0 8px 30px rgba(0,0,0,0.4)}.contact-form .btn .btn-text,.contact-form .btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.3s ease}.contact-form .btn .btn-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-form .btn.loading{pointer-events:none;animation:pulse 2s infinite}.contact-form .btn.loading .btn-text{opacity:0}.contact-form .btn.loading .btn-loading{display:flex!important;opacity:1}@keyframes pulse{0%{box-shadow:0 4px 15px rgba(0,0,0,0.3)}50%{box-shadow:0 4px 25px rgba(0,0,0,0.6)}100%{box-shadow:0 4px 15px rgba(0,0,0,0.3)}}.contact-info h2{font-size:36px;font-weight:600;color:#666;margin-bottom:40px;text-align:center}.contact-item{display:flex;align-items:flex-start;margin-bottom:40px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:0.4s ease}.contact-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.contact-item .contact-icon{width:50px;height:50px;background:linear-gradient(135deg,#000 0%,#000 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.contact-item .contact-icon i{color:#fff;font-size:18px}.contact-item .contact-details{flex:1}.contact-item .contact-details h3{font-size:18px;font-weight:600;color:#666;margin-bottom:6px}.contact-item .contact-details p{color:#999;line-height:1.6;margin:0}.contact-item .contact-details p a{color:#000;text-decoration:none;transition:0.4s ease}.contact-item .contact-details p a:hover{color:#000;text-decoration:underline}.social-media{margin-top:60px;padding:40px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.08);text-align:center}.social-media h3{font-size:18px;font-weight:600;color:#666;margin-bottom:30px}.social-media .social-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-media .social-link{width:50px;height:50px;background:#000000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:0.4s ease;font-size:18px}.social-media .social-link:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,0.4);color:#fff;background:#333333}.map-section{padding:120px 0;background:#fff}.map-section h2{font-size:36px;font-weight:600;color:#666;text-align:center;margin-bottom:60px}.map-section .map-container{max-width:1200px;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #e0e0e0}.map-section .map-container iframe{display:block}@media (max-width:768px){.contact-hero{padding:100px 0}.contact-hero-content h1{font-size:42px}.contact-hero-content p{font-size:14px}.contact-info-section{padding:80px 0}.contact-form-container{padding:40px}.contact-item{padding:20px}.contact-item .contact-icon{width:40px;height:40px;margin-right:15px}.contact-item .contact-icon i{font-size:14px}.social-links{gap:8px}.social-link{width:45px;height:45px;font-size:14px}.map-section{padding:80px 0}}@media (max-width:480px){.contact-grid{gap:40px}.contact-form-container{padding:30px}.contact-item{flex-direction:column;text-align:center}.contact-item .contact-icon{margin-right:0;margin-bottom:15px}}.about-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#fafafa 100%)}.about-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about-hero .hero-background .hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.about-hero .hero-background .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%)}.about-hero .hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:60px 0}.about-hero .hero-content .hero-text{animation:fadeInUp 1s ease-out}.about-hero .hero-content .hero-text .hero-title{font-size:56px;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,0.3);letter-spacing:-0.02em}@media (max-width:768px){.about-hero .hero-content .hero-text .hero-title{font-size:42px}}@media (max-width:480px){.about-hero .hero-content .hero-text .hero-title{font-size:36px}}.about-hero .hero-content .hero-text .hero-subtitle{font-size:18px;font-weight:500;color:#fff;opacity:0.9;text-shadow:0 1px 2px rgba(0,0,0,0.3);margin:0}@media (max-width:480px){.about-hero .hero-content .hero-text .hero-subtitle{font-size:16px}}.about-content{padding:100px 0;background:#fff}.about-content .content-wrapper .about-text{font-size:16px;line-height:1.8;color:#666;text-align:justify}.about-content .content-wrapper .about-text h1,.about-content .content-wrapper .about-text h2,.about-content .content-wrapper .about-text h3,.about-content .content-wrapper .about-text h4,.about-content .content-wrapper .about-text h5,.about-content .content-wrapper .about-text h6{color:#000;font-weight:600;margin-bottom:15px;margin-top:30px}.about-content .content-wrapper .about-text h1{font-size:36px}.about-content .content-wrapper .about-text h2{font-size:24px}.about-content .content-wrapper .about-text h3{font-size:18px}.about-content .content-wrapper .about-text p{margin-bottom:15px;color:#666}.about-content .content-wrapper .about-text ul,.about-content .content-wrapper .about-text ol{margin-bottom:15px;padding-left:20px}.about-content .content-wrapper .about-text ul li,.about-content .content-wrapper .about-text ol li{margin-bottom:6px;color:#666}.about-content .content-wrapper .about-text blockquote{border-left:4px solid #000;padding-left:20px;margin:30px 0;font-style:italic;color:#666;background:#f8f9fa;padding:20px;border-radius:8px}.about-content .content-wrapper .about-text img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.about-content .content-wrapper .about-text a{color:#000;text-decoration:none;border-bottom:1px solid transparent;transition:0.3s ease}.about-content .content-wrapper .about-text a:hover{border-bottom-color:#000}.about-values{padding:100px 0;background:#f8f9fa}.about-values .value-card{background:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.08);transition:0.4s ease;height:100%;position:relative;overflow:hidden}.about-values .value-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#000,#666);transform:scaleX(0);transition:0.4s ease}.about-values .value-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.12)}.about-values .value-card:hover::before{transform:scaleX(1)}.about-values .value-card:hover .value-icon{transform:scale(1.1);background:#000;color:#fff}.about-values .value-card .value-icon{width:80px;height:80px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#000;transition:0.4s ease}.about-values .value-card .value-icon i{transition:0.4s ease}.about-values .value-card .value-title{font-size:18px;font-weight:600;color:#000;margin-bottom:15px}.about-values .value-card .value-description{font-size:14px;color:#666;line-height:1.6;margin:0}.about-stats{padding:100px 0;background:#000;color:#fff}.about-stats .stat-item{text-align:center;padding:30px 0}.about-stats .stat-item .stat-number{font-size:56px;font-weight:700;color:#fff;margin-bottom:8px;display:block;position:relative}.about-stats .stat-item .stat-number::after{content:'+';font-size:36px;color:rgba(255,255,255,0.7);margin-left:6px}@media (max-width:768px){.about-stats .stat-item .stat-number{font-size:42px}}@media (max-width:480px){.about-stats .stat-item .stat-number{font-size:36px}}.about-stats .stat-item .stat-label{font-size:16px;font-weight:500;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.05em}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-hero{min-height:50vh}.about-hero .hero-content{padding:40px 0}.about-content,.about-values,.about-stats{padding:60px 0}.value-card{padding:30px}}@media (max-width:480px){.about-hero{min-height:40vh}.about-hero .hero-content{padding:30px 0}.about-content,.about-values,.about-stats{padding:40px 0}.value-card{padding:20px;margin-bottom:15px}.stat-item{padding:20px 0}}.stat-item{opacity:0;animation:countUp 0.8s ease-out forwards;animation-delay:0.2s}.stat-item:nth-child(2){animation-delay:0.4s}.stat-item:nth-child(3){animation-delay:0.6s}.stat-item:nth-child(4){animation-delay:0.8s}html{scroll-behavior:smooth}.text-gradient{background:linear-gradient(135deg,#000,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#f0f0f0,transparent);margin:60px 0}body.home-page .navbar{position:fixed;top:0;left:0;right:0;background:transparent;z-index:1000;padding:30px 0;transition:0.4s ease;padding:10px 0}body.home-page main{margin-top:0!important}body.other-page .navbar{background:rgba(0,0,0,0.95);backdrop-filter:blur(15px);box-shadow:0 2px 20px rgba(0,0,0,0.3);padding:6px 0}body.project-list-page main{margin-top:100px!important}main{margin-top:60px}.btn{width:100%;padding:20px 20px;font-size:18px;font-weight:700;border-radius:10px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#000 0%,#000 100%);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(0,0,0,0.3)}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.4);background:linear-gradient(135deg,#000 0%,#000 100%)}.btn:hover::before{left:100%}.btn:active{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,0.5)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,0.3),0 8px 30px rgba(0,0,0,0.4)}.btn .btn-text,.btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.3s ease}.btn .btn-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn.loading{pointer-events:none;animation:pulse 2s infinite}.btn.loading .btn-text{opacity:0}.btn.loading .btn-loading{display:flex!important;opacity:1}.blog-list-hero{background:#f8f9fa;padding:80px 0 40px 0;text-align:center}.blog-list-hero .blog-list-title{font-size:42px;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;color:#000}.blog-list-hero .blog-list-subtitle{font-size:16px;color:#666;margin-bottom:20px;letter-spacing:1px}.blog-list-hero .blog-search-form{display:flex;justify-content:center;align-items:center;gap:10px}.blog-list-hero .blog-search-form input[type="text"]{padding:10px 20px;border:1px solid #f0f0f0;border-radius:12px;font-size:14px;width:260px;background:#fff;transition:border 0.3s ease}.blog-list-hero .blog-search-form input[type="text"]:focus{border-color:#000;outline:none}.blog-list-hero .blog-search-form button{background:#000;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background 0.3s ease}.blog-list-hero .blog-search-form button i{font-size:14px}.blog-list-hero .blog-search-form button:hover{background:#000}.blog-list-section{padding:80px 0}.blog-list-section .blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}@media (max-width:1024px){.blog-list-section .blog-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-list-section .blog-list-grid{grid-template-columns:1fr}}.blog-list-section .blog-card{background:#fff;border-radius:15px;box-shadow:0 2px 12px rgba(0,0,0,0.04);overflow:hidden;transition:box-shadow 0.3s ease,transform 0.3s ease}.blog-list-section .blog-card:hover{box-shadow:0 4px 24px rgba(0,0,0,0.1);transform:translateY(-4px)}.blog-list-section .blog-card .blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-list-section .blog-card .blog-card-image{width:100%;aspect-ratio:16/9;background:#fafafa;overflow:hidden}.blog-list-section .blog-card .blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.blog-list-section .blog-card .blog-card-content{padding:20px 20px 15px 20px;display:flex;flex-direction:column;flex:1 1 auto}.blog-list-section .blog-card .blog-card-content .blog-card-title{font-size:24px;font-weight:500;color:#000;margin-bottom:10px;letter-spacing:1px;line-height:1.3}.blog-list-section .blog-card .blog-card-content .blog-card-summary{font-size:14px;color:#666;margin-bottom:15px;flex:1 1 auto}.blog-list-section .blog-card .blog-card-content .blog-card-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#999}.blog-list-section .blog-card .blog-card-content .blog-card-meta .blog-card-date{display:flex;align-items:center;gap:4px}.blog-list-section .blog-card .blog-card-content .blog-card-meta .blog-card-date i{font-size:12px;color:#666}.blog-list-section .pagination{display:flex;justify-content:center;margin-top:30px}.blog-list-section .pagination .pagination-list{display:flex;gap:10px;list-style:none;padding:0;margin:0}.blog-list-section .pagination .pagination-list li.active span{background:#000;color:#fff;border-radius:8px;padding:0 15px;font-weight:500}.blog-list-section .pagination .pagination-list li a{display:block;padding:0 15px;height:36px;line-height:36px;border-radius:8px;color:#000;background:#f8f9fa;text-decoration:none;font-size:14px;transition:background 0.3s ease,color 0.3s ease}.blog-list-section .pagination .pagination-list li a:hover{background:#000;color:#fff}.blog-list-section .no-blogs-message{text-align:center;padding:60px 0;color:#666}.blog-list-section .no-blogs-message p{font-size:18px;color:#666}.blog-detail-hero{background:#f8f9fa;padding:80px 0 40px 0}.blog-detail-hero .blog-detail-header{display:flex;flex-wrap:wrap;gap:60px;align-items:flex-start}@media (max-width:768px){.blog-detail-hero .blog-detail-header{flex-direction:column;gap:30px}}.blog-detail-hero .blog-detail-header .blog-detail-image{flex:0 0 420px;max-width:420px;width:100%;aspect-ratio:16/9;background:#fafafa;border-radius:15px;overflow:hidden}.blog-detail-hero .blog-detail-header .blog-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-detail-hero .blog-detail-header .blog-detail-meta{flex:1 1 0}.blog-detail-hero .blog-detail-header .blog-detail-meta .blog-detail-title{font-size:42px;font-weight:500;color:#000;margin-bottom:15px;line-height:1.2}.blog-detail-hero .blog-detail-header .blog-detail-meta .blog-detail-info{display:flex;align-items:center;gap:15px;margin-bottom:15px}.blog-detail-hero .blog-detail-header .blog-detail-meta .blog-detail-info .blog-detail-date{font-size:14px;color:#666}.blog-detail-hero .blog-detail-header .blog-detail-meta .blog-detail-info .blog-detail-date i{margin-right:6px;color:#666}.blog-detail-hero .blog-detail-header .blog-detail-meta .blog-detail-summary{font-size:18px;color:#666;margin-bottom:20px}.blog-detail-content-section{padding:60px 0 80px 0;background:#fff}.blog-detail-content-section .blog-detail-content{font-size:16px;color:#000;line-height:1.7;max-width:820px;margin:0 auto}.blog-detail-content-section .blog-detail-content p{margin-bottom:20px}.blog-detail-content-section .blog-detail-content img{max-width:100%;border-radius:12px;margin:15px 0}.blog-detail-content-section .blog-detail-content h2,.blog-detail-content-section .blog-detail-content h3,.blog-detail-content-section .blog-detail-content h4{margin-top:30px;margin-bottom:15px;color:#000}.blog-detail-content-section .blog-detail-content ul,.blog-detail-content-section .blog-detail-content ol{margin-bottom:20px;padding-left:30px}.blog-detail-content-section .blog-detail-content blockquote{border-left:4px solid #000;padding-left:15px;color:#666;font-style:italic;margin:20px 0}.recent-blogs-section{background:#f8f9fa;padding:60px 0 80px 0}.recent-blogs-section .recent-blogs-title{font-size:36px;color:#000;margin-bottom:40px;text-align:center;font-weight:600}.recent-blogs-section .recent-blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width:1024px){.recent-blogs-section .recent-blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recent-blogs-section .recent-blogs-grid{grid-template-columns:1fr}}.recent-blogs-section .recent-blog-card{background:#fff;border-radius:15px;box-shadow:0 2px 12px rgba(0,0,0,0.04);overflow:hidden;transition:box-shadow 0.3s ease,transform 0.3s ease}.recent-blogs-section .recent-blog-card:hover{box-shadow:0 4px 24px rgba(0,0,0,0.1);transform:translateY(-4px)}.recent-blogs-section .recent-blog-card .recent-blog-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.recent-blogs-section .recent-blog-card .recent-blog-image{width:100%;aspect-ratio:16/9;background:#fafafa;overflow:hidden}.recent-blogs-section .recent-blog-card .recent-blog-image img{width:100%;height:100%;object-fit:cover;display:block}.recent-blogs-section .recent-blog-card .recent-blog-content{padding:20px 20px 15px 20px}.recent-blogs-section .recent-blog-card .recent-blog-content .recent-blog-title{font-size:18px;font-weight:500;color:#000;margin-bottom:10px;line-height:1.3}.recent-blogs-section .recent-blog-card .recent-blog-content .recent-blog-date{font-size:12px;color:#999;display:flex;align-items:center;gap:4px}.recent-blogs-section .recent-blog-card .recent-blog-content .recent-blog-date i{font-size:12px;color:#666}.error-404-section{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);overflow:hidden;padding:40px 0}.error-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.error-background::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid404" width="30" height="30" patternUnits="userSpaceOnUse"><path d="M 30 0 L 0 0 0 30" fill="none" stroke="%23333" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid404)"/></svg>');opacity:0.4}.floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0}.floating-shapes .shape{position:absolute;opacity:0.08;transition:all 10s cubic-bezier(0.25,0.46,0.45,0.94)}.floating-shapes .shape.shape-1{width:60px;height:60px;background:linear-gradient(45deg,gold,#ffb700);border-radius:50%;top:15%;left:15%}.floating-shapes .shape.shape-2{width:40px;height:40px;background:linear-gradient(135deg,gold,orange);border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;top:75%;right:25%}.floating-shapes .shape.shape-3{width:50px;height:30px;background:linear-gradient(225deg,#ffeb3b,#ffc107);border-radius:50px;top:35%;right:15%}.floating-shapes .shape.shape-4{width:45px;height:45px;background:linear-gradient(315deg,#fff59d,#ffcc02);border-radius:20% 80% 80% 20% / 80% 20% 20% 80%;bottom:25%;left:20%}.floating-shapes .shape.shape-5{width:55px;height:35px;background:linear-gradient(45deg,#fd4,#ffc107);border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;top:55%;left:55%}.error-content{position:relative;z-index:1;background:rgba(45,45,45,0.95);border-radius:15px;padding:40px 30px;box-shadow:0 15px 40px rgba(0,0,0,0.3);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,0.2)}@media (max-width:768px){.error-content{padding:30px 20px;margin:0 15px}}.error-number{margin-bottom:25px}.error-number .digit{font-size:5rem;font-weight:900;color:#ffd700;display:inline-block;margin:0 8px;text-shadow:2px 2px 0 #cc9900,3px 3px 0 #996600;transform:translateY(50px);opacity:0;transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55)}.error-number .digit.animate-in{transform:translateY(0);opacity:1}.error-number .digit.animate-bounce-1{animation:bounce404-1 3s infinite ease-in-out}.error-number .digit.animate-bounce-2{animation:bounce404-2 3s infinite ease-in-out 0.2s}.error-number .digit.animate-bounce-3{animation:bounce404-3 3s infinite ease-in-out 0.4s}@media (max-width:768px){.error-number .digit{font-size:3.5rem;margin:0 5px}}@media (max-width:480px){.error-number .digit{font-size:2.8rem}}.error-message{margin-bottom:30px}.error-message .error-title{font-size:1.8rem;font-weight:600;color:#ffffff;margin-bottom:15px}@media (max-width:768px){.error-message .error-title{font-size:1.5rem}}@media (max-width:480px){.error-message .error-title{font-size:1.3rem}}.error-message .error-description{font-size:0.95rem;color:#cccccc;line-height:1.5;max-width:500px;margin:0 auto}@media (max-width:768px){.error-message .error-description{font-size:0.9rem}}.error-actions{margin-bottom:35px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.error-actions .btn{padding:10px 20px;border-radius:25px;font-weight:500;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;font-size:0.9rem}.error-actions .btn.btn-primary{background:linear-gradient(135deg,gold,#ffb700);border:none;color:#1a1a1a}.error-actions .btn.btn-primary:hover{background:linear-gradient(135deg,#ffb700,orange);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,215,0,0.4);color:#1a1a1a}.error-actions .btn.btn-outline-secondary{border:1px solid #ffd700;color:#ffd700;background:transparent}.error-actions .btn.btn-outline-secondary:hover{background:#ffd700;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,215,0,0.3)}.error-actions .btn i{font-size:0.85rem}@media (max-width:768px){.error-actions .btn{padding:8px 16px;font-size:0.85rem}}.error-helpful-links{margin-bottom:25px}.error-helpful-links h5{color:#ffd700;font-weight:500;margin-bottom:15px;font-size:0.95rem}.error-helpful-links .helpful-links-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.error-helpful-links .helpful-links-grid .helpful-link{padding:8px 16px;background:rgba(255,215,0,0.15);color:#ffd700;text-decoration:none;border-radius:20px;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:400}.error-helpful-links .helpful-links-grid .helpful-link:hover{background:rgba(255,215,0,0.25);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,215,0,0.2)}.error-helpful-links .helpful-links-grid .helpful-link i{font-size:0.75rem}.error-go-back .btn-link{background:none;border:none;color:#cccccc;font-size:0.8rem;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px}.error-go-back .btn-link:hover{color:#ffd700;transform:translateX(-2px)}.error-go-back .btn-link i{transition:transform 0.3s ease;font-size:0.75rem}.error-go-back .btn-link:hover i{transform:translateX(-1px)}@keyframes bounce404-1{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@keyframes bounce404-2{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.1)}60%{transform:translateY(-6px) scale(1.05)}}@keyframes bounce404-3{0%,20%,50%,80%,100%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-15px) rotate(5deg)}60%{transform:translateY(-7px) rotate(-2deg)}}@media (max-width:576px){.error-404-section{padding:20px 0;min-height:calc(100vh - 100px)}.error-content{padding:25px 15px;border-radius:10px}.error-actions{flex-direction:column;gap:8px}.error-actions .btn{width:100%;max-width:200px}.helpful-links-grid{gap:8px}.helpful-links-grid .helpful-link{font-size:0.75rem;padding:6px 12px}}@media (max-width:768px){.slide-text{padding:25px 30px;max-width:90%;margin:0 0 80px 30px}.slide-text h1{font-size:28px;letter-spacing:2px}.slide-text p{font-size:14px;letter-spacing:1px}.navbar-brand{font-size:20px}.nav-link{margin:0 15px;font-size:11px}.swiper-button-next,.swiper-button-prev{width:50px!important;height:50px!important}.swiper-button-next::after,.swiper-button-prev::after{font-size:16px!important}.swiper-pagination{bottom:40px!important;gap:10px}.swiper-pagination-bullet{width:30px!important;height:2px!important}.timeline::before{left:30px}.timeline-item{flex-direction:row!important;margin-left:60px}.timeline-marker{left:30px}.timeline-content{width:100%;padding:0 20px 0 40px;text-align:left!important}.projects-timeline-section{padding:80px 0}.section-header h2{font-size:36px}.project-title{font-size:18px}.project-image{height:200px}}@media (max-width:480px){.slide-text{padding:20px 25px;max-width:95%;margin:0 0 60px 20px}.slide-text h1{font-size:22px;letter-spacing:1px}.slide-text p{font-size:12px}.slide-content{display:block!important}.slide-content .slide-text{position:absolute!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;margin:0 20px 60px 20px!important}.swiper-pagination{bottom:30px!important;gap:8px}.swiper-pagination-bullet{width:25px!important;height:2px!important}.timeline-item{margin-left:40px}.timeline-marker{left:20px}.timeline-content{padding:0 15px 0 30px}.project-details{padding:20px}.section-header h2{font-size:28px}.project-image{height:180px}}