.blog-loading{display:flex;justify-content:center;align-items:center;background-color:var(--trafy-bg-white)}.blog-page{padding-top:90px;padding-bottom:60px}.blog-page,.blog-page-container{display:flex;justify-content:center;align-items:center;background-color:var(--trafy-bg-white)}.blog-page-container{width:60%;flex-direction:column;gap:3rem;height:max-content}.blog-page-container h1,.blog-page-container h4,.blog-page-container p{margin:0}.blog-page-top-section-contents{display:flex;gap:3rem}.blog-page-top-section-blog-contents{width:100%;display:flex;flex-direction:column;gap:1rem}.blog-page-section-contents{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;gap:2rem}@media only screen and (max-width:1200px){.blog-page-container{width:70%}}@media only screen and (max-width:1024px){.blog-page-container{width:80%}.blog-page-section-contents{width:100%}}@media only screen and (max-width:600px){.blog-page{padding:60px 0}.blog-page-container{width:90%}.blog-page-top-section-blog-contents{gap:0}}@media only screen and (max-width:400px){.blog-page{padding-top:40px}.blog-page-container{width:90%}}.blog-dashboard{display:flex;width:300px;position:relative;padding-top:140px}.blog-mobile-dashboard-container{display:none}.blog-dashboard-container{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:120px;width:100%;height:max-content}.blog-dashboard-heading h3{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:600;padding-bottom:8px}.blog-dashboard-contents{display:flex;flex-direction:column;gap:1rem}.blog-dashboard-contents h2{font-size:14px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:140%}.blog-dashboard-subcontents{padding-left:1rem}.blog-dashboard-subcontents h3{font-size:14px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:140%}@media only screen and (max-width:1024px){.blog-dashboard{padding:20px 0;position:fixed;bottom:0;left:0;width:100%;background-color:var(--trafy-bg-white);border-top:1px solid var(--box-border);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:center;align-items:center}.blog-dashboard-container{display:none}.blog-mobile-dashboard-container{width:85%;display:flex;flex-direction:column;gap:2rem;position:relative}.blog-mobile-dashboard-buttons{width:100%;display:flex;gap:1rem}.blog-mobile-dashboard-heading{width:100%;display:flex;justify-content:center;align-items:center}.blog-mobile-dashboard-share-heading{width:max-content;display:flex;justify-content:center;align-items:center}.blog-mobile-dashboard-heading h3,.blog-mobile-dashboard-share-heading{height:40px;padding:8px;border:1px solid var(--box-border);border-radius:4px}.blog-mobile-dashboard-heading h3{width:100%;font-size:16px;font-family:var(--h-font);color:var(--h-black);font-weight:400;text-align:center;line-height:140%}.blog-mobile-dashboard-heading h3:hover{background-color:var(--trafy-bg-white);color:inherit}.blog-mobile-dashboard-close{display:flex;justify-content:flex-end}.blog-mobile-dashboard-table{width:100%}.blog-mobile-dashboard-table,.blog-mobile-dashboard-table-container{display:flex;flex-direction:column;gap:.5rem}.blog-mobile-dashboard-table-contents h2{font-size:16px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:140%}.blog-mobile-dashboard-table-contents h2:hover{font-weight:600}.blog-mobile-dashboard-share{display:flex;gap:1rem}.blog-mobile-dashboard-share-container{width:100%;display:flex;gap:1rem;justify-content:center}.blog-mobile-dashboard-share-container img{width:40px;height:40px}}@media only screen and (max-width:400px){.blog-dashboard{padding:16px 0}.blog-mobile-dashboard-container{width:90%;gap:1.7rem}.blog-page-hero-category{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.blog-mobile-dashboard-heading h3{font-size:14px}}.blog-page-hero-section{display:flex;flex-direction:column;gap:2rem}.blog-page-hero-section-category{display:flex;gap:3rem}.blog-page-hero-category{font-size:14px;font-family:var(--h-font);color:var(--h-black);font-weight:300}.blog-page-hero-read{font-size:16px;font-family:var(--h-font);color:var(--trafy-bg-white);font-weight:400}.blog-page-hero-section-heading h1{font-size:64px;font-family:var(--h-font);color:var(--h-black);font-weight:700;line-height:120%}.blog-page-hero-section-para p{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:300;line-height:170%}.blog-page-hero-section-seperate-content{display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid #eee;position:relative;background-color:var(--trafy-bg-white)}.blog-page-hero-section-author{display:flex;gap:.5rem;align-items:center}.blog-page-hero-section-author p{font-size:12px;font-family:var(--h-font);color:var(--p-black);font-weight:300;margin:0}.blog-page-hero-section-seperate-content img{width:20px;height:20px;margin-right:8px}.blog-page-hero-share-container,.blog-page-hero-share-container-mobile{border:1px solid #eee;border-radius:12px;padding:24px;width:max-content;height:max-content;display:flex;gap:.5rem;position:absolute;top:56px;right:0;background-color:var(--trafy-bg-white)}.blog-page-hero-share-container img{width:32px;height:32px}.blog-page-hero-share-container-mobile,.blog-share-mobile{display:none}@media only screen and (max-width:1024px){.blog-page-hero-section-container{width:80%}.blog-page-hero-section-heading h1{font-size:48px}}@media only screen and (max-width:600px){.blog-page-hero-section{gap:1rem}.blog-page-hero-section-author span,.blog-page-hero-section-seperate-content img{display:none}.blog-page-hero-section-author{gap:1rem}.blog-page-hero-section-heading h1{font-size:36px}.blog-page-hero-section-para p{font-size:16px}}@media only screen and (max-width:400px){.blog-page-hero-section{gap:1.5rem}.blog-page-hero-section-container{gap:1rem;width:85%}.blog-page-hero-section-author{flex-wrap:wrap}.blog-page-hero-section-author p{font-size:11px}.blog-page-hero-section-heading h1{font-size:28px}.blog-page-hero-section-para p{font-size:16px}.blog-page-hero-category{font-size:13px}.blog-share-mobile{display:block}.blog-page-hero-share-container,.blog-share{display:none}.blog-page-hero-share-container-mobile{display:flex;top:30px;padding:16px}}.blog-page-blog-image{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.blog-page-img{width:100%;height:100%;border-radius:16px}.blog-page-article-socials{display:flex;gap:.8rem;align-items:center;font-size:16px;font-family:var(--h-font);color:var(--p-black);font-weight:500}.blog-page-article-socials img{width:28px;height:28px;border-radius:4px}@media only screen and (max-width:400px){.blog-page-article-socials img{width:26px;height:26px;border-radius:4px}}.blog-page-introduction{display:flex;flex-direction:column;gap:1.2rem}.blog-page-introduction p{font-size:20px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}@media only screen and (max-width:1024px){.blog-page-introduction p{font-size:18px}}@media only screen and (max-width:600px){.blog-page-introduction p{font-size:16px}}.blog-page-article-section{display:flex;flex-direction:column;gap:2rem}.blog-page-article-main-contents{display:flex;flex-direction:column;gap:1.2rem}.blog-page-article-main-contents h1{font-size:32px;font-family:var(--h-font);color:var(--h-black);font-weight:600;line-height:130%}.blog-page-article-main-contents p{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}.blog-page-subarticle{padding-top:1rem;display:flex;flex-direction:column;gap:.8rem}.blog-page-subarticle h2{font-size:22px;font-family:var(--h-font);color:var(--h-black);font-weight:600;line-height:150%}.blog-page-subarticle p{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}.blog-page-subarticle ul{margin-left:18px;display:flex;flex-direction:column;gap:.6rem;color:var(--p-black)}.blog-page-subarticle li{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}.blog-page-article-main-contents ul{margin-left:18px;display:flex;flex-direction:column;gap:.6rem;color:var(--p-black)}.blog-page-article-main-contents li{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}.blog-page-article-main-contents li::marker,.blog-page-subarticle li::marker{color:var(--p-black)}@media only screen and (max-width:1024px){.blog-page-article-main-contents h1{font-size:28px}.blog-page-article-section-container{justify-content:center}.blog-page-article-contents{gap:1rem}}@media only screen and (max-width:600px){.blog-page-article-main-contents h1{font-size:24px}.blog-page-article-main-contents p{font-size:16px}}@media only screen and (max-width:400px){.blog-page-article-contents{padding-bottom:80px}.blog-page-article-main-contents{gap:.5rem}.blog-page-article-main-contents p,.blog-page-article-socials-description p{font-size:16px}}.blog-page-conclusion{display:flex;flex-direction:column;gap:.8rem}.blog-page-conclusion p{font-size:18px;font-family:var(--h-font);color:var(--p-black);font-weight:400;line-height:170%}@media only screen and (max-width:600px){.blog-page-conclusion p{font-size:16px}}.blog-newsletter,.blog-newsletter-container{width:100%;display:flex;justify-content:center;align-items:center}.blog-newsletter-container{padding:90px 60px;flex-direction:column;border:1px solid #e1e1e1;border-radius:24px;gap:3.5rem}.blog-newsletter-heading{width:80%;display:flex;flex-direction:column;gap:1rem;align-items:center}.blog-newsletter-heading h2{font-size:26spx;font-family:var(--h-font);color:var(--h-black);font-weight:500;text-align:center}.blog-newsletter-heading p{font-size:16px;font-family:var(--p-font);color:var(--p-black);font-weight:400;line-height:150%;text-align:center}.blog-newsletter-form{width:80%;display:flex;gap:.5rem;border:1px solid #e1e1e1;border-radius:6px}.blog-newsletter-form input{width:100%;font-size:16px;font-family:var(--p-font);color:var(--p-black);font-weight:400;padding:12px;border-radius:6px;border:0}.blog-newsletter-form input:focus{border:none;outline:none}.blog-newsletter-container button{display:flex;justify-content:center;align-items:center;width:max-content;height:100%;padding:11px 14px;border:1px solid var(--trafy-bg-black);border-radius:6px;background-color:var(--trafy-bg-black);color:var(--trafy-bg-white);font-size:16px;font-weight:400;font-family:var(--h-font),sans-serif}.blog-newsletter-container button:hover{background-color:#3c3c3c;border:1px solid #3c3c3c}.popup{position:fixed;top:20px;right:20px;background:#fff;color:#333;padding:12px 18px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1001;text-align:center;font-size:14px;font-weight:700;animation:slideIn .3s ease-in-out,fadeOut .3s ease-in-out 2.7s forwards;min-width:250px;max-width:350px;font-family:var(--h-font)}.popup.success{border-left:5px solid #2ecc71;background-color:#d4edda;color:#155724}.popup.error{border-left:5px solid #e74c3c;background-color:#f8d7da;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(30px)}}@media only screen and (max-width:1024px){.blog-newsletter-container{padding:60px}}@media only screen and (max-width:600px){.blog-newsletter{padding-top:40px}.blog-newsletter-container{gap:2rem}.blog-newsletter-form,.blog-newsletter-heading{width:100%}.blog-newsletter-heading h2{font-size:22px}}@media only screen and (max-width:400px){.blog-newsletter-container{padding:32px}.blog-newsletter-form{height:42px}}