.card-wrapper{margin:0 auto;max-width:1100px}.img-item img,.img-showcase img{display:block;object-fit:cover;width:100%}.img-display{overflow:hidden;position:relative}.img-showcase{display:flex;transition:all .5s ease;width:100%}.img-showcase img{min-width:100%}.product-main-image{cursor:zoom-in}.img-select{display:flex}.img-item{margin:.3rem}.img-item:first-child,.img-item:nth-child(2),.img-item:nth-child(3){margin-right:0}.img-item:hover{opacity:.8}.img-item a{cursor:pointer;display:block;height:100%;width:100%}.img-item a img{height:100%;object-fit:cover;width:100%}.product-content{padding:2rem 1rem}.product-title{color:#12263a;font-size:2rem;font-weight:700;position:relative;text-transform:capitalize}.product-link{background:#256eff;color:#fff;display:inline-block;font-size:.9rem;font-weight:400;margin-bottom:.5rem;padding:0 .3rem;text-decoration:none;text-transform:uppercase;transition:all .5s ease}.product-price{color:var(--primary-color)!important;font-size:2rem;font-weight:700}.last-price span{color:#f64749;text-decoration:line-through}.new-price span{color:#256eff}.product-detail h2{color:#12263a;padding-bottom:.6rem;text-transform:capitalize}.product-detail p{font-size:.9rem;opacity:.8;padding:.3rem}.product-detail ul{font-size:.9rem;margin:1rem 0}.product-detail ul li{background:url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) 0 no-repeat;background-size:18px;font-weight:600;list-style:none;margin:.4rem 0;opacity:.9;padding-left:1.7rem}.product-detail ul li span{font-weight:400}.purchase-info{margin:1.5rem 0}.purchase-info .btn,.purchase-info input{border:1.5px solid #ddd;border-radius:25px;margin-bottom:1rem;margin-right:.2rem;outline:0;padding:.45rem .8rem;text-align:center}.purchase-info input{width:60px}.purchase-info .btn{color:#fff;cursor:pointer}.purchase-info .btn:first-of-type{background:#256eff}.purchase-info .btn:last-of-type{background:#f64749}.purchase-info .btn:hover{opacity:.9}.social-links,.social-links a{align-items:center;display:flex}.social-links a{border:1px solid #000;border-radius:50%;color:#000;font-size:.8rem;height:32px;justify-content:center;margin:0 .2rem;text-decoration:none;transition:all .5s ease;width:32px}.social-links a:hover{background:#000;border-color:transparent;color:#fff}@media screen and (min-width:992px){.card{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem}.card-wrapper{align-items:center}.card-wrapper,.product-imgs{display:flex;justify-content:center}.product-imgs{flex-direction:column;width:80%}.product-content{padding-top:0}}.card{border:none}.feature-tab-list-2 li a.active,.feature-tab-list-2 li a:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#39413e}.tab-pane i{margin-right:1rem}.app-two-single-feature{background-color:rgba(99,186,186,.078)}.tuto-list{background:#63baba;border-radius:50%;display:block;font-size:1.8rem;height:40px;line-height:40px;margin-bottom:30px;text-align:center;width:40px}.label-conso-energie{color:#696969;font-size:14px;font-weight:700;margin-bottom:20px;margin-right:20px}.conso-range .letter{display:inline-block;height:100px;position:relative}.conso-range .conso-emission-num,.conso-range .conso-num{color:#696969;left:0;position:absolute;text-align:center;top:60px;width:34px}.conso-emission-num .note-conso{left:-20px;position:absolute}.conso-num .note-conso{left:-5px;position:absolute}.conso-emission-num,.conso-num{font-size:14px;font-weight:700}.note-conso{font-size:11px;font-weight:500}.labels-link{display:flex;flex-direction:column}.indiq-letter{border-radius:5px;color:#fff;display:inline-block;padding:3px 0;position:relative;text-align:center;width:30px}.indiq-letter.active{border-radius:5px 5px 0 0;padding:8px 0;width:34px}.indiq-letter.active:after{background:transparent;border-bottom:17.2px solid transparent;border-top:17.5px solid transparent;content:"";position:absolute;right:.52rem;top:35.2px;transform:rotate(90deg)}.conso-A{background:#029163}.conso-A:after{border-left:17px solid #029163}.conso-B{background:#46a64a}.conso-B:after{border-left:17px solid #46a64a}.conso-C{background:#6db56b}.conso-C:after{border-left:17px solid #6db56b}.conso-D{background:#f2e314}.conso-D:after{border-left:17px solid #f2e314}.conso-E{background:#edab0f}.conso-E:after{border-left:17px solid #edab0f}.conso-F{background:#e8782f}.conso-F:after{border-left:17px solid #e8782f}.conso-G{background:#d1201e}.conso-G:after{border-left:17px solid #d1201e}.emission-A{background:#abdbf9}.emission-A:after{border-left:17px solid #abdbf9}.emission-B{background:#91b4d4}.emission-B:after{border-left:17px solid #91b4d4}.emission-C{background:#7a92b2}.emission-C:after{border-left:17px solid #7a92b2}.emission-D{background:#626f90}.emission-D:after{border-left:17px solid #626f90}.emission-E{background:#4e5272}.emission-E:after{border-left:17px solid #4e5272}.emission-F{background:#393552}.emission-F:after{border-left:17px solid #393552}.emission-G{background:#271b36}.emission:after{border-left:17px solid #271b36}.choiceBtn{display:flex;flex-direction:row;justify-content:space-evenly;margin:auto;width:50%}.noHover{pointer-events:none}@media (max-width:768px){.action-btns{margin:auto;width:80%}}.auction-btn{margin-bottom:1rem;width:100%}@media (min-width:768px){.auction-btn{width:25%!important}}.gallery-modal{background:rgba(10,14,20,.95);border-radius:18px;padding:24px}.gallery-modal .modal-dialog{max-width:90vw}.gallery-modal .modal-body{max-height:80vh}.gallery-modal .gallery-image{border-radius:12px;max-height:75vh;max-width:100%;object-fit:contain}.gallery-modal .gallery-nav{background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:48px;position:absolute;top:50%;transform:translateY(-50%);width:48px;z-index:10}.gallery-modal .gallery-nav.prev{left:20px}.gallery-modal .gallery-nav.next{right:20px}.gallery-modal .gallery-nav:hover{background:hsla(0,0%,100%,.25)}.choice-buttons label{color:#575757;display:inline-block;font-weight:500}.choice-buttons input:checked+label{color:#575757}