@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.3") format("woff2");
}

:root {
	--wd-text-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(56,172,255);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(56,172,255);
	--btn-accented-bgcolor-hover: rgb(51,157,232);
	--btn-transform: capitalize;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.integration-item {
    background-color: #353535 !important;
    width: 95% !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.how-preview {
    background-color: #353535 !important;
}

.chat-header {
    display: none !important;
}

.chat-bubble.bot.success {
    background-color: #dbf0ed !important;
    padding: 10px !important;
    border: 2px solid #29c763 !important;
    color: #29c763 !important;
}

.chat-bubble.option.success {
    font-weight: 500 !important;
    line-height: 1.3 !important;
}


p.emojibubble {
    float: left;
    margin-top: 10px;
    margin-right: 10px !important;
}

span.check {
    color: #fff !important;
    background-color: #1e88e5 !important;
    padding: 5px !important;
    float: left;
    margin-right: 10px !important;
    margin-top: 10px !important;
    width: 25px !important;
    text-align: center !important;
}

.chat-bubble.metric {
    color: #fff !important;
}

.chat-bubble.bot.smallfont {
    width: 213px !important;
}

.chat-bubble.option.success {
    padding: 20px !important;
    border: 2px solid #fff;
    margin-bottom: 10px !important;
}

.chat-bubble.option.success {
    color: #fff !important;
}

.feature-item {
    padding: 10px !important;
    background-color: #353535 !important;
    margin-bottom: 10px !important;
}

.home .preview-content h3 {
    margin-bottom: 0px !important;
color:#fff !important;
}


p.smallp {
    text-align: center !important;
    color: #848484 !important;
}

.chat-bubble.bot {
    text-align: center !important;
}

.chat-status {
    background-color: #1e88e5 !important;
    color: #fff !important;
    padding: 10px !important;
}

.channel-item {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    padding: 20px !important;
    border: 1px solid #1e88e5 !important;
}

.preview-content h3 {
    color: #000 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin-top: 50px !important;
}



.how-step.active h2 {
    line-height: 1.3 !important;
    color: #fff !important;
}

.integration-stats {
    padding-top: 20px !important;
    padding-left: 35px !important;
}

.integration-stats p {
    margin-top: 10px !important;
}

.metric-block {
    border-color: #fff !important;
}

.how-step .fa-solid {
    margin-bottom: 15px !important;
}

.home .fa-solid {
    color: #fff !important;
    font-size: 20px !important;
}

table td {
    border-color: #fff;
    color: #fff !important;
}

.metric-block {
    width: 50% !important;
    float: left !important;
    border: 1px solid;
    margin-top: 35px !important;
    margin-bottom: 30px !important;
}

.metric-block h3 {
    margin-top: 20px !important;
}

.metric-block p {
    color: #fff !important;
    text-align: center;
}

.integration-stats h3 {
    width: 25% !important;
    color: #fff !important;
    line-height: 1.3 !important;
    margin-bottom: 0px;
    float: left;
}



.integration-stats {
    background-color: #3ca0f2 !important;
    width: 95% !important;
    padding: 10px !important;
}

.integration-item h4 {
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

.how-container {
  display: flex;
margin:60px 0px !important;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.result-item {
    background-color: #353535 !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.result-item span.emoji {
    color: #fff !important;
}

.result-item.importantcol {
    background-color: #1e88e5 !important;
}


.feature-item {
    width: 95% !important;
}

.result-item {
    width: 95% !important;
}

.importantcol h4 {
    color: #fff !important;
}


.feature-item.importantcol {
    background-color: #1e88e5 !important;
}


.result-item p {
    margin-bottom: 0px !important;
}

.feature-item p {
    margin-bottom: 0px !important;
}


.how-grid {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  position: relative;
}

.result-item h4 {
    margin-bottom: 10px !important;
}

.feature-item h4 {
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

.chat-bubble.bot.smallfont {
    text-align: left !important;
    font-style: italic !important;
    background-color: #f4f4f7 !important;
    width: fit-content;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 10px !important;
}

.chat-bubble.metric {
    margin-top: 50px !important;
    text-align: center;
    border: 1px solid;
    padding: 10px !important;
}

.metric span {
    line-height: 1.3 !important;
}

.chat-bubble.bot.rightside {
    text-align: right !important;
    background-color: #1e88e5 !important;
    color: #fff !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: fit-content;
    margin-left: 33px !important;
}

.chat-bubble.bot.rightside {
    padding-bottom: 120px !important;
}

.chat-bubble.bot.success.stepone{
    width: fit-content !important;
    margin-left: 170px !important;
    margin-top: -100px !important;
}


.chat-bubble.user {
    background-color: #f4f4f7 !important;
    width: 213px !important;
padding-bottom:0px !important;
    padding-top: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.how-scroll-indicator {
  position: absolute; /* instead of fixed */
  right: 680px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 20;
}

.indicator-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  transition: 0.3s;
}

.indicator-dot.active {
  background: var(--primary, #2563eb);
  transform: scale(1.3);
}

.how-preview {
  position: sticky;
  top: 100px;
  flex: 1;
  max-width: 40%;
  height: 80vh;
  background: var(--surface, #f9fafb);
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  overflow: hidden;
}

.preview-step {
  display: none;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.preview-step.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.how-content {
  flex: 1;
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.how-step {
  scroll-snap-align: start;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.5s;
}

.how-step.active h2 {
  color: var(--primary, #2563eb);
}


.overylarowpic .vc_single_image-wrapper.vc_box_border_grey {
    position: relative;
    z-index: +9 !important;
}

.form-all {
    margin: unset !important;
    max-width: unset !important;
}

a.btn.btn-style-default.btn-shape-rectangle.btn-size-large {
    border-radius: 30px !important;
    padding: 25px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

p.numberfont {
    line-height: 1.3 !important;
}

.wd-sub-menu li>a {
    text-transform: capitalize;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.channelrow {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.channelrow .wpb_text_column.wpb_content_element {
    border-bottom: 1px solid #888888 !important;
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
}

.channelrow .vc_column-inner {
    border: 1px solid #888888 !important;
    padding: 20px !important;
}

.channelrow img.alignnone {
    width: 70px;
    min-width: 70px !important;
    max-width: 70px !important;
}


h1 {
    text-transform: capitalize;
}

.wpb_text_column.wpb_content_element.onebox {
    margin-bottom: 10px !important;
    background-color: #ffffffeb !important;
    padding: 10px !important;
}

a.btn.btn-style-default.hidebtn {
    display: none;
}

.wpb_text_column.bluetick li {
    margin-bottom: 15px !important;
}

.wpb_text_column.bluetick li::before {
    background-image: url(/wp-content/uploads/2025/10/bluetick.png) !important;
    background-size: contain;
    content: "123";
    color: transparent !important;
    background-repeat: no-repeat;
    margin-left: -30px !important;
}

.bluetick ul {
    padding-left: 6% !important;
}

.bluetick ul {
    list-style: none;
}

.vc_do_toggle.vc_toggle.vc_toggle_default.vc_toggle_color_default.vc_toggle_size_md {
    margin-bottom: 10px !important;
}

.threeinfo .box-icon-wrapper {
    width: 35% !important;
}

.threeinfo .wd-info-box {
    background-color: #0f1a2b !important;
    padding: 20px !important;
}

.datamangmentrow .info-box-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.datamangmentrow .wd-info-box {
    background-color: #0f1a2b !important;
}

.samehiehgtbox .vc_column-inner {
    padding: 20px !important;
}

.fourgreybox .wpb_text_column.wpb_content_element {
    background-color: #0f1a2b;
    padding: 20px !important;
}

p.smallfont {
    margin-top: 25px !important;
}

p.subtt {
    color: #3ca0f2 !important;
    margin-bottom: 0px !important;
    font-family: Cormorant Garamond !important;
}

.bluebgcar p {
    color: #000;
}

.bluebgcar .info-box-content {
    background-color: #eaeaea !important;
    padding: 20px !important;
}

.threboxinfo .info-box-wrapper {
    background-color: #0f1a2b !important;
    padding: 30px !important;
}

.bluebgcar .wd-info-box {
    background-color: #0f1a2b !important;
    padding: 20px !important;
}

.borederrow .vc_column-inner {
    border: 1px solid #8e8e8e !important;
}

.info-box-inner p {
    display: inherit !important;
}


.twobox .vc_column-inner {
    padding: 20px !important;
}

.bluebgtwo .vc_column-inner {
    padding: 20px !important;
}



.bannerrow .wd-carousel.wd-grid.info-box-carousel {
    width: 70%;
    margin: auto;
}

.biglinkfont a {
    text-decoration: underline;
}

.main-footer ul {
    padding-left: 0px !important;
    list-style: none;
}

h4 {
    font-family: sanasans !important;
    color: #a1a1aa !important;
    font-weight: 500 !important;
}

.ctafont h1 {
    font-family: 'Bodoni Moda' !important;
}


.vc_do_toggle.vc_toggle.vc_toggle_default {
    border: 1px solid #585858 !important;
    padding: 10px !important;
}

.vc_toggle_title>h4 {
    color: #fff;
}

p.yellowfont {
    color: #ffa300 !important;
}

p.brightyellowfont {
    color: #cdfe00 !important;
}


.pricingli .wpb_text_column.wpb_content_element {
    border-top: 1px solid #7f7f7f !important;
    margin-top: 25px !important;
    padding-top: 25px !important;
}


p.bluefont {
    color: #399df1;
}

.bordebtmbox h2 {
    margin-bottom: 0px !important;
}

.whitefont h2 {
    color: #fff !important;
}

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    width: 200px !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.trustedrow .info-box-inner {
    background-color: #0f1a2b !important;
    padding: 20px !important;
}

.trustedrow p {
    display: inherit !important;
}
.trustedrow h2 {
    color: #fff !important;
}

p.bluesubbtt {
    color: #0071ff;
}

p.bluebigfont {
    color: #0071ff !important;
    margin-bottom: 0px !important;
    line-height: 1 !important;
}

.testirow img.alignnone.size-full {
    width: 36px !important;
}


.testirow .wpb_text_column.wpb_content_element {
    margin-bottom: 0px !important;
}

.testirow .vc_column-inner {
    border: 1px solid #8e8e8e !important;
    padding: 25px !important;
    height: 200px !important;
}

span.namefont {
    color: #fff !important;
}

.testirow p {
    color: #a5a5a5;
}

.bgboxtwo .wpb_text_column.wpb_content_element {
    background-image: url(/wp-content/uploads/2025/10/234.jpg) !important;
    background-size: cover !important;
    padding: 20px !important;
}

.darkgreybox .wpb_text_column.wpb_content_element {
    color: #141922 !important;
    padding: 20px !important;
}

.bluebox .wpb_text_column.wpb_content_element {
    background-color: #3ca0f2 !important;
    padding: 20px !important;
}

main#main-content {
    padding-bottom: 0px !important;
}

.greybox .wpb_text_column.wpb_content_element {
    background-color: #323d42 !important;
    padding: 20px !important;
}

.bgbox .wpb_text_column.wpb_content_element {
    background-image: url(/wp-content/uploads/2025/10/box1.jpg) !important;
    background-size: cover !important;
    padding: 20px !important;
}

.whitebox .wpb_text_column.wpb_content_element {
    background-color: #fff !important;
    padding: 20px !important;
}

.sixbox .darkfont p,
.sixbox .darkfont h2 {
    color: #141922 !important;
}

.sixbox h2 {
    color: #fff !important;
}

h2 {
    font-family: sanasans !important;
    margin-bottom: 10px !important;
font-weight:500 !important;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    border-bottom: 1px solid;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text {
    color: #545454;
}

.vc_active span.vc_tta-title-text {
    color: #fff !important;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after {
    background-color: #fff !important;
}


span.vc_tta-title-text {
    text-transform: uppercase;
font-weight:500 !important;
    font-family: sanasans !important;
}

.whitebg .vc_tta-panel-body {
    background-color: #f4f3ec !important;
    background-image: url(/wp-content/uploads/2025/10/02020202.png) !important;
    background-size: cover !important;
}

a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.blackborder {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 30px !important;
    font-family: sanasans !important;
    font-weight: 500 !important;
}

.wpb_text_column.wpb_content_element.smalltt {
    border-bottom: 1px solid #000 !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.smalltt img.alignnone {
    width: 10px !important;
    margin-right: 5px !important;
}

.darkfont h1 {
    font-family: 'Cormorant Garamond' !important;
    color: #000 !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
}

.smalltt p {
    text-transform: uppercase;
    color: #000 !important;
}

.fourbox .wpb_text_column.wpb_content_element {
    background-color: #0f1a2b !important;
    padding: 20px !important;
}

p.greysub {
    color: #969696 !important;
}

p {
    font-family: sanasans !important;
    line-height: 1.3 !important;
    color: #fff;
}

p.bigfont {
    color: #fff !important;
    margin-bottom: 0px !important;
    line-height: 1 !important;
    font-family: sanasans !important;
}

h3 {
    font-family: 'Bodoni Moda' !important;
    color: #9b9b9b !important;
    font-weight: 500 !important;
}

a.btn.btn-style-default.btn-shape-round.btn-size-default.borderbtm {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-weight: 500 !important;
}

a.btn.btn-style-default.btn-shape-round.btn-size-default.fullbgbtn {
    font-family: sanasans !important;
    font-weight: 500 !important;
}

.wpb_text_column li {
    font-family: sanasans !important;
    line-height: 1.3 !important;
    color: #fff !important;
    margin-bottom: 5px !important;
}

h1 {
    font-family: 'sanasans' !important;
    color: #fff;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

span.nav-link-text {
    font-family: Sanasans !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    color: #a1a1aa;
}

a.btn.btn-color-primary.btn-style-default.btn-shape-round.btn-size-default {
    color: #020917 !important;
    background-color: #fff !important;
}

.whb-general-header a {
    font-family: sanasans !important;
}

a.btn.btn-color-primary.btn-style-default.btn-shape-round.btn-size-default {
    font-family: 'sanasans' !important;
    font-weight: 500 !important;
}

.current-menu-item span.nav-link-text {
    color: #fff !important;
}@media (min-width: 1025px) {
	.overylarowpic .vc_single_image-wrapper.vc_box_border_grey {
    margin-top: -280px !important;
}

span.check {
    font-size: 10px !important;
}


p.emojibubble {
    font-size: 25px !important;
}

.chat-bubble.bot.smallfont {
    font-size: 12px !important;
}


.preview-content h3 {
    font-size: 35px !important;
}


.preview-status {
    font-size: 13px !important;
}


.integration-item p {
    margin-bottom: 0px !important;
}

.how-step.active h2 {
    font-size: 30px !important;
}

.integration-stats h3 {
    font-size: 45px !important;
}



span.emoji {
    font-size: 35px !important;
    line-height: 1.3 !important;
}

.integration-item h4 {
    font-size: 22px !important;
}

p.numberfont {
    font-size: 35px !important;
    margin-top: 65px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.mobileonly {
    display: none;
}

div#mobilevers {
    display: none;
}

    .whb-col-right .wd-button-wrapper {
        background-image: url(/wp-content/uploads/2025/10/background-1.png) !important;
        background-size: 145px !important;
        background-repeat: no-repeat;
        padding-bottom: 5px !important;
        padding: 20px !important;
        background-position: center;
    }


.datamangmentrow .info-box-inner {
    height: 190px !important;
}

.samehiehgtbox .vc_column-inner {
    padding: 20px !important;
    height: 460px !important;
}

p.smallfont {
    font-size: 15px !important;
}

p.subtt {
    font-size: 18px !important;
}

.threboxinfo .box-icon-wrapper {
    width: 20% !important;
}

.borederrow p {
    padding-right: 50% !important;
}

.twobox .vc_column-inner {
    height: 390px !important;
}

.smalltt p {
    font-size: 14px !important;
}


.middlefont p {
    width: 65% !important;
    margin: auto;
}


.bannertt h1 {
    font-size: 55px !important;
}


.bannertt p {
    width: 50% !important;
    margin: auto;
}

.bannertt h1 {
    font-family: Cormorant Garamond !important;
}

.curlyhone h1 {
    font-family: 'Cormorant Garamond' !important;
}

.feature-item h4 {
    font-size: 22px !important;
}

.info-box-carousel-wrapper .wd-wpb {
    align-items: center;
}

.result-item h4 {
    font-size: 22px !important;
}


.vc_row.wpb_row.vc_row-fluid.bannerrow {
    padding-top: 15% !important;
}

.bannerrow .box-icon-wrapper.box-with-icon.box-icon-simple {
    width: 20% !important;
}

p.biglinkfont {
    margin-bottom: 5px !important;
}

.metric span {
    font-size: 35px !important;
}

.biglinkfont a {
    font-size: 25px !important;
}

.ctafont h1 {
    font-size: 55px !important;
}

.testirow p.bluebigfont {
    font-size: 55px !important;
}

span.namefont {
    font-size: 20px !important;
}




.testirow p {
    font-size: 16px !important;
}


.sixbox .wpb_text_column.wpb_content_element {
    height: 340px !important;
}

.bgbox p {
    padding-right: 20% !important;
}

.darkfont h1 {
    font-size: 50px !important;
}

a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.blackborder {
    font-size: 18px !important;
}

.darkfont p {
    color: #000 !important;
}

.smalltt p {
    text-transform: uppercase;
    color: #000 !important;
}

.fourbox .vc_column-inner {
    padding-top: 0px !important;
}

.fourbox .wpb_text_column.wpb_content_element {
    height: 380px !important;
}

p.bigfont {
    margin-top: 60px !important;
}

p {
    font-size: 16px !important;
}

p.bigfont {
    font-size: 80px !important;
}


h3 {
    font-size: 30px !important;
}


a.btn.btn-style-default.btn-shape-round.btn-size-default.borderbtm {
    font-size: 18px;
}

a.btn.btn-style-default.btn-shape-round.btn-size-default.fullbgbtn {
    font-size: 18px !important;
}

.wpb_text_column li {
    font-size: 18px !important;
}

h1 {

    font-size: 38px !important;
}


a.btn.btn-color-primary.btn-style-default.btn-shape-round.btn-size-default,
span.nav-link-text {
   font-size:16px !important;
}


a.btn.btn-color-primary.btn-style-default.btn-shape-round.btn-size-default {
    padding-top: 10px !important;
}
}

@media (max-width: 576px) {
	div#destopvers {
    display: none !important;
}

/* =========================
   📱 MOBILE RESPONSIVE FIX
   ========================= */
@media (max-width: 768px) {
  /* Stack layout vertically */
  .how-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  /* Full width for both sides */
  .how-preview,
  .how-content {
    width: 100%;
  }

  /* Make preview show one step at a time */
  .preview-step {
    display: none;
  }
  .preview-step.active {
    display: block;
  }

  /* Reduce padding & adjust spacing for mobile */
  .chat-screen {
    transform: scale(0.96);
    transform-origin: top center;
    margin: 0 auto;
  }

  .chat-bubble {
    font-size: 14px;
    padding: 10px 14px;
  }

  .how-step {
    padding: 0 10px;
  }

  .how-scroll-indicator {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    gap: 10px;
  }

  .indicator-dot {
    width: 10px;
    height: 10px;
  }

  /* Optional - center the metrics and tables */
  .agent-table {
    width: 100%;
    font-size: 14px;
  }

  .td-left {
    text-align: left;
  }

  .td-right {
    text-align: right;
  }

  /* Slightly smaller result cards */
  .result-item h4 {
    font-size: 16px;
  }
  .result-item p {
    font-size: 14px;
  }

  /* Make the preview stack on top */
  .how-preview {
    order: 1;
  }
  .how-content {
    order: 2;
  }


h1 {
    font-size: 22px !important;
}

#formrow .wd-button-wrapper {
    margin-bottom: 50px !important;
}

.ctafont h1 {
    margin-bottom: 0px !important;
}

p.biglinkfont {
    text-align: center !important;
    margin-bottom: 35px !important;
}

p.numberfont {
    text-align: center !important;
    margin-top: 45px !important;
    font-size: 25px !important;
}

    .main-footer .vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {
        background-position: -90px -60px !important;
    }

.threboxinfo .info-box-wrapper {
    padding: 15px !important;
    margin-bottom: 15px !important;
}

.threboxinfo .box-icon-wrapper.box-with-icon.box-icon-simple {
    width: 20% !important;
}

.borederrow .vc_column-inner {
    background-position: -290px 110px !important;
    height: 300px !important;
}


.wpb_column.borederrow.vc_column_container.vc_col-sm-7.vc_col-has-fill {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.bluebgtwo .vc_column-inner {
    background-position: -90px 30px !important;
    background-color: #3c9ff0 !important;
    height: 300px !important;
}

.wpb_column.bluebgtwo.vc_column_container.vc_col-sm-5.vc_col-has-fill {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.wpb_text_column.bluetick li {
    padding-left: 20px;
}


.singleyccol .wpb_single_image.wpb_content_element.vc_align_left {
    height: 240px !important;
    overflow: hidden;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.sameheightwo {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.samehiehgtbox {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.bgtwo .vc_column-inner {
    background-position: -305px 180px !important;
   height: 350px !important;
}


.bgone .vc_column-inner {
    background-position: -190px 160px !important;
    height: 350px !important;
}

.bgtwo .wpb_text_column.wpb_content_element ,
.bgone .wpb_text_column.wpb_content_element {
    padding-right: 0px !important;
    margin-top: 0px !important;
}

.bluebgcar .box-icon-wrapper.box-with-icon.box-icon-simple {
    min-width: 280px !important;
}

.threeinfo .box-icon-wrapper.box-with-icon.box-icon-simple {
    min-width: 280px !important;
}

.box-icon-align-right {
    flex-direction: column-reverse !important;
}

.datamangmentrow .info-box-content {
    padding-bottom: 35px !important;
}

.singlebigrow .vc_column-inner {
    padding: 20px !important;
    background-position: -55px 190px !important;
    height: 380px !important;
    background-size: 420px !important;
}

.nofullwd .wpb_column.vc_column_container {
    width: 95% !important;
    margin: auto;
}

.teambased .vc_column-inner {
    background-position: -190px 120px !important;
    height: 350px !important;
}


.teambased .wpb_text_column.wpb_content_element {
    margin-top: 0px !important;
    padding-right: 0px !important;
}

.wd-nav-opener:after {
    color: #fff !important;
}

.singlebigrow .wpb_text_column.wpb_content_element {
    padding-right: 0px !important;
}

.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    border-color: #ffffff82 !important;
}

html .wd-nav-mobile > li > a {
    border-color: #ffffff78;
}

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-right.wd-opener-arrow.wd-opened {
    background-color: #000 !important;
}

.vc_row.wpb_row.vc_row-fluid.bannerrow {
    padding-top: 35% !important;
    padding-bottom: 10% !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.needpadbtm {
    margin-bottom: 20px !important;
}

.main-footer h4 {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}

p.biglinkfont {
    font-size: 20px !important;
}

.ctafont h1 {
    text-align: center !important;
    font-size: 35px !important;
    line-height: 1.3 !important;
    margin-bottom: 50px !important;
}

    .wd-hide-sm {
        display: inherit !important;
 }

.bordebtmbox .wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 25px !important;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 15px !important;
}

.wd-carousel.wd-grid.info-box-carousel.wd-initialized.wd-horizontal.wd-ios.wd-watch-progress.wd-backface-hidden {
    padding-bottom: 0px !important;
}

.bordebtmbox ul {
    margin-top: 20px;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.desktoponly {
    display: none !important;
}

p {
    text-align: left !important;
}

.testirow p.bluebigfont {
    font-size: 55px !important;
}

.testirow p {
    font-size: 13px !important;
}

.testirow .vc_column-inner {
    padding: 15px !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.testirow {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.sixbox h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

h1 {
    text-align: left !important;
}

.vc_tta-panel-body p {
    color: #000 !important;
}



.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

li.vc_tta-tab {
    width: 340px !important;
}

.wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}


.vc_empty_space {
    display: none;
}

.fourbox .wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}

.fourbox .vc_column-inner {
    padding-top: 0px !important;
}

p.bigfont {
    font-size: 55px !important;
    line-height: 1 !important;
}

h3 {
    text-align: left !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.dinvidedrow .wpb_single_image.wpb_content_element.vc_align_center {
    margin-bottom: 0px !important;
}

.dinvidedrow .vc_column-inner {
    padding-top: 0px !important;
}

.wpb_text_column.wpb_content_element.specialtt {
    margin-bottom: 15px !important;
}

.norpadleft .vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}