@charset "utf-8";


.Shadow-box {
    background: #fff;
    padding: 16px ;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 /9%);
}

.GreenBlue{
color:#17c4a7;
}	

.RPink {
color:#f55fa9;
}	

.SBlue {
color:#4a79fd;
}

.Purple{
color:#6656a7;
}

/* CSS Document */

/* slider button for toggle pricing */
.switch {
     display: inline-block;
     height: 30px;
     min-width: 60px;
     position: relative;
     vertical-align: middle;
}
 .switch .slider {
     background-color: #064467;
     bottom: 0;
     color: #fff;
     cursor: pointer;
     display: block;
     height: 26px;
     left: 0;
     padding: 0 20px 0 40px;
     position: relative;
     right: 0;
     top: 0;
     transition: 0.4s;
    
}
 .switch .slider .show-annual, .switch .slider .show-monthly {
     line-height: 26px;
}
 .switch .slider .show-monthly {
     display: block;
}
 .switch .slider .show-annual {
     display: none;
}
 .switch .slider:before {
     background-color: #fff;
     bottom: 4px;
     content: " ";
     height: 18px;
     left: 4px;
     position: absolute;
     transition: all 0.4s;
     width: 18px;
}
 .switch .slider.round {
     border-radius: 30px;
}
 .switch .slider.round:before {
     border-radius: 50%;
}
 .switch input {
     display: none;
}
 .switch input:focus + .slider {
     box-shadow: 0 0 1px #064467;
}
 .switch input:checked + .slider {
     background-color: #167cb7;
     padding: 0 40px 0 20px;
}
 .switch input:checked + .slider:before {
     left: auto;
     right: 4px;
     transition: all 0.4s;
}
 .switch input:checked + .slider .show-annual {
     display: block;
}
 .switch input:checked + .slider .show-monthly {
     display: none;
}


h1 {
  display: block;
  font-size: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  line-height: 1.2;
}

.curve-top{
border-radius:8px 8px 0px 0px;
padding-top:30px!important;
}

.right-line-gray{
border-right:1px solid #bcbec0;
padding:10px;
}


.right-line-gray2{
border-right:1px solid #bcbec0;
padding:10px;
}

.right-line-white{
border-right:1px solid #fff;
padding:10px;
}

.f_desc {
font-size: 16px;
padding:10px 5px;
font-family: 'Barlow Semi Condensed'!important;
font-weight: 200;
line-height: 1.2 !important;
}

.f_desc2 {
font-size: 10px;
padding:16px 5px;
font-family: 'Barlow Semi Condensed'!important;
font-weight: 200;

}


.gra-text {

  background: -webkit-linear-gradient(#03cdff, #083b66);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 32px;
	text-decoration: none;
}

.plan-price {
    font-size: 50px;
    margin: 0;
    font-weight: 800;
}
sup {
    top: -.9em;
}
sub, sup {
    position: relative;
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
}
.small, small {
    font-size: 55%;
}


sup2{
    bottom:-.1em;
}
sub2, sup2 {
    position: relative;
    font-size: 45%;
    line-height: 1;
    vertical-align: baseline;
}
.small2, small2 {
    font-size: 55%;
	color:#fff;
	font-weight: 300;
}

.small3, small3 {
    font-size: 55%;
	color:#333;
	font-weight: 300;
}

.plan-price-container {
/*
    overflow: hidden;*/
}

.zoomPricing{
width: 100%;
height: auto;
}

.pricingList{
height: 250px;	
}

.FeaturesH{
height: 800px;	
}


.section-ovelay {
    margin-top: -130px;
}

/*********************************************** Some media queries ************************************************/


/*Viewport = 1024px*/
@media screen and (max-width: 64em) {

}

/*Viewport = 768px*/
@media screen and (max-width: 48em){

}

/*Viewport = 600px*/
@media screen and (max-width: 37.5em) {
.FeaturesH{
height: auto;	
}

.zoomPricing{
width: 60%;
height: auto;
}
}

@media screen and (max-width: 40em) {

}

@media screen and (max-width: 33.75em) {

}

/*Viewport = 480px*/
@media screen and (max-width: 30em){
.pricingList{
height: auto;	
}

.FeaturesH{
height: auto;	
}

.zoomPricing{
width: 60%;
height: auto;
}

h1 {
  display: block;
  font-size: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  line-height: 1.2;
}

.right-line-gray2{
border-bottom:1px solid #bcbec0;
border-right:0px solid #bcbec0;
padding:10px;
}
}

/*Viewport = 320px*/
@media screen and (max-width: 20em){
.pricingList{
height: auto;	
}

.FeaturesH{
height: auto;	
}

.zoomPricing{
width: 60%;
height: auto;
}

h1 {
  display: block;
  font-size: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  line-height: 1.2;
}

.right-line-gray2{
border-bottom:1px solid #bcbec0;
border-right:0px solid #bcbec0;
padding:10px;
}
}