/* 1087-codicts-snippet.css */
.c_verified_icon{
    display:none;
}
.vdo-border{
    border-radius:8px;
}

.ts-plan-tabs {
    background: #73757C;
    padding: 15px;
    border-radius: 30px;
    width: fit-content !important;
    padding: 10px 15px 10px 15px !important;
    position: center !important;
    justify-self: center !important;

}

.embed-form-email {
    display: none;
}
.feed_google_review .codicts-google-reviews .codicts-reviews-item {
    min-height: auto;
}



.ts-popup-content-wrapper {
     max-height: 460px !important;
}
.row-copy-item a {
  cursor: pointer;
}
.c_two_lines_heading .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em; /* Adjust line height as needed */
  max-height: 2.8em; /* 2 lines * line height */
}
.c_height_600{
    height:600px !important;
}

.active-plan.plan-panel .ac-plan-pricing {
	display: none !important;
}

.elementor-59562 .elementor-element.elementor-element-d6da960 .ts-plan-name {
    text-align: center;
}

.elementor-625 .elementor-element.elementor-element-2ff105e .ts-plan-name {
    text-align: center;
}

/* 47409-codicts-snippet.css */
.cas-shortcode-stats .codicts-cas-shortcode
{
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}


.cas-shortcode-stats table td:nth-child(2),
.cas-shortcode-stats table th:nth-child(2),
.cas-shortcode-stats table td:nth-child(4),
.cas-shortcode-stats table th:nth-child(4) {
    display: none;
}

.cas-shortcode-stats table td,
.cas-shortcode-stats table th {
    padding-left: 0;
    padding-right: 0;
}

.cas-shortcode-stats .codicts-cas-footer {
    display: none;
}

.cas-shortcode-stats .codicts-cas-clicks-count {
    background-color: #F2EFFC;
    color: #5732E1;
}

.cas-shortcode-stats table th {
    color: rgb(115, 117, 124);
    font-size: 16px;
    width: 50%;
}

.cas-shortcode-stats .codicts-cas-clicks-cell {
    text-align: right;
}

.cas-shortcode-stats table th:nth-child(3) {
    text-align: right;
}

/* =====================================================================
 * Timeframe tabs (24 hours / 7 days / 30 days / 12 months / All)
 * Elementor nested tabs wrapping the click-stats table.
 * Only ONE version should be active at a time.
 * ===================================================================== */

/* ---------------------------------------------------------------------
 * VERSION 1 — segmented control (DISABLED)
 * Grey pill bar, selected tab = white pill with purple text.
 * To use: remove the comment markers around this block and comment out VERSION 2.

.e-n-tabs:has(.cas-shortcode-stats) .e-n-tabs-heading {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 4px !important;
    padding: 4px;
    margin-bottom: 20px;
    background: #F4F4F6;
    border-radius: 10px;
    width: auto !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title {
    padding: 8px 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color .15s, color .15s, box-shadow .15s;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title,
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title * {
    color: #73757C !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="false"]:hover,
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="false"]:hover * {
    color: #1D1E22 !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="true"] {
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .12), 0 1px 2px rgba(16, 24, 40, .06) !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="true"],
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="true"] * {
    color: #5732E1 !important;
    font-weight: 600 !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title:focus-visible {
    outline: 2px solid #5732E1;
    outline-offset: 2px;
}

 * END VERSION 1
 * --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
 * VERSION 2 — match the Voxel "Views" chart tabs (ACTIVE)
 * Mirrors Voxel's .ts-generic-tabs: flex row, left-aligned, 30px below,
 * tabs = Helvetica 16px #313135 with 15px gaps,
 * selected = bold (600) in the site accent blue #04247B.
 * Also strips the 0.5px text-stroke Elementor adds to the selected tab.
 * --------------------------------------------------------------------- */
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tabs-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 0 30px 0 !important;
    width: 100% !important;
    line-height: normal;
    text-rendering: geometricPrecision;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title {
    padding: 0 !important;
    margin: 0 15px 15px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title,
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title :is(span, a, i) {
    color: var(--ts-shade-1, #313135) !important;
    font-family: var(--e-global-typography-text-font-family, "Helvetica"), sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    stroke-width: 0 !important;
}
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="true"],
.e-n-tabs:has(.cas-shortcode-stats) .e-n-tab-title[aria-selected="true"] :is(span, a, i) {
    color: var(--e-global-color-accent, #04247B) !important;
    font-weight: 600 !important;
}
/* END VERSION 2 */

/* ---------------------------------------------------------------------
 * Voxel Views chart — remove the dashed background grid lines.
 * The y-axis numbers stay; only the faint dashed lines behind the bars go.
 * To bring the lines back: delete this rule.
 * --------------------------------------------------------------------- */
.ts-visits-chart .chart-content .bar-values span {
    border-bottom: 0 !important;
}
/* 50243-codicts-snippet.css */
@media screen and (max-width: 1024px) {
    .zsiq_floatmain {
        bottom: 70px !important;
    }
}
/* 53851-codicts-snippet.css */
nav.rank-math-breadcrumb {
    font-size: 12px;
}
/* 54851-codicts-snippet.css */
.elementor-widget-video .e-hosted-video .elementor-video {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}
/* 54954-codicts-snippet.css */
/**
 * Add your css styles here, this will be placed on the document head
**/

body:not(.rtl) .elementor-266 .elementor-element.elementor-element-941fe5a {
    z-index: 9999;
}
/* 55477-codicts-snippet.css */
@media (max-width: 1024px) {
    body .elementor-element.codicts-fix-bottom-mobile-wrapper {
        padding: 16px;
        position: fixed;
        left: 0;
        bottom: 60px;
        z-index: 9;
        padding-right: 80px;
    }
    body .elementor-element.codicts-fix-bottom-mobile
    {
/*         padding: 20px; */
        background: #fff;
        border-radius: 15px;
        border: 1px solid var(--e-global-color-c0a1184);
        box-shadow: -1px -4px 15px 4px #00000069;
        padding: 10px;
/*         gap: 15px; */
    }

     body .elementor-element.codicts-fix-bottom-mobile .ts-product-form.vx-loading .ts-no-posts {
         height: 50px;
         padding: 0;
     }
    
    body .elementor-element.codicts-fix-bottom-mobile .ts-product-main {
        max-height: 55vh;
        overflow: auto;
     }

/*       body .elementor-element.codicts-fix-bottom-mobile-wrapper .ts-product-main .product-actions .ts-btn.form-btn.ts-btn-2 {
        display: inline-flex;
        width: auto;
        min-width: 0;
        margin: auto;
        padding: 0px 40px;
    } */

    .codicts-collapsable-product-wrapper .codicts-collapse-product
    {
        display: grid;
        transition: grid-template-rows 0.2s ease-out; 
        grid-template-rows: 1fr;
    }
    
    .codicts-collapsable-product-wrapper.codicts-collapsable-product-wrapper-collapsed .codicts-collapse-product
    {
        grid-template-rows: 0fr;
    }

    .codicts-collapsable-product-wrapper .codicts-collapse-product .codicts-collapse-product-inner
    {
        overflow: hidden;
    }
    
    .codicts-collapsable-product-wrapper.codicts-collapsable-product-wrapper-collapsed .codicts-collapse-product-icon
    {
        display: none;
    }
    .codicts-collapsable-product-wrapper:not(.codicts-collapsable-product-wrapper-collapsed) .codicts-expand-product-icon
    {
        display: none;
    }
}

@media (max-width: 767px) {
    body .elementor-element.codicts-fix-bottom-mobile-wrapper {
        padding-left: 5px;
    }

  
}

/* 58993-codicts-snippet.css */
/* ==============================================================
   CODICTS CSS GALOREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
    Made for free plan on Onbaording Page to hide useless info :)
   ============================================================== */
.onboarding-free-plan .ts-plan-tabs,
.onboarding-free-plan .ts-plan-desc,
.onboarding-free-plan .ts-plan-features {
    display: none !important;
}

.onboarding-free-plan .ts-plan-body {
    display: grid !important;
    grid-template-columns: 1fr auto; 
    grid-template-rows: auto auto;
    align-items: center; 
    gap: 5px 20px;
    text-align: left;
    width: 100%;
}

.onboarding-free-plan .ts-plan-details {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 0;
}


.onboarding-free-plan .ts-plan-pricing {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    padding: 0;
}


.onboarding-free-plan .ts-plan-footer {
    grid-column: 2;
    grid-row: 1 / span 2; 
    margin: 0 !important;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}


.onboarding-free-plan .ts-plan-footer .ts-btn {
    margin: 0 !important;
}
/* 59929-codicts-snippet.css */
.Product-Label .ts-product-form .ts-form-group .simplify-ul {
    display: none;
}

.Product-Label .ts-product-form .ts-form-group .input-container {
    display: none;
}

.Product-Label .ts-product-form .ts-form-group .ts-btn-2 {
    display: none;
}

/////////// 


/* 60061-codicts-snippet.css */
.elementor-element-6f539ea {
  align-items: center !important;
}

.Product-Label .ts-form .ts-form-group:first-child > label {
  font-family: "Helvetica", Sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.3em !important;
  margin: 0 !important;
  padding: 6px 15px 6px 15px !important;
  margin: 0px 0px 0px 5px !important;
  color: white !important;
  background: red;
  border-radius: 15px !important;
}

.Product-Label .ts-product-form>div {
    grid-gap: 0px !important;
}
/* 59189-codicts-snippet.css */
/**
 * Add your css styles here, this will be placed on the document head
**/

.online-dark {
    color:#fff;
}
