.pricing-header {
  background: #bcbfff;
  border-radius: 10px;
  border-radius: 10px;
}

.titre{
  font-size: 40px !important;
  color: #000 !important;
}

.souTitre{
  color: rgba(79, 79, 79, .7) !important;
  font-weight: 500 !important;
}

.fshint{
  font-weight: bold !important;
  font-size: 11px !important;
}

.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;
}
.form-switch{
align-items: center;
    display: flex;
margin-right: 10px;
}
.form-check-input{
margin-right: 10px !important;	
}
.freetrial{
  margin-top: 55px;
}
#tableHeader {
	background-color: #FFF;
	position: -webkit-sticky;
	position: sticky !important;
	top: 90px !important;
	z-index: 1 !important;
}

#page-id-3099 i{
  font-size: 20px !important;
}

.lightrow th,.darkrow th {
  font-weight: normal;
  /* font-size: 14px; */
}
#tableHeader th {
  font-size: 18px;
}

.table td, .table th {
  vertical-align: middle;
}
tr td{
  text-align : center !important;
  padding: 20px !important;

}

/* tr td{
  text-align: center;
} */
th{

  font-weight: bold;
  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;
}

.btn-color {
  font-size: 14px;
height: 50px;  
font-weight: 500;
background-color: #5D48DF !important;
color: white !important; 
}

.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;

}
.packagename{
  font-size: 26px;
}
.pressedButton{
  background-color: #281f5f !important;
  color: white !important; 
}
.pricing-border {
  border: 1px solid rgb(208, 215, 255);
  border-radius: 10px;
  padding: 12px
}
.table td, .table th {
  vertical-align: middle;
}
tr td{
  padding: 20px !important;
  text-align : center !important;
}
.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;
  
}
.mtp{
      margin-top: 64px !important;
}
.features li {
  padding: 5px 0;
}

.check-icon {
  color: #007BFF;
}

.see-all {
  color: #007BFF;
}
.additional-class{
  padding-top:  44px !important;
}
.custom-box {
  background-color: #a79de71c;
  border-radius: 12px;
}
table{
  border-collapse: collapse !important;
  width: 100%;
}
/* Adjust the padding as needed */
.btn-try {
  padding: 10px 20px;
}
.tsbsize{
  margin-left: 10px;
  font-size: 15px;
}
.svp{
  min-height: 300px;
}
.svpf{
  margin-bottom: 41px;
}
.svpff{
  margin-bottom: 29px !important;
}
.custom-margin-right {
    margin-right: 10px;
}



#Features{
  color: #000000;
  /* height: 100px !important; */
  /* background-color: black; */
  text-align: center;  
  border-right :none !important;
}
#btnscon{
  z-index: 1001;
}
.savoirplus{
  color: #281f5f !important;
  text-decoration: none;
}
.savoirplus:hover{
  cursor: pointer;
  color :#5D48DF !important;
}
.moto{
  margin-top: 27px !important;
}
.hpg{
      /* margin-top: 64px !important; */

}
@media screen and (min-width: 992px){
  #dirdown{  
    display: none !important ;
  }
  #buttonsContainer{
    
    display: block !important ;
  }  
  
.clT{
  width: 200px;
}
  
}
@media screen and (max-width: 991px){
  .pricing-box{
    margin-top: 30px ;
  }
}
@media screen and (max-width: 475px){
 
  .clT{
    padding: 3px 6px !important;
    /* width: 100% !important; */
  }
    th ,td{
    padding: 1px !important ;
    font-size: 10px;
    }
    .moto{
      margin-top:16px !important;
    }
   
    /* tbody tr td{
      min-width: 150px !important;
    } */

    .lightrow th,.darkrow th {
      width: 100%;
      display: flex;
      align-items: center;
      font-size: 10px !important;
      border-right: none;
      height: 63px;
    }

    #tableHeader th {
      font-size: 12px !important;
    }
    /* #tableHeader{
      top: 113px !important;  
    } */
    .btn-color-table{
      text-align: center;
      padding: 0;
      /* width: 80px; */
    }
    
    @media screen and (max-width: 480px) {

      #btnscon{

          position: sticky;
          top: 115px !important;
          background-color: #f5f4fc;
          z-index: 1001;
        }
      .bg h1{
        margin-top: 50px !important;
        font-size: 35px !important;
      }
      .informations{
        padding-top: 30px;
      
      }
      
    }
}