.training{min-height:100vh;color:#f3a712;background:#000;padding:2rem}.training .training-heading{font-size:48px;color:#fff;margin:2rem 0;text-align:center}.training-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.training .image{flex:1 1 400px;display:flex;justify-content:center}.training .image img{width:100%;max-width:500px;height:auto;object-fit:cover;box-shadow:1.5rem 1.5rem #fff;border-radius:.5rem}.training .info{flex:1 1 400px;padding:1rem}.training .info h2{color:#f3a712;font-size:2.2rem;margin-bottom:1rem}.training .info p{font-size:1.2rem;color:#fff;margin:1rem 0;line-height:1.6}@media (min-width:992px){.training-heading{font-size:4rem}.training .info h2{font-size:3rem}.training .info p{font-size:1.4rem}}@media (max-width:768px){.training-content{flex-direction:column;text-align:center}.training .info h2{margin-top:1rem}}.course .box-container{width:90%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:50px auto 0}.course .box-container .box{height:100%;min-height:18rem;text-align:center;box-shadow:.3rem .3rem .1rem #f3a712,.5rem .5rem .5rem rgba(0,0,0,.3);border-radius:.5rem;background:#fff;padding:1rem;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;display:flex;flex-direction:column;justify-content:space-between}.course .box-container .box:hover{transform:scale(1.05) translateY(-5px)}.course .box-container .box h3{margin-top:-5px;font-size:18px;color:#f3a712}.course .box-container .box p{color:#444}.content-about{display:flex;align-items:center;justify-content:center;flex-flow:column;margin-top:-100px;padding-bottom:8rem;text-align:center}.content-about p{font-size:1.5rem;color:#f3a712;padding:3rem;line-height:1.2;margin-top:150px}.content-about .btn-about{width:18rem;position:relative;height:3.5em;border:3px ridge #f3a712;outline:0;background-color:transparent;color:#fff;transition:1s;border-radius:.3em;font-size:26px;font-weight:700;cursor:pointer}.btn-about::after,.btn-about::before{content:"";position:absolute;top:-10px;left:3%;width:95%;height:40%;transition:.5s;transform-origin:center}.btn-about::before{top:80%}.btn-about:hover::before,button:hover::after{transform:scale(0)}.btn-about:hover{box-shadow:inset 0 0 25px #f3a712}