
.pricing-header {
  
  background: #bcbfff;
  border-radius: 10px;
  border-radius: 10px;
}
.minheightpacks{
  min-height: 343px !important;
}
.titre{
  font-size: 40px !important;
  color: #000 !important;
}
.souTitre{
  color: rgba(79, 79, 79, .7) !important;
  font-weight: 500 !important;
}
#btnscon{
  z-index: 1001;
}
.fshint{
  font-weight: bold !important;
  font-size: 11px !important;
  margin-top: 20px;
  /* text-align: center; */
}
.bg{
  background-color: #ffffff;
  color: #FFF;
  height: 140px;
  margin-top: 35px;
}
.bg h1{
  font-weight: 600;
  font-size: 40px !important;
}
.fa-circle-xmark{
  text-align: center;
  color: red;
}
.btm{
  margin-bottom: 7px;
}
.form-switch{
align-items: center;
    display: flex;
margin-right: 10px;
}
.form-check-input{
margin-right: 10px !important;	
}

.fretrial{
  margin-top: 0px;
}
#tableHeader{
  background-color: #FFF;
  position: -webkit-sticky  ;
  position: sticky !important;
  top: 84px !important;
   z-index: 1 !important; 
  /* border-top: 1px solid #dee2e6; */
}
/* i{
  font-size: 20px;
} */
.page-id-2731 i{
  font-size: 20px;
}

.lightrow th,.darkrow th {
  font-weight: normal;
  font-size: 14px;
}
#tableHeader th {
  font-size: 18px;
}

table{
  border-collapse: collapse !important;
}

tr td{
  /* text-align: center; */
  padding: 20px !important;
}
th{
  border-right: none;
  padding: 8px !important;
}
table>:not(caption)>*>*{
  background-image: none !important;
}
.fa-circle-check{
  text-align: center;
  color: #007BFF;
}
.lightrow{
  background-color: #FFF  !important;
  color: black !important;
}
.darkrow{
  background-color: #f5f4fc  !important;
  color: black !important;
}
.icn{
  margin-right: 6px;
}
.dis{
  text-decoration: line-through;
}
.titre{
  color: #281f5f;
}

.table td, .table th {
  vertical-align: middle;
}
.table td{
  text-align: center;
}


.btn-color {
height: 50px;  
font-weight: 500;
background-color: #5D48DF !important;
color: white !important; 
width: 100%;
margin: 5px 0;
}

.btn-color:hover {
  background-color: none !important; /* Use 'initial' to reset to the default background color */
}

.btn-color-subscribe{
  background-color: #281f5f;
   color: white !important;
}
.btn-color-table{
    background-color: #281f5f;
    color: white !important; 
    width: 100%;
   
}
.btn-color-subscribe a{
  text-decoration: none !important;
  color: white !important;

}

.pressedButton{
  background-color: #281f5f !important;
  color: white !important; 
}
.pricing-border {
  border: 1px solid rgb(208, 215, 255);
  border-radius: 10px;
  padding: 12px
}

.price {
  color: #281f5f !important;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.checkicon {
  color: #007BFF;
  font-size: 1em;
  font-weight: bold;
}

.price  span {
  font-size: 0.5em;
  /* color: #5D48DF; */
  color: #281f5f;
}

.strike-through {
  text-decoration: line-through;
  color: #6C757D;
}

.features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.features li {
  padding: 5px 0;
}

.check-icon {
  color: #007BFF;
}
.packagename{
  font-size: 26px !important;
}
.svp{
  height: 708px;
}
.svpf{
  height: 767px;
}
.see-all {
  color: #007BFF;
}
.savoirplus{
  color: #281f5f !important;
  text-decoration: none;
}
.savoirplus:hover{
  cursor: pointer;
  color :#5D48DF !important;
}
.tsbsize{
  font-size: 15px;
}
.custom-box {
  background-color: #a79de71c;
  border-radius: 12px;
}

/* Adjust the padding as needed */
.btn-try {
  padding: 10px 20px;
}

.custom-margin-right {
    margin-right: 10px;
}

.clT{
  width: 200px;
}


#Features{
  color: #000000;
  height: 100px !important;
  /* background-color: black; */
  /* display: flex; */
  /* align-items: center; */
  border-right :none !important;
  text-align: center;
  
}
@media screen and (min-width: 992px){
  #dirdown{  
    display: none !important ;
  }
  #buttonsContainer{
    
    display: block !important ;
  }  
  
}

@media screen and (max-width: 991px){
  .pricing-box{
    margin-top: 30px ;
  }
}

@media screen and (max-width: 475px){
    th ,td{
    padding: 1px !important ;
    font-size: 10px;
    }

    tbody tr th{
    
    width: 150px !important;
    }
    

    .lightrow th,.darkrow th {
      width: 100%;
      display: flex;
      align-items: center;
      font-size: 10px !important;
      border-right:none;
      height: 62px;
    }

    #tableHeader th {
      font-size: 12px !important;
    }

    #tableHeader{
      top: 97px !important;  
    }
    
    .btn-color-table{
      width: 80px;
    }
    #Features{
      border-right:none;
    }
    /* .clT{
      
      padding:0 3px !important;
      
    } */
}



@media screen and (max-width: 480px) {
  #btnscon{

    position: sticky;
    top: 90px !important;
    background-color: #f5f4fc;
    z-index: 1001;
  }
  .bg h1{
    margin-top: 50px !important;
  }
  .informations{
    padding-top: 20px;
  }
  .last_item_table{
    padding: 44px 0 !important;
  }
  .currency-symbol{
    font-size: 14px;
  }
}