﻿@import url(../css/fonts.css);
@import url(../css/open-sans-font.css);

.single_developers_plan_grid_item_right p,
.entryteam_developers_plan_grid_item_right p,
.growingteam_developers_plan_grid_item_right p,
.enterpriseteam_developers_plan_grid_item_right p,
.researchteam_developers_plan_grid_item_right p {
    font-family: OpenSans-Regular;
}

/*
    features included
*/
.features_included_container {
    font-family: OpenSans-Regular;
    padding: 50px;
    padding-bottom: 0px;
}

    .features_included_container h5 {
        font-family: OpenSans-Bold;
    }

.features_included_grid {
    color: rgb(36, 175, 73);
    text-align: center;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    margin: 50px 150px;
    transition: all ease .5s;
}

@media (max-width:1000px) {
    .features_included_grid {
        grid-template-columns: repeat(2, 1fr);
        margin: 50px 50px;
    }
}

@media (max-width:780px) {
    .features_included_grid {
        grid-template-columns: repeat(1, 1fr);
        margin: 50px 20px;
    }
}

.features_included_grid_item img {
    width: 20px;
}

.number_of_devices {
    font-size: 25px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pricing_section1 {
    font-family: OpenSans-Light;
    margin-top: 84px;
    padding: 50px 50px 30px 50px;
    color: rgb(255, 51, 51);
    background-color: rgb(255, 255, 255);
    /**/
    background-image: url(../imgs/pricing-bgs/section1-bg.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

    .pricing_section1 .introductory_text_container {
        color: rgb(157, 157, 157);
        font-family: OpenSans-Regular;
        padding: 0px 20% 0px 20%;
        font-size: 16px;
        font-weight: 500;
    }

.pricing_container {
    padding: 50px;
}

.pricing_try_btn {
    font-family: OpenSans-Regular,FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px 40px;
    background-color: rgb(32,232,85);
    color: rgb(255, 255, 255);
    transition: all .7s ease;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
}

    .pricing_try_btn:hover {
        background-color: rgb(87, 255, 131);
        color: white;
        text-decoration: none;
    }

.pricing_get_btn {
    font-family: OpenSans-Regular, FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px 40px;
    background-color: rgb(168, 101, 234);
    color: rgb(255, 255, 255);
    transition: all .7s ease;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
}

    .pricing_get_btn:hover {
        background-color: rgb(188, 129, 247);
        color: white;
        text-decoration: none;
    }
/*----------------------------------------------------------------------------------------------*/
/*Single Developers*/
/*----------------------------------------------------------------------------------------------*/
.individual_pricing_plans_section {
    padding: 50px;
    min-height: 400px;
    background-color: white;
}

.individual_pricing_container {
    min-height: 500px;
}

.single_developers {
    text-align: center;
}

    .single_developers h1 {
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(0, 230, 118);
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
    }

.single_developers_plan_grid {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.single_developers_plan_grid_item {
    min-height: 300px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    background-color: rgba(255, 255, 255, 0.70);
    /**/
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .5s ease;
    /**/
    border-left: 2px;
    border-left-style: solid;
    border-left-color: rgb(0, 230, 118);
}

    .single_developers_plan_grid_item:hover {
        border-left: 2px;
        border-left-style: solid;
        border-left-color: rgb(255, 152, 0);
    }

        .single_developers_plan_grid_item:hover
        .single_developers_plan_grid_item_left h6 {
            color: rgb(255, 152, 0);
        }

        .single_developers_plan_grid_item:hover
        .buy_button_container button {
            background-color: rgb(255, 152, 0);
        }

.buy_button_container button:focus {
    background-color: rgb(0, 230, 118);
}

.single_developers_plan_grid_item_left {
    border-right: 1px;
    border-right-color: rgba(0, 0, 0, 0.07);
    border-right-style: solid;
    min-width: 200px;
    padding: 26px 0 26px 26px;
}

.single_developers_plan_grid_item_right {
    padding: 40px 0 26px 10px;
}

    .single_developers_plan_grid_item_right ul li {
        font-size: 16px;
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.single_developers_plan_grid_item_left h6 {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    color: rgb(0, 230, 118);
    transition: all .5s ease;
}

.supported_devices_installs {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 10px 0 10px 0;
}

    .supported_devices_installs p {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

.supported_devices_installs_max {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.price p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 45px;
}

.subscription_term {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.buy_button_container button {
    font-size: 19px;
    text-transform: none;
    background-color: rgb(0, 230, 118);
    transition: all .5s ease;
}


/*----------------------------------------------------------------------------------------------*/
/*Entry Pricing Plans*/
/*----------------------------------------------------------------------------------------------*/

.entryteam_pricing_plans_section {
    padding: 50px;
    background-color: rgb(255, 255, 255);
}

.entryteam_pricing_container {
    min-height: 500px;
}

.entryteam_developers {
    text-align: center;
}

    .entryteam_developers h1 {
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(33, 150, 243);
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
    }

.entryteam_developers_plan_grid {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.entryteam_developers_plan_grid_item {
    min-height: 300px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    background-color: rgba(255, 255, 255, 0.70);
    /**/
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .5s ease;
    /**/
    border-left: 2px;
    border-left-style: solid;
    border-left-color: rgb(33, 150, 243);
}

    .entryteam_developers_plan_grid_item:hover {
        border-left: 2px;
        border-left-style: solid;
        border-left-color: rgb(255, 152, 0);
    }

        .entryteam_developers_plan_grid_item:hover
        .entryteam_developers_plan_grid_item_left h6 {
            color: rgb(255, 152, 0);
        }

        .entryteam_developers_plan_grid_item:hover
        .entryteam_buy_button_container button {
            background-color: rgb(255, 152, 0);
        }

.entryteam_buy_button_container button:focus {
    background-color: rgb(33, 150, 243);
}

.entryteam_developers_plan_grid_item_left {
    border-right: 1px;
    border-right-color: rgba(0, 0, 0, 0.07);
    border-right-style: solid;
    min-width: 200px;
    padding: 26px 0 26px 26px;
}

.entryteam_developers_plan_grid_item_right {
    padding: 40px 0 26px 10px;
}

    .entryteam_developers_plan_grid_item_right ul li {
        font-size: 16px;
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.entryteam_developers_plan_grid_item_left h6 {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    color: rgb(33, 150, 243);
    transition: all .5s ease;
}

.supported_devices_installs {
    font-family: FiraSans-Light,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px 0 10px 0;
}

    .supported_devices_installs p {
        font-size: 16px;
        font-weight: 600;
    }

.supported_devices_installs_max {
    font-family: FiraSans-bold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.price p {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 45px;
}

.subscription_term {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.entryteam_buy_button_container button {
    font-size: 19px;
    text-transform: none;
    background-color: rgb(33, 150, 243);
    transition: all .5s ease;
}



/*----------------------------------------------------------------------------------------------*/
/*Growing Pricing Plans*/
/*----------------------------------------------------------------------------------------------*/

.growingteam_pricing_plans_section {
    padding: 50px;
    min-height: 400px;
    background-color: white;
}

.growingteam_pricing_container {
    min-height: 500px;
}

.growingteam_developers {
    text-align: center;
}

    .growingteam_developers h1 {
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(216, 27, 96);
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
    }

.growingteam_developers_plan_grid {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.growingteam_developers_plan_grid_item {
    min-height: 300px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    background-color: rgba(255, 255, 255, 0.70);
    /**/
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .5s ease;
    /**/
    border-left: 2px;
    border-left-style: solid;
    border-left-color: rgb(216, 27, 96);
}

    .growingteam_developers_plan_grid_item:hover {
        border-left: 2px;
        border-left-style: solid;
        border-left-color: rgb(255, 152, 0);
    }

        .growingteam_developers_plan_grid_item:hover
        .growingteam_developers_plan_grid_item_left h6 {
            color: rgb(255, 152, 0);
        }

.growingteam_buy_button_container button,
.growingteam_buy_button_container button:focus {
    background-color: rgb(216, 27, 96);
}

.growingteam_developers_plan_grid_item:hover
.growingteam_buy_button_container button {
    background-color: rgb(255, 152, 0);
}

.growingteam_developers_plan_grid_item_left {
    border-right: 1px;
    border-right-color: rgba(0, 0, 0, 0.07);
    border-right-style: solid;
    min-width: 200px;
    padding: 26px 0 26px 26px;
}

.growingteam_developers_plan_grid_item_right {
    padding: 40px 0 26px 10px;
}

    .growingteam_developers_plan_grid_item_right ul li {
        font-size: 16px;
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.growingteam_developers_plan_grid_item_left h6 {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    color: rgb(216, 27, 96);
    transition: all .5s ease;
}

.supported_devices_installs {
    font-family: FiraSans-Light,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px 0 10px 0;
}

    .supported_devices_installs p {
        font-size: 16px;
        font-weight: 600;
    }

.supported_devices_installs_max {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.price p {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 45px;
}

.subscription_term {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.growingteam_buy_button_container a {
    font-size: 19px;
    text-transform: none;
    background-color: rgb(216, 27, 96);
    transition: all .5s ease;
}


/*----------------------------------------------------------------------------------------------*/
/*Enterprise Pricing Plans*/
/*----------------------------------------------------------------------------------------------*/

.enterpriseteam_pricing_plans_section {
    padding: 50px;
    min-height: 400px;
    background-color: white;
}

.enterpriseteam_pricing_container {
    min-height: 500px;
}

.enterpriseteam_developers {
    text-align: center;
}

    .enterpriseteam_developers h1 {
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(255, 87, 34);
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
    }

.enterpriseteam_developers_plan_grid {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.enterpriseteam_developers_plan_grid_item {
    min-height: 300px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    background-color: rgba(255, 255, 255, 0.70);
    /**/
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .5s ease;
    /**/
    border-left: 2px;
    border-left-style: solid;
    border-left-color: rgb(255, 87, 34);
}

    .enterpriseteam_developers_plan_grid_item:hover {
        border-left: 2px;
        border-left-style: solid;
        border-left-color: rgb(255, 152, 0);
    }

        .enterpriseteam_developers_plan_grid_item:hover
        .enterpriseteam_developers_plan_grid_item_left h6 {
            color: rgb(255, 152, 0);
        }

        .enterpriseteam_developers_plan_grid_item:hover
        .enterpriseteam_buy_button_container button {
            background-color: rgb(255, 152, 0);
        }

.enterpriseteam_buy_button_container button:focus {
    background-color: rgb(255, 87, 34);
}

.enterpriseteam_developers_plan_grid_item_left {
    border-right: 1px;
    border-right-color: rgba(0, 0, 0, 0.07);
    border-right-style: solid;
    min-width: 200px;
    padding: 26px 0 26px 26px;
}

.enterpriseteam_developers_plan_grid_item_right {
    padding: 40px 0 26px 10px;
}

    .enterpriseteam_developers_plan_grid_item_right ul li {
        font-size: 16px;
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.enterpriseteam_developers_plan_grid_item_left h6 {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    color: rgb(255, 87, 34);
    transition: all .5s ease;
}

.supported_devices_installs {
    font-family: FiraSans-Light,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px 0 10px 0;
}

    .supported_devices_installs p {
        font-size: 16px;
        font-weight: 600;
    }

.supported_devices_installs_max {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.price p {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 45px;
}

.subscription_term {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.enterpriseteam_buy_button_container button {
    font-size: 19px;
    text-transform: none;
    background-color: rgb(255, 87, 34);
    transition: all .5s ease;
}

/*----------------------------------------------------------------------------------------------*/
/*Research section*/
/*----------------------------------------------------------------------------------------------*/

.researchteam_pricing_plans_section {
    padding: 50px;
    min-height: 400px;
    background-color: white;
}

.researchteam_pricing_container {
    min-height: 500px;
}

.researchteam_developers {
    text-align: center;
}

    .researchteam_developers h1 {
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(84, 110, 122);
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
    }

.researchteam_developers_plan_grid {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.researchteam_developers_plan_grid_item {
    min-height: 300px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: rgba(255, 255, 255, 0.70);
    /**/
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: all .5s ease;
    /**/
    border-left: 2px;
    border-left-style: solid;
    border-left-color: rgb(84, 110, 122);
}

    .researchteam_developers_plan_grid_item:hover {
        border-left: 2px;
        border-left-style: solid;
        border-left-color: rgb(255, 152, 0);
    }

        .researchteam_developers_plan_grid_item:hover
        .researchteam_developers_plan_grid_item_left h6 {
            color: rgb(255, 152, 0);
        }

        .researchteam_developers_plan_grid_item:hover
        .researchteam_buy_button_container button {
            background-color: rgb(255, 152, 0);
        }

.researchteam_developers_plan_grid_item_left {
    border-right: 1px;
    border-right-color: rgba(0, 0, 0, 0.07);
    border-right-style: solid;
    min-width: 200px;
    padding: 26px 0 26px 26px;
}

.researchteam_developers_plan_grid_item_right {
    padding: 40px 0 26px 10px;
}

    .researchteam_developers_plan_grid_item_right ul li {
        font-size: 16px;
        font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.researchteam_developers_plan_grid_item_left h6 {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    color: rgb(84, 110, 122);
    transition: all .5s ease;
}

.supported_devices_installs {
    font-family: FiraSans-Light,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px 0 10px 0;
}

    .supported_devices_installs p {
        font-size: 16px;
        font-weight: 600;
    }

.supported_devices_installs_max {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.price p {
    font-family: FiraSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 45px;
}

.subscription_term {
    font-family: FiraSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.researchteam_buy_button_container a {
    font-size: 19px;
    text-transform: none;
    background-color: rgb(84, 110, 122);
    transition: all .5s ease;
}

/*----------------------------------------------------------------------------------------------*/
/*Purchasing help section*/
/*----------------------------------------------------------------------------------------------*/
.purchase_help_section {
    text-align: center;
    padding: 50px 100px 100px 100px;
    background-color: white;
    background-image: url(../imgs/pricing-bgs/pricing-help-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .purchase_help_section h1 {
        color: rgb(0, 0, 0);
        font-size: 50px;
        font-weight: 700;
    }

    .purchase_help_section a {
        text-transform: none;
    }

ul li .limitations {
    font-family: FiraSans-bold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.price_strikethrough {
    text-decoration: line-through;
    margin-bottom: -10px;
    color: orangered;
}
