/*!
Template :	ICOCrypto @by Softnio
Theme	 :  Default
* Version	 :	2.1.0
* Updated	 :	11/22/2022
*/
/*! WRITE YOUR CUSTOM STYLE **/

/*==========================================
    pricing-area  Css
 ==========================================*/
.pricing-area {
    /*background: #020415;*/
    margin-top: -2px;
    padding: 90px 0 90px;
}
.pricing-area .section-title {
    text-align: center;
}
.pricing-area .sub-title h3::before {
    position: absolute;
    content: "";
    top: 3px;
    left: 86px;
    height: 100%;
    width: 100%;
    background: url(assets/images/about-1.png);
    background-repeat: no-repeat;
}
.pricing-area .sub-title h3::after {
    position: absolute;
    content: "";
    top: 3px;
    left: -150px;
    right: 0;
    margin: 0 auto 0;
    height: 100%;
    width: 100%;
    background: url(assets/images/feature-shap.png);
    background-repeat: no-repeat;
}
.pricing-area .section-text p {
    font-size: 16px;
    color: #919da4;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    /*font-family: 'Montserrat';*/
    width: 61%;
    margin: 0 auto 0;
}
.pricing-single-box {
    background: #0a1227;
    text-align: center;
    padding: 60px 50px 40px 37px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin: 50px 10px 30px 30px;
    border-radius: 8px;
}
.pricing-title h3 {
    position: absolute;
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 10px;
    background: #c6ff00;
    border-radius: 0 0 5px 5px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    transition: .5s;
    min-width: 60%;
}
.pricing-items {
    padding: 8px 0 10px;
    position: relative;
    z-index: 1;
}
.pricing-items::before {
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 270px;
    height: 1px;
    background: rgba(255,255,255,0.10196078431372549);
}
.pricing-items-title h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}
.pricing-items-title p {
    color: #919da4;
    padding: 8px 0 0;
}
.pricing-items-center {
    margin: 25px 0 13px;
}
span.tk {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    /*font-family: 'Montserrat';*/
}
span.curencyp {
    font-size: 22px;
    font-weight: 600;
    /*font-family: 'Montserrat';*/
    color: #fff;
    transition: .5s;
    position: relative;
    top: -22px;
    left: -5px;
}
span.monthp {
    font-size: 16px;
    font-weight: 400;
    /*font-family: 'Montserrat';*/
    /*color: #705DEA;*/
    transition: .5s;
    position: relative;
    left: 5px;
}
.pricing-text p {
    font-size: 15px;
    font-weight: 300;
    padding: 15px 0 0;
    transition: .5s;
}
/*pricing booy*/
.pricing-boody {
    text-align: left;
}
.pricing-featur ul {
    display: block;
    list-style: none;
    padding: 11px 0 0;
}
.pricing-featur ul li {
    display: block;
    padding: 12px 0 0;
    color: #919da4;
    /*font-family: 'Montserrat';*/
    font-size: 14px;
}
.pricing-featur ul li span i {
    display: inline-block;
    font-size: 11px;
    color: #000000;
    width: 21px;
    height: 21px;
    line-height: 21px;
    background: #c6ff00;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}
span.price-icon-text i {
    font-size: 8px !important;
    background: #000 !important;
    line-height: 22px !important;
}
li.price-icon-text {
    text-decoration: line-through;
    position: absolute;
    opacity: 0;
    transition: .5s;
    left: 88px;
}
/*pricing button*/
.pricing-button {
    text-align: center;
    transition: .5s;
}
.pricing-button a {
    display: inline-block;
    font-size: 16px;
    /*font-family: 'Montserrat';*/
    color: #000 ;
    background: transparent;
    padding: 14px 40px;
    border: 2px solid #c6ff00;
    border-radius: 30px;
    margin-top: 40px;
    transition: .5s;
    position: relative;
    z-index: 1;
}
.pricing-button a::before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 30px;
    background: #c6ff00;
    transform: scale(0);
    transition: .5s;
}
.pricing-single-box:hover li.price-icon-text {
    opacity: 1;
    left: 38px;
}
.pricing-single-box:hover .pricing-button {
    margin-top: 38px;
}

.pricing-single-box:hover .pricing-button a::before {
    transform: scale(1);
}
.pricing-single-box:hover .pricing-button a {
    color: #000000 !important;
}
/*active*/
.active.pricing-single-box:hover .pricing-button {
    margin-top: 0px;
}
.active .pricing-button a {
    color: #000000 !important;
}
.active .pricing-button a::before {
    transform: scale(1);
}
.pricing-single-box-v{
    padding: 30px 30px 10px 20px;
    margin-top: 0;
}
.pricing-single-box-v span.curencyp {
    font-size: 20px;
    top: -5px;
}

.pricing-single-box-v span.tk{
    font-size: 35px;
}

.pricing-single-box-v .pricing-items-title h3 {
    color: #C6FF00;
}

.title.f-22{
    font-size: 22px !important;
}
.pricing-single-box-v  .pricing-items-center {
    margin: 10px 0 13px;
}

@media (max-width: 767px) {
    .pricing-single-box-v{
        padding: 30px 30px 30px 20px;
    }
}

.pricing-single-box-v .pricing-featur ul li {
    display: inline-block;
    padding-right: 10px;
}

.pricing-single-box-v .pricing-button a{
    margin-top: 30px;
}

.pricing-single-box-v:hover .pricing-button a{
    margin-top:0px;
}

.pricing-single-box-v .pricing-items::before {
display: none;
}

.footer-nav-btn .btn{
    color:#FFFFFF !important;
}

.footer-nav-btn .btn:hover{
    color:#000000 !important;
}