/* Grid page */
.parent_contact_us {
    display: grid;
    grid-template-columns: 0.1fr repeat(4, 1fr) 0.01fr repeat(4, 1fr) 0.01fr repeat(4, 1fr) 0.1fr;
    grid-template-rows: repeat(2, 0.01fr) 0.1fr repeat(8, 0.3fr) 0.4fr 0.3fr repeat(2, 0.4fr) repeat(2, 0.3fr) repeat(6, 0.3fr) repeat(2, 0.2fr);
    grid-column-gap: 2vh;
    grid-row-gap: 0px;
    width: 90%;
    margin: auto;
}

/* Free plan starter */
#free_plan_starter_div{
    grid-area: 4/2/9/6;
    width: 100%;
    padding-left: 15px;
}
#free_access_includes_div{grid-area: 9 / 2 / 10 / 6;}
#one_user_account_div{grid-area: 10 / 2 / 11 / 6;}
#unlimited_part_search{grid-area: 11 / 2 / 12 /6;}
#up_to_five_div{grid-area: 12 / 2 / 13 / 6; }
#free_inventory_list_div{grid-area: 13 / 2 / 14 / 6; }
#processing_fee_per_order{grid-area: 14 / 2 / 15 / 6;}
#shipping_service_not_included_div{grid-area: 15 / 2 / 16 / 6; }
#no_subscription_fee_div{grid-area: 16 / 2 / 18 / 6; }

#no_subscription_fee_div h3{text-align: center;font-size:0.9vw;}


/* Buyer premium plan */
#buyer_prem_plan_div{grid-area:4 / 7 / 9 / 11; width: 100%; padding-left: 15px;}
#your_prem_benef_div{grid-area: 9 / 7 / 10 / 11;}
#multiple_user_per_company_div{grid-area: 10 / 7 / 11 / 11;}
#unlimited_parts_search_div{grid-area: 11 / 7 / 12 / 11;}
#unlimited_rfq_quotes_div{grid-area: 12 / 7 / 13 / 11; }
#processing_fee_null_div{grid-area: 13 / 7 / 14 / 11;}
#access_paperwork_div{grid-area: 14 / 7 / 15 / 11;}
#free_stock_uploaded_div{grid-area: 15 / 7 / 16 / 11;}
#shipping_service_on_demand_div{grid-area: 16 / 7 / 17 / 11; }
#active_wishlist_div{grid-area: 17 / 7 / 18 / 11;}
#priority_alert_stock_div{grid-area: 18 / 7 / 19 / 11;}
#streamline_sourcing_div{grid-area: 19 / 7 / 21 / 11;}
#join_us_premium_div{grid-area: 21 / 7 / 23 / 11;}

#streamline_sourcing_div h3{margin-left: 2vw; margin-right: 2vw; text-align: center;}
#get_started_button{background: #001846; color: #fff;}

/* Seller pro plan */
#seller_pro_plan_div{grid-area:4 / 12 / 9 / 16; width: 100%; padding-left: 15px;}
#text_pricing_seller_div{grid-area: 9 / 12 / 10 / 16; }
#bundle_sales_auction_div{grid-area: 10 / 12 / 11 / 16; }
#advertising_bulk_auction_div{grid-area: 11 / 12 / 12 / 16; }
#direct_access_database_div{grid-area: 12 / 12 / 13 / 16; }
#targeted_daily_sales_div{grid-area: 13 / 12 / 14 / 16; }
#free_processing_fee_div{grid-area: 14 / 12 / 15 / 16; }
#sales_performance_reports_buyer{grid-area: 15 / 12 / 16 / 16; }
#more_your_stock_faster_div{grid-area: 16 / 12 / 18 / 16; }
#talk_to_sales_today_div{grid-area: 18 / 12 / 19 / 16; }


.display_price_table table{height: 100%; width: -webkit-fill-available;}
#talk_sales_button{background: #5565dd;}
#pro_price{font-size: 1vw!important; margin: 3vh 5vw;}

.upgrade_button{
    padding: 15px 25px;
    border: none;
    border-radius: 8px;
    width: 25vh;
    color: #fff;
    font-size: 0.9vw;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background: #66cc9999;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: backdrop-filter .5s ease-out, box-shadow .5s ease-out, background 1s ease-out, color .8s ease-out;
}

.upgrade_button:hover{
    backdrop-filter: blur(1px);
    box-shadow: 0 0px 13px 0 rgba(31, 38, 135, 0.37);
    background: #fff!important;
    color: #333333!important;
}

.background_white, .backrgound_blue, .background_free{
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin-left: 0%;
    margin-top: 0vh;
    z-index: -1;
    position: relative;
    overflow: hidden;
    transition: box-shadow .8s ease-out;
}

.background_free{box-shadow: 0px 0px 15px -10px #a4a4a4;grid-area: 4/2/18/6;}
.background_white{box-shadow: 0px 0px 15px -10px #66cc99;grid-area: 4/7/23/11;}
.backrgound_blue{box-shadow: 0px 0px 15px -10px #001746;grid-area: 4/12/20/16;}

.background_white div{
    background: #66cc99ad;
    border: 2px solid #66CC99;
}

.backrgound_blue div{
    background: #5565dda6;
    border: 2px solid #5565dd;
}

.background_free div{
    background: #e0e0e0;
    border: 2px solid grey;
}

.background_white div, .backrgound_blue div,
.background_free div{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    right: -19px;
    top: -19px;
    position: absolute;
    transition: width 1.2s ease-out, height 1.2s ease-out, top 1.2s ease-out, right 1.2s ease-out;
}

.margin_10{margin: auto; text-align: justify; width: 85%;}

.title_price_section{
    width: -webkit-fill-available;
    position: relative;
    display: inline-flex;
}

.title_price_section h2{font-size: 1.5vw !important;font-weight: 900 !important;margin: 14px auto 5px;}

.title_price_section svg{
    margin: auto;
    right: 14px;
    top:12px;
    position: absolute;
}

.fw_text_pricing{
    font-weight: 200 !important;
    font-size: 0.9vw;
    margin: 1vh 2vh;
}

.button_price_div{margin: auto; padding: 10px 15px 0 0; text-align: center;}

.button_price_div h3{
    font-size: 1.2vw !important;
    font-weight: 800 !important;
    margin: 0.5vw 2vw;
    padding: 0.5vw;
    border-radius: 10px;
    background: #ffffff00;
    margin-right: 5vw;
    margin-left: 5vw;
    transition: margin-right 0.8s ease-out, margin-left 0.8s ease-out, background .8s ease-out;
}

/* Already premium */
#already_premium{
    opacity: 0;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: rgb(164, 164, 164) 0px 0px 60px -10px;
    border-radius: 12px;
    padding: 3vh 5vh;
    transition: opacity .5s ease-out;
}

#close_already_premium{
    stroke: #3d3d3d;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 2px;
    transition: stroke .5s ease-out, background .5s ease-out;
}

#close_already_premium:hover {
    background: #f1544e;
    stroke: #fff;
}

.txt_align_center{text-align: center;}