.company-main{position:relative;background:url(/images/sub/company/overview-1.jpg) no-repeat 50% 50%;background-size:cover;display:flex;align-items:center}.company-main:before{position:absolute;top:0;left:0;background-color:rgba(0,39,78,.5);content:"";width:100%;height:100%}.company-main>div{position:relative;z-index:10;max-width:954px;width:100%;margin:0 auto;padding:200px 20px 100px}.company-main>div>div{text-align:center;margin-bottom:80px}.company-main>div>div h2{position:relative;color:#fff;font-size:56px;font-weight:700;line-height:100%;padding-top:22px;margin-bottom:20px}.company-main>div>div h2:before{position:absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height:4px;content:"";background:#00b8ff}.company-main>div>div p{color:#fff;font-size:16px;text-transform:uppercase;opacity:.8}.company-main>div>ul{display:flex;flex-wrap:wrap;gap:18px}.company-main>div>ul>li{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 36px)/3);border-radius:12px;border:1px solid hsla(0,0%,100%,.4);background:rgba(0,39,78,.5);box-sizing:border-box}.company-main>div>ul>li>a{display:flex;width:100%;box-sizing:border-box;padding:20px;height:170px;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:.3s ease,color .3s ease}.company-main>div>ul>li>a:hover{background:#4caef0;color:#00b8ff}.company-main>div>ul>li>a>div>h3{color:#fff;font-size:20px;font-weight:700;line-height:100%;margin-bottom:6px}.company-main>div>ul>li>a>div>p{color:#fff;opacity:.7;line-height:150%}.company-main>div>ul>li>a>p{padding-right:23px;color:#fff;font-size:14px;text-decoration:underline;background:url(/images/sub/company/arrow.svg) no-repeat 100% 50%}.company-tab{display:flex;max-width:1440px;margin:-33px auto 0;width:100%}.company-tab>li{flex:0 0 16.6666666667%}.company-tab>li a{display:block;width:100%;border:none;background:none;padding:24px 32px;background:#00274e;color:#fff;font-size:18px;font-weight:700;cursor:pointer;text-align:left;box-sizing:border-box;transition:.3s ease,color .3s ease}.company-tab>li a:hover{background:#004080;color:#00b8ff}.company-tab>li.active a{background:#00b8ff;color:#fff}@media screen and (min-width:768px)and (max-width:1024px){.company-tab{flex-wrap:wrap}.company-tab>li{flex:0 0 33.3333333333%}}@media screen and (max-width:767px){.company-main>div>ul>li{flex-basis:100%}.company-tab{flex-wrap:wrap}.company-tab>li{flex:0 0 50%}.company-tab>li button{padding:24px 18px}}