section.blog--Section{padding:60px 0}.blog--OuterBox{position:relative;border-radius:24px;padding:15px 15px 30px;background:linear-gradient(315deg,rgb(0 0 0 / .06) 30.46%,rgb(48 111 124 / .122532) 75.14%,rgb(62 142 158 / .14) 84.51%);backdrop-filter:blur(30px);box-shadow:0 6.44px 8.59px rgb(0 0 0 / .16);border:1px solid #fff0;transition:background 0.3s ease,border 0.3s ease;z-index:1}.blog--OuterBox::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(69.43% 69.43% at 50% 50%,rgb(255 255 255 / .43) 0%,#fff0 100%),radial-gradient(60% 51.57% at 50% 50%,rgb(53 48 46 / .23) 0%,#fff0 100%),radial-gradient(54.8% 53% at 50% 50%,#FFFFFF 0%,#fff0 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity 0.3s ease,background 0.3s ease;z-index:-1}.blog--OuterBox:hover{background:linear-gradient(325deg,rgb(0 0 0 / .09) 30.46%,rgb(10 187 253 / .183798) 75.14%,rgb(10 187 253 / .21) 84.51%);border:1px solid rgb(255 255 255 / .45)}.blog--OuterBox:hover::before{opacity:0}.blog-TitleBox *{font-family:var(--primary-font-family);line-height:28px;color:rgb(255 255 255 / .8);font-size:20px}.blog--OuterBox:hover .blog--ContentBox *{color:#fff}.blog-TitleBox{margin:30px 0 15px}.blog-LinkBox a{font-family:var(--primary-font-family);color:var(--secondary-color)}.blog--ImageBox:after{content:"";position:absolute;height:100%;width:100%;border-radius:16px;background:#00000054;top:0;right:0}.blog--ImageBox{position:relative}.blog--OuterBox:hover .blog--ImageBox:after{background:none}.blog--OuterBox:hover{border:1px solid rgb(255 255 255 / .15)}.blog--OuterBox:hover .blog-LinkBox span{transition:all 0.3s ease-in-out;transform:translate(84px,0);background:#06061D;color:var(--secondary-color)}.blog--OuterBox .blog-LinkBox span{display:inline-block;background:#06061D;transition:all 0.3s ease-in-out;padding:0 5px 0 0;font-size:18px}.blog--OuterBox .blog-LinkBox a{position:relative}.blog--OuterBox .blog-LinkBox a::before{content:"";position:absolute;width:0;transition:all 0.3s ease-in-out;border-bottom:1px solid var(--secondary-color);;height:2px;top:7px}.blog--OuterBox:hover .blog-LinkBox a::before{width:80px;height:2px;border-bottom:1px solid var(--secondary-color);;top:7px;left:0}.blog-otherdetail *{font-family:var(--primary-font-family);color:rgb(255 255 255 / .8);font-weight:400;font-size:16px;margin-bottom:15px}.blog--OuterBox:hover .blog--ImageBox img{border:1px solid rgb(255 255 255 / .25)}.blog--ImageBox img{height:255px;width:100%;object-fit:cover;border:1px solid rgb(255 255 255 / .15);border-radius:16px}@media(max-width:768px){section.blog--Section{padding:20px 0}}