/* =========================================================
   Risk
========================================================= */


/* =========================================================
   Common
========================================================= */

.risk-container {

    width: min(1100px, calc(100% - 40px));
    margin: 0 auto;

}





/* =========================================================
   Hero
========================================================= */


.page-hero--risk {

    background-image:
    url("../images/risk/risk-bg.jpg");

}





/* =========================================================
   Heading
========================================================= */


.risk-heading {

    max-width:850px;

    margin:0 auto;

    text-align:center;

}



.risk-heading__english {

    font-size:14px;

    letter-spacing:.3em;

    color:#a88b4a;

    margin-bottom:20px;

}



.risk-heading__title {

    font-size:36px;

    line-height:1.7;

    font-weight:500;

    color:#333;

    margin-bottom:35px;

}



.risk-heading__text {

    line-height:2.2;

    color:#555;

}







/* =========================================================
   Intro
========================================================= */


.risk-intro {

    padding:100px 0;

}








/* =========================================================
   Risk list
========================================================= */


.risk-list {

    padding:90px 0;

    background:#f8f7f3;

}



.risk-section-title {

    text-align:center;

    font-size:32px;

    font-weight:500;

    color:#333;

    margin-bottom:60px;

}





.risk-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}





.risk-card {

    background:#fff;

    border:1px solid #e5e2dc;

    padding:40px;

}





.risk-card h3 {

    font-size:22px;

    font-weight:500;

    color:#333;

    margin-bottom:20px;

    padding-bottom:15px;

    border-bottom:1px solid #ddd;

}



.risk-card p {

    line-height:2;

    color:#555;

    margin:0;

}








/* =========================================================
   Policy
========================================================= */


.risk-policy {

    padding:100px 0;

}



.risk-policy__box {

    border:1px solid #ddd;

    padding:70px 50px;

    text-align:center;

}



.risk-policy__box h2 {

    font-size:30px;

    font-weight:500;

    line-height:1.7;

    margin-bottom:30px;

}



.risk-policy__box p {

    line-height:2.2;

    color:#555;

}








/* =========================================================
   CTA
========================================================= */


.risk-cta {

    padding:90px 0;

    background:#f8f7f3;

}



.risk-cta__box {

    text-align:center;

}



.risk-cta__box > p:first-child {

    font-size:13px;

    letter-spacing:.3em;

    color:#a88b4a;

    margin-bottom:20px;

}



.risk-cta__box h2 {

    font-size:28px;

    font-weight:500;

    margin-bottom:25px;

}



.risk-cta__box p {

    line-height:2;

}



.risk-cta__buttons {

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:40px;

}



.risk-cta__buttons a {

    width:240px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#a88b4a;

    color:#fff;

    text-decoration:none;

    letter-spacing:.1em;

}



.risk-cta__buttons a:last-child {

    background:#333;

}







/* =========================================================
   Responsive
========================================================= */


@media(max-width:768px){


.risk-container {

    width:calc(100% - 30px);

}



.risk-intro {

    padding:60px 0;

}



.risk-heading__title {

    font-size:26px;

}



.risk-grid {

    grid-template-columns:1fr;

    gap:20px;

}



.risk-card {

    padding:30px 20px;

}



.risk-section-title {

    font-size:26px;

}



.risk-policy {

    padding:60px 0;

}



.risk-policy__box {

    padding:40px 20px;

}



.risk-policy__box h2 {

    font-size:24px;

}



.risk-cta__box h2 {

    font-size:22px;

}



.risk-cta__buttons {

    display:block;

}



.risk-cta__buttons a {

    width:100%;

    margin-bottom:15px;

}


}