header {
    background-image: url("../images/recommend/bg-header.jpg");
    background-size: cover;
	background-position: bottom;
}

header p {
    max-width: 750px;
}

/*----------- recommend info -----------*/
#risks section {
    max-width: 820px;
    margin: auto;
}

#selectRisk p, #serviceFlow p { margin: 0.8rem auto; }
#selectRisk p { font-size: 1.25rem; }

#selectRisk img {
    filter: grayscale(1);
    opacity: 80%;
    border-radius: 0.2rem;
}

#selectRisk .risk-selected img, #selectRisk img:hover{
    /* border-color: #FF7800; */
    filter: grayscale(0);
    opacity: 100%;
}
#selectRisk .risk-selected p {
    /* color: #FF7800; */
    color: #709b13;
}

#riskIntro {
    border: 1px dashed #e7e7e7;
    border-radius: 0.5rem;
    padding: 1.25rem;
    background: rgba(255,255,255,0.5);
}

#headImg {
    max-width: 126px;
    border: 1px solid lightgray;
    border-radius: 10px;
    margin-bottom: 1rem;
}

#insuredPerson form, #insuredPerson-b form {
    margin: auto;
    width: 360px;
    max-width: 95%;
}

#conceptImg { background-color: #71bcba; }

#planConcept h5 { font-weight: 700;}



/*----------- recommend -----------*/
#insuredInfo {
    background-color: white;
    max-width: 300px;
    margin: auto;
    /*padding: 1rem;*/
    
    text-shadow: none;
}

#insuredInfo img {
    max-width: 75px;
    border: 1px solid lightgrey;
    border-radius: 0.5rem;
}

#insuredInfo p {
    margin: 0 0 0 1rem;
    /*font-size: 1rem;*/
    color: black;
    text-align: left;
}

@media (min-width: 321px) {
   #insuredInfo   { padding: 1rem;}
   #insuredInfo p { font-size: 1rem; }
}

@media (max-width: 320px){
   #insuredInfo   { padding: 10px;}
   #insuredInfo p { font-size: 12px; } 
   
}

@media (max-width: 375px){
   #planInfo { font-size:12px; }
}

.coverStyle {
    border-bottom: 1px dashed lightgray ;
    background-color: #F1F9FF;
    padding: 0.5rem 0;
}
.bg-coverHL{
    background-color: #e4f3ff;
    border: #d3ebff dashed 0.05rem
}
.coverHL {
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.card-header {
    color: #383838;
}

.card-max {
    max-width: 350px;
}