.head_li{color:inherit!important;border-bottom:1px dashed var(--text-color)!important}.tutorial-container .tutorial-headers span{padding-bottom:0!important}.tutorial-container table{transition:.3s!important;background:var(--box-background);color:var(--text-color)!important;border-color:transparent;border-radius:var(--border-radius);min-width:60%;margin:auto;overflow:hidden}.tutorial-container table thead tr{background:linear-gradient(135deg,#d8ffdc,#73eed3);color:var(--text-color)!important}@media (max-width: 768px){.tutorial-container table tr{border:1px solid var(--border-color);background:#ccc}.tutorial-container table td{border-bottom:1px dashed #ddd;background:transparent}.tutorial-container table td:before{color:#bbb}}.dark .tutorial-container table{transition:.3s!important;background:#1e1e1e;color:#e0e0e0;border-color:transparent}.dark .tutorial-container table thead tr{background:linear-gradient(135deg,#14532d,#1e3a34);color:#f3f4f6}@media (max-width: 768px){.dark .tutorial-container table tr{background:#1e202499}.dark .tutorial-container table td{border-bottom:1px dashed #2f3238;background:transparent}.dark .tutorial-container table td:before{color:#bbb}}.tutorial-container{line-height:32px}.tutorial-container p{line-height:24px}.tutorial-container li{line-height:32px}.tutorial-container ul{padding-right:16px!important}.tutorial-container h1.title{font-size:18px;margin:16px 0}.tutorial-container .main-image{width:100%;margin-top:8px}.tutorial-container .main-image img{width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow)}.tutorial-container .header{transition:.3s}.tutorial-container .header.color1{color:var(--border-color)}.tutorial-container .header.color2{color:var(--full-color)}.tutorial-container img{max-width:100%!important;border-radius:var(--border-radius);margin:auto;width:auto;height:auto;display:block}.tutorial-container a{color:var(--link-color);text-decoration:none;border-bottom:1px dashed var(--link-color)}.tutorial-container .tutorial-headers{list-style:none;line-height:40px;background:var(--box-background);padding:8px 12px;border-radius:var(--border-radius)}.tutorial-container .tutorial-headers span{color:var(--link-color);border-bottom:1px dashed var(--link-color);cursor:pointer;padding-bottom:2px}.tutorial-container h1{margin:0}.tutorial-container .tutorial-blockqoute{padding:0;text-align:justify;margin-right:0;margin-left:0}.tutorial-breadcrumb{padding:0 16px}@media (min-width: 1025px){.tutorial-breadcrumb{padding-top:16px}}.filters{width:100%!important;display:flex!important;justify-content:space-between!important}.buttons{min-width:218px;justify-content:flex-end}@media (max-width: 465px){.filters{width:100%!important;display:block!important}.filters .x-input-2{width:100%!important;margin-bottom:16px}}.a-l-container{margin-top:16px!important}.a-l-container .box{max-width:none!important}.a-l-container.x-container{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;justify-content:end;direction:rtl}@media (min-width: 700px){.a-l-container.x-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.a-l-container.x-container{grid-template-columns:repeat(3,1fr)}}.a-l-container.main-container{max-width:1200px;margin:0 auto;direction:rtl}@media (min-width: 1921px){.a-l-container.main-container{max-width:100%!important}}.a-l-container .tutorial-row{flex:0 0 calc(25% - 10px);margin-bottom:0;text-decoration:none;color:inherit}@media (max-width: 768px){.a-l-container .tutorial-row{flex:0 0 100%}}.a-l-container .main-image{width:100%;border-radius:var(--border-radius);overflow:hidden;position:relative;height:190px}.a-l-container .main-image img{width:100%;height:auto;object-fit:cover}.a-l-container .tutorial-blockqoute{margin:0;text-align:justify;padding:0 16px;color:var(--text-color);line-height:28px}.a-l-container .title{padding:3px 16px 0;position:absolute;height:60px;overflow:hidden;line-height:27px;background:#1c1818cc;width:100%;color:var(--article-text-color);z-index:8;bottom:0;font-size:16px}.sort{background:var(--shadow-color);height:48px;line-height:48px;text-align:center;padding:0 8px;border-radius:var(--border-radius);cursor:pointer;margin:0 8px 0 0;border:1px solid transparent}.sort.active{border:1px solid var(--border-color)}@media (min-width: 0px){.box{max-width:100%!important}}.x-text video{display:block;max-width:96%;margin:auto;border-radius:var(--border-radius)}