/* /leopaw_theme_pawrti/static/src/css/blog.css */
 .blog-head{padding: 72px 0 74px; position: relative;}.blog-container{max-width: 1070px; margin: auto;}.blog-head .blog-content{text-align: center;}.blog-head::after{content: " "; position: absolute; width: 150px; height: 160px; right: 0; bottom: -50px; background: linear-gradient(41.29deg, #4450f3 14.83%, #fd4ac6 81.65%); opacity: 0.275; filter: blur(175px); transform: matrix(-1, 0, 0, 1, 0, 0);}.blog-head::before{content: " "; position: absolute; width: 264px; height: 201px; left: 0; top: 0; background: linear-gradient( 180deg, rgba(1, 171, 206, 0.275) 0%, rgba(1, 171, 206, 0.275) 100% ); filter: blur(200px); transform: matrix(-1, 0, 0, 1, 0, 0);}.blog-head .blog-content h2{word-spacing: -40px; margin: 0 -14px 25px 0;}.blog-head .blog-content p{margin: 0 auto 20px; max-width: 900px; line-height: 30px;}.blog-head .blog-content h2 span{padding: 0 25px;}.blog-head .blog-content .follow{line-height: 36px;}.blog-head .blog-content .follow span{padding: 0 5px 0 15px;}.latest-section{margin-bottom: 62px;}.latest-section .latest-container{max-width: 1040px; margin: 0 auto;}.latest-section .latest-container .rotate-section{display: flex; gap: 120px;}.latest-section .latest-container .rotate-section .list-content a{max-width: 547px;}.latest-section .latest-container .rotate-section .list-content{position: relative;}.latest-section .latest-container .rotate-section .list-content .blob{right: -60px; left: auto; z-index: -1; top: 0; bottom: -10px; width: 160px; height: 160px; margin: auto;}.latest-section .latest-container .rotate-section .list-content .blob.blob-yellow{background: linear-gradient( 239.12deg, rgba(255, 119, 21, 0.3) 8.25%, rgba(234, 148, 19, 0.3) 84.05% ); opacity: 1; transform: rotate(-59.67deg);}.latest-section .latest-container .rotate-section .list-content .date{margin-bottom: 5px;}.latest-section .latest-container .rotate-section .list-content .detail-title{max-width: 410px; width: 100%;}.latest-section .latest-container .rotate-section .list-content h3{margin-bottom: 4px; line-height: 27px;}.latest-section .latest-container .rotate-section .list-content:first-child{transform: rotate(-4deg);}.latest-section .latest-container .rotate-section .list-content:nth-child(2){transform: rotate(6.6deg); margin-top: 146px;}.latest-section .latest-container .rotate-section .list-content:nth-child(2) .blob{top: -40px; bottom: auto; background: linear-gradient( 180deg, rgba(1, 171, 206, 0.3) 0%, rgba(1, 171, 206, 0.165) 100% ); opacity: 1; right: -60px;}.blog-list .list-title{padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6;}.list-content .blog-img img{border-radius: 10px; width: 100%; height: auto; margin-bottom: 7px;}.blog-list .list-grid{margin-bottom: 70px;}.list-content{margin-bottom: 30px;}.list-content .date{margin-bottom: 6px;}.list-content h3{margin-bottom: 10px; line-height: 27px;}.explore .explore-container{max-width: 554px; margin: -25px auto 60px; position: relative; text-align: center;}.explore .explore-container h2{word-spacing: -35px; line-height: 90px;}.explore .explore-container h2 span{padding: 0 17px;}.explore .explore-container .bottom{margin-bottom: -15px;}.blog-detail{overflow: hidden; padding: 80px 0;}.blog-detail .details .detail-img img{border-radius: 10px; margin-bottom: 17px; width: 100%; height: auto;}.blog-detail .details .detail-img{position: relative;}.blog-detail .details .detail-img .blob-yellow{width: 160px; height: 160px; left: -170px; bottom: -40px; opacity: 1; background: linear-gradient( 239.12deg, rgba(255, 119, 21, 0.3) 8.25%, rgba(234, 148, 19, 0.3) 84.05% ); transform: rotate(-99.67deg);}.blog-detail .details .detail-img .blob-blue{left: auto; width: 167px; background: linear-gradient( 180deg, rgba(1, 171, 206, 0.3) 0%, rgba(1, 171, 206, 0.165) 100% ); opacity: 1; height: 171px; right: -170px; bottom: 160px;}.blog-detail .details .blog-content{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 5px;}.blog-detail .details .blog-content h3{line-height: 27px;}.blog-detail .details .detail-title{margin-bottom: 15px; line-height: 36px;}.blog-detail .details .blog-paragraph{margin-bottom: 20px;}.blog-detail .details .blog-image2{text-align: center; margin: 50px 0; position: relative;}.blog-detail .details .blog-image2 img{border-radius: 10px;}.details::after, .blog-image2::after{content: " "; position: absolute; width: 200px; height: 280px; right: 0; top: 230px; background: linear-gradient(41.29deg, #4450f3 14.83%, #fd4ac6 81.65%); opacity: 0.2; z-index: -1; filter: blur(175px);}.details::before, .blog-image2::before{content: " "; position: absolute; width: 204px; height: 350px; left: 0; z-index: -1; top: 75px; background: linear-gradient( 180deg, rgba(1, 171, 206, 0.1) 0%, rgba(1, 171, 206, 0.2) 100% ); filter: blur(200px);}.blog-image2::before{left: -190px; top: -20px;}.blog-image2::after{right: -160px; top: 40px;}@media only screen and (min-width: 1200px) and (max-width: 1399px){.blog-detail .details .detail-img .blob-yellow{width: 130px; height: 130px; left: -142px;}.blog-detail .details .detail-img .blob-blue{width: 130px; height: 130px; right: -138px;}}@media only screen and (min-width: 768px) and (max-width: 1199px){.blog-container{margin: 0 30px;}.blog-head .blog-content h2{word-spacing: -20px;}.latest-section{margin-bottom: 50px;}.blog-list .list-grid{margin-bottom: 40px;}.blog-detail .details .detail-img .blob-yellow{width: 100px; height: 100px; left: -75px; z-index: -1; bottom: -90px; top: auto;}.blog-detail .details .detail-img .blob-blue{width: 100px; height: 100px; bottom: -20px; top: auto; right: -40px; z-index: -1;}.blog-detail .details .blog-image2 img{width: 100%; height: auto;}.blog-detail{padding: 60px 0;}.list-content .blog-img img{width: 100%; height: auto;}.latest-section .latest-container{margin: 0 30px;}.latest-section .latest-container .rotate-section .list-content .blob{right: -40px; width: 120px; height: 120px; bottom: 80px;}.latest-section .latest-container .rotate-section .list-content:nth-child(2) .blob{right: 0px; top: -20px;}}@media only screen and (min-width: 320px) and (max-width: 767px){.blog-container{margin: 0 20px;}.blog-head{padding: 74px 0 21px; position: relative;}.blog-detail{padding: 30px 0 0;}.detail-title{font-size: 16px;}.explore .explore-container .bottom{margin-bottom: 0; word-spacing: -10px;}.blog-detail .details .detail-img .blob-yellow{width: 73px; height: 73px; left: -75px; z-index: -1; bottom: -90px; top: auto;}.blog-detail .details .detail-img .blob-blue{width: 65px; bottom: -20px; top: auto; height: 65px; right: -40px; z-index: -1;}.blog-detail .details .blog-image2{margin: 30px 0;}.blog-detail .details .blog-image2 img{width: 100%; height: auto;}.blog-image2::before{left: 0px; top: -20px; width: 139px; height: 139px;}.blog-image2::after{right: 0; top: 40px;}.details::before, .blog-image2::before{width: 130px; height: 130px;}.details::after, .blog-image2::after{width: 70px; height: 110px;}.explore .explore-container{margin: 0 auto 30px;}.latest-section .latest-container .rotate-section{display: block;}.latest-section .latest-container{margin: 0 20px;}.list-content .blog-img img{width: 100%; height: auto;}.explore .btn.btn-purple{padding: 7px 30px;}.blog-head .blog-content{text-align: left;}.blog-head .blog-content .follow{font-size: 24px; line-height: 40px;}.blog-head .blog-content .follow span{font-size: 60px;}.blog-head::before{width: 140px; height: 140px;}.blog-head::after{width: 120px; height: 110px; bottom: 240px;}.latest-section .latest-container .rotate-section .list-content:nth-child(2){margin-top: 58px; transform: rotate(4deg);}.latest-section .latest-container .rotate-section .list-content .blob{right: -20px; top: -1px; width: 90px; height: 90px; bottom: auto;}.latest-section .latest-container .rotate-section .list-content:nth-child(2) .blob{top: 0px; bottom: auto; right: -10px;}.latest-section{margin-bottom: 30px; overflow: hidden; padding: 30px 0 0;}.blog-list .list-title{margin-bottom: 30px; font-size: 30px;}.list-content .date{font-size: 14px;}.list-content h3{margin-bottom: 6px;}.blog-list .list-grid{margin-bottom: 0;}.blog-head .blog-content h2 span{padding: 0 9px; line-height: 102px; font-size: 100px; margin-top: -13px;}.blog-head .blog-content h2{word-spacing: -20px; margin-bottom: 30px; display: flex; flex-direction: column;}.list-content .blog-img img{width: 100%; height: auto;}}