.top-banner,.top-banner h1{position:relative;color:#fff}.acc-div,.top-banner{display:flex;align-items:center}.top-banner{background:url(../images/banner/about-banner.webp) center/cover no-repeat;height:30vh;margin-top:30px;z-index:2}.top-banner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(106deg,#00000061,transparent)}.top-banner h1{z-index:1;text-align:center;width:100%}.acc-div{margin:0 0 60px;padding:20px;justify-content:center;height:100%}.acc-div .img-side img{width:100%}.acc-div .img-side{align-items:center}.accordion{background:linear-gradient(to bottom right,#0b5592,#9999);margin:0 auto;border-radius:3px;box-shadow:0 10px 15px -20px rgba(0,0,0,.3),0 30px 45px -30px rgba(0,0,0,.3),0 80px 55px -30px rgba(0,0,0,.1)}.accordion .active{background:#d24639}.heading{color:#fff;font-size:14px;border-bottom:1px solid #e7e7e7;letter-spacing:.8px;padding:15px;cursor:pointer}.heading:nth-last-child(2){border-bottom:0}.heading:hover{background:#00838f;background:linear-gradient(to bottom right,#d24639,#9999);border-radius:0}.heading:first-child:hover{border-radius:3px 3px 0 0}.heading:nth-last-child(2):hover{border-radius:0 0 3px 3px}.heading::before{content:"";vertical-align:middle;display:inline-block;border-top:7px solid #f5f5f5;border-left:7px solid transparent;border-right:7px solid transparent;float:right;transform:rotate(0);transition:.5s;margin-top:5px}.active.heading::before{transform:rotate(-180deg)}.not-active.heading::before{transform:rotate(0)}.contents{display:none;background:snow;padding:15px;line-height:1.5}.contents .title{color:#d24639;font-size:17px}.contents .desc{font-size:16px;color:#0b5592}.contents .boxes{padding:20px 10px;border-bottom:1px solid #413a3a54}@media (max-width:520px){.acc-div{padding:10px}.contents .boxes{padding:15px 0}}