.carousel-container{position:relative;width:100%}.carousel-debug{background-color:rgba(255,0,0,.8);color:white;padding:5px;font-size:12px;border-radius:3px;text-align:center}.carousel-nav-button,.carousel-nav-container{display:flex;justify-content:center;align-items:center}.carousel-nav-button{background-color:rgba(0,0,0,.8);color:white;border:2px solid white;border-radius:50%;width:50px;height:50px;cursor:pointer;font-size:22px;font-weight:700;transition:background-color .2s ease}.carousel-nav-button:hover{background-color:rgba(0,0,0,1)}.carousel-nav-counter{background-color:rgba(0,0,0,.8);color:white;padding:8px 15px;border-radius:15px;font-size:14px;font-weight:700;border:1px solid white}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;width:100%}.carousel-item.active{display:block}.carousel-item img{width:100%;height:auto}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;opacity:.9}.carousel-control-next:hover,.carousel-control-prev:hover{opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px;border-radius:50%}.carousel-control-prev-icon:before{content:"‹"}.carousel-control-next-icon:before{content:"›"}.sr-only{width:1px;height:1px;padding:0;clip:rect(0,0,0,0)}#case-example-cover{width:100%;height:100%}#nav-container{position:relative;border:1px solid red}#nav-container div{position:absolute;top:-webkit-calc(50% - 19px);top:-moz-calc(50% - 19px);top:-ms-calc(50% - 19px);top:calc(50% - 19px);width:38px;height:38px;background-color:rgba(0,0,0,.7);border:2px solid white;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;font-weight:700;transition:background-color .2s ease}#nav-container div:hover{background-color:rgba(0,0,0,.9)}#case-left{left:0}#case-left:before{content:"‹"}#case-right{right:0}#case-right:before{content:"›"}#nav-container img{width:100%;height:auto;display:block}.battle-plans-container{padding:2rem;width:90%;margin:0 auto}.battle-plans-title{text-align:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-container{padding:1rem;cursor:pointer;transition:transform .3s ease;outline:none}.card-container:hover{transform:scale(1.05)}.card-image{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{position:relative;width:90vw;height:90vh;max-width:1200px}.close-button{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer}.slick-next:before,.slick-prev:before{color:#fff!important}.slider{width:50%;margin:5% auto 0}.slider .slick-slide{display:flex;justify-content:center;align-items:center}@media (max-width:720px){.modal{width:100%!important}.battle-plans-container{margin-top:35%!important;padding:0!important}.carousel-background-image{position:relative!important;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}.carousel-nav-button{width:40px;height:40px;font-size:20px}.carousel-control-next,.carousel-control-prev{width:20%}.carousel-control-next-icon,.carousel-control-prev-icon{width:35px;height:35px;font-size:18px}.battle-plans-container{width:100%}.battle-plans-container .card-container{padding:0}.battle-plans-container .card-image{width:100%;height:auto}.slider{width:85%!important;margin:0 auto!important;right:auto!important}.modal-content{right:5%;width:80%!important;height:80%}}@media (min-width:768px){.carousel-inner{height:700px}}