/* cable css */

html.overflow-show,
body.overflow-show {
    overflow-y: hidden;
}

/* new work css */
#top-bar-wrap 
{
	display:none !important;
}
.cst-multifm .cstfm-newfm .loader-wrapper {
    
    background: transparent !important;
   
  }

  .cst-multifm .cstfm-newfm  .f-enter {
    margin: 0 0 0 0 !important;
    margin-bottom:  0 !important;
  }


  .ff-btn-submit-left
{
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cst-multifm .cstfm-newfm .o-btn-action  {
    border:0 !important;
    outline:0 !important;
    padding: 14px 50px !important;
  }

  .cst-multifm .cstfm-newfm .o-btn-action :after {
 
    inset: 0;
   
  }



.cst-pop-equal-btn input[type=submit]
{
    width: fit-content !important;
}

.cst-pop-equal-btn .jet-popup__close-button
{
    margin-top: 0 !important;
}
.cst-top-header .elementor-container .cst-menu
{
 max-width:42%;
 width:100% !important;
}
.cst-top-header .elementor-container .cst-menu-search
{
 max-width:21%;
 width:100% !important;
}

.cst-top-header .elementor-container .cst-menu-search .jet-ajax-search__field
{
    margin: 0 !important;
    padding: 0 !important;
}


.cst-top-header .elementor-container .cst-menu-btn
{
 max-width:fit-content;
 width:100% !important;
}


.cst-top-header .elementor-container .cst-menu-btn .elementor-button
{
 padding:9px 24px !important;
}


body.single-product .woocommerce-tabs ul.tabs  li#tab-title-wcpoa_product_tab,
body.single-product .woocommerce-tabs ul.tabs li 
{
    border-radius:0 !important;
}

body.single-product div.product.elementor ul.tabs li a,
body.single-product .woocommerce-tabs ul.tabs li a
{
    padding: 12px 25px !important;
    border-top: 0 !important; 
    border-bottom: 0 !important;
    margin-right:4px !important;
}

body.single-product.woocommerce  .woocommerce-tabs ul.tabs
{
  display:flex !important;
  gap:5px;
}


   body.single-product.woocommerce h1.page-header-title,
   body.single-product .page-header .page-header-title {   
     max-width: 52%;
     font-size: 16px;
    width: 100%;
 }

 .cst-all-btn  .elementor-col-33 .elementor-element-populated,
 .cst-all-btn  .elementor-col-33 .elementor-element-populated .elementor-widget-container, 
 .cst-top-logo  .elementor-menu-toggle,
 .cst-top-logo,
 .cst-top-logo .elementor-widget-nav-menu .elementor-widget-container,
 .cst-top-logo .elementor-element-populated

 {
  padding:0 !important;
 }

 .cst-top-logo  .elementor-col-50 .elementor-nav-menu--toggle
 {
  max-width:100% !important;
  width:100% !important;
 }


 .cst-all-btn  .elementor-col-33 .elementor-element-populated .elementor-widget-container
 {
  padding:0  !important;
  margin:0 !important;
 }


 .cst-top-logo .elementor-container 
{
  padding: 15px!important;
}


.cst-all-icons .elementor-container, 
.cst-all-btn  .elementor-container 
{
    padding: 0 15px!important;
}

.cst-all-icons .elementor-icon-box-description
{
  font-size:10px !important;
  line-height:14px !important;
}

      .cst-all-btn .elementor-col-33 .elementor-button {
        padding: 8px 10px 8px 8px !important;
        min-width: 96px !important;
       
    }
    .cst-all-btn .elementor-col-33 .elementor-button span
    {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;  
    }

    .cst-all-icons  
    {
   margin-top:15 !important;
    }
    .cst-top-logo .elementor-nav-menu--dropdown
    {
    margin-top:15px !important;
    top: 15px !important;
    }
    .elementor-widget-jet-ajax-search
    {
        max-width:100% !important;
        width:100% !important;
    }


    .cst-eutx-content .cst-eutx-menu-wrap
    {
        width:48% !important;
    }
    .cst-eutx-content .cst-eutx-menu-wrap .elementor-widget-wrap   
{
    display: flex;
    align-content: center;
}

    
    .cst-eutx-content .cst-eutx-right
    {
     
        width:52% !important;
    }
    
    
    .cst-eutx-content .cst-eutx-right .elementor-widget-wrap
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1%;
    }
    
    .cst-eutx-content .cst-eutx-right .cst-eutx-search
    {
        max-width:38% !important;
        width:100% !important;
    }
    
    .cst-eutx-content .cst-eutx-right  .elementor-button {
        font-size: 14px !important;
        padding: 11px 18px !important;
        line-height: 16px !important;
    }

/* new work css end  */




body.page-template-template-thankyou header.page-header h1,
body.page-template-template-thankyou header.page-header .site-breadcrumbs {
    display: none;
}

.thanyou-section {

    padding: 110px 0;
}


.top_star {
    bottom: 50px;
    left: -75px;
}

.bottom_star {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}



.share-cart {
    background: #FFE41B;
    position: sticky;
    right: 0;
    top: 50px;
    border-radius: 10px 0px 0px 10px;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: auto;
}

.pos-relative {
    position: relative;
}


.share-cart svg {

    width: 40px;
    height: 53px;
    position: relative;
    top: 6px;


}

.count_enq {

    position: absolute;
    top: -10px;
    right: 5px;
    z-index: 2;
    font-size: 11px;
    border-radius: 50%;
    background: #000;
    width: 24px;
    height: 24px;
    line-height: 16px;
    display: flex;
    text-align: center;
    color: white;
    font-weight: bold;
    align-items: center;
    justify-content: center;

}


.thanyou_wrap {
    max-width: 814px;
    position: relative;
    width: 100%;
    font-family: "Product Sans", Sans-serif;
    margin: 0 auto;

}

.width_470 {
    max-width: 470px;
    width: 100%;
    margin: 26px auto 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.width_470 h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    margin: 0;
}

.width_470 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 0;

}

.width_txt {
    margin: 15px auto 21px auto;
}


.thanyou_img img.bottom_star,
.top_star {
    width: 50px;
    height: 50px;
    object-fit: cover;
    position: absolute;
}

.thanyou_img {
    text-align: center;
    position: relative;
}

.thanyou_img img {
    height: 172px;
    width: 172px;
    object-fit: cover;
}

.home_redirect {
    background: #000000;
    border-radius: 30px;
    padding: 15px 30px;
    color: #fff;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    display: flex;
    gap: 12px;
}

.home_redirect:hover {
    color: #fff;
    border: 0;
    outline: none;
}

/* cable css */




.quotes-banner {
    position: relative;
}


.quotes_div {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}



.quotes-banner::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}


.quotes_text {
    max-width: 264px;
    font-family: "Product Sans", Sans-serif;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 164px 0;
    z-index: 1;
    position: relative;
    color: #fff;
    text-align: center;
}

.quotes_text h1 {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 16px;
    color: #fff;
}

.quotes_text p {

    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

/* box css */
.cst-container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;

}

.Grids-3 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
}

.three-box {
    max-width: 1023px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -64px;
}


.data_box {
    background: #FFE41B;
    border-radius: 5px;
    text-align: center;
    color: #000;
    position: relative;
    font-family: "Product Sans", Sans-serif;
}

.box_90 {
    width: 90px;
    height: 90px;
    background: #F5F5F5;
    border-radius: 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -45px;
    margin-left: auto;
    margin-right: auto;
}

.box_90 img {
    width: 42px;
    width: 42px;
    object-fit: cover;
}

.data_box_text {

    max-width: 263px;
    width: 100%;
    margin: 19px auto 30px auto;
}

.data_box_text h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;

    text-transform: capitalize;
}

.data_box_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0;


}


.cst_active {
    display: block;
    border: 3px solid #ffe41b; 
}


.cst_hide {
    display: none;
}

.cst_activelink {
    color: red;
}

/* users cable */
.in_active,
.cross_svg,

.step_2_cross_svg,
.step_parent.current_active.in_active .step_2_add_svg,

.step_3_cross_svg,
.step3_cable_parent.current_active.in_active .step_3_add_svg,


.step_4_cross_svg,
.step4_cable_parent.current_active.in_active .step_4_add_svg,


.parent_accordian.current_active .onclick-items .first_close .plus_svg,
.step_parent.current_active .onclick-items .second_close .step_2_add_svg,
.step3_cable_parent.current_active .onclick-items .step3_close .step_3_add_svg,
.step4_cable_parent.current_active .onclick-items .step4_close .step_4_add_svg,


.itemsshow-hide,
.products_cable_click.current_active .first_close .plus_svg,
.products_cable.current_active.in_active .plus_svg {
    display: none;
}

/*

.collection_items,
.collection_3rd_steps,
.collection_4rd_step,
.collection_5rd_step,
*/



.products_cable.current_active.in_active .first_close .cross_svg,

.step_parent.current_active.in_active,
.step_parent.current_active.in_active .step_2_cross_svg,

.step3_cable_parent.current_active.in_active,
.step3_cable_parent.current_active.in_active .step_3_cross_svg,


.step4_cable_parent.current_active.in_active,
.step4_cable_parent.current_active.in_active .step_4_cross_svg,


.parent_accordian.current_active .onclick-items .first_close .cross_svg,
.step_parent.current_active .onclick-items .second_close .step_2_cross_svg,
.step3_cable_parent.current_active .onclick-items .step3_close .step_3_cross_svg,
.step4_cable_parent.current_active .onclick-items .step4_close .step_4_cross_svg,


.products_cable.current_active.in_active,
.products_cable_click.current_active .cross_svg {
    display: block;
}

.parentclass.current_active .itemsshow-hide.collection_items .parentclass.step_parent.current_active .onclick-items.step2_cable_click,
.step_parent.current_active.in_active .step2_cable_click {
    background: #FFE41B;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.collection_4rd_step .step4_cable_step .step4_close img {
    margin-right: unset;
}

.collection_5rd_step {
    padding: 15px 0 0 5px;
    width: 96%;
    margin-left: auto;

}


.step5_cable_step {
    margin-bottom: 13px;
    cursor: pointer;
    display: flex;
}

.step_parent.current_active.in_active,
.collection_5rd_step .step5_cable_step:last-child {
    margin-bottom: 0;
}


.step5_cable_step img {
    width: 32px;
    height: 32px;
    margin-right: 15px;
    object-fit: cover;
}


.cable-box {
    margin: 55px 0;
    font-family: "Product Sans", Sans-serif;
}

.cst_tabli a,
.cst_tabli a:hover,
.cst_tabli a:focus {
    outline: none !important;
    border: 0;
    text-decoration: none;

}

.savedPorducts_list {
    flex: 0 0 75%;
    font-weight: 600;
}

.products_cable {
    /*flex: 1;  flex-basis: 100%;*/
    flex-basis: 47%;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 29px 23px;
    box-sizing: border-box;
    position: relative;
    border-left: 5px solid #FFE41B;

}

.products_cable_click {
    position: relative;
}


.parentclass.current_active .products_cable_click::after {
    position: absolute;

    height: 1.4px;
    background: #000000;
    color: #000000;
    content: '';
    z-index: 1;
    left: 0;
    bottom: -28px;
    width: 100%;




}


.parentclass.step_parent.current_active {
    /*margin-top:56px;*/
}

.parentclass.products_cable.current_active .products_cable_click {
    margin-bottom: 58px;
}

.step4_cable_step,
.step3_cable_step,
.step2_cable_click,
.products_cable_click {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;

}


.step4_cable_step,
.step3_cable_step {
    width: 97.5%;
    background: #F5F5F5;
    padding: 9px 12px;
    margin-left: auto;
    margin-bottom: 18px;
}

.collection_4rd_step .step4_cable_step {
    background: #F5F5F5;
    width: 96%;
}





.step4_cable_step img,
.step3_cable_step img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    margin-right: 8px;
}


.step4_cable_step .cable_13,
.step3_cable_step .cable_13 {

    line-height: 32px;

}

.step3_close img {
    width: 21px;
    height: 21px;
    margin: 0;
    object-fit: cover;
}



.content_data {
    flex: 0 0 90%;
}

.step_parent {
    margin-bottom: 28px;
}



.step3_cable_step:last-child,
.step_parent:last-child {
    margin-bottom: 0;
}

.collection_3rd_steps {
    margin-top: 25px;
}




.step2_wrap img,
.content_data img {
    width: 37px;
    height: 37px;
    margin-right: 20px;
    object-fit: cover;
}

.content_data .cable_txt {

    line-height: 37px;

}

.cable_13 {
    font-weight: 400;
    font-size: 13px;
    line-height: 37px;
    text-transform: uppercase;
}

.cross_step_2 {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.step4_close img {
    width: 21px;
    height: 21px;
    object-fit: cover;
}


.cst_tabli .tab_link {
    display: flex;
    align-items: center;
}

.tabs_products {

    /*  gap: 67px;*/
    display: flex;
    flex-wrap: wrap;
    gap: 30px 6%;

}

.products_cable.current_active {
    flex-basis: 100%;
}


/*
.products_cable:nth-child(1) {
    flex-grow: 1;
    flex-basis: 100%;
}

.products_cable:nth-child(2) {
    flex-basis: 100%;
}
.hr_line {
    margin: 28px 0;
    height: 1.4px;
    background: #000000;
}
*/



.step2_cable_click {
    box-shadow: 0px 0px 4px 6px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 13px 9px;
}

.tabs_wrap {
    background: #F5F5F5;
    padding: 35px 22px 48px 22px;
    border: 3px solid #ffe41b; 

}

.cable_ul {
    background: #1E1E20;
    padding: 36px 0 0 22px;
}

.cable_onul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 24px;
}

.cst_tabli {
    background: #F5F5F5;
    backdrop-filter: blur(2px);
    min-width: 240px;
    border-radius: 10px 10px 0px 0px;
    padding: 8px 24px;
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.cst_tabli.cst_activelink {
    background: #FFE41B;
}


.cst_tabli.cst_activelink:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -3px;
    left: 0;
    background: rgba(255, 228, 27, 0.25);
    transform: matrix(1, 0, 0, -1, 0, 0);
}




.cable_v img {
    width: 48px;
    height: 48px;
    margin-right: 22px;
}

.cable_txt {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

/*thank you page*/

/* popup */

.width_692,
.cableHeading,
.glandHeading,
.accessoriesHeading {
    display: none;
}

.cablePopup .width_692.cable,
.glandPopup .width_692.gland,
.accessoriesPopup .width_692.accessories,
.cablePopup .width_692.cable,
.cablePopup .cableHeading,
.glandPopup .glandHeading,
.accessoriesPopup .accessoriesHeading {
    display: block;
}

.hide-remove {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.8) !important;

}

.cst-close-poup {
    position: absolute;
    font-family: "Product Sans", Sans-serif;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    cursor: pointer;
    background: #FFE41B;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cst-popup {
    position: fixed;
    /*
    transition: all 120ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100vw;
  height: 100vh;
  */
    inset: 0;
    background: #fff;
    width: 100%;
    min-height: 100vh;
    overflow-y: auto;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.09), 0px 11px 12px 7px rgba(0, 0, 0, 0.02);

    z-index: 999;
    padding: 0;
    color: #000;

}

body .site-main.relative-hide {
    position: unset !important;
}


.popup-body {
    width: 100%;
    min-height: 100vh;
    overflow-y: auto;
    display: flex;

}

.popup_left {
    position: relative;
    flex: 0 0 39%;
    background-color: #FFE41B;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.popup_right {

    flex: 0 0 61%;
    background-color: #FFF;
    padding-top: 105px;
}

.popup_logo {
    max-width: 178px;
    width: 100%;
    height: 56px;
    object-fit: cover;
}

.width_435 {
    max-width: 435px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;

}

.width_435 .popup_banner_img img {
    width: 283px;
    height: 330px;
    object-fit: contain;
}

.banner_display {

    font-family: "Product Sans", Sans-serif;
    margin-left: 5px;
    margin-right: 5px;
    padding: 27px 17px 13px 17px;
    background: #FFFFFF;
    border-radius: 7px;
}

.popup_banner_img {
    text-align: center;
}

.banner_display h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 22px;
}

.call_to_connect a {
    display: flex;
    gap: 10px;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.call_to_connect img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.call_to_connect span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.call_to_connect a:focus {
    outline: none !important;
}

.cableInfo,
.savedPorduct_main,
.width_692 {
    max-width: 712px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;

}

.cableInfo h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #000000;
}

.gfield_label.gform-field-label {
    color: #000;
}

.call-popup .gform_wrapper.gravity-theme {
    font-family: 'Product Sans';
    font-weight: 400;
    font-size: 14px;

    color: rgba(32, 41, 47, 0.6);
}

/* .call-popup .gform_wrapper.gravity-theme .gfield_label {
    display: none;
} */

.call-popup .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: unset;
    grid-row-gap: unset;
}


.call-popup .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    margin: 0 15px 15px 15px;
}

.call-popup .gform_wrapper.gravity-theme .gfield.gfield--width-full {
    margin: 0 15px 0 15px;
}

/*
  .call-popup .gform_wrapper.gravity-theme .gf_page_steps,
.cableInfo
{
   padding-left:25px;
   padding-right:25px;

}
*/


.call-popup .gform_wrapper.gravity-theme .gfield textarea,
.call-popup .gform_wrapper.gravity-theme .gfield input,
.call-popup .gform_wrapper.gravity-theme .gfield select {
    max-width: 100%;
    padding: 9px 24px 9px 24px !important;
    background: #F0F4F8;
    border: 1px solid #F0F4F8;
    border-radius: 3px;
    height: 45px;
    font-family: "Product Sans", Sans-serif;


}

.call-popup .gform_wrapper.gravity-theme .gfield textarea {
    height: 110px !important;
    resize: none;
}

.call-popup .gform_wrapper.gravity-theme .gfield input::placeholder,
.call-popup .gform_wrapper.gravity-theme .gfield select::placeholder {

    text-transform: capitalize;
    color: rgba(32, 41, 47, 0.6);

}

.call-popup .gform_wrapper.gravity-theme .gfield input::-webkit-input-placeholder,
.call-popup .gform_wrapper.gravity-theme .gfield select::-webkit-input-placeholder {
    /* Edge */

    text-transform: capitalize;
    color: rgba(32, 41, 47, 0.6);
}

.call-popup .gform_wrapper.gravity-theme .gfield select:-ms-input-placeholder,
.call-popup .gform_wrapper.gravity-theme .gfield input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    text-transform: capitalize;
    color: rgba(32, 41, 47, 0.6);
}

.call-popup .gform_wrapper.gravity-theme .gfield select::-ms-expand {
    display: none;
}

.call-popup .gform_wrapper.gravity-theme .gfield select {

    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjE3NSAwLjE1ODQ0N0w1IDMuOTc1MTFMOC44MjUgMC4xNTg0NDdMMTAgMS4zMzM0NUw1IDYuMzMzNDVMMCAxLjMzMzQ1TDEuMTc1IDAuMTU4NDQ3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
    background-size: .65em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}


.call-popup .gform_wrapper.gravity-theme .gform_footer button,
.call-popup .gform_wrapper.gravity-theme .gform_footer input,
.call-popup .gform_wrapper.gravity-theme .gform_page_footer button,
.call-popup .gform_wrapper.gravity-theme .gform_page_footer input,
.call-popup .gform_wrapper.gravity-theme .gform_previous_button.button,
.call-popup .gform_wrapper.gravity-theme .gform_save_link.button,
.call-popup .moreProduct {
    border: 0;
    margin: 0;
    background: #000;
    padding: 14.5px 15px;
    border-radius: 3px;
    color: #fff;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
}


.call-popup .gform_wrapper.gravity-theme .gsection {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.call-popup .gform_wrapper.gravity-theme h3.gsection_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #000000;
    margin: 0 15px 28px 15px;
}

.cst-popup .gform-body.gform_body {
    margin-left: -15px;
    margin-right: -15px
}



.call-popup .gform_wrapper.gravity-theme .gf_page_steps {
    border: 0;
    margin: 0 0 35px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.call-popup .gform_wrapper.gravity-theme .gf_step_number {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(176, 185, 193, 1);
    color: #B0B9C1;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 50%;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: capitalize;

}

.call-popup .gform_wrapper.gravity-theme .gf_step {
    display: inline-block;
    padding: 0 14px;
    background: #fff;
    margin: 0;
    z-index: 1;
}

.call-popup .gform_wrapper.gravity-theme .gf_step_label {

    display: none;
}


.call-popup .gform_wrapper.gravity-theme .gf_step:first-child:after {

    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #B0B9C1;
    position: absolute;
    top: 19px;
    left: 54px;
    /*left: 7.5%;*/
    z-index: 1;
}

.call-popup .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.call-popup .gform_wrapper.gravity-theme .gf_step:first-child {
    padding-left: 0;
}

.call-popup .gform_wrapper.gravity-theme .gf_step:last-child {
    padding-right: 0;
}

.call-popup .gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 46px 0 30px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5%;
}

.call-popup .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
    border: 1px solid rgba(176, 185, 193, 1);
    color: #607382;
    background: #607382;
    border-radius: 50%;
    content: "";
    display: table-cell;
    height: 40px;
    width: 40px;
    left: -1px;
    top: -1px;
    position: absolute;


}

.call-popup .gform_wrapper.gravity-theme .gform_page_footer input,
.call-popup .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button,
.call-popup .gform_wrapper.gravity-theme .gform_previous_button.button {

    background-size: 21px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHg9IjIxIiB5PSIxNiIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDIxIDE2KSIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTY4XzU0NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC4wNDE2NjY3IDAgMCAwLjA1NDY4NzUgMCAtMC4xNTYyNSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xNjhfNTQ3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQmdBQUFBWUVBUUFBQUFhN2lrd0FBQUFJR05JVWswQUFIb21BQUNBaEFBQStnQUFBSURvQUFCMU1BQUE2bUFBQURxWUFBQVhjSnk2VVR3QUFBQUNZa3RIUkFBQXFvMGpNZ0FBQUFsd1NGbHpBQUFBWUFBQUFHQUE4R3RDendBQUFBZDBTVTFGQitjR0Fnd2xOc3lQQUtzQUFBQmxTVVJCVkVqSDdaU3hEWUF3RUFQTmh3MHpSRVpJQ1dYR1lBOFdTNVdqb0tKQ1NEeWkrQnZBSjd1d0ZBUjNRRXFRczU5Z2xBSUE2K3JVd0F5MjdaUzBGcExIa3BteDcrOFpKTWxNMHhoU3JkQzd1VlR4NGpyUnNrUzRmN2oweVZVNG4xM3dmdzV4QUlvNFBRM2ZWd0FBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPgo=");
    padding: 14.5px 45px;
    width: 124px;
    text-align: center;


}


.call-popup .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button {
    background-position: 88px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxNiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTY4XzU0MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC4wNDE2NjY3IDAgMCAwLjA1NDY4NzUgMCAtMC4xNTYyNSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xNjhfNTQxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQmdBQUFBWUVBUUFBQUFhN2lrd0FBQUFJR05JVWswQUFIb21BQUNBaEFBQStnQUFBSURvQUFCMU1BQUE2bUFBQURxWUFBQVhjSnk2VVR3QUFBQUNZa3RIUkFBQXFvMGpNZ0FBQUFsd1NGbHpBQUFBWUFBQUFHQUE4R3RDendBQUFBZDBTVTFGQitjR0Fnd2xOc3lQQUtzQUFBQmxTVVJCVkVqSDdaU3hEWUF3RUFQTmh3MHpSRVpJQ1dYR1lBOFdTNVdqb0tKQ1NEeWkrQnZBSjd1d0ZBUjNRRXFRczU5Z2xBSUE2K3JVd0F5MjdaUzBGcExIa3BteDcrOFpKTWxNMHhoU3JkQzd1VlR4NGpyUnNrUzRmN2oweVZVNG4xM3dmdzV4QUlvNFBRM2ZWd0FBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.call-popup .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"] {

    padding: 14.5px 15px;
    background-position: 75px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxNiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTY4XzU0MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC4wNDE2NjY3IDAgMCAwLjA1NDY4NzUgMCAtMC4xNTYyNSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xNjhfNTQxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQmdBQUFBWUVBUUFBQUFhN2lrd0FBQUFJR05JVWswQUFIb21BQUNBaEFBQStnQUFBSURvQUFCMU1BQUE2bUFBQURxWUFBQVhjSnk2VVR3QUFBQUNZa3RIUkFBQXFvMGpNZ0FBQUFsd1NGbHpBQUFBWUFBQUFHQUE4R3RDendBQUFBZDBTVTFGQitjR0Fnd2xOc3lQQUtzQUFBQmxTVVJCVkVqSDdaU3hEWUF3RUFQTmh3MHpSRVpJQ1dYR1lBOFdTNVdqb0tKQ1NEeWkrQnZBSjd1d0ZBUjNRRXFRczU5Z2xBSUE2K3JVd0F5MjdaUzBGcExIa3BteDcrOFpKTWxNMHhoU3JkQzd1VlR4NGpyUnNrUzRmN2oweVZVNG4xM3dmdzV4QUlvNFBRM2ZWd0FBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPgo=");

}


.call-popup .gform_heading .gform_required_legend {
    display: none;
}



.call-popup .gform_wrapper.gravity-theme .gfield_description,
.call-popup .gform_wrapper.gravity-theme .gform_validation_errors {
    background: transparent;
    border: 0;
    line-height: 19px;
    font-weight: 600;
    border-radius: 0;
    box-shadow: unset;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    text-align: left;

}

.prod-item {
    display: flex;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 8px 20px;
    justify-content: space-between;
    align-items: center;
    font-family: "Product Sans", Sans-serif;
    margin-bottom: 10px;
    background-color: #FFE41B;
}

.savedPorduct_main {
    margin-bottom: 20px;
}

.prod-item img {
    width: 16px;
    height: 16px;
    cursor: pointer;

}

.savedProduct_qty {
    font-weight: 600;
}

.call-popup .gform_confirmation_message {
    font-weight: 700;
    font-family: "Product Sans", Sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 22px;
    text-align: center;
}

#input_24_4:disabled{
color: #000;
}


/* popup css end */


body.search-results .oceanwp-toolbar.clr{
    display: none;
}

.ff_conv_app_9 .q-inner .o-btn-action:focus::after{
    box-shadow: none !important;
}

/* responsive css */

@media screen and (max-width: 992px) {


    .thanyou-section {
        padding: 70px 0;
    }

    .top_star {

        left: 0px;

    }


    /* popup css */

    .call_to_connect span,
    .banner_display h2 {

        font-size: 16px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .call_to_connect img {
        width: 21px;
        height: 21px;

    }

    .cable_onul {

        gap: 8px;
    }

    .cable_v img {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .cable_ul {

        padding: 36px 0 0 10px;
    }


    .tabs_products {

        gap: 20px;
    }

    .products_cable {

        padding: 20px 23px;

    }

    .popup_right {

        padding-top: 55px;
    }

    .width_435 .popup_banner_img img {
        width: 240px;
        height: 300px;

    }

    .call-popup .gform_wrapper.gravity-theme .gf_page_steps {

        margin: 0 0 20px 0;

    }

    .cableInfo h2 {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 22px;
    }

    .share-cart {
        width: 46px;
        height: 46px;
        top: -50px;
    }

    .share-cart svg {
        width: 34px;
        height: 40px;
    }


}

@media screen and (max-width: 767px) {






    .cable_ul {

        padding: 15px 0 0 5px;
    }


    .cable_onul {

        gap: 10px;
    }

    .cst_tabli {

        min-width: 80px;
        border-radius: 10px 10px 0px 0px;
        padding: 4px 8px;

    }

    .cable_v img {
        width: 26px;
        height: 26px;
        margin-right: 4px;
        object-fit: contain;
    }

    .step2_wrap img,
    .content_data img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        object-fit: contain;
    }

    .first_close img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

    .step5_cable_step img {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        object-fit: contain;
    }


    .hr_line {
        margin: 20px 0;

    }

    .cable_txt {
        font-size: 13px;
        line-height: 18px;
    }

    .cable_onul {
        gap: 5px;
    }


    .cst_tabli {
        min-width: 80px;
        border-radius: 6px 6px 0px 0px;
        padding: 6px 10px;
    }

    .tabs_wrap {
        padding: 24px 15px 34px 15px;
    }

    .products_cable {
        padding: 15px 10px;
        border-left: 3px solid #FFE41B;
    }

    .second_close img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }


    .step4_close img,
    .step3_close img {
        width: 16px;
        height: 16px;
        object-fit: contain;
    }



    .tabs_products {
        gap: 25px;
        flex-direction: column;
    }

    .cable_13 {

        line-height: 28px;
    }

    .step4_cable_step,
    .step3_cable_step {
        padding: 8px 10px;
    }

    .collection_5rd_step {
        padding: 0px 0 0 5px;

    }

    .quotes_text {

        padding: 120px 0;

    }

    .quotes_div {

        background-size: cover;

    }

    .step-box .Grids-3 {

        grid-template-columns: repeat(1, 1fr);
        gap: 70px;
    }


    .thanyou_img img.bottom_star,
    .top_star {
        width: 30px;
        height: 30px;
        object-fit: contain
    }

    .width_470 h1 {

        font-size: 30px;

    }

    .data_box_text h2 {

        font-size: 16px;
        line-height: 18px;

    }

    .data_box_text p {

        font-size: 14px;
        line-height: 18px;

    }

    .popup-body {
        flex-direction: column;
    }

    .popup_right,
    .popup_left {
        flex: 0 0 100%;
    }

    .popup_banner_img {
        display: none;
    }

    .popup-body {

        height: auto;
    }

    .popup_left {
        padding: 50px 0;
        gap: 20px;

    }

    .banner_display {
        padding: 15px;
        margin: 0 15px;
    }

    .popup_right {
        padding-top: 50px;
    }

    .call-popup .gform_wrapper.gravity-theme .gform_footer,
    .gform_wrapper.gravity-theme .gform_page_footer {
        margin: 30px 0px !important;

    }

}