/* Base */

body{
font-family:'Inter',sans-serif;
}

/* Section */

.rent-section{
padding:80px 20px;
background:#f6f7f9;
}

/* Container */

.rent-container{
max-width:1300px;
margin:auto;
}

/* Header */

.rent-header{
text-align:center;
margin-bottom:50px;
}

.rent-badge{
background:#e7eef7;
color:#5c6b7a;
padding:6px 16px;
border-radius:20px;
font-size:13px;
font-weight:600;
display:inline-block;
margin-bottom:15px;
}

.rent-header h2{
font-size:34px;
font-weight:800;
margin-bottom:10px;
color:#0b1c39;
}

.rent-header p{
color:#6b7280;
font-size:16px;
}

/* Grid */

.rent-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:22px;
}

/* Card */

.rent-card{
background:#f3ecec;
padding:22px;
border-radius:16px;
position:relative;
box-shadow:0 4px 14px rgba(0,0,0,0.06);
transition:.3s;
text-align:left;
}

.rent-card:hover{
transform:translateY(-6px);
}

/* Image */

.plan-img{
width:100%;
height:140px;
object-fit:contain;
margin-top:25px;
margin-bottom:10px;
}

/* Tags */

.tag{
position:absolute;
top:14px;
left:14px;
font-size:11px;
padding:5px 10px;
border-radius:20px;
color:white;
font-weight:600;
}

.low{background:#18b981;}
.best{background:#f97316;}
.premium{background:#facc15;color:#000;}
.hot{background:#ef4444;}
.pay{background:#10b981;}

/* Price */

.prices{
font-size:16px;
font-weight:700;
color:#0b1c39;
margin-top:5px;
}

.prices span{
font-size:12px;
color:#6b7280;
}

/* Title */

.rent-card h4{
font-size:13px;
color:#6b7280;
margin-top:6px;
letter-spacing:.6px;
}

/* List */

.rent-card ul{
list-style:none;
margin:18px 0;
padding:0;
}

.rent-card ul li{
font-size:14px;
margin:8px 0;
color:#374151;
}

/* Button */

.rent-btn{
display:block;
text-align:center;
border:2px solid #3b82f6;
padding:12px;
border-radius:10px;
color:#3b82f6;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.rent-btn:hover{
background:#3b82f6;
color:white;
}

/* Responsive */

@media(max-width:1200px){

.rent-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.rent-grid{
grid-template-columns:repeat(2,1fr);
}

.rent-header h2{
font-size:26px;
}

}

@media(max-width:480px){

.rent-grid{
grid-template-columns:1fr;
}

}

/* Section */

.premium-section{

padding:80px 20px;

background:
linear-gradient(135deg,
#020617,
#041b34,
#020617);

color:white;

}

/* Container */

.premium-container{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

flex-wrap:wrap;

}

/* Badge */

.premium-badge{

background:#1f2937;

color:#facc15;

padding:6px 14px;

border-radius:20px;

font-size:12px;

font-weight:600;

display:inline-block;

margin-bottom:15px;

}

/* Title */

.premium-title{

font-size:44px;

font-weight:800;

margin-bottom:10px;

}

.premium-title span{

color:#facc15;

}

/* Subtitle */

.premium-subtitle{

color:#94a3b8;

margin-bottom:25px;

}

/* Price Box */

.price-box{

background:rgba(255,255,255,0.05);

padding:20px;

border-radius:16px;

margin-bottom:25px;

border:1px solid rgba(255,255,255,0.1);

}

.old-price{

color:#94a3b8;

text-decoration:line-through;

}

.discount{

background:#ef4444;

padding:3px 8px;

border-radius:8px;

font-size:12px;

margin-left:10px;

text-decoration:none;

color:white;

}

.new-price{

font-size:38px;

font-weight:800;

color:#facc15;

margin-top:10px;

}

.new-price span{

font-size:16px;

color:white;

}

.save-text{

color:#34d399;

font-size:14px;

margin-top:5px;

}

/* Features */

.feature-list{

list-style:none;

padding:0;

margin-bottom:30px;

}

.feature-list li{

margin:10px 0;

font-size:16px;

color:#e2e8f0;

}

/* Buttons */

.premium-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.buy-btn{

background:#facc15;

color:black;

padding:14px 22px;

border-radius:12px;

font-weight:700;

text-decoration:none;

}

.call-btn{

background:rgba(255,255,255,0.08);

color:white;

padding:14px 22px;

border-radius:12px;

text-decoration:none;

border:1px solid rgba(255,255,255,0.2);

}

/* Right Image */

.premium-right{

position:relative;

flex:1;

min-width:300px;

text-align:center;

}

.image-card{

background:#0f172a;

padding:12px;

border-radius:20px;

overflow:hidden;

}

.image-card img{

width:100%;

border-radius:16px;

}

/* Image Label */

.image-label{

position:absolute;

bottom:40px;

left:50%;

transform:translateX(-50%);

background:rgba(0,0,0,0.7);

padding:10px 16px;

border-radius:10px;

font-size:12px;

text-align:center;

}

.image-label span{

display:block;

font-size:11px;

color:#94a3b8;

}

/* Save Badge */

.save-badge{

position:absolute;

bottom:10px;

left:10px;

background:white;

color:#16a34a;

padding:10px 14px;

border-radius:12px;

font-weight:700;

}

/* Mobile */

@media(max-width:768px){

.premium-container{

flex-direction:column;

text-align:center;

}

.premium-title{

font-size:30px;

}

.new-price{

font-size:30px;

}

.feature-list{

text-align:left;

}

}

/* Section */

.ro-products{

padding:80px 20px;
background:#f6f3f3;

}

/* Container */

.ro-container{
max-width:1300px;
margin:auto;
}

/* Header */

.ro-header{

text-align:center;
margin-bottom:50px;

}

.buy-badge{

background:#e5e7eb;
color:#475569;

padding:6px 16px;

border-radius:20px;

font-size:13px;

font-weight:600;

display:inline-block;

margin-bottom:15px;

}

.ro-header h2{

font-size:34px;
font-weight:800;
color:#0f172a;

margin-bottom:10px;

}

.ro-header p{

color:#64748b;

}

/* Grid */

.product-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:22px;

}

/* Card */

.product-card{

background:white;

padding:16px;

border-radius:16px;

position:relative;

box-shadow:0 4px 14px rgba(0,0,0,0.06);

transition:.3s;

}

.product-card:hover{

transform:translateY(-6px);

}

/* Image */

.product-img{

width:100%;

height:170px;

object-fit:cover;

border-radius:12px;

margin-bottom:10px;

}

/* Tags */

.tag{

position:absolute;

top:12px;
left:12px;

font-size:11px;

padding:5px 10px;

border-radius:20px;

color:white;

font-weight:600;

}

.best{background:#f97316;}
.trend{background:#ef4444;}
.low{background:#10b981;}
.premium{background:#facc15;color:#000;}
.hot{background:#ef4444;}

/* Title */

.product-card h3{

font-size:16px;

font-weight:700;

margin-top:6px;

}

/* Rating */

.rating{

font-size:14px;

color:#f59e0b;

margin:6px 0;

}

.rating span{

color:#64748b;

margin-left:6px;

}

/* Price Row */

.price-row{

display:flex;

align-items:center;

justify-content:space-between;

margin-top:12px;

border-top:1px solid #e5e7eb;

padding-top:12px;

}

.price{

font-size:18px;

font-weight:800;

color:#11378fe3;

}

/* Call Icon */

.call-icon{

background:#e5e7eb;

padding:8px 10px;

border-radius:10px;

text-decoration:none;

}

/* Bottom Button */

.bottom-btn{

text-align:center;

margin-top:40px;

}

.bottom-btn a{

background:#ea580c;

color:white;

padding:14px 28px;

border-radius:12px;

font-weight:700;

text-decoration:none;

display:inline-block;

}

/* Responsive */

@media(max-width:1200px){

.product-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.product-grid{
grid-template-columns:repeat(2,1fr);
}

.ro-header h2{
font-size:26px;
}

}

@media(max-width:480px){

.product-grid{
grid-template-columns:1fr;
}

}

/* Section */

.exchange-section{

padding:80px 20px;

background:
radial-gradient(circle,
rgba(255,255,255,0.05) 1px,
transparent 1px);

background-size:25px 25px;

background-color:#0f3a66;

border-radius:30px;

color:white;

}

/* Container */

.exchange-container{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

flex-wrap:wrap;

}

/* Badge */

.exchange-badge{

background:#ef4444;

padding:6px 14px;

border-radius:20px;

font-size:12px;

font-weight:600;

display:inline-block;

margin-bottom:15px;

}

/* Title */

.exchange-title{

font-size:42px;

font-weight:800;

margin-bottom:15px;

}

.exchange-title span{

color:#facc15;

}

/* Description */

.exchange-desc{

color:#cbd5e1;

margin-bottom:20px;

}

/* Price */

.exchange-price{

background:rgba(255,255,255,0.08);

padding:14px 20px;

border-radius:12px;

font-size:28px;

font-weight:800;

color:#facc15;

margin-bottom:20px;

}

.exchange-price span{

font-size:14px;

color:white;

margin-left:10px;

}

/* Features */

.exchange-features{

list-style:none;

padding:0;

margin-bottom:25px;

}

.exchange-features li{

margin:8px 0;

font-size:15px;

}

/* Button */

.exchange-btn{

background:#facc15;

color:black;

padding:14px 24px;

border-radius:12px;

font-weight:700;

text-decoration:none;

display:inline-block;

}

/* Right Section */

.exchange-right{

display:flex;

align-items:center;

gap:20px;

flex-wrap:wrap;

}

/* Cards */

.ro-card{

background:rgba(255,255,255,0.08);

padding:20px;

border-radius:18px;

text-align:center;

width:160px;

position:relative;

}

.ro-card.new{

background:white;

color:black;

border:2px solid #facc15;

}

/* Card Tags */

.card-tag{

position:absolute;

top:-10px;

right:10px;

font-size:11px;

padding:4px 10px;

border-radius:20px;

color:white;

font-weight:600;

}

.red{background:#ef4444;}
.green{background:#10b981;}

/* Icon */

.icon-box{

font-size:40px;

margin-bottom:10px;

}

/* Image */

.ro-card img{

width:100%;

border-radius:12px;

margin-bottom:8px;

}

/* Exchange Icon */

.exchange-icon{

text-align:center;

font-size:30px;

color:#facc15;

}

.exchange-icon p{

font-size:12px;

margin-top:5px;

}

/* Spin Animation */

.animate-spin {
animation: spin 1s linear infinite;
}

@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

/* Mobile */

@media(max-width:768px){

.exchange-container{

flex-direction:column;

text-align:center;

}

.exchange-title{

font-size:28px;

}

.exchange-right{

justify-content:center;

}

}

/* Section */

.trust-section{

padding:80px 20px;

background:#f6f3f3;

}

/* Container */

.trust-container{

max-width:1200px;

margin:auto;

}

/* Header */

.trust-header{

text-align:center;

margin-bottom:50px;

}

.trust-header h2{

font-size:34px;

font-weight:800;

color:#0f172a;

margin-bottom:10px;

}

.trust-header p{

color:#64748b;

font-size:16px;

}

/* Grid */

.trust-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

/* Card */

.trust-card{

background:white;

padding:35px 25px;

border-radius:18px;

box-shadow:0 4px 14px rgba(0,0,0,0.06);

text-align:center;

}

/* Icons */

.icon-box{

width:70px;
height:70px;

display:flex;

align-items:center;
justify-content:center;

border-radius:16px;

margin:auto;
margin-bottom:15px;

}

.icon-box img{

width:34px;

}

.blue{

background:#e0ecff;

}

.green{

background:#d1fae5;

}

.orange{

background:#ffe4d6;

}

/* Card Text */

.trust-card h3{

font-size:18px;

font-weight:700;

margin-bottom:10px;

}

.trust-card p{

color:#64748b;

font-size:14px;

}

/* Review Bar */

.review-bar{

margin-top:40px;

background:white;

padding:20px 25px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:space-between;

flex-wrap:wrap;

box-shadow:0 4px 14px rgba(0,0,0,0.06);

}

/* Review Left */

.review-left{

display:flex;

align-items:center;

gap:15px;

}

/* Customer Images */

.customer-images img{

width:40px;

height:40px;

border-radius:50%;

margin-left:-10px;

border:2px solid white;

}

/* Text */

.review-text h4{

font-size:16px;

font-weight:700;

}

.review-text p{

color:#f59e0b;

font-size:14px;

}

/* Button */

.service-btn{

background:#ea580c;

color:white;

padding:14px 28px;

border-radius:12px;

font-weight:700;

text-decoration:none;

}

/* Responsive */

@media(max-width:900px){

.trust-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.trust-grid{

grid-template-columns:1fr;

}

.review-bar{

flex-direction:column;

gap:20px;

text-align:center;

}

.review-left{

flex-direction:column;

}

}