@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

* {
    font-family: "Open Sans", sans-serif!important;
}
.text-danger{
  color: rgba(220,53,69) !important;
  margin-bottom:12px;
}
.faq-container {
  margin: 0 auto;
  max-width: 600px;
}

.faq {
  background-color: transparent;
  border: 1px solid #9fa4a8;
  border-radius: 10px;
  margin: 20px 0;
  overflow: hidden;
  padding: 30px;
  position: relative;
  transition: 0.3s ease;
}

.faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.faq.active::before,
.faq.active::after {
  color: #2ecc71;
  content: "\f075";
  font-family: "Font Awesome 6 Free";
  font-size: 7rem;
  left: 20px;
  opacity: 0.2;
  position: absolute;
  top: 20px;
  z-index: 0;
}

.faq.active::before {
  color: #004b9a;
  left: -30px;
  top: -10px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
}

.faq-text {
  display: none;
  margin: 30px 0 0;
}

.faq.active .faq-text {
  display: block;
}

.faq-toggle {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  height: 30px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 30px;
}
.faq-toggle .fa-times,
.faq.active .faq-toggle .fa-chevron-down {
  display: none;
}

.faq.active .faq-toggle .fa-times {
  color: #fff;
  display: block;
}

.faq-toggle .fa-chevron-down {
  display: block;
}

.faq.active .faq-toggle {
  background-color: #9fa4a8;
}

.input-error {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem)!important;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#dc3545' stroke='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	padding-top:45px;
}

.pricing-section.alternate{
	padding-bottom:70px;
}

/*** 

====================================================================
	Pricing Tabs Style
====================================================================

***/

.pricing-info-tabs .pricing-tabs{
	position:relative;
}

.pricing-tabs .tab-btns{
	position:relative;
	text-align:center;
	margin-bottom:75px;
}

.pricing-tabs .tab-btns .tab-btn{
	position:relative;
	display:inline-block;
	font-size:18px;
	color:#666;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	margin:0px 10px;
	text-transform:capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.pricing-tabs .tab-btns .tab-btn .save{
	color:#1a1e66;
	font-size:14px;
	font-weight:700;
	padding:8px 18px;
	border-radius:4px;
	margin-left:10px;
	display:inline-block;
	background-color:#e3e6fb;
}

.pricing-tabs .tab-btns .tab-btn .circle{
	position:relative;
	width:18px;
	height:18px;
	top:3px;
	margin-right:8px;
	border-radius:50px;
	display:inline-block;
	border:2px solid #b8b5b5;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.pricing-tabs .tab-btns .tab-btn:hover,
.pricing-tabs .tab-btns .tab-btn.active-btn{
	color:#1a1e66;
}

.pricing-tabs .tab-btns .tab-btn .circle:before{
	position:absolute;
	content:'';
	left:4px;
	top:4px;
	width:6px;
	height:6px;
	opacity:0;
	border-radius:50px;
	background-color:#2a41e8;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.pricing-tabs .tab-btns .tab-btn:hover .circle,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle{
	border-color:#4659e2;
}

.pricing-tabs .tab-btns .tab-btn:hover .circle::before,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle::before{
	opacity:1;
}

.pricing-tabs .tabs-content{
	position:relative;
}

.pricing-tabs .tabs-content .tab{
	position:relative;
	display:none;
	margin-top:120px;
	transition:all 1000ms ease;
	-moz-transition:all 1000ms ease;
	-webkit-transition:all 1000ms ease;
	-ms-transition:all 1000ms ease;
	-o-transition:all 1000ms ease;
}

.pricing-tabs .tabs-content .tab.active-tab{
	display:block;
	margin-top:0px;
}

/* Price Block */

.price-block{
	position:relative;
	margin-bottom:30px;
}

.price-block .inner-box{
	position:relative;
	border-radius:10px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.price-block .inner-box .recomend{
	position:absolute;
	left:0px;
	top:-41px;
	width:100%;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
	text-align:center;
	padding:10px 12px;
	background-color:#4659e2;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	border-radius:6px 6px 0px 0px;
}

.price-block .inner-box .title-box{
	position:relative;
	padding:25px 25px;
}

.price-block .inner-box .title-box h5{
	position:relative;
	color:#666;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:12px;
}

.price-block .inner-box .title-box .text{
	position:relative;
	font-size:16px;
	color:#666;
	line-height:1.7em;
}

.price-block .inner-box .price{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:36px;
	font-weight:700;
	line-height:1.2em;
	padding:12px 10px 8px;
	text-align:center;
	background:-webkit-linear-gradient(top,#F44C01, #ff7a01);
	background:-moz-linear-gradient(top,#F44C01, #ff7a01);
	background:-o-linear-gradient(top,#F44C01, #ff7a01);
	background:-ms-linear-gradient(top,#F44C01, #ff7a01);
}

.price-block .inner-box .price span{
	position:relative;
	font-weight:300;
	font-size:16px;
}

.price-block .inner-box .lower-box{
	position:relative;
	padding:20px 20px 25px;
}

.price-block .inner-box .price-list{
	position:relative;
	margin-bottom:15px;
}

.price-block .inner-box .price-list li{
	position:relative;
	color:#666;
	font-size:14px;
	font-weight:500;
	padding:12px 8px 2px 35px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/* .price-block .inner-box .price-list li:before{
	position:absolute;
	content: "\f00c";
	left:10px;
	top:15px;
	color:#000;
	font-size:14px;
	line-height:1em;
	font-family: 'FontAwesome';
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
} */

.price-block .inner-box .price-list li:hover{
	background-color:#f2f2f2;
}

.price-block .inner-box .lower-box .theme-btn{
	width:100%;
	text-align:center;
}

.price-block .inner-box:hover .recomend{
	
}

.price-block.style-two .inner-box .recomend{
	background-image: -ms-linear-gradient(top, #9fe513 0%, #60b807 100%);
	background-image: -moz-linear-gradient(top, #9fe513 0%, #60b807 100%);
	background-image: -o-linear-gradient(top, #9fe513 0%, #60b807 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9fe513), color-stop(100, #60b807));
	background-image: -webkit-linear-gradient(top, #9fe513 0%, #60b807 100%);
	background-image: linear-gradient(to bottom, #9fe513 0%, #60b807 100%);
}

.price-block.style-two .inner-box .price{
    background: -ms-linear-gradient(top, #024c96 0%, #000 100%);
    background: -moz-linear-gradient(top, #024c96 0%, #000 100%);
    background: -o-linear-gradient(top, #024c96 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #024c96), color-stop(100, #000));
    background: -webkit-linear-gradient(top, #024c96 0%, #000 100%);
    background: linear-gradient(to bottom, #024c96 0%, #000 100%);
    
    background: linear-gradient(to left, #024c96 0%, #000 100%);
}