#plans .title-background{ background-position: center top; background-size: 100% auto; height: 200px; }
#plans .title-background .card-body { padding-top: 128px; }
#plans .title-background .card-body h1 { background-color: rgb(93 72 110 / 80%); width: 50%; margin-left: 49%; margin-right: 1%; padding: 20px; max-width: 700px; border-radius: 10px; color: #fff; text-align: right; } 
#plans .title-background { background-image: url(/static/images/who_we_are.webp); }
#plans .show-information {width: 90%; margin:auto;}
#plans .show-information .price .plan-and-price { margin-top: 60px; }
#plans .show-information .price { min-height: 150px; margin-top: 2%;}
#plans .show-information .price .subject { text-align: center; font-size: 28px; font-weight: 100; margin-bottom: 40px; color: #5d486e; }
#plans .show-information .price, 
#plans .show-information .price a { color: #251632; text-decoration: none; }
#plans .show-information .price .subject .license, 
#plans .show-information .price .subject .plan { color: #5d486e; font-weight: 500; }
#plans .show-information .price .subject .license.-unselected,
#plans .show-information .price .subject .plan.-unselected { color: #8e799f; font-weight: 500; }
#plans .show-information .price .option .title{ font-size: larger; font-weight: 300; }
#plans .show-information .price .option .title input[type="radio"]{ appearance: none; background-color: #e4e4e4; color: #444; width: 0.85em; height: 0.85em; border: 0.15em solid currentColor; cursor: pointer; }
#plans .show-information .price .option .title .default-price.-selected{ background-color: rgb(65 18 104 / 40%); }
#plans .show-information .price .option .description{ font-size: smaller; color: #5a5a5a; padding-left: 18px; }
#plans .show-information .price .action { margin-top: 40px; }
#plans .show-information .price .action .button { margin-left: 10%; margin-right: 10%; width: 80%; text-align: center; }
#plans .show-information .price .action .button .btn {background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff;  height: 70px; font-size: 26px; }
#plans .show-information .price .action .button .btn:hover{ background-color: #fff; border: 1px solid #251632; color: #251632; height: 70px; font-size: 26px;}
#plans .show-information .price .action .button .btn.-go-cart-add-cart{ display: none }
#plans .show-information .price .value { height: 70px; margin-top: 20px; text-align: center; font-size: 3em; color: rgb(65 18 104 / 100%); }
#plans .show-information .price .plan-and-price .mosaic { display: grid; grid-template-columns: repeat(3, 1fr);}
#plans .show-information .price .plan-and-price .mosaic .title { text-align:center; color: #e4e4e4; }
#plans .show-information .price .plan-and-price .mosaic .description, 
#plans .show-information .price .plan-and-price .mosaic .value-per-download { color: #969797; }
#plans .show-information .price .plan-and-price .mosaic .action { margin-top: 0px; padding: 40px; }
#plans .show-information .price .plan-and-price .mosaic #basic,
#plans .show-information .price .plan-and-price .mosaic #advanced,
#plans .show-information .price .plan-and-price .mosaic #premium { text-align: center; }
#plans .show-information .price .plan-and-price .mosaic #basic .title { background-color: #8e799f;  border-radius: 10px 10px 0px 0px }
#plans .show-information .price .plan-and-price .mosaic #basic .title, 
#plans .show-information .price .plan-and-price .mosaic #premium .title { font-size: 36px; height: 60; margin-top: 63px !important; }
#plans .show-information .price .plan-and-price .mosaic #basic .use,
#plans .show-information .price .plan-and-price .mosaic #advanced .use,
#plans .show-information .price .plan-and-price .mosaic #premium .use  { padding-bottom: 20px; text-align: left; padding-left: 20%;}
#plans .show-information .price .plan-and-price .mosaic #basic .use .type,
#plans .show-information .price .plan-and-price .mosaic #advanced .use .type,
#plans .show-information .price .plan-and-price .mosaic #premium .use .type {width: 100%; }
#plans .show-information .price .plan-and-price .mosaic #basic .use .type .option-use,
#plans .show-information .price .plan-and-price .mosaic #advanced .use .type .option-use,
#plans .show-information .price .plan-and-price .mosaic #premium .use .type .option-use { font-size: .975rem; color: #4e4e4e; }
#plans .show-information .price .plan-and-price .mosaic #basic .use .type .option-use input[type="radio"],
#plans .show-information .price .plan-and-price .mosaic #advanced .use .type .option-use input[type="radio"],
#plans .show-information .price .plan-and-price .mosaic #premium .use .type .option-use input[type="radio"] { accent-color: #fff; }
#plans .show-information .price .plan-and-price .mosaic #basic .use .type .option-use input[type="radio"]:after,
#plans .show-information .price .plan-and-price .mosaic #advanced .use .type .option-use input[type="radio"]:after,
#plans .show-information .price .plan-and-price .mosaic #premium .use .type .option-use input[type="radio"]:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #e4e4e4; content: ''; display: inline-block; visibility: visible; border: 2px solid #251632; }
#plans .show-information .price .plan-and-price .mosaic #basic .use .type .option-use input[type="radio"]:checked:after,
#plans .show-information .price .plan-and-price .mosaic #advanced .use .type .option-use input[type="radio"]:checked:after,
#plans .show-information .price .plan-and-price .mosaic #premium .use .type .option-use input[type="radio"]:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2.5px; left: -1px; position: relative; background-color: rgb(65 18 104); content: ''; display: inline-block; visibility: visible; border: 2px solid #251632; }
#plans .show-information .price .plan-and-price .mosaic #basic .value-saved, 
#plans .show-information .price .plan-and-price .mosaic #basic .description,
#plans .show-information .price .plan-and-price .mosaic #basic .message,
#plans .show-information .price .plan-and-price .mosaic #basic .images-to-download, 
#plans .show-information .price .plan-and-price .mosaic #basic .use,
#plans .show-information .price .plan-and-price .mosaic #basic .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #basic .value-subscribe,
#plans .show-information .price .plan-and-price .mosaic #basic .action { border-left: 1px solid #8e799f; }
#plans .show-information .price .plan-and-price .mosaic #basic .action { border-bottom: 1px solid #8e799f; }
#plans .show-information .price .plan-and-price .mosaic #premium .title { background-color: rgb(65 18 104 / 80%);  border-radius: 10px 10px 0px 0px }
#plans .show-information .price .plan-and-price .mosaic #premium .value-saved, 
#plans .show-information .price .plan-and-price .mosaic #premium .description,
#plans .show-information .price .plan-and-price .mosaic #premium .message,
#plans .show-information .price .plan-and-price .mosaic #premium .images-to-download,
#plans .show-information .price .plan-and-price .mosaic #premium .use, 
#plans .show-information .price .plan-and-price .mosaic #premium .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe,
#plans .show-information .price .plan-and-price .mosaic #premium .action { border-right: 1px solid rgb(65 18 104 / 80%); }
#plans .show-information .price .plan-and-price .mosaic #premium .action { border-bottom: 1px solid rgb(65 18 104 / 80%); }
#plans .show-information .price .plan-and-price .mosaic #advanced .title { font-size: 42px; height: 70px; margin-top: 0px; }
#plans .show-information .price .plan-and-price .mosaic #advanced .title { background-color: #251632;  border-radius: 10px 10px 0px 0px }
#plans .show-information .price .plan-and-price .mosaic #advanced .value-saved, 
#plans .show-information .price .plan-and-price .mosaic #advanced .description,
#plans .show-information .price .plan-and-price .mosaic #advanced .message,
#plans .show-information .price .plan-and-price .mosaic #advanced .images-to-download, 
#plans .show-information .price .plan-and-price .mosaic #advanced .use,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-subscribe,
#plans .show-information .price .plan-and-price .mosaic #advanced .action {  border-right: 1px solid #251632; border-left: 1px solid #251632; }
#plans .show-information .price .plan-and-price .mosaic #basic .images-to-download,
#plans .show-information .price .plan-and-price .mosaic #premium .images-to-download,
#plans .show-information .price .plan-and-price .mosaic #advanced .images-to-download { line-height: 4.75rem; font-size: 1.75rem; }
#plans .show-information .price .plan-and-price .mosaic #basic .description,
#plans .show-information .price .plan-and-price .mosaic #premium .description,
#plans .show-information .price .plan-and-price .mosaic #advanced .description { font-size: .875rem; height: 97px; }
#plans .show-information .price .plan-and-price .mosaic #basic .value-saved .saved,
#plans .show-information .price .plan-and-price .mosaic #premium .value-saved .saved,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-saved .saved{ border: 1px solid #157415; margin-left: 15%; margin-right: 15%; line-height: 2.5rem; background-color: rgb(73 167 73 / 50%); border-radius: 30px; color: #104910; }
#plans .show-information .price .plan-and-price .mosaic #basic .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #premium .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-per-download,
#plans .show-information .price .plan-and-price .mosaic #basic .value-subscribe,
#plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-subscribe { font-size: .78rem; }
#plans .show-information .price .plan-and-price .mosaic #basic .value-subscribe span,
#plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe span,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-subscribe span { font-size: 2.75rem; line-height: 6.75rem; }
#plans .show-information .price .plan-and-price .mosaic #basic .value-per-download span,
#plans .show-information .price .plan-and-price .mosaic #premium .value-per-download span,
#plans .show-information .price .plan-and-price .mosaic #advanced .value-per-download span { font-size: 1.75rem; color: #8e799f; }
#plans .show-information .price .plan-and-price .mosaic #advanced .action { border-bottom: 1px solid #251632; height: 170px; }
@media screen and (max-width: 1280px)
{   
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #advanced .use{ padding-left: 10%; }
}
@media screen and (max-width: 820px)
{
    #plans .show-information .price .plan-and-price .mosaic #basic .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #premium .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .images-to-download { font-size: 1.45rem; }
    #plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe span { font-size: 2.35rem; }
}
@media screen and (max-width: 800px)
{
    #plans .show-information .price .subject { margin-bottom: 20px;}
    #plans .show-information .price .plan-and-price .mosaic { display: inline-block; width: 100%; }
    #plans .show-information .price .plan-and-price .mosaic #basic {margin-bottom: 20px;}
    #plans .show-information .price .plan-and-price .mosaic #basic .value-saved, 
    #plans .show-information .price .plan-and-price .mosaic #basic .description, 
    #plans .show-information .price .plan-and-price .mosaic #basic .message, 
    #plans .show-information .price .plan-and-price .mosaic #basic .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #basic .value-per-download, 
    #plans .show-information .price .plan-and-price .mosaic #basic .value-subscribe, 
    #plans .show-information .price .plan-and-price .mosaic #basic .action { border-right: 1px solid #8e799f; }
    #plans .show-information .price .plan-and-price .mosaic #premium .value-saved, 
    #plans .show-information .price .plan-and-price .mosaic #premium .description, 
    #plans .show-information .price .plan-and-price .mosaic #premium .message, 
    #plans .show-information .price .plan-and-price .mosaic #premium .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .value-per-download, 
    #plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe, 
    #plans .show-information .price .plan-and-price .mosaic #premium .action { border-left: 1px solid rgb(65 18 104 / 80%); }
    #plans .show-information .price .plan-and-price .mosaic #basic .description, 
    #plans .show-information .price .plan-and-price .mosaic #premium .description, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .description { font-size: 1.55rem; }
    #plans .show-information .price .plan-and-price .mosaic #basic .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #premium .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .images-to-download { font-size: 2.75rem; }
    #plans .show-information .price .plan-and-price .mosaic #premium .value-subscribe span { font-size: 2.75rem; }
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #advanced .use{ padding-left: 38%; }
}
@media screen and (max-width: 600px)
{
    #plans .title-background .card-body h1 { width: 90%; margin-left: 7%; }
    #plans .show-information .price .plan-and-price .mosaic #basic .description, 
    #plans .show-information .price .plan-and-price .mosaic #premium .description, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .description { font-size: 1.25rem; }
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #advanced .use{ padding-left: 32%; }
    
}
@media screen and (max-width: 562px)
{
    #plans .show-information .price .plan-and-price .mosaic #basic .description, 
    #plans .show-information .price .plan-and-price .mosaic #premium .description, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .description { font-size: 0.95rem; }
    #plans .show-information .price .plan-and-price .mosaic #basic .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #premium .images-to-download, 
    #plans .show-information .price .plan-and-price .mosaic #advanced .images-to-download { font-size: 1.75rem; }
    #plans .show-information .price .action .button {  margin-left: 0%; margin-right: 0%; width: 100%; }
}
@media screen and (max-width: 461px)
{
    #plans .show-information .price .action .button #btn-add-cart { margin-bottom: 15px; }
    #plans .show-information .price .action .button .btn { width: 100%; }
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #advanced .use{ padding-left: 15%; }
}
@media screen and (max-width: 375px)
{
    #plans .show-information .price .subject { font-size: 26px; }
}
@media screen and (max-width: 360px) 
{
    #plans .show-information .price .subject { font-size: 24px; }    
}
@media screen and (max-width: 320px)
{
    #plans .show-information .price .subject { font-size: 22px; }
    #plans .show-information .price .plan-and-price .mosaic #basic .use,
    #plans .show-information .price .plan-and-price .mosaic #premium .use,
    #plans .show-information .price .plan-and-price .mosaic #advanced .use{ padding-left: 8%; }
    #plans .show-information .price .action .button .btn {font-size: 20px;}
}