h7{
    font-size:18px;
    font-weight:Bold;
}

.advantage
{
    line-height: 34px;
}

#firstbox
{
    background-color:#9c9c9c;
    padding:20px;
    color:#fff;
    border-radius:10px;
}

#fee_span
{
    background-color:#35ad35;
    border-radius:10px;
    font-size:20px;
    padding:3px;
}

#submit_btn
{
    width:100%;
    background-color:#D4AF37;
    color:#fff;
    padding:10px 0;
    border-radius:10px;
    font-size:17px;
}



/* Style the element that is used to open and close the accordion class */
p.accordion {
    background-color: #ffffff; /* white*/
    color: #000000;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    text-align: justify;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
    border-radius:10px;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #ddd;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    content: '\2795'; 
    font-size: 15px;
    color: 	#000000;
    float: right;
    border: none;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    content: "\2796"; 
}

/* Style the element that is used for the panel class */

div.panel {
    padding: 0 18px;
    background-color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
    border-radius:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    border-radius:10px;
}



/* Index page piricing */
   section.pricing {
  /*background: #007bff;
  background: linear-gradient(to right, #0062E6, #33AEFF);*/
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}



.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

/*Arrow effect in procedure*/
.downarrow {
    text-align: center;
    margin: 20px 0;
    font-size:32px;
    color: black;
    border-top: 0px solid #e3e3e3;
}
.downarrow {
    clear: both;
    position: relative;
    width: 100%;
    margin: 20px 0;
    /*border-top: 1px solid #e3e3e3*/;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


.shake {
	display:inline-block
}
.shake {
	display:block;
	position:relative;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 1.0s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}


/*Min requirement*/
			ol{
				counter-reset: li;
				list-style: none;
				*list-style: decimal;
				/*font: 15px 'trebuchet MS', 'lucida sans';*/
				padding: 0;
				margin-bottom: 4em;
				text-shadow: 0 1px 0 rgba(255,255,255,.5);
			}

			ol ol{
				margin: 0 0 0 2em;
			}

		
			.circle-list li{
			    padding: 2.5em;
			    border-bottom: 1px dashed #ccc;
			}

			.circle-list h3{
			    position: relative;
			    margin: 0;
			}

			.circle-list p{
			    margin: 0;
			}

			.circle-list h3:before{
			    content: counter(li);
			    counter-increment: li;
			    position: absolute;    
			    z-index: -1;
			    left: -1.3em;
			    top: -.8em;
			    background: #f5f5f5;
			    height: 1.5em;
			    width: 1.5em;
			    border: .1em solid rgba(0,0,0,.05);
			    text-align: center;
			    font: italic bold 1em/1.5em Georgia, Serif;
			    color: #ccc;
			    -moz-border-radius: 1.5em;
			    -webkit-border-radius: 1.5em;
			    border-radius: 1.5em;
			    -webkit-transition: all .2s ease-out;
			    -moz-transition: all .2s ease-out;
			    -ms-transition: all .2s ease-out;
			    -o-transition: all .2s ease-out;
			    transition: all .2s ease-out;    
			}

			.circle-list li:hover h3:before{
			    background-color: #ffd797;
			    border-color: rgba(0,0,0,.08);
			    border-width: .2em;
			    color: #444;
			    -webkit-transform: scale(1.5);
			    -moz-transform: scale(1.5);
			    -ms-transform: scale(1.5);
			    -o-transform: scale(1.5);
			    transform: scale(1.5);
			}
/*End Min requirement*/	



/*******Sof icon i******/
 .new-message-box {
	 margin: 15px 0;
	 padding-left: 20px;
	 margin-bottom: 25px !important;

}
 .new-message-box p {
	 font-size: 15px;
	 /*font-size: 1.15em;
	 font-weight: 600;*/
}
 .info-tab {
	 width: 40px;
	 height: 40px;
	 display: inline-block;
	 position: relative;
	 top: 8px;
}
 .info-tab {
	 float: left;
	 margin-left: -23px;
}
 .info-tab i::before {
	 width: 24px;
	 height: 24px;
	 box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
}
 .info-tab i::after {
	 width: 0;
	 height: 0;
	 border: 12px solid transparent;
	 border-bottom-color: #fff;
	 border-left-color: #fff;
	 bottom: -18px;
}
 .info-tab i::before, .info-tab i::after {
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 0;
	 bottom: -17px;
	 transform: rotateX(60deg);
}
 .note-box, .tip-box-alert {
	 padding: 12px 8px 3px 26px;
}


/*******info*******/
 .new-message-box-alert {
	 background:#D4AF37 ;/*#ff6f00-orange*/
	 padding: 3px;
	 margin: 10px 0;
	 border-radius:5px;
}
 .tip-box-alert {
	 color: #212121;
	 background: #fff8e1;
}
 .tip-icon-alert {
	 background: #D4AF37;
}
 .tip-icon-alert::before {
	 font-size: 25px;
	 /*content: "⚝";*/
	 content:"\2139";
	 top: 8px;
	 left: 11px;
	 font-family: FontAwesome;
	 position: absolute;
	 color: white;
}
 .tip-icon-alert i::before {
	 background: #D4AF37;
}
/*************************/