a{color:#fff}.square{-o-transition:all .3s ease;background:#fff;border-radius:4px;width:440px;height:430px;margin-top:30px;transition:all .3s;box-shadow:0 20px 50px #d9dbdf}.square:hover{box-shadow:0 20px 40px #0000001a}.blog-header-text{font-size:56px;font-weight:400}.blog-header-more{float:right;margin-top:-32px}.blog-subtitle{text-transform:uppercase}.blog-main-div>*{flex:1;margin-bottom:30px}.blog-main-div{display:flex}.blog-image-div>img{max-width:100%;height:auto}.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:32px;display:grid}.subTitle{color:#868e96}@media (max-width:1380px){.blog-header-text{font-size:40px}}@media (max-width:768px){.blog-header-text{text-align:center;font-size:30px}.blog-subtitle{text-align:center;font-size:16px;line-height:normal}.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}}@media screen and (max-width:480px) and (min-width:300px){.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.small-dark{color:#fff!important}.blog-container{color:#586069;cursor:pointer;background-color:#fff;border-radius:10px;height:200px;box-shadow:0 0 36px #0000001a}.blog-card:after{content:"";background-color:#0000007d;width:100%;height:100%;position:absolute;top:0}.blog-title{color:#fff;-webkit-line-clamp:2;z-index:1;-webkit-box-orient:vertical;margin:32px 20px 14px;font-size:1.375rem;font-weight:700;line-height:24px;display:-webkit-box;position:relative;overflow:hidden}.small{color:#fff;-webkit-line-clamp:4;z-index:1;-webkit-box-orient:vertical;margin:0;padding:0 20px;font-size:1.063rem;font-weight:400;line-height:1.5rem;display:-webkit-box;position:relative;overflow:hidden}.go-corner{z-index:1;background-color:#55198b;border-radius:0 4px 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;right:0;overflow:hidden}.go-arrow{color:#fff;margin-top:-4px;margin-right:-4px;font-family:courier,sans}.blog-card{z-index:0;background-color:#0000;border-radius:4px;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.blog-card:before{content:"";z-index:-1;transform-origin:50%;background:#55198b;border-radius:32px;width:32px;height:32px;transition:transform .4s ease-out;position:absolute;top:-16px;right:-16px;transform:scale(1)}.blog-card:hover:before{transform:scale(30)}.blog-card:hover>.small{color:#fffc;transition:all .3s ease-out}.blog-card:hover>h3{color:#fff;transition:all .3s ease-out}@media screen and (max-width:480px) and (min-width:300px),(min-width:925px) and (max-width:1024px),(min-width:1405px) and (max-width:1550px){.blog-card:hover:before{transform:scale(30)}}@media screen and (min-width:481px) and (max-width:675px),(min-width:1025px) and (max-width:1404px),(min-width:1551px){.blog-card:hover:before{transform:scale(40)}.blog-card:before{transition:transform .45s ease-out}}@media screen and (min-width:675px) and (max-width:860px){.blog-card:hover:before{transform:scale(50)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (min-width:860px) and (max-width:924px){.blog-card:hover:before{transform:scale(60)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (max-width:480px) and (min-width:300px){.blog-title{font-size:1.125rem}}.blog-card-shadow{box-shadow:1px 0 20px #fff}
