nav{
    margin-left: 150px;
}


.container1{
    position: relative;
    width: 1400px;
    display: flex;
    justify-content: space-around ;
  }
.c-price-card1{
width: 300px;
height: auto;
min-width: 300px;
min-height: var(--component-height);
box-shadow: 0px 3px 4px rgba(19, 19, 19, 0.233);
font-size: 17px;
 display: flex;
 flex-direction: column;
 justify-content: stretch;

 --primary-color:#1999E0;
 --secondary-color:#fff;
 --component-height:500px;
 --header-height:110px;
 --body-height: calc(var(--component-height) - var(--header-height) ) ;
}

.c-price-card1 .c-header1{
    position: relative;
    width: 100%;
    height: var(--header-height);
    color: var(--secondary-color);
    background-color: var(--primary-color);
    margin: 0;
    text-align: center;
}
.c-price-card1 .c-header1 h1{
    margin: 0;
    font-weight: normal;
    margin-top: 0.5em;
    font-size: 2.2em;
    display: inline-block;
}
.c-price-card1 .c-header1 .priceTag{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 6em;
    height: 2.1em;
    transform: translate(-50%,40%);

    font-size: 18px;
    font-weight: 500;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 3px solid var(--primary-color);
    border-radius: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.c-price-card2{
    width: 300px;
    height: auto;
    min-width: 300px;
    min-height: var(--component-height);
    box-shadow: 0px 3px 4px rgba(19, 19, 19, 0.233);
    font-size: 17px;
     display: flex;
     flex-direction: column;
     justify-content: stretch;
    
     --primary-color:rgb(255, 166, 0);
     --secondary-color:#fff;
     --component-height:500px;
     --header-height:110px;
     --body-height: calc(var(--component-height) - var(--header-height) ) ;
    }
.c-price-card2 .c-header21{
    position: relative;
    width: 100%;
    height: var(--header-height);
    color: var(--secondary-color);
    background-color: #2ec4b6;
    margin: 0;
    text-align: center;
}
.c-price-card2 .c-header2{
    position: relative;
    width: 100%;
    height: var(--header-height);
    color: var(--secondary-color);
    background-color: var(--primary-color);
    margin: 0;
    text-align: center;
}
.c-price-card2 .c-header2 h1{
    margin: 0;
    font-weight: normal;
    margin-top: 0.5em;
    font-size: 2.2em;
    display: inline-block;
}
.c-price-card2 .c-header2 .priceTag{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 6em;
    height: 2.1em;
    transform: translate(-50%,40%);

    font-size: 18px;
    font-weight: 500;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 3px solid var(--primary-color);
    border-radius: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.c-price-card2 .c-header21 .priceTag{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 6em;
    height: 2.1em;
    transform: translate(-50%,40%);

    font-size: 18px;
    font-weight: 500;
    background-color: var(--secondary-color);
    color: #2ec4b6;
    border: 3px solid #2ec4b6;
    border-radius: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.c-price-card3{
    width: 300px;
    height: auto;
    min-width: 300px;
    min-height: var(--component-height);
    box-shadow: 0px 3px 4px rgba(19, 19, 19, 0.233);
    font-size: 17px;
     display: flex;
     flex-direction: column;
     justify-content: stretch;
    
     --primary-color:#f03000;
     --secondary-color:#fff;
     --component-height:500px;
     --header-height:110px;
     --body-height: calc(var(--component-height) - var(--header-height) ) ;
    }
.c-price-card3 .c-header3{
    position: relative;
    width: 100%;
    height: var(--header-height);
    color: var(--secondary-color);
    background-color: var(--primary-color);
    margin: 0;
    text-align: center;
}
.c-price-card3 .c-header3 h1{
    margin: 0;
    font-weight: normal;
    margin-top: 0.5em;
    font-size: 2.2em;
    display: inline-block;
}
.c-price-card3 .c-header3 .priceTag{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 6em;
    height: 2.1em;
    transform: translate(-50%,40%);

    font-size: 18px;
    font-weight: 500;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 3px solid var(--primary-color);
    border-radius: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}



/* body */
.c-price-card1 .c-body{
    position: relative;
    overflow: auto;
    height: var(--body-height);
    background-color: var(--secondary-color);
}
.c-price-card1 .c-body .c-list{
    margin-top: 1.9em;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.c-price-card2 .c-body .c-list{
    margin-top: 1.9em;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.c-price-card2 .c-body{
    position: relative;
    overflow: auto;
    height: var(--body-height);
    background-color: var(--secondary-color);
}
.c-price-card3 .c-body .c-list{
    margin-top: 1.9em;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.c-price-card3 .c-body{
    position: relative;
    overflow: auto;
    height: var(--body-height);
    background-color: var(--secondary-color);
}
.c-list li{
    margin-bottom: 0.8em;
}