.ctpl-container{position:relative;z-index:1;max-width:1060px;border-radius:12px;box-shadow:0 2px 8px 0 #482C7714;padding:32px;background:var(--neutrals-white)}
.ctpl-container .vehicle-field-wrapper{display:flex;flex-wrap:wrap;gap:32px}
.ctpl-container .ctpl-vehicle-type{margin-bottom:48px;display:flex;justify-content:space-between}
.ctpl-container .ctpl-vehicle-type .ctpl-vehicle-type-desc{color:#435056;font-size:24px;line-height:28.8px;font-family:var(--ff-opensans);font-weight:var(--fw-semibold)}
.ctpl-container .ctpl-vehicle-type img{flex:none;cursor:pointer;width:28px;height:auto}
.ctpl-container .vehicleField{width:calc(50% - 16px);display:flex;align-items:center;justify-content:space-between;border-radius:8px;gap:24px;padding:24px;box-shadow:0 4px 16px 0 #482C771F;border:1px solid #e2e7e9;transition:all .3s ease-in-out;cursor:pointer;transition:all .3s ease-in-out}
.ctpl-container .vehicleField:hover{background:#e3daf1;padding:24px 26.5px}
.ctpl-container .vehicleField .vehiclebrandctpl,.ctpl-container .vehicleField .vehicleBrandPrice{width:50%}
.ctpl-container .vehicleField .vehiclebrandctpl img{width:80px;height:40px;object-fit:cover;flex:none}
.ctpl-container .vehicleField .vehiclebrandctpl .vehicle-brand-name{margin-top:8px;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:20px;line-height:24px;color:#435056}
.ctpl-container .vehicleField .vehiclebrandctpl .vehicle-brand-desc{margin-top:8px;font-family:var(--ff-opensans);font-weight:var(--fw-regular);font-size:14px;color:#5a6a72;line-height:19.07px}
.ctpl-container .vehicleField .vehicleBrandPrice{align-self:self-end;display:flex;flex-direction:column;align-items:end}
.ctpl-container .vehicleField .vehicleBrandPrice .amounttext{font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:24px;line-height:28.8px;color:#482c77}
.ctpl-container .vehicleField .vehicleBrandPrice .text{font-family:var(--ff-opensans);font-weight:var(--fw-regular);font-size:12px;line-height:16.34px;text-align:left;color:#70858f;margin-top:4px}
.ctpl-container .vehicleField .vehicleBrandPrice .buybtn{position:relative;margin-top:8px;border-radius:12px;outline:0;border:0;padding:10px 52px 10px 16px;color:#f1ecf8;background:linear-gradient(136.95deg,#482c77 -17.19%,#673fae 61.19%);font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:16px;line-height:19.5px;text-align:center;cursor:pointer}
.ctpl-container .vehicleField .vehicleBrandPrice .buybtn:hover{background:#482c77}
.ctpl-container .vehicleField .vehicleBrandPrice .buybtn::after{content:url("../../../../../content/dam/oona/images/right_arrow.png");position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;line-height:24px;right:24px}
.ctpl-more-product{width:max-content;margin:0 auto;margin-top:24px;display:flex;align-items:center;gap:4px;cursor:pointer}
.ctpl-more-product p{font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:16px;line-height:19.5px;color:#5c3899}
.ctpl-more-product img{width:17px;height:auto}
.ctpl-modal{margin:auto;border:0;outline:0;border-radius:12px}
.ctpl-modal[open]{animation:fade-in .3s forwards}
.ctpl-modal[closing]{display:block;pointer-events:none;inset:0;animation:fade-out .3s forwards}
@keyframes fade-in{0{opacity:0}
100%{opacity:1}
}
@keyframes fade-out{0{opacity:1}
100%{opacity:0}
}
@media screen and (max-width :768px){.ctpl-container{padding:36px 20px 23px;box-shadow:unset}
.ctpl-modal{max-width:100%}
.ctpl-container .vehicle-field-wrapper{flex-direction:column;gap:24px}
.ctpl-container .ctpl-vehicle-type{margin-bottom:24px}
.ctpl-container .vehicleField{width:100%;padding:16px;gap:16px}
.ctpl-container .ctpl-vehicle-type .ctpl-vehicle-type-desc{font-size:18px}
.ctpl-container .vehicleField .vehiclebrandctpl .vehicle-brand-name{font-size:16px;line-height:19.5px}
.ctpl-container .vehicleField .vehiclebrandctpl .vehicle-brand-desc{font-size:12px}
.ctpl-container .vehicleField .vehicleBrandPrice .amounttext{font-size:18px;line-height:21.6px}
.ctpl-container .vehicleField .vehicleBrandPrice .buybtn{padding:7.5px 40px 7.5px 16px;font-size:14px;line-height:17px}
.ctpl-container .vehicleField .vehicleBrandPrice .buybtn::after{right:16px}
.ctpl-more-product{margin-top:23px}
}