.vs{font-size:var(--mdFontSize);border-radius:50%;height:45px;width:45px;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}.font-small{font-size:12px}.compareSection img{height:200px;object-fit:cover}.images{height:200px}.addIcon{width:60px;height:60px;display:flex;padding:15px;align-items:center;justify-content:center;background:#adc7d7ab;border-radius:50%;box-shadow:inset 20px 20px 30px #adc7d7ab,inset -20px -20px 10px #e7f9ff7a;cursor:pointer}.close2{right:5px}.close1,.close2{top:5px;padding:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#adc7d7ab;border-radius:50%;box-shadow:inset 20px 20px 30px #adc7d7ab,inset -20px -20px 10px #e7f9ff7a;cursor:pointer}.close1{right:52%}.compareSelect{width:100%;height:100%;position:absolute;top:0;left:0}.compareSearchIcon{left:15px;color:grey;position:absolute;top:50%;z-index:1;transform:translateY(-50%);pointer-events:none}.pointer{cursor:pointer}.mostSearchedBtn{margin:0 0 12px;border:2px solid #d3d3d3;box-shadow:none;color:var(--textColor);font-size:var(--xsFontSize);padding:3px 8px}.compare:hover .mostSearchedBtn{background-color:var(--primary);color:#fff;border-color:var(--primary)}.compare-desc div{max-width:100%;font-size:var(--xsFontSize);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.compare-desc .project-name{font-size:16px}.compare-desc .developer-name{font-size:12px;color:var(--primary)!important;font-weight:600}.compare-desc .price{font-size:var(--xsFontSize);font-weight:700}.card.compare{width:100%}.compareSwiper .swiper-slide{width:auto;margin-right:30px}@media (min-width:576px){.compare-desc div{max-width:170px}}.sectionHeader .comapreHeader{padding:25px 10px}.compareImages{height:140px;position:relative;display:flex;overflow:hidden}.imgCol{flex:1 1}.imgFluid{width:100%;height:140px;object-fit:cover}.vsBadge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary);color:#fff;font-weight:600;font-size:12px;padding:6px 10px;border-radius:30px}.compareContent{flex:1 1}.smallCol{display:flex;flex-direction:column;gap:4px}.compareSection{margin-top:12px}.compareSection .cp-head{padding:10px 6px 12px;align-items:flex-end;gap:12px}.compareSection .cp-title{margin-bottom:6px}.compareSection .cp-subtitle{color:#4d6476;font-size:.95rem}.compareSection .cp-trustLine{margin-top:4px;color:#0f4967;font-size:.84rem;font-weight:600}.compareSection .cp-hookLine{margin-top:2px;color:#5f7183;font-size:.82rem}.compareSection .cp-viewall{min-width:130px}.compareSection .compareSwiper{padding:2px 2px 8px}.compareSection .sectionBody{position:relative}.compareSection .sectionBody:after,.compareSection .sectionBody:before{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:3;pointer-events:none}.compareSection .sectionBody:before{left:0;background:linear-gradient(90deg,rgba(248,251,254,.7),rgba(248,251,254,0))}.compareSection .sectionBody:after{right:0;background:linear-gradient(270deg,rgba(248,251,254,.7),rgba(248,251,254,0))}.compareSection .compareCard{border:1px solid rgba(16,48,66,.08);border-radius:10px 10px 0 0;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 8px 20px rgba(0,0,0,.06);transition:box-shadow .2s ease,transform .2s ease}.compareSection .compareCard:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08)}.compareSection .compareImages{height:150px;position:relative}.compareSection .imgFluid{height:150px}.compareSection .compareImages:after{content:"";position:absolute;inset:auto 0 0 0;height:48px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));pointer-events:none}.compareSection .vsBadge{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:0;border-radius:999px;border:1px solid hsla(0,0%,100%,.45);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.compareSection .compareCard:hover .vsBadge{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 18px rgba(0,0,0,.2)}.compareSection .compareContent{border-top:none}.compareSection .cp-colDivider{border-right:1px solid rgba(16,48,66,.1)}.compareSection .compareContent .project-name{font-size:.95rem;font-weight:600;color:#162737}.compareSection .cp-location{color:#5f7183;font-size:.76rem}.compareSection .cp-price{font-size:1.08rem;font-weight:700;color:#0b3045}.compareSection .cp-compareBtn{border-radius:10px;font-weight:600;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease}.compareSection .cp-compareBtn:focus,.compareSection .cp-compareBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.compareSection .cp-actionRow{margin-top:12px}.compareSection .compareContent .smallCol{transition:opacity .2s ease,background-color .2s ease}.compareSection .compareContent:hover .smallCol{opacity:.72}.compareSection .compareContent .smallCol:hover{opacity:1;background:rgba(27,85,119,.04)}.compareSection .swiper-button-next,.compareSection .swiper-button-prev{width:34px!important;height:34px!important;border-radius:999px!important;background:hsla(0,0%,100%,.95);border:1px solid rgba(11,18,32,.14);box-shadow:0 10px 22px rgba(11,18,32,.16)!important;color:#123b53!important}.compareSection .swiper-button-next:after,.compareSection .swiper-button-prev:after{font-size:12px!important}@media (max-width:768px){.compareSection .cp-head{padding:8px 0 10px}.compareSection .cp-subtitle{font-size:.9rem}.compareSection .cp-hookLine,.compareSection .cp-trustLine{font-size:.76rem}.compareSection .compareImages,.compareSection .imgFluid{height:132px}.compareSection .compareContent .project-name,.compareSection .cp-price{font-size:.9rem}.compareSection .sectionBody:after,.compareSection .sectionBody:before{width:16px}}