#blogs-tutorials #breadcrumb{background-color:#f2f7fa}#blogs-tutorials .header-container{background-color:#f2f7fa;padding:50px 0 38px}@media(max-width:1024px){#blogs-tutorials .header-container{padding:20px 0 36px}}#blogs-tutorials .header-container h1{text-align:center;font-size:34px;line-height:24px;font-family:Roboto Condensed,Roboto Condensed Fallback,sans-serif;font-weight:700;margin:0 0 12px}@media(max-width:575px){#blogs-tutorials .header-container h1{width:100%;font-size:24px;line-height:30px;display:flex;justify-content:center;align-items:center;gap:20px;margin:0 0 44px}}#blogs-tutorials .header-container h1 svg{display:none;transform:rotate(-90deg)}@media(max-width:575px){#blogs-tutorials .header-container h1 svg{display:block}}#blogs-tutorials .header-container h1:has(+.show-description) svg{transform:rotate(90deg)!important}#blogs-tutorials .header-container p{width:100%;max-width:874px;margin:12px auto 34px;font-size:16px;line-height:24px}@media(max-width:575px){#blogs-tutorials .header-container p{display:none;margin:12px auto 0}#blogs-tutorials .header-container p.show-description{display:block}}#blogs-tutorials .header-container .navigation{margin-top:16px;display:flex;align-items:center;gap:10px}#blogs-tutorials .header-container .navigation a{text-decoration:none}#blogs-tutorials .header-container .navigation .swiper-slide{width:auto}#blogs-tutorials .header-container .navigation .option{padding:0 20px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:100px;font-family:Roboto Condensed,Roboto Condensed Fallback,sans-serif;font-weight:700;border:1px solid #1a3029;color:#1a3029;text-decoration:none;transition:.3s}#blogs-tutorials .header-container .navigation .option:hover,#blogs-tutorials .header-container .navigation .option.active{background-color:#12bf70;color:#fff}#blogs-tutorials .header-container .navigation .slider-button-prev,#blogs-tutorials .header-container .navigation .slider-button-next{position:relative;background-color:#fff;border:1px solid #333;z-index:1;height:45px;width:45px;border-radius:50%;cursor:pointer}@media(max-width:575px){#blogs-tutorials .header-container .navigation .slider-button-prev,#blogs-tutorials .header-container .navigation .slider-button-next{display:none}}#blogs-tutorials .header-container .navigation .slider-button-next{transform:rotate(180deg)}#blogs-tutorials .section-content{padding:62px 0 66px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-items:center;row-gap:62px;column-gap:24px;align-items:start}#blogs-tutorials .section-content.fetching{opacity:.5;pointer-events:none}@media(max-width:770px){#blogs-tutorials .section-content{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));row-gap:15px;column-gap:10px;padding:26px 0}}@media(max-width:575px){#blogs-tutorials .section-content{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));row-gap:15px;column-gap:10px;padding:26px 0}}@media(max-width:375px){#blogs-tutorials .section-content{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));row-gap:15px;column-gap:20px}}#blogs-tutorials #pagination{padding-bottom:88px}.blog-skeleton-wrapper{padding:62px 0 66px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-items:center;row-gap:62px;column-gap:24px;align-items:start}.blog-skeleton-wrapper .skeleton-item{max-width:100%;width:400px;margin:0 20px}@media(max-width:1024px){.blog-skeleton-wrapper .skeleton-item{max-width:100%;width:300px}}@media(max-width:575px){.blog-skeleton-wrapper .skeleton-item{max-width:100%;width:250px}}@media(max-width:375px){.blog-skeleton-wrapper .skeleton-item{max-width:100%;width:300px}}@media(max-width:1024px){.blog-skeleton-wrapper{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));row-gap:16px;column-gap:20px;padding:40px 22px 44px}}@media(max-width:575px){.blog-skeleton-wrapper{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:22px 0}}@media(max-width:375px){.blog-skeleton-wrapper{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:26px 22px 32px}}