.pricingTable {
    text-align: center;
    background: #fff;
    margin: 0 -15px;
    box-shadow: 0 0 10px #ababab;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #cad0de;
    transform: scale(1);
    transition: all .5s ease 0s
}

.pricingTable:hover {
    transform: scale(1.05);
    z-index: 1
}

.pricingTable .pricingTable-header {
    padding: 40px 0;
    background: #f5f6f9;
    border-radius: 10px 10px 50% 50%;
    transition: all .5s ease 0s
}

.pricingTable:hover .pricingTable-header {
    background: #ff9624
}

.pricingTable .pricingTable-header i {
    font-size: 50px;
    color: #858c9a;
    margin-bottom: 10px;
    transition: all .5s ease 0s
}

.pricingTable .price-value {
    font-size: 35px;
    color: #ff9624;
    transition: all .5s ease 0s
}

.pricingTable .month {
    display: block;
    font-size: 14px;
    color: #cad0de
}

.pricingTable:hover .month,
.pricingTable:hover .price-value,
.pricingTable:hover .pricingTable-header i {
    color: #fff
}

.pricingTable .heading {
    font-size: 24px;
    color: #ff9624;
    margin-bottom: 20px;
    text-transform: uppercase
}

.pricingTable .pricing-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.pricingTable .pricing-content ul li {
    line-height: 30px;
    color: #a7a8aa
}

.pricingTable .pricingTable-signup a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 20px;
    background: #ffa442;
    text-transform: uppercase;
    transition: all .3s ease 0s
}

.pricingTable .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ffa442
}

.pricingTable.blue .heading,
.pricingTable.blue .price-value {
    color: #4b64ff
}

.pricingTable.blue .pricingTable-signup a,
.pricingTable.blue:hover .pricingTable-header {
    background: #4b64ff
}

.pricingTable.blue .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #4b64ff
}

.pricingTable.red .heading,
.pricingTable.red .price-value {
    color: #ff4b4b
}

.pricingTable.red .pricingTable-signup a,
.pricingTable.red:hover .pricingTable-header {
    background: #ff4b4b
}

.pricingTable.red .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ff4b4b
}

.pricingTable.green .heading,
.pricingTable.green .price-value {
    color: #40c952
}

.pricingTable.green .pricingTable-signup a,
.pricingTable.green:hover .pricingTable-header {
    background: #40c952
}

.pricingTable.green .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #40c952
}

.pricingTable.blue:hover .price-value,
.pricingTable.green:hover .price-value,
.pricingTable.red:hover .price-value {
    color: #fff
}

@media screen and (max-width:990px) {
    .pricingTable {
        margin: 0 0 20px
    }
}
.rs-breadcrumbs .breadcrumbs-inner {
    padding: 40px 0 0!important;
}
.plans_baner h1{color:#000!important; text-align:left!important;}
 
.dropdown {
    position: relative;
    margin-bottom: 15px; float: right;
    width: 300px;
    height: 50px;
}

.dropdown::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
    width: 8px;
    height: 8px;
    border: 2px solid #333;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
}

.dropdown.active::before {
    top: 22px;
    transform: rotate(-225deg);
}

.dropdown input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #fff;
    font-size: 1.2em;
    border: none;
    outline: none;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    padding: 12px 20px;
    border-radius:6px; border:solid 3px var(--blue);
}
.dropdown2{width:100%; }
.dropdown2 input { 
    background:#F6F7F9!important; font-size:16px; height:65px; border:none!important; padding:20px 20px 20px 20px!important; box-shadow:none!important;
}

.dropdown .options {
    position: absolute;
    top: 50px;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
    display: none; z-index:9;
}

.dropdown.active .options {
    display: block;
}

.dropdown .options div {
    padding: 12px 20px;
    cursor: pointer;
}

.dropdown .options div:hover {
    background: #62baea;
    color: #fff;
}

.dropdown .options div ion-icon {
    position: relative;
    top: 4px;
    font-size: 1.2em;
    margin-right: 10px;
}
.rs-breadcrumbs .breadcrumbs-inner {
    padding: 100px 0 50px!important;
}
.rs-faq{margin-top: 120px;}
.plans_baner h1, .plans_baner h4, .plans_baner p{color:#fff!important;}
.rs-breadcrumbs { 
    padding-bottom: 70px;
}
.rs-breadcrumbs.img1 {  
    background-attachment: fixed!important;
    background-position: center bottom!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

.rs-faq .faq-content .accordion .card .card-header .card-link{padding:20px!important; height:auto!important;}
@media only screen and (max-width: 991px) {
 .rs-breadcrumbs{margin-top:0!important;}
    }



  .plan-title{background: var(--blue); width:170px; text-align: center; justify-content: center; color:#fff!important; padding:5px 20px;  border-radius: 30px; margin-right:20px;  }

/*.p_acc .card{overflow: inherit!important; }*/
.p_acc .card-header, .rs-faq .faq-content .accordion .card .card-header .card-link{border-radius:50px!important; align-items: center;}

.card-link div{display:flex; flex-wrap: wrap; font-weight:600!important; font-size:15px; color: #505050;}
.card-link div span{width:100%; font-weight:400!important; font-size:14px; color:#8f8f8f; text-transform: uppercase;}
.plan_sel { cursor: pointer; position: relative;
    background: var(--green);
    color: #000;
    padding:0px;
    margin: 5px;
    text-align: center; border-radius:15px;
}
.plan_sel label{margin:0; display: block; text-align:center; padding:7px 2px; cursor: pointer; position:relative;}
.plans_list{margin:0 -10px;}
.plans_list .plan_sel{width:calc(100%/4 - 10px);}
.plan_sel input{position: absolute; top:0;}
.fs-13{font-size:13px;}
.p_price{font-size:20px;} .p_price sup{bottom:0; font-size: 16px;}
/*.plan-title{background: var(--blue); color:#fff; padding:5px 20px; position: absolute; top:-20px; z-index: 9; border-radius: 30px;
    left: 30px; text-transform: uppercase;}*/


@media (max-width: 500px) {
.card-link div span{font-size:11px;}
.rs-faq .dropdown{float:left;}
.card-link div{font-size:16px;}
.m-none{display:none;}
.rs-faq .faq-content .accordion .card .card-header .card-link:after{right:-5px!important;}
.rs-faq .faq-content .accordion .card .card-header{padding-bottom:0!important;}
.plans_list .plan_sel{width: calc(100%/2 - 10px);}
.p_price {
    font-size: 22px;
}
.rs-faq .faq-content .accordion .card{margin-bottom:35px!important;}
}
@media only screen and (max-device-width: 800px) {
.plans_list .plan_sel{width: calc(100%/2 - 10px);} .rs-faq .faq-content .accordion .card{margin-bottom:35px!important;}
   }
   @media screen and (min-device-width: 801px) and (max-device-width:1200px) { 
.plans_list .plan_sel{width: calc(100%/2 - 10px);}
.rs-faq .faq-content .accordion .card{margin-bottom:35px!important;}
   }
   
   
   
 

.radio {
  margin:0;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
      width: 100%;
    height: 100%;
    left: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid var(--blue);
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em; 
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color:var(--blue);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197ee;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}


.dropdown .options{max-height:200px; overflow:auto!important;}
 

/* total width */
.dropdown .options::-webkit-scrollbar { 
    width:16px
}

/* background of the scrollbar except button or resizer */
.dropdown .options::-webkit-scrollbar-track {
    background-color:#fff
}
.dropdown .options::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4
}

/* scrollbar itself */
.dropdown .options::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff
}
.dropdown .options::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.dropdown .options::-webkit-scrollbar-button {display:none}
   




