@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

.scp-ban-img {
    margin: auto;
    position: relative;
    background: unset
}

.pf_main_section {
    padding-bottom: 0
}

@media(min-width:1024px) {
    .pf_main_section .pf-main {
        padding-bottom: 80px
    }
}

@keyframes myAnim {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}




@media(max-width:768px) {


    .scp_money_back_txt_hide {
        display: none
    }
}

@media(max-width:600px) {
    .wai-tab-img img {
        display: none !important
    }

    .wai-tab-box-content {
        padding: 0 26px
    }

    .scp_mobile_none {
        display: none !important
    }

    .plan-subt-list {
        display: none
    }
}

.scp_ttl_span1 {
    display: none
}

@media(max-width:768px) {
    .scp_ttl_span2 {
        display: none
    }

    .scp_ttl_span1 {
        display: inline-block
    }
}

.scp_mobile_h1_show1 {
    display: none !important
}

@media(max-width:768px) {
    .scp_mobile_h1_show1 {
        display: inline-block !important
    }

    .scp_mobile_h1_show {
        display: none !important
    }

    .scp_ban_p {
        max-width: 266px
    }
}

.scp_grade_box1 {
    background: linear-gradient(0deg, #fff, #fff);

    border: 2px dashed #e4e4e4;

    overflow: hidden;
    padding-left: 52px;
    margin-bottom: 20px;
}

.scp_grade_img_box {
    height: 100%;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: end
}

.scp_grade_box2 {
    padding: 0 24px 0 0 !important
}

.scp_grade_box2 .scp_grade_img_box {
    justify-content: start
}

.scp_grade_img_box img {
    object-fit: cover;
    display: block
}

.scp_grade_label {
    font-weight: 400;
    font-size: 14px;
    color: #848484;
    display: inline-block;
    padding: 6px 17px;
    background: #f9f9f9;
    border-radius: 38px
}

.scp_grade_content {
    max-width: 484px
}

.scp_grade_h3 {
    font-size: 30px
}

.scp_grade_box {
    padding-bottom: 10px
}

.scp_grade_title {

    top: 100px
}





@media(max-height:800px) {
    .scp_grade_title {
        position: unset;
        top: unset
    }

    .scp_grade_box1 {
        top: 102px
    }
}

@media(max-width:1400px) {
    .scp_grade_img_box img {
        object-fit: unset
    }
}

@media(max-width:1200px) {
    .scp_grade_box1 {
        top: 100px
    }

    .scp_grade_title {
        position: unset;
        top: unset
    }

    .scp_grade_h3 {
        font-size: 26px
    }

    .scp_grade_box1 {
        padding-left: 24px
    }
}

@media(max-width:991px) {
    .scp_grade_box1 {
        position: static
    }

    .scp_grade_box {
        padding: 0 10px
    }

    .scp_grade_box1,
    .scp_grade_box2 {
        padding: 30px 20px !important;
        margin-bottom: 20px
    }

    .scp_grade_box1 .scp-col-lg-6:first-child {
        order: 2
    }

    .scp_grade_box2 .scp-col-lg-6:last-child {
        order: 2
    }

    .scp_grade_img_box {
        padding-bottom: 20px !important
    }
}

@media(max-height:768px) and (min-width:1250px) {
    .scp-ban-dark-bg {
        padding-top: 20px
    }

    .scp-ban-img {
        max-width: 558px
    }
}

.scp_wave_dynamic_item h3 {
    font-size: inherit;
    font-weight: inherit
}

.announce-bar-pages-txt-none {
    display: none !important
}

.tfb_time_box_d_none {
    display: none !important
}

#tfb_floatwrap_bottom {
    display: none;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .35s ease, transform .35s ease
}

#tfb_floatwrap_bottom.tfb_show {
    display: block;
    opacity: 1;
    transform: translateY(0)
}

.tfb_float_bar {
    pointer-events: auto;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 6px 22px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    gap: 10px
}

.tfb_float_left small {
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #a8a8a8
}

.tfb_float_title {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1
}

.tfb_sale_badge {
    background: #ff008c;
    padding: 2px 4px;
    color: #fff;
    border-radius: 3px
}

.tfb_countdown {
    display: flex;
    gap: 10px;
    align-items: center
}

.tfb_time_box {
    position: relative;
    padding: 2px 3px;
    border-radius: 5px;
    text-align: center;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, .03);
    display: flex
}

.tfb_time_box span {
    letter-spacing: 0.7px;
    font-size: 16px;
    font-weight: 700;
    display: block;
    line-height: 1
}

.tfb_time_box small {
    font-size: 11px;
    color: #fff;
    top: 2px;
    position: relative;
    display: inline;
    padding-left: 2px;
    font-weight: 300
}

.tfb_btn {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
    font-size: 13px;
    padding-left: 8px;
    font-weight: 500
}

.tfb_close_btn {
    position: absolute;
    right: 108px;
    top: 50%;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: 0 0;
    color: #a3a3a3;
    font-size: 18px;
    cursor: pointer;
    transform: translateY(-50%);
    border: none;
    font-weight: 600
}

.tfb_close_btn:hover {
    color: #6e6e6e
}

.separator {
    font-size: 30px;
    color: #a4a4a4;
    margin-top: -6px
}

@media(max-width:650px) {
    .tfb_float_bar {
        padding: 12px 26px 6px;
        gap: 14px
    }

    .tfb_close_btn {
        right: 16px
    }

    .tfb_countdown {
        gap: 6px
    }
}

.tfb_float_mob_arrow {
    display: none
}

@media(max-width:600px) {
    .tfb_float_mob_arrow {
        display: inline-block
    }

    .tfb_btn {
        display: none
    }

    .tfb_time_box small {
        top: 2px
    }

    .tfb_time_box span {
        font-size: 16px
    }

    .tfb_time_box {
        width: 100%;
        padding: 8px 5px 2px
    }

    .tfb_time_box::before {
        padding: 1px
    }

    .tfb_float_title {
        font-size: 14px
    }

    .tfb_float_bar {
        padding: 5px 26px;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: center
    }

    .tfb_float_left,
    .tfb_float_title {
        width: 100%;
        justify-content: center
    }

    .tfb_float_left small {
        display: none
    }

    #tfb_floatwrap_bottom {
        transform: translateY(-20px);
        transition: opacity .35s ease, transform .35s ease
    }

    #tfb_floatwrap_bottom.tfb_show {
        display: block;
        opacity: 1;
        transform: translateY(0)
    }
}

.scp_grade_title {

    top: 118px
}

.scp_grade_box1 {
    top: 240px
}

@media (max-height:800px) {
    .scp_grade_title {
        position: unset;
        top: unset
    }

    .scp_grade_box1 {
        top: 138px
    }
}

.announce-bar {
    background: #061B3A;
    color: #fff;
    font-size: 13.5px;
    padding: 9px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap
}

.announce-bar strong {
    color: #20F0CB
}

.flo_high_cloud,
.flo_high_cpanel {
    display: none
}

.announce-timer {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    font-weight: 600;
    background: #0C2A56;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 13px
}

.announce-timer span {
    min-width: 22px;
    text-align: center
}

.announce-cta {
    color: #20F0CB;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid rgba(32, 240, 203, .4)
}

.announce-cta:hover {
    border-color: #20F0CB
}

@media(max-width:768px) {
    .announce-bar {
        display: none !important
    }
}

.announce-bar {
    display: none
}

.scp-ban-btn2 {
    margin-right: 0;
    font-weight: 500;
    color: var(--ttl_clr);
    background: #fff;
    border: 1px solid var(--ttl_clr);
    border-radius: 10px;
    transition: all .3s ease-in-out;
    text-align: center;
    letter-spacing: .6px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    max-width: 186px;
    width: 100%;
    justify-content: center;
    padding: 11px 16px
}

.scp-ban-btn2:hover {
    color: var(--azure_clr);
    border-color: var(--azure_clr)
}

.scp-ban-ttl-h1 {
    font-size: clamp(18px, 1.7vw, 20px);
    display: inline-block;
    margin-bottom: 4px;
    font-weight: var(--fw-semi-bold);
    color: var(--ttl_clr);
    padding-bottom: 0
}

.scp-ban-ttl-h1 h1,
.scp-h1 h2 {
    font-size: inherit;
    font-weight: inherit;
    display: inline-block;
    color: inherit;
    margin: 0
}

.scp-ban-dark-bg {
    padding: 32px 0 40px
}

@media(max-width:1024px) {
    .scp-ban-dark-bg {
        padding-top: 0
    }

    .scp-ban-btn2 {
        max-width: 246px;
        width: 100%
    }
}

@media(max-height:720px) and (min-width:1250px) {
    .scp-ban-dark-bg {
        padding-top: 4px
    }
}

@media(max-width:768px) {
    .scp_money_back_txt_hide {
        display: none
    }
}

.scp_tooltip_underline {
    border-bottom: 1px dashed #b5b5b5;
    font-style: normal;
    display: inline-block
}

.scp-ban-btn-v2 {
    margin-right: 0;
    font-weight: var(--fw-bold);
    border-radius: 10px;
    transition: all .3s ease-in-out;
    text-align: center;
    letter-spacing: .6px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    max-width: 155px;
    width: 100%;
    justify-content: center;
    padding: 12px 16px;
    display: inline-block;
    color: var(--azure_clr);
    border: 1px solid var(--azure_clr)
}

@media (max-width:1024px) {
    .scp-ban-btn-v2 {
        max-width: 246px !important;
        padding: 11px 16px
    }
}

@media(max-width:600px) {
    .scp-ban-btn-v2 {
        display: none !important
    }

    .scp-ban-btn2 {
        font-size: 16px;
        max-width: 100%;
        padding: 18px 18px
    }
}

@media(max-height:800px) and (min-width:1400px) {
    .re_month_free {
        padding-bottom: 20px
    }

    .scp-ban-price-row {
        padding: 14px 0 30px
    }
}

.re_month_free {
    display: none
}

.scp_trust_v2_span1 {
    font-size: 15px
}

.scp_trust_v2_content_img {
    vertical-align: sub
}

.scp_trust_v2_span2 a img {
    vertical-align: middle
}

.scp_trust_india_flag {
    vertical-align: sub;
    padding: 0 4px 0 0 !important;
    line-height: 0;
    transform: translate(0, -1px)
}

.ho-rating-col {
    display: none
}

.scp_trust_v2 {
    background: #fff;
    justify-content: center;
    padding: 19px 8px;
    align-items: center;
    font-size: 16px;
    color: #000;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    border-radius: 12px
}

.scp_trust_v2_content {
    font-size: 15px;
    padding-right: 60px
}

.scp_trust_h4 {
    color: #000;
    padding: 0 60px;
    font-size: 15px
}

.scp_trust_v2 span {
    display: inline-block;
    padding: 0 0 0 60px
}

.scp_trust_h4 {
    position: relative
}

.scp_trust_h4:before {
    content: '';
    position: absolute;
    width: 0.8px;
    bottom: 0;
    background: #D2D2D2;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.scp_trust_h4:after {
    content: '';
    position: absolute;
    width: 0.8px;
    bottom: 0;
    background: #D2D2D2;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.scp_trust_v2_span2 {
    padding-right: 15px !important;
    padding-left: 0 !important
}

.scp_trust_v2_reviews {
    font-size: 13px;
    color: #000;
    line-height: normal
}

.scp_trust_excellent {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    padding-right: 6px
}

@media(max-width:1200px) {

    .scp_trust_v2_content,
    .scp_trust_h4,
    .scp_trust_v2_span1 {
        font-size: 14px
    }

    .scp_trust_v2_span2 a {
        max-width: 168px
    }

    .scp_trust_v2 {
        font-size: 14px
    }

    .scp_trust_v2_content {
        padding-right: 35px
    }

    .scp_trust_h4 {
        padding: 0 35px
    }

    .scp_trust_v2 span {
        padding: 0 0 0 35px
    }
}

@media(max-width:991px) {
    .scp_trust_v2_content {
        display: none
    }

    .scp_trust_v2_span2 {
        padding: 0 !important
    }

    .scp_trust_v2 {
        border-radius: 14px;
        max-width: 374px
    }
}

@media(max-width:991px) {
    .ho-rating-point {
        color: var(--ttl_clr);
        font-weight: var(--fw-normal);
        padding-left: 0;
        font-size: 13px
    }

    .ho-rating-point b {
        font-weight: 600
    }

    .ho-rating-point {
        max-width: 100%
    }

    .ho-rating-col {
        justify-content: center;
        width: 100%;
        display: flex
    }

    .scp_trust_v2 span {
        padding: 0 8px
    }

    .scp_trust_v2_span1 img {
        max-width: 106px
    }

    .scp_trust_v2_span2 img {
        max-width: 83px
    }

    .scp_trust_v2 {
        padding: 18px 8px
    }

    .scp_trust_v2 {
        max-width: 332px;
        display: none
    }
}

.plans-list-v2-ttl {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px
}

.plans_list_v2_border {
    border-top: 1px solid #e9e7e7;
    margin: 20px 0 20px
}

.plan_v2_see_all {
    font-size: 14px;
    font-weight: 500;
    color: var(--azure_clr)
}

.plan_v2_see_all:hover {
    color: #043310;
}

.plan-txt-new-label {
    font-size: 12px;
    padding: 3px 8px;
    font-weight: 700;
    margin-left: 8px
}



.plan-view-btn {
    display: none
}

.announce-bar {
    display: flex
}

.plans-list-v2-ttl {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px
}

.plans_list_v2_border {
    border-top: 1px solid #e9e7e7;
    margin: 20px 0 20px
}

.plan_v2_see_all {
    font-size: 14px;
    font-weight: 500;
    color: var(--azure_clr)
}

.plan-txt-new-label {
    font-size: 12px;
    padding: 3px 8px;
    font-weight: 700;
    margin-left: 8px
}





.hvm_best_value::first-letter {
    text-transform: uppercase
}

.hvm_best_value {
    text-transform: lowercase;
    font-size: 12px;
    background: #f0fff6;
    padding: 5px 8px;
    border-radius: 13px;
    color: #256e30 !important;
    border: 1px solid #a7fac8 !important;
    margin-left: 10px;
    font-weight: 500;
    display: inline-block
}

.hvm_pricing_box {
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 14
}

@media (max-width:991px) {

    .hvm_pricing_box {

        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        gap: 10px !important;
        width: 100% !important;
    }




}

@media (max-width:991px) {

    .hvm_pricing_box {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .hvm_custom_select_wrapper {
        width: 100%;
    }

}

.hvm_custom_select_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 15px;
    max-width: 406px
}

.hvm_custom_select_display {
    background: #edf5f1;
    border: 1px solid #1e8948;
    border-radius: 11px;
    padding: 18px 21px;
    font-size: 16px;
    color: #15222e;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color .2s, box-shadow .2s
}

.hvm_custom_select_display:hover {
    border-color: #1e8948
}

.hvm_custom_select_display i {
    display: inline-block;
    transition: transform .3s ease;
    transform-origin: center;
}

.hvm_custom_select_wrapper.hvm_custom_select_active .hvm_custom_select_display i {
    transform: rotate(180deg);
}



.hvm_custom_options_container {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e2e7ee;
    padding: 4px;
    border-radius: 10px;
    margin-top: 8px;
    z-index: 100;

    overflow-y: auto
}

.hvm_custom_option {
    display: flex;
    
    padding: 12px 21px;
    cursor: pointer;
    font-size: 16px;
    color: #171c19;
    transition: background-color .2s;
    line-height: 1.1;
    border-radius: 10px;
    margin-bottom: 2px;
    align-items: center;
    font-weight: 500
}

.hvm_custom_option:hover {
    background: #f4f5f6a3
}

.select-box {
    display: flex;
    justify-content: center
}

.hvm_dropdown_ttl {
    color: #728394;
    font-size: 14px;
    margin-bottom: 6px
}

.hvm_custom_select_wrapper.hvm_custom_select_active .hvm_custom_select_display::after {
    transform: rotate(180deg)
}

.hvm_custom_select_wrapper.hvm_custom_select_active .hvm_custom_select_display {
    border-color: #1e8948;
    outline: 1px solid #1e8948
}

.hvm_custom_option_active,
.hvm_custom_option_active:hover {
    background: #f5faf7;
    cursor: auto;
    color: #256e30
}



@media(max-width:1200px) {
    .plan-container.plan-container-4col .plan-col:first-child:after {
        display: none
    }


}

.plan-container .plan-col.mvh-plan-col-active:first-child:after {
    display: none
}

.plan-container .plan-col.mvh-plan-col-active:first-child .plan-h4:after {
    content: 'Free Domain';
    position: absolute;
    top: 16px;
    right: 0;
    left: unset;
    width: unset;
    height: unset;
    color: #256e30;
    font-size: 12px;
    line-height: 1.1;
    text-transform: math-auto;
    padding: 6px 8px;
    font-weight: 500;
    z-index: 10;
    background: #F0F6FF;
    border: 1px solid #DBE7F9;
    border-radius: 6px
}

@media(max-width:1200px) {
    .plan-container .plan-col.mvh-plan-col-active:first-child .plan-h4:after {
        display: none
    }


}



.scp-scard {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border: 1.5px solid #e4e4e7;
    border-radius: 16px;
    padding: 20px 20px;
    position: relative;
    transition: box-shadow .2s, border-color .2s
}



.scp-scard--highlight {
    border-color: #256e30;
    background: #f0f7ff
}

.scp-scard__icon-wrap {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f1fcf3;
    color: #256e30;
    display: flex;
    align-items: center;
    justify-content: center
}

.scp-scard--highlight .scp-scard__icon-wrap {
    background: #256e30;
    color: #fff
}

.scp-scard__body {
    flex: 1;
    min-width: 0
}

.scp-scard__body h4 {
    font-size: 18px;
    font-weight: 700;
    color: #020205;
    margin: 0 0 5px;
    line-height: 1.3
}

.scp-scard__body p {
    font-size: 13.5px;
    color: #71717a;
    margin: 0;
    line-height: 1.55
}

.scp-scard__body p strong {
    color: #020205
}

.scp-scard__list {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.scp-scard__list li {
    font-size: 13px;
    color: #52525b;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.4
}



.scp-scard__badge {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #16a34a;
    background: #dcfce7;
    padding: 3px 9px;
    border-radius: 20px
}



.scp-btn-chat {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #256e30;
    border: 2px solid #256e30;
    padding: 10px 22px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: background .2s, border-color .2s;
    white-space: nowrap
}

.scp-btn-chat:hover {
    background: #1e8948;
    border-color: #1e8948
}

.scp-btn-kb {
    display: inline-flex;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #256e30;
    background: 0 0;
    border: 2px solid #256e30;
    padding: 10px 22px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: background .2s;
    white-space: nowrap
}

.scp-btn-kb:hover {
    background: #e5f5ff
}



.scp-chat {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 48px #ebfcf2, 0 2px 8px #ebfcf2;
    overflow: hidden;
    border: 1px solid #e4e4e7
}

.scp-chat__header {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #256e30;
    padding: 14px 18px
}

.scp-chat__header-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

.scp-chat__header-logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.scp-chat__header-info {
    flex: 1;
    min-width: 0
}

.scp-chat__header-info strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2
}

.scp-chat__header-info span {
    font-size: 12px;
    color: rgba(255, 255, 255, .78);
    display: flex;
    align-items: center;
    gap: 5px
}

.scp-chat__online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    flex-shrink: 0;
    animation: pulse-green 2s infinite
}

@keyframes pulse-green {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.scp-chat__header-actions {
    display: flex;
    gap: 8px
}

.scp-chat__header-btn {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s;
    user-select: none
}

.scp-chat__header-btn:hover {
    background: rgba(255, 255, 255, .22)
}

.scp-chat__body {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #f7fdfa;
    min-height: 220px
}

.scp-chat__row {
    display: flex;
    align-items: flex-end;
    gap: 9px
}

.scp-chat__row--user {
    justify-content: flex-end
}

.scp-chat__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #e5f5ff
}

.scp-chat__user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #256e30;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.scp-chat__bubble {
    max-width: 75%;
    padding: 11px 14px;
    border-radius: 16px;
    font-size: 13.5px;
    line-height: 1.55
}

.scp-chat__bubble--agent {
    background: #fff;
    color: #020205;
    border: 1px solid #e4e4e7;
    border-bottom-left-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
}

.scp-chat__bubble--user {
    background: #256e30;
    color: #fff;
    border-bottom-right-radius: 4px;
    box-shadow: 0 4px 12px #d7ffe7
}

.scp-chat__agent-name {
    font-size: 11.5px;
    font-weight: 700;
    color: #256e30;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 6px
}

.scp-chat__agent-tag {
    font-size: 10px;
    font-weight: 600;
    background: #e5f5ff;
    color: #256e30;
    padding: 1px 7px;
    border-radius: 20px;
    letter-spacing: .2px
}

.scp-chat__bubble--typing {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 14px 16px
}

.scp-chat__bubble--typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a1a1aa;
    display: inline-block;
    animation: typing-dot 1.4s infinite ease-in-out
}

.scp-chat__bubble--typing span:first-child {
    animation-delay: 0s
}

.scp-chat__bubble--typing span:nth-child(2) {
    animation-delay: .2s
}

.scp-chat__bubble--typing span:nth-child(3) {
    animation-delay: .4s
}

@keyframes typing-dot {

    0%,
    100%,
    60% {
        transform: translateY(0);
        opacity: .4
    }

    30% {
        transform: translateY(-5px);
        opacity: 1
    }
}

.scp-chat__row--animated {
    animation: slide-up .5s ease both
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(12px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.scp-chat__footer {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 12px 16px;
    background: #fff;
    border-top: 1px solid #f0f0f0
}

.scp-chat__input {
    flex: 1;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: #a1a1aa;
    border: none;
    outline: 0;
    background: 0 0;
    cursor: default
}

.scp-chat__send {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #256e30;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .2s
}

.scp-chat__send:hover {
    background: #1e8948
}



.scp-review-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1.5px solid #e4e4e7;
    border-radius: 10px;
    padding: 9px 14px;
    flex: 1;
    min-width: 0;
    transition: box-shadow .2s
}

.scp-review-pill:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .07)
}

.scp-review-pill__logo {
    height: 16px;
    width: auto;
    flex-shrink: 0
}

.scp-review-pill__stars {
    color: #f59e0b;
    font-size: 13px;
    letter-spacing: -1px;
    flex-shrink: 0
}

.scp-review-pill__text {
    font-size: 12.5px;
    font-weight: 600;
    color: #3f3f46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:900px) {
    .scp-scard__body h4 {
        font-size: 16px
    }




}

@media (max-width:640px) {






    .scp-btn-chat,
    .scp-btn-kb {
        flex: 1;
        justify-content: center
    }

    .scp-chat__bubble {
        max-width: 85%
    }

    .scp-review-pill {
        flex: unset;
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

@media(max-width:480px) {
    .scp-scard__badge {
        top: -10px;
        right: 32px
    }
}

@media (max-width:420px) {


    .scp-scard {
        padding: 16px
    }

    .scp-scard__icon-wrap {
        width: 38px;
        height: 38px;
        border-radius: 10px
    }
}

.cmp-page {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #0f172a
}

.cmp-wrap {
    width: 100%;
    max-width: 1100px
}

.scroll-hint {
    display: none;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    color: #94a3b8;
    margin-bottom: 8px
}

.scroll-hint svg {
    flex-shrink: 0
}

.cmp-table-wrap {
    width: 100%;

    border: 1px solid #e9e9e9;
    overflow: hidden
}

.cmp-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.cmp-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse
}

.cmp-table thead tr th {
    padding: 2.2rem 1rem 1.25rem;
    border-bottom: 1px solid #d4d4d4
}

.th-empty {
    background: #f5f5f5;
    width: 32%
}

.th-starter {
    background: #ffffff;
    width: 22.67%;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle
}

.th-business::before {
    content: "✦ Best Value";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #dfc907;
    color: #0c0c0c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;

    overflow: hidden;
}

.th-business::before {
    background:
        linear-gradient(90deg,
            #dfc907 0%,
            #dfc907 40%,
            white 50%,
            #dfc907 60%,
            #dfc907 100%);
    background-size: 250% 100%;
    animation: badgeShimmer 2.5s linear infinite;
}


@keyframes badgeShimmer {
    0% {
        background-position: -250% 0;
    }

    100% {
        background-position: 250% 0;
    }
}

.th-starter .col-name {
    color: #06080a;
    font-size: 17px;
    font-weight: 700;

}

.th-business,
.th-enterprise,
.th-premium {
    background: #fff;
    width: 22.67%;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e2e8f0
}

.th-business .col-name,
.th-enterprise .col-name,
.th-premium .col-name {
    font-size: 17px;
    font-weight: 700;
    color: #06080a
}

.cmp-table .section-row td {
    background: #f5f5f5;
    padding: 7px 1.2rem;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #64748b;
    border-top: 1px solid #e2e8f0
}

.cmp-table tbody tr.data-row {
    border-top: 1px solid #f3f3f3
}



.cmp-table tbody tr.data-row td {
    padding: 13px 1.2rem;
    vertical-align: middle
}

td.cell-feature {
    color: #475569;
    font-size: 13px;
    line-height: 1.4;
    background: #fff
}

td.cell-starter {
    background: #ffffff;
    border-left: 1px solid #f1f5f9;
    border-right: 1px solid #f1f5f9;
    text-align: center
}

td.cell-business,
td.cell-enterprise,
td.cell-premium {
    text-align: center;
    border-left: 1px solid #f1f5f9
}

.val-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px
}

.price-main {
    font-size: 14px;
    font-weight: 400;
    color: #414040;
    letter-spacing: -.4px
}

.price-main.blue {
    color: #256e30
}

.price-main.red {
    color: #c0440a
}

.price-sub {
    font-size: 11px;
    color: #9b9b9b;
    line-height: 1.4
}

.price-warn {
    font-size: 11px;
    color: #c0440a;
    font-weight: 600
}

.count-win {
    font-size: 20px;
    font-weight: 800;
    color: #256e30
}

.count-lose {
    font-size: 18px;
    font-weight: 700;
    color: #64748b
}

.count-unit {
    font-size: 11px;
    color: #94a3b8
}

.icon-check,
.icon-cross {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle
}

.email-free {
    font-size: 13px;
    font-weight: 700;
    color: #16a34a
}

.email-paid {
    font-size: 13px;
    color: #64748b
}

.cmp-cta {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem
}

.btn-get {
    background: #256e30;
    color: #fff;
    border: none;
    padding: 14px 48px;
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: -.2px;
    transition: background .15s, transform .1s, box-shadow .15s;
    box-shadow: 0 4px 14px rgba(20, 110, 245, .35);
    width: 100%;
    max-width: 320px
}

.btn-get:hover {
    background: #0d5bcc;
    box-shadow: 0 6px 20px rgba(20, 110, 245, .4)
}

.btn-get:active {
    transform: scale(.98)
}



@media (max-width:680px) {
    .cmp-page {
        padding: 1.5rem .75rem
    }

    .scroll-hint {
        display: flex
    }

    .cmp-table {
        min-width: 560px
    }
}

@media (max-width:480px) {
    .cmp-page {
        padding: 1.25rem .5rem
    }

    .btn-get {
        font-size: 14px;
        padding: 13px 28px
    }


}

.scp_our_last_img {
    vertical-align: baseline !important
}

.scp_our_slider .slick-dots {
    bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 30px
}

.scp_our_slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 4px
}

.scp_our_slider .slick-dots li button {
    font-size: 0;
    width: 25px;
    height: 4px;
    border-radius: 15px;
    background-color: #D4D4D4;
    padding: 0;
    cursor: pointer;
    transition: .3s ease
}

.scp_our_slider .slick-dots li.slick-active button {
    background-color: #020205;
    width: 86px
}

.scp_our_slider .slick-slide {
    margin: 0 10px
}

.scp_our_slider .slick-slider {
    left: -4px
}

.slick-slide img {
    display: unset
}

.scp_our_slider .slick-dots li.slick-active button::before {
    color: inherit
}

.scp_our_slider .slick-dots li button::before {
    color: inherit
}

.scp_our_slider .slick-slide {
    margin: 0 10px
}

.scp_our_slider .slick-slider {
    left: -4px
}

.slick-slide img {
    display: unset
}

@media(max-width:992px) {
    .scp_our_slider .slick-dots {
        bottom: -20px
    }
}

@media(max-width:785px) {
    .scp_our_slider .slick-dots {
        bottom: -5px
    }
}

@media(max-width:600px) {
    .scp_our_slider .slick-dots {
        bottom: -8px
    }
}

.scp_our_slider:hover .marquee-row {
    animation-play-state: unset
}

.scp_our_slider .marquee-row-1:hover {
    animation-play-state: paused
}

.scp_our_slider .marquee-row-2:hover {
    animation-play-state: paused
}

.marquee-row-1 {
    animation: marquee 20s linear infinite;
    will-change: transform
}

.marquee-row-2 {
    animation: marquee2 22s linear infinite;
    will-change: transform;
    animation-direction: reverse;
    animation-duration: 22s
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes marquee2 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.scp_mobile_tp_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 9998
}

.scp_mobile_tp_sheet {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    background: #fff;
    border-radius: 16px 16px 0 0;
    padding: 14px 20px 48px;
    z-index: 9999;
    transition: .35s ease
}

.scp_mobile_tp_sheet.active {
    bottom: 0
}

.scp_mobile_tp_overlay.active {
    display: block
}

.scp_mobile_tp_head {
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 10px
}

.scp_mobile_tp_title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 12px
}

.scp_mobile_tp_title .scp_tooltip_underline {
    border: none
}

.scp_mobile_tp_close {
    font-size: 38px;
    cursor: pointer;
    line-height: 1;
    font-weight: 200
}

.scp_mobile_tp_content {
    line-height: 1.5;
    max-width: 300px;
    margin: 0 auto;
    font-size: 14px
}

@media (max-width:1201px) {
    .scp-plan-slider .plan-container-4col {
        width: unset !important
    }

    .scp-plan-slider {
        position: relative
    }

    .scp-plan-slider .slick-track {
        display: flex;
        left: -10px
    }

    .scp-plan-slider .plan-container {
        display: unset !important
    }

    .scp-plan-slider .slick-list {
        overflow: clip;
        padding-top: 44px;
        padding-bottom: 30px
    }

    .scp-plan-slider .plan-container-3col .plan-col {
        margin: 10px !important
    }
}

.scp-plan-slider .slick-dots {
    overflow: auto;
    bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 30px
}

.scp-plan-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 4px
}

.scp-plan-slider .slick-dots li button {
    font-size: 0;
    width: 25px;
    height: 4px;
    border-radius: 15px;
    background-color: #D4D4D4;
    padding: 0;
    cursor: pointer;
    transition: .3s ease
}

.scp-plan-slider .slick-dots li.slick-active button {
    background-color: #020205;
    width: 86px
}

.scp-plan-slider .slick-slide {
    margin: 0 10px
}

.scp-plan-slider .slick-slider {
    left: -4px
}

.slick-slide img {
    display: unset
}

.scp-plan-slider .slick-dots li.slick-active button::before {
    color: inherit
}

.scp-plan-slider .slick-dots li button::before {
    color: inherit
}

@media(max-width:785px) {
    .scp-plan-slider .slick-list {
        padding-top: 40px
    }
}

.scp-new-pln-next,
.scp-new-pln-prev {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translate(45%, -50%);
    font-size: 20px;
    color: var(--azure_clr);
    background: 0 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    transition: all .3s ease-in-out
}

.scp-new-pln-prev {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 16px #00000029;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
    z-index: 2;
    left: -12px;
    position: sticky;
    top: 52vh;
    margin-left: -14px
}

.scp-new-pln-next {
    margin-left: calc(100% - -93vw);
    margin-top: -48px;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 16px #00000029;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
    z-index: 2;
    left: -12px;
    position: sticky;
    top: 52vh
}

.scp-new-pln-next:hover,
.scp-new-pln-prev:hover {
    color: #0077ef
}

.scp-arrows-wrapper {
    transition: all .3s ease;
    z-index: 100;
    margin-bottom: 100px;
    max-width: 0;
    min-height: 44%;
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

@media(max-width:950px) {
    .scp-arrows-wrapper {
        min-height: 46%
    }

    .scp-new-pln-next {
        margin-left: calc(100vw - 60px)
    }
}

@media(max-width:680px) {
    .scp-arrows-wrapper {
        min-height: 46%
    }
}

@media(max-width:600px) {
    .scp-plan-slider .slick-track {
        left: 0
    }

    .scp-arrows-wrapper {
        top: 38%;
        min-height: 54%
    }

    .scp-plan-slider {
        padding: 0
    }

    .scp-plan-slider .plan-col {
        margin: 62px 0px 52px;
        width: 290px !important
    }
}

@media(max-width:400px) {
    .scp-plan-slider .slick-dots li.slick-active button {
        width: 40px
    }

    .scp-plan-slider .slick-dots li button {
        width: 16px;
        border-radius: 8px
    }

    .scp-plan-slider .slick-dots {
        gap: 2px
    }
}

.scp_plan_acc_item.scp_plan_acc_open .scp_plan_acc_content {
    display: block
}

.scp_plan_acc_content {
    display: none;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.scp_plan_acc_open .scp_plan_acc_content {
    padding-top: 12px
}

.scp_plan_acc_trigger {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
    margin: 20px auto 0;
    font-size: 16px
}

.scp_plan_acc_trigger::before {
    content: "+";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 200;
    line-height: 1;
    color: #6d6d76
}

.scp_plan_acc_open .scp_plan_acc_trigger::before {
    content: "−"
}

.hidden-menu {
    width: 100%
}





.marquee {
    width: 100%;
    overflow: hidden;
    background: #043d0d;
    padding: 9px 0;
    position: relative;
}

.marquee-content {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;
    gap: 45px;
    animation: marquee 30s linear infinite;
    will-change: transform;
}

.marquee-content span {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12.3px;
    font-weight: 400;
    line-height: 1;
}

.marquee-content i {
    font-size: 12px;
    color: #ffffff;
    flex-shrink: 0;
}


@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Responsive */

@media(max-width:768px) {

    .marquee-content {
        gap: 30px;
        animation-duration: 20s;
    }

    .marquee-content span {
        font-size: 12.3px;
    }

    .marquee-content i {
        font-size: 12px;
    }

}

/* Default: Hide everywhere */
.paymentoptionsmobile {
    display: none !important;
}

/* Show only on mobile (up to 767px) */
@media (max-width: 767px) {
    .paymentoptionsmobile {
        display: block !important;
    }
}

/* Desktop & Tablet: Show */
.paymenticonsdesktopandtab {
    display: block !important;
}

/* Mobile: Hide */
@media (max-width: 767px) {
    .paymenticonsdesktopandtab {
        display: none !important;
    }
}

.th-empty,
.th-starter,
.th-premium,
.th-business,
.th-enterprise {
    width: 20%;
}

.th-business,
.th-enterprise,
.th-premium {
    position: relative;
}


.php-tooltip{
    position: relative;
    display: inline-block;
    

    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: #9ca3af;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.php-tooltip::after{
    content: "4.4 - 8.5 ALL VERSIONS AVAILABLE";

    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(12px,-50%);

    background: #21271c;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;

    padding: 8px 12px;
    border-radius: 6px;

    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;

    z-index: 99999;
    pointer-events: none;
}

.php-tooltip::before{
    content: "";

    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(1px,-50%);

    border: 6px solid transparent;
    border-right-color: #21271c;

    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;

    z-index: 99999;
}

.php-tooltip:hover::after,
.php-tooltip:hover::before{
    opacity: 1;
    visibility: visible;
}














.section-row td{
    position:relative;
}

.section-icon{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    transition:.3s;
}

.section-row.active .section-icon{
    transform:translateY(-50%) rotate(45deg);
}

.accordion{
    cursor:pointer;
}