.weblog{margin-top:55px;display:flex;position:relative}.weblog:before{content:"";width:93px;height:calc(100% - 74px);border-radius:24px;background:var(--black-color-5);position:absolute;top:50%;right:-24px;transform:translateY(-50%);z-index:-1}.weblog:after{content:"";width:93px;height:calc(100% - 74px);border-radius:24px;background:var(--black-color-5);position:absolute;top:50%;left:-24px;transform:translateY(-50%);z-index:-1}.weblog .box{background:var(--white-color);border-radius:24px;padding:8px}.weblog .head-weblog{width:32%;padding-left:6%;z-index:-1}.weblog .head-weblog .inner{height:100%;border-radius:16px;background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(270deg,var(--black-color-10) 0%,transparent 30%) border-box;border-top:1px solid #fff0;border-right:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-left:20px;position:relative}.weblog .head-weblog .inner img{margin:20px auto;display:block}.weblog .head-weblog .inner:before{content:"";width:calc(100% - 36px);aspect-ratio:1 / 1;background:linear-gradient(to top,#303030 0%,rgb(48 48 48 / .3) 11%,transparent 20%);border-radius:100%;position:absolute;top:-99px;right:0;opacity:.1;mix-blend-mode:multiply}.weblog .head-weblog .inner .text{width:100%;text-align:center;padding:20px 30px 30px;position:relative}.weblog .head-weblog .inner .text:before{content:"";width:16px;height:24px;background-color:var(--black-color-10);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;right:30px;top:50%;transform:translateY(-50%)}.weblog .head-weblog .inner .text:after{content:"";width:16px;height:24px;background-color:var(--black-color-10);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;left:30px;top:50%;transform:translateY(-50%) scaleX(-1)}.weblog .head-weblog .inner .text .title{font-size:20px;font-weight:700;line-height:28px;color:var(--black-color);display:block;margin:0}.weblog .head-weblog .inner .text .subtitle{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70);display:block;margin:0}.weblog .first-article{width:34%;margin-right:-6%;margin-top:-55px;padding-bottom:31px;padding-left:24px;position:relative;z-index:1}.weblog .first-article:after{content:"";width:85px;height:226px;background:var(--black-color-20);border-radius:16px;filter:blur(50px);position:absolute;right:8px;bottom:8px;z-index:1}.weblog .first-article .post-box{z-index:2;position:relative;height:100%}.post-box{background:var(--white-color);border-radius:24px;padding:8px;display:flex;flex-direction:column;justify-content:space-between}.post-box img{width:100%;height:188px;object-fit:cover;border-radius:16px;margin-bottom:19px}.post-box .post-cat{font-size:14px;font-weight:300;line-height:21px;padding:10px 20px;color:var(--black-color);background:var(--black-color-100);border-radius:12px;position:absolute;right:16px;top:16px}.post-box .title{font-size:16px;font-weight:700;;line-height:24px;margin-bottom:5px;padding:0 9px}.post-box .summary{font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70);padding:0 9px;margin-bottom:8px;text-align:justify}.post-box .info{display:flex;justify-content:space-between;align-items:center}.post-box .info .time{padding-right:24px;display:flex;align-items:center;gap:8px}.post-box .info .time svg{width:14px;fill:var(--main-color)}.post-box .info .time svg path{fill:var(--main-color)}.post-box .info .time span{font-size:14px;font-weight:300;line-height:21px}.post-box .info .btn{height:48px;min-width:107px;width:max-content}.weblog .body-weblog{width:40%;display:flex;flex-direction:column;gap:16px}.weblog .body-weblog .btns{display:flex;justify-content:space-between;align-items:center;gap:16px}.weblog .body-weblog .btns .btn-box{height:98px;width:calc(33.333333% - 10.666666px);background:var(--white-color);border-radius:24px;padding:4px}.weblog .body-weblog .btns .btn-box .inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;background:var(--white-color);border-radius:24px;transition:all .3s ease-in-out}.weblog .body-weblog .btns .btn-box .inner:before{content:"";border:10px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.weblog .body-weblog .btns .btn-box svg{width:16px}.weblog .body-weblog .btns .btn-box svg path{fill:var(--main-color);transition:all .3s ease-in-out}.weblog .body-weblog .btns .btn-box span{font-size:16px;font-weight:400;line-height:24px;padding-right:8px;border-right:1px solid var(--black-color-10);transition:all .3s ease-in-out}.weblog .body-weblog .btns .btn-box:hover .inner{background:var(--main-color)}.weblog .body-weblog .btns .btn-box:hover .inner:before{opacity:0}.weblog .body-weblog .btns .btn-box:hover svg path{fill:var(--white-color)}.weblog .body-weblog .btns .btn-box:hover span{color:var(--white-color);border-color:var(--white-color-10)}.post-box-horizontal{display:flex;gap:8px;background:var(--white-color);border-radius:24px;padding:8px}.post-box-horizontal img{height:82px;width:138px;object-fit:cover;border-radius:16px;transition:all .3s ease-in-out;filter:grayscale(1)}.post-box-horiz.no-gray img,.post-box-horizontal a:hover img{filter:grayscale(0)}.post-box-horizontal .info{width:calc(100% - 146px);border-radius:16px;background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(270deg,var(--black-color-10) 0%,transparent 30%) border-box;border-top:1px solid #fff0;border-right:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;justify-content:space-between;align-items:center}.post-box-horizontal .info .title-box{padding:4px 16px;display:flex;flex-direction:column;align-items:start;justify-content:center}.post-box-horizontal .info .title{font-size:16px;font-weight:400;line-height:24px;color:var(--black-color);margin-bottom:4px}.post-box-horizontal .time{display:flex;gap:8px}.post-box-horizontal .time svg{width:14px;fill:var(--main-color)}.post-box-horizontal .time svg path{fill:var(--main-color)}.post-box-horizontal .time span{font-size:14px;font-weight:300;line-height:21px}.post-box-horizontal .info .btn{font-size:16px;font-weight:400;color:var(--black-color-70);padding:0 0 0 16px;height:auto;display:flex;align-items:center;gap:8px}.post-box-horizontal .info .btn i{font-size:10px;height:10px;display:flex;align-items:center}.weblog .first-article:before{content:"";width:21px;height:21px;background:var(--black-color-10);border-radius:10px 0;position:absolute;top:calc(50% + 8px);left:12px;transform:translateY(-50%) rotate(45deg);z-index:-1}.weblog .body-weblog{position:relative}.weblog .body-weblog:before{content:"";width:21px;height:21px;background:var(--black-color-10);border-radius:10px 0;position:absolute;top:50%;right:-14px;transform:translateY(-50%) rotate(45deg);z-index:-1}@media (max-width:1399px){.weblog .head-weblog .inner:before{top:-29px}}@media (max-width:1199px){.weblog .head-weblog .inner:before{top:-70%;right:20px}.weblog .head-weblog .inner{padding-left:0}.weblog{flex-wrap:wrap;margin-top:8px}.weblog .head-weblog{width:calc(50% - 8px);padding-left:0}.weblog .first-article{width:calc(50% - 8px);margin-right:16px;margin-top:0;padding-bottom:0;padding-left:0}.weblog .body-weblog{width:100%;margin-top:16px}.weblog .first-article:after,.weblog .first-article:before,.weblog .body-weblog:before{display:none}}@media (max-width:991px){.weblog .head-weblog .inner:before{top:-30%}}@media (max-width:767px){.weblog .head-weblog .inner .text:before,.weblog:before,.weblog .head-weblog .inner:before{display:none}.weblog .head-weblog{width:100%;margin-bottom:8px;z-index:1}.weblog .first-article{width:100%;margin-right:0;margin-bottom:8px}.weblog .body-weblog{margin:0;gap:8px}.weblog .head-weblog .inner{flex-direction:row;border:0}.weblog .head-weblog .inner img{width:73px;margin:-33px 9px 6px 0}.weblog .head-weblog .inner .text{text-align:right;padding:13px 24px}.weblog .head-weblog .inner .text:after{left:8px}.weblog .head-weblog .inner .text .title{font-size:16px}.post-box img{height:auto}.post-box .post-cat{right:unset;left:16px}.post-box-horizontal img{width:75px}.post-box-horizontal .info{border:0;width:calc(100% - 83px);align-items:end}.post-box-horizontal .info .title-box{padding:4px 8px;justify-content:space-between;height:100%}.weblog:after{width:85px;height:226px;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(25px);background:var(--black-color);opacity:.2}}@media (max-width:567px){.weblog .body-weblog .btns .btn-box{width:calc(50% - 8px);height:71px}.weblog .body-weblog .btns .btn-box:last-of-type{display:none}.weblog .body-weblog .btns .btn-box span{font-size:14px}.post-box-horizontal .info .btn{position:absolute;left:0}.post-box-horiz.no-gray img{filter:grayscale(0)}}