.blog-bg{background-color:#f1f5f4}.classic-effect{position:relative;overflow:hidden}.classic-effect:before,.classic-effect:after{background:var(--theme-color);width:25%;position:absolute;content:"";opacity:0;transition:all .3s steps(4);z-index:1;bottom:100%;top:0}.classic-effect:before{left:0;transition-delay:0s}.classic-effect:after{left:25%;transition-delay:25ms}.classic-effect span:before,.classic-effect span:after{background:var(--theme-color);width:25%;position:absolute;content:"";opacity:0;transition:all .3s steps(4);z-index:1;bottom:100%;top:0}.classic-effect span:before{left:50%;transition-delay:.05s}.classic-effect span:after{left:75%;transition-delay:.15s}.classic-effect:hover:before,.classic-effect:hover:after{bottom:0;opacity:.5}.classic-effect:hover span:before,.classic-effect:hover span:after{bottom:0;opacity:.5}.basic-effect{position:relative;overflow:hidden}.basic-effect>div{transition:all .5s ease}.basic-effect:after{position:absolute;content:"";background:linear-gradient(-180deg,var(--theme-color) 0%,var(--theme-color2) 99%);width:100%;height:100%;top:0;left:0;opacity:0;transition:all .5s ease}.basic-effect:hover:after{opacity:.7;transition:all .5s ease}.basic-effect:hover>div{transform:scale(1.2) rotate(5deg);transition:all .5s ease}.blog-details{text-align:center;padding-left:15px;padding-right:15px}.blog-details h4{color:var(--theme-color);margin-top:25px;line-height:1;margin-bottom:0}.blog-details p{color:#222;font-size:18px;text-transform:capitalize;font-weight:700;line-height:1.5;letter-spacing:.03em;margin-top:10px;margin-bottom:-5px;transition:all .5s ease}.blog-details p:hover{color:var(--theme-color);transition:all .5s ease}.blog-details h6{line-height:1;letter-spacing:.1em;margin-bottom:0;font-size:calc(15px + 1 * (100vw - 320px) / 1600)}.blog-sidebar .theme-card{position:relative;background-color:#f8f8f8;border:1px solid #eee;padding:calc(12px + .005*(100vw - 320px));border-radius:0}.blog-sidebar .theme-card .categories{display:flex;gap:calc(10px + .0025*(100vw - 320px));flex-wrap:wrap;margin-bottom:-4px}.blog-sidebar .theme-card .categories li{position:relative;transition:all .3s ease-in-out;z-index:0;width:100%;padding-left:0;padding-top:0}.blog-sidebar .theme-card .categories li a{display:block;font-size:calc(14px + .00125*(100vw - 320px));color:#222;display:flex;align-items:baseline;gap:8px}.blog-sidebar .theme-card .categories li a h5{margin:0;padding:0;font-weight:500;text-transform:none;line-height:1.3;font-size:calc(14px + .00125*(100vw - 320px))}.blog-detail-page .blog-detail-contain p{color:#777;line-height:1.6;margin:0;font-size:calc(14px + .00125*(100vw - 320px));font-weight:500}.blog-detail-page .blog-detail-contain p+p{margin-top:calc(10px + 5 * (100vw - 320px) / 1600)}.blog-detail-page .blog-detail p:last-child{margin-bottom:0}.blog-detail-page .blog-detail img{margin-bottom:28px;width:100%;border-radius:calc(10px + .00375*(100vw - 320px))}.blog-detail-page .blog-detail h3{color:#222;font-weight:700;margin-bottom:calc(9px + .0025*(100vw - 320px));letter-spacing:unset;font-size:calc(20px + .01125*(100vw - 320px));line-height:1.3}.blog-detail-page .blog-detail .post-social{color:#777;padding-bottom:21px}.blog-detail-page .blog-detail .post-social li{font-size:calc(14px + 1 * (100vw - 320px) / 1600);font-weight:500;color:#777}.blog-detail-page .blog-detail .post-social li+li{padding-left:11px;margin-left:11px;border-left:1px solid #eeeeee}.blog-detail-page .blog-advance>div:last-child p:last-child{margin-bottom:0}.blog-detail-page .blog-advance img,.blog-detail-page .blog-advance .bg-size{margin-bottom:25px;margin-top:25px}.blog-detail-page .blog-advance ul{list-style-type:decimal;list-style-position:inside;line-height:2.5;font-size:15px}.blog-detail-page .blog-advance ul li{display:list-item;font-weight:700}.blog-detail-page .blog-advance p{line-height:1.8}.blog-detail-page .comment-section{border-bottom:1px solid #dddddd}.blog-detail-page .comment-section li{padding-top:60px;padding-bottom:60px;border-top:1px solid #dddddd}.blog-detail-page .comment-section li img{height:65px;width:65px;margin-right:20px;border-radius:100%}.blog-detail-page .comment-section li h6{color:#777;text-transform:uppercase;font-weight:700;margin-bottom:5px}.blog-detail-page .comment-section li h6 span{font-size:13px;font-weight:500;text-transform:capitalize;color:#777;margin-left:20px}.blog-detail-page .comment-section li p{line-height:1.8;margin-bottom:0}.blog-detail-page .blog-contact h2{margin-bottom:30px;margin-top:-5px}.blog-detail-page .blog-contact .theme-form label{text-transform:capitalize;color:#333;font-size:16px;font-weight:700}.blog-detail-page .blog-contact .theme-form input,.blog-detail-page .blog-contact .theme-form textarea{border-color:#ddd;font-size:14px;padding:17px 25px;margin-bottom:30px}.page{max-width:900px;margin:2.5rem auto;padding:0 1rem;line-height:1.7;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.page h1{font-size:2rem;margin-bottom:1rem;color:#0d47a1}.page h2{font-size:1.3rem;margin-top:2rem;margin-bottom:.6rem;color:#1a237e}.page p{font-size:1rem;margin-bottom:1rem}.page ul{padding-left:1.2rem;margin-bottom:1rem}.page li{margin-bottom:.4rem}.page a{color:#1976d2;text-decoration:none}.page a:hover{text-decoration:underline}.site-footer{text-align:center;padding:1.5rem 1rem;background:#f5f7fb;font-size:.9rem;margin-top:3rem}.site-footer a{color:#1976d2;margin:0 .4rem;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (max-width: 600px){.page h1{font-size:1.6rem}.page h2{font-size:1.15rem}.page{margin:1.5rem auto}}html,body{height:100%;margin:0}app-root{min-height:100%;display:flex;flex-direction:column}.site-main{flex:1}