/*  temp  */
@media(max-width:767px){
h2.vc_custom_heading, h2.custom_heading {
    padding-top: 30px;
    font-size:28px !important;
}
#w3_faq h2.vc_custom_heading{
    padding-top: 0 !important;
}
#w3_wordpress > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_wix > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_shopify > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_opti > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_mantain > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_cwv > .vc_column_container:first-of-type > .vc_column-inner:first-of-type,
#w3_cwv_mantain > .vc_column_container:first-of-type > .vc_column-inner:first-of-type {
    padding-top: 30px !important;
}
body .price_mainrowsecto{
    padding-top: 60px !important;
    padding-bottom: 20px !important;
}
.custom_header_banner:after {
    width: 80px !important;
    height: 80px !important;
    bottom: -175px !important;
    background-size: contain !important;
}

div#w3_wordpress > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element,
div#w3_wix > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element,
div#w3_shopify > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element,
div#w3_opti > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element,
div#w3_mantain > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element {
    margin-bottom:0px !important;
}

h2.pricy_newheading:not(div#w3_cwv h2.pricy_newheading, div#w3_cwv_mantain h2.pricy_newheading, #w3_faq h2.pricy_newheading ){
    margin-top:10px !important;
}
h2.custom_heading{
    padding-top:10px !important;
}
div#w3_cwv h2.pricy_newheading, div#w3_cwv_mantain h2.pricy_newheading{
    padding-top:0 !important;
}
}
/*  Temp  */





.price_mainrowsecto .pricy_newheading, .faqq_row .pricy_newheading {
    font-weight: 600 !important;
    padding-bottom:21px;
    position:relative;
        font-family: 'Montserrat' !important;
}
.container {
    float: none;
    margin: 0 auto !important;
}
.pricy_newheading:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 88px;
    height: 5px;
    border-radius: 55px;
    background: #3cc1e5;
    transform: translateX(-50% );
}

.price_table_card_sec .wpb_wrapper {
 
    padding: 40px 30px;   
    border-radius: 8px;
    overflow: hidden;
    min-height:700px;
    display:flex;
    flex-direction:column;
    transition: all .25s;
}

.price_grad1 .wpb_wrapper{   background: linear-gradient(
230deg, #20a5b8, #b3ceeb);}


.price_grad2 .wpb_wrapper{   background: linear-gradient(
230deg, #2057bb, #20a5b8) !important;}


.price_grad3 .wpb_wrapper{   background: linear-gradient(230deg, #51a8c2, #a3dac4);}

.pricey_cardheading{position:relative;}

.pricey_cardheading:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 3px;
    background: white;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.price_card_pricy:before {
    content: '$';
    font-size: 20px;
    font-weight: 700;
    font-family: 'Montserrat';
    position: relative;
    top: -20px;
    right: 3px;
}

.price_cutshow:before {
    content: '$';
    font-weight: 600;
    font-size: 19px;
    position: relative;
    top: -11px;
    right: 5px;
}

.price_cutshow {
    text-decoration: line-through !important;
}

.price_point_sectionn .wpb_wrapper , .dynamic_rates .wpb_wrapper {
    padding: 0;
    background: transparent !important;
    margin-top: 26px;
    text-align: center;
    color: white;
    min-height:auto;
    left:unset !important;
    right:unset !important;
    transform:unset !important;
    box-shadow:unset !important;
}

.pricy_new_pointt {
    margin: 0;
    padding: 6px 0;
    font-size: 15.2px;
    font-weight: 600;
}

.pricy_newcrd_btn {
    margin-top: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.pricy_newcrd_btn a {
    display: inline-block !important;
    width: 180px;
    padding: 10px 18px !important;
    transition: all 0.3s ease-in-out;
    background-color: #fff !important;
    color: #333 !important;
    border-radius: 44px !important;
    font-size: 16px !important;
    position:unset !important;
}
.pricy_newcrd_btn a:before {content: '';position: absolute;width: 180px;height: 172%;background: white;top: 0;z-index: -1;opacity: .38;transform: rotate(8deg) translateY(-50%);top: 50%;left: -150%;}

.pricy_newcrd_btn a:hover::before {
   transition: all .3s;
    width: 220px;
    transition-timing-function: linear;
    left:150%;
}

.price_table_card_sec .price_card_pricy {
    font-family: Montserrat !important;
}

.price_table_card_sec .wpb_wrapper {
    transform: scale(.9);
}

.price_table_card_sec.activeprice .wpb_wrapper {
    transform: scale(1);
    position:relative;
    z-index:2;
    box-shadow:0 21px 65px 0 rgb(0 0 0 / 12%);
}

.price_table_card_sec.leftprice .wpb_wrapper {
    position: relative;
    right: -65px;
    z-index: 1;
}

.price_table_card_sec.rightprice .wpb_wrapper {
    position: relative;
    left: -65px;
    z-index: 1;
}

.maintaince_pricerow .price_table_card_sec .wpb_wrapper {
    min-height: 450px;
}

.maintaince_pricerow .price_table_card_sec .price_point_sectionn .wpb_wrapper {
    min-height: unset !Important;
}



.maintaince_pricerow .pricy_new_pointt .radio_area_content {
    min-width: 125px;
    display: flex;
}

.maintaince_pricerow  .pricy_new_pointt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.maintaince_pricerow .pricy_new_pointt input {
    width: 17px;
    height: 17px;
    margin-right: 12px;
}

.faqq_row .vc_tta-title-text {
    font-size: 17px;
    font-family: 'Montserrat' !important;
    text-transform: capitalize;
}

.faqq_row .vc_tta-panel-heading a {
    padding-right: 46px !important;
}

.faqq_row .vc_tta-panel-heading i {
    left: unset !important;
    right: 20px !important;
}

.faqq_row .vc_tta-panel-body p {
    font-size: 15px;
    color: #4c4c4c;
        line-height: 2;
}

.faqq_row .vc_tta-panel-body {
    background: white !important;
}

.faqq_row .vc_tta-panel {
    margin: 10px 0;
}

.faqq_row .faq_ul li {
    margin: 15px 0;
    font-size: 15px;
}

.srollspy_header_ul {
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom:0 !important;
    
}

.srollspy_header_ul li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.srollspy_header_ul li a {
   padding: 15px 18px;
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    width: 100%;
    background: #1b2d40 ;
    border-radius: 0 0 19px 19px;
    letter-spacing: .5px;
    box-shadow: 0 2px 5px rgb(14 54 59 / 20%);
    border: 2px solid white;
    border-top: none;transition:all .3s;
        font-size: 15px;
}

.sticky_pricenav {
   position: sticky;
    top: 77px;
    z-index: 99;
}



.scrolly_head-a.active {
    padding: 30px 18px !important;
    background: linear-gradient( 
230deg , #2057bb, #20a5b8);
    transition: all .3s;
}

.dynamic_rates .table__header--price {
    font-size: 46px;
    color: #ffffff;
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    line-height: 55.2px;
}

.dynamic_rates .table__header--price span {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Montserrat';
    position: relative;
    top: -18px;
    right: -5px;
}

.dynamic_rates .pricy_actual_rate {
    font-size: 26px;
    color: #ffffff;
    text-align: center;
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    text-decoration: line-through;
    line-height: 31.2px;
}

.dynamic_rates .pricy_actual_rate .mini_dollar {
    font-weight: 600;
    font-size: 19px;
    position: relative;
    top: -11px;
    right: 5px;
}

.dynamic_rates{
    margin-bottom:0 !important;
}

.dynamic_rates .wpb_wrapper{margin:0 !important;}

.faqq_row .vc_tta-panel-body {
    padding-left: 30px !important;
}

.faqq_row .vc_tta-panel-heading .vc_tta-panel-title a {
    padding-left: 30px !important;
}

.customy_btn_forprice .wpb_wrapper {
    left: unset !important;
    right: unset !important;
    min-height: unset !important;
    padding: unset !important;
    text-align: center;
    background: unset !important;
    transform:unset !Important;
    box-shadow: unset !important;
    position:unset !important;
}


.customy_btn_forprice .ptp-button {
        display: inline-block !important;
    width: 180px;
    padding: 10px 18px !important;
    transition: all 0.3s ease-in-out;
    background-color: #fff !important;
    color: #333 !important;
    border-radius: 44px !important;
    font-size: 16px !important;
    position: unset !important;
    line-height:normal !Important;
    height:auto !important;
    
}

.customy_btn_forprice {
    margin-bottom: 0;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.customy_btn_forprice .ptp-button:before {
    content: '';
    position: absolute;
    width: 180px;
    height: 172%;
    background: white;
    top: 0;
    z-index: -1;
    opacity: .38;
    transform: rotate(8deg) translateY(-50%);
    top: 50%;
    left: -150%;
}

.customy_btn_forprice .ptp-button:hover::before {
    transition: all .3s;
    width: 220px;
    transition-timing-function: linear;
    left: 150%;
}

.content-area{
    margin-top:0 !important;
}

.banner2 {
    padding: 90px 0px 65px;
}

.entry-content {
    padding: 0 15px;
}

.pricy_new_pointt a i {
    color: white !important;
    font-size: 13px !important;
    margin-left: 2px;
}

.faqq_row  .vc_tta-panel-heading {
    background: #e4f3ff !important;
}


@media(max-width:1200px){
    
    .srollspy_header_ul li a {
    padding: 14px 10px;
    border-radius: 5px;
    margin: 7px 0 0px;
    box-shadow: 0 2px 5px rgb(14 54 59 / 20%);}
    
    .scrolly_head-a.active {
    padding: 15px 13px !important;
    background: linear-gradient( 
230deg , #2057bb, #20a5b8);
    transition: all .3s;
}

    
}

@media(max-width:1024px){
    .price_table_card_sec .vc_column-inner {
    padding: 0 !important;
}
}


@media(max-width:921px){
    .sec_header_for_box{display:none;}
}

@media(max-width:767px){
    .price_table_card_sec .wpb_wrapper {
    transform: scale(1);
    right: 0 !important;
    left: 0 !important;
    margin-bottom: 20px;
    min-height: auto;
}
.price_table_card_sec .vc_column-inner {
    padding: 0 15px !important;
}
body .price_mainrowsecto{
    padding-top: 60px !important;
    padding-bottom: 20px !important;
}
body .faqq_row {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}
.maintaince_pricerow .price_table_card_sec .wpb_wrapper {
    min-height: auto;
}
}

.pricey_cardheading.new_sub_hd h5 {
    color: #ffffff;
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
}

.pricey_cardheading.new_sub_hd .wpb_wrapper {
    height: unset !important;
    min-height: unset !important;
    padding: 0 !important;
    background: unset !important;
    text-align: center !important;
    color: white !important;
    right: unset !important;
    left:unset !important;
    box-shadow: none !important;
    transform: unset !important;
}
.pricey_cardheading.new_sub_hd p {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 25px;
}
.maintaince_pricerow .price_table_card_sec .wpb_wrapper {
    min-height: 490px;
}


p.ct-select-maintenance-plan {
    background: #f18f3b;
    color: #fff;
    padding: 10px;
    text-align: center;
    max-width: 1000px;
    margin: auto;
    font-weight: 600;
    box-shadow: 0px 5px 6px #cfcfcf;
    display:none;
}


p.ct-err-msg {
    background: #ffb631;
    color: #000;
    text-align: center;
    padding: 6px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    
}
.wpb_text_column.ct-err-border {
    border: 2px solid #fff;
    margin-top:5px
}
.page-id-13561 .vc_row {
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width:1201px) {
    .vc_row.wpb_row.vc_row-fluid.sticky_pricenav {
    width: calc(100vw - 17px);
    margin-left: calc(50% - 50vw + 8px);
}
.vc_row.wpb_row.vc_row-fluid.sticky_pricenav .container {
    max-width: 100% !important;
}
.vc_row.wpb_row.vc_row-fluid.sticky_pricenav .container ul.srollspy_header_ul {
    width: 100% !important;
    flex-wrap: nowrap;
}
}

.vc_row.wpb_row.vc_row-fluid.sticky_pricenav {
    z-index: 999;
}


@media(min-width:768px){ 
.price_mainrowsecto > .wpb_column.vc_column_container > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.price_mainrowsecto .pricy_newheading {
    position: relative;
}
.price_mainrowsecto .pricy_newheading:before {
    content: "";
    position: absolute;
    right: -170px;
    height: 150px;
    width: 150px;
    top: -60px;
    left: unset !important;
    background: url(https://w3speedup.com/wp-content/uploads/2024/04/100-3-Copy-1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
}

@media(min-width:922px) and (max-width:1150px){ 
.price_mainrowsecto .pricy_newheading:before {
    width: 100px;
    right: -110px;
    top: -30px;
}
.price_mainrowsecto .pricy_newheading {
    max-width: 70%;
}    
}
@media(min-width:768px) and (max-width:991px){ 
.price_mainrowsecto .pricy_newheading:before {
    width: 100px;
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
}
.price_mainrowsecto .pricy_newheading {
    max-width: 60%;
}    
}

@media(max-width:767px){
.custom_header_banner {
   position:relative;
}
.custom_header_banner:after {
    content:"";
    position: absolute;
    left: 50%;
    width: 130px;
    height: 130px;
    transform: translateX(-50%);
    background-image: url(https://w3speedup.com/wp-content/uploads/2024/04/100-3-Copy-1.png);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: center;
    bottom: -65px;
    background-color: #fff;
    border-radius: 50%;
}
}

#w3_wix .vc_column-inner.vc_custom_1636721547037 {
    padding-top: 0 !important;
}
#w3_wordpress .price_table_card_sec.price_grad1.leftprice .vc_column-inner >.wpb_wrapper:after {
    content: 'FREE';
    width: 180px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    text-align: center;
    background: linear-gradient(to right, #000000 30%, #3fb0f8 100%, #20a5b8);
    position: absolute;
    top: 15px;
    left: -60px;
    transform: rotate(315deg);
    padding-top: 4px;
}
@media (max-width:1024px) {
    .top_tab_mobile .sec_header_for_box {
    display: block;
}
.top_tab_desktop {
  display:none;    
 }
     .sticky_pricenav{
        box-shadow: none;
        padding: 0px;
        background:transparent !important;
    }
    
.search-box-container input#searchInput {
    background: none;
    width: 100%;
    padding: 8px;
    border: none;
    color: #323336;
}
    .scrolly_head-a.active{
        background: none !important;
        margin: 5px 0px !important;
        padding: 0px 0px 0px 10px !important;
    }

.search-box-container input#searchInput::placeholder,.search-box-container input#searchInput{
    font-weight: 500;
    font-size: 14px;
}

.search-box-container {
    width: 100%;
}

.search-box-container input#searchInput:focus-visible{
    border-bottom: 1px solid #0066cc;
}

.srollspy_header_ul li a {
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
    border-left: 1px solid #1db5d6;
    color: #303134;
    padding: 0px 0px 0px 10px !important;
    margin: 10px 0px;
}

.srollspy_header_ul li.price_tabb {
    text-align: left;
    margin: 0;
    padding: 0;
    background: none;
}

.sec_header_for_box .container {
    padding: 0;
}

.scrollspyheader {
    padding: 7px 12px;
    background-color: #fff;
    border-radius: 12px;
    /* box-shadow: 0 0 4px 5px #ccc5; */
    top: 28px;
    position: relative;
    border: 1px solid #3fbedc;
}

scrollspyheader .clear-btn img.emoji {
    width: 14px !important;
    height: auto !important;
}
    .srollspy_header_ul{
        padding: 10px 5px;
    }
    
.sticky_pricenav:before {
    content: '';
    width: 100%;
    height: 57px;
    position: absolute;
    top: 0;
    background: #1db5d6;
}
.sec_header_for_box img.emoji {
    width: 14px !important;
}
}
@media (min-width:1025px) {
.top_tab_mobile {
 display:none;
 }
}

/*black friday*/
.custom_header_banner {
    padding-bottom: 210px !important;
    
}
.custom_header_banner {
    background-position: center;
}
@media(max-width: 600px){
    .page-id-13561 .custom_header_banner {
    padding-bottom:90px !important;
}
}
@media(max-width:450px){
     .page-id-13561 .custom_header_banner {
    padding-bottom:10vw !important;
}
}
@media(max-width:767px){
    body .price_mainrowsecto .pricy_newheading,
body .faqq_row .pricy_newheading{
margin-bottom: 50px !important;
}


    /* body .price_mainrowsecto .vc_custom_1636721547037 {
    padding-top: 125px !important;
}

.custom_header_banner:after{
    bottom:-110px !important;
} */
}



/*key purchase form design*/

.woo_product_addon_form p.form-row.form-row-wide.wc-pao-addon-wrap {
    margin-bottom: 0;
}
div#key_verify_button {
    margin-bottom: 20px;
}

div#key_verify_button input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    text-overflow: ellipsis;
    line-height: 1.6;
    color: #000000;
    font-family: system-ui;
}

button#verifyButton {
    border: none;
    padding: 5px 20px;
    border-radius: 4px;
    background: #ffd800;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 600;
}

span.validate_error {
    color: #ffffff;
    font-size: 80%;
    background: #d32f2f;
    padding: 3px 10px;
    margin-bottom: 5px;
    display: inline-block;
    border: 1px solid #ffffff;
}

span.validate_error:not([style*="none"]) ~ input,
span.validate_error:not([style*="none"]) ~ div input,
span.validate_error:not([style*="none"]) ~ input::placeholder,
span.validate_error:not([style*="none"]) ~ div input::placeholder{
    border-color: #d32f2f!important;
    color: #d32f2f !important;
}
span.validate_error:not([style*="none"]) ~ input:not(:placeholder-shown),
span.validate_error:not([style*="none"]) ~ div input:not(:placeholder-shown) {
  border-color: transparent !important; 
  background-color: #ffffff;
  color: #000 !important;
}


.verification-status{
    position: relative;
    margin: 5px 0;
}
.verification-status.loading:after,
.verification-status.failed:after,
.verification-status.success:after{
    content: "";
    top: 8px;
    right: 8px;
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}
.verification-status.loading:after {
   background: transparent;
   border: 2px solid #000000;
   border-radius: 50%;
   border-left-color: transparent;
   animation: spin_nr 1s linear infinite;
}

.verification-status.success:after{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.582 6.957a1 1 0 0 0-1.414-1.414L5.545 16.165l-3.838-3.838a1 1 0 0 0-1.414 1.414l4.545 4.546a1 1 0 0 0 1.415 0zm6 0a1 1 0 0 0-1.414-1.414l-11.33 11.33a1 1 0 0 0 1.415 1.414z' fill='green'/%3E%3C/svg%3E");;}
.verification-status.failed:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24' fill='red'%3E%3Cpath d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8'/%3E%3C/svg%3E");}

@keyframes spin_nr{
    to{
        transform:rotate(360deg)
    }
}

div#key_verify_button .verification-status ~ button#verifyButton:after{
    display: inline-block;
    color: #ffffff;
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 4px;
    letter-spacing: 0.3px;
    line-height: normal;
}

div#key_verify_button .verification-status.failed ~ button#verifyButton:after {
    content: "Key is not verified";
    background-color: #F44336;
}

div#key_verify_button .verification-status.success ~ button#verifyButton:after {
    content: "Key is verified";
    background-color: #4CAF50;
}