.container{flex-wrap:wrap;justify-content:flex-start}.container,.main-panel-box{display:flex;height:100%;width:100%}.main-panel-box{gap:30px;justify-content:center}.panel{background:linear-gradient(1turn,#fff 64.38%,hsla(0,0%,100%,.233) 83.67%,hsla(0,0%,100%,0) 94.05%);border:none;color:#fff}.card,.panel{cursor:pointer;display:flex;flex:1;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow:hidden;position:relative;width:33.33%}.panel:hover{color:#fff}.panel:after{background:linear-gradient(1turn,#fff 64.38%,hsla(0,0%,100%,.233) 83.67%,hsla(0,0%,100%,0) 94.05%)}.panel:after,.panel:before{content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.panel:before{background:linear-gradient(1turn,#01211f 64.38%,rgba(107,127,142,.233) 83.67%,rgba(107,127,142,0) 94.05%);opacity:0;z-index:9}.panel:hover:before{opacity:1}.panel-inner{display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:flex-start;padding:0 20px 20px;z-index:99}.panel-heading{color:#000;font-family:Poppins,sans-serif;font-size:30px;font-weight:300;letter-spacing:-2%;line-height:32px;transition:.3s ease-in-out}.panel-paragraph,.panel-tagline{color:#000;font-family:Poppins,sans-serif;font-size:15px;font-weight:300;line-height:20px;transition:.3s ease-in-out}.panel:hover .panel-heading,.panel:hover .panel-paragraph,.panel:hover .panel-tagline{color:#fff}.panel .about-image img{height:100%;width:100%}.panel .about-image{filter:grayscale(100%);transition:all .3s ease}.panel:hover .about-image{filter:grayscale(0)}@media (max-width:767px){.main-panel-box{flex-direction:column}.panel:first-child,.panel:nth-child(2),.panel:nth-child(3){width:100%}}