/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 25 2025 | 11:57:58 */
/* Different background colors for each column */
.pricing-column:nth-child(1) {
    background-color: white;
    border-radius: 8px 8px 8px 60px;
}

.pricing-column:nth-child(2) {
    background-color: #0399df; /* Blue */
	 border-radius: 8px 60px 8px 8px;
}

.pricing-column:nth-child(2) .pricing-button {
   
    background-color: white!important;
	color:black;

}
.pricing-column:nth-child(3) {
    background-color: white; /* Green */
	 border-radius: 8px 8px 60px 8px;
}

.pricing-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    max-width: 1000px;
    width: 100%;
    margin: auto;
}
ricing-title {
    background: #0399df;
    width: 122px;
    border-radius: 44px;
    padding: 2px 0px;
    color: white;
    font-size: 18px;
    text-align: center;
}
/* Specific styles for the second column (Medium plan) */
.pricing-column:nth-child(2) {
    background-color: #0399df; /* Dark background for contrast */
    color: white; /* White text color */
}

.pricing-column:nth-child(2) .pricing-title,
.pricing-column:nth-child(2) span.pricing-amount,
.pricing-column:nth-child(2) .pricing-price span,
.pricing-column:nth-child(2) .pricing-features li {
    color: white!important; /* Ensure text in the Medium column is white */
}
h2.pricing-title {
    width: 124px;
    background: #5e5a5a;
    text-align: center;
    border-radius: 44px;
    font-size: 18px;
    padding: 5px;
    color: white;
}





a{color:#019add;}
.pr_4 {
    background: white;
    !impor;!impo;!imp;!im;!i;!im;!i;!;
    padding: 35px;
    border-radius: 100px 15px 15px 15px;
}
.pricing-column {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    flex: 1;
    min-width: 250px;
	height:500px;
	padding-top:60px;
}

.pricing-title {
    font-size: 24px;
    color: #333;
    text-align: left;
}

.pricing-price {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin: 10px 0;
}

.pricing-amount {
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.pricing-currency, .pricing-per-month {
    font-size: 18px;
    color: #777;
}

.pricing-features {
    list-style: none;
    margin-top: 15px;
    padding-left: 0;
}

.pricing-features li {
    font-size: 16px;
    color: #555;
    padding: 8px 0;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-check {
    width: 20px;
    height: 20px;
    background-color: #4CAF50;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    flex-shrink: 0;
}

.icon-check::before {
    content: "✔";
    font-size: 12px;
}

/* Center Button */
.pricing-button {
    display: block;
    width: 100%;
    max-width: 180px;
    margin: 15px auto 0;
    padding: 10px;
    background-color: #0399df;
    color: white;
    text-align: center;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.pricing-button:hover {
    background-color: #1c3f48;
}

/* Responsive */
@media (max-width: 768px) {
    .pricing-container {
        flex-direction: column;
        align-items: center;
    }
}


/* RESPONSIVE DESIGN */
@media (max-width: 1024px) {
    .pricing-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .pricing-column {
        min-width: 320px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .pricing-container {
        flex-direction: column;
        align-items: center;
    }
    .pricing-column {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .pricing-column {
        max-width: 100%;
        padding: 15px;
    }
    .pricing-title {
        font-size: 22px;
    }
    .pricing-amount {
        font-size: 26px;
    }
    .pricing-features li {