.show-blog .card{margin-block:150px;overflow:hidden}.show-blog .card .titr-showBlog{color:#283347;font-size:40px}@media screen and (max-width: 320px){.show-blog .card .titr-showBlog{font-size:32px}}.show-blog .card .blog{display:flex;justify-content:center}.show-blog .card .blog .sidebar{margin-top:75px}.show-blog .card .blog .sidebar .box{height:800px;overflow-y:auto;direction:ltr}.show-blog .card .blog .sidebar .box::-webkit-scrollbar-track{padding:2px 0;background-color:#e2e1e1;border-radius:10px}.show-blog .card .blog .sidebar .box::-webkit-scrollbar{width:4px;border-radius:10px}.show-blog .card .blog .sidebar .box::-webkit-scrollbar-thumb{background-color:#283347;border-radius:5px}.show-blog .card .blog .sidebar .box .itemSlider{display:flex;justify-content:space-between;padding-block:23px;align-items:center;border-bottom:1px solid #f1f1f1;margin-inline:18px;background-color:#fff;cursor:pointer}.show-blog .card .blog .sidebar .box .itemSlider:last-child{border-bottom:unset}.show-blog .card .blog .sidebar .box .itemSlider:hover .link .title,.show-blog .card .blog .sidebar .box .itemSlider:hover .link .icon{color:#283347}.show-blog .card .blog .sidebar .box .itemSlider.active{position:sticky;top:0;border-color:#3d3c45}.show-blog .card .blog .sidebar .box .itemSlider.active .link .title,.show-blog .card .blog .sidebar .box .itemSlider.active .link .icon{color:#3d3c45}.show-blog .card .blog .sidebar .box .itemSlider .link{width:100%;display:flex;justify-content:space-between;align-items:center}.show-blog .card .blog .sidebar .box .itemSlider .link .title{color:#abb5c6;transition:all .3s;font-size:16px}.show-blog .card .blog .sidebar .box .itemSlider .link .icon{color:#abb5c6;transition:all .3s;font-size:24px}.show-blog .card .blog .items-blog{display:grid;justify-items:end;grid-gap:25px;grid-template-columns:repeat(3,1fr);margin-top:60px}@media screen and (max-width: 1440px){.show-blog .card .blog .items-blog{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 425px){.show-blog .card .blog .items-blog{grid-template-columns:repeat(1,1fr)}}.show-blog .card .blog .items-blog .itemBlog{width:100%;min-width:300px;max-width:380px;min-height:430px;padding-inline:5px;border-radius:30px;display:flex;align-items:center;flex-direction:column;background:#fff;overflow:hidden;margin-block:5px;box-shadow:0 0 20px -15px #000000b0}.show-blog .card .blog .items-blog .itemBlog:hover .textBox-blog .sarTitr-blog span{color:#cf5242}.show-blog .card .blog .items-blog .itemBlog .box-imgBlog{width:98%;height:290px;margin-top:10px;border-radius:20px 20px 0 0;overflow:hidden}@media screen and (max-width: 1024px){.show-blog .card .blog .items-blog .itemBlog .box-imgBlog{height:255px}}@media screen and (max-width: 320px){.show-blog .card .blog .items-blog .itemBlog .box-imgBlog{height:230px}}.show-blog .card .blog .items-blog .itemBlog .box-imgBlog .imgBlog{width:100%;height:100%}.show-blog .card .blog .items-blog .itemBlog .textBox-blog{padding-inline:10px;padding-bottom:10px;width:100%}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog{font-size:17px;margin:20px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog .titr{transition:all .3s;color:#283347}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog .titr:hover{color:#cf5242}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .text{text-align:justify;font-size:14px;line-height:1.7;color:#707070;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;margin-bottom:20px}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .linkBlog{display:flex;align-items:center;gap:5px;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .linkBlog::-webkit-scrollbar-track{padding:2px 0;background-color:#f6f6f6}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .linkBlog::-webkit-scrollbar{width:1px;height:3px}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .linkBlog::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c8d5}.show-blog .card .blog .items-blog .itemBlog .textBox-blog .linkBlog .item-linkBlog{border-radius:10px;padding:8px 15px;display:flex;color:#707070;background:#f2f2f2;justify-content:center;align-items:center;font-size:12px}.show-blog .card .filter .filterBtn{position:relative;top:30px;right:45px;width:160px;height:50px;text-align:center;display:none;cursor:pointer;transform:translate(30px);transition:all .3s}@media screen and (max-width: 425px){.show-blog .card .filter .filterBtn{width:78%;transform:none!important}}@media screen and (max-width: 375px){.show-blog .card .filter .filterBtn{width:89%;right:20px}}@media screen and (max-width: 320px){.show-blog .card .filter .filterBtn{right:12px;width:92%}}@media screen and (max-width: 425px){.show-blog .card .filter .filterBtn svg{width:100%}}.show-blog .card .filter .filterBtn svg .shape{stroke-dasharray:100 300;stroke-dashoffset:-297;fill:transparent;stroke:#3d3c45;stroke-width:5px;transition:stroke-width 1s,stroke-dashoffset 1s,stroke-dasharray 1s}@media screen and (max-width: 768px){.show-blog .card .filter .filterBtn svg .shape{stroke-dasharray:66 142;stroke-dashoffset:80;width:100%}}@media screen and (max-width: 425px){.show-blog .card .filter .filterBtn svg .shape{stroke-dasharray:65 295;stroke-dashoffset:-285}}@media screen and (max-width: 375px){.show-blog .card .filter .filterBtn svg .shape{stroke-dasharray:105 280;stroke-dashoffset:-260}}@media screen and (max-width: 320px){.show-blog .card .filter .filterBtn svg .shape{stroke-dasharray:30 290}}.show-blog .card .filter .filterBtn .text{font-size:17px;top:-42PX;position:relative;color:#000}.show-blog .card .filter .filterBtn:hover{background-color:#3d3c45;transition:1s;transform:translate(20px)}.show-blog .card .filter .filterBtn:hover svg .shape{stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:760}.show-blog .card .filter .filterBtn:hover .text{color:#fff}.show-blog .card .filter .modalFilter{background-color:#f8fafe;height:83%;width:260px;position:fixed;right:0;top:70px;transform:translate(30rem);transition:all .3s;z-index:51;overflow:hidden}.show-blog .card .filter .modalFilter .box{height:800px;padding-bottom:125px;overflow-y:auto;direction:ltr}.show-blog .card .filter .modalFilter .box::-webkit-scrollbar-track{padding:2px 0;background-color:#e2e1e1;border-radius:10px}.show-blog .card .filter .modalFilter .box::-webkit-scrollbar{width:4px;border-radius:10px}.show-blog .card .filter .modalFilter .box::-webkit-scrollbar-thumb{background-color:#283347;border-radius:5px}.show-blog .card .filter .modalFilter .box .itemSlider{display:flex;flex-direction:column;justify-content:space-between;padding-block:23px;align-items:center;border-bottom:1px solid #e9eef6;margin-inline:18px;direction:rtl;background-color:#fbfbfb;cursor:pointer}.show-blog .card .filter .modalFilter .box .itemSlider:last-child{border-bottom:unset}.show-blog .card .filter .modalFilter .box .itemSlider:hover .link .title,.show-blog .card .filter .modalFilter .box .itemSlider:hover .link .icon{color:#283347}.show-blog .card .filter .modalFilter .box .itemSlider.active{position:sticky;top:0;border-color:#3d3c45}.show-blog .card .filter .modalFilter .box .itemSlider.active .link .title,.show-blog .card .filter .modalFilter .box .itemSlider.active .link .icon{color:#3d3c45}.show-blog .card .filter .modalFilter .box .itemSlider .link{width:100%;display:flex;justify-content:space-between;align-items:center}.show-blog .card .filter .modalFilter .box .itemSlider .link .title{color:#abb5c6;transition:all .3s;font-size:15px}.show-blog .card .filter .modalFilter .box .itemSlider .link .icon{color:#abb5c6;transition:all .3s;width:20px;font-size:23px}.show-blog .card .filter .modalFilter .box .itemSlider .submenu{overflow:hidden;max-height:0;width:100%;text-align:center;transition:max-height .3s ease}.show-blog .card .filter .modalFilter .box .itemSlider .submenu .item-submenu{padding:12px;background-color:#3d3c45;color:#fff;font-size:13px;border-bottom:2px solid;border-radius:5px}.show-blog .card .filter .modalFilter .box .itemSlider .submenu .item-submenu:hover{background-color:#53535a}.show-blog .card .filter .modalFilter.active{transform:translate(0)}