/**
 * Pricing Section
 *
 * Generated by Dreamz Page Builder on 2026-07-28.
 */

.pricing-section {
    background: var(--paper);
    padding: 88px 0;
}
.topsection_price p {
    color: var(--content);
    font-size: 0.96rem;
    max-width: 100%;
}
.price_grid_column {
    display: grid;
    grid-template-columns: 2fr 1.1fr;
    gap: 24px;
	transition: opacity .6s ease, transform .6s ease;
}
.price-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 30px 26px;
}
.price-card.note {
    background: var(--mist);
    border-style: dashed;
}
.price-card h6{
	font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--secondary);
	line-height: 1.65;
}
.price-card h2 {
	font-family: var(--font-fraunces);
    font-size: 2.3rem;
    color: var(--primary);
    margin: .3rem 0;
	line-height: 1.65;
}
.price-card span {
	font-size: 1rem;
    color: var(--content);
    font-family: var(--font-inter);
    font-weight: 500;
}
.price-card ul {
    /* margin-top: .9rem; */
    padding-left: 0;
    list-style: none;
    font-size: .9rem;
    color: var(--content);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.price-card li {
    display: flex;
    gap: .5rem;
    padding: .35rem 0 .35rem 23px;
	font-family: var(--font-inter);
	position: relative;
	display: block; 
    width: 47%;

}
.price-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 15px;
    background: url('/wp-content/themes/renovia/assets/images/check.svg') no-repeat center;
    background-size: contain;
}
.bottom_content {
    margin-top: 22px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 18px 24px;
    
}
.bottom_content p{
	font-size: .92rem;
    color: var(--content);
	max-width: 100%;
	margin-bottom: 0;
}
.bottom_content p strong {
	color: var(--primary);
}
.price-card.note h6 {
    font-family: var(--font-fraunces);
    color: var(--primary);
}
.price-card.note p {
	font-size: .9rem;
    color: var(--content);
    margin-top: .6rem;
}

@media (max-width: 767px) {
.price_grid_column {
 
    grid-template-columns: 1fr;
}
.pricing-section {
    padding: 50px 0;
}
}
@media (max-width: 550px) {

.price-card li {
    width: 100%;
}
}