.bs-input-presuf.suf{top:4px}
.bg-white{background-color:#fff}
.tl-color{color:#004164 !important}
.bs-pad-btm{padding-bottom:40px}
.bs-disc-mt{margin-top:30px}
.number-right-side{max-width:70px}
.desc-top{margin-top:30px}
.fuel-calc-box-wrapper{background-color:#eee;height:100%;width:100%;border-radius:10px;padding:20px 23px 20px 31px;display:flex;flex-direction:column}
.box-img-parent{align-items:center;display:flex;justify-content:center}
.bs-pers-slider-div:last-child{padding-bottom:12px}
.box-img-parent{margin-bottom:20px}
.box-img-wrap{display:flex;justify-content:center;align-items:center;width:166px;height:86px;object-fit:contain}
.fuel-car-image{max-width:100%}
.box-content-wrapper{display:flex;justify-content:space-between}
.content-text{font-size:14px;line-height:22px;color:#004164;font-weight:700}
.left-content{display:flex;width:50%;border-right:solid 1px #ccc;margin-right:30px;flex-direction:column}
.right-content{display:flex;flex-direction:column;width:50%}
.content-price{font-size:26px;line-height:32px;color:#004164;font-weight:800}
.distance-inp-number{max-width:99px}
.mileage-inp-number{max-width:80px}
.fuelprice-inp-number{max-width:90px}
@media only screen and (max-width:767px){.bs-pad-btm{padding-bottom:5px}
.m-dsp-block{height:auto}
.box-img-parent{margin-bottom:30px}
.box-img-wrap{width:222px;height:113px}
.content-text{font-size:13px;line-height:16px}
.content-price{font-size:20px;line-height:24px}
.fuel-calc-box-wrapper{padding:30px 12px}
.left-content{width:100%;margin:0;border-right:0;border-bottom:1px solid #ccc;justify-content:space-between;flex-direction:row;padding-bottom:15px}
.right-content{width:100%;padding-top:15px;justify-content:space-between;flex-direction:row}
.box-content-wrapper{flex-direction:column}
.distance-inp-number{max-width:95px}
.mileage-inp-number{max-width:78px}
.fuelprice-inp-number{max-width:88px}
}
@media only screen and (max-width:992px){.content-text{font-size:13px;line-height:16px}
.content-price{font-size:20px;line-height:24px}
}
.calr-comp-recommandation{padding:40px 0 0}
.calr-recommendation h2{font-weight:900;color:var(--Black);font-size:20px;line-height:29px}
.calr-recomm-desc{font-size:12px;line-height:16px;color:#333;font-weight:400;margin:10px 0 0 0}
.calr-r-card-wrapper{margin-top:24px}
.calr-card-main{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.calr-card-col{width:50%;padding:0 10px}
.calr-cards-img{height:200px;width:100%;border-radius:10px;overflow:hidden;display:block}
.calr-cards-img img{height:100%;width:100%}
.calr-r-card-wh{border-radius:4px;border:solid 1px #004164}
.calr-card-bg{background-color:#53ace4;padding:12px 12px 12px 12px}
.calr-card-hd{display:flex;position:relative}
.calr-card-hd-img{margin-right:15px;width:36px;height:36px;flex-grow:0;flex-shrink:0;border-radius:50%;overflow:hidden}
.calr-card-hd-img img{width:100%;height:100%;object-fit:cover}
.calr-hd-txt span{font-size:16px;line-height:19px;color:#fff;font-weight:600}
.calr-hd-subtxt span{font-size:14px;line-height:17px;color:#fff}
.calr-rtl-card{background-color:#fff;border-top-left-radius:25px;border-bottom-left-radius:25px;text-align:center;position:absolute;display:flex;padding:0 10px 0 15px;right:-12px}
.calr-card-dt-wrapper{padding:13px 35px}
.calr-card-dt-wrapper{width:100%}
.calr-data-main-col{justify-content:space-between;width:100%;display:flex;flex-wrap:wrap}
.calr-val{font-weight:600;font-size:14px;line-height:17px;color:#000;display:block;margin-bottom:6px}
.calr-data-tl{font-size:11px;line-height:13px;color:#666;display:block}
.calr-card-bg-band{background-color:#004164;padding:6px 0 6px 17px}
.calr-card-band-txt .band-text{font-size:12px;line-height:15px;color:#fff;display:block;margin-bottom:0}
.calr-card-btn-wrapper{padding:10px 16px}
.calr-btn-col-main{width:100%;display:flex}
.calr-btn-col-6{width:50%}
.calr-card-btn-wrap a{color:var(--White)}
.btn-text a{color:var(--Dark-blue)}
.calr-card-btn-wrap .calr-card-btn{outline:0;border:0;cursor:pointer;width:100%;display:block;color:#fff;font-size:14px;line-height:17px;font-weight:700;text-align:center;text-transform:uppercase;border-radius:2px;box-shadow:0 1px 4px 0 rgb(0 0 0 / 16%);background-color:var(--Mystic-tangerine);padding:6px 12px}
.calr-knw-btn-wrap .calr-knw-btn{outline:0;border:0;cursor:pointer;width:100%;display:block;color:#ff6700;font-size:14px;line-height:17px;font-weight:700;text-align:center;text-transform:uppercase;padding:6px 12px}
.calr-rtl-card .calr-rtl-txt{font-size:10px;line-height:18px;color:#000;letter-spacing:.25px}
.calr-hd-txt{margin-bottom:2px}
@media only screen and (max-width:767px){.calr-comp-recommandation{padding:36px 0 0 0}
.calr-card-col{width:100%}
.calr-card-col:last-child .calr-r-card-wh{margin-bottom:0}
.calr-recommendation h2{font-size:16px;line-height:19px}
.calr-card-hd-img{margin-right:5px;width:26px;height:26px}
.calr-hd-txt span{font-size:12px;line-height:15px}
.calr-hd-subtxt span{font-size:10px;line-height:12px}
.calr-rtl-card .calr-rtl-txt{font-size:8px;line-height:13px;letter-spacing:.2px}
.calr-rtl-card{padding:3px 15px 3px 15px}
.calr-val{font-size:10px;line-height:12px;display:block;margin-bottom:6px}
.calr-data-tl{font-size:10px;line-height:12px;display:block}
.calr-card-dt-wrapper{padding:13px 8px}
.calr-card-band-txt .band-text{font-size:10px;line-height:12px}
.calr-knw-btn-wrap .calr-knw-btn{font-size:12px;line-height:15px;letter-spacing:.36px}
.calr-card-btn-wrap .calr-card-btn{font-size:12px;line-height:15px}
.calr-r-card-wh{margin-bottom:15px}
.calr-card-bg-band{padding:6px 12px}
}
.calr-comp-recommandation{padding:26px 0 0}
.calr-r-card-wrapper{margin-top:29px}
@media only screen and (max-width:767px){.calr-card-dt-wrapper{padding:13px 22px}
.calr-r-card-wrapper{margin-top:14px}
.calr-hd-txt span{font-size:11px;line-height:13px}
.calr-rtl-card .calr-rtl-txt{font-size:7px}
.calr-data-tl{font-size:7px;line-height:8px}
.calr-card-band-txt .band-text{font-size:8px;line-height:10px}
.calr-knw-btn-wrap .calr-knw-btn{font-size:10px;line-height:12px;letter-spacing:.3px}
.calr-card-btn-wrap .calr-card-btn{font-size:10px;line-height:12px}
}
@media only screen and (max-width:992px) and (min-width:767px){.calr-hd-txt{max-width:169px;overflow:hidden}
.calr-card-bg{min-height:96.67px}
}