
/*pricing page styles*/
.outer-wrapper {
    font-family: 'Poppins', sans-serif!important;
    width: 100%;
    position: relative;
}

.inner-wrapper {
    width: 80vw;
    margin: 0 auto;
}

.pricing .firstfold {
    background: #5331AB;
    height: 450px;
}

.pricing .firstfold * {
    color: #fff !important;
}

.pricing .firstfold img {
    position: absolute;
    right: 20px;
    bottom: -4px;
    width: 650px;
}

/* .pricing .gth-form {} */

.pricing-tab-wrap .tab-content {
    margin-top: 50px;
}

.pricing-tab-wrap .card {
    border-radius: 12px;
    border: 1px solid #d2d2d2;
    padding: 20px 14px 20px 14px;
    text-align: left;
    /* margin-bottom: 20px; */
    margin: 0 10px 20px 10px;
}

.pricing-tab-wrap .card .card-body {
    padding: 0;
}

.pricing-tab-wrap .card .card-body .card-title {
    font-size: 22px;
    font-weight: 600;
}

.pricing-tab-wrap .card .card-body h2 {
    font-size: 45px;
    font-weight: 700;
}

.pricing-tab-wrap .card .card-body h2 span {
    font-size: 14px;
    font-weight: 400;
    color: #707D92;
    margin-left: 10px;
}

.pricing-tab-wrap .card .card-body i.bi {
    /* color: #AEAFC5; */
    color: #002669;
    font-size: 14px;
}

.pricing-tab-wrap .card .card-body .cbtn {
    background: #002669;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    width: 100%;
    font-weight: 500;
}

.pricing-tab-wrap .card .clist {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    height: 200px;
}

.pricing-tab-wrap .nav-tabs {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 4px;
    justify-content: space-between;

}

.pricing-tab-wrap .nav-tabs .nav-link {
    border: none;
    color: #363636;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    transition: all linear 0.2s;
    padding: 12px 38px;
    position: relative;
}

.pricing-tab-wrap .nav-tabs .nav-link.active {
    background: transparent;
    color: #fff;
}

.pricing-tab-wrap .nav-tabs .nav-link:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 12px;
    /* background: #007F33; */
    background: #0264fe;
    transition: 0.4s transform ease-in-out;
    transform: scale3d(0.4, 1, 0);
    transform-origin: 0;
    opacity: 0;
    z-index: -1;
}

.pricing-tab-wrap .nav-tabs .nav-link.active:before {
    transform: scale3d(1, 1, 1);
    transform-origin: 0 50%;
    opacity: 1;

}

.gth-form {
    margin-top: 40px;
}

.gth-form .form-control,
.gth-form .form-select {
    border: 1px solid #d2d2d2;
    padding: 10px 14px;
    border-radius: 8px;
    color: #262E4A;
    font-size: 14px;
    margin-bottom: 20px;
}

.gth-form .cbtn {
    font-weight: 400 !important;
    padding: 12px 40px;
}

.gth-wrap {
    margin: 5% 0 5% 0;
}

.tab-content>.tab-pane {display: block;visibility: hidden;}
.tab-content>.tab-pane.active {visibility: visible;}
.tab-content{position: relative;}
.tab-pane:not(:first-child){position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


/*pricing page styles*/



#home-tab .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

#home-tab .slick-dots li {
    margin: 0 0.25rem;
}

#home-tab .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #36a900;
    text-indent: -9999px;
}

#home-tab .slick-dots li.slick-active button {
    background-color: #002669;
}

@media(max-width:1400px){
    .pricing-tab-wrap .nav-tabs .nav-item{
            font-size: 12px;
            margin: 0;
    }
}

@media(max-width:991px){
    .pricing-tab-wrap .nav-tabs {
        justify-content: center;
        max-width: 250px;
        margin: 0 auto;
        text-align: center;
        align-items: center;
    }
}