
 .pricing-section h2, h3 {
      color: #4C2A71;
      font-weight: 700 !important;
      font-size: 40px;
    }
.pricing-section h5{
         color: #4C2A71;
          font-weight: 600 !important;
      font-size: 20px;
 
}
/* .container{
  width:100% !important
} */
    .pricing-section {
      text-align: center;
      width:100% !important ;
      padding:30px
    }
    
    .width-p {
      font-size: 20px !important;
      font-weight: 400;
        margin-bottom: 8px !important;
        width:60%;
          margin-left:  auto;  
          margin-right: auto;

    }

    .pricing-card {  
      padding:20px 10px;
      transition: all 0.3s ease;
      background-color: #fff;
      width:302px;
      height:364px;
border: 1px solid #D9D9D9;
      border-radius: 20px;
        align-items: center !important;       
  text-align: center !important;      
  margin-top:100px;
  margin-left:  auto;  
          margin-right: auto;
          gap:10px

    }

     .pricing-card .li-dcus {  
      font-size: 12px;
      font-weight: 600;
      margin-left: 70px;
            margin-bottom: 10px;

    }


 .p-card{  
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 8px !important;
    }
    .price {
      font-weight: 600;
      font-size:40px;
      color: #4C2A71;
    }

    .btn-subsc{
      background-color: #4C2A71;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      border-radius: 10px;
      padding: 10px 20px;
      width:261px;
      height:50px;
      border:none
    }
.material-symbols--check-rounded {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A158' d='m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z'/%3E%3C/svg%3E");
}
   

    .most-popular {
      position: absolute;
      top: 80px;
      left: 100px;
      background-color: #4C2A71;
      color: #fff;
      font-size: 12px;
      font-weight:600 ;
      padding: 4px 10px;
      border-radius: 10px;
      width:104px;
      height:26px;

    }
.ic--twotone-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E7000B' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
}
    .table-section {
      padding: 60px 20px;
      text-align: center;
     
    }

    

    .table-container {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

   .custom-table th {
      font-size: 20px;
      font-weight:700 ;
    }

   .custom-tabler td, th {
      text-align: center;
      vertical-align: middle; 

    }
.custom-table td{
    font-size:16px;
      font-weight:400 ; 
}
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 20px;
  padding-bottom: 10px;
}

.custom-table {
  width: 966px !important;
  height: 273px !important;
  border: 1px solid #D9D9D9 !important;
  border-radius: 20px !important;
  border-collapse: separate !important;
  border-spacing: 0;
  margin: 0 auto;
  background-color: #fff;
}

.custom-table th {
  border-bottom: 1px solid #D9D9D9 !important;
  padding: 15px;
}



.custom-table th:first-child {
  border-top-left-radius: 20px;
}
.custom-table th:last-child {
  border-top-right-radius: 20px;
}
.custom-table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
.custom-table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
.custom-table td {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #D9D9D9; 
}

.custom-table tr:last-child td {
  border-bottom: none; 
}
   .pricing-card .ul-cusst{
       font-size: 12px;
      font-weight: 600;
      margin-left: 40px;
            margin-bottom: 10px;
    }
@media (max-width: 991px) and (min-width: 768px) {
 
      .pricing-section {
      text-align: center;
      width:100% !important ;
      padding:30px 0;
    }
   
    .pricing-card {
          width:200px;
      height:300px;
      }
          .btn-subsc{
      background-color: #4C2A71;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      border-radius: 10px;
      padding: 10px 20px;
      width:171px;
      height:40px;
      border:none
    }
    .custom-table th {
      font-size: 16px;
      font-weight:700 ;
    }

   .custom-tabler td, th {
      text-align: center;
      vertical-align: middle; 

    }
.custom-table td{
    font-size:14px;
      font-weight:400 ; 
}
 .pricing-section h2, h3 {
      color: #4C2A71;
      font-weight: 700 !important;
      font-size: 24px;
    }
.pricing-section h5{
         color: #4C2A71;
          font-weight: 600 !important;
      font-size: 14px;
 
}
    .pricing-section {
      text-align: center;
      /* padding: 60px 20px; */
    }
    
    .width-p {
      font-size: 14px;
      font-weight: 600;
        margin-bottom: 8px !important;
                width:90%;

    }

 
     .pricing-card li {  
      font-size: 12px;
      font-weight: 600;
    }
  .p-card{  
      font-size: 10px;
      font-weight: 400;
        margin-bottom: 8px !important;
    }
    .price {
      font-weight: 600;
      font-size:24px;
      color: #4C2A71;
    }
       .pricing-card .ul-cusst{
       font-size: 12px;
      font-weight: 600;
      margin-left: 0;
            margin-bottom: 10px;
    }
         .pricing-card .li-dcus {  
      font-size: 12px;
      font-weight: 600;
      margin-left: 20px;
            margin-bottom: 10px;

    }
}
    @media (max-width: 768px) {
      /* .pricing-card {
        margin-bottom: 20px;
      } */
          .pricing-card li {  
      font-size: 12px;
      font-weight: 600;
      margin-left: 70px;
    }
   .custom-table th {
      font-size: 16px;
      font-weight:700 ;
    }

   .custom-tabler td, th {
      text-align: center;
      vertical-align: middle; 

    }
.custom-table td{
    font-size:14px;
      font-weight:400 ; 
}
 .pricing-section h2, h3 {
      color: #4C2A71;
      font-weight: 700 !important;
      font-size: 24px;
    }
.pricing-section h5{
         color: #4C2A71;
          font-weight: 600 !important;
      font-size: 14px;
 
}
    .pricing-section {
      text-align: center;
      /* padding: 60px 20px; */
    }
    
    .width-p {
      font-size: 14px;
      font-weight: 600;
        margin-bottom: 8px !important;
                width:90%;

    }

    .pricing-card {  
      padding: 30px 10px;
      transition: all 0.3s ease;
      background-color: #fff;
      width:302px;
      height:364px;
border: 1px solid #D9D9D9;
      border-radius: 10px;
        margin-top:40px;

    }
      .pricing-card .ul-cusst{
       font-size: 12px;
      font-weight: 600;
      margin-left: 30px;
            margin-bottom: 10px;
    }
     .pricing-card li {  
      font-size: 12px;
      font-weight: 600;
    }
  .p-card{  
      font-size: 10px;
      font-weight: 400;
        margin-bottom: 8px !important;
    }
    .price {
      font-weight: 600;
      font-size:24px;
      color: #4C2A71;
    }
  
 .most-popular {
      position: absolute;
      top: 20px;
     left: 160px;
      background-color: #4C2A71;
      color: #fff;
      font-size: 12px;
      font-weight:600 ;
      padding: 4px 10px;
      border-radius: 10px;
      width:104px;
      height:26px;

    }
    .custom-table {
  width: 600px !important;
  height: auto !important;
  border: 1px solid #D9D9D9 !important;
  border-radius: 10px !important;
  border-collapse: separate !important;
  border-spacing: 0;
  margin: 0 auto;
  background-color: #fff;
}
    }
