/*


.comparison {
    
    margin:0 auto;
    font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    padding:10px;
  }
  
  .comparison table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-bottom:1px solid #CCC;
  }
  
  .comparison td, .comparison th {
    border-right:1px solid #CCC;
    empty-cells: show;
    padding:10px;
  }
  
  .compare-heading {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top:10px !important;
  }
  
  .comparison tbody tr:nth-child(odd) {
    display:none;
  }
  
  .comparison .compare-row {
    background:#F5F5F5;
  }
  
  .comparison .tickblue {
    color:#0078C1;
  }
  
  .comparison .tickgreen {
    color:#009E2C;
  }
  
  .comparison th {
    font-weight:normal;
    padding:0;
    border-bottom:1px solid #CCC;
  }
  
  .comparison tr td:first-child {
    text-align:left;
  }
    
  .comparison .qbse, .comparison .qbo, .comparison .tl {
    color:#FFF;
    padding:10px;
    font-size:13px;
    border-right:1px solid #CCC;
    border-bottom:0;
  }
  
  .comparison .tl2 {
    border-right:0;
  }
  
  .comparison .qbse {
    background:#0078C1;
    border-top-left-radius: 3px;
    border-left:0px;
  }
  
  .comparison .qbo {
    background:#009E2C;
    border-top-right-radius: 3px;
    border-right:0px;
  }
  
  .comparison .price-info {
    padding:5px 15px 15px 15px;
  }
  
  .comparison .price-was {
    color:#999;
    text-decoration: line-through;
  }
  
  .comparison .price-now, .comparison .price-now span {
    color:#ff5406;
  }
  
  .comparison .price-now span {
    font-size:32px;
  }
  
  .comparison .price-small {
      font-size: 18px !important;
      position: relative;
      top: -11px;
      left: 2px;
  }
  
  .comparison .price-buy {
    background:#ff5406;
    padding:10px 20px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
    border-radius:3px;
    text-transform:uppercase;
    margin:5px 0 10px 0;
  }
  
  .comparison .price-try {
    font-size:12px;
  }
  
  .comparison .price-try a {
    color:#202020;
  }
  
  @media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
      display: none;
    }
    .comparison tbody tr:nth-child(odd) {
      display:table-row;
      background:#F7F7F7;
    }
    .comparison .row {
      background:#FFF;
    }
    .comparison td, .comparison th {
      border:1px solid #CCC;
    }
    .price-info {
    border-top:0 !important;
    
  }
    
  }
  
  @media (max-width: 639px) {
    .comparison .price-buy {
      padding:5px 10px;
    }
    .comparison td, .comparison th {
      padding:10px 5px;
    }
    .comparison .hide-mobile {
      display:none;
    }
    .comparison .price-now span {
    font-size:16px;
  }
  
  .comparison .price-small {
      font-size: 16px !important;
      top: 0;
      left: 0;
  }
    .comparison .qbse, .comparison .qbo {
      font-size:12px;
      padding:10px 5px;
    }
    .comparison .price-buy {
      margin-top:10px;
    }
    .compare-heading {
    font-size:13px;
  }
}
*/


.container-of-pricing {
   
   
    max-width: 100%;
    margin: auto;
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    flex-wrap: wrap;

}

.pricing-table {
    background: #f1f1f1;
    flex: 1;
    min-width: 250px;
    max-width: 300px;
    margin: 10px;
    
   
}


.pricing-header {
   
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.price {
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.price span {
    font-size: 20px;
}

.price sub {
    font-size: 14px;
    
}

.tittle {
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translate(-50%,50%);
    width: 80%;
    max-width: 360px;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
}

.pricing-list {
    padding: 10px 20px;

}

.pricing-list li {
    margin: 8px 0;
    font-size: 14px;
    color: black;
    text-align: center;
    white-space: nowrap;
    list-style-type: none;
}

.border {
    width: 80px;
    height: 1px;
    background: #ddd;
    margin: auto;
}

.pricing-table a {
    display: block;
    width: 70%;
    margin: auto;
    margin-bottom: 25px;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
    border: 1px solid;
    max-width: 360px;
    transition: .2s linear;
}
.pricing-table a:hover {
    border-radius: 30px;
}

.table1 .pricing-header {
    background: #2980b9;
}
.table2 .pricing-header {
    background: #2980b9;
}
.table3 .pricing-header {
    background: #2980b9;
}
.table4 .pricing-header {
    background: #2980b9;
}
.table5 .pricing-header,.table6 .pricing-header{
    background: #2980b9;
}

.table1 .tittle {
    background-image: linear-gradient(125deg, #3498db, #9b59b6);
}
.table2 .tittle {
    background-image: linear-gradient(125deg, #3498db, #9b59b6);
}
.table3 .tittle {
    background-image: linear-gradient(125deg, #3498db, #9b59b6);
}
.table4 .tittle {
    background-image: linear-gradient(125deg, #3498db, #9b59b6);
}
.table5 .tittle,.table6 .tittle {
    background-image: linear-gradient(125deg, #3498db, #9b59b6);
}

.table1 a {
    color: #2980b9;
}
.table2 a {
    color: #2980b9;
}

.table3 a {
    color: #2980b9;
}
.table4 a {
    color: #2980b9;
}
.table5 a,.table6 a {
    color: #2980b9;
}


.table1 a:hover {
    background: #664097;
    color: #fff;
}
.table2 a:hover {
    background: #664097;
    color: #fff;
}

.table3 a:hover {
    background: #664097;
    color: #fff;
}
.table4 a:hover {
    background: #664097;
    color: #fff;
}
.table5 a:hover {
    background: #664097;
    color: #fff;
}
.table6 .pricing-header{
    height:  140px;


}