.post{flex:0 0 90%}@media(min-width: 420px){.post{flex:0 0 80%}}@media(min-width: 480px){.post{flex:0 0 70%}}@media(min-width: 576px){.post{flex:0 0 45%}}@media(min-width: 1200px){.post{flex:0 0 30%}}.post-box{position:relative;display:flex;flex-direction:column;height:100%}.post-box figure{width:100%;position:relative;overflow:hidden;aspect-ratio:16/10;display:flex;justify-content:center;align-items:center;margin:0;border-radius:2rem 0 0 0}.post-box figure.no-img{background:#92abb8}.post-box figure.no-img:before{content:"ꂙ";font-family:"custom-icons";font-size:6.3rem;color:#223f4c}.post-box .read-time{position:absolute;top:10px;right:10px;z-index:1;width:auto;max-width:calc(100% - 40px);padding:.25rem .5rem;color:#fff;font-size:.83125rem;font-weight:500;background:rgba(34,63,76,.6);backdrop-filter:blur(4px);border:1px solid #223f4c;border-radius:.25rem 0 .25rem 0;pointer-events:none}.post-box .details{flex:1 1 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px 20px 10px 20px;background:#f3f3f3;border-radius:0 0 2rem 0}.post-box .body{display:flex;flex-direction:column;gap:10px}.post-box .topics,.post-box .tags{color:#223f4c;font-weight:500}.post-box h4{margin:0;font-weight:700}.post-box p{margin-top:20px;font-size:.9625rem;font-weight:500}.post-box .footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:40px}.post-box .footer time{color:#19191a;font-weight:500}.post-box .footer .btn-more{bottom:0;right:0;position:absolute;z-index:1;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;flex:0 0 auto;max-width:100%;padding:10px 30px;background:linear-gradient(45deg, #5bbc6d 0%, #223f4c 100%);border:1px solid #5bbc6d;border-radius:2rem 0 2rem 0;cursor:pointer;overflow:hidden;backface-visibility:hidden;z-index:1}.post-box .footer .btn-more span{display:inline-flex;align-items:center;color:#f3f3f3;font-size:0.83125rem;font-weight:400;letter-spacing:.1rem;white-space:normal;text-overflow:ellipsis;text-decoration:none}.post-box .footer .btn-more:hover,.post-box .footer .btn-more:focus{background:#5bbc6d;border:1px solid #5bbc6d;transition:background .3s linear,border .3s linear}.post-box .footer .btn-more:hover span,.post-box .footer .btn-more:focus span{color:#fff;animation:fontBlur .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transition:color .3s linear}.post-box .footer .btn-more:active{background:#fff;border:1px solid #223f4c;transition:none}.post-box .footer .btn-more:active span{color:#223f4c;transition:none}.blogs-older{position:relative;overflow:hidden;padding:calc(1.5rem + 3vw) 0}@media(min-width: 1200px){.blogs-older{padding:3.75rem 0}}.blogs-older{background:#fff;border:1px solid;border-image-slice:1;border-image-source:linear-gradient(to right, #5bbc6d 0%, #223f4c 100%)}.blogs-older .wrap{width:100%;display:flex;gap:20px;border-radius:2rem 0 0 0;scrollbar-width:thin}.blogs-older .wrap.scrollable{overflow-x:scroll;padding-bottom:1rem}.blogs-older .wrap.scrollable+.scroll-hint{display:flex !important}.blogs-older .more{margin-top:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){.blogs-older .more{margin-top:2.5rem}}.scroll-hint{width:calc(100% + 20px);top:60px;left:-10px;position:absolute;justify-content:space-between;align-items:center;padding:0 20px;pointer-events:none}.scroll-hint .hint{opacity:0;z-index:2;background:hsla(0,0%,100%,.7);border-radius:.25rem;transition:opacity .3s linear}.scroll-hint .hint.active{opacity:1}.scroll-hint .hint.left{display:inline-flex;flex-direction:row-reverse;align-items:center}.scroll-hint .hint.left div{position:relative;width:10px;height:10px;border-left:1px solid #223f4c;border-bottom:1px solid #223f4c;transform:rotate(45deg);animation:ani-arrows 2s infinite;opacity:0}.scroll-hint .hint.left div:nth-of-type(1){animation-delay:0s}.scroll-hint .hint.left div:nth-of-type(2){animation-delay:.15s}.scroll-hint .hint.left div:nth-of-type(3){animation-delay:.3s}.scroll-hint .hint.left .label{margin-top:.5rem}.scroll-hint .hint.left{padding:.5rem .25rem .5rem .5rem}.scroll-hint .hint.right{display:inline-flex;flex-direction:row;align-items:center}.scroll-hint .hint.right div{position:relative;width:10px;height:10px;border-left:1px solid #223f4c;border-bottom:1px solid #223f4c;transform:rotate(225deg);animation:ani-arrows 2s infinite;opacity:0}.scroll-hint .hint.right div:nth-of-type(1){animation-delay:0s}.scroll-hint .hint.right div:nth-of-type(2){animation-delay:.15s}.scroll-hint .hint.right div:nth-of-type(3){animation-delay:.3s}.scroll-hint .hint.right .label{margin-top:.5rem}.scroll-hint .hint.right{padding:.5rem .5rem .5rem .25rem}@keyframes ani-arrows{0%{opacity:0}50%{opacity:1}100%{opacity:0}}