/* view demo start screen | Begins */
.btn.disabled{
  pointer-events: none;
  box-shadow: none;
  opacity: 0.65;
}
.view_demo_page {
  position: relative;
  overflow: hidden;
  /* height: 100vh; */
}
.view_demo_page::before {
  content: "";
  filter: blur(217.3766632080078px);
  width: 2970.802px;
  height: 1306.414px;
  transform: rotate(301deg);
  flex-shrink: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  background: linear-gradient(
    78deg,
    rgba(219, 178, 236, 0.7) 16.27%,
    rgba(240, 241, 255, 0.7) 44.55%,
    rgba(168, 174, 255, 0.7) 73.43%
  );
}

.view_demo_page .vd_start-screen {
  background: #090235;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.view_demo_page .vd_start-screen .main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.owl-carousel .owl-item img {
  width: auto !important;
}

.view_demo_page .vd_start-screen .main-wrapper .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.view_demo_page .vd_start-screen .main-wrapper .main-logo {
  position: absolute;
  top: 70px;
}
.view_demo_page .vd_start-screen .main-wrapper .content-area article {
  margin: 16px auto 44px;
}
.view_demo_page .vd_start-screen .main-wrapper .content-area h1 {
  color: #fcfcfc;
  line-height: 120%;
  letter-spacing: -1.92px;
  margin-bottom: 16px;
}

.view_demo_page .vd_start-screen .main-wrapper .content-area p {
  color: #dfe1e6;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.view_demo_page .vd_start-screen .main-wrapper .content-area .btn {
  margin: 0 auto;
}
/* view demo start screen | Ends */
.view_demo_page .vd_slider {
  max-width: 1000px;
  display: flex;
  align-items: center;
  height: 100vh;
  padding: 0 50px;
}

/* carousel cards screens | begins */
.vd_traffic_area {
  padding: 0 50px;
  display: flex;
  align-items: center;
  height: 100vh;
  position: relative;
}

.vd_traffic_area article {
  margin-bottom: 32px;
}

.vd_traffic_area article p {
  margin-top: 16px;
}
.vd_traffic_area .vd_slide_screen.col-4 {
  width: 100%;
  max-width: 1070px;
}
.vd_traffic_area .vd_slide_screen.col-3 {
  width: 100%;
  max-width: 800px;
}
.vd_traffic_area .col-3 .vd_cards_wrapper .vd_card {
  width: calc(33% - 20px);
}
.vd_traffic_area .vd_cards_wrapper {
  display: flex;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap;
}

.vd_traffic_area .vd_cards_wrapper .vd_card {
  width: calc(25% - 20px);
  position: relative;
  padding: 40px 0;
  border: 1px solid #dfe1e6;
  border-radius: 12px;
  text-align: center;
  background: #fff;
}
.vd_traffic_area .vd_cards_wrapper .vd_card img {
  margin: 0 auto;
}

.vd_traffic_area .vd_cards_wrapper .vd_card .vd_radio_circle {
  position: absolute;
  height: 17px;
  width: 17px;
  border: 1px solid #dfe1e6;
  border-radius: 50%;
  top: 14px;
  right: 12px;
  padding: 8px;
}

.vd_traffic_area .vd_cards_wrapper .vd_card.active {
  border: 1px solid #2f39bf;
  box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 14%);
}

.vd_traffic_area .vd_cards_wrapper .vd_card.active .vd_radio_circle {
  border: 2px solid #2f39bf;
}

.vd_traffic_area .vd_cards_wrapper .vd_card.active .vd_radio_circle:before {
  content: "";
  background: #2f39bf;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  transform: scale(0.7);
}
.vd_traffic_area
  .vd_cards_wrapper.vd_card_check
  .vd_card.active
  .vd_radio_circle {
  border: 1px solid #2f39bf;
  background: #2f39bf;
}

.vd_traffic_area
  .vd_cards_wrapper.vd_card_check
  .vd_card.active
  .vd_radio_circle:before {
  content: "\2714";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 10px;
}

.vd_traffic_area .vd_cards_wrapper .vd_card .vd_card_content {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  justify-content: center;
}

.vd_traffic_area .vd_cards_wrapper .vd_card .vd_card_content .custom-tooltip {
  --bs-tooltip-bg: blue;
}

.vd_traffic_area .vd_cards_wrapper .vd_card .vd_card_content p {
  margin-top: 8px;
  margin-bottom: 0;
}
/* carousel cards screens | ends */

/* carousel input form || begins */

.vd_traffic_area form {
  display: flex;
  flex-direction: column;
  width: 500px;
}
.vd_traffic_area form .form-group {
  display: flex;
  flex-direction: column;
}
.vd_traffic_area form .form-group label {
  color: #0e134f;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.vd_traffic_area form .form-group input {
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid #dfe1e6;
  background: #ffffff;
  color: #253858;
}
/* carousel input form || ends */

/* Loading screen | Begins */
.view_demo_page .vd_loading-screen {
  background: #fcfcfc;
  position: relative;
  overflow: hidden;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view_demo_page .vd_loading-screen .main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  height: 100%;
}

.view_demo_page .vd_loading-screen .main-wrapper .loading {
  display: inline-block;
  width: 64px;
  height: 64px;
  border: 6px solid rgb(211 208 208 / 30%);
  border-radius: 50%;
  border-top-color: #2f39bf;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.view_demo_page .vd_loading-screen .main-wrapper article {
  margin-top: 40px;
}

.view_demo_page .vd_loading-screen .main-wrapper article h2 {
  color: #091e42;
  text-align: center;
  line-height: 120%; /* 48px */
  letter-spacing: -1.2px;
  max-width: 600px;
}
.view_demo_page .vd_loading-screen .main-wrapper article p {
  color: #253858;
  text-align: center;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  max-width: 360px;
  margin: 16px auto;
}

/* Loading screen | Ends */

.owl-prev {
  position: absolute;
  top: 32px;
  left: 50px;
}
.owl-prev span {
  color: #2f39bf;
  padding: 16px 0;
}
.owl-prev svg {
  margin-bottom: -4px;
}

.owl-next span {
  color: #fff;
  background-color: #2f39bf;
  padding: 14px 40px;
  border-radius: 4px;
  display: none;
}
.owl-next {
  position: absolute;
  bottom: 80px;
  left: 50px;
}

.owl-next,
.owl-prev {
  display: none;
}
.view_demo_page .close {
  position: absolute;
  top: 24px;
  right: 30px;
  font-weight: 100;
  font-size: 40px;
  z-index: 1;
  display: none;
}
.view_demo_page .vd_form_card {
  width: 319px;
  height: 490px;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translate(-50%, -50%);
  list-style: none;
  z-index: 1;
}
.view_demo_page .vd_form_card li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 46px;
  height: 45px;
}
.view_demo_page .vd_form_card li .vd_listItem_circle {
  border: 1px solid #bd7ffc;
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid #bd7ffc;
  border-radius: 50%;
  top: 3px;
  left: -6px;
}
.view_demo_page .vd_form_card .active .vd_listItem_circle {
  background: linear-gradient(129deg, #705afe -9.82%, #ca7cfb 107.85%);
  top: 16px;
}

.view_demo_page .vd_form_card .active .vd_listItem_circle:before {
  content: "";
  content: "\2714";
  position: absolute;
  top: 2px;
  left: 5px;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 10px;
}
.view_demo_page .vd_form_card li:not(:first-child):after {
  content: "";
  width: 1.5px;
  background: linear-gradient(
    129deg,
    rgba(112, 90, 254, 0.17) -9.82%,
    #ca7cfb 107.85%
  );
  left: 2px;
  top: -48px;
  height: 44px;
  position: absolute;
  bottom: 0;
}
.view_demo_page
  .vd_form_card
  .vd_listItem
  .vd_listItem_card
  .vd_listItem_heading {
  color: #253858;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px;
}
.view_demo_page .vd_form_card .vd_listItem .vd_listItem_card .vd_listItem_desc {
  color: #091e42;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 180px;
}
/* edit icon  */
.view_demo_page .vd_form_card .vd_listItem .vd_edit_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.view_demo_page .vd_customBtn {
  display: flex;
  position: absolute;
  bottom: 50px;
  z-index: 1;
  padding: 12px 46px;
  left: 50px;
  color: #fff;
}
.view_demo_page .formWrapper .borderRed {
  border: 1px solid red !important;
}
.view_demo_page #vd_demo .owl-dots {
  display: none;
}
.view_demo_page .selectServer h3 {
  margin-bottom: 12px;
  line-height: 38.4px;
}
.view_demo_page .selectServer p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #253858;
}
.view_demo_page .selectServer .slidecontainer {
  margin-top: 80px;
}
.view_demo_page .selectServer {
  width: 100%;
}
.view_demo_page .vd_custom_carousel {
  display: none;
}
.vd_landing_page .autoscale_updated .faqSec {
  padding: 100px 0 120px;
  background: #fff;
}
/* table LP | Begins  */

.vd_landing_page .supp_scp_tbl_wrap .table > thead > tr > th:nth-of-type(2),
.vd_landing_page .supp_scp_tbl_wrap .table > thead > tr > th:nth-of-type(3) {
  background-color: #fcfcfc;
  border: 1px solid #dfe1e6;
}
.vd_landing_page .supp_scp_tbl_wrap tbody tr td:first-child {
  width: 33.3%;
}

.vd_landing_page #compare-support-addons .outofScope_box .panel-heading {
  display: flex;
  align-items: center;
  padding: 15px 32px;
  justify-content: space-between;
}

.vd_landing_page .supp_scp_tbl_wrap tbody tr:last-child td:first-child {
  border: none;
}

.vd_landing_page .supp_scp_tbl_wrap tbody tr td .primaryBtn {
  padding: 8px 16px;
}

.vd_landing_page .supp_scp_tbl_wrap tbody tr:nth-child(odd) {
  background-color: #fcfcfc;
}
/* table LP | Ends  */

.vd_landing_page .easeOfUseTutorialsWrap .tabsWrap .tabsNavWrap {
  margin-bottom: 40px;
}
.vd_landing_page .supp_scp_tbl_sec {
  padding: 100px 0;
}
.vd_landing_page .home_hero h1 span {
  font-size: inherit;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(132deg, #4c31ff -9.82%, #bc52ff 86.97%);
  -webkit-background-clip: text;
}
.vd_landing_page .home_hero h1 {
  max-width: 600px;
  margin: 0 auto 16px;
}
.vd_landing_page .home_hero p {
  font-size: 18px;
  color: #fcfcfc;
  margin-bottom: 60px;
  max-width: 600px;
}
.vd_flexible_lp .home_hero h1 {
  max-width: 800px;
}
.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .autoscale_pricing {
  background: #fcfcfc;
  background-size: cover;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .autoscale_pricing
  .headerText
  h2 {
  color: #091e42;
}

.vd_autonomous_pricing .autoscale_updated .autoscale_pricing .headerText p {
  color: #253858 !important;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .pricing_inner_card {
  background: #fff;
  border: 1px solid var(--Neutrals-10, #dfe1e6);
}

.vd_autonomous_pricing .autonomousCampaign .autoscale_updated .pricing_plan {
  color: #170f49;
}

.vd_autonomous_pricing .autonomousCampaign .autoscale_updated .pricing_rate {
  /* color: #2F39BF; */
  background: #2f39bf;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .pricing_rate
  span {
  background: #253858;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .pricing_features
  li {
  color: #002c4e;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .info_price_heading
  p {
  color: #253858;
}

.vd_autonomous_pricing .autoscale_updated .info_price_detail {
  color: #5e6c84;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .info_price_detail
  p {
  color: #5e6c84;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .additonal_information_pricing_wrapper {
  background: #fcfcfc;
}

.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .autoscale_pricing
  .offerValidity
  p {
  display: none;
}
.vd_landing_page .autoscale_updated .easeOfUseTutorialsSec {
  background: #fff;
}
.supp_scp_tbl_wrap tbody tr td:first-child .popover .arrow {
  left: 49% !important;
}
.view_demo_page .vd_start-screen .main-wrapper .content-area {
  z-index: 1;
}
.vd_autonomous_pricing .autonomousCampaign .autoscale_updated .price_card_btn {
  border-color: #2f39bf;
  color: #2f39bf;
}
.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .price_card_btn
  svg
  path {
  fill: #2f39bf;
}
.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .price_card_btn
  svg {
  right: 75px;
}
.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .primaryBtn_outline.price_card_btn:hover {
  background: #2f39bf;
  color: #fff;
}
.vd_autonomous_pricing
  .autonomousCampaign
  .autoscale_updated
  .primaryBtn_outline.price_card_btn:hover
  svg
  path {
  fill: #fff;
}
.pricingHeadingWrap {
  padding: 80px 0 64px;
}
.pricingHeadingWrap .txtWrap {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.vd_flexible_lp .pricingHeadingWrap .txtWrap p {
  margin-bottom: 60px;
  margin-top: 16px;
}
.vd_traffic_area .vd_cards_wrapper .vd_card:hover {
  border: 1px solid #2f39bf;
  box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 14%);
}
.view_demo_page .vd-screen-end h2,
.view_demo_page .vd-screen-end p {
  text-align: center;
  margin: 0 auto;
}
.vd_landing_page .autoscale_updated .faqSec {
  padding: 100px 0px;
}
/* .view_demo_page .vd_flexible_demo,
.view_demo_page .vd_autonomous_demo {
  height: 100vh;
} */
.view_demo_page .vd_card i {
  position: relative;
  display: inline-block;
}
.view_demo_page .vd_card i:hover div {
  opacity: 1 !important;
  visibility: visible !important;
}
.view_demo_page .vd_card i .vd_tooltip {
  position: absolute;
  top: 30px;
  width: 300px;
  z-index: 1;
  padding: 8px 12px;
  border-radius: 8px;
  background: #253858;
  opacity: 0;
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  visibility: hidden;
  left: -143px;
}
.view_demo_page .vd_card i .vd_tooltip::before {
  content: "";
  background: #253858;
  width: 12px;
  height: 7px;
  position: absolute;
  clip-path: polygon(49% 100%, 0 0, 100% 0);
  top: -7px;
  right: 40px;
  left: 40px;
  margin: 0 auto;
  transform: rotate(180deg);
}
.vd_landing_page .cwAutonomousLogo {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 110px;
  border: 0.5px solid #dfdfffcc;
  width: 350px;
  padding: 10px 12px;
  margin-bottom: 18px;
}
.vd_landing_page .cwAutonomousLogo span {
  color: var(--Base-White, var(--Surface-Surface, #fff));
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.96px;
}
.autoscale_updated #customAccordian .panel-body p a {
  color: #2f39bf;
  text-decoration: none;
  font-size: inherit;
}
.vd_hello_bar {
  text-align: center;
  padding: 10px 0;
  background: linear-gradient(
      90deg,
      rgba(254, 141, 243, 0.2) -1.69%,
      rgba(113, 35, 212, 0.2) 87.52%
    ),
    var(--Surface-Surface, #fff);
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vd_hello_bar p {
  color: var(--Neutrals-80, var(--Neutral-80, #253858));
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
  margin: 0 14px 0 0;
}


.vd_hello_bar p b{
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit; /* 27px */
  letter-spacing: inherit;
}
.vd_hello_bar a {
  margin: 0 4px;
}

.vd_hello_bar .primaryBtn{
  border: 1px solid #2f39bf;
}
.view_demo_page .skipBtn {
  position: absolute;
  bottom: 50px;
  left: 230px;
  width: 160px;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
}


.vd_hello_bar .primaryBtn_outline:hover {
  background: #2f39bf !important;
  color: #fff !important;
}
.vd_autonomous_pricing .autonomousCampaign .autoscale_updated .pricing_rate_cut{
  color: #5e6c84;
}
.vd_traffic_area form .form-group.wceu-terms label{
  font-size: 14px;
  font-weight: 500;
}
.vd_traffic_area form .form-group.wceu-terms label a{
  color:#2f39bf;
  font-size: inherit;
  font-weight: inherit;
}
.vd_demos iframe#navattic-embed {
  height: calc(100vh - 59px);
}
.vd_demos.autonomous-tour iframe#navattic-embed{
  height: calc(100vh - 0px);
}
/* --------------------------------------------------------------- Responsive ---------------------------------------------------- */
@media (max-width: 1500px) {
  .vd_traffic_area .vd_slide_screen.col-4 {
    max-width: 600px;
  }
  .vd_traffic_area .vd_cards_wrapper .vd_card {
    width: calc(50% - 20px);
  }
  .vd_traffic_area .vd_slide_screen.col-3 {
    max-width: 623px;
  }
  .view_demo_page .vd_slider {
    max-width: 800px;
  }
}

@media (max-width: 1200px) {
  .view_demo_page .vd_slider,
  .vd_traffic_area {
    padding: 0 15px;
  }
  .view_demo_page .vd_slider {
    max-width: 600px;
  }
}
@media (max-width: 992px) {
  .vd_traffic_area .vd_slide_screen.col-4 {
    max-width: 929px;
  }

  .vd_traffic_area .vd_cards_wrapper .vd_card {
    width: calc(50% - 12px);
  }
  .vd_traffic_area .vd_slide_screen.col-3 {
    max-width: 945px;
  }
  .view_demo_page .vd_form_card {
    display: none !important;
  }
  .view_demo_page .vd_slider {
    height: auto;
  }
  .view_demo_page .selectServer {
    padding: 100px 0;
  }
  .vd_slider .selectServer .slidecontainer ul li {
    font-size: 10px;
  }
  .owl-prev {
    left: 15px;
  }
  .view_demo_page .vd_customBtn {
    position: relative;
    margin-left: 15px;
    margin-bottom: 15px;
    left: 0;
    bottom: 0;
  }
  .view_demo_page .skipBtn {
    position: relative;
    margin-left: 15px;
    margin-bottom: 15px;
    left: 190px;
    bottom: 62px;
  }
  .vd_traffic_area {
    padding: 100px 15px;
    height: auto;
  }
  .view_demo_page .vd_start-screen {
    padding: 0 15px;
  }

  .view_demo_page .selectServer h3 {
    line-height: 28.4px;
    /* margin-top: 100px; */
  }

  .vd_traffic_area form .form-group {
    width: 70%;
  }
  .primaryBtn:hover {
    background: #2f39bf;
  }
  .view_demo_page .vd_slider {
    max-width: 800px;
  }

  .vd_hello_bar{
    display: none;
  }

  .vd_autonomous_demo iframe,
  .vd_flexible_demo iframe{
    margin: 0 0 !important;
  }
}
@media (max-width: 798px) {
  .vd_hello_bar {
    display: none !important;
  }
}
@media (max-width: 500px) {
  .vd_traffic_area .vd_cards_wrapper .vd_card {
    width: 100%;
  }
  .vd_traffic_area .col-3 .vd_cards_wrapper .vd_card {
    width: 100%;
  }
}