.our-work-detail[data-astro-cid-4q6pocwb]{min-height:calc(100vh - 330px);position:relative;display:flex;flex-direction:column;gap:24px;padding:8px 16px 32px;background:radial-gradient(443.51% 246.51% at 123.76% 162.56%,#002545 59.64%,#0069c4);@media only screen and (min-width: 768px){background:radial-gradient(237.65% 233.7% at 123.76% 162.56%,#002545 65.61%,#0069c4)}@media only screen and (min-width: 1023px){background:radial-gradient(244.6% 277.94% at 103.22% 211.61%,#002545 65.61%,#0069c4)}@media only screen and (min-width: 1280px){background:radial-gradient(256.72% 298.36% at 92.53% 238.58%,#002545 65.61%,#0069c4)}@media only screen and (min-width: 1536px){background:radial-gradient(257.85% 288.4% at 92.53% 238.58%,#002545 65.61%,#0069c4)}.custom-carousel{width:100%;height:100%;position:relative;overflow:hidden;border-radius:8px;min-height:300px}.carousel-container{width:100%;height:100%;overflow:hidden;position:relative}.carousel-track{display:flex;height:100%;transition:transform .3s ease-in-out;will-change:transform}.carousel-slide{flex:0 0 100%;width:100%;height:100%;text-align:center;background:#00203c;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.carousel-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;object-position:center}.carousel-pagination{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.pagination-bullet{width:24px;height:5px;border:none;border-radius:0;background:#e67f55;opacity:.3;transition:all .3s;cursor:pointer;&.active{opacity:1;width:36px}&:hover{opacity:.6}}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);color:#fff;background:transparent;width:44px;height:44px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}&:hover{transform:translateY(-50%) scale(1.1);svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}}&:active{transform:translateY(-50%) scale(.95)}}.carousel-next{right:10px}.carousel-prev{left:10px}.info{margin-top:-56px;display:flex;gap:8px;transform:translateY(-50px);opacity:0;flex-direction:column;align-items:center;.logo{width:100%;height:44px;object-fit:contain}.tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;.tag{padding:1px 8px 0;border-radius:4px;border:1px solid #2e4d67;background:#00111f;color:#c2cbd3;font-size:14px;font-weight:400;line-height:20px}}.goal{font-size:14px;font-weight:500}h1{color:#c2cbd3;text-align:center;font-family:Oswald;font-size:28px;font-style:normal;font-weight:600;line-height:120%;text-transform:uppercase}.locations{display:flex;gap:8px;svg{width:24px;height:24px}p{margin-top:4px;width:100%;color:#fff;font-family:Poppins;font-size:14px;font-style:normal;font-weight:300;line-height:130%}}}.carrousel{transform:translateY(-50px);aspect-ratio:4/3;width:100%;opacity:0}img{width:100%;object-fit:cover}.back-btn{opacity:0;z-index:10;display:flex;justify-content:center;align-items:center;padding:8px;width:32px;height:32px;border-radius:9999px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 2px #00111f05;svg{width:18px;height:18px;transform:rotate(180deg);path{fill:#00111f;fill-opacity:.45}}}@media only screen and (min-width: 768px){min-height:calc(100vh - 430px);gap:36px;padding:8px 24px 32px;.info{.logo{height:44px;margin-bottom:16px}h1{font-size:32px;line-height:120%}.locations{svg{width:32px;height:32px}}}.carousel-button{width:52px;height:52px;svg{width:38px;height:38px}}.carousel-next{right:15px}.carousel-prev{left:15px}}@media only screen and (min-width: 1024px){min-height:calc(100vh - 259px);flex-direction:row;padding:46px 40px;gap:8px;.info{order:1;margin:24px 0 0 24px;align-items:start;.logo{object-position:left}.tags{justify-content:flex-start}.locations{p{font-size:14px}}h1{font-size:32px;text-align:left}}.carrousel{max-width:516px;aspect-ratio:4/3;height:auto;img{height:100%}}}@media only screen and (min-width: 1280px){min-height:calc(100vh - 299px);padding:24px 64px 32px;.info{margin:48px 0 0 24px;.logo{height:88px}h1{font-size:40px}.goal{font-size:16px}.locations{p{font-size:16px}}}.carrousel{max-width:669px}}@media only screen and (min-width: 1536px){padding:24px 64px 40px;.info{h1{font-size:48px}}.carrousel{height:700px;max-width:60%;aspect-ratio:4/3}}}