/*  Pricing Table Styles  */
 
  body {
      /* font-family: 'Arial', sans-serif; */
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .pricing-table {
      display: flex;
      justify-content: center;
      align-items: stretch;
      padding: 20px;
      flex-wrap: wrap;
    }
    
    .monthly {
   /*  background: yellow; */
}

    .pricing-column {
      flex: 1;
      background-color: #fff;
/*       border: 1px solid #ddd; */
      border-radius: 8px;
      margin: 10px;
      padding: 20px;
      text-align: center;
      position: relative;
    }

    .logo {
      width: 104px;
      height: 100px;
      margin-bottom: 10px;
    }

    .pricing-header {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    .description {
      height: 100px; /* Adjust the height in pixels as needed */
      overflow: hidden;
      margin-bottom: 10px;
      color: #777;
    }

    .price {
      font-size: 46px;
  	  margin-bottom: 0 0 10px 0;
  	  padding: 0;
  	  
    }

    .feature-list {
      list-style-type: none;
      padding: 0;
      text-align: left;
    }

    .feature-list li {
      margin-bottom: 8px;
      line-height:1.2
    }
    
    .feature-intro-text {
     text-align: left;
     margin-bottom: 8px;
     font-size: 16px;
    }

    .button {
      display: inline-block;
      padding: 10px 20px;
      text-decoration: none;
      background-color: #3498db;
      color: #fff;
      border-radius: 5px;
     /*  transition: background-color 0.3s ease; */
    }

    .button:hover {
      background-color: #0074D4;
       color: #fff;
    }
    
    .btn-stripe {
	background-color: #0074D4;
	color:#fff;
}


/* 
li::before {
  content: "\2611";
  color: #a3a3a3;
  border-radius: 2ch;
  padding-inline: 1ch;
  margin-inline-end: 1ch;
}
 */

/* 
ul li::before {
  content: '✔';
  font-size: 15px;
  color: limegreen;
  line-height: 1.7;
  padding-right: 10px;
}
 */
 
 .check-color {
 	color: #1a1a1a;
 }
 
.per-term {
  font-size: 15px; /* Adjust the font size as needed */
  color: #777; /* Adjust the color as needed */
  text-align:left;
  display:inline-block;
  padding: 0;
  margin-left: 7px;
  vertical-align: center;
  font-weight: bold;

}

.pricetag {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

 /* Monthly/Yearly Toggle Styles */
    .subscription-toggle {

	  display: flex;
      justify-content: space-between;
      margin: 20px auto;
      width: 200px;
      background-color: #eee;
      border-radius: 6px;
    }

    .toggle-label {
      cursor: pointer;
      padding: 10px;
     /*  border: 1px solid #3498db; */
      border-radius: 5px;
      color: #848484;
      font-weight: bold;
      flex: 1;
      text-align: center;
      user-select: none;
      
    }

    .toggle-active {
      background-color: #0074D4;
      color: #fff;
    }
    
     .switch-active {
      background-color: #0074D4;
      color: #fff;
    }
    
.switch-active input[type="radio"] {
    display: none;
}
   
.section-hide {
    	display: none;
    } 


 /* Highlight styles */
    .highlight {
      border: 2px solid #ddd;
      background-color: #eee;
    }
    
    

.badge-container {
	height: 55px;
}
    
.badge-label {
	background-color: white;
	 border-radius: 15px;
	 width: 38%;
	 color: black;
	 font-size: 13px;
}
.shimmerBG {
  animation-duration: 6s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #fff 8%, #f0f0f0 18%, #fff 33%) fixed;
  background-size: 100vw 100%;
}



@keyframes shimmer {
  0% {
    background-position: -100vw 0;
  }

  100% {
    background-position: 100vw 0;
  }
}

.outline-removal {
outline: none;
border: none;

}

.active {
color: #0074D4;

}

a.tab-header-active {
	color: #0074D4;
}

.tab-content>.tab-pane {
	padding-top:15px;

}

.form-horizontal .control-label{
    text-align: left;
}

.errorTextclass {

	color: red;

}