/* Pricing v2 Styles */
.pricing-plan-hero-banner {
    position: relative;
    z-index: 9;
    -webkit-clip-path: url(#hero-bg-shape-4k);
    clip-path: url(#hero-bg-shape-4k);
    height: 400px;
}
#hero-svg-4k+,
#hero-svg-4k,
#hero-svg-1920,
#hero-svg-1600,
#hero-svg-1200,
#hero-svg-991,
#hero-svg-768,
#hero-svg-500,
#hero-svg-375 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.pricing-plan-hero-banner .pricing-plan-hero-inner {
    padding: 90px 10px;
    max-width: 850px;
    margin: auto
}
.pricing-plan-hero-banner.discount .pricing-plan-hero-inner {
    padding: 90px 10px
}
.pricing-plan-hero-banner .pricing-plan-hero-inner h2 {
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
}
.pricing-plan-hero-banner .pricing-plan-hero-inner .theme-btn-secondary {
    margin-top: 28px;
    min-width: 270px;
    letter-spacing: 1px;
    font-weight: 500;
}

.pricing-plans-main-wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: -170px;
}
.pricing-main-user-type-box {
    padding: 0;
    position: relative;
    background: #f8f8f8;
}
.pricing-main-user-type-box ul{
    text-align: center;
    padding: 0;
}
.pricing-main-user-type-box ul>li {
    display: inline-block;
    float: none;
}
.pricing-main-user-type-box ul>li a {
    padding: 160px 32px 10px;
    border-radius: 0 !important;
    position: relative;
    color: #454545;
    transition: all 0.25s ease;
}
.pricing-main-user-type-box ul>li a > svg {
    width: 62px;
}
.pricing-main-user-type-box ul>li a > svg g{
    transition: all 0.15s ease;
}
.pricing-main-user-type-box ul>li a:hover {
    color: #aad71a;
}
.pricing-main-user-type-box ul>li a:hover > svg g {
    fill: #aad71a;
}
.pricing-main-user-type-box ul>li a > span {
    display: block;
    font-weight: 500;
}
.pricing-main-user-type-box ul>li.active a,
.pricing-main-user-type-box ul>li.active>a:focus,
.pricing-main-user-type-box ul>li.active>a:hover {
    background: #aad71a;
}
.pricing-main-user-type-box ul>li.active a > svg g,
.pricing-main-user-type-box ul>li.active>a:focus > svg g,
.pricing-main-user-type-box ul>li.active>a:hover > svg g {
    fill: #fff;
}
.pricing-main-user-type-box ul>li a::before {
    content: '';
    position: absolute;
    max-width: 100%;
    left: 20px;
    right: 20px;
    bottom: 0px;
    height: 0;
    background: #fff;
    transition: all 0.25s ease;
}
.pricing-main-user-type-box ul>li.active a::before {
    height: 6px;
}
img.main-tabs-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}



.plan-selection-section.v2 .plan-selection-tabs-wrapper {
    text-align: center;
}
.plan-selection-section.v2 .first-tab-step{
    display: inline-flex;
    border: 1px solid #205081;
    border-radius: 100px;
    overflow: hidden;
    padding: 5px;
}
.plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
    border-radius: 100px !important;
    border: 0;
    /*padding: 10px 130px 9px !important;*/
}
.plan-selection-section.v2.parent-plans .plan-selection-inner .first-tab-step li>a {
    padding: 10px 130px 9px !important;
}
.plan-selection-section.v2 .plan-selection-inner .first-tab-step li.active>a {
    border: 0 !important;
}

.plan-selection-section.v2 .plan-selection-inner .plan-details-wrapper {
    max-width: 90%;
}
.plan-selection-section.v2 .plan-selection-inner .plan-details-wrapper .tab-pane > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* Plans Selection Styles */

.plan-selection-section {
    /*position: relative;*/
    padding: 50px 0 0;
}

.plan-selection-section h6 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.plan-selection-inner .plan-heading {
    text-align: center;
    margin-bottom: 30px;
}

.plan-selection-inner .plan-heading h2 {
    font-weight: 400;
}

.plan-selection-inner .first-tab-step {
    /*Old Code*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*border: none;*/
    display: inline-flex;
    border: 1px solid #205081;
    border-radius: 100px;
    overflow: hidden;
    padding: 5px;
}

.plan-selection-inner .first-tab-step li>a {
    /*border: 1px solid #205081;*/
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #205081;
    text-align: center;
    padding: 10px 24px 9px !important;
    margin: 0;
    transition: all 0.25s ease-in-out;
    border-radius: 100px !important;
    border: none !important;
}

.plan-selection-inner .first-tab-step li{
    margin:0 !important;
}
.plan-selection-inner .first-tab-step li>a small {
    display: block;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.plan-selection-inner .first-tab-step li.active>a,
.plan-selection-inner .first-tab-step li.active>a:focus,
.plan-selection-inner .first-tab-step li.active>a:hover {
    background: #205081 !important;
    /*border: 1px solid #205081 !important;*/
    color: white !important;

    border-radius: 100px !important;
    border: none !important;
}

.plan-selection-inner .first-tab-step li>a:hover {
    background: #f7f7f7;
    border-radius: 100px !important;
}

.plan-selection-inner .plan-info {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
}

.plan-selection-inner .plan-info a {
    font-weight: 600;
    text-decoration: underline;
    transition: all 0.25s ease-in-out;
}

.plan-selection-inner .plan-info a:hover {
    color: #aad71a;
}

.plan-selection-inner .plan-frequency-info {
    margin-top: 30px;
}

.plan-selection-inner .second-tab-step {
    display: flex;
    justify-content: center;
    border: none;
}

.plan-selection-inner .second-tab-step li {
    padding: 4px;
    background: #205081;
}

.plan-selection-inner .second-tab-step li:first-child {
    border-radius: 40px 0 0 40px;
}

.plan-selection-inner .second-tab-step li:last-child {
    border-radius: 0 40px 40px 0;
}

.plan-selection-inner .second-tab-step li>a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border-radius: 40px;
    border: 0;
    padding: 6px 30px !important;
    transition: all 0.25s ease-in-out;
    margin: 0 !important;
}

.plan-selection-inner .second-tab-step li.active>a,
.plan-selection-inner .second-tab-step li.active>a:focus,
.plan-selection-inner .second-tab-step li.active>a:hover {
    border: none !important;
}

.plan-selection-inner .second-tab-step li>a:hover {
    background: #3f7ab7;
}

.plan-selection-inner .second-tab-step .tab-content {
    margin: 10px auto;
}

.plan-selection-inner .plan-details-wrapper {
    max-width: 70%;
    margin: 80px auto 80px;
}

.plan-selection-inner .plan-details-box {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 24px;
    padding: 30px 0 40px;
    border: 2px solid #eff0f0;
    border-radius: 3px;
    position: relative;
    transition: all 0.25s ease-in-out;
}

.plan-selection-inner .plan-details-box:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 24px;
    border-color: #1b4978;
}

.plan-selection-inner .plan-details-box .popular-tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: #aad71a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 6px;
}

.plan-selection-inner .plan-details-wrapper .tab-pane>.row>div:last-child>.plan-details-box>.popular-tag {
    left: 100%;
}

.plan-selection-inner .plan-details-box .popular-tag i {
    font-size: 22px;
    margin-top: 3px;
}

.plan-selection-inner .plan-details-box .plan-price {
    padding: 10px 24px 40px;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}

.plan-selection-inner .plan-details-box .plan-price span {
    color: #575757;
    font-size: 20px;
    font-weight: 700;
}

.plan-selection-inner .plan-details-box .plan-price h1 {
    font-size: 86px;
    color: #205081;
    font-weight: 600;
    margin-bottom: -30px;
}

.plan-selection-inner .plan-details-box .plan-price small {
    color: #737373;
    font-weight: 400;
    font-size: 14px;
}

.plan-selection-inner .plan-details-box .plan-features {
    padding: 38px 46px 26px;
}

.plan-selection-inner .plan-details-box .plan-features li {
    font-size: 16px;
    color: #737373;
    font-weight: 400;
    margin-bottom: 14px;
    position: relative;
}

.plan-selection-inner .plan-details-box .plan-features li::before {
    position: relative;
    font-family: FontAwesome;
    content: '\f00c';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    width: 20px;
    height: 20px;
    background: #aad71a;
    border-radius: 50%;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #1e5180;
    cursor: default;
    background-color: #fff;
    border-top: 3px solid #1e5180
}

.plan-selection-inner .choose-btn-box {
    margin: 6px 0;
}

.plan-details-card.v2 {
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.1) 0 0px 6px;
    background: #fff;
    text-align: center;
    padding: 0;
    display: block;
    overflow: hidden;
    transition: all 0.25s ease;
    position: relative;
    margin-bottom: 30px;
}
.plan-details-card.v2:hover {
    box-shadow: rgba(0,0,0,0.18) 0 0px 18px;
    cursor: pointer;
    transform: translateY(-4px);
}
.plan-details-card.v2 .header-content {
    padding: 20px 16px 52px;
    position: relative;
}
.plan-details-card.v2 .header-content h6 {
    padding: 0;
    margin-top: 4px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.plan-details-card.v2 .header-content img {
    width: 64px;
    height: 65px;
}
.plan-details-card.v2 .header-content .shape-img {
    position: absolute;
    bottom: -3px;
    left: -8px;
    min-width: 104%;
}
.plan-details-card.v2 .body-content {
    background: #fff;
    padding: 18px 14px 6px;
}
.plan-details-card.v2 .body-content h2 {
    line-height: 1.2;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #454545;
}
.plan-details-card.v2 .body-content p {
    color: #9ba1a4;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}
.plan-details-card.v2 .body-content ul {
    margin-top: 30px;
}
.plan-details-card.v2 .body-content ul li {
    font-size: 15px;
    color: #787878;
    margin-bottom: 4px;
}
.plan-details-card.v2 .footer-content {
    position: relative;
    padding: 50px 7px 12px 12px;
    min-height: 162px;
    display: grid;
    align-items: end;
}
.plan-details-card.v2 .footer-content.discount {
    min-height: 174px !important;
    padding: 50px 7px 10px 12px;
}
span.now-label {
    position: absolute;
    left: 0;
    top: 66px;
    background: #205081;
    color: #fff;
    padding: 5px 16px;
    border-radius: 0 50px 50px 0;
    font-size: 16px;
    font-weight: 500;
}
span.now-label.signup-process{
    top: 74px !important;
}
.actual-price {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: line-through;
    position: absolute;
    left: 45%;
    top: 18%;
}
.plan-details-card.v2 .footer-content.discount:not(.free) h3 {
    padding-left: 6px;
    position: relative;
    top: 10px;
}
.pricing-half-card.v2 .footer-content.discount:not(.free) h3{
    top: 0px !important;
    font-size: 46px !important;
}
.plan-details-card.v2 .footer-content.discount h3 small {
    top: -8px;
    padding-left: 0;
}
.plan-details-card.v2 .footer-content.discount small {
    font-size: 13px;
    top: -2px;
    padding-left: 12px;
}
.pricing-half-card.v2 .footer-content.discount small{
    font-size: 15px !important;
    top: -6px !important;
}
.plan-set-btn {
    display: block;
    background: #fff;
    width: 94%;
    margin: auto;
    padding: 7px;
    border-radius: 80px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 15px;
}
.plan-details-card.v2 .footer-content.free {
    position: relative;
    padding: 30px 10px 12px;
}
.plan-details-card.v2 .footer-content.free.discount {
    padding: 30px 10px 0 !important;
}
.plan-details-card.v2 .footer-content.free .plan-set-btn {
    margin-top: 16px;
    margin-bottom: 0px;
}
.plan-details-card.v2 .footer-content.free.discount .plan-set-btn {
    margin-top: 16px;
    margin-bottom: 12px;
}
.plan-details-card.v2 .footer-content.covid-footer h3 {
    padding-left: 0px !important;
}
.plan-details-card.v2 .footer-content.covid-footer small{
    padding-left: 0px !important;
}
.plan-details-card.v2 .footer-content h3 {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    padding: 0;
   /* padding-left: 36px;*/
}
.plan-details-card.v2 .footer-content h3 small {
    padding-left: 0;
}
.plan-details-card.v2 .footer-content small {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    position: relative;
    top: -7px;
    padding-left: 12px;
}
.plan-details-card.v2 .footer-content.free h3 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding-top: 18px;
    padding-left: 0;
}
.plan-details-card.v2 .footer-content .shape-img {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: auto;
    transform: scaleX(1.04);
}

.pricing-half-card.v2 .footer-content .shape-img{
    height: 80% !important;
}

.plan-details-card.v2.green {
    background: #aad71a;
}
.plan-details-card.v2.red {
    background: #ff5f4b;
}
.plan-details-card.v2.blue {
    background: #1d87f2;
}

.populat-tag.v2 {
    position: absolute;
    right: 12px;
    top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.populat-tag.v2 img {
    width: 18px;
    margin-bottom: 5px
}
.populat-tag.v2 small {
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
img.pricing-points-curve-top {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.features-section.new-version.v3 {
    background: #f8f8f8;
    padding: 42px 0 20px;
}

.features-section.new-version.v3 .auto-container > .row{
    display: flex;
    flex-wrap: wrap;
}

.pricing-promotional-section {
    padding: 50px 0;
    position: relative;
}
img.pricing-points-curve-bottom {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pricing-promotional-inner {
    display: flex;
    max-width: 1030px;
    margin: auto;
}
.pricing-promotional-inner .mission-main-img {
    padding-right: 14px;
    padding-top: 20px;
}
.pricing-promotional-inner  .mission-main-img img {
    width: 340px;
}
.pricing-promotional-inner .text-box {
    margin-top: 50px;
}
.bubble-box {
    position: relative;
}
.bubble-box  .bubble-inner {
    background: #fff;
    padding: 18px 26px 28px;
    clip-path: polygon(0 0, 100% 0%, 99% 40%, 97% 82%, 1% 100%, 2% 100%, 0 60%);
    border-top-left-radius: 5px;
}
.bubble-box::before {
    content: '';
    position: absolute;
    bottom: 18px;
    left: -40px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 50px solid #fff;
    border-bottom: 13px solid transparent;
    transform: rotate(-14deg);
}
.bubble-box h5 {
    color: #333;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.3;
}
.bubble-box h5 i {
    font-size: 22px;
}
.promotional-points {
    margin-top: 50px;
    padding-left: 24px;
}
.promotional-points ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
    position: relative;
    font-style: italic;
}
.promotional-points ul li::before{
    content: '';
    position: absolute;
    left: -32px;
    top: 0px;
    background: url(../../images/img-new/li-icon.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
}

.features-container.v2.pricing-page > .row {
    display: flex;
    flex-wrap: wrap;
}

.features-container.v2 .feature-box.v2 {
    padding: 40px 36px;
    min-height: 100%
}

.hero-type-2-v2-section.pricing-page {
    padding-top: 120px;
    margin-top: -84px;
    min-height: 770px;
}
.hero-type-2-v2-section.pricing-page .content-inner {
    margin-top: 20px;
    margin-bottom: 20px;
}
.hero-type-2-v2-section.pricing-page .features-container.v2 {
    padding: 50px 0 60px;
}
.hero-type-2-v2-section.pricing-page .content-inner p {
    margin-bottom: 28px;
    font-size: 20px;
    line-height: 1.5;
    max-width: 830px;
    margin: auto;
}
.hero-type-2-v2-section.pricing-page  .promotion-curve-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.trusted-brands-inner {
    padding: 64px 0px 54px;
}
.trusted-brands-inner .brands-content {
    padding-right: 72px;
}
.trusted-brands-inner .brands-content h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.trusted-brands-inner .brands-content p {
    font-weight: 400;
    line-height: 1.6;
}
.trusted-brands-inner .brands-logo-box {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(4, 1fr);
}
.trusted-brands-inner .brands-logo-box .logo-box {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.trusted-brands-inner .brands-logo-box .logo-box img {
    width: 100px;
    height: 40px;
    object-fit: contain;
}


.pricing-section {
    position: relative
}

.pricing-column {
    position: relative;
    padding: 0;
    text-align: center;
    margin-bottom: 30px
}

.pricing-column:hover {
    z-index: 3
}

.pricing-column .inner {
    position: relative;
    display: block;
    background: #fff;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    z-index: 2
}

.pricing-section .pricing-column .inner {
    border-right: 1px solid #e0e0e0
}

.pricing-section .pricing-column:last-child .inner {
    border-right: none
}

.pricing-column .inner:hover {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.pricing-column .inner .col-header {
    position: relative;
    display: block;
    padding: 30px 20px 15px;
    background: #f0f0f0
}

.pricing-column .inner .col-header .plan-title {
    position: relative;
    font-size: 16px;
    color: #7a7a7a;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 5px
}

.pricing-column .inner.basic .col-header .plan-title {
    color: #1f5181
}

.pricing-column .inner.standard .col-header .plan-title {
    color: #a8cf41
}

.pricing-column .inner.unlimited .col-header .plan-title {
    color: #ef4454
}

.pricing-column .inner .col-header .plan-price {
    position: relative;
    font-size: 48px;
    color: #1f5181;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em
}

.pricing-column .inner .col-header .plan-duration {
    position: relative;
    font-size: 14px;
    color: #1f5181;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em
}

.pricing-column .inner .lower-content {
    position: relative;
    padding: 30px 25px 50px
}

.pricing-column .specs-list li {
    position: relative;
    line-height: 20px;
    color: #8b8989;
    margin-bottom: 20px
}

.pricing-column .specs-list li strong {
    color: #272727;
    font-weight: 700
}

.pricing-column .theme-btn {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 8px 10px;
    text-align: center;
    background: #1f5181;
    color: #fff;
    border-radius: 3px;
    font-weight: 500
}

.pricing-column .inner:hover .theme-btn,
.pricing-column .theme-btn:hover {
    background: #aad71a
}

.choose-plan {
    position: relative;
    padding: 20px 20px 30px;
    background: #fff;
    color: #7a7a7a;
    line-height: 1.6em;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    border-radius: 3px
}

.choose-plan h2 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 30px;
    color: #205081
}

.choose-plan-column {
    position: relative;
    margin-bottom: 30px
}

.choose-plan-column .inner {
    position: relative;
    display: block;
    padding: 25px 25px 30px;
    text-align: center;
    background: #205081;
    color: #fff;
    border-radius: 2px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.choose-plan-column .inner.six-month-plan {
    background: #93c83e
}

.choose-plan-column .inner.year-plan {
    background: #ef4454
}

.choose-plan-column .inner:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5)
}

.choose-plan-column .inner .duration {
    position: relative;
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 30px;
    font-weight: 300;
    text-transform: capitalize
}

.choose-plan-column .inner .price-outer {
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
    padding-top: 70px;
    background: url(../../images/icons/plan-icon-1.png) center top no-repeat;
    margin-bottom: 20px
}

.choose-plan-column .inner .price-outer .price {
    font-size: 56px;
    line-height: 1em
}

.choose-plan-column .inner .price-outer .price sup {
    font-size: 32px;
    top: -20px;
    padding-left: 3px
}

.choose-plan-column .inner .price-outer .period {
    position: relative;
    display: block;
    top: -7px
}

.choose-plan-column .inner .monthly-calculation {
    position: relative;
    display: block;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 30px
}

.choose-plan-column .inner .theme-btn {
    display: inline-block;
    min-width: 172px;
    line-height: 24px;
    padding: 8px 15px;
    background: #fff;
    font-size: 14px;
    text-transform: uppercase;
    color: #205081;
    font-weight: 600;
    border-radius: 20px
}

.choose-plan-column .inner.six-month-plan .theme-btn {
    background: #85b439;
    color: #fff
}

.choose-plan-column .inner.year-plan .theme-btn {
    background: #e13646;
    color: #fff
}

.choose-plan .lower-content {
    position: relative;
    line-height: 1.6em;
    text-align: center
}

.choose-plan .lower-content h4 {
    font-size: 22px;
    color: #205081;
    font-weight: 700
}

.choose-plan .lower-content .text {
    position: relative;
    margin-bottom: 10px
}

.choose-plan .lower-content .boxed-text {
    position: relative;
    padding: 5px 10px 7px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    line-height: 1.6em
}

/* Payment Signup Step 1 Styles */
.payment-step-1-form-box {
    max-width: 390px;
    margin: 0 auto;
}
.extra-signup-options a{
    display: block;
    border-radius: 70px;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    margin-bottom: 10px;
    letter-spacing: 0.35px;
    transition: all 0.3s ease;
}
.extra-signup-options a:hover {
    opacity: 0.8;
    box-shadow: rgba(0,0,0,0.1) 0px 2px 2px;
}
.extra-signup-options a.btn-fb-signup {
    background: #205081;
}
.extra-signup-options a.btn-google-signup {
    background: #ea0101;
}
.extra-signup-options a i {
    margin-right: 4px;
    font-size: 16px;
}

.sep-box {
    position: relative;
    text-align: center;
    padding: 14px 0px;
}
.sep-box > img {
    position: relative;
    width: 99%;
    height: auto;
}
.sep-box > span {
    position: absolute;
    width: 50px;
    height: 30px;
    line-height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #565656;
}

.features-section {
    position: relative;
    padding: 45px 5px 20px;
    background: #fbfbfb;
    color: #7a7a7a;
    line-height: 1.6em
}

.features-section.alternate {
    background: 0 0;
    padding-top: 40px
}

.features-section.new-version {
    background: #ffffff;
    padding: 25px 5px 80px;
}

.feature-column {
    position: relative;
    margin-bottom: 20px;
    text-align: center
}

.feature-column .inner {
    position: relative;
    display: block
}

.feature-column .inner .icon {
    position: relative;
    margin-bottom: 24px
}

.feature-column .inner h3 {
    position: relative;
    font-size: 16px;
    color: #205081;
    font-weight: 500;
    margin-bottom: 7px
}

.feature-column .inner .text {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    min-height: 72px;
    max-width: 170px;
    margin: 0 auto
}

.recommended-by {
    position: relative;
    padding: 50px 30px 40px;
    background: #fff
}

.recommended-by h3 {
    font-size: 16px;
    color: #205081;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.recommended-by .logos {
    position: relative;
    text-align: center
}

.recommended-by .logos li {
    position: relative;
    display: inline-block;
    margin: 0 7px 10px
}

/* Media Queries */
@media (min-width: 2561px) {
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-4k+);
        clip-path: url(#hero-bg-shape-4k+);
        height: 400px;
    }
}
@media (max-width: 1920px) {
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-1920);
        clip-path: url(#hero-bg-shape-1920);
        height: 400px;
    }
}
@media (max-width: 1600px) {
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-1600);
        clip-path: url(#hero-bg-shape-1600);
        height: 350px;
    }
    .pricing-plans-main-wrapper {
        margin-top: -150px;
    }
    .pricing-main-user-type-box ul>li a {
        padding: 150px 32px 10px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner {
        padding: 76px 10px;
    }
}
@media (max-width: 1230px){
    .bg-curve-shape-box {
        width: 52vw;
    }
    .features-container.v2 .feature-box {
        padding: 40px 54px;
    }
    .hero-type-2-v2-section .hero-type-v2-shape-3 {
        bottom: -50px;
        left: -3%;
        width: 20em;
    }
    .hero-type-2-v2-section .hero-type-v2-shape-4 {
        width: 18em;
    }
}
@media (max-width: 1200px) {
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-1200);
        clip-path: url(#hero-bg-shape-1200);
        height: 340px;
    }
}
@media (max-width: 1199px){
    .pricing-main-user-type-box ul>li a > svg {
        width: 50px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner {
        padding: 60px 10px;
    }
}
@media (max-width: 991px) {
    .hero-type-2-v2-section.pricing-page .promotion-curve-bottom {
        display: none;
    }
    .plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
        padding: 10px 24px 9px !important;
    }
    .pricing-promotional-section {
        padding: 50px 0 80px;
    }
    .bubble-box h5 {
        font-size: 22px;
    }
    .trusted-brands-inner {
        text-align: center;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner {
        padding: 70px 10px;
    }
    .pricing-plan-hero-banner.discount .pricing-plan-hero-inner {
        padding: 32px 10px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner h2 {
        font-size: 20px;
    }
    .pricing-plan-hero-banner.discount .pricing-plan-hero-inner h2 {
        font-size: 22px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner .theme-btn-secondary {
        margin-top: 10px;
        min-width: 230px;
    }
    .pricing-plans-main-wrapper {
    margin-top: -130px;
    }
    .pricing-main-user-type-box ul>li a {
        padding: 160px 26px 10px;
    }
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-991);
        clip-path: url(#hero-bg-shape-991);
        height: 270px;
    }
    .plan-selection-section.v2.parent-plans .plan-selection-inner .first-tab-step li>a {
        padding: 10px 90px 9px !important;
    }
}

@media (max-width: 767px) {
    .hero-type-2-v2-section .hero-type-v2-shape-1 {
        top: -18px;
        left: 3%;
        width: 7em;
    }
    .hero-type-2-v2-section .title h2 {
        font-size: 32px;
    }
    .hero-type-2-v2-section .content-inner {
        margin-top: 30px;
    }
    .features-container.v2 .feature-box {
        margin-bottom: 30px;
    }
    .hero-type-2-v2-section .hero-type-v2-shape-3 {
        bottom: 45px;
        left: -7%;
        width: 12em;
    }
    .hero-type-2-v2-section .hero-type-v2-shape-4 {
        width: 12em;
        bottom: -10px;
    }
    .hero-type-2-v2-section{
        background-size: cover !important;
        padding-top: 100px;
    }

    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-768);
        clip-path: url(#hero-bg-shape-768);
        height: 270px;
    }
    .pricing-plans-main-wrapper {
        margin-top: -100px;
    }
    .pricing-main-user-type-box ul>li a {
        padding: 124px 26px 10px;
    }
    .plan-selection-inner .second-tab-step li>a {
        padding: 6px 16px !important;
    }
    .plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
        padding: 6px 50px 5px !important;
        font-size: 14px;
    }
    .plan-selection-inner .first-tab-step li>a small {
        font-size: 13px;
    }
    .feature-column {
        margin-bottom: 40px;
    }
    .hero-type-2-v2-section.pricing-page {
        margin-top: -102px;
        padding-bottom: 80px;
    }
    .trusted-brands-inner .brands-content {
        padding-right: 0;
    }
    .features-container.v2.pricing-page > .row {
        display: block;
    }
    .plan-selection-section.v2 .first-tab-step {
        max-width: 100%;
        overflow-x: auto;
    }

}

@media (max-width: 575px) {
    .plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
        padding: 10px 40px 9px !important;
    }
    .plan-selection-inner .second-tab-step li>a {
        padding: 6px 16px !important;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner {
        padding: 60px 10px;
    }
    .pricing-main-user-type-box ul>li a {
        padding: 120px 15px 10px;
    }
    .pricing-main-user-type-box .nav li a img {
        width: 50px;
    }
    .plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
        padding: 7px 30px 5px !important;
        font-size: 13px;
    }
    .plan-selection-inner .first-tab-step li>a small {
        font-size: 12px;
    }
    .plan-selection-inner .second-tab-step li>a {
        padding: 4px 12px !important;
        font-size: 11px;
    }
    .hero-type-2-v2-section .title h2 {
        font-size: 28px;
    }
    .hero-type-2-v2-section.pricing-page .content-inner p {
        margin-bottom: 0px;
        font-size: 15px;
    }
    .plan-selection-section.v2 .plan-selection-inner .plan-details-wrapper {
        max-width: 100%;
        margin: 50px auto 80px;
    }
    .trusted-brands-inner .brands-logo-box .logo-box {
        margin-bottom: 2px;
        padding: 6px;
    }
    .plan-selection-section.v2.parent-plans .plan-selection-inner .first-tab-step li>a {
        padding: 10px 30px 9px !important;
    }
}
@media (max-width: 500px) {
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-500);
        clip-path: url(#hero-bg-shape-500);
        height: 254px;
    }
}
@media (max-width: 480px) {
    .plan-selection-inner .plan-frequency-info {
        margin-top: 16px;
    }
    .plan-details-card.v2 .body-content h2 {
        font-size: 26px;
    }
    .plan-details-card.v2 .body-content ul li {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .bubble-box h5 {
        font-size: 18px;
    }
    .bubble-box h5 i {
        font-size: 16px;
    }
    .promotional-points {
        margin-top: 40px;
        padding-left: 0px;
    }
    .trusted-brands-inner .brands-logo-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .plan-selection-section.v2 .first-tab-step {
        padding: 2px;
    }
    .trusted-brands-inner .brands-content h3 {
        font-size: 26px;
    }
}
@media (max-width: 430px){
    .ribbon-box.v2 {
        left: -4px;
        top: 12px;
        font-size: 11px;
        padding: 0px 8px 2px 8px;
    }
    .bubble-box::before {
        left: -34px;
    }
}
@media (max-width: 380px) {
    .theme-btn-secondary {
        padding: 6px 26px !important;
    }
    .pricing-plan-hero-banner {
        -webkit-clip-path: url(#hero-bg-shape-375);
        clip-path: url(#hero-bg-shape-375);
        height: 200px;
    }
    .pricing-plans-main-wrapper {
        margin-top: -86px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner {
        padding: 34px 10px;
    }
    .pricing-plan-hero-banner.discount .pricing-plan-hero-inner {
        padding: 20px 10px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner h2 {
        font-size: 18px;
    }
    .pricing-plan-hero-banner .pricing-plan-hero-inner .theme-btn-secondary {
        margin-top: 8px;
        min-width: 190px;
    }
    .pricing-plan-hero-banner.discount .pricing-plan-hero-inner h2 {
        font-size: 16px;
    }
    .pricing-main-user-type-box ul>li a {
        padding: 110px 5px 10px;
    }
    .pricing-main-user-type-box .nav li a img {
        width: 34px;
    }
    .pricing-main-user-type-box ul>li a > span {
        font-size: 13px;
    }
    .plan-selection-section.v2 .plan-selection-inner .first-tab-step li>a {
        padding: 5px 24px 3px !important;
        font-size: 13px;
    }
    .plan-selection-inner .plan-details-wrapper {
        margin: 50px auto 50px;
    }
    .plan-details-card.v2 .footer-content.free h3 {
        font-size: 40px;
    }
    .plan-details-card.v2 .footer-content h3 {
        font-size: 30px;
    }
    .pricing-promotional-section {
        padding: 16px 0 80px;
    }
    .bubble-box .bubble-inner {
        padding: 14px 20px 26px;
    }
    .bubble-box h5 {
        font-size: 14px;
    }
    .bubble-box h5 i {
        font-size: 12px;
    }
    .promotional-points ul li {
        font-size: 13px;
        margin-bottom: 8px;
        line-height: 1.4;
    }
    .promotional-points ul li::before {
        left: -27px;
        top: -2px;
    }
    .hero-type-2-v2-section.pricing-page {
        padding-top: 100px;
    }
    .trusted-brands-inner {
        padding: 6px 0px 30px;
    }
    .plan-selection-section.v2 > .auto-container {
        padding: 0 !important;
    }
    .plan-details-card.v2 .body-content {
        padding: 18px 8px 6px;
    }
    .pricing-main-user-type-box ul>li a > svg {
        width: 36px;
    }
}