.blog-1{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:#eee}.blog-1>.content{width:100%;height:100%;margin:auto;padding:5em 0}@media (pointer: coarse) and (max-width: 800px){.blog-1>.content{padding:10vh 0}}.blog-1>div>div{display:flex;flex-direction:column;gap:5em}.blog-1>div>div h1{font-size:3.75rem;font-weight:400;margin:0 auto;text-align:center;color:#0b2a2e}@media (pointer: coarse) and (max-width: 800px){.blog-1>div>div h1{font-size:12vw;padding:10vh 0 0}}.blog-1>div>div>span{display:flex;justify-content:center;align-items:center;margin:0 auto;gap:1em}.blog-1>div>div>span div{display:flex;align-items:center;cursor:pointer}.blog-1>div>div>span>span{cursor:pointer;width:1em;height:1em;background-color:#fff;border-radius:360px;border:2px solid #114249;transition:all .5s}.blog-1>div>div>span>span.active{width:2em;background-color:#111249}@media (min-width: 800px){.blog-1>div>div>span>span:nth-child(5){display:none}}.blog-1>div>div>div{display:flex;flex-direction:row;gap:1rem;width:100%;overflow:hidden}@media (max-width: 800px){.blog-1>div>div>div{overflow:scroll}}.blog-1>div>div>div>div{box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;border-radius:16px;min-width:40vw;align-items:flex-start;position:relative;padding-bottom:2em}.blog-1>div>div>div>div:first-child{margin-left:2rem}.blog-1>div>div>div>div:last-child{margin-right:2rem}@media (pointer: coarse) and (max-width: 800px){.blog-1>div>div>div>div{min-width:80vw}}.blog-1>div>div>div>div img{height:20em;object-fit:cover;object-position:center;width:100%;border-radius:16px 16px 0 0}.blog-1>div>div>div>div a{color:#0b2a2e;text-decoration:none}.blog-1>div>div>div>div a:hover{text-decoration:underline}.blog-1>div>div>div>div a.bottom{cursor:pointer;align-self:flex-end;padding:1em;position:absolute;right:0;bottom:0}.blog-1>div>div>div>div>div{display:flex;flex-direction:column;gap:1em;padding:1em}.blog-1>div>div>div>div>div h3{font-size:1.5em;color:#0b2a2e}.blog-1>div>div>div>div>div p{color:#0b2a2e}.blog-1>div>div>div>div>div>div{display:flex;flex-direction:column;gap:1em}.blog-1>div>div>div>div>div>div:first-child{display:flex;flex-direction:row;justify-content:space-between}.blog-2{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative;background-color:#fff;overflow:hidden;padding:0 0 5em}@media (pointer: coarse) and (max-width: 800px){.blog-2{width:unset}}.blog-2>div{width:100%;height:100%;display:flex;gap:2em;flex-direction:column;align-items:flex-start;margin:auto}@media (pointer: coarse) and (max-width: 800px){.blog-2>div{padding:10vh 0}}@media (min-width: 800px){.blog-2>div{width:80%;margin:auto}}.blog-2 h1{color:#114249;font-size:3.75rem;font-weight:400;margin:1em auto}@media (pointer: coarse) and (max-width: 800px){.blog-2 h1{font-size:12vw}}.blog-2>div>div{display:flex;flex-direction:column;gap:2em;padding:1em}.blog-2>div>div>span{display:flex;justify-content:center;align-items:center;margin:0 auto;gap:1em}.blog-2>div>div>span>span{cursor:pointer;width:1em;height:1em;background-color:#fff;border-radius:360px;border:2px solid #114249;transition:all .5s}.blog-2>div>div>span>span.active{width:2em;background-color:#111249}@media (min-width: 800px){.blog-2>div>div>span>span:last-child{display:none}}.blog-2>div>div>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;overflow:hidden}@media (pointer: coarse) and (max-width: 800px){.blog-2>div>div>div{grid-template-columns:1fr}}.blog-2>div>div>div>div{border-radius:16px;flex:1;align-items:flex-start;box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2);padding-bottom:2.5em;position:relative}@media (pointer: coarse) and (max-width: 800px){.blog-2>div>div>div>div{min-width:80vw}}.blog-2>div>div>div>div img{height:15em;background-color:#fff;width:100%;border-radius:16px 16px 0 0;object-fit:cover;object-position:center}.blog-2>div>div>div>div>div{display:flex;flex-direction:column;gap:1em;padding:1em}.blog-2>div>div>div>div>div h3{font-size:1.5em}.blog-2>div>div>div>div>div>div{display:flex;flex-direction:column;gap:1em}.blog-2>div>div>div>div>div>div:first-child{display:flex;flex-direction:row;justify-content:space-between}.blog-2>div>div>div>div a{color:#0b2a2e;text-decoration:none}.blog-2>div>div>div>div a:hover{text-decoration:underline}.blog-2>div>div>div>div a.bottom{cursor:pointer;align-self:flex-end;position:absolute;bottom:0;right:0;padding:1em}
