body{
       font-family: Work Sans, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    letter-spacing: 0;
    line-height: 1.5;
        color: #363636;
    margin: 0;
    padding: 0;
}

pre {
  white-space: break-spaces;
}
* {
  box-sizing: border-box;
}

.content-wrapper{
        max-width: 100%;
    margin-right: auto;
    margin-left: auto;
        margin: 0 auto;
    padding: 0 10px;
        max-width: 1344px;
}




pre {
  white-space: break-spaces;
}
* {
  box-sizing: border-box;
}

.pricing__box_list ul li span {
    display: inline-block;
}
.pricing_slider_section { background-position: 50%; background-repeat: no-repeat; background-size: cover; padding: 150px 0 100px;   background-size: 100% 100%;}
.pricing_slider_heading h1 { background: linear-gradient(91.26deg, #a3eae2 13.97%, #fff 99.75%); -webkit-background-clip: text; font-size: 48px; font-weight: 700; line-height: 52.5px; text-align: center; -webkit-text-fill-color: transparent; background-clip: text; margin: 0 !important }
.pricing_slider_text h3 { align-items: center; color: #fff; margin: 0 }
.pricing_slider_heading { padding-bottom: 50px; text-align: center }
.pricing_slider_text h3 { padding-top: 20px }
.pricing_slider_btn_wrap ul { list-style: none; margin: 0; padding: 0 }
.pricing_slider_btn_wrap { align-items: center; display: flex }
.defulf_text { align-items: center; border: 1px solid #fff; border-radius: 30px; color: #fff; cursor: pointer; display: inline-block; gap: 70px; padding: 10px 20px }
.pricing_slider_btn_wrap { gap: 20px; justify-content: center }
ul.currency_ropdown_list { background: #fff; border-radius: 15px; color: #000; display: none; gap: 5px; left: 0; list-style: none; margin: 0; min-width: 100px; padding: 10px; position: absolute; right: 0; text-transform: uppercase; top: 50px; z-index: 99 }
.pricing__select_drop { position: relative }
ul.currency_ropdown_list li { background: #475fc62b; background: transparent; border-radius: 20px; display: inline-block; margin: 5px 0; padding: 5px 18px; transition: all .4s ease; width: 100% }
ul.currency_ropdown_list li:hover { background: #475fc62b }
span.slid_active_arrow { display: none }
li.active span.slid_active_arrow { display: inline-flex }
.defulf_text { display: flex; gap: 40px; text-transform: uppercase }
ul.currency_ropdown_list li { padding-left: 35px; position: relative }
span.slid_active_arrow { left: 11px; position: absolute; top: 11px }
ul.currency_ropdown_list li.active { background: #475fc62b }
span.arrow_down { display: inline-flex; height: 15px; position: relative; transition: all .3s ease; width: 15px }
span.arrow_down span { border-color: #fff; border-style: solid; border-width: 0 0 2px 2px; bottom: 0; height: 60%; left: 0; margin: auto; position: absolute; right: 0; top: -5px; transform: rotate(-45deg); width: 60% }
.pricing_top_column { margin: 0 auto; max-width: 900px }
.pricing_slider_rang { padding-top: 61px }
.pricing_slider_rang input[type=range] { -webkit-appearance: none; background: linear-gradient(90deg, #59c3b7 0, #5cb4ff var(--slide_fill, 0), #f3f5f7 var(--slide_fill, 0)); border-radius: 20px; height: 16px; margin: 20px 0; outline: none; transition: background .3s ease-in-out; width: 100% }
.pricing_slider_rang input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: linear-gradient(180deg, #59c3b7 -25%, #5cb4ff 125%); border-radius: 50%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15), 0 5px 10px 0 rgba(0, 0, 0, .05); cursor: pointer; height: 24px; width: 24px }
.pricing_slider_rang input[type=range]::-moz-range-thumb { background: linear-gradient(180deg, #59c3b7 -25%, #5cb4ff 125%); border-radius: 50%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15), 0 5px 10px 0 rgba(0, 0, 0, .05); cursor: pointer; height: 24px; width: 24px }
.slider_values { align-items: center; color: #fff; display: flex; justify-content: space-between; position: relative }
.slider_values span { color: #fff; font-size: 16px; font-weight: 500; line-height: 20px }
.current_price { background: #fff; border-radius: 5px; border-radius: 30px; color: #000; left: 50%; padding: 5px 10px; position: absolute; top: -5px; transform: translateX(-10%); transition: left .1s ease }
.pricing_slider_inner_btn ul { align-items: center; border: 1px solid #fff; border-radius: 30px; display: flex; flex-flow: wrap; gap: 5px; padding: 5px 5px }
.pricing_slider_inner_btn ul li a { background: transparent; border-radius: 30px; color: #fff; display: inline-block; font-size: 15px; font-weight: 500; line-height: 22px; padding: 6px 15px }
.pricing_slider_inner_btn ul li { margin: 0; cursor: pointer; }
.pricing_slider_inner_btn li.active{ pointer-events: none; }
.pricing_slider_inner_btn li.active a { background: #fff; color: #7c5dd9; pointer-events: none; }
.pricing_slide_row { align-items: center; display: flex; flex-flow: wrap; margin: 0 -10px; padding-top: 30px }
.pricing_slider_content_box { background: #fff; border-radius: 20px; box-shadow: 0 20px 40px 0 #418be526; margin: 10px; padding: 30px; transition: all .4s ease; width: calc(33.33333% - 20px); cursor: pointer; }
.pricing__box_button .defult_text { background: linear-gradient(180deg, #0060b3 -295.37%, #7c5dd9 163.89%); border-radius: 30px; color: #fff; display: inline-block; font-family: Work Sans; font-size: 20px; font-weight: 600; gap: 10px; letter-spacing: 0; line-height: 25px; padding: 12px 30px; text-align: center; transition: all .4s ease; width: 100% }
.pricing__box_sub_text { font-weight: 500; padding-top: 15px }
.pricing__box_list ul { list-style: none; margin: 0; padding: 0 }
.pricing__box_list { padding-top: 30px }
.pricing__box_button { padding-top: 50px }
.pricing__box_list ul li { color: #1e1e1e; font-size: 16px; line-height: 22px; margin: 0; padding: 5px 0 }
span.pricing__icon { margin-right: 5px }
.pricing_slider_core { align-items: center; display: flex; gap: 12px; justify-content: center }
.pricing__box_description { padding-top: 30px; text-align: center }
.pricing_slider_core_title { color: #333; font-family: Work Sans; font-size: 28px; font-weight: 600; letter-spacing: .11px; line-height: 100% }
.pricing__prize { font-size: 64px; font-weight: 700; margin-bottom: 3px; padding-top: 20px }
.pricing__prize, .pricing__prize_title { color: #7c5dd9; font-family: Work Sans; letter-spacing: .11px; line-height: 100%; text-align: center }
.pricing__prize_title { font-size: 16px; font-weight: 500; padding-top: 10px }
.price__cover_two { padding-top: 30px; text-align: center }
.price__cover_text { font-size: 18px; line-height: 25px; padding-top: 15px }
.price__cover_title { color: #7c5dd9; font-size: 25px; font-weight: 700; line-height: 30px; padding-top: 20px }
.total__pricing_part { background: linear-gradient(90deg, #418be5, #7c5dd9); bottom: 0; left: 0; overflow: hidden; padding: 25px 0; position: fixed; right: 0; top: auto; z-index: 999 }
.total_row_main { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; flex-flow:wrap; gap:20px; }
.total_btn a { background: linear-gradient(180deg, #fff -16.67%, #e5f3ff); border-radius: 25px; border-width: 0; color: #7c5dd9; display: inline-block; font-family: Work Sans; font-size: 20px; font-weight: 600; line-height: 22px; padding: 16px 48px }
.total_left_title_box { color: #fff; font-size: 36px; font-weight: 400; line-height: 42px; }
span.chang_price, span.defult_sign { color: #fff; font-size: 36px; font-weight: 700; line-height: 35px }
span.defult_text { font-size: 16px; font-weight: 700; line-height: 20px }
.current_price { min-width: 70px }
.pricing_slider_btn_wrap { flex-flow: wrap }
.pricing_slide_row { justify-content: center;}
.price_sign {  padding-right: 3px; }
.pricing__prize { display: inline-flex;  justify-content: center;   margin: 0 auto; }
.price__wrapper{     text-align: center;  }

.hove_msg {
  display: inline-block;
  padding: 3px 13px;
  border-radius: 30px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  min-width: 366px;
  position: absolute;
  top: -45px;
  left: -100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}



li.disabled:hover .hove_msg {
  opacity: 1;
  visibility: visible;
}


.pricing_slider_inner_btn li {
  transition: all 0.3s ease-in-out;
}



span.price_sign.remove { display: none; }
.pricing_slider_inner_btn ul li.disabled a {
  cursor: no-drop;
}

.change_value.contact {
  font-size: 32px;
  line-height: 48px;
}

.pricing__prize_title.remove {
  padding: 0;
}

.contact_us span {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

@keyframes slideAnimation {
  0% { transform: translateX(0);}
  50% { transform: translateX(100%);}
  100% { transform: translateX(0);}
}

.animation_active .round_shap { animation-name: slideAnimation; animation-duration: 10s; animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);   
  animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: forwards; }
.round_shap { position: absolute; top: -100px; left: -100px; right: 200px; z-index: -1; }
span.round_shap_cover_box svg { width: 300px; height: 300px; vertical-align: middle; }
span.round_shap_cover_box { display: block; }
.price__cover_two {  display: none;}

.custom_tag { position: absolute; top: 5px; right: 6px; }
.custom_tag span { display: inline-block; padding: 3px 14px; background: #1865b9; color: #fff; border-radius: 0 12px; font-weight: 500; font-size: 16px; line-height: 25px;  background: #4896FF;}

.pricing_slider_content_box { position: relative; border: 4px solid transparent;  }
.pricing_slider_content_box.active { border: 4px solid #4896FF; }
.pricing_slider_content_box:hover {transform: translateY(-10px);}
.pricing_slider_section { padding-bottom: 30px;}


.pricing_slider_inner_btn li.disabled {opacity: 1; cursor: no-drop; pointer-events: none; }
.pricing_slider_inner_btn li.disabled a {opacity: 0.5; cursor: no-drop; pointer-events: none;}

.pricing_slider_inner_btn li{position:relative;}


/* */
.user-input-wrapper { display: flex; align-items: center; justify-content: center; color: #fff; margin: 30px 0 0; }
#exactUsers { width: 100px; padding: 8px; border: 1px solid #ddd; border-radius: 6px; text-align: center; font-size: 1rem; font-weight: 500; margin-left: 8px;            /* Remove number input spinner arrows */ -moz-appearance: textfield; }
#exactUsers::-webkit-outer-spin-button, #exactUsers::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Wrapper to position the tooltip */
.slider-wrapper { position: relative; width: 100%; margin-top: 3.5rem; /* Make space for the tooltip */ }

/* The moving tooltip */
.value-display { position: absolute; bottom: 30px; /* Position above the slider */ left: 50%; /* JS will update this */ transform: translateX(-50%); background-color: #ffffff; color: #333; padding: 6px 12px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); font-size: 1rem; font-weight: 600; white-space: nowrap; pointer-events: none; /* So it doesn't block slider clicks */ transition: left 0.05s linear; /* Smooths movement slightly */ }

/* Tooltip triangle */
.value-display::after { content: ''; position: absolute; bottom: -5px; /* Points down from the bottom */ left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: #ffffff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); }

/* Reset default slider styles */
#user-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 16px; /* Track height (user requested) */            /* Using user's requested gradient structure with CSS var */

  /* Using colors from previous version for consistency */
  background: linear-gradient(90deg, #59c3b7 0, #5cb4ff var(--slide_fill, 0), #f3f5f7 var(--slide_fill, 0)); border-radius: 20px; outline: none; cursor: pointer; padding: 0; margin: 0;            /* REMOVED: transition: background .3s ease-in-out; */            /* This transition was causing the "moving" gradient effect. */

  /* Removing it makes the fill snap instantly with the value. */ }

/* Webkit (Chrome, Safari) Thumb */
#user-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: linear-gradient(180deg, #59c3b7 -25%, #5cb4ff 125%); border-radius: 50%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15), 0 5px 10px 0 rgba(0, 0, 0, .05); cursor: pointer; height: 24px; width: 24px; margin-left: -1px; }

/* Firefox Thumb */
#user-slider::-moz-range-thumb { -webkit-appearance: none; appearance: none; background: linear-gradient(180deg, #59c3b7 -25%, #5cb4ff 125%); border-radius: 50%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15), 0 5px 10px 0 rgba(0, 0, 0, .05); cursor: pointer; height: 24px; width: 24px }
.pricing_slider_content_box.disabled { opacity: 0.9; background: #b4b6f3; cursor: no-drop; pointer-events: none; }
.pricing_slider_content_box.disabled .price__cover { display: none; }
.pricing_slider_content_box.disabled  .contact_sale_price__cover { display: block; }
.contact_sale_price__cover { display: none; }
.pricing_slider_content_box.not_available .price__cover { display: none; }
.pricing_slider_content_box.not_available .contact_sale_price__cover { display: block; }
.pricing_slider_content_box .custom_tag { display: none; }
.pricing_slider_content_box.recommended  .recommended__tage { display: block; }
.pricing_slider_content_box.popular .popular__tage { display: block; }
.pricing_slide_row.is_changed .popular__tage { display: none !important; }
.pricing_slide_row:not(.is_changed) .recommended__tage { display: none !important; }
.billed_annually_label.active { display: block; }
.billed_annually_label { display: none; }
.discount_price_box { display: none; }
.has-discount .discount_price_box { display: block; }
.has-discount .price__cover { display: none; }
.pricing_slider_content_box.not_available.has-discount { }
.pricing_slider_content_box.not_available.has-discount .discount_price_box { display: none; }
.discount_price_box { }
.discount_price_box .pricing__prize { text-decoration-line: line-through; font-size: 27px; color: #949494; }
.discount_price_box .pricing__prize_discount { color: #7c5dd9; font-family: Work Sans; letter-spacing: .11px; line-height: 100%; text-align: center; font-size: 64px; font-weight: 700; }
.discount_slug { display: inline-flex; flex-direction: column; padding: 15px; border: 3px solid #7c5dd9; border-radius: 5px; font-weight: 600; margin: 20px 0 0; background: hsl(255deg 62% 60.78% / 12%); }
.discount_slug label { font-size: 21px; font-weight: 700; text-transform: uppercase; }
.pricing_slider_content_box.disabled .discount_price_box { display: none; }
.total_left_title_box { display: flex; }
.total_price_label { margin-left: 10px; }
.total_left_title_box span.price_sign { margin-left: 10px; }
.band-strip-trigger { width: 24px; height:24px; cursor:pointer; }
.band-strip { display: none; align-items: center; color: #fff; gap: 10px; }
.total_price_band_notice { display: none; }
.total_price_band_notice.active { display: block; }
.band-strip.show { display: flex;align-items:center; }
ul.currency_ropdown_list.active { visibility: visible; opacity: 1; transform: scale(1); margin-top: 0; }
ul.currency_ropdown_list { display: block; transition: all 0.1s ease; transform: scale(0.95); transform-origin: top; margin-top: -4px; opacity: 0; visibility: hidden; }
ul.currency_ropdown_list li { cursor: pointer; }
ul.currency_ropdown_list li.active { pointer-events: none; }
.pricing__select_drop span.currency-label { min-width: 49px; }
.pricing_slide_row { position: relative; }
.not_available_stip_for_packege { position: absolute; z-index: 1; background: #fff; padding: 25px; border-radius: 15px; border: 2px solid #7c5dd9; left: 0; 
  font-weight: 600;
  text-align: center;
  font-size: 18px;
}
.not_available_stip_for_packege { 
  --spacing:80px;
  /* width: calc((100% / 3) * var(--box-not-availble));  */
  width: calc((33.33333%*var(--box-not-availble)) - var(--spacing));

  /* left: calc(33.33% * var(--box-availble)); */
  left: calc(33.33%*var(--box-availble) + (var(--spacing)/2));
}
.total_price_band_notice .icon { width: 25px; }


.total_price_band_notice.active { bottom: 116px; left: 0; overflow: hidden; padding: 24px; position: fixed; right: 0; width: 100%; top: auto; z-index: 999; border-top: 2px solid #e9d5ff; background: #f5f5ff;}
.band_notice_cover { max-width: 1344px; margin: 0 auto; padding: 0 10px;}
.band_notice_row {display: flex; align-items: start; gap: 20px;}
.notice_icon {  width: 40px !important; height: 40px; display: flex; align-items: center; justify-content: center; background: #f3e8ff; border-radius: 100px;}
.notice_icon svg { stroke: #7c5dd9; height: 24px; width: 24px;}
.close-btn { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center;}
.close-btn svg { height: 24px; width: 24px;}
.band_notice { width: calc(100% - 80px);}
.packege-title { font-size: 18px; font-weight: 600; color: #111827; text-transform: inherit; padding-bottom: 8px;}
.packege-text {  color: #374151; line-height: normal;  font-size: 16px;}
.packege-text span.user_inputs { font-weight:600; color: #7c5dd9;}
.packege-tip { padding-top: 8px; font-size: 14px; line-height: 20px; color: #4b5563;}
.total_price_band_notice.show.active {
    display: block;
}

.total_price_band_notice.active:not(.show) {
    display: none !important;
}
.save_budget span {
    padding: 4px 15px;
    display: inline-block;
    background: #7c5dd9;
    color: #fff;
    border-radius: 35px;
    margin-top: 9px;
}



@media (max-width:1024px){
  .pricing_slider_content_box { padding: 30px 20px;}
  .pricing_slider_content_box {padding: 30px 20px;}
  .pricing_slider_content_box { width: calc(100% / 2 - 20px);} 
  .not_available_stip_for_packege { position: static; width: calc(100% - 30px); }
}


@media(max-width:837px){
  .total_price_band_notice.active { bottom: 190px;} 
}

@media (max-width:767px){
  .total_left_title_box { font-size: 20px; line-height: 25px; }
  span.chang_price, span.defult_sign { font-size: 18px; }
  .pricing_slider_heading { padding-bottom: 30px; }
  .pricing_slider_rang { padding-top: 40px; }
  .pricing_slider_content_box { width: 100%; margin: 0; margin-top: 20px; }
  .pricing_slide_row { margin: 0; }
  .total__pricing_part { padding: 20px 0; }
  .total_row_main { gap: 15px; }
  .total_btn a { padding: 12px 25px; }
  .pricing_slider_content_box:first-child { margin: 0; }
  .pricing__prize { font-size: 40px; font-weight: 700; line-height: 45px; }
  .pricing__box_button { padding-top: 25px; }
  .pricing__box_description { padding-top: 20px; }
  .pricing__box_list { padding-top: 20px; }
  .total__pricing_part {position: static; margin-top: 25px;}
  .pricing_slider_heading h1 {font-size: 34px; line-height: 40px;}
  .total_price_band_notice.active {
	 display: none;
  }
}



/* */