.compc-recommendations{padding:30px 0;width:100%}
.cmpc-recommendations h2{font-weight:900;color:#004164;font-size:24px;line-height:29px}
.cmpc-r-cards-wrapper{margin-top:30px}
.cmpc-r-cards-img{height:190px;width:100%;border-radius:10px;overflow:hidden;display:block}
.cmpc-r-cards-img img{height:100%;width:100%}
.cmpc-r-cards-main{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}
.cmpc-r-cards-cols{width:50%;padding:0 25px}
.cmpc-r-cards-wh{border-radius:4px;border:solid 1px #004164}
.cmpc-hd-wrapper-tp{padding:13px}
.cmpc-hd-w-img{display:flex}
.cmpc-hd-img-div{margin-right:20px;width:56px;height:56px;flex-grow:0;flex-shrink:0}
.cmpc-hd-img-div img{width:100%;height:100%;object-fit:contain}
.cmpc-hd-txt{margin-bottom:7px;margin-right:70px}
.cmpc-hd-txt p{font-size:15px;line-height:18px;color:#000;margin-bottom:0}
.cmpc-r-card-bd-m{display:flex;flex-wrap:wrap}
.cmpc-r-card-bd{display:block;font-size:11px;line-height:15px;color:#333;position:relative;padding:0 8px}
.cmpc-r-card-bd+.cmpc-r-card-bd::before{content:"";position:absolute;left:0;top:0;display:block;box-sizing:border-box;width:1px;height:100%;background-color:rgba(102,102,102,0.2)}
.cmpc-r-card-bd:first-child{padding-left:0}
.cmpc-r-card-bd:last-child{padding-right:0}
.cmpc-r-card-btm{padding:10px 16px;border-top:1px solid #aaa}
.cmpc-data-col-6{width:50%}
.cmpc-data-wrap{width:100%;display:flex;margin-top:20px}
.cmpc-data-tl{font-size:15px;line-height:13px;color:#aaa;display:block;text-align:center;margin-bottom:6px}
.data-detail{font-size:12px;line-height:15px;color:#000;text-align:center;display:block;font-weight:600}
.cmpc-data-lt{width:120px;display:inline-block}
.cmpc-data-lt .cmpc-data-tl,.cmpc-data-lt .data-detail{text-align:left}
.cmpc-data-rt{width:calc(100% - 120px);display:flex}
.cmpc-cd-ratings .bs-rating{display:flex;justify-content:center}
@media only screen and (max-width:767px){.cmpc-recommendations h2{font-size:16px;line-height:19px}
.cmpc-hd-txt{margin-right:0}
.mob-order-5{order:5}
.cmpc-r-cards-wrapper{padding-right:0}
.cmpc-r-cards-cols{width:100%;padding:0}
.cmpc-r-cards-main{margin:0}
.cmpc-hd-txt p{font-size:12px;line-height:15px}
.cmpc-hd-img-div{margin-right:15px;width:43px;height:43px}
.cmpc-r-card-bd{font-size:8px;line-height:10px;position:relative;padding:0 8px}
.cmpc-data-tl{font-size:10px;line-height:12px}
.data-detail{font-size:11px;line-height:13px}
.cmpc-r-cards-img{height:147px;width:100%;margin-bottom:15px}
.cmpc-r-cards-img img{height:100%;width:100%}
.cmpc-data-lt{width:80px}
.cmpc-data-rt{width:calc(100% - 80px)}
}
.bs-comp-w{max-width:158px}
.yr-txt{top:4px}
.bs-comp-p{padding-left:18px}
.bs-para-inp{max-width:67px}
.bs-pers-slider-input-w.inp-fd-right .bs-comp-txt{padding-right:56px}
.bs-compound-band{width:100%;height:auto;margin:30px 0 30px;padding:18px 62px 14px 63px;border-radius:10px;background-color:#004164}
.bs-compound-band p{font-size:20px;line-height:28px;font-weight:normal;color:#fff;text-align:center}
.bs-comp-band-txt{font-weight:700}
.bs-comp-lbl{max-width:270px}
.amount-parent{display:block;clear:both}
.amount{font-size:14px;line-height:17px;color:#004164;font-weight:700;float:right}
.mob-bs-band{display:none}
.compound-cal-order .bs-pers-sliderchart-m{display:flex;flex-wrap:wrap;width:100%}
.bs-perslemi-an-cta-w{width:100%}
.compound-cal-order .bs-persl-ch-container{width:400px;height:400px}
.compound-cal-order .bs-persl-ch-w{padding-top:28px}
.compound-cal-order .bs-para-inp{max-width:92px}
.compound-cal-order .bs-comp-w{max-width:172px}
.btn-cntr{display:flex;justify-content:center}
.btn-cntr a{color:var(--White)}
.btn-cntr a:hover{color:var(--White)}
@media only screen and (min-width:768px) and (max-width:991px){.compound-cal-order .bs-persl-ch-container{width:320px;height:320px}
}
@media only screen and (max-width:767px){.mob-bs-band{display:block}
.bs-comp-w{max-width:140px}
.bs-compound-band p{font-size:18px;line-height:28px;font-weight:normal;color:#fff;text-align:left}
.bs-compound-band{width:100%;height:auto;padding:15px 14px 15px 15px;border-radius:10px;background-color:#004164}
.bs-comp-band-txt{font-weight:700}
.bs-persl-ch-container{width:300px;height:300px;margin:0 auto 12px;position:relative}
.bs-persl-ch-container{margin-bottom:20px}
.amount-parent{display:block;clear:both}
.amount{font-size:14px;line-height:17px;color:#004164;font-weight:700;float:right}
.bs-pers-slider-input-w.inp-fd-right .bs-comp-txt{width:70px}
.bs-pers-slider-input-w.inp-fd-left .bs-pers-slider-input{width:90px}
.bs-pers-slider-input-w.inp-fd-right .bs-pers-slider-input{width:76px}
.bs-pers-sl-dd-w{flex:0 0 70px}
.mob-order-1{order:1}
.mob-order-2{order:2}
.mob-order-3{order:3}
.mob-order-4{order:4}
.mob-pd-0{padding:0}
.compound-cal-order .bs-perslemi-an-cta-w{margin:0}
.compound-cal-order .bs-pers-slider-w{margin-bottom:0}
.compound-cal-order .bs-compound-band{margin-bottom:42px}
.compound-cal-order .bs-persl-ch-container{width:290px;height:290px}
.compound-cal-order .bs-persl-ch-w{padding-top:0}
}