/* ===========================
   MAIN PAGE PRICING ONLY
=========================== */

.main-pricing{
    background:#f6fbfe;
}

/* Grid */

.main-pricing .plan-inner-con{
    max-width:1300px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* Card */

.main-pricing .plan-box{
    background:#ffffff;
    border:1px solid #e4e7ec;
    border-radius:14px;

    padding:36px 26px 32px;

    display:flex;
    flex-direction:column;

    transition:0.25s ease;
}

/* Hover */

.main-pricing .plan-box:hover{
    border-color:#6823e5;
}

/* Icon */

.main-pricing .plan-box figure{
    text-align:center;
    margin-bottom:10px;
}

.main-pricing .plan-box figure img{
    width:60px;
}

/* Title */

.main-pricing .plan-box h5{
    text-align:center;
    margin:14px 0 20px;
}

/* Features */

.main-pricing .plan-box ul{
    margin:0 0 18px;
    padding:0;
}

.main-pricing .plan-box ul li{
    font-size:14px;
    padding-left:22px;
    margin-bottom:11px;
    position:relative;
}

.main-pricing .plan-box ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#6823e5;
}

/* Price */

.main-pricing .hosting-price-box{
    justify-content:center;
    margin:18px 0 16px;
}

/* Button */

.main-pricing .secondary-btn a{
    width:100%;
    height:44px;

    background:transparent;
    border:1.5px solid #6823e5;

    color:#6823e5;
    border-radius:25px;
}

/* Hover Button */

.main-pricing .secondary-btn a:hover{
    background:#6823e5;
    color:#fff;
}

/* Responsive */

@media(max-width:1200px){
    .main-pricing .plan-inner-con{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .main-pricing .plan-inner-con{
        grid-template-columns:1fr;
    }
}