a {
    text-decoration: none;
}

.why_banner {
    height: 620rem;
    background-image: url('/static/frontend/pc/images/whyBanner.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
    display: flex;
    align-items: center;
}

.whyBanner_content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.whyBanner_content-container {
    max-width: 1440rem;
    margin: 0 auto;
    height: 100%;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 14rem;
    margin-top: 16rem;
}

.breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 14rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 6rem;
}

.breadcrumb-item.active {
    color: white;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.8);
}

.banner-title {
    height: 131rem;
    font-size: 96rem;
    font-family: Open Sans, Open Sans-400;
    color: #ffffff;
    margin-top: 79rem;
}

.banner-description {
    width: 927rem;
    font-size: 24rem;
    font-family: Open Sans, Open Sans-300;
    font-weight: 300;
    color: #ffffff;
    margin-top: 20rem;
}

.banner-btn {
    display: inline-block;
    margin-top: 109rem;
    width: 200rem;
    height: 60rem;
    background: #0A1D3D;
    border-radius: 4rem;
    color: #ffffff;
    font-size: 16rem;
    font-family: Inter, Inter-400;
    line-height: 60rem;
    text-align: center;

}

.banner-btn:hover {
    background-color: #ffffff;
    color: #0A1D3D;
}

.why_imgContainer {
    width: 100%;
    height: 196rem;
    background-color: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customImg-container {
    max-width: 1440rem;
    margin: 0 auto;
    padding: 0;
}

.customImg-box {
    width: 220rem;
    height: 138rem;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.customImg-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why_title1 {
    margin: 0 auto;
    text-align: center;
    max-width: 1440rem;
    margin-top: 100rem;
    font-size: 48rem;
    font-family: Open Sans, Open Sans-400;
    color: #222222;
}

.container-max {
    max-width: 1440rem;
    margin: 0 auto;
    margin-top: 48rem;
}

.why-row-custom {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20rem;
}

.why-row-custom:last-child {
    margin-bottom: 0;
}

.box {
    background-color: #F1F4F5;
    box-sizing: border-box;
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.first-row-box1 {
    width: 664rem;
    height: 417rem;
    margin-right: 20rem;
    border-radius: 4rem;
    background-color: #0E2A58;
    padding-left: 44rem;
}

.why-number {
    font-size: 80rem;
    font-family: Inter, Inter-400;
    color: #ffffff;
    margin-top: 48rem;
    height: 97rem;
    line-height: 97rem;
}

.why-desc {
    margin-top: 12rem;
    width: 468rem;
    height: 29rem;
    font-size: 24rem;
    font-family: Inter, Inter-400;
    color: rgba(255, 255, 255, 0.80);
}

.why-desc2 {
    display: flex;
    font-size: 24rem;
    font-weight: 500;
    margin-top: 141rem;
    align-items: center;
    font-family: Inter, Inter-500;
    color: #fde7a2;
}

.why-desc2 img {
    width: 28rem;
    height: 28rem;
    margin-right: 16rem;
}

.first-row-box2,
.first-row-box3 {
    width: 364rem;
    height: 417rem;
    border-radius: 4rem;
    padding-left: 36rem;
}

.why-box-number2 {
    height: 97rem;
    line-height: 97rem;
    font-size: 80rem;
    font-family: Inter, Inter-400;
    color: #0E2A58;
    margin-top: 44rem;
}

.why-box-desc {
    width: 292rem;
    height: 96rem;
    font-size: 24rem;
    font-family: Inter, Inter-400;
    color: #485a64;
    margin-top: 12rem;
    line-height: 32rem;
}

.why-box-desc2 img {
    width: 28rem;
    height: 28rem;
    margin-right: 16rem;
}

.why-box-desc2 {
    display: flex;
    font-size: 20rem;
    font-weight: 500;
    color: #485a64;
    margin-top: 72rem;
    align-items: center;
    font-family: Inter, Inter-500;
}

.first-row-box2 {
    margin-right: 20rem;
}

.second-row-box1 {
    width: 1052rem;
    height: 417rem;
    margin-right: 20rem;
}

.second-row-box2 {
    width: 364rem;
    height: 417rem;
    border-radius: 4rem;
    padding-left: 36rem;
}

.why-box-number5 {
    width: 292rem;
    height: 159rem;
    font-size: 44rem;
    font-family: Inter, Inter-400;
    color: #0A1D3D;
    line-height: 58rem;
    margin-top: 40rem;
}

.why-box-desc5 {
    width: 292rem;
    height: 48rem;
    display: flex;
    font-size: 20rem;
    font-weight: 500;
    color: #485a64;
    margin-top: 130rem;
    align-items: center;
    font-family: Inter, Inter-500;
}

.why-box-desc5 img {
    width: 28rem;
    height: 28rem;
    margin-right: 16rem;
}

.why-contentBox3 {
    max-width: 1440rem;
    height: 792rem;
    margin: 0 auto;
    margin-top: 120rem;
    display: flex;
    align-items: end;
    border-top: 1rem solid #E2E2E2;
}

.why-content3 {
    width: 100%;
    height: 672rem;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}

.why-content3-left {
    width: 496rem;
    height: auto;
}

.why-content3-title {
    margin-top: 90rem;
    font-size: 48rem;
    font-family: Open Sans, Open Sans-400;
    color: #222222;
}

.why-content3-desc {
    font-size: 18rem;
    font-family: Inter, Inter-400;
    color: #333333;
    line-height: 28rem;
    margin-top: 10rem;
}

.why-content3-btn {
    display: inline-block;
    width: 244rem;
    height: 64rem;
    line-height: 64rem;
    text-align: center;
    background: #0A1D3D;
    border-radius: 4rem;
    font-size: 16rem;
    font-family: Inter, Inter-400;
    color: #ffffff;
    border: none;
    margin-top: 92rem;
}

.why-content3-btn:hover {
    background-color: #0E2A58;
    color: #ffffff;
}

.why-content3-right {
    width: 864rem;
    height: 670rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    box-sizing: border-box;
}

.why-content-right-box {
    width: 420rem;
    height: 324rem;
    background: #f6f7f7;
    border-radius: 4rem;
}

.rightItem {
    width: 348rem;
    margin: 0 auto;
}

.rightItem img {
    width: 44rem;
    height: 44rem;
    margin-top: 36rem;
}

.right-title {
    margin-top: 24rem;
    font-size: 32rem;
    font-family: Inter, Inter-400;
    color: #0E2A58;
}

.right-desc {
    margin-top: 16rem;
    width: 348rem;
    height: 84rem;
    font-size: 20rem;
    font-family: Inter, Inter-400;
    color: #485a64;
    line-height: 28rem;
}

@media (min-width: 992px) and (max-width: 1440px) {
    .why-row-custom {
        flex-wrap: nowrap;
    }

    .why-content-right-box {
        width: 400rem;
    }

}