.blog{display:flex;justify-content:space-between;padding:0 32px 0 0;gap:32px}.blog .blogMain{padding-top:26px}.blog .blogMain .allTop{display:flex;align-items:start;justify-content:space-between}.blog .blogMain .allTop .countCon{display:flex}.blog .blogMain .allTop .countCon .count{font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 16px 0 9px;height:29px;border-radius:6px;margin:2px -15px 0 0;background-image:linear-gradient(#ffba00,#ffa600,#ff9700,#ff8600)}.blog .blogMain .allTop .countCon figure picture{display:flex}.blog .blogMain .allPosts{display:flex;flex-direction:column;padding:20px 0 90px;gap:28px}.blog .blogMain .allPosts .post{overflow:hidden;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.4)}.blog .blogMain .allPosts .post .head{position:relative;background-image:linear-gradient(#00e3ff,#0cc1ff,#0dacfc);height:60px;display:flex;align-items:center;gap:10px;padding-left:25px}.blog .blogMain .allPosts .post .head figure picture{display:flex}.blog .blogMain .allPosts .post .head .h1{font-size:20px;font-weight:600;color:#fff;text-decoration:none}.blog .blogMain .allPosts .post .head .h1:hover{text-decoration:underline}.blog .blogMain .allPosts .post .metaCont{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px 30px;position:relative;background:#e3f9ff;border-bottom:1px solid #31c3ff;box-shadow:0 0 2px rgba(0,0,0,.3);z-index:1}.blog .blogMain .allPosts .post .metaCont .meta{display:flex;align-items:center;gap:6px}.blog .blogMain .allPosts .post .metaCont .meta figure picture{display:flex}.blog .blogMain .allPosts .post .metaCont .meta .link{font-size:14px;color:#000;text-decoration:none}.blog .blogMain .allPosts .post .metaCont .meta .link:hover{text-decoration:underline}.blog .blogMain .allPosts .post .postCont{display:flex;flex-direction:column;padding:24px 24px 20px 28px;gap:28px;background:#fff}.blog .blogMain .allPosts .post .postCont .contA{display:block}.blog .blogMain .allPosts .post .postCont .contA figure picture .mainImg{display:flex;float:left;box-shadow:0 3px 10px rgba(0,0,0,.4);margin:0 20px 20px 0}.blog .blogMain .allPosts .post .postCont .contA .desc{display:block;font-size:15px;color:#000;line-height:35px;text-align:justify;margin-top:-6px}.blog .blogMain .allPosts .post .postCont .contB{display:flex;align-items:center;justify-content:space-between;gap:20px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon{display:flex;align-items:center;position:relative;background:#e3f9ff;border:1px solid #31c3ff;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 250px);border-radius:100px 0 0;padding:4px 1px 4px 36px;-moz-column-gap:6px;column-gap:6px;flex-wrap:wrap;row-gap:3px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon::after{content:"";position:absolute;width:15px;height:calc(100% + 2px);top:-1px;right:-15px;background-image:url(../images/main/tagsAfter.png);background-size:100% 100%;background-repeat:no-repeat}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tIcon{position:absolute;left:-8px;top:-10px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tag{font-size:14px;color:#000;text-decoration:none}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tag:hover{text-decoration:underline}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .dot{width:3px;height:3px;background:#000;border-radius:100%}.blog .blogMain .allPosts .post .postCont .contB .postBtn{font-size:14px;font-weight:600;color:#fff;text-decoration:none;background-image:linear-gradient(#474747,#262222,#191313);border-radius:5px;height:35px;width:116px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px rgba(0,0,0,.16)}.blog .blogMain .allPosts .post .postCont .contB .postBtn:hover{transition:.3s;box-shadow:0 4px 7px rgba(0,0,0,.2)}.blog .blogMain .allPosts .post .postCont .contB .postBtn:active{font-size:15px}@media (max-width:1750px){.blog{padding:0 12px 0 0;gap:20px}.blog .blogMain{width:calc(100% - 232px - 240px - 40px);padding-top:20px}.blog .blogMain .allPosts{padding:16px 0 50px;gap:24px}.blog .blogMain .allPosts .post .head{height:52px;gap:6px;padding-left:18px}.blog .blogMain .allPosts .post .head figure picture .bHIcon{width:25px;height:auto}.blog .blogMain .allPosts .post .head .h1{font-size:19px}.blog .blogMain .allPosts .post .metaCont{padding:10px 16px 8px 20px}.blog .blogMain .allPosts .post .metaCont .meta{gap:5px}.blog .blogMain .allPosts .post .metaCont .meta figure picture .mIcon{width:19px;height:auto}.blog .blogMain .allPosts .post .metaCont .meta .link{font-size:13px}.blog .blogMain .allPosts .post .postCont{padding:18px 10px 14px 12px;gap:18px}.blog .blogMain .allPosts .post .postCont .contA figure picture .mainImg{width:260px;height:auto;margin:0 10px 10px 0}.blog .blogMain .allPosts .post .postCont .contA .desc{line-height:32px;margin-top:-8px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon{max-width:calc(100% - 150px);padding:3px 0 3px 34px;-moz-column-gap:5px;column-gap:5px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tIcon{left:-6px;top:-9px;width:52px;height:auto}.blog .blogMain .allPosts .post .postCont .contB .postBtn{font-size:13px;height:33px;width:108px}.blog .blogMain .allPosts .post .postCont .contB .postBtn:active{font-size:14px}}@media (max-width:1200px){.blog{padding:0 20px;gap:16px;flex-direction:column}.blog .blogMain{width:100%;padding-top:20px}}@media (max-width:768px){.blog .blogMain .allTop{flex-direction:column;gap:12px;align-items:end}.blog .blogMain .allPosts{padding:10px 0 40px;gap:20px}.blog .blogMain .allPosts .post .head{height:50px;gap:5px;padding-left:14px}.blog .blogMain .allPosts .post .head figure picture .bHIcon{width:24px}.blog .blogMain .allPosts .post .head .h1{font-size:18px}.blog .blogMain .allPosts .post .metaCont{padding:9px 14px}.blog .blogMain .allPosts .post .postCont{padding:15px 10px 12px;gap:16px}.blog .blogMain .allPosts .post .postCont .contA figure picture .mainImg{width:45%}.blog .blogMain .allPosts .post .postCont .contA .desc{line-height:31px;margin-top:-4px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon{max-width:calc(100% - 200px);padding:3px 0 3px 60px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tIcon{left:-4px;top:-14px;width:82px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tag{font-size:13px}.blog .blogMain .allPosts .post .postCont .contB .postBtn{height:34px;width:114px}}@media (max-width:600px){.blog{padding:0 12px;gap:12px}.blog .blogMain{width:100%;padding-top:20px}.blog .blogMain .allTop .countCon .count{margin:0}.blog .blogMain .allTop .countCon figure picture .cGear{display:none}.blog .blogMain .allPosts{padding:20px 0}.blog .blogMain .allPosts .post .head{height:auto;min-height:32px;padding:8px 0 8px 10px}.blog .blogMain .allPosts .post .head figure picture .bHIcon{width:23px}.blog .blogMain .allPosts .post .head .h1{font-size:15px}.blog .blogMain .allPosts .post .metaCont{padding:8px;justify-content:space-around;flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;row-gap:5px}.blog .blogMain .allPosts .post .metaCont .meta{gap:3px}.blog .blogMain .allPosts .post .metaCont .meta figure picture .mIcon{width:18px}.blog .blogMain .allPosts .post .metaCont .meta .link{font-size:12px}.blog .blogMain .allPosts .post .postCont{padding:12px 8px;gap:12px}.blog .blogMain .allPosts .post .postCont .contA figure picture .mainImg{width:100%;margin:0 0 10px 0}.blog .blogMain .allPosts .post .postCont .contA .desc{line-height:24px;margin-top:0;font-size:13px}.blog .blogMain .allPosts .post .postCont .contB{gap:8px;flex-direction:column}.blog .blogMain .allPosts .post .postCont .contB .tagsCon{max-width:100%;padding:3px 0 3px 60px;border-radius:7px;margin:0 auto;justify-content:center;max-width:94%;padding:6px 8px;-moz-column-gap:6px;column-gap:6px}.blog .blogMain .allPosts .post .postCont .contB .tagsCon::after{display:none}.blog .blogMain .allPosts .post .postCont .contB .tagsCon .tIcon{display:none}.blog .blogMain .allPosts .post .postCont .contB .postBtn{width:65%}}