.blog-layout{margin-bottom:50px}.blog-sidebar{flex:0 0 300px;width:300px;padding-left:20px}.blog-sidebar-inner{position:sticky;top:20px;gap:20px}.blog-sidebar-search-wrapper{background:#fff;border-radius:4px;box-shadow:0 3px 26px rgba(173,188,200,0.14)}.blog-sidebar-search-input{background:none;outline:none;border:none;padding:12px 22px;font-weight:400;font-size:14px;color:#5e5e5e;border-radius:4px}.blog-sidebar-search-input::placeholder{opacity:1;color:#b6b6b6}.blog-sidebar-search-input:focus,.blog-sidebar-search-input.active{box-shadow:0 0 0 1px #ffb900}.blog-sidebar-search-input.active{color:#ffb900}.blog-sidebar-search-input:focus::placeholder,.blog-sidebar-search-input.active::placeholder{opacity:1;color:#ffb900}.blog-sidebar-search-submit{position:absolute;top:9px;left:8px;width:30px;height:30px;padding:0;margin:0;border:none;background:none;color:#a8a8a8}.blog-sidebar-search-submit:hover,.blog-sidebar-search-input:focus ~ .blog-sidebar-search-submit,.blog-sidebar-search-input.active ~ .blog-sidebar-search-submit{color:#ffb900}.blog-sidebar-search-submit svg{width:16px;height:16px}.blog-sidebar-cats{max-height:60vh;overflow:auto;background:#fff;box-shadow:0 3px 26px rgba(173,188,200,0.14);padding:11px 19px}.blog-sidebar-cats-title{font-size:15px;font-weight:600;padding-bottom:7px;position:relative;display:flex;flex-direction:row;align-items:center}.blog-sidebar-cats-title::before{content:'';width:13px;height:6px;background:#f5f5f5;margin-left:7px;border-radius:25px;margin-top:2px}.blog-sidebar-cats-item{padding:3px;opacity:0.8}.blog-sidebar-cats-item:hover{padding-right:10px}.blog-sidebar-cats-item:hover,.blog-sidebar-cats-item.current{opacity:1;color:#ff4f5d}.blog-sidebar-cats-item.current{font-weight:500}.blog-sidebar-cats-children{padding-right:13px;margin-bottom:12px;margin-top:3px;border-right:solid 1px #dfdfdf;font-size:15px}.blog-sidebar-contents{flex:1;order:2}.blog-delete-filters{border:solid 2px #ff4f5d;border-radius:8px;padding:9px 5px;justify-content:center;font-size:14px;color:#ff4f5d;font-weight:500}.blog-delete-filters:hover{background:#ff4f5d;color:#fff;box-shadow:0 0 0 13px rgba(255,79,93,0.08)}.blog-delete-filters svg{width:18px;height:18px}.search-head{min-height:120px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#9d50bb,#6e48aa);background-size:400% 400%;animation:zarinmaster_search_head 15s ease infinite;margin-bottom:28px}.search-head-data{color:#fff}.search-head-data > svg{width:22px;height:22px;flex:0 0 22px;opacity:0.4;margin-right:10px;margin-left:15px}.search-head-data h1{margin:0;padding:0;font-weight:600;font-size:28px;flex:1}.search-head-data-back{gap:5px;font-size:15px;font-weight:500;padding-left:10px}.search-head-data-back svg{width:16px;height:16px;opacity:0.6}.search-head-data-back:hover{opacity:0.8}@keyframes zarinmaster_search_head{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.blog-item-items{row-gap:20px}.blog-item-wrapper{flex:0 0 33.3333%;width:33.3333%;padding:0 10px}@media screen and (max-width:1200px){.blog-item-wrapper{flex:0 0 50%;width:50%}.wgt_blog-item-image img{max-height:200px!important}}@media screen and (max-width:950px){.blog-item-wrapper{flex:0 0 100%;width:100%;padding:0}}@media screen and (max-width:700px){.blog-sidebar{flex:0 0 210px;width:210px}}@media screen and (max-width:600px){.search-head-data > svg{margin-right:0}.search-head-data-back{padding-left:0px}.search-head{min-height:60px}.search-head-data h1{font-weight:500;font-size:18px}.search-head-data > svg{width:16px;height:16px;flex:0 0 16px;margin-left:11px}.search-head-data-back{gap:3px;font-size:14px}.search-head-data-back svg{width:12px;height:12px}}@media screen and (max-width:550px){.blog-layout{flex-direction:column}.blog-sidebar{flex:0 0 100%;width:100%}.blog-sidebar{padding-left:0}.blog-sidebar-cats{display:none}.blog-sidebar-cats.show{display:flex;max-height:none;overflow:hidden}.blog-sidebar-inner{margin-bottom:20px}}.breadcrumbs{padding:20px 0 0;max-width:1110px;margin:auto;width:100%;margin-top:40px}.breadcrumbs-item{font-size:12px;font-weight:300;opacity:0.8;transition:all 0.2s ease}.breadcrumbs-item:hover{color:#ff4f5d;opacity:1}.breadcrumbs > svg{width:10px;height:10px;opacity:0.5;margin:0 7px}.article-wrapper{max-width:1110px;margin:auto;width:100%}.blog-article-title{margin:0;padding:0;font-size:28px;font-weight:600;margin-bottom:30px;margin-top:12px;color:#2d2d2d}.article-head{align-items:center}.author-filter{gap:10px;font-size:15px;font-weight:600;margin-bottom:6px;transition:all 0.2s ease;background:#fff;border-radius:7px;box-shadow:0 3px 26px rgba(173,188,200,0.14);padding:15px 14px}.author-filter img{width:30px;height:30px;border-radius:50%}.article-author-image{gap:10px;font-size:14px;font-weight:500;color:#8296a9;margin-bottom:30px;transition:all 0.2s ease}.article-author-image img{width:30px;height:30px;border-radius:50%}.article-author-image:hover{color:#5e6f7f}.article-head-image{width:600px;flex:0 0 600px}.article-head-image img{max-height:320px;width:100%;object-fit:cover;object-position:center;border-radius:19px}.article-head-info{padding-right:30px;font-size:16px}.article-desc{font-size:16px;line-height:32px}.article-head-data{margin-top:40px}.article-updated{font-size:13px;background-color:#fbb034;background-image:linear-gradient(315deg,#fbb034 0%,#ffdd00 74%);box-shadow:0 7px 15px #fbb03440;padding:8px 22px;border-radius:10px;font-weight:600;color:#252525}.article-player{}.article-cover-video-play{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;background:rgba(0,0,34,0);color:#000;border-radius:17px;transition:all 0.2s ease}.article-cover-video-play-btn{width:80px;height:80px;background:#fff;border-radius:50%;animation:videoPlay 1s ease 0s infinite alternate;box-shadow:0 0 0 0px #fff}.article-cover-video-play-btn svg{width:40px;height:40px}.article-cover-video-play:hover{background:rgba(0,0,34,0.1)}.article-created{font-size:14px;font-weight:400;opacity:0.7}#article-player.hidden{overflow:hidden;width:0px;height:0px}@keyframes videoPlay{to{box-shadow:0 0 0 4px #fff}}.article-player video,.article-player audio{width:100%;margin:40px auto 0;border-radius:8px}.article-player video{max-height:90vh}.article-contents-wrapper{padding-top:40px;gap:50px}.article-contents{font-size:17px;line-height:34px;font-weight:400;flex:1}.article-contents hr{display:block;height:1px;border:none;background:#ebedf2;margin:30px -24px}.article-contents p{padding:0;margin:8px 0}.article-contents figure{margin:20px auto;padding:0}.article-contents img{display:block;max-width:100%;margin:auto}.article-contents ul{padding:0;margin:8px 5px}.article-contents ul li{position:relative;list-style:none;padding-right:15px}.article-contents ul li::before{content:'';position:absolute;right:0;background:#d1d9dd;border-radius:50%;color:#0000;height:6px;top:14px;width:6px}.article-contents h1,.article-contents h2,.article-contents h3,.article-contents h4,.article-contents h5,.article-contents h6{font-size:18px;font-weight:600;margin:30px 0 4px;padding:0;word-spacing:0}.article-contents a{color:#ff4f5d;transition:all 0.2s ease}.article-contents a:hover{color:#000000}.article-contents code{background:#141418;border-radius:12px;padding:10px 18px;direction:ltr;text-align:left;position:relative;display:block;color:#fff}.article-contents code::before{position:absolute;top:9px;right:10px;background:rgba(134,134,134,0.12);border-radius:8px;padding:1px 11px;font-size:12px;font-weight:500;opacity:0.8;pointer-events:none;user-select:none}.article-contents code.language-css::before{content:'CSS'}.article-contents code.language-code::before{content:'code'}.article-contents code.language-php::before{content:'PHP'}.article-contents code.language-javascript::before{content:'JavaScript'}.article-contents code.language-html::before{content:'HTML'}.article-contents code.language-xml::before{content:'XML'}.article-contents code.language-sql::before{content:'SQL'}.article-contents table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;height:100%;width:100%;overflow:auto;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px #b3b3b3}.article-contents table p{padding:0;margin:0}.article-contents blockquote{background:#ffffea;border-top:solid 3px #ffcb40;margin:21px 0;padding:7px 21px;font-weight:400;font-style:normal;border-radius:8px;border-top-right-radius:0;border-top-left-radius:0;box-shadow:0 11px 18px rgba(0,0,0,0.01)}.article-contents table td{border:solid 1px #b3b3b3;padding:10px 20px}.article-share-btns{padding-top:3px}.article-share-btns-wrapper{position:sticky;top:90px}.article-share-btn{color:#fff;width:50px;height:50px;border-radius:50%;margin-bottom:10px;position:relative;-webkit-user-drag:none}.article-share-btn:hover{animation:shareBtnLink 0.2s linear 0s forwards}.article-share-btn:active{transform:scale(0.9)!important}.article-share-btn-tip{position:absolute;top:12px;left:58px;white-space:nowrap;background:inherit;padding:2px 20px;font-size:12px;border-radius:17px;opacity:0;transition:all 0.2s ease;pointer-events:none}.article-share-btn:hover .article-share-btn-tip{opacity:1;left:61px}.article-share-btn.whatsapp{background:#49cd72}.article-share-btn.telegram{background:#29aaec}.article-share-btn.twitter{background:#58a0d2}.article-share-btn.linkedin{background:#0078b2}.article-share-btn.link{background:#6f6f6f}.article-share-btn svg{width:20px;height:20px}@keyframes shareBtnLink{from{transform:scale(1)}50%{transform:scale(0.9)}to{transform:scale(1)}}.article-other{max-width:1110px;margin:50px auto;width:100%}.article-other-item-wrapper{flex:0 0 50%}.article-other-item{gap:18px}.article-other-item > svg{width:25px;height:25px;opacity:0.3}.article-other-item.before_post > svg{transform:rotate(180deg)}.article-other-item:hover > svg{opacity:0.5}.article-other-item > img{object-fit:cover;object-position:center;width:80px;height:60px;border-radius:16px;opacity:0.9;transition:all 0.2s ease}.article-other-item:hover > img{opacity:1}.after_post .article-other-item-data{align-items:flex-end}.article-other-item-data > span{font-size:16px;font-weight:500;transition:all 0.2s ease}.after_post .article-other-item-data > span{text-align:left}.article-other-item:hover > .article-other-item-data span{color:#000}.article-other-item-data > small{font-size:14px;opacity:0.8;transition:all 0.2s ease}.article-other-item:hover > .article-other-item-data > small{opacity:1}.search-description-title{margin:32px 0 10px;padding:0;font-size:22px;font-weight:600}.search-description{margin-bottom:40px}.search-description-more-btn-wrapper{position:absolute;bottom:10px;left:0;right:0;height:310px;background:linear-gradient(rgba(255,255,255,0),#ffffff);justify-content:center;align-items:flex-end;cursor:pointer;padding-bottom:20px}.search-description-more-btn{width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,0.14)}.search-description-more-btn-wrapper:hover .search-description-more-btn{transform:scale(1.2)}.search-description-more-btn-wrapper:active .search-description-more-btn{transform:scale(1)}.search-description-more-btn svg{transform:rotate(-90deg);width:20px;height:20px;opacity:0.7}.show>.search-description-more-btn-wrapper .search-description-more-btn svg{transform:rotate(90deg)}.show>.search-description-more-btn-wrapper{background:none;height:70px;bottom:0}.search-description-contents{font-size:16px;line-height:32px;font-weight:400;overflow:hidden;height:350px;margin-bottom:40px}.show>.search-description-contents{height:auto;padding-bottom:30px}.search-description-contents hr{display:block;height:1px;border:none;background:#ebedf2;margin:30px -24px}.search-description-contents p{padding:0;margin:8px 0}.search-description-contents figure{margin:20px auto;padding:0}.search-description-contents img{display:block;max-width:100%;margin:auto}.search-description-contents ul{padding:0;margin:8px 5px}.search-description-contents ul li{position:relative;list-style:none;padding-right:15px}.search-description-contents ul li::before{content:'';position:absolute;right:0;background:#d1d9dd;border-radius:50%;color:#0000;height:6px;top:14px;width:6px}.search-description-contents h1,
.search-description-contents h2,
.search-description-contents h3,
.search-description-contents h4,
.search-description-contents h5,
.search-description-contents h6{font-size:22px;font-weight:600;margin:30px 0 14px;padding:0}.search-description-contents a{color:#ff4f5d;transition:all 0.2s ease}.search-description-contents a:hover{color:#000000}.search-description-contents code{background:#141418;border-radius:12px;padding:10px 18px;direction:ltr;text-align:left;position:relative;display:block;color:#fff}.search-description-contents code::before{position:absolute;top:9px;right:10px;background:rgba(134,134,134,0.12);border-radius:8px;padding:1px 11px;font-size:12px;font-weight:500;opacity:0.8;pointer-events:none;user-select:none}.search-description-contents code.language-css::before{content:'CSS'}.search-description-contents code.language-code::before{content:'code'}.search-description-contents code.language-php::before{content:'PHP'}.search-description-contents code.language-javascript::before{content:'JavaScript'}.search-description-contents code.language-html::before{content:'HTML'}.search-description-contents code.language-xml::before{content:'XML'}.search-description-contents code.language-sql::before{content:'SQL'}.search-description-contents table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;height:100%;width:100%;overflow:auto}.search-description-contents table p{padding:0;margin:0}.search-description-contents blockquote{background:#ffffea;border-top:solid 3px #ffcb40;margin:21px 0;padding:7px 21px;font-weight:400;font-style:normal;border-radius:8px;border-top-right-radius:0;border-top-left-radius:0;box-shadow:0 11px 18px rgba(0,0,0,0.01)}.search-description-contents table td{border:solid 1px #b3b3b3}.article-tags{gap:8px;margin-top:20px;margin-bottom:10px}.article-tags-item{background:#f1f1f1;font-size:14px;font-weight:500;padding:1px 15px;border-radius:12px;color:#54667a!important;gap:5px}.article-tags-item svg{width:16px;height:16px;opacity:0.5}.article-tags-item:hover{background:#ececec}.article-tags-item:active{opacity:0.7;background:#ececec}@media screen and (max-width:1000px){.article-head-image{width:420px;flex:0 0 420px}}@media screen and (max-width:870px){.article-head{flex-direction:column}.article-head-image{flex:auto;margin-bottom:26px;width:100%}.article-head-info{padding-right:0}.breadcrumbs{margin-top:0px;justify-content:center}.blog-article-title{text-align:center}}@media screen and (max-width:700px){.article-other{flex-direction:column;gap:40px}.article-other-item-wrapper{flex:0 0 100%;width:100%}.article-other-item-wrapper:nth-child(1){order:2}}@media screen and (max-width:500px){.blog-article-title{text-align:center;font-size:19px;font-weight:500;margin-bottom:16px}.article-contents-wrapper{flex-direction:column}.article-contents{order:2}.article-contents-wrapper{gap:0}.article-share-btns-wrapper{flex-direction:row;gap:6px;justify-content:space-between}.article-head-data{margin-top:20px;justify-content:center}.article-contents-wrapper{padding-top:22px}.article-share-btn-tip{display:none}}