@import url("https://fonts.googleapis.com/css2?family=Share+Tech&display=swap");body{margin:0;font-family:sans-serif;background-color:#e8e9eb}.sidebar{position:fixed;top:0;left:0;width:200px;height:100vh;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;padding-top:80px;overflow-y:auto;border-right:1px solid #daa520;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s linear;will-change:transform}.sidebar-item{display:flex;align-items:center;gap:12px;padding:15px 20px;text-decoration:none;cursor:pointer}.sidebar-item img{width:28px;height:28px}.sidebar-item span{color:#000;font-size:14px;font-family:Share Tech,sans-serif;font-size:20px;transition:color .2s ease}.sidebar-item.active span{color:#daa520;font-weight:700}h2.section-title{font-family:Bungee,system-ui,sans-serif}.sidebar-toggle{display:none;position:fixed;top:15px;left:20px;font-size:26px;cursor:pointer;z-index:1100}.sidebar-toggle img.toggle-img{width:45px;height:33px;margin-left:-5px;cursor:pointer;padding:0}.header{position:fixed;top:0;left:0;height:57.5px;justify-content:center;background-color:#fff;z-index:1200;border-bottom:1px solid #daa520}.center-box,.header{width:100%;display:flex;align-items:center;gap:5px}.logo{height:100px;margin-left:auto}.logo img{color:#daa520}.social{margin-left:auto}.social img{margin-top:9px;height:45px;width:45px}.social a:hover img{transform:scale(1.1)}@font-face{font-family:Bungee;src:url(/Fonts/Bungee-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.scroll-box{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:10px;scroll-snap-type:x mandatory;margin-bottom:20px}.card{flex:0 0 280px;height:520px;position:relative;border-radius:18px;overflow:hidden;scroll-snap-align:start;background-size:cover;background-position:50%}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.card span{position:absolute;bottom:22px;left:18px;color:#fff;font-size:22px;font-weight:700;z-index:1}.img1{background-image:url(/Images/imgc1.jpg)}.img2{background-image:url(/Images/imgc2.jpg)}.img3{background-image:url(/Images/imgc3.jpg)}.img4{background-image:url(/Images/imgc4.jpg)}.img5{background-image:url(/Images/imgc5.jpg)}.card:hover span{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.extra-menu{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease;opacity:0}.extra-menu.show{max-height:300px;opacity:1}.toggle-btn{background:none;border:none;cursor:pointer;margin:10px 0}.toggle-btn img{width:46px;transition:transform .3s ease;margin-left:70px}.toggle-btn.active img{transform:rotate(180deg)}.section-title{color:#daa520;font-family:Poppins,sans-serif;font-size:32px;margin-bottom:20px}.list-container{width:60%;display:flex;flex-direction:column;gap:5px;margin:50px auto auto}.rect-box{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;background:#fff;color:#fff;border-radius:8px;border-bottom:2px solid grey;height:150px;text-decoration:none;cursor:pointer}.rect-box img{width:120px;height:80px;min-width:120px;min-height:80px;object-fit:cover;border-radius:6px;flex-shrink:0;display:block}.text{flex:1 1;margin-right:15px;min-width:0}.text h3{margin:0}.text h3,.text p{color:#000;font-family:Share Tech}.text p{margin:5px 0 0;font-size:14px;opacity:.8}.rect-box:hover .text h3,.rect-box:hover .text p{color:#daa520;text-decoration:underline}.full-text{display:none}a{text-decoration:none}.source-box{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:4px 8px;border-radius:3px;font-family:Arial,sans-serif}.blog-container{max-width:800px;margin-top:20px;padding:15px;background-color:#fff}@media (min-width:771px){.blog-container{margin-top:50px;margin-left:240px}}.blog-title{font-size:40px;margin-bottom:10px;font-family:Share Tech}.blog-subtitle{font-size:35px;margin-top:25px}.blog-paragraph,.blog-subtitle{font-family:Share Tech,sans-serif}.blog-paragraph{line-height:1.7;margin-bottom:15px;font-size:20px}.blog-content img,.blog-image{width:100%;border-radius:10px;margin:15px 0}.blog-content img{max-width:100%;height:auto}.blog-list{padding-left:20px;font-family:Share Tech,sans-serif}.blog-list li{margin-bottom:8px}@media (max-width:767px){.sidebar{transform:translateX(-100%);visibility:hidden}.sidebar.active{transform:translateX(0);visibility:visible}.sidebar-toggle{display:block}.list-container{width:90%;padding:10px 0;box-sizing:border-box}.rect-box{padding:10px;gap:10px;height:auto;min-height:110px}.rect-box img{width:100px;height:70px;min-width:100px;min-height:70px}.text h3{font-size:16px}.text p{font-size:12px}.toggle-btn img{margin-left:70px}}@media (min-width:771px){.header{height:65px}.toggle-btn img{margin-left:50px}.list-container{margin-left:240px}.short-text{display:none}.full-text{display:block}.logo{margin-left:42.5%;height:100px}.social img{height:50px;width:auto}.rect-box img{width:200px;height:120px;min-width:200px;min-height:120px}}