.midddleman-hero-section{width:100%;padding:15px}.midddleman-hero-section section{border:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);border-radius:36px;flex-direction:column;align-items:center;gap:30px;width:100%;padding-top:90px;display:flex}.midddleman-hero-section section .top-container{justify-content:space-between;align-items:flex-start;gap:80px;width:100%;padding:0 80px;display:flex}.midddleman-hero-section section .top-container .back-btn{border:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);background:var(--Default-Color-Transparent-White,#fff3);cursor:pointer;border-radius:60px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:fit-content;height:40px;margin-top:60px;padding:10px;display:flex}.midddleman-hero-section section .top-container .back-btn p{color:var(--Default-Color-Dark-Ash,#292929);letter-spacing:.18px;font-size:18px;font-weight:500;line-height:0}.midddleman-hero-section section .top-container .main-content{border-left:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);flex-direction:column;flex:1;align-items:flex-start;gap:60px;padding:60px 80px 30px;display:flex}.midddleman-hero-section section .top-container .main-content h1{font-family:Nova Klasse,sans-serif;font-size:42px;font-weight:400;line-height:normal}.midddleman-hero-section section .top-container .main-content p{color:var(--Default-Color-Dark-Ash,#292929);opacity:.7;max-width:430px;font-size:24px;font-style:normal;font-weight:600;line-height:27px}.midddleman-hero-section section .top-container .all-contain{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:10px;padding:60px 0;display:flex}.midddleman-hero-section section .top-container .all-contain p{color:var(--Default-Color-Ash,#464646);text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:15px}.midddleman-hero-section section .top-container .all-contain h3{color:var(--Default-Color-Ash,#464646);font-family:Nova Klasse,sans-serif;font-size:27px;font-weight:400;line-height:24px}.midddleman-hero-section section .main-blog-container{border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:440px;text-decoration:none;display:flex;position:relative;overflow:hidden}.midddleman-hero-section section .main-blog-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.midddleman-hero-section section .main-blog-container .bg-d{background:#0000006d;width:100%;height:100%;position:absolute;top:0;left:0}.midddleman-hero-section section .main-blog-container .blog-content-container{z-index:2;flex-direction:column;align-items:flex-start;gap:45px;width:100%;padding:0 80px;display:flex;position:relative}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head{justify-content:space-between;align-items:center;width:100%;display:flex}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head h3{color:var(--Default-Color-Background-main,#f5f5ed);font-family:Nova Klasse,sans-serif;font-size:21px;font-weight:400;line-height:24px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head h3 span{color:var(--Default-Color-Background-main,#f5f5ed);font-size:15px;font-weight:600;line-height:15px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head .btn-container{gap:6px;display:flex}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head .btn-container .btn-tag{background:var(--Default-Color-Background-main,#f5f5ed);color:var(--Default-Color-Ash,#464646);border-radius:24px;align-items:flex-start;gap:1px;padding:3px 12px 9px;font-size:15px;font-weight:600;line-height:15px;display:flex;position:relative;overflow:hidden}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title{border-top:1px solid #f5f5ed;width:100%;padding-top:45px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title h2{color:var(--Default-Color-Background-main,#f5f5ed);max-width:562px;font-family:Nova Klasse,sans-serif;font-size:30px;font-weight:400;line-height:30px}.midddleman-hero-section section .main-blog-container.main-blog-container--skeleton{background:#ebebeb;height:440px}.midddleman-hero-section section .main-blog-container.main-blog-container--skeleton .blog-content-container{gap:24px}.midddleman-hero-section section .main-blog-container.main-blog-container--skeleton .blog-content-container .blog-title{border-top:1px solid #ffffff26;padding-top:24px}.midddleman-hero-section section .mhs__cover-fallback{background:#d9d9d9;position:absolute;inset:0}.midddleman-hero-section .mhs__skeleton{background:linear-gradient(90deg,#e2e2e2 0%,#ececec 40%,#e2e2e2 80%) 0 0/300% 100%;border-radius:8px;flex-shrink:0;animation:1.6s ease-in-out infinite mhs-shimmer}.midddleman-hero-section .mhs__skeleton--count{border-radius:6px;width:40px;height:28px}.midddleman-hero-section .mhs__skeleton--cover{background:linear-gradient(90deg,#d8d8d8 0%,#e6e6e6 40%,#d8d8d8 80%) 0 0/300% 100%;border-radius:0;animation:1.6s ease-in-out infinite mhs-shimmer;position:absolute;inset:0}.midddleman-hero-section .mhs__skeleton--date{background:linear-gradient(90deg,#ffffff26 0%,#ffffff4d 40%,#ffffff26 80%) 0 0/300% 100%;border-radius:6px;width:80px;height:22px;animation:1.6s ease-in-out infinite mhs-shimmer}.midddleman-hero-section .mhs__skeleton--tag{background:linear-gradient(90deg,#ffffff26 0%,#ffffff4d 40%,#ffffff26 80%) 0 0/300% 100%;border-radius:24px;width:90px;height:28px;animation:1.6s ease-in-out infinite mhs-shimmer}.midddleman-hero-section .mhs__skeleton--title{background:linear-gradient(90deg,#ffffff26 0%,#ffffff4d 40%,#ffffff26 80%) 0 0/300% 100%;border-radius:8px;width:100%;max-width:500px;height:32px;margin-bottom:10px;animation:1.6s ease-in-out infinite mhs-shimmer}.midddleman-hero-section .mhs__skeleton--title-short{max-width:320px}@keyframes mhs-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1024px){.midddleman-hero-section{padding:12px}.midddleman-hero-section section{border-radius:28px;gap:24px;padding-top:70px}.midddleman-hero-section section .top-container{gap:40px;padding:0 40px}.midddleman-hero-section section .top-container .back-btn{margin-top:40px}.midddleman-hero-section section .top-container .main-content{gap:40px;padding:40px 40px 24px}.midddleman-hero-section section .top-container .main-content h1{font-size:34px}.midddleman-hero-section section .top-container .main-content p{font-size:20px;line-height:24px}.midddleman-hero-section section .top-container .all-contain{padding:40px 0}.midddleman-hero-section section .main-blog-container{border-radius:24px;height:360px}.midddleman-hero-section section .main-blog-container .blog-content-container{gap:32px;padding:0 40px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title{padding-top:32px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title h2{font-size:26px;line-height:28px}}@media (max-width:768px){.midddleman-hero-section{padding:10px}.midddleman-hero-section section{border-radius:24px;gap:20px;padding-top:60px}.midddleman-hero-section section .top-container{flex-wrap:wrap;align-items:center;gap:0;padding:0 24px}.midddleman-hero-section section .top-container .back-btn{order:-1;width:100%;margin-top:0;margin-bottom:16px}.midddleman-hero-section section .top-container .main-content{border-left:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);flex:1;gap:20px;padding:24px 0 20px 20px}.midddleman-hero-section section .top-container .main-content h1{font-size:28px}.midddleman-hero-section section .top-container .main-content p{max-width:100%;font-size:16px;line-height:21px}.midddleman-hero-section section .top-container .all-contain{align-items:flex-start;padding:24px 0 24px 16px}.midddleman-hero-section section .top-container .all-contain p{font-size:13px}.midddleman-hero-section section .top-container .all-contain h3{font-size:22px}.midddleman-hero-section section .main-blog-container{border-radius:20px;height:300px}.midddleman-hero-section section .main-blog-container.main-blog-container--skeleton{height:300px}.midddleman-hero-section section .main-blog-container .blog-content-container{gap:20px;padding:0 24px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head h3{font-size:17px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head .btn-container .btn-tag{padding:3px 10px 8px;font-size:13px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title{padding-top:20px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title h2{max-width:100%;font-size:20px;line-height:24px}}@media (max-width:480px){.midddleman-hero-section{padding:8px}.midddleman-hero-section section{border-radius:20px;gap:16px;padding-top:50px}.midddleman-hero-section section .top-container{flex-direction:column;gap:0;padding:0 16px}.midddleman-hero-section section .top-container .back-btn{width:fit-content;margin-top:0;margin-bottom:12px}.midddleman-hero-section section .top-container .main-content{border-left:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);gap:16px;width:100%;padding:20px 0 16px 16px}.midddleman-hero-section section .top-container .main-content h1{font-size:24px}.midddleman-hero-section section .top-container .main-content p{font-size:14px;line-height:19px}.midddleman-hero-section section .top-container .all-contain{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding:16px 0}.midddleman-hero-section section .top-container .all-contain p{font-size:13px}.midddleman-hero-section section .top-container .all-contain h3{font-size:18px}.midddleman-hero-section section .main-blog-container{border-radius:16px;height:240px}.midddleman-hero-section section .main-blog-container.main-blog-container--skeleton{height:240px}.midddleman-hero-section section .main-blog-container .blog-content-container{gap:14px;padding:0 16px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head h3{font-size:15px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-head .btn-container .btn-tag{padding:3px 8px 7px;font-size:12px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title{padding-top:14px}.midddleman-hero-section section .main-blog-container .blog-content-container .blog-title h2{font-size:17px;line-height:21px}}
.blog-container-list{width:100%;padding:0 15px 15px}.blog-container-list section{border:1px solid var(--Default-Color-Desktop-Light-Gray,#e7e7e7);border-radius:36px;flex-direction:column;align-items:flex-start;gap:30px;width:100%;padding:80px;display:flex}.blog-container-list section .blogs-container{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.blog-container-list section .blogs-container .blog{background:#edede5;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;height:720px;padding:24px;text-decoration:none;transition:background .2s;display:flex;position:relative;overflow:hidden}.blog-container-list section .blogs-container .blog .noise{opacity:0;transition:opacity .2s}.blog-container-list section .blogs-container .blog:hover .noise{opacity:.1}.blog-container-list section .blogs-container .blog.blog--skeleton{pointer-events:none;justify-content:flex-start;gap:20px}.blog-container-list section .blogs-container .blog.blog--skeleton .blog-header{justify-content:space-between}.blog-container-list section .blogs-container .blog.blog--skeleton .content{gap:14px}.blog-container-list section .blogs-container .blog .blog-header{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 12px;display:flex}.blog-container-list section .blogs-container .blog .blog-header h4{color:#464646;font-size:21px;font-weight:400;line-height:24px}.blog-container-list section .blogs-container .blog .blog-header h4 span{color:#464646;font-family:Futuru,sans-serif;font-size:15px;font-weight:600;line-height:15px}.blog-container-list section .blogs-container .blog .blog-header .contain-tag{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.blog-container-list section .blogs-container .blog .blog-header .contain-tag .tag{background:var(--Default-Color-White,#fff);border-radius:24px;align-items:flex-start;gap:1px;width:fit-content;padding:3px 12px 9px;display:flex;position:relative;overflow:hidden}.blog-container-list section .blogs-container .blog .blog-header .contain-tag p{color:#464646;font-family:Futuru,sans-serif;font-size:15px;font-weight:600;line-height:15px}.blog-container-list section .blogs-container .blog .img-container{border:1px solid #c3c3c3;border-radius:60px;flex-shrink:0;width:100%;max-width:340px;height:240px;margin:0 auto;overflow:hidden}.blog-container-list section .blogs-container .blog .img-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-container-list section .blogs-container .blog .content{flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding:24px;display:flex}.blog-container-list section .blogs-container .blog .content h3{color:#292929;font-family:Nova Klasse,sans-serif;font-size:21px;font-weight:400;line-height:24px}.blog-container-list section .blogs-container .blog .content p{color:#464646;opacity:.9;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-family:Futuru,sans-serif;font-size:21px;font-weight:600;line-height:24px;display:-webkit-box;overflow:hidden}.blog-container-list .bcl__sk{background:linear-gradient(90deg,#dededa 0%,#eaeae5 40%,#dededa 80%) 0 0/300% 100%;border-radius:8px;flex-shrink:0;animation:1.6s ease-in-out infinite bcl-shimmer}.blog-container-list .bcl__sk--date{width:72px;height:22px}.blog-container-list .bcl__sk--tag{border-radius:24px;width:90px;height:28px}.blog-container-list .bcl__sk--img{border-radius:60px;width:100%;max-width:340px;height:240px;margin:0 auto}.blog-container-list .bcl__sk--title{border-radius:6px;width:85%;height:24px}.blog-container-list .bcl__sk--line{border-radius:6px;width:100%;height:18px}.blog-container-list .bcl__sk--line-short{width:65%}@keyframes bcl-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1200px){.blog-container-list .blogs-container{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:1024px){.blog-container-list{padding:0 12px 12px}.blog-container-list section{border-radius:28px;padding:60px 40px}}@media (max-width:768px){.blog-container-list{padding:0 10px 10px}.blog-container-list section{border-radius:24px;gap:20px;padding:40px 20px}.blog-container-list section .blogs-container{gap:16px;grid-template-columns:1fr!important}.blog-container-list section .blogs-container .blog{height:auto;min-height:unset}.blog-container-list section .blogs-container .blog .blog-header{padding:0 8px}.blog-container-list section .blogs-container .blog .blog-header h4{font-size:18px}.blog-container-list section .blogs-container .blog .blog-header .contain-tag p{font-size:13px}.blog-container-list section .blogs-container .blog .img-container{border-radius:40px;height:200px}.blog-container-list section .blogs-container .blog .content{gap:14px;padding:16px}.blog-container-list section .blogs-container .blog .content h3{font-size:18px;line-height:22px}.blog-container-list section .blogs-container .blog .content p{font-size:17px;line-height:22px}.blog-container-list section .blogs-container .blog.blog--skeleton .bcl__sk--img{border-radius:40px;height:200px}}@media (max-width:480px){.blog-container-list{padding:0 8px 8px}.blog-container-list section{border-radius:20px;gap:16px;padding:30px 14px}.blog-container-list section .blogs-container{gap:12px}.blog-container-list section .blogs-container .blog{border-radius:10px;padding:16px}.blog-container-list section .blogs-container .blog .blog-header{padding:0 4px}.blog-container-list section .blogs-container .blog .blog-header h4{font-size:16px}.blog-container-list section .blogs-container .blog .blog-header .contain-tag{gap:6px}.blog-container-list section .blogs-container .blog .blog-header .contain-tag .tag{padding:3px 8px 7px}.blog-container-list section .blogs-container .blog .blog-header .contain-tag p{font-size:12px}.blog-container-list section .blogs-container .blog .img-container{border-radius:30px;height:180px}.blog-container-list section .blogs-container .blog .content{gap:10px;padding:12px}.blog-container-list section .blogs-container .blog .content h3{font-size:16px;line-height:20px}.blog-container-list section .blogs-container .blog .content p{font-size:15px;line-height:20px}.blog-container-list section .blogs-container .blog.blog--skeleton .bcl__sk--img{border-radius:30px;height:180px}}