@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root {
  /* Colors */
  --title-primary-color: #F4F4F4;
  --title-secondary-color: #f4f4f4;
  --text-primary-color: #D2D2D2;
  --text-secondary-color: #EEEEEE;
  --link-primary-color: #119F43;
  --bg-primary-color: #060715;
  --bg-secondary-color: #119F43;
  --bg-gradi-primary-color: #119F43;
  --bg-gradi-secondary-color: #14C9FF;
  /* Font sizes */
  --font-size-small: 14px;
  --font-size-l-small: 15px;
  --font-size-base: 18px;
  --font-size-s-base: 17px;
  --font-size-medium: 24px;
  --font-size-large: 36px;
  --font-size-xx-large: 64px;
  /* Line height */
  --line-font-size-small: 21px;
  --font-size-l-small: 23px;
  --line-font-size-base: 27px;
  --line-font-size-s-base: 28px;
  --line-font-size-medium: 36px;
  --line-font-size-large: 54px;
  --line-font-size-x-large: 72px;
  --border-radius-base: 6px;
}

.dark-mode .nz-row {
  background-color: #060715;
}

.dark-mode.has-banner .simple-header {
  backdrop-filter: unset !important;
}

.dark-mode {
  background-color: #060715;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode input,
.dark-mode span,
.dark-mode p,
.dark-mode b,
.dark-mode strong,
.dark-mode li,
.dark-mode i,
.dark-mode .free-trial-popup .trail-contnet-wrapper .right-content .content h2,
.dark-mode .free-trial-popup .trail-contnet-wrapper .right-content .btn-wrapper .green-btn,
.dark-mode .free-trial-popup .trail-contnet-wrapper .right-content .content p *,
.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.dark-mode * {
  font-family: "Poppins", sans-serif !important;
}
.dark-mode .fa::before {
  font: normal normal normal 14px/1 FontAwesome !important;
}
.dark-mode [class^=ti-],
.dark-mode [class*=" ti-"] {
  font-family: "themify" !important;
}
.dark-mode .grid-container {
  --columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: 16px;
  max-width: 100%;
  align-items: stretch;
  /* Ensures all items stretch to the tallest */
}
@media (max-width: 768px) {
  .dark-mode .grid-container {
    display: flex;
    flex-direction: column;
    --columns: !important;
  }
}
.dark-mode .grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode {
  /* Responsive columns using data-columns attribute */
}
.dark-mode .grid-container[data-columns="1"] {
  --columns: 1;
}
.dark-mode .grid-container[data-columns="2"] {
  --columns: 2;
}
.dark-mode .grid-container[data-columns="3"] {
  --columns: 3;
}
.dark-mode .grid-container[data-columns="4"] {
  --columns: 4;
}
.dark-mode .grid-container[data-columns="5"] {
  --columns: 5;
}
@media (max-width: 768px) {
  .dark-mode .grid-container {
    --columns: 1 !important;
  }
}
.dark-mode .owl-carousel {
  opacity: 1;
}
.dark-mode .header-outer-wrapper.dhq_nocode_only {
  height: unset;
}
.dark-mode .main-body-div {
  padding-top: 64px;
}
.dark-mode .Section_backgroundMask {
  display: none;
}
.dark-mode section.container {
  max-width: 1200px;
  padding: 0 16px;
}
.dark-mode .Section_masked {
  overflow: visible;
}
.dark-mode .Card--shadowSmall {
  box-shadow: unset;
}
.dark-mode {
  /* Dark Mode Mega Menu  */
}
.dark-mode .header-outer-wrapper.dark-mode .simple-header,
.dark-mode .header-outer-wrapper.dark-mode .landing-page-header {
  position: fixed;
  background-color: #232539;
  /* Semi-transparent background */
  border-bottom: 1px solid transparent;
  border-image-source: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, rgba(255, 255, 255, 0.3) 45%, rgba(198, 198, 198, 0) 100%);
  border-image-slice: 1;
  backdrop-filter: blur(8px);
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.0509803922);
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-header {
  position: fixed;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul {
  background-color: transparent;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu a,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul a {
  color: var(--title-primary-color) !important;
  font-size: 15px;
  font-family: "Poppins", sans-serif !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu a:hover,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul a:hover {
  color: var(--link-primary-color) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu .dhq_mainHeaderCTABox a,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul .dhq_mainHeaderCTABox a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a {
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #F4F4F4;
  background-color: transparent !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover {
  color: var(--title-primary-color) !important;
  background-color: rgba(255, 255, 255, 0.3019607843) !important;
  border: 1px solid #F4F4F4;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a {
  padding: 8px 20px;
  border-radius: 4px;
  background-color: var(--link-primary-color);
  border: 1px solid var(--link-primary-color) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover {
  color: var(--title-primary-color) !important;
  background-color: #06762D !important;
  border: 1px solid #06762D;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left {
  border-color: #383944;
  background-color: #060715;
  padding: 0px;
  border: 0px;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .rounded-b-lg,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .otherBG,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .rounded-b-lg,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .otherBG {
  background-color: #2E2F3E !important;
  border-radius: 0px;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .rounded-b-lg .mega-menu-items,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .otherBG .mega-menu-items,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .rounded-b-lg .mega-menu-items,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .otherBG .mega-menu-items {
  color: #D9E8F0 !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .rounded-b-lg .text-xs,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .otherBG .text-xs,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .rounded-b-lg .text-xs,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .otherBG .text-xs {
  color: rgba(237, 237, 237, 0.6);
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .otherBG,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .otherBG {
  border-radius: 8px;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .menu-items-group,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .menu-items-group {
  background-color: #060715;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .menu-items-group .mega-menu-items,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .menu-items-group .mega-menu-items {
  color: #EDEDED !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .menu-items-group .text-xs,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .menu-items-group .text-xs {
  color: rgba(237, 237, 237, 0.6);
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .hover\:bg-brand-100:hover,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .hover\:bg-brand-100:hover {
  background-color: #2E2F3E;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .menu-type-Left .hover\:bg-white:hover,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .menu-type-Left .hover\:bg-white:hover {
  background-color: #171829;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ~ nav .font-medium.uppercase,
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu ul ~ nav .font-medium.uppercase {
  color: #85949C !important;
}
.dark-mode .header-outer-wrapper.dark-mode .descktop-top-menu {
  background-color: #232539;
  /* Semi-transparent background */
  border-bottom: 1px solid transparent;
  border-image-source: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, rgba(255, 255, 255, 0.3) 45%, rgba(198, 198, 198, 0) 100%);
  border-image-slice: 1;
  backdrop-filter: blur(8px);
  width: 100%;
  /* Ensure it spans the full width */
  z-index: 1000;
  /* Place it above other content */
}
.dark-mode .header-outer-wrapper.dark-mode #requestMobileBtn {
  background-color: var(--bg-secondary-color);
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode #requestMobileBtn:hover {
    background-color: #06762D;
    color: #f4f4f4 !important;
  }
}
.dark-mode .header-outer-wrapper.dark-mode button {
  color: var(--text-primary-color);
}
.dark-mode .header-outer-wrapper.dark-mode .hover\:bg-gray-100:hover {
  background-color: #060715;
}
.dark-mode .header-outer-wrapper.dark-mode nav.overflow-auto:after {
  width: 100%;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel {
  height: calc(100vh - 64px) !important;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul {
  background-color: #42484c;
  border: none !important;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul li {
  border: #060715;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul li a {
  color: #EDEDED;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul li .active {
  background-color: #060715;
  border: #060715;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul .items-center {
  color: rgba(237, 237, 237, 0.6);
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul .mobile_menu.menu-type-Left {
  background-color: rgba(6, 7, 21, 0.2901960784);
  border-color: transparent;
}
.dark-mode .header-outer-wrapper.dark-mode #menuPanel ul .mobile_menu.menu-type-Left .hover\:bg-brand-100:hover {
  background-color: #060715;
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing-page-signup-btn,
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing_page_book_a_demo_btn,
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .dhq_toprequestdemo {
  color: var(--title-primary-color) !important;
  line-height: 22px;
  font-family: "Poppins", sans-serif !important;
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing-page-signup-btn {
  background: var(--link-primary-color) !important;
  border: solid 1px var(--link-primary-color);
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing-page-signup-btn:hover {
  background: transparent !important;
  border: solid 1px #fff;
  color: #fff !important;
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing_page_book_a_demo_btn,
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .dhq_toprequestdemo {
  background: transparent !important;
  border: solid 1px #fff;
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing_page_book_a_demo_btn:hover,
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .dhq_toprequestdemo:hover {
  border: solid 1px var(--link-primary-color);
  background: var(--link-primary-color) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .landing-page-wrapper .landing-page-login-btn {
  color: #010731 !important;
  background: transparent !important;
  margin-right: 8px;
}
.dark-mode .header-outer-wrapper.dark-mode .docs-btn-link {
  display: none !important;
}
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a,
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a {
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #F4F4F4;
  background-color: transparent;
  height: 40px;
  font-size: 15px;
  align-items: center;
  color: var(--title-primary-color) !important;
  line-height: 22px;
  font-family: "Poppins", sans-serif !important;
}
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover,
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover {
  background-color: rgba(255, 255, 255, 0.3019607843);
  border: 1px solid #F4F4F4;
}
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a {
  background-color: #119F43;
  border: 1px solid #119F43;
}
.dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover {
  background-color: #06762D;
  border: 1px solid #06762D;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--login,
  .dark-mode .header-outer-wrapper.dark-mode .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial {
    display: none;
  }
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode .menu-id14987 ul {
    background: #f3f3f3 !important;
  }
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--login a:hover {
  color: #016766 !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a {
  color: #010731 !important;
  background-color: #E7E7DE;
  border: solid 0px #E7E7DE;
  transition: all 300ms ease-in-out;
  overflow: hidden;
  position: relative;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  /* border thickness */
  border-radius: 6px;
  background: linear-gradient(180deg, #016363 0%, #011539 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  visibility: hidden;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover {
  background-color: transparent;
  background: linear-gradient(180deg, rgba(1, 99, 99, 0.1) 0%, rgba(1, 21, 57, 0.1) 100%);
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover::before {
  visibility: visible;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a {
  background: linear-gradient(90deg, #006A67 0%, #010D34 100%) !important;
  border: solid 1px transparent;
  font-family: var(--inter-font-family) !important;
  transition: all 0.4s ease-in-out;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover {
  box-shadow: 0px 4px 30px 0px rgba(9, 140, 136, 0.4), 0px 4px 20px 0px rgba(1, 13, 52, 0.2);
}
.dark-mode .header-outer-wrapper.dark-mode .is_mobile {
  display: none;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode .is_mobile {
    display: block;
  }
}
.dark-mode .footer-style-one {
  padding-top: 0px;
}
.dark-mode .footer-style-one #mobileFooter li {
  background-color: #060715;
  border-top: solid 1px rgba(236, 236, 236, 0.1019607843);
}
.dark-mode .footer-style-one #mobileFooter li a {
  background-color: #060715;
  color: #888787;
  border-top: solid 1px rgba(236, 236, 236, 0.1019607843);
}
.dark-mode .footer-style-one #mobileFooter li a:hover {
  color: var(--title-secondary-color) !important;
}
.dark-mode .footer-style-one #mobileFooter li ul li {
  background-color: #42484c !important;
}
.dark-mode .footer-style-one #mobileFooter li ul li a {
  color: #EDEDED;
  background-color: #42484c !important;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.dark-mode .footer-style-one #mobileFooter li ul li a:hover {
  color: #050614 !important;
}
.dark-mode .footer-style-one .footer-upper {
  background-color: #050614;
  border-top: solid 1px rgba(130, 130, 130, 0.2666666667);
}
.dark-mode .footer-style-one .footer-upper .revamp-footer-items-wrapper h3 {
  color: #E7E7E7;
}
.dark-mode .footer-style-one .footer-upper .revamp-footer-items-wrapper ul li a {
  color: #A0B4C7;
}
.dark-mode .footer-style-one .footer-upper .revamp-footer-items-wrapper ul li a:hover {
  color: var(--title-secondary-color) !important;
}
.dark-mode .footer-style-one .footer-marketing-section img {
  max-width: 100%;
  height: auto;
}
.dark-mode .page-custom-menu-added > div a {
  order: 1;
}
.dark-mode .page-custom-menu-added > div #navbar-sticky {
  order: 2;
  margin-right: auto;
}
@media (max-width: 910px) {
  .dark-mode .page-custom-menu-added > div #menuPanel {
    top: 46px;
  }
}
.dark-mode .page-custom-menu-added > div .landing-page-wrapper {
  order: 3;
}
@media (max-width: 910px) {
  .dark-mode .page-custom-menu-added > div .landing-page-wrapper {
    margin-left: auto;
  }
}
.dark-mode .page-custom-menu-added > div > button {
  order: 4;
}
@media (max-width: 910px) {
  .dark-mode .page-custom-menu-added > div > button {
    margin-left: 10px;
  }
}
.dark-mode .nz-highlight {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
@media (max-width: 450px) {
  .dark-mode a.CtaButton.variant--Button.CtaButton--arrow:first-of-type,
  .dark-mode a.CtaButton.variant--Link.CtaButton--arrow.first-link,
  .dark-mode .topvidsec .CtaButton.boldCTA.variant--Link.CtaButton--arrow {
    font-size: 14px !important;
  }
}
@media (max-width: 375px) {
  .dark-mode a.CtaButton.variant--Button.CtaButton--arrow:first-of-type,
  .dark-mode a.CtaButton.variant--Link.CtaButton--arrow.first-link,
  .dark-mode .topvidsec .CtaButton.boldCTA.variant--Link.CtaButton--arrow {
    font-size: 12px !important;
  }
}
.dark-mode .html-form-wrapper {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 15px 30px -30px rgba(0, 0, 0, 0.3019607843);
  box-shadow: 0px 30px 60px -20px rgba(50, 50, 93, 0.2509803922);
}
.dark-mode .html-form-wrapper font {
  color: #26404e;
}
.dark-mode .main-terms-and-policy {
  background-color: #050614;
  border: 0px;
  border-top: solid 1px rgba(130, 130, 130, 0.2666666667);
}
.dark-mode .left-terms a,
.dark-mode .right-policy {
  color: #A0B4C7;
}
.dark-mode .left-terms a:hover,
.dark-mode .right-policy:hover {
  color: var(--title-secondary-color);
}
.dark-mode section > div.container {
  max-width: 1200px;
  padding: 0 16px;
}
.dark-mode .dhq_header .dhq_caption {
  color: var(--bg-gradi-primary-color);
}
.dark-mode .dhq_header .dhq_title,
.dark-mode .dhq_header .dhq_subtitle,
.dark-mode .dhq_header .dhq_midtitle,
.dark-mode .dhq_header .dhq_Maintitle {
  color: var(--title-primary-color);
}
.dark-mode .dhq_footer .dhq_subtitle {
  color: var(--text-primary-color);
}
.dark-mode .hero-testimonial-wrapper > div.dhq-hero-tsm-content h2,
.dark-mode .bullet-item-wrapper .content-wrapper p,
.dark-mode .vertical-block-section-wrapper .title h2,
.dark-mode .main-forum .left-tab a,
.dark-mode .main-header-notify .notify-banner-text,
.dark-mode .tag-wrap .dhq_subtitle {
  color: var(--title-primary-color);
}
.dark-mode .dhq_body,
.dark-mode .dhq_body p,
.dark-mode .dhq_subbody,
.dark-mode .dhq_subbody p,
.dark-mode .bullet-item-wrapper .content-wrapper h3,
.dark-mode .hero-testimonial-wrapper > div.dhq-hero-tsm-content p,
.dark-mode .vertical-block-section-wrapper .description,
.dark-mode .vertical-block-section-wrapper .description p,
.dark-mode .vertical-block-section-wrapper .tab .tab-btn-text p,
.dark-mode .vertical-block-section-wrapper .tab.active .tab-btn-text p,
.dark-mode .vertical-block-section-wrapper .tab h3,
.dark-mode .vertical-block-section-wrapper .tab h3 span,
.dark-mode .dhq_midbody,
.dark-mode .dhq_midbody p,
.dark-mode .main-forum .left-tab span,
.dark-mode .main-header-notify .notify-banner-subtitle,
.dark-mode .main-header-notify .notify-banner-subtitle p {
  color: var(--text-primary-color);
}
.dark-mode .vertical-block-section-wrapper .tab svg path {
  stroke: var(--text-primary-color) !important;
}
.dark-mode .bg-light .Section_backgroundMask {
  display: block;
}
.dark-mode .bg-light .dhq_header .dhq_title,
.dark-mode .bg-light .dhq_header .dhq_subtitle {
  color: #0A2540;
}
.dark-mode .bg-light .dhq_footer .dhq_subtitle {
  color: #0A2540;
}
.dark-mode .bg-light .hero-testimonial-wrapper > div.dhq-hero-tsm-content h2 {
  color: #0A2540;
}
.dark-mode .bg-light .dhq_body,
.dark-mode .bg-light .dhq_body p,
.dark-mode .bg-light .dhq_subbody,
.dark-mode .bg-light .dhq_subbody p,
.dark-mode .bg-light .bullet-item-wrapper .content-wrapper h3,
.dark-mode .bg-light .hero-testimonial-wrapper > div.dhq-hero-tsm-content p {
  color: #425466;
}
.dark-mode .dark-video-hero-banner-wrapper-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper {
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 36px;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 72px;
  text-align: center;
  color: var(--title-primary-color);
  max-width: 875px;
  margin: auto;
}
@media (max-width: 768px) {
  .dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper h1 {
    font-size: 44px;
    line-height: 50px;
  }
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper h1 strong {
  background: linear-gradient(99.94deg, #14C9FF -15%, #2BD372 79.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .description-wraper,
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .description-wraper p {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  max-width: 760px;
  margin: auto;
  color: var(--text-primary-color);
}
@media (max-width: 768px) {
  .dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .description-wraper,
  .dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .description-wraper p {
    font-size: 18px;
  }
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer {
    flex-direction: column-reverse;
    gap: 15px;
  }
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a {
  position: relative;
  font-size: 21px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  margin: 0px;
  padding: 9px 24px;
  border-radius: var(--border-radius-base);
  z-index: 2;
  overflow: hidden;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a:hover {
  color: var(--title-primary-color) !important;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a:nth-child(2) {
  margin-left: 24px;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a svg {
  margin-left: 7px;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a.variant--Link {
  position: relative;
  color: var(--title-primary-color);
  border: 1.6px solid var(--title-primary-color);
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a.variant--button {
  color: var(--text-primary-color);
  border: 1.6px solid transparent;
  background-color: var(--bg-gradi-primary-color);
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a.CtaButton::after {
  content: "";
  position: absolute;
  top: calc(var(--y, 0) * 1px - 50px);
  left: calc(var(--x, 0) * 1px - 50px);
  width: 100px;
  height: 100px;
  background: radial-gradient(#00FFF0, rgba(57, 132, 255, 0) 80%);
  opacity: 0;
  transition: opacity 0.2s;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a.CtaButton:hover::after {
  opacity: 0.4;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer a.variant--Link:hover::after {
  opacity: 0.1;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .anim-border-btn-wrapper {
  position: relative;
  margin-left: 24px;
  display: flex;
}
@media (max-width: 768px) {
  .dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .anim-border-btn-wrapper {
    margin-left: 0px;
  }
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .animated-border-box {
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  position: absolute;
  overflow: hidden;
  z-index: 0;
  left: -2px;
  top: -2px;
  border-radius: var(--border-radius-base);
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .animated-border-box-glow {
  overflow: hidden;
  filter: blur(20px);
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .animated-border-box:before {
  content: "";
  z-index: -2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(17, 159, 67, 0.5), rgba(58, 218, 253, 0.75), rgba(17, 159, 67, 0.5) 25%);
  animation: rotate 2s linear infinite;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-content-wrapper .dhq_ctaContainer .animated-border-box:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: transparent;
  border-radius: var(--border-radius-base);
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-wrapper {
  position: relative;
  margin: auto;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-wrapper::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 100%;
  top: -60px;
  height: 270px;
  z-index: 1;
  background-position: center;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/video-grad.webp);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-wrapper::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
  background-position: center center;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Line-784.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 5px;
  top: -3px;
  pointer-events: none;
}
.dark-mode .dark-video-hero-banner-wrapper-section .dark-video-hero-banner-wrapper .video-wrapper video {
  position: relative;
  z-index: 2;
  border-radius: 8px;
}
.dark-mode .brands-logo-container-wrapper .marquee:before,
.dark-mode .brands-logo-container-wrapper .marquee:after {
  position: absolute;
  top: 0;
  width: 20rem;
  height: 100%;
  content: "";
  z-index: 1;
  background: unset;
}
@media (max-width: 768px) {
  .dark-mode .brands-logo-container-wrapper .marquee:before,
  .dark-mode .brands-logo-container-wrapper .marquee:after {
    width: 5rem;
  }
}
.dark-mode .brands-logo-container-wrapper .marquee:before {
  left: 0;
  background: linear-gradient(to right, rgba(5, 6, 20, 0.462745098) 0%, transparent 100%);
}
.dark-mode .brands-logo-container-wrapper .marquee:after {
  right: 0;
  background: linear-gradient(to left, rgba(5, 6, 20, 0.462745098) 0%, transparent 100%);
}
.dark-mode .SegmentedControlButton {
  color: var(--title-primary-color);
}
.dark-mode .revamp-tab-background-change {
  background: url(https://www.dronahq.com/wp-content/uploads/2025/01/Newer-gradient-1.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dark-mode .revamp-tab-background-change .nz-row {
  background-color: unset;
}
.dark-mode .revamp-tab-background-change .dhq_body,
.dark-mode .revamp-tab-background-change .dhq_body p,
.dark-mode .revamp-tab-background-change .dhq_subbody,
.dark-mode .revamp-tab-background-change .dhq_subbody p {
  color: #26404E;
}
.dark-mode .revamp-tab-background-change .dhq_banner_image {
  background-color: var(--title-primary-color);
}
.dark-mode .revamp-tab-background-change .SegmentedControlButton {
  color: #0A2540;
}
.dark-mode .revamp-tab-background-change .SegmentedControlButton--active {
  color: var(--title-primary-color);
  background-color: var(--bg-gradi-primary-color);
}
.dark-mode .revamp-tab-background-change .dhq_ctaContainer a.variant--Link {
  color: var(--bg-gradi-primary-color);
}
.dark-mode .revamp-tab-background-change .dhq_ctaContainer a.variant--Link svg path {
  stroke: var(--bg-gradi-primary-color);
}
.dark-mode .revamp-tab-background-change .dhq_header .dhq_caption {
  color: var(--bg-gradi-primary-color);
}
.dark-mode .revamp-tab-background-change .dhq_header .dhq_title,
.dark-mode .revamp-tab-background-change .dhq_header .dhq_subtitle,
.dark-mode .revamp-tab-background-change .dhq_header .dhq_midtitle {
  color: #0A2540;
}
.dark-mode .revamp-tab-background-change .dhq_body,
.dark-mode .revamp-tab-background-change .dhq_body p,
.dark-mode .revamp-tab-background-change .dhq_subbody {
  color: #425466;
}
.dark-mode .right_side_image_section_images-background-change {
  background-color: var(--bg-primary-color);
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-wrapper,
.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper {
  position: relative;
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-wrapper::after,
.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper::after {
  content: "";
  z-index: -1;
  width: 100vh;
  height: 100vh;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Frame-1000005930.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(-50vh + 300px);
  top: calc(-50vh + 250px);
  pointer-events: none;
}
.dark-mode .right_side_image_section_images-background-change .Section_backgroundMask {
  display: none;
}
.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper,
.dark-mode .right_side_image_section_images-background-change .tab-bg {
  background-color: var(--bg-primary-color) !important;
}
.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper .stycky-btn,
.dark-mode .right_side_image_section_images-background-change .tab-bg .stycky-btn {
  color: var(--title-primary-color);
}
.dark-mode .right_side_image_section_images-background-change .stycky-btn-itme-wrapper-progress-bar {
  min-width: 10px;
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-content-wrapper .ListItem_label {
  color: var(--text-primary-color);
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper {
  display: flex;
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper,
.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper {
  min-height: unset;
  height: -moz-max-content;
  height: max-content;
  background-color: #fff;
  overflow: hidden;
  background: linear-gradient(122.42deg, #2BD372 1.63%, #14C9FF 97.38%);
  border-radius: 8px;
  padding: 3px;
}
@media (max-width: 768px) {
  .dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper,
  .dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper {
    overflow: visible;
  }
}
.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper svg,
.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper svg {
  background-color: #fff;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper {
    display: flex;
  }
}
@media (max-width: 769px) {
  .dark-mode .hero-animation-title-wrapper {
    margin-top: 44px;
  }
  .dark-mode .hero-animation-title-wrapper h1 span {
    margin-top: -44px;
    background: unset;
  }
}
.dark-mode .brands-icon-container-wrapper .brand-icons-wrapper {
  gap: 40px 30px;
}
@media (max-width: 768px) {
  .dark-mode .brands-icon-container-wrapper .brand-icons-wrapper {
    gap: 20px;
  }
}
@media (max-width: 769px) {
  .dark-mode .revamp-testimonial-wrapper {
    margin: 20px 0px;
  }
  .dark-mode .revamp-testimonial-wrapper h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.dark-mode .revamp-testimonial-wrapper h2 {
  color: var(--title-primary-color);
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper {
  padding: 0px;
  gap: 0px;
  position: relative;
  overflow: visible;
  background: unset;
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item-wrapper {
  display: block;
  position: relative;
  min-height: 400px;
}
@media (max-width: 768px) {
  .dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item-wrapper {
    min-height: 700px;
    width: calc(100% + 32px);
  }
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item {
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Background3.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  padding: 36px 0;
  height: calc(100% - 100px);
  width: 100%;
  top: 50%;
  left: 50%;
  z-index: 8;
  transform: translate(-50%, -50%) translateY(-18%) scale(0.9);
  opacity: 0.6;
  transition: transform 1s ease, opacity 1s ease;
  position: absolute;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item {
    padding: 80px 16px;
  }
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item h2,
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item .author-name,
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item .brand {
  color: var(--title-primary-color);
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item.second {
  transition: transform 1s ease 0.6s, opacity 1s ease;
  transform: translate(-50%, -50%) translateY(-9%) scale(0.95);
  z-index: 9;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item.second {
    padding: 36px 16px;
  }
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item.first {
  transition: transform 1s ease 0.5s, opacity 1s ease;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 1;
}
@media (max-width: 768px) {
  .dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .revamp-testimonial-item.first {
    padding: 36px 16px;
  }
}
.dark-mode .revamp-testimonial-wrapper .revamp-testimonial-items-wrapper .navigation-arrow-wrapper {
  display: none;
}
.dark-mode .vc_infobox4r1blocksingleimg {
  display: block;
  overflow: visible;
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container {
  padding: 72px 0;
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .dhq_caption {
  color: var(--bg-gradi-primary-color);
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .dhq_midtitle {
  color: var(--title-primary-color);
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .dhq_body,
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .dhq_body p {
  color: var(--text-primary-color);
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .image-block {
  position: relative;
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .image-block img {
  z-index: 2;
}
.dark-mode .vc_infobox4r1blocksingleimg .Section_container .CtaButton.boldCTA.smallCTA {
  padding: 12px 24px;
  font-size: var(--font-size-base);
  line-height: var(--line-font-size-base);
  background-color: var(--bg-gradi-primary-color);
}
.dark-mode .vc_infobox4r1blocksingleimg .image_animate .image-block::after {
  content: "";
  z-index: 1;
  width: calc(100% + 200px);
  height: calc(100% + 200px);
  left: -100px;
  top: -100px;
  position: absolute;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Frame-1000005930.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.dark-mode .vc_infobox4r1blocksingleimg .image_animate .image-block img {
  animation: crescendo 1.5s alternate infinite ease-in;
}
.dark-mode .vc_infobox4r1blocksingleimg .bggradient {
  position: relative;
}
.dark-mode .vc_infobox4r1blocksingleimg .bggradient::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: calc(100vh + 395px);
  left: 0px;
  top: calc(-50vh + 53px);
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Rectangle-3464815.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  pointer-events: none;
}
.dark-mode .vc_infobox4r1blocksingleimg .bggradient .colored {
  position: relative;
  max-width: 1200px;
}
.dark-mode .vc_infobox4r1blocksingleimg .bggradient .colored::after {
  content: "";
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  background: linear-gradient(122.42deg, #2BD372 1.63%, #14C9FF 97.38%);
  border-radius: 10px;
  position: absolute;
}
.dark-mode .bg-none .bggradient,
.dark-mode .bg-none .multiple-cta-content-wrapper,
.dark-mode .bg-noned-blue .bggradient,
.dark-mode .bg-noned-blue .multiple-cta-content-wrapper {
  background-color: unset;
}
.dark-mode .bg-none .bggradient::after,
.dark-mode .bg-none .multiple-cta-content-wrapper::after,
.dark-mode .bg-noned-blue .bggradient::after,
.dark-mode .bg-noned-blue .multiple-cta-content-wrapper::after {
  opacity: 0;
}
.dark-mode .vc_infobox4r1blocksingleimg.hide {
  display: none;
}
.dark-mode .dhq_render_revamp_rating_block {
  padding: 30px 0;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-backgrond-image-wrapper-container {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-backgrond-image-wrapper-container .ratting-backgrond-image-wrapper {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  height: 122px;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-backgrond-image-wrapper-container .ratting-front-image {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-backgrond-image-wrapper-container .ratting-front-image img {
  width: 100%;
  max-width: 600px;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-brands-wrapper {
  display: flex;
  gap: 23px;
  align-items: center;
  justify-content: center;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-brands-wrapper .ratting-brand-item {
  max-width: 206px;
}
.dark-mode .dhq_render_revamp_rating_block .ratting-brands-wrapper .ratting-brand-item img {
  width: 100%;
  height: auto;
}
.dark-mode .multiple-cta-content-wrapper {
  padding: 100px 0px;
  background-color: var(--bg-primary-color);
}
.dark-mode .multiple-cta-content-wrapper::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: calc(100vh + 395px);
  left: 0px;
  top: calc(-50vh + 53px);
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Rectangle-3464815.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  pointer-events: none;
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper {
  max-width: 1200px;
  position: relative;
  background-color: #191a2a;
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper::after {
  content: "";
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  background: linear-gradient(122.42deg, #2BD372 1.63%, #14C9FF 97.38%);
  border-radius: 10px;
  position: absolute;
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper h2 {
  color: var(--title-primary-color);
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper .cta-text p {
  color: var(--text-primary-color);
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper .cta-buttons-wrapper a {
  background-color: var(--bg-gradi-primary-color);
  color: var(--title-primary-color);
  border: 1px solid var(--bg-gradi-primary-color);
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper .cta-buttons-wrapper a:nth-child(2) {
  background-color: transparent;
}
.dark-mode .multiple-cta-content-wrapper .multiple-cta-wrapper .cta-buttons-wrapper a svg path {
  stroke: var(--title-primary-color);
}
.dark-mode .hero-banner-with-testimonial-and-form {
  position: relative;
}
@media (max-width: 600px) {
  .dark-mode .hero-banner-with-testimonial-and-form .hero-banner-with-testimonial {
    margin-bottom: 24px;
  }
}
.dark-mode .hero-banner-with-testimonial-and-form::after {
  content: " ";
  width: 100%;
  height: calc(100vh + 750px);
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Rectangle-3464815-1-1.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -375px;
  pointer-events: none;
}
.dark-mode .hero-banner-with-testimonial-and-form .quote {
  z-index: 3;
}
.dark-mode .hero-banner-with-testimonial-and-form .hero-testimonial-wrapper {
  background: linear-gradient(127.12deg, rgba(17, 159, 67, 0.5) 22.28%, rgba(6, 7, 21, 0.5) 84.2%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.0588235294);
  border: unset;
  position: relative;
}
.dark-mode .hero-banner-with-testimonial-and-form .hero-testimonial-wrapper:before {
  content: "";
  border: 0.6px solid;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 8px;
  /* Same as the parent for perfect alignment */
  background: linear-gradient(111.58deg, rgba(255, 255, 255, 0.7) 11.31%, rgba(78, 78, 78, 0.8) 74.03%);
  /* Gradient border */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  /* Mask for gradient border */
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  /* Cuts out the inside of the border */
  padding: 1px;
  /* Border thickness */
  z-index: -1;
}
.dark-mode .hero-banner-with-testimonial-and-form .hero-testimonial-container-wrapper svg path {
  fill: var(--title-primary-color) !important;
}
.dark-mode .hero-banner-with-testimonial-and-form .dhq_subbody font {
  color: #f4f4f4;
}
.dark-mode .hero-banner-with-testimonial-and-form .FallingCardsAnimation center {
  padding-top: 10px;
}
.dark-mode .hero-banner-with-testimonial-and-form .FallingCardsAnimation .Card {
  background-color: #152234;
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line {
  background: transparent;
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line::after {
  display: none;
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title {
  background-color: transparent;
  color: var(--text-primary-color);
  max-width: 100%;
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before, .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after {
  content: " ";
  height: 1px;
  position: absolute;
  top: 50%;
  width: 335px;
  background-color: #D1D2DB;
}
@media (max-width: 1200px) {
  .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before, .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after {
    width: 234px;
  }
}
@media (max-width: 900px) {
  .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before, .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after {
    width: 115px;
  }
}
@media (max-width: 600px) {
  .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before, .dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after {
    width: 50px !important;
  }
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after {
  right: 0px;
}
.dark-mode .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before {
  left: 0px;
}
.dark-mode .main-help-container {
  border-top: solid 1px rgba(210, 210, 210, 0.1411764706);
  border-bottom: solid 1px rgba(210, 210, 210, 0.1411764706);
}
.dark-mode .main-help-container p {
  color: var(--text-primary-color);
}
.dark-mode .main-help-container a,
.dark-mode .main-help-container .ti-arrow-right {
  color: var(--link-primary-color) !important;
}
.dark-mode .vc_infobox_html4reventliststart.dark_title .dhq_subtitle {
  color: var(--bg-gradi-primary-color);
}
.dark-mode .vc_infobox_html4reventliststart.dark_title .dhq_subbody,
.dark-mode .vc_infobox_html4reventliststart.dark_title .dhq_subbody p {
  color: #425466;
}
.dark-mode .nz-section:nth-child(1) .Section_layout {
  padding-top: 56px;
}
.dark-mode .hero-banner-with-email-wrapper {
  position: relative;
}
.dark-mode .hero-banner-with-email-wrapper::after {
  content: "";
  z-index: 0;
  width: 100%;
  height: calc(100vh + 640px);
  left: 0px;
  top: calc(-50vh - 160px);
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Gradient-blue-green.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
  pointer-events: none;
}
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .content h1,
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .content .title-after-part {
  color: var(--title-primary-color);
}
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .content .hero-description .content,
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .content .hero-description .content p,
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .content .hero-description p {
  color: var(--text-primary-color);
}
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .form-field-wrapper .form-container input[type=email] {
  background-color: rgba(255, 255, 255, 0.1019607843);
  color: #999999;
  border: 1px solid #85949C;
}
.dark-mode .hero-banner-with-email-wrapper .banner-email-content-wrapper .form-field-wrapper .form-container #signup-btn {
  background-color: var(--bg-gradi-primary-color);
  max-height: 50px;
  display: flex;
  align-items: center;
}
.dark-mode .right-image-section-circle_bgImg {
  position: relative;
}
.dark-mode .right-image-section-circle_bgImg::after {
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Gradient-blue-green.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  pointer-events: none;
}
.dark-mode .right-image-section-bgImg {
  position: relative;
}
.dark-mode .right-image-section-bgImg::after {
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Dashboard-builder-bg-min.png);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  pointer-events: none;
}
.dark-mode [class*=blue-green-gradient-section-bgImg] {
  position: relative;
}
.dark-mode [class*=blue-green-gradient-section-bgImg]::after {
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Rectangle-3464815-1-1.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  pointer-events: none;
}
.dark-mode [class*=bg-top-position-200]::after {
  background-position: top -200px center;
}
.dark-mode [class*=bg-top-position-300]::after {
  background-position: top -300px center;
}
.dark-mode [class*=bg-top-position-400]::after {
  background-position: top -400px center;
}
.dark-mode [class*=bg-top-position-500]::after {
  background-position: top -500px center;
}
.dark-mode .main-video-box-container {
  padding: 140px 0;
}
.dark-mode .main-video-box-container .margin-primary.video-box-block-container {
  padding: 24px !important;
}
.dark-mode .main-video-box-container .margin-primary.video-box-block-container .video-box-head {
  color: var(--title-primary-color);
}
.dark-mode .main-video-box-container .margin-primary.video-box-block-container .video-box-subhead p {
  color: var(--text-primary-color);
}
.dark-mode .dhq-dark-testimonial-wrapper {
  padding: 97px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .dark-mode .dhq-dark-testimonial-wrapper {
    padding: 0px;
  }
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: stretch;
  padding: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper {
    gap: 12px;
    padding: 16px;
  }
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dark-testimonial-title {
  font-size: var(--font-size-large);
  font-weight: 600;
  line-height: var(--line-font-size-large);
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--title-primary-color);
}
@media (max-width: 768px) {
  .dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dark-testimonial-title {
    line-height: 42px;
  }
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1px;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .line svg {
  width: 100%;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper p,
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .testimonial-description {
  font-size: var(--font-size-base);
  font-style: italic;
  font-weight: 400;
  line-height: var(--line-font-size-base);
  text-align: left;
  color: var(--text-secondary-color);
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info {
  display: flex;
  align-items: center;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info .img img {
  max-width: 53px;
  border-radius: 9999px;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info .author-name {
  display: flex;
  align-items: start;
  flex-direction: column;
  padding-left: 4px;
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info .author-name span {
  font-size: 15px;
  font-weight: 400;
  line-height: 26.66px;
  text-align: left;
  color: var(--text-primary-color);
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info .author-name span.company {
  font-weight: 600;
}
@media (max-width: 767px) {
  .dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .author-info .author-name {
    padding-left: 0px;
  }
}
.dark-mode .dhq-dark-testimonial-wrapper .dhq-dark-testimonial-content-wrapper .dhq-dark-testimonial-author-and-logo-wrapper .company-icon img {
  max-width: 180px;
}
.dark-mode .scroll-testimonial-section-wrapper {
  background: linear-gradient(90deg, rgba(51, 186, 236, 0.15) 0%, rgba(38, 188, 106, 0.15) 100%), linear-gradient(0deg, #060715, #060715);
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider::after {
  opacity: 0;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-container {
  background-color: rgba(25, 26, 42, 0.8980392157) !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide {
  background-color: unset !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide .support-text-wrapper {
  background-color: #06458D !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide .support-text-wrapper span {
  color: var(--title-primary-color) !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide .cta-title-wrapper h2 {
  color: var(--title-primary-color) !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide .cta-text-wrapper .cta-text,
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide .cta-text-wrapper .cta-text p {
  color: var(--text-primary-color) !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-controls button svg rect {
  stroke: var(--title-primary-color) !important;
}
.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-controls button svg path {
  fill: var(--title-primary-color) !important;
}
.dark-mode .studio-button-two.studio-button2 {
  background: transparent;
}

.whats-new-title-wrapper {
  position: absolute;
  top: -16px;
  left: 3rem;
  border-radius: 4px;
  z-index: 1;
}
@media (max-width: 600px) {
  .whats-new-title-wrapper {
    left: 32px;
  }
}
.whats-new-title-wrapper span {
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #040A12;
  padding: 5px 18px;
  box-shadow: 0px 0px 50px 0px rgba(255, 255, 255, 0.1490196078) inset;
}
.whats-new-title-wrapper span b {
  font-weight: 600 !important;
}
.whats-new-title-wrapper::after {
  content: "";
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  background: linear-gradient(122.42deg, #2BD372 1.63%, #14C9FF 97.38%);
  border-radius: 4px;
  position: absolute;
}

.post-35130.dark-mode,
.post-30268.dark-mode,
.post-36416.dark-mode,
.post-33334.dark-mode,
.post-35130.dark-mode .nz-row,
.post-30268.dark-mode .nz-row,
.post-36416.dark-mode .nz-row,
.post-33334.dark-mode .nz-row,
.post-29794.dark-mode,
.post-29794.dark-mode .nz-row {
  background-color: unset;
}
.post-35130.dark-mode .dhq_header .dhq_caption,
.post-30268.dark-mode .dhq_header .dhq_caption,
.post-36416.dark-mode .dhq_header .dhq_caption,
.post-33334.dark-mode .dhq_header .dhq_caption,
.post-35130.dark-mode .nz-row .dhq_header .dhq_caption,
.post-30268.dark-mode .nz-row .dhq_header .dhq_caption,
.post-36416.dark-mode .nz-row .dhq_header .dhq_caption,
.post-33334.dark-mode .nz-row .dhq_header .dhq_caption,
.post-29794.dark-mode .dhq_header .dhq_caption,
.post-29794.dark-mode .nz-row .dhq_header .dhq_caption {
  color: #0A2540;
}
.post-35130.dark-mode .dhq_header .dhq_title,
.post-35130.dark-mode .dhq_header .dhq_subtitle,
.post-30268.dark-mode .dhq_header .dhq_title,
.post-30268.dark-mode .dhq_header .dhq_subtitle,
.post-36416.dark-mode .dhq_header .dhq_title,
.post-36416.dark-mode .dhq_header .dhq_subtitle,
.post-33334.dark-mode .dhq_header .dhq_title,
.post-33334.dark-mode .dhq_header .dhq_subtitle,
.post-35130.dark-mode .nz-row .dhq_header .dhq_title,
.post-35130.dark-mode .nz-row .dhq_header .dhq_subtitle,
.post-30268.dark-mode .nz-row .dhq_header .dhq_title,
.post-30268.dark-mode .nz-row .dhq_header .dhq_subtitle,
.post-36416.dark-mode .nz-row .dhq_header .dhq_title,
.post-36416.dark-mode .nz-row .dhq_header .dhq_subtitle,
.post-33334.dark-mode .nz-row .dhq_header .dhq_title,
.post-33334.dark-mode .nz-row .dhq_header .dhq_subtitle,
.post-29794.dark-mode .dhq_header .dhq_title,
.post-29794.dark-mode .dhq_header .dhq_subtitle,
.post-29794.dark-mode .nz-row .dhq_header .dhq_title,
.post-29794.dark-mode .nz-row .dhq_header .dhq_subtitle {
  color: #425466;
}
.post-35130.dark-mode .dhq_body,
.post-35130.dark-mode .dhq_body p,
.post-35130.dark-mode .dhq_subbody,
.post-35130.dark-mode .dhq_subbody p,
.post-35130.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-30268.dark-mode .dhq_body,
.post-30268.dark-mode .dhq_body p,
.post-30268.dark-mode .dhq_subbody,
.post-30268.dark-mode .dhq_subbody p,
.post-30268.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-36416.dark-mode .dhq_body,
.post-36416.dark-mode .dhq_body p,
.post-36416.dark-mode .dhq_subbody,
.post-36416.dark-mode .dhq_subbody p,
.post-36416.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-33334.dark-mode .dhq_body,
.post-33334.dark-mode .dhq_body p,
.post-33334.dark-mode .dhq_subbody,
.post-33334.dark-mode .dhq_subbody p,
.post-33334.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-35130.dark-mode .nz-row .dhq_body,
.post-35130.dark-mode .nz-row .dhq_body p,
.post-35130.dark-mode .nz-row .dhq_subbody,
.post-35130.dark-mode .nz-row .dhq_subbody p,
.post-35130.dark-mode .nz-row .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-30268.dark-mode .nz-row .dhq_body,
.post-30268.dark-mode .nz-row .dhq_body p,
.post-30268.dark-mode .nz-row .dhq_subbody,
.post-30268.dark-mode .nz-row .dhq_subbody p,
.post-30268.dark-mode .nz-row .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-36416.dark-mode .nz-row .dhq_body,
.post-36416.dark-mode .nz-row .dhq_body p,
.post-36416.dark-mode .nz-row .dhq_subbody,
.post-36416.dark-mode .nz-row .dhq_subbody p,
.post-36416.dark-mode .nz-row .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-33334.dark-mode .nz-row .dhq_body,
.post-33334.dark-mode .nz-row .dhq_body p,
.post-33334.dark-mode .nz-row .dhq_subbody,
.post-33334.dark-mode .nz-row .dhq_subbody p,
.post-33334.dark-mode .nz-row .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-29794.dark-mode .dhq_body,
.post-29794.dark-mode .dhq_body p,
.post-29794.dark-mode .dhq_subbody,
.post-29794.dark-mode .dhq_subbody p,
.post-29794.dark-mode .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail,
.post-29794.dark-mode .nz-row .dhq_body,
.post-29794.dark-mode .nz-row .dhq_body p,
.post-29794.dark-mode .nz-row .dhq_subbody,
.post-29794.dark-mode .nz-row .dhq_subbody p,
.post-29794.dark-mode .nz-row .add-ons-container-wrapper article > div > div.CopyBody.CopyBody--variantDetail {
  color: #425466;
}
.post-35130.dark-mode .dhq-tab-button h3,
.post-35130.dark-mode .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-30268.dark-mode .dhq-tab-button h3,
.post-30268.dark-mode .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-36416.dark-mode .dhq-tab-button h3,
.post-36416.dark-mode .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-33334.dark-mode .dhq-tab-button h3,
.post-33334.dark-mode .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-35130.dark-mode .nz-row .dhq-tab-button h3,
.post-35130.dark-mode .nz-row .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-30268.dark-mode .nz-row .dhq-tab-button h3,
.post-30268.dark-mode .nz-row .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-36416.dark-mode .nz-row .dhq-tab-button h3,
.post-36416.dark-mode .nz-row .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-33334.dark-mode .nz-row .dhq-tab-button h3,
.post-33334.dark-mode .nz-row .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-29794.dark-mode .dhq-tab-button h3,
.post-29794.dark-mode .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1,
.post-29794.dark-mode .nz-row .dhq-tab-button h3,
.post-29794.dark-mode .nz-row .add-ons-container-wrapper article > div > div.addons-icon-title-wrapper > h1 {
  color: #0A2540;
}
.post-35130.dark-mode .dhq-tab-button h3,
.post-30268.dark-mode .dhq-tab-button h3,
.post-36416.dark-mode .dhq-tab-button h3,
.post-33334.dark-mode .dhq-tab-button h3,
.post-35130.dark-mode .nz-row .dhq-tab-button h3,
.post-30268.dark-mode .nz-row .dhq-tab-button h3,
.post-36416.dark-mode .nz-row .dhq-tab-button h3,
.post-33334.dark-mode .nz-row .dhq-tab-button h3,
.post-29794.dark-mode .dhq-tab-button h3,
.post-29794.dark-mode .nz-row .dhq-tab-button h3 {
  margin-bottom: 0px;
}
.post-35130.dark-mode .toggle-btn span.active,
.post-35130.dark-mode .total-saving,
.post-35130.dark-mode .CtaButton,
.post-30268.dark-mode .toggle-btn span.active,
.post-30268.dark-mode .total-saving,
.post-30268.dark-mode .CtaButton,
.post-36416.dark-mode .toggle-btn span.active,
.post-36416.dark-mode .total-saving,
.post-36416.dark-mode .CtaButton,
.post-33334.dark-mode .toggle-btn span.active,
.post-33334.dark-mode .total-saving,
.post-33334.dark-mode .CtaButton,
.post-35130.dark-mode .nz-row .toggle-btn span.active,
.post-35130.dark-mode .nz-row .total-saving,
.post-35130.dark-mode .nz-row .CtaButton,
.post-30268.dark-mode .nz-row .toggle-btn span.active,
.post-30268.dark-mode .nz-row .total-saving,
.post-30268.dark-mode .nz-row .CtaButton,
.post-36416.dark-mode .nz-row .toggle-btn span.active,
.post-36416.dark-mode .nz-row .total-saving,
.post-36416.dark-mode .nz-row .CtaButton,
.post-33334.dark-mode .nz-row .toggle-btn span.active,
.post-33334.dark-mode .nz-row .total-saving,
.post-33334.dark-mode .nz-row .CtaButton,
.post-29794.dark-mode .toggle-btn span.active,
.post-29794.dark-mode .total-saving,
.post-29794.dark-mode .CtaButton,
.post-29794.dark-mode .nz-row .toggle-btn span.active,
.post-29794.dark-mode .nz-row .total-saving,
.post-29794.dark-mode .nz-row .CtaButton {
  color: var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .toggle-btn span.active svg path,
.post-35130.dark-mode .total-saving svg path,
.post-35130.dark-mode .CtaButton svg path,
.post-30268.dark-mode .toggle-btn span.active svg path,
.post-30268.dark-mode .total-saving svg path,
.post-30268.dark-mode .CtaButton svg path,
.post-36416.dark-mode .toggle-btn span.active svg path,
.post-36416.dark-mode .total-saving svg path,
.post-36416.dark-mode .CtaButton svg path,
.post-33334.dark-mode .toggle-btn span.active svg path,
.post-33334.dark-mode .total-saving svg path,
.post-33334.dark-mode .CtaButton svg path,
.post-35130.dark-mode .nz-row .toggle-btn span.active svg path,
.post-35130.dark-mode .nz-row .total-saving svg path,
.post-35130.dark-mode .nz-row .CtaButton svg path,
.post-30268.dark-mode .nz-row .toggle-btn span.active svg path,
.post-30268.dark-mode .nz-row .total-saving svg path,
.post-30268.dark-mode .nz-row .CtaButton svg path,
.post-36416.dark-mode .nz-row .toggle-btn span.active svg path,
.post-36416.dark-mode .nz-row .total-saving svg path,
.post-36416.dark-mode .nz-row .CtaButton svg path,
.post-33334.dark-mode .nz-row .toggle-btn span.active svg path,
.post-33334.dark-mode .nz-row .total-saving svg path,
.post-33334.dark-mode .nz-row .CtaButton svg path,
.post-29794.dark-mode .toggle-btn span.active svg path,
.post-29794.dark-mode .total-saving svg path,
.post-29794.dark-mode .CtaButton svg path,
.post-29794.dark-mode .nz-row .toggle-btn span.active svg path,
.post-29794.dark-mode .nz-row .total-saving svg path,
.post-29794.dark-mode .nz-row .CtaButton svg path {
  stroke: var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .dhq-slider,
.post-30268.dark-mode .dhq-slider,
.post-36416.dark-mode .dhq-slider,
.post-33334.dark-mode .dhq-slider,
.post-35130.dark-mode .nz-row .dhq-slider,
.post-30268.dark-mode .nz-row .dhq-slider,
.post-36416.dark-mode .nz-row .dhq-slider,
.post-33334.dark-mode .nz-row .dhq-slider,
.post-29794.dark-mode .dhq-slider,
.post-29794.dark-mode .nz-row .dhq-slider {
  background-color: var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .dhq-pricing-block-wrapper,
.post-30268.dark-mode .dhq-pricing-block-wrapper,
.post-36416.dark-mode .dhq-pricing-block-wrapper,
.post-33334.dark-mode .dhq-pricing-block-wrapper,
.post-35130.dark-mode .nz-row .dhq-pricing-block-wrapper,
.post-30268.dark-mode .nz-row .dhq-pricing-block-wrapper,
.post-36416.dark-mode .nz-row .dhq-pricing-block-wrapper,
.post-33334.dark-mode .nz-row .dhq-pricing-block-wrapper,
.post-29794.dark-mode .dhq-pricing-block-wrapper,
.post-29794.dark-mode .nz-row .dhq-pricing-block-wrapper {
  background: #060715 !important;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Background-Web-3-4.webp) !important;
  background-position: center;
  background-size: cover;
}
.post-35130.dark-mode .pricing-hero-banner-wrapper,
.post-30268.dark-mode .pricing-hero-banner-wrapper,
.post-36416.dark-mode .pricing-hero-banner-wrapper,
.post-33334.dark-mode .pricing-hero-banner-wrapper,
.post-35130.dark-mode .nz-row .pricing-hero-banner-wrapper,
.post-30268.dark-mode .nz-row .pricing-hero-banner-wrapper,
.post-36416.dark-mode .nz-row .pricing-hero-banner-wrapper,
.post-33334.dark-mode .nz-row .pricing-hero-banner-wrapper,
.post-29794.dark-mode .pricing-hero-banner-wrapper,
.post-29794.dark-mode .nz-row .pricing-hero-banner-wrapper {
  display: none !important;
}
.post-35130.dark-mode .marquee:before,
.post-30268.dark-mode .marquee:before,
.post-36416.dark-mode .marquee:before,
.post-33334.dark-mode .marquee:before,
.post-35130.dark-mode .nz-row .marquee:before,
.post-30268.dark-mode .nz-row .marquee:before,
.post-36416.dark-mode .nz-row .marquee:before,
.post-33334.dark-mode .nz-row .marquee:before,
.post-29794.dark-mode .marquee:before,
.post-29794.dark-mode .nz-row .marquee:before {
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.post-35130.dark-mode .marquee:after,
.post-30268.dark-mode .marquee:after,
.post-36416.dark-mode .marquee:after,
.post-33334.dark-mode .marquee:after,
.post-35130.dark-mode .nz-row .marquee:after,
.post-30268.dark-mode .nz-row .marquee:after,
.post-36416.dark-mode .nz-row .marquee:after,
.post-33334.dark-mode .nz-row .marquee:after,
.post-29794.dark-mode .marquee:after,
.post-29794.dark-mode .nz-row .marquee:after {
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.post-35130.dark-mode .dhq-pricing-card .btn-price a,
.post-30268.dark-mode .dhq-pricing-card .btn-price a,
.post-36416.dark-mode .dhq-pricing-card .btn-price a,
.post-33334.dark-mode .dhq-pricing-card .btn-price a,
.post-35130.dark-mode .nz-row .dhq-pricing-card .btn-price a,
.post-30268.dark-mode .nz-row .dhq-pricing-card .btn-price a,
.post-36416.dark-mode .nz-row .dhq-pricing-card .btn-price a,
.post-33334.dark-mode .nz-row .dhq-pricing-card .btn-price a,
.post-29794.dark-mode .dhq-pricing-card .btn-price a,
.post-29794.dark-mode .nz-row .dhq-pricing-card .btn-price a {
  background-color: var(--bg-gradi-primary-color);
  border: 1px solid var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .dhq-pricing-card .btn-price a:hover,
.post-30268.dark-mode .dhq-pricing-card .btn-price a:hover,
.post-36416.dark-mode .dhq-pricing-card .btn-price a:hover,
.post-33334.dark-mode .dhq-pricing-card .btn-price a:hover,
.post-35130.dark-mode .nz-row .dhq-pricing-card .btn-price a:hover,
.post-30268.dark-mode .nz-row .dhq-pricing-card .btn-price a:hover,
.post-36416.dark-mode .nz-row .dhq-pricing-card .btn-price a:hover,
.post-33334.dark-mode .nz-row .dhq-pricing-card .btn-price a:hover,
.post-29794.dark-mode .dhq-pricing-card .btn-price a:hover,
.post-29794.dark-mode .nz-row .dhq-pricing-card .btn-price a:hover {
  background-color: #06762D !important;
  border: 1px solid #06762D !important;
}
.post-35130.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-30268.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-36416.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-33334.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-35130.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-30268.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-36416.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-33334.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-29794.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn span,
.post-29794.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn span {
  color: var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-30268.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-36416.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-33334.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-35130.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-30268.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-36416.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-33334.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-29794.dark-mode .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path,
.post-29794.dark-mode .nz-row .dhq-animation-btn-container-wrapper .dhq-animation-btn svg path {
  fill: var(--bg-gradi-primary-color);
}
.post-35130.dark-mode #features1 .ComparisonLabel .dhq_header,
.post-35130.dark-mode .table-header-wrapper .item,
.post-30268.dark-mode #features1 .ComparisonLabel .dhq_header,
.post-30268.dark-mode .table-header-wrapper .item,
.post-36416.dark-mode #features1 .ComparisonLabel .dhq_header,
.post-36416.dark-mode .table-header-wrapper .item,
.post-33334.dark-mode #features1 .ComparisonLabel .dhq_header,
.post-33334.dark-mode .table-header-wrapper .item,
.post-35130.dark-mode .nz-row #features1 .ComparisonLabel .dhq_header,
.post-35130.dark-mode .nz-row .table-header-wrapper .item,
.post-30268.dark-mode .nz-row #features1 .ComparisonLabel .dhq_header,
.post-30268.dark-mode .nz-row .table-header-wrapper .item,
.post-36416.dark-mode .nz-row #features1 .ComparisonLabel .dhq_header,
.post-36416.dark-mode .nz-row .table-header-wrapper .item,
.post-33334.dark-mode .nz-row #features1 .ComparisonLabel .dhq_header,
.post-33334.dark-mode .nz-row .table-header-wrapper .item,
.post-29794.dark-mode #features1 .ComparisonLabel .dhq_header,
.post-29794.dark-mode .table-header-wrapper .item,
.post-29794.dark-mode .nz-row #features1 .ComparisonLabel .dhq_header,
.post-29794.dark-mode .nz-row .table-header-wrapper .item {
  background: rgba(35, 37, 57, 0.8) !important;
}
.post-35130.dark-mode #features1 .box h5,
.post-35130.dark-mode #features1 .ComparisonTabs + label,
.post-35130.dark-mode .table-header-wrapper .item h5,
.post-30268.dark-mode #features1 .box h5,
.post-30268.dark-mode #features1 .ComparisonTabs + label,
.post-30268.dark-mode .table-header-wrapper .item h5,
.post-36416.dark-mode #features1 .box h5,
.post-36416.dark-mode #features1 .ComparisonTabs + label,
.post-36416.dark-mode .table-header-wrapper .item h5,
.post-33334.dark-mode #features1 .box h5,
.post-33334.dark-mode #features1 .ComparisonTabs + label,
.post-33334.dark-mode .table-header-wrapper .item h5,
.post-35130.dark-mode .nz-row #features1 .box h5,
.post-35130.dark-mode .nz-row #features1 .ComparisonTabs + label,
.post-35130.dark-mode .nz-row .table-header-wrapper .item h5,
.post-30268.dark-mode .nz-row #features1 .box h5,
.post-30268.dark-mode .nz-row #features1 .ComparisonTabs + label,
.post-30268.dark-mode .nz-row .table-header-wrapper .item h5,
.post-36416.dark-mode .nz-row #features1 .box h5,
.post-36416.dark-mode .nz-row #features1 .ComparisonTabs + label,
.post-36416.dark-mode .nz-row .table-header-wrapper .item h5,
.post-33334.dark-mode .nz-row #features1 .box h5,
.post-33334.dark-mode .nz-row #features1 .ComparisonTabs + label,
.post-33334.dark-mode .nz-row .table-header-wrapper .item h5,
.post-29794.dark-mode #features1 .box h5,
.post-29794.dark-mode #features1 .ComparisonTabs + label,
.post-29794.dark-mode .table-header-wrapper .item h5,
.post-29794.dark-mode .nz-row #features1 .box h5,
.post-29794.dark-mode .nz-row #features1 .ComparisonTabs + label,
.post-29794.dark-mode .nz-row .table-header-wrapper .item h5 {
  color: var(--title-secondary-color);
}
.post-35130.dark-mode .pricing-table-read-more-btn-wrapper,
.post-30268.dark-mode .pricing-table-read-more-btn-wrapper,
.post-36416.dark-mode .pricing-table-read-more-btn-wrapper,
.post-33334.dark-mode .pricing-table-read-more-btn-wrapper,
.post-35130.dark-mode .nz-row .pricing-table-read-more-btn-wrapper,
.post-30268.dark-mode .nz-row .pricing-table-read-more-btn-wrapper,
.post-36416.dark-mode .nz-row .pricing-table-read-more-btn-wrapper,
.post-33334.dark-mode .nz-row .pricing-table-read-more-btn-wrapper,
.post-29794.dark-mode .pricing-table-read-more-btn-wrapper,
.post-29794.dark-mode .nz-row .pricing-table-read-more-btn-wrapper {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 42.57%, #A8A9B4 100%);
}
.post-35130.dark-mode .pricing-table-read-more-btn-wrapper button,
.post-30268.dark-mode .pricing-table-read-more-btn-wrapper button,
.post-36416.dark-mode .pricing-table-read-more-btn-wrapper button,
.post-33334.dark-mode .pricing-table-read-more-btn-wrapper button,
.post-35130.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button,
.post-30268.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button,
.post-36416.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button,
.post-33334.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button,
.post-29794.dark-mode .pricing-table-read-more-btn-wrapper button,
.post-29794.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button {
  background: var(--bg-gradi-primary-color) !important;
  color: var(--title-secondary-color) !important;
  border: solid 1px var(--bg-gradi-primary-color);
}
.post-35130.dark-mode .pricing-table-read-more-btn-wrapper button svg path,
.post-30268.dark-mode .pricing-table-read-more-btn-wrapper button svg path,
.post-36416.dark-mode .pricing-table-read-more-btn-wrapper button svg path,
.post-33334.dark-mode .pricing-table-read-more-btn-wrapper button svg path,
.post-35130.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button svg path,
.post-30268.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button svg path,
.post-36416.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button svg path,
.post-33334.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button svg path,
.post-29794.dark-mode .pricing-table-read-more-btn-wrapper button svg path,
.post-29794.dark-mode .nz-row .pricing-table-read-more-btn-wrapper button svg path {
  fill: var(--title-primary-color);
}
.post-35130.dark-mode .bullet-item-wrapper .content-wrapper h3,
.post-30268.dark-mode .bullet-item-wrapper .content-wrapper h3,
.post-36416.dark-mode .bullet-item-wrapper .content-wrapper h3,
.post-33334.dark-mode .bullet-item-wrapper .content-wrapper h3,
.post-35130.dark-mode .nz-row .bullet-item-wrapper .content-wrapper h3,
.post-30268.dark-mode .nz-row .bullet-item-wrapper .content-wrapper h3,
.post-36416.dark-mode .nz-row .bullet-item-wrapper .content-wrapper h3,
.post-33334.dark-mode .nz-row .bullet-item-wrapper .content-wrapper h3,
.post-29794.dark-mode .bullet-item-wrapper .content-wrapper h3,
.post-29794.dark-mode .nz-row .bullet-item-wrapper .content-wrapper h3 {
  color: rgb(26, 31, 54);
}
.post-35130.dark-mode .bullet-item-wrapper .content-wrapper p,
.post-30268.dark-mode .bullet-item-wrapper .content-wrapper p,
.post-36416.dark-mode .bullet-item-wrapper .content-wrapper p,
.post-33334.dark-mode .bullet-item-wrapper .content-wrapper p,
.post-35130.dark-mode .nz-row .bullet-item-wrapper .content-wrapper p,
.post-30268.dark-mode .nz-row .bullet-item-wrapper .content-wrapper p,
.post-36416.dark-mode .nz-row .bullet-item-wrapper .content-wrapper p,
.post-33334.dark-mode .nz-row .bullet-item-wrapper .content-wrapper p,
.post-29794.dark-mode .bullet-item-wrapper .content-wrapper p,
.post-29794.dark-mode .nz-row .bullet-item-wrapper .content-wrapper p {
  color: rgb(60, 66, 87);
}

body.post-31088,
body.post-32574 {
  background: url(https://www.dronahq.com/wp-content/uploads/2025/04/Rectangle-3464843-min-scaled.webp), #040A12;
  background-position: center center;
  background-size: cover;
}

.post-31088 #nz-content,
.post-31088 .nz-row,
.post-32574 #nz-content,
.post-32574 .nz-row {
  background-color: unset !important;
}

.gradient-border {
  position: relative;
  border: 1px solid transparent;
  background-color: transparent;
}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(90deg, rgba(17, 159, 67, 0.7) 0%, rgba(51, 186, 236, 0.7) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px !important;
  top: -2px !important;
  pointer-events: none;
}

.short-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.latest-blog-section-wrapper {
  padding: 24px;
  border-radius: 24px;
  margin-top: 85px;
  margin-bottom: 120px;
  box-shadow: 0px 15px 30px -30px rgba(0, 0, 0, 0.3019607843);
  background: #191A2A;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (max-width: 768px) {
  .latest-blog-section-wrapper {
    padding-bottom: 70px;
  }
}
.latest-blog-section-wrapper::before {
  border-radius: 24px;
}
.latest-blog-section-wrapper .latest-container-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.latest-blog-section-wrapper .latest-container-wrapper .col-1 {
  flex: 0 0 60%;
  padding-right: 120px;
}
.latest-blog-section-wrapper .latest-container-wrapper .col-2 {
  flex: 0 0 40%;
}
.latest-blog-section-wrapper .latest-container-wrapper .col-2 img {
  border-radius: 6px;
}
@media (max-width: 768px) {
  .latest-blog-section-wrapper .latest-container-wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .latest-blog-section-wrapper .latest-container-wrapper > .col-1,
  .latest-blog-section-wrapper .latest-container-wrapper .col-2 {
    flex: 0 0 100%;
    padding: 0px;
  }
}
.latest-blog-section-wrapper .latest-container-wrapper h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: var(--bg-gradi-primary-color);
  margin-bottom: 24px;
}
.latest-blog-section-wrapper .latest-container-wrapper h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 40px;
  color: var(--title-primary-color);
}
.latest-blog-section-wrapper .latest-container-wrapper h1:hover {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.latest-blog-section-wrapper .latest-container-wrapper p {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.2px;
  margin-bottom: 24px;
  color: var(--title-primary-color);
}
.latest-blog-section-wrapper {
  /* Smooth effect */
}
.latest-blog-section-wrapper:hover {
  box-shadow: 0px 15px 30px -30px rgba(0, 0, 0, 0.3019607843);
  box-shadow: 0px 30px 60px -20px rgba(50, 50, 93, 0.2509803922);
}
.latest-blog-section-wrapper:hover h1 {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}

.author-info-wrapper {
  display: flex;
}
.author-info-wrapper img {
  max-width: 48px;
  max-height: 48px;
  border-radius: 999999px;
  border: 1px solid #E6ECF2;
  margin-right: 16px;
}
.author-info-wrapper .authar-name h4 {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  vertical-align: middle;
  color: var(--title-primary-color);
}
.author-info-wrapper .authar-name h4:hover {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.author-info-wrapper .authar-name span {
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
  color: var(--title-primary-color);
}
.author-info-wrapper .authar-name .author-social-links {
  display: flex;
  margin: 0px;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  margin-top: 12px;
}
.author-info-wrapper .authar-name .author-social-links li a {
  display: flex;
}
.author-info-wrapper .authar-name .author-social-links li a svg {
  width: 32px;
  height: 32px;
}

.blog-page-title-wrapper {
  margin-bottom: 44px;
}
.blog-page-title-wrapper h2 {
  font-weight: 700;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--title-primary-color);
}
.blog-page-title-wrapper p {
  margin-top: 12px;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--title-primary-color);
}

.features-post-section-wrapper {
  padding-bottom: 40px;
}
.features-post-section-wrapper .features-post-itme-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 items per row */
  gap: 20px;
  /* Adjust space between items */
  /* Responsive: Show 2 items per row on tablets */
}
@media (max-width: 768px) {
  .features-post-section-wrapper .features-post-itme-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.features-post-section-wrapper .features-post-itme-wrapper {
  /* Responsive: Show 1 item per row on mobile */
}
@media (max-width: 480px) {
  .features-post-section-wrapper .features-post-itme-wrapper {
    grid-template-columns: 1fr;
  }
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background: rgba(255, 255, 255, 0.0588235294);
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme::before {
  border-radius: 12px;
}
@media (max-width: 768px) {
  .features-post-section-wrapper .features-post-itme-wrapper .f-post-itme iframe {
    min-height: 418px;
  }
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme > img {
  width: 100%;
  border-radius: 8px;
  max-height: 146px;
  -o-object-fit: cover;
     object-fit: cover;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content {
  padding-right: 40px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: 0px;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: var(--title-primary-color);
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content h2:hover {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content h2 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 96px;
}
@media (max-width: 768px) {
  .features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content h2 a {
    min-height: auto;
  }
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content p {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  vertical-align: middle;
  color: var(--text-primary-color);
  margin: 0px;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content a span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--link-primary-color);
  vertical-align: middle;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content a svg {
  width: 12px;
  height: 12px;
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme:hover {
  box-shadow: 0px 4px 30px 0px rgba(255, 255, 255, 0.2);
}
.features-post-section-wrapper .features-post-itme-wrapper .f-post-itme:hover h2 {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}

.recent-post-main-section-wrapper.loading .recent-article-post-wrapper {
  position: relative;
}
.recent-post-main-section-wrapper.loading .recent-article-post-wrapper::after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "Loading...";
  width: 100%;
  height: 100%;
  background-color: rgba(4, 10, 18, 0.4823529412);
  color: #fff;
  text-align: center;
  padding-top: 110px;
  font-size: 24px;
  line-height: 52px;
  pointer-events: none;
}

.recent-post-section-wrapper {
  margin-top: 114px;
  margin-bottom: 100px;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .recent-post-section-wrapper {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
.recent-post-section-wrapper .filter-and-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 74px;
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .filter-and-search-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: start;
    margin-bottom: 34px;
    gap: 30px;
  }
}
.recent-post-section-wrapper .filter-and-search-wrapper .filter-wrapper {
  display: flex;
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .filter-and-search-wrapper .filter-wrapper {
    display: block;
  }
}
.recent-post-section-wrapper .filter-and-search-wrapper .filter-wrapper a {
  cursor: pointer;
  border-radius: 16px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  padding: 6px 16px;
  color: var(--title-primary-color);
  text-transform: capitalize;
}
.recent-post-section-wrapper .filter-and-search-wrapper .filter-wrapper a.active {
  background-color: var(--bg-secondary-color);
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .filter-and-search-wrapper .filter-wrapper a {
    margin-bottom: 21px;
    display: inline-block;
  }
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper {
  display: flex;
  margin: 0px;
  align-items: center;
  padding: 7px 14px;
  border-radius: 30px;
  min-width: 330px;
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper {
    min-width: 100%;
  }
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper::before {
  border-radius: 30px;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper input[type=text] {
  font-family: "Poppins", sans-serif !important;
  background: transparent;
  margin-bottom: 0px;
  width: calc(100% - 22px);
  padding: 0px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  max-height: 24px;
  color: #fff;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper input:-moz-autofill {
  background-color: transparent !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  color: #fff !important;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper input[type=submit] {
  display: none;
}
.recent-post-section-wrapper .filter-and-search-wrapper .form-wrapper svg {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}
.recent-post-section-wrapper .recent-article-post-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 48px;
}
.recent-post-section-wrapper .recent-article-post-wrapper > p {
  color: var(--title-primary-color);
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .recent-article-post-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-bottom: 111px;
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item > img,
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .feature-img-not-found {
  width: 100%;
  height: 100%;
  max-height: 240px;
  min-height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .recent-post-section-wrapper .recent-article-post-wrapper .article-item > img,
  .recent-post-section-wrapper .recent-article-post-wrapper .article-item .feature-img-not-found {
    height: auto;
    min-height: auto;
    max-height: 144px;
  }
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .feature-img-not-found {
  min-height: 240px;
  background-color: rgba(221, 221, 221, 0.5647058824);
  font-size: 16px;
  text-align: center;
  color: var(--title-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .content-wrapper {
  padding: 0 14px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-direction: column;
  margin-top: 0px;
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .content-wrapper > span {
  font-weight: 600;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--bg-gradi-primary-color);
  position: relative;
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .content-wrapper > span::after {
  content: " ";
  position: absolute;
  top: calc(50% - 9px);
  left: -15px;
  right: 0px;
  width: 2px;
  height: 18px;
  background-color: var(--link-primary-color);
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .content-wrapper h2 {
  color: var(--title-primary-color);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.34px;
}
.recent-post-section-wrapper .recent-article-post-wrapper .article-item .content-wrapper h2:hover {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.recent-post-section-wrapper #pagination {
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.recent-post-section-wrapper #pagination ul {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0px;
}
.recent-post-section-wrapper #pagination ul li {
  color: var(--title-primary-color);
  font-size: 16px;
  line-height: 100%;
}
@media (max-width: 769px) {
  .recent-post-section-wrapper #pagination ul li {
    gap: 4px;
  }
}
.recent-post-section-wrapper #pagination ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  padding: 7px 15px;
  color: var(--text-primary-color);
  border-radius: 4px;
}
@media (max-width: 769px) {
  .recent-post-section-wrapper #pagination ul li a {
    font-size: 12px;
    padding: 5px 10px;
  }
}
.recent-post-section-wrapper #pagination ul li a.active {
  background-color: var(--link-primary-color);
  color: var(--title-primary-color);
}
.recent-post-section-wrapper #pagination ul li a.prev-btn.disabled {
  visibility: hidden;
}

@media (max-width: 768px) {
  .author-page-content .recent-post-section-wrapper .filter-and-search-wrapper {
    flex-direction: column;
  }
}

.author-info-card-wrapper {
  border-radius: 16px;
  padding: 36px;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 16px 0px;
}
@media (max-width: 768px) {
  .author-info-card-wrapper {
    margin-top: 6px;
  }
}
.author-info-card-wrapper::before {
  border-radius: 16px;
}
.author-info-card-wrapper .authar-name h4 {
  pointer-events: none;
}
.author-info-card-wrapper .author-about-us p {
  margin-bottom: 0px;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px;
  color: var(--title-primary-color);
}

.post-pdf-download-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: auto;
  gap: 8px;
}
.post-pdf-download-wrapper img {
  height: 100%;
  width: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
}
.post-pdf-download-wrapper a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--title-primary-color);
}

.post-31088 .multiple-cta-content-wrapper,
.post-32574 .multiple-cta-content-wrapper {
  background-color: unset !important;
}
.post-31088 .multiple-cta-content-wrapper::after,
.post-32574 .multiple-cta-content-wrapper::after {
  display: none;
}

.blog_container:nth-of-type(1) {
  padding-top: 16px;
}

.dark-mode .blog_container h1,
.dark-mode .blog_container h2,
.dark-mode .blog_container h3,
.dark-mode .blog_container h4,
.dark-mode .blog_container h5,
.dark-mode .blog_container h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .dark-mode .blog_container .sticky-menu {
    display: none;
  }
}
.dark-mode .blog_container .sticky-menu#sticky_menu {
  display: block;
  background: unset;
  border: unset;
}
.dark-mode .blog_container .sticky-menu#sticky_menu svg path {
  stroke: var(--title-primary-color) !important;
}
.dark-mode .blog_container .sticky-menu#sticky_menu #table-of-contents {
  background: unset;
}
@media (max-width: 769px) {
  .dark-mode .blog_container .sticky-menu#sticky_menu ul {
    background: #071D31 !important;
  }
}
.dark-mode .blog_container .sticky-menu#sticky_menu ul li a {
  color: #A0B4C7;
}
.dark-mode .blog_container .sticky-menu#sticky_menu ul li a:hover {
  color: #A0B4C7;
}
.dark-mode .blog_container .sticky-menu h3,
.dark-mode .blog_container .sticky-menu h2 strong {
  color: #C6C6C6;
}
.dark-mode .blog_container .sticky-menu #table-of-contents li a {
  color: var(--text-primary-color);
}
.dark-mode .blog_container table tbody tr:nth-child(2n+2) td {
  background-color: unset;
}
.dark-mode .blog_container td b,
.dark-mode .blog_container td span {
  color: var(--title-primary-color);
}
.dark-mode .blog_container .readMoreBtn {
  background: transparent !important;
}
.dark-mode .blog_container h2 strong,
.dark-mode .blog_container h2 b,
.dark-mode .blog_container h3 b,
.dark-mode .blog_container h3 strong,
.dark-mode .blog_container h4 b,
.dark-mode .blog_container h5 b,
.dark-mode .blog_container h4 strong,
.dark-mode .blog_container h5 strong {
  color: var(--title-primary-color);
}
.dark-mode .blog_container .BlogAuthor__caption .Author {
  color: var(--text-primary-color);
}
.dark-mode .blog_container [id^=heading-],
.dark-mode .blog_container h3,
.dark-mode .blog_container .RelatedArticles h2 {
  color: var(--title-primary-color);
}
.dark-mode .blog_container blockquote {
  position: relative;
}
.dark-mode .blog_container blockquote::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(122.42deg, rgba(43, 211, 114, 0.4784313725) 1.63%, rgba(20, 201, 255, 0.4196078431) 97.38%);
  border-radius: 8px;
  inset: 0;
  padding: 1px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  pointer-events: none;
}
.dark-mode .blog_container .cta-container-wrapper .cta-content h2,
.dark-mode .blog_container .cta-container-wrapper .cta-content h3,
.dark-mode .blog_container .cta-container-wrapper .cta-content h4,
.dark-mode .blog_container .cta-container-wrapper .cta-content h5,
.dark-mode .blog_container .cta-container-wrapper .cta-content h6,
.dark-mode .blog_container .cta-container-wrapper .cta-content p {
  color: var(--title-primary-color);
}
.dark-mode .blog_container pre {
  position: relative;
}
.dark-mode .blog_container pre .copy-btn {
  position: absolute;
  right: 1em;
  padding: 4px 8px;
  margin-bottom: 0px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  top: 1em;
}
.dark-mode .blog_container pre .copy-btn:hover {
  background: rgba(255, 255, 255, 0.4);
}
.dark-mode .blog_container pre code {
  display: inline-flex;
  background: rgba(74, 70, 70, 0.46);
  color: #b3b3ab;
  padding: 1em;
  overflow-x: auto;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1em;
  width: 100%;
  font-family: "Courier New", monospace !important;
  font-size: 15px;
  line-height: 1.6;
}
.dark-mode .vertical-block-section-wrapper .tab {
  border-bottom: solid 0.8px #31313D;
}
.dark-mode .showcase_panel .showcase_card video {
  border-radius: 10px;
}
.dark-mode .main-faq-accordion-section {
  width: 100%;
}
.dark-mode:not(.post-30268, .post-35130, .post-33334, .post-36416) .main-faq-accordion-section .faq-accordion-heading p {
  color: var(--text-primary-color);
}
.dark-mode:not(.post-30268, .post-35130, .post-33334, .post-36416) .main-faq-accordion-section .accordin-card {
  border-color: #31313D !important;
  background: rgba(255, 255, 255, 0.0196078431);
}
.dark-mode:not(.post-30268, .post-35130, .post-33334, .post-36416) .main-faq-accordion-section .accordin-card-head {
  color: #C6C6C6 !important;
}
.dark-mode:not(.post-30268, .post-35130, .post-33334, .post-36416) .main-faq-accordion-section .accordin-data {
  background: rgba(255, 255, 255, 0.09) !important;
}
.dark-mode:not(.post-30268, .post-35130, .post-33334, .post-36416) .main-faq-accordion-section .accordin-data p {
  color: var(--text-primary-color);
  font-size: 16px;
  line-height: 24px;
}
.dark-mode .post-36416 .dhq-tabs.dhq-container {
  display: none;
}
.dark-mode .post-36416 .dhq-tab-container {
  margin-top: -50x !important;
}
.dark-mode .post-36416 .dhq-pricing-block-wrapper .pricing-hero-banner-wrapper h1 {
  padding: 100px 0px;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .Section_layoutContainer .Section_layout,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .Section_layoutContainer .Section_layout {
  background-color: #fff !important;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper {
  box-shadow: unset !important;
  padding: 35px 34px;
}
@media (max-width: 768px) {
  .dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper,
  .dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper {
    padding: 35px 20px;
  }
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description {
  opacity: 1 !important;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p {
  font-weight: 600 !important;
  color: #26404E !important;
  font-size: 24px !important;
  line-height: 28px;
  opacity: 1 !important;
}
@media (max-width: 768px) {
  .dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p,
  .dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p {
    font-size: 18px !important;
    line-height: 24px;
  }
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p b,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p b {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type {
  background-color: #119f43;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type span,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type span {
  color: #fff !important;
  font-weight: 600 !important;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type svg,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type svg {
  width: 20px;
}
.dark-mode .post-30268 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type svg path,
.dark-mode .post-36416 .hero-banner-with-email-wrapper.cta-with-email-wrapper a.CtaButton.variant--Button.CtaButton--arrow:first-of-type svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.dark-mode .CtaButton.boldCTA {
  background: var(--link-primary-color);
}
.dark-mode .CtaButton.boldCTA.variant--Link:hover {
  background-color: var(--link-primary-color);
}
.dark-mode .topvidsec .btn2new {
  max-height: 55px;
  background: var(--title-primary-color);
}
.dark-mode .topvidsec .btn2new:hover {
  background-color: var(--link-primary-color) !important;
  border: solid 1px var(--link-primary-color);
}
.dark-mode .studio-feature-button1 .studio-feature-button-text {
  background-color: var(--title-primary-color);
}
.dark-mode .CtaButton.variant--Link:hover {
  color: var(--text-primary-color) !important;
}
.dark-mode .CtaButton.variant--Link:hover svg path {
  stroke: var(--text-primary-color) !important;
}
.dark-mode.post-14156 .dhq_caption, .dark-mode.post-33712 .dhq_caption {
  color: var(--link-primary-color) !important;
}
.dark-mode.post-14156 .Section_container, .dark-mode.post-33712 .Section_container {
  background: unset !important;
}
@media (max-width: 768px) {
  .dark-mode .multiple-cta-wrapper h2 {
    font-size: 24px !important;
  }
}
.dark-mode .two-col-testimonial-section-wrapper .nz-row > div {
  background: linear-gradient(96.17deg, rgba(5, 6, 20, 0.2) 5.26%, rgba(20, 201, 255, 0.2) 34.07%, rgba(5, 6, 20, 0.2) 43.99%, rgba(43, 211, 114, 0.2) 72.49%, rgba(5, 6, 20, 0.2) 97.84%);
}
.dark-mode .two-col-testimonial-section-wrapper .twoColumnSection .testimonialCard {
  background-color: rgba(38, 188, 106, 0.1019607843) !important;
  border: 1px solid #000000;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.2509803922);
}
.dark-mode .two-col-testimonial-section-wrapper .twoColumnSection .testimonialCard .card_midtitle {
  color: var(--title-primary-color);
}
.dark-mode .two-col-testimonial-section-wrapper .twoColumnSection .testimonialCard .card_body,
.dark-mode .two-col-testimonial-section-wrapper .twoColumnSection .testimonialCard .card_body p {
  color: var(--text-primary-color);
}
.dark-mode .multiple-cta-wrapper.clientSlide::after {
  display: none;
}
.dark-mode .table-comparision-section-wrapper::after {
  content: " ";
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/05/Rectangle-3464862.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: calc(100% + 160px);
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: -80px;
}
.dark-mode div.table-comparision .table-comparision-card:first-child {
  border-right: solid 1px #26BC6A !important;
  border-right: 0px;
}
.dark-mode div.table-comparision .table-right-modal {
  border: solid 1px #26BC6A !important;
}
.dark-mode div.table-comparision .card-cell {
  color: var(--title-primary-color) !important;
}
@media (max-width: 769px) {
  .dark-mode div.table-comparision .card-cell {
    background: #071019 !important;
  }
}
.dark-mode div.table-comparision div.cell-block:nth-child(odd),
.dark-mode div.table-comparision .table-card-body div.table-cell-header.card-cell:first-child {
  background: #071019 !important;
}
.dark-mode div.table-comparision div.cell-block:nth-child(even),
.dark-mode div.table-comparision .cell-mobile-title {
  background: linear-gradient(180deg, rgba(38, 188, 106, 0.05) 0%, rgba(51, 186, 236, 0.05) 100%) !important;
}
@media (max-width: 769px) {
  .dark-mode div.table-comparision div.cell-block:nth-child(even),
  .dark-mode div.table-comparision .cell-mobile-title {
    color: var(--title-primary-color);
  }
}
.dark-mode .main-mail-box-container .mail-box-right-wrapper {
  padding-left: 40px;
}
@media (max-width: 600px) {
  .dark-mode .main-mail-box-container .mail-box-right-wrapper {
    padding-left: 0px;
  }
}
.dark-mode .customer-hero-wrapper {
  background-color: #0C0E28;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/07/Grid.svg);
  background-position: top -84px center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dark-mode .customer-hero-wrapper .brands-logo-container-wrapper .marquee:before,
.dark-mode .customer-hero-wrapper .brands-logo-container-wrapper .marquee:after {
  display: none;
}
.dark-mode .customer-hero-wrapper .nz-row {
  background-color: transparent;
}
@media (max-width: 768px) {
  .dark-mode .customer-hero-wrapper .topvidsec {
    padding-right: 0px !important;
  }
  .dark-mode .customer-hero-wrapper .dhq_Maintitle {
    font-size: 29px !important;
    line-height: 35px;
  }
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .dark-mode .customer-hero-wrapper .dhq_ctaContainer {
    flex-direction: column-reverse;
    gap: 15px;
  }
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a:hover {
  color: var(--title-primary-color) !important;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a:nth-child(2) {
  margin-left: 24px;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a svg {
  margin-left: 7px;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link {
  position: relative;
  color: var(--title-primary-color);
  border: 1.6px solid var(--title-primary-color);
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link:hover {
  background-color: unset !important;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link.btn2new {
  background-color: var(--link-primary-color);
  border: 1px solid var(--link-primary-color);
  max-height: 57px;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link.btn2new .HoverArrow_linePath {
  stroke: #fff !important;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link.btn2new:hover {
  background-color: var(--link-primary-color) !important;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--button {
  color: var(--text-primary-color);
  border: 1.6px solid transparent;
  background-color: var(--bg-gradi-primary-color);
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.CtaButton::after {
  content: "";
  position: absolute;
  top: calc(var(--y, 0) * 1px - 50px);
  left: calc(var(--x, 0) * 1px - 50px);
  width: 100px;
  height: 100px;
  background: radial-gradient(#00FFF0, rgba(57, 132, 255, 0) 80%);
  opacity: 0;
  transition: opacity 0.2s;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.CtaButton:hover::after {
  opacity: 0.4;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer a.variant--Link:hover::after {
  opacity: 0.1;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer .anim-border-btn-wrapper {
  position: relative;
  margin-left: 24px;
  display: flex;
}
@media (max-width: 768px) {
  .dark-mode .customer-hero-wrapper .dhq_ctaContainer .anim-border-btn-wrapper {
    margin-left: 0px;
  }
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer .animated-border-box {
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  position: absolute;
  overflow: hidden;
  z-index: 0;
  left: -2px;
  top: -2px;
  border-radius: var(--border-radius-base);
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer .animated-border-box-glow {
  overflow: hidden;
  filter: blur(20px);
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer .animated-border-box:before {
  content: "";
  z-index: -2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(17, 159, 67, 0.5), rgba(58, 218, 253, 0.75), rgba(17, 159, 67, 0.5) 25%);
  animation: rotate 2s linear infinite;
}
.dark-mode .customer-hero-wrapper .dhq_ctaContainer .animated-border-box:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: transparent;
  border-radius: var(--border-radius-base);
}

/* Responsive: Show 2 items per row on tablets */
@media (max-width: 768px) {
  .features-post-itme-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Responsive: Show 1 item per row on mobile */
@media (max-width: 480px) {
  .features-post-itme-wrapper {
    grid-template-columns: 1fr;
  }
}
@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
@keyframes crescendo {
  100% {
    transform: scale(1.08);
  }
}
.dark-mode.post-detail {
  background-color: #071D31;
}
.dark-mode.post-detail .dhq_body table tbody tr td:first-child {
  color: #C6C6C6 !important;
}
.dark-mode.post-detail .dhq_body table thead tr th,
.dark-mode.post-detail table tbody tr th {
  background: rgba(115, 162, 212, 0.05);
  border: 1px solid #afbccf !important;
  color: #C6C6C6 !important;
}
.dark-mode.post-detail .nz-table td,
.dark-mode.post-detail .nz-table th {
  background-color: unset;
}
.dark-mode.post-detail .dhq_body table tbody tr td:first-child {
  background: unset !important;
}
.dark-mode.post-detail .dhq_body,
.dark-mode.post-detail .dhq_body p,
.dark-mode.post-detail .dhq_subbody,
.dark-mode.post-detail .dhq_subbody p,
.dark-mode.post-detail .bullet-item-wrapper .content-wrapper h3,
.dark-mode.post-detail .hero-testimonial-wrapper > div.dhq-hero-tsm-content p {
  color: #C6C6C6;
}
.dark-mode.post-detail .dhq_body blockquote,
.dark-mode.post-detail .dhq_body blockquote p {
  color: #F2F2F2;
}
.dark-mode.post-detail .CtaButton.variant--Link:hover {
  color: var(--link-primary-color);
}
.dark-mode.post-detail .CtaButton.variant--Link:hover .HoverArrow_linePath {
  stroke: var(--link-primary-color);
}

.cta-with-email-wrapper.hero-banner-with-email-wrapper {
  position: relative;
  padding: 1px 0;
  overflow: hidden;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper::after {
  display: none;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .Section_layoutContainer {
  position: relative;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .Section_layoutContainer::after {
  content: "";
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  background: linear-gradient(122.42deg, #2BD372 1.63%, #14C9FF 97.38%);
  border-radius: 16px;
  position: absolute;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .Section_layoutContainer .Section_layout {
  background-color: #060715;
  padding: 0px;
  margin: 0px;
  border-radius: 16px;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .Section_masked {
  z-index: 1;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper {
  padding: 0px;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper {
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.0509803922);
  backdrop-filter: blur(34px);
  box-shadow: 0 0 55.5px 0 rgba(197, 185, 246, 0.1490196078) inset;
  border-radius: 16px;
  border-radius: 16px;
  padding: 44px 58px;
}
@media (max-width: 950px) {
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper {
    gap: 24px;
  }
}
@media (max-width: 600px) {
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper {
    flex-direction: column;
    padding: 24px;
  }
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper > div {
  width: 100%;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper > div > div {
  width: 40%;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper > div > div:first-child {
  width: 60%;
}
@media (max-width: 600px) {
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper > div > div {
    width: 100%;
  }
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper > div > div:first-child {
    width: 100%;
  }
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .form-field-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: end;
}
@media (max-width: 600px) {
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .form-field-wrapper {
    justify-content: start;
  }
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content {
  gap: 4px;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 48px;
  color: #d2d2d2;
  text-align: left;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description,
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .banner-content-wrapper .content .hero-description p {
  font-weight: 400;
  color: #d2d2d2;
  font-size: 16px;
  line-height: 28px;
  opacity: 80%;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .error-msg-wrapper2 {
  position: absolute;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-email-content-wrapper .form-field-wrapper .form-container input[type=email] {
  height: 100%;
  min-height: 55px;
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-content-wrapper.has_email > div {
  width: 50%;
}
@media (max-width: 600px) {
  .cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-content-wrapper.has_email > div {
    width: 100%;
  }
}
.cta-with-email-wrapper.hero-banner-with-email-wrapper .banner-content-wrapper.has_email > div .form-container {
  width: 100%;
}

.utility-iframe-img-wrapper .ColumnLayout {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  flex-direction: row;
  height: 100%;
}
@media (max-width: 950px) {
  .utility-iframe-img-wrapper .ColumnLayout {
    gap: 24px;
  }
}
@media (max-width: 600px) {
  .utility-iframe-img-wrapper .ColumnLayout {
    flex-direction: column;
  }
}
.utility-iframe-img-wrapper .ColumnLayout .iframe-wrapper {
  width: calc(100% - 275px);
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
}
.utility-iframe-img-wrapper .ColumnLayout .iframe-wrapper iframe {
  min-height: 590px;
  height: 100%;
}
@media (max-width: 600px) {
  .utility-iframe-img-wrapper .ColumnLayout .iframe-wrapper {
    width: 100%;
  }
}
.utility-iframe-img-wrapper .ColumnLayout .iframe-wrapper .utility_text_wrapper {
  position: absolute;
  max-width: -moz-max-content;
  max-width: max-content;
  background: #696CFF;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 24.5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
  color: #f4f4f4;
  right: 0px;
}
@media (max-width: 950px) {
  .utility-iframe-img-wrapper .ColumnLayout .iframe-wrapper .utility_text_wrapper {
    padding: 8px;
    font-size: 14px;
    line-height: 24px;
  }
}
.utility-iframe-img-wrapper .ColumnLayout .utility-iframe-img-wrapper {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 600px) {
  .utility-iframe-img-wrapper .ColumnLayout .utility-iframe-img-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
.utility-iframe-img-wrapper .ColumnLayout .utility-iframe-img-wrapper .utility-banner img {
  max-width: 275px;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .utility-iframe-img-wrapper .ColumnLayout .utility-iframe-img-wrapper .utility-banner img {
    width: 100%;
    max-width: 100%;
  }
}

.utility-icon-and-content-wrapper .Card {
  min-height: auto;
}
.utility-icon-and-content-wrapper .dhq_banner_image {
  max-width: 50px;
  min-height: auto;
}
.utility-icon-and-content-wrapper .dhq_subtitle {
  font-size: 18px !important;
  line-height: 28px !important;
}

.customers-slider-wrapper.slider-marquee {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: unset;
}

.customers-slider-wrapper .slider-marquee-content {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: scroll-marquee var(--marquee-duration, 30s) linear infinite;
}

.slider-marquee:hover .slider-marquee-content {
  animation-play-state: paused;
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
  /* Adjust based on duplication */
}
.customers-slider-wrapper {
  background-color: #0C0E28;
}
.customers-slider-wrapper .owl-stage {
  transition-timing-function: linear !important;
}
.customers-slider-wrapper .slide-card {
  box-shadow: 0px 3.5px 8.75px 0px rgba(0, 0, 0, 0.5019607843);
  border: 1px solid rgba(244, 244, 244, 0.1490196078);
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 22px;
  margin-top: 22px;
  display: flex;
  background-color: rgba(244, 244, 244, 0.1019607843);
  flex-direction: column;
  min-height: 326px;
  height: 100%;
  overflow: hidden;
  min-width: 370px;
  max-width: 480px;
  margin-right: 36px;
  transition: border-color 0.3s ease, border 0.3s ease;
}
.customers-slider-wrapper .slide-card:hover {
  border: 1px solid var(--link-primary-color);
}
.customers-slider-wrapper .slide-card .slide-header {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customers-slider-wrapper .slide-card .slide-header img {
  width: auto;
  height: 100%;
  max-height: 22px;
}
.customers-slider-wrapper .slide-card .slide-header .slider_read_more_btn {
  color: var(--link-primary-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.customers-slider-wrapper .slide-card .slide-media {
  flex-grow: 1;
  display: flex;
  align-items: baseline;
  justify-content: start;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.customers-slider-wrapper .slide-card .slide-media img,
.customers-slider-wrapper .slide-card .slide-media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 500px;
  max-height: 200px;
}
.customers-slider-wrapper .slide-card .slide-media.no-description img,
.customers-slider-wrapper .slide-card .slide-media.no-description video {
  max-height: 100%;
}
.customers-slider-wrapper .slide-card .slide-media {
  /* Play button (optional overlay) */
}
.customers-slider-wrapper .slide-card .slide-media .play-button {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 0px);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: url(https://www.dronahq.com/wp-content/uploads/2025/07/Frame-1000005949.svg) no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.customers-slider-wrapper .slide-card .slide-info {
  margin-top: 10px;
  display: flex;
  justify-content: start;
  max-height: 42px;
}
.customers-slider-wrapper .slide-card .slide-info .multiplier {
  font-weight: 500;
  font-style: Medium;
  font-size: 44px;
  line-height: 48px;
  color: #fff;
  margin-right: 10px;
}
.customers-slider-wrapper .slide-card .slide-info .description {
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  align-items: end;
}

.video-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  align-items: center;
  justify-content: center;
}

.video-modal-content {
  position: relative;
  width: 90%;
  max-width: 960px;
  top: 10%;
  background: transparent;
  margin: auto;
}

.video-modal iframe,
.video-modal video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  border: none;
  border-radius: 8px;
  background-color: black;
}

.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  z-index: 10000;
}

.case-slider-wrapper {
  background-color: #0C0E28;
  padding: 20px 0px;
}
.case-slider-wrapper .case-slider {
  max-width: 1232px;
  padding: 0 1rem;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider {
    padding: 0 32px;
  }
}
@media (max-width: 600px) {
  .case-slider-wrapper .case-slider {
    display: flex;
    flex-direction: column-reverse;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper {
  position: relative;
  overflow: hidden;
  height: auto;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: center;
  transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide {
    grid-template-columns: 1fr;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide.active {
  display: grid;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left {
  display: flex;
  flex-direction: column;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .badge {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  vertical-align: middle;
  padding: 8px 16px;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(244, 244, 244, 0.2);
  border: 8px;
  margin-bottom: 24px;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  vertical-align: middle;
  color: var(--title-primary-color);
  margin-bottom: 21px;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left h2 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 36px;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats {
  display: flex;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats {
    flex-direction: column;
    gap: 24px;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div {
  flex: 1;
  padding: 0px 16px;
  position: relative;
  max-width: 220px;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div {
    overflow: hidden;
    padding: 0px;
    max-width: 100%;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: 0.6px solid;
  -o-border-image: linear-gradient(180deg, #26BC6A 0%, #33BAEC 100%);
     border-image: linear-gradient(180deg, #26BC6A 0%, #33BAEC 100%);
  border-image-slice: 1;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div::after {
    display: none;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div:last-child::after {
  visibility: hidden;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div:last-child::after {
    visibility: visible;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div strong {
  display: block;
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  color: var(--title-primary-color);
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div strong {
    font-size: 29px;
    line-height: 35px;
  }
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .stats div p {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: rgba(210, 210, 210, 0.6);
  margin: 0px;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .cta {
  margin-top: 38px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  text-decoration: none;
  color: var(--link-primary-color);
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .cta svg {
  margin-left: 4px;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-left .brands {
  display: flex;
  gap: 20px;
  margin-top: 10px;
  align-items: center;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-right {
  max-width: 515px;
  width: 100%;
}
.case-slider-wrapper .case-slider .slides-wrapper .slide .slide-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-slider-wrapper .case-slider .progress-indicators {
  display: flex;
  margin-top: 76px;
  justify-content: center;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .progress-indicators {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.case-slider-wrapper .case-slider .progress-indicators .progress-thumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.case-slider-wrapper .case-slider .progress-indicators .progress-thumb img {
  width: auto;
  height: 100%;
  max-height: 54px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .progress-indicators .progress-thumb img {
    max-width: 92px;
    max-height: 14px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 8px;
  }
}
.case-slider-wrapper .case-slider .progress-indicators .progress-thumb .progress-bar {
  width: 100%;
  height: 1px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  position: relative;
  margin-top: 28px;
}
@media (max-width: 768px) {
  .case-slider-wrapper .case-slider .progress-indicators .progress-thumb .progress-bar {
    margin-top: 0px;
  }
}
.case-slider-wrapper .case-slider .progress-indicators .progress-thumb .progress-bar .fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #26BC6A 0%, #33BAEC 100%);
     border-image: linear-gradient(90deg, #26BC6A 0%, #33BAEC 100%);
  border-image-slice: 1;
  transition: width linear;
}

.bg-noned-blue .nz-row {
  background-color: #0C0E28;
}

.dhq-new-job-section-wrapper .job-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1232px;
  padding: 40px 16px;
  margin: auto;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-section {
    padding: 32px;
  }
}
.dhq-new-job-section-wrapper .job-listing {
  flex: 1;
  min-width: 580px;
  max-width: 865px;
}
@media (max-width: 768px) {
  .dhq-new-job-section-wrapper .job-listing {
    min-width: auto;
  }
}
.dhq-new-job-section-wrapper .job-listing .nz-section {
  background-position: unset !important;
  background-repeat: unset !important;
  margin-bottom: unset !important;
  margin: unset !important;
  position: unset !important;
  width: unset !important;
  z-index: unset !important;
  overflow: unset !important;
  padding-bottom: unset !important;
  padding-top: unset !important;
}
.dhq-new-job-section-wrapper .job-listing .nz-section .nz-row {
  background-color: unset !important;
}
.dhq-new-job-section-wrapper .job-label {
  color: var(--link-primary-color);
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  vertical-align: middle;
}
.dhq-new-job-section-wrapper .job-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  vertical-align: middle;
  color: var(--title-primary-color);
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-title {
    margin-bottom: 0px;
  }
}
.dhq-new-job-section-wrapper .job-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #575757;
  padding: 32px 16px;
  gap: 6px;
}
.dhq-new-job-section-wrapper .job-info h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  color: var(--bg-gradi-primary-color);
  margin-bottom: 8px;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-info h3 {
    font-size: 20px;
  }
}
.dhq-new-job-section-wrapper .job-info .job-other-info {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-info .job-other-info {
    gap: 6px;
  }
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-info .job-other-info {
    flex-direction: column;
  }
}
.dhq-new-job-section-wrapper .job-info .job-other-info span {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
  display: list-item;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-info .job-other-info span {
    font-size: 14px;
    margin-right: 0px;
    margin-left: 18px;
  }
}
.dhq-new-job-section-wrapper .job-info .job-other-info span:first-child {
  display: inline-block;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .job-info .job-other-info span:first-child {
    display: list-item;
  }
}
.dhq-new-job-section-wrapper .job-info .job-other-info span:last-child {
  margin-right: 0px;
}
.dhq-new-job-section-wrapper .job-info .job-other-info span::marker {
  color: #D9D9D9;
}
.dhq-new-job-section-wrapper .apply-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  transition: background 0.3s;
  color: #fff;
  background-color: var(--link-primary-color);
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.dhq-new-job-section-wrapper .apply-btn svg {
  margin-left: 6px;
}
@media (max-width: 600px) {
  .dhq-new-job-section-wrapper .apply-btn {
    padding: 7px;
    display: flex;
    min-width: 118px;
    align-items: center;
  }
}
.dhq-new-job-section-wrapper .apply-btn:hover {
  background-color: var(--link-primary-color);
}

.socialIconsWrapper {
  display: flex;
  gap: 10px;
}
.socialIconsWrapper .socialBrands a {
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.0784313725);
  border-radius: 18px;
}
.socialIconsWrapper .socialBrands a svg {
  width: 16px;
  height: 16px;
}

.sidebar.job-side-bar {
  width: 250px;
}
@media (max-width: 600px) {
  .sidebar.job-side-bar {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0px;
  }
}
.sidebar.job-side-bar .company-box {
  margin-top: 100px;
}
@media (max-width: 600px) {
  .sidebar.job-side-bar .company-box {
    margin-top: 0px;
  }
}
.sidebar.job-side-bar .company-box,
.sidebar.job-side-bar .founders-box {
  background-color: #232539;
  border-radius: 8px;
  padding: 28px 30px;
  margin-bottom: 32px;
  border: 1px solid #393B50;
}
.sidebar.job-side-bar .founders-box {
  padding: 20px 4px 20px 22px;
  margin-bottom: 0px;
}
.sidebar.job-side-bar .logo-row {
  display: flex;
  align-items: start;
  margin-bottom: 28px;
}
.sidebar.job-side-bar .logo {
  width: auto;
  max-height: 24px;
}
.sidebar.job-side-bar .company-name {
  font-weight: 600;
  font-size: 18px;
}
.sidebar.job-side-bar .company-meta p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--text-primary-color);
  padding-bottom: 9px;
  margin-bottom: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  text-align: right;
}
.sidebar.job-side-bar .founders-box h4 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
  color: var(--text-primary-color);
  margin-bottom: 17px;
}
.sidebar.job-side-bar .founder {
  display: flex;
  align-items: start;
  margin-bottom: 21px;
}
.sidebar.job-side-bar .founder:last-child {
  margin-bottom: 0px;
}
.sidebar.job-side-bar .founder div p {
  font-weight: 600;
  font-size: 14px;
  vertical-align: middle;
  line-height: 21px;
  color: var(--text-primary-color);
  margin: 0px;
}
.sidebar.job-side-bar .founder div span {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  color: var(--text-primary-color);
}
.sidebar.job-side-bar .founder div .socialIconsWrapper {
  margin-top: 10px;
}
.sidebar.job-side-bar .founder div .socialIconsWrapper .socialBrands a {
  width: 20px;
  height: 20px;
}
.sidebar.job-side-bar .founder div .socialIconsWrapper .socialBrands a svg {
  width: 10px;
  height: 10px;
}
.sidebar.job-side-bar .avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-right: 10px;
}

.job-single-detial-wrapper {
  position: relative;
}
.job-single-detial-wrapper::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: -40%;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Rectangle-3464815.webp);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  pointer-events: none;
}
.job-single-detial-wrapper .job-title-and-description {
  padding: 32px;
  background-color: rgba(217, 217, 217, 0.1019607843);
  border: 1px solid #A0B4C7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description {
    margin-bottom: 50px;
  }
}
.job-single-detial-wrapper .job-title-and-description h1 {
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  vertical-align: middle;
  color: var(--title-primary-color);
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description h1 {
    font-size: 24px;
    line-height: 36px;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info {
  display: flex;
  align-content: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 768px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info {
    flex-direction: column;
    gap: 24px;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span,
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-type-wrapper span,
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-experience span {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper > span:first-child,
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-type-wrapper > span:first-child,
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-experience > span:first-child {
  margin-bottom: 6px;
  display: block;
  color: #D2D2D2;
  font-size: 18px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper > span:first-child,
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-type-wrapper > span:first-child,
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-experience > span:first-child {
    font-size: 14px;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper {
  flex: 1;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper {
    flex-direction: column;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span {
  display: flex;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span {
    flex-direction: column;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span .wokr-type {
  display: list-item;
  margin-left: 30px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span .wokr-type {
    margin-left: 22px;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-location-wrapper span .wokr-type::marker {
  color: #D9D9D9;
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-type-wrapper {
  margin: 0px 30px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-type-wrapper {
    margin: 0px;
  }
}
.job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-experience {
  margin: 0px 30px;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .job-location-wrapper-and-othre-info .job-experience {
    margin: 0px;
  }
}
.job-single-detial-wrapper .job-title-and-description .apply-btn {
  display: inline-block;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 600px) {
  .job-single-detial-wrapper .job-title-and-description .apply-btn {
    padding: 10px 20px;
  }
}
.job-single-detial-wrapper .company-box {
  margin-top: 0px !important;
}

.job-summary-wrapper {
  margin-bottom: 60px;
  padding: 0 16px;
}
.job-summary-wrapper h2 {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 36px;
  vertical-align: middle;
  color: var(--text-primary-color);
  margin-bottom: 16px;
}
.job-summary-wrapper .summary-description,
.job-summary-wrapper .summary-description p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
}

.job-responsibilities-wrapper {
  margin-bottom: 24px;
}
.job-responsibilities-wrapper b {
  background: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
}
.job-responsibilities-wrapper h2 {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 36px;
  vertical-align: middle;
  color: var(--text-primary-color);
  margin-bottom: 32px;
}
.job-responsibilities-wrapper .job-section-with-title-description .title-wrapper {
  font-weight: 600;
  font-size: 17px;
  line-height: 28px;
  vertical-align: middle;
  color: #D2D2D2;
  margin-bottom: 8px;
}
.job-responsibilities-wrapper .job-section-description,
.job-responsibilities-wrapper .job-section-description p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
}
.job-responsibilities-wrapper .job-section-description ul,
.job-responsibilities-wrapper .job-section-description p ul {
  padding-left: 24px;
}
.job-responsibilities-wrapper .job-section-description ul li,
.job-responsibilities-wrapper .job-section-description p ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
  list-style: disc;
}

.apply-and-share-url-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
@media (max-width: 600px) {
  .apply-and-share-url-wrapper {
    position: relative;
  }
}
.apply-and-share-url-wrapper .apply-btn {
  height: auto;
}
.apply-and-share-url-wrapper .copy-btn-and-url-wrapper {
  display: flex;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 600px) {
  .apply-and-share-url-wrapper .copy-btn-and-url-wrapper {
    position: unset;
  }
}
.apply-and-share-url-wrapper .copy-btn-and-url-wrapper .copy-job-url {
  padding: 0px;
  margin: 0px;
  height: 48px;
}
.apply-and-share-url-wrapper .copy-btn-and-url-wrapper .copy-job-url:hover + .job-url-wrapper {
  opacity: 1;
  visibility: visible;
}
.apply-and-share-url-wrapper .copy-btn-and-url-wrapper .job-url-wrapper {
  background-color: #2F4858;
  padding: 1px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
  color: rgba(210, 210, 210, 0.6980392157);
  max-width: 190px;
  position: absolute;
  left: 60px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: table;
}
@media (max-width: 600px) {
  .apply-and-share-url-wrapper .copy-btn-and-url-wrapper .job-url-wrapper {
    margin-bottom: -60px;
    left: 0px;
  }
}

.multiple-cta-content-wrapper.client-testimonial-slider.multi-cta-slider-main-wrapper .client-slider-container {
  border-radius: 12px;
  background-color: transparent !important;
}
.multiple-cta-content-wrapper.client-testimonial-slider.multi-cta-slider-main-wrapper .client-slider-container .client-slider-wrapper {
  margin-bottom: 80px;
}
.multiple-cta-content-wrapper.client-testimonial-slider.multi-cta-slider-main-wrapper .client-slider-container .multiple-cta-wrapper.clientSlide.multi-cta-slider {
  border-radius: 12px;
}
.multiple-cta-content-wrapper.client-testimonial-slider.multi-cta-slider-main-wrapper .client-slider-controls {
  justify-content: center;
}
.multiple-cta-content-wrapper.client-testimonial-slider.multi-cta-slider-main-wrapper .cta-text-wrapper .cta-buttons-wrapper {
  margin-top: 20px;
}

.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide.multi-cta-slider .support-text-wrapper span {
  color: #26BC6A !important;
}

.dark-mode .multiple-cta-content-wrapper.client-testimonial-slider .client-slider-wrapper .multiple-cta-wrapper.clientSlide.multi-cta-slider .support-text-wrapper {
  background: rgba(232, 232, 232, 0.14) !important;
}

@media (max-width: 600px) {
  .post-33301 .inFourColumns,
  .post-35052 .inFourColumns {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: -84px;
  }
}
.post-33301 .inFourColumns + .dhq_subtitle::before,
.post-35052 .inFourColumns + .dhq_subtitle::before {
  display: none;
}
.post-33301 .variant--Detail:last-child .inFourColumns,
.post-35052 .variant--Detail:last-child .inFourColumns {
  margin-bottom: 0px;
}
.post-33301 .multiple-cta-wrapper .cta-itmes-wrapper .content-wrapper,
.post-35052 .multiple-cta-wrapper .cta-itmes-wrapper .content-wrapper {
  flex: 1;
}
.post-33301 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper,
.post-35052 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper {
  min-height: auto;
  margin-bottom: 20px;
  max-width: -moz-max-content;
  max-width: max-content;
}
.post-33301 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper img,
.post-35052 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper img {
  height: 150px;
  max-width: 170px;
  min-height: auto;
}

.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider {
  overflow: hidden !important;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide {
  grid-template-columns: 1.5fr 1fr;
  display: grid;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide.active {
  opacity: 1;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide {
    grid-template-columns: 1fr;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left {
  position: relative;
  padding-top: 50px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left::before {
  content: " ";
  top: 3px;
  left: 16px;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/08/export-1.png);
  position: absolute;
  width: 52px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left::before {
    left: 0px;
    width: 20px;
    height: 20px;
    top: -14px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-content {
  margin-bottom: 24px;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: var(--title-primary-color);
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-content p {
    font-size: 20px;
    line-height: 32px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-logo {
  margin-bottom: 38px;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-logo span {
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 21px;
  color: rgba(210, 210, 210, 0.8);
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-logo span {
    font-size: 16px;
    line-height: 21px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .new-brnad-testimonial-logo img {
  width: auto;
  max-height: 55px;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .stats {
    gap: 0px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .stats div {
  padding: 16px;
  border: 0.4px solid transparent;
  background-color: rgba(44, 187, 169, 0.1019607843);
  -o-border-image: linear-gradient(180deg, #26BC6A 0%, #33BAEC 100%);
     border-image: linear-gradient(180deg, #26BC6A 0%, #33BAEC 100%);
  border-image-slice: 1;
  box-shadow: 0px 4px 17px 0px rgba(38, 188, 106, 0.2) inset;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left .stats div::after {
  display: none;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left.yes_hide_quoteicon {
  padding: 0px;
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide .slide-left.yes_hide_quoteicon::before {
  display: none;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .slide.yes_hide_sliderimghide .slide-right {
    display: none !important;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .new-brnad-testimonialslider-controls {
  position: absolute;
  top: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  left: 0px;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .new-brnad-testimonialslider-controls {
    top: calc(100% - 80px);
    justify-content: center;
    gap: 24px;
    left: -8px;
  }
}
.case-slider-wrapper.new-brnad-testimonial-wrapper .case-slider .new-brnad-testimonialslider-controls button {
  padding: 0px;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .case-slider-wrapper.new-brnad-testimonial-wrapper.slide_active .case-slider {
    padding-bottom: 60px;
  }
}

.new-brnad-testimonial-wrapper {
  position: relative;
  overflow: hidden;
  /* Hide extra slides */
  width: 100%;
  background-color: transparent;
}

.new-brnad-testimonial-wrapper .slides-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  transition: transform 0.5s ease-in-out;
  /* Smooth sliding */
  will-change: transform;
  overflow: visible !important;
}

.new-brnad-testimonial-wrapper .slide {
  min-width: 100%;
  /* Each slide takes full width */
  flex-shrink: 0;
}

.dhq-image-box-wrapper .dhq-title h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  color: var(--title-primary-color);
}
.dhq-image-box-wrapper .description,
.dhq-image-box-wrapper .description {
  max-width: 928px;
  margin: auto;
  padding-bottom: 94px;
  padding-top: 12px;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .description,
  .dhq-image-box-wrapper .description {
    padding-bottom: 36px;
  }
}
.dhq-image-box-wrapper .description p,
.dhq-image-box-wrapper .description p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6509803922);
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .description p,
  .dhq-image-box-wrapper .description p {
    font-size: 16px;
    line-height: 22px;
  }
}
.dhq-image-box-wrapper .grid-container {
  gap: 50px;
  align-items: flex-start;
}
.dhq-image-box-wrapper .grid-container .grid-item {
  flex-direction: column;
  height: 100%;
}
.dhq-image-box-wrapper .card-wrapper {
  height: calc(100% - 1px);
  width: 100%;
  padding: 32px;
  background: linear-gradient(180deg, rgba(129, 140, 248, 0.03) 0%, rgba(129, 140, 248, 0) 100%), url(https://dronahq.ai/wp-content/uploads/2025/04/BackgroundShadow-1.webp);
  background-size: 100% 100%;
  /* Adjust as needed */
  background-position: center;
  /* Adjust as needed */
  background-repeat: no-repeat;
  /* Prevent repeating */
  margin-bottom: 56px;
  border-radius: 16px;
}
.dhq-image-box-wrapper .card-wrapper:last-child {
  margin-bottom: 0px;
}
.dhq-image-box-wrapper .card-wrapper::before {
  border-radius: 16px;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper {
    padding: 24px;
  }
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .image-wrapper {
  text-align: center;
  display: flex;
  gap: 45px;
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .image-wrapper img {
  width: 100%;
  min-height: 196px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .image-wrapper img {
    min-height: auto;
  }
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper {
  padding-top: 24px;
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  color: #E4E4E7;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .title {
    font-size: 20px;
    line-height: 28px;
  }
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .description {
  max-width: 464px;
  margin: auto;
}
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .description,
.dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .description p {
  padding: 0px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  color: #99999B;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .description,
  .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper .description p {
    font-size: 14px;
    line-height: 20px;
  }
}
.dhq-image-box-wrapper .card-wrapper.normal {
  margin-bottom: 0px;
}
.dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .title {
    font-size: 20px;
    line-height: 28px;
  }
}
.dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description,
.dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description p {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  color: #999999;
}
@media (max-width: 768px) {
  .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description,
  .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description p {
    font-size: 14px;
    line-height: 20px;
  }
}

.pricing-comparision-table .Section_layoutContainer {
  margin: 67px 0px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .pricing-comparision-table .Section_layoutContainer {
    margin: 30px 16px;
  }
}
.pricing-comparision-table .Section_layoutContainer > h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  color: rgb(38, 64, 78);
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .pricing-comparision-table .Section_layoutContainer > h2 {
    margin: 30px 16px;
  }
}

.add-ons-container-wrapper .AdonsCard.Card {
  box-shadow: 0px 6.04px 12.09px 0px rgba(50, 50, 93, 0.1803921569);
}

.main-request-demo .block-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-request-demo .block-wrapper .request-demo-head {
  padding: 1rem;
}
.main-request-demo .block-wrapper .request-demo-content {
  padding: 0px;
  max-width: 100%;
}
.main-request-demo .block-wrapper .request-demo-button {
  padding: 0px;
}
.main-request-demo .block-wrapper .studio-button-two {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .main-request-demo .block-wrapper .studio-button-one {
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .ai-agent-tools-section-wrapper {
    overflow: hidden;
    padding: 0px 16px;
  }
}
.ai-agent-tools-section-wrapper .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .content-wrapper {
  padding-top: 0px;
}
.ai-agent-tools-section-wrapper .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .title {
  text-align: left;
  margin-bottom: 28px;
}
.ai-agent-tools-section-wrapper .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description {
  max-width: 100%;
  margin: unset;
  margin-bottom: 35px;
}
.ai-agent-tools-section-wrapper .dhq-image-box-wrapper .card-wrapper.normal .content-wrapper .description p {
  text-align: left;
}

@media (max-width: 600px) {
  .lr-right-side-img-wrapper .video-wrap {
    height: 100% !important;
    max-height: 290px !important;
  }
  .lr-right-side-img-wrapper .video-wrap video {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    width: calc(100% - 0px) !important;
    height: calc(100% - 0px) !important;
  }
}

.prompt-container-wrapper {
  padding: 34px 22px 21px 45px;
  max-width: 963px;
  margin: auto;
}
@media (max-width: 768px) {
  .prompt-container-wrapper {
    padding: 16px 24px;
  }
}
.prompt-container-wrapper #typingText {
  max-width: 740px;
  min-height: 56px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #999999;
}
@media (max-width: 768px) {
  .prompt-container-wrapper #typingText {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .prompt-container-wrapper #typingText {
    min-height: 60px;
  }
}
.prompt-container-wrapper #typingText .green-text {
  color: #119F43;
}
.prompt-container-wrapper button {
  background: #323239;
  margin-left: auto;
  margin-top: 10px;
  padding: 9px 14px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  color: #9A9A9A;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: transparent;
  cursor: unset;
}
@media (max-width: 768px) {
  .prompt-container-wrapper button {
    margin-top: 20px;
  }
}
.prompt-container-wrapper button svg {
  margin-left: 10px;
  width: 10px;
  height: 12px;
}
.prompt-container-wrapper.gradient-border {
  border-radius: 16px;
  background: #15172b;
}
.prompt-container-wrapper.gradient-border::before {
  border-radius: 16px;
}

.ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .image-wrapper.animation-image img {
  max-height: 45px;
  width: auto;
}
.ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper {
  height: calc(100% - 1px);
  width: 100%;
  background: linear-gradient(180deg, rgba(129, 140, 248, 0.03) 0%, rgba(129, 140, 248, 0) 100%), url(https://dronahq.ai/wp-content/uploads/2025/04/BackgroundShadow-1.webp);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 56px;
  border-radius: 16px;
}
.ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper::before {
  border-radius: 16px;
}
.ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper {
  background-image: unset;
}
@media (max-width: 768px) {
  .ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper {
    padding: 0px;
  }
  .ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper .content-wrapper {
    padding: 24px 24px 0px 24px !important;
  }
  .ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper .image-wrapper {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .ai-agent-tools-section-wrapper-image-animation .dhq-image-box-wrapper .card-wrapper .content-and-img-wrapper .image-wrapper.animation-image {
    gap: 24px;
    animation: marquee 180s linear infinite !important;
  }
}
@media (max-width: 768px) {
  .ai-agent-tools-section-wrapper-image-animation .content-wrapper.animation-image {
    max-width: 375px;
  }
}
.ai-agent-tools-section-wrapper-image-animation .content-wrapper.animation-image h2,
.ai-agent-tools-section-wrapper-image-animation .content-wrapper.animation-image .description {
  padding-right: 50px !important;
}

.new-signup-block .hero-banner-with-testimonial .dhq_title {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
}
.new-signup-block .bullet-item-wrapper .icon-wrapper {
  margin-right: 20px;
}
.new-signup-block .grid-container {
  padding: 50px 16px;
  margin: 24px 0px;
  position: relative;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Line-13.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  .new-signup-block .grid-container {
    gap: 32px;
    padding: 20px 16px;
    margin: unset;
    background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Line-10.svg);
    background-size: 100% 2px;
  }
}
.new-signup-block .grid-container::after, .new-signup-block .grid-container::before {
  content: " ";
  position: absolute;
  height: 2px;
  width: 100%;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Line-10.svg);
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .new-signup-block .grid-container::after, .new-signup-block .grid-container::before {
    background-size: 100% 100%;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .new-signup-block .grid-container::before {
    top: 2px;
  }
}
.new-signup-block .grid-container::after {
  bottom: 0px;
}
.new-signup-block .grid-container .grid-item {
  justify-content: start;
  align-items: start;
}
.new-signup-block .grid-container .grid-item:first-child {
  padding-right: 39px;
}
@media (max-width: 768px) {
  .new-signup-block .grid-container .grid-item:first-child {
    padding-right: unset;
  }
}
.new-signup-block .grid-container .grid-item:nth-child(2) {
  padding-left: 39px;
}
@media (max-width: 768px) {
  .new-signup-block .grid-container .grid-item:nth-child(2) {
    padding-left: unset;
  }
}
.new-signup-block .grid-container .grid-item .card-wrapper .content-and-img-wrapper .content-wrapper {
  margin-bottom: 16px;
}
.new-signup-block .grid-container .grid-item .card-wrapper .content-and-img-wrapper .content-wrapper .description {
  color: rgb(210, 210, 210);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.new-signup-block .grid-container .grid-item .card-wrapper .content-and-img-wrapper .content-wrapper .description strong {
  font-weight: 600;
}
.new-signup-block .grid-container .grid-item .card-wrapper .content-and-img-wrapper .image-wrapper img {
  max-width: 150px;
  max-height: 34px;
}
.new-signup-block .hero-testimonial-container-wrapper {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .new-signup-block .hero-testimonial-container-wrapper {
    margin-top: 40px;
  }
}
.new-signup-block .hero-testimonial-container-wrapper .dhq-hero-tsm-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: rgb(238, 238, 238);
}
.new-signup-block .hero-testimonial-container-wrapper .dhq-hero-tsm-content p strong {
  font-weight: 700;
}
.new-signup-block .hero-testimonial-container-wrapper .dhq-hero-tsm-content .dhq-t-brand-icon img {
  max-width: 150px;
}
.new-signup-block .Card.Card--shadowXLarge.iframe-wrapper {
  padding: 0px !important;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .new-signup-block .Card.Card--shadowXLarge.iframe-wrapper {
    margin-bottom: 30px !important;
  }
}
.new-signup-block .brands-icon-container-wrapper .line {
  background-color: transparent;
  position: relative;
  overflow: visible;
}
.new-signup-block .brands-icon-container-wrapper .line::after, .new-signup-block .brands-icon-container-wrapper .line::before {
  content: " ";
  position: absolute;
  height: 1px;
  width: 40%;
  background: unset;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Line-10.svg) !important;
  background-repeat: no-repeat;
  background: unset;
  background-size: contain;
  top: 50%;
}
@media (max-width: 768px) {
  .new-signup-block .brands-icon-container-wrapper .line::after, .new-signup-block .brands-icon-container-wrapper .line::before {
    top: calc(100% - 2px);
    width: 100%;
    left: 25%;
    background-size: 100%;
    right: 25%;
    margin: auto;
  }
}
.new-signup-block .brands-icon-container-wrapper .line::after {
  left: 0px;
}
.new-signup-block .brands-icon-container-wrapper .line::before {
  right: 0;
}
@media (max-width: 768px) {
  .new-signup-block .brands-icon-container-wrapper .line::before {
    display: none !important;
  }
}
.new-signup-block .brands-icon-container-wrapper .line .brand-icon-title {
  background-color: transparent;
  color: #D2D2D2;
}
.new-signup-block .iframe-wrapper {
  padding-top: 0px !important;
  background: #152234;
  color: #f4f4f4 !important;
}
.new-signup-block .Card .dhq_subbody {
  background: #152234;
  color: #f4f4f4 !important;
  padding-bottom: 14px;
}
@media (max-width: 768px) {
  .new-signup-block .hero-banner-with-testimonial .featureList {
    display: flex;
  }
}

.iframe-wrapper {
  padding-top: 0px !important;
}

.post-26163 .iframe-wrapper {
  padding-top: 14px;
  background: #fff;
  color: #26404e !important;
}
.post-26163 .Card .dhq_subbody {
  background: #fff;
  color: #26404e !important;
  padding-bottom: 14px;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
    /* Start at full padding-left */
  }
  100% {
    transform: translateX(-100%);
    /* Move fully to left */
  }
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .grid-container {
    flex-direction: column-reverse;
  }
}
.home-page-two-frame-animatin-wrapper .dhq_header {
  padding: 106px 16px;
  margin: auto;
  background-color: #06072b;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2026/02/bg-homepage-new-scaled.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 100%;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .dhq_header {
    padding: 90px 32px;
    background-image: unset;
  }
}
.home-page-two-frame-animatin-wrapper .dhq_header .dhq_Maintitle {
  max-width: 1000px;
  margin: auto;
  font-weight: 500;
}
.home-page-two-frame-animatin-wrapper .dhq_header .dhq_Maintitle b {
  font-weight: 600;
  background: linear-gradient(90deg, #119C62 0%, #36C5F0 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  color: transparent;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .dhq_header .dhq_Maintitle {
    font-size: 32px !important;
    line-height: 48px;
    text-align: left;
  }
}
.home-page-two-frame-animatin-wrapper .dhq_header .dhq_body {
  margin: auto;
}
.home-page-two-frame-animatin-wrapper .dhq_header .dhq_body p {
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  margin: auto;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .dhq_header .dhq_body p {
    font-size: 14px;
    line-height: 22px;
  }
}
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper {
  display: none;
}
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper svg {
  width: 100% !important;
}
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Rectangle\ 39972,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Component\ 7,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Frame\ 1000006113,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Frame\ 1000006063,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Rectangle\ 39942,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Frame\ 1,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Frame\ 1000001640,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Frame\ 1000002853,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #list_3,
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Table\ Grid_2 {
  display: none;
}
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Left\ panel {
  transform: matrix(1, 0, 0, 1, -450, 0);
}
.home-page-two-frame-animatin-wrapper .low-code-svg-frame-wrapper #Desktop\ -\ 3 {
  transform: matrix(1, 0, 0, 1, 0, 140);
  opacity: 0;
}
.home-page-two-frame-animatin-wrapper {
  /* Default overlay style */
}
.home-page-two-frame-animatin-wrapper .svg-frame-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  /* semi-transparent overlay */
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: none;
  z-index: 5;
  /* optional: prevents blocking hover events */
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .svg-frame-overlay {
    opacity: 0 !important;
  }
}
.home-page-two-frame-animatin-wrapper svg * {
  font-family: "Poppins", sans-serif !important;
}
.home-page-two-frame-animatin-wrapper {
  /* Hide overlay on hover of parent */
}
.home-page-two-frame-animatin-wrapper .grid-container {
  gap: 0px;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item {
  position: relative;
  overflow: hidden;
  /* optional: keeps overlay inside */
  padding: 60px 122px;
  flex-direction: column;
  gap: 57px;
  justify-content: flex-start;
  padding-bottom: 160px;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .svg-frame-1-wrapper {
  min-height: 420px;
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item .svg-frame-1-wrapper {
    min-height: auto;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item {
    padding-left: 16px;
    padding-right: 16px;
    gap: 40px;
  }
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item .svg-frame-1-wrapper svg {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item img {
    width: 100%;
  }
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .dhq-new-title-wrapper {
  margin-bottom: 12px;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .hero-text-wrapper {
  margin-bottom: 0px;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item.hero-chat-bot-animation-container-wreapper {
  max-width: 100%;
  margin: unset;
  border-radius: unset;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item.hero-chat-bot-animation-container-wreapper .svg-frame-2-wrapper {
  min-width: 350px;
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item.hero-chat-bot-animation-container-wreapper .svg-frame-2-wrapper {
    margin-top: 20px;
  }
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item:first-child {
  background-color: #060715;
  /* fallback or base color */
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/11/Rectangle-3464815.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* optional — blends color + image */
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item:last-child {
  background: linear-gradient(181.15deg, #010731 11.56%, #006A67 49.8%, #F4F4F4 86.6%);
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .dhq-new-bnt-wrapper {
  position: absolute;
  top: 21px;
  right: -42px;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item .dhq-new-bnt-wrapper {
    margin-top: 10px;
    position: relative;
    top: 0px;
    right: unset;
    justify-content: flex-start;
    align-items: flex-start;
    left: 16px;
  }
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .normal-btn {
  background: #CFCFCF;
  border: solid 1px #CFCFCF;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .normal-btn a {
  color: #000000;
  gap: 6px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .normal-btn a svg {
  margin-bottom: -2px;
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item #low-code-btn-wrapper {
  display: none;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item:nth-child(1) .hero-header-wrapper {
    display: flex;
    flex-direction: column;
  }
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item:nth-child(1) .hero-header-wrapper .dhq-new-title-wrapper {
    order: 1;
  }
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item:nth-child(1) .hero-header-wrapper .hero-text-wrapper {
    order: 2;
  }
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item:nth-child(1) .hero-header-wrapper .btn-toggle-outer-wrapper {
    order: 4;
  }
  .home-page-two-frame-animatin-wrapper .grid-container .grid-item:nth-child(1) .hero-header-wrapper .dhq-new-bnt-wrapper {
    order: 3;
  }
}
.home-page-two-frame-animatin-wrapper .grid-container .grid-item .btn-toggle-outer-wrapper .toggle-wrapper[data-active="0"] .slider {
  width: 114px;
  transform: translateX(6px);
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper {
  width: 100%;
  margin-right: auto;
  position: relative;
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-title-wrapper,
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .hero-text-wrapper,
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .btn-toggle-outer-wrapper {
  max-width: calc(100% - 170px);
  margin-right: auto;
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-title-wrapper,
  .home-page-two-frame-animatin-wrapper .hero-header-wrapper .hero-text-wrapper,
  .home-page-two-frame-animatin-wrapper .hero-header-wrapper .btn-toggle-outer-wrapper {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .home-page-two-frame-animatin-wrapper .hero-header-wrapper .btn-toggle-outer-wrapper {
    margin-left: 16px;
  }
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  text-align: left;
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-title b {
  background: linear-gradient(90deg, #119C62 0%, #36C5F0 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  /* for Safari */
  color: transparent;
  /* fallback */
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .hero-text-wrapper,
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .hero-text-wrapper p {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #D2D2D2;
  font-family: "Poppins", sans-serif !important;
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-bnt-wrapper .normal-btn {
  padding: 6px 10px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-bnt-wrapper .normal-btn {
    margin: unset !important;
  }
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-bnt-wrapper .normal-btn a {
  gap: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 15.78px;
  text-align: center;
}
.home-page-two-frame-animatin-wrapper .hero-header-wrapper .dhq-new-bnt-wrapper .normal-btn a span {
  font-weight: 600;
  letter-spacing: -0.1px;
}

.post-35293 .new-signup-block .brands-icon-container-wrapper .line:after,
.post-35293 .new-signup-block .brands-icon-container-wrapper .line:before,
.post-11866 .new-signup-block .brands-icon-container-wrapper .line:after,
.post-11866 .new-signup-block .brands-icon-container-wrapper .line:before,
.post-35735 .new-signup-block .brands-icon-container-wrapper .line:after,
.post-35735 .new-signup-block .brands-icon-container-wrapper .line:before,
.post-36491 .new-signup-block .brands-icon-container-wrapper .line:after,
.post-36491 .new-signup-block .brands-icon-container-wrapper .line:before,
.post-36116 .new-signup-block .brands-icon-container-wrapper .line:after,
.post-36116 .new-signup-block .brands-icon-container-wrapper .line:before {
  width: 300px;
}
.post-35293 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after,
.post-35293 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before,
.post-11866 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after,
.post-11866 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before,
.post-35735 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after,
.post-35735 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before,
.post-36491 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after,
.post-36491 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before,
.post-36116 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::after,
.post-36116 .hero-banner-with-testimonial-and-form .brands-icon-container-wrapper .line .brand-icon-title::before {
  width: 300px;
}

.service-features-wrapper {
  width: 100%;
  max-width: 600px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .service-features-wrapper {
    display: none !important;
  }
}
.service-features-wrapper .service-features-center-bg-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: auto;
  min-height: 370px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/11/bg-img.png);
  background-position: center;
  background-size: 350px;
  background-repeat: no-repeat;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-img-wrapper {
  position: absolute;
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity 0.6s ease-out, transform 0.8s ease-out;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-img-wrapper img {
  width: 100%;
  max-width: 240px;
}
.service-features-wrapper .service-features-center-bg-wrapper {
  /* When visible — animate to actual position */
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-img-wrapper.animate {
  opacity: 1;
  transform: translate(0, 0);
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-center-content {
  max-width: 130px;
  margin: auto;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-center-content h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #08C4B6;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-1 {
  left: 21px;
  top: 0px;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-2 {
  left: 0px;
  bottom: 72px;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-3 {
  right: 0px;
  top: 77px;
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-4 {
  right: 8px;
  bottom: 0px;
}
.service-features-wrapper .service-features-center-bg-wrapper {
  /* From TOP LEFT */
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-1 {
  transform: translate(-40px, -40px);
}
.service-features-wrapper .service-features-center-bg-wrapper {
  /* From BOTTOM LEFT */
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-2 {
  transform: translate(-40px, 40px);
}
.service-features-wrapper .service-features-center-bg-wrapper {
  /* From TOP RIGHT */
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-3 {
  transform: translate(40px, -40px);
}
.service-features-wrapper .service-features-center-bg-wrapper {
  /* From BOTTOM RIGHT */
}
.service-features-wrapper .service-features-center-bg-wrapper .service-features-4 {
  transform: translate(40px, 40px);
}

.btn-toggle-outer-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 20px;
}
.btn-toggle-outer-wrapper .toggle-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px;
  background: transparent;
  border: 1px solid #F4F4F4;
  border-radius: 32px;
  display: inline-flex;
  gap: 6px;
}
.btn-toggle-outer-wrapper .toggle-btn {
  position: relative;
  z-index: 2;
  padding: 6px 22px;
  border: none;
  background: transparent;
  color: #F4F4F4;
  cursor: pointer;
  border-radius: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  display: flex;
  margin-bottom: 0px !important;
  text-transform: none !important;
}
.btn-toggle-outer-wrapper .slider {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 0;
  height: calc(100% - 12px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 40px;
  z-index: 1;
  transition: all 0.3s ease;
  border: 1px solid #F4F4F4;
}
.btn-toggle-outer-wrapper {
  /* When data-active="0" and hovering last button */
}
.btn-toggle-outer-wrapper .toggle-wrapper[data-active="0"] .toggle-btn:nth-child(2):hover {
  background: rgba(0, 0, 0, 0.2);
}
.btn-toggle-outer-wrapper .toggle-wrapper[data-active="1"] .toggle-btn:nth-child(1):hover {
  background: rgba(0, 0, 0, 0.2);
}

.blog_container .readMoreBtn {
  padding: 0px;
  background-color: #f7f5f2;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.blog_container .readMoreBtn a {
  padding: 8px 20px;
  background: #119f43;
  color: #f4f4f4;
}
.blog_container .readMoreBtn a:hover {
  background-color: #06762D;
}

:root {
  --white-green-blue-gradient-bg: linear-gradient(180deg, #F4F4F4 0%, #006A67 50.96%, #010731 100%);
  --white: #F4F4F4;
  --green: #006A67;
  --dark-blue: #010731;
  --secondary-yellow: #E7E7DE;
  --gradient-buttons-bg: linear-gradient(90deg, #006A67 4.8%, #010731 92.8%);
  --yellow: #FDEB9E;
  /* === Inter Font Family === */
  --inter-font-family: "Inter", sans-serif;
  /* === Optical sizing === */
  --inter-font-optical-sizing: auto;
  /* === Font weights === */
  --inter-font-weight-regular: 400;
  --inter-font-weight-medium: 500;
  --inter-font-weight-semibold: 600;
  --inter-font-weight-bold: 700;
  --inter-font-weight-black: 900;
  /* === Font styles === */
  --inter-font-style-normal: normal;
  --inter-font-style-italic: italic;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html .post-33421.dark-mode *,
html .post-35280.dark-mode *,
html .post-36052.dark-mode *,
html .post-36056.dark-mode *,
html .post-35963.dark-mode * {
  font-family: var(--inter-font-family) !important;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--inter-font-family) !important;
  font-optical-sizing: var(--inter-font-optical-sizing);
  font-style: var(--inter-font-style-normal);
  font-weight: var(--inter-font-weight-regular);
}

h1,
h2,
h3 {
  font-family: var(--inter-font-family) !important;
  font-optical-sizing: var(--inter-font-optical-sizing);
  font-style: var(--inter-font-style-normal);
  font-weight: var(--inter-font-weight-black);
  /* 900 */
}

p,
li,
span {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-regular);
}

.fant-border-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 100%;
  width: 100%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(var(--angle), #0F8F8C, #FDEB9E) border-box;
  animation: 8s fancy-border-rotate linear infinite;
}

.Card.iframe-wrapper {
  background: #152234;
}
.Card.iframe-wrapper font {
  color: #f4f4f4;
  margin-top: 10px;
}

@keyframes fancy-border-rotate {
  to {
    --angle: 360deg;
  }
}
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.post-31414 section,
.post-33421 section,
.post-35816 section,
.post-35280 section,
.post-36052 section,
.post-36056 section,
.post-35963 section {
  z-index: 1;
  position: relative;
}
.post-31414 #menuPanel > ul,
.post-33421 #menuPanel > ul,
.post-35816 #menuPanel > ul,
.post-35280 #menuPanel > ul,
.post-36052 #menuPanel > ul,
.post-36056 #menuPanel > ul,
.post-35963 #menuPanel > ul {
  background: #f4f4f4;
  background-color: #f4f4f4 !important;
}

.post-35280 nav ul li.is_agent_platform,
.post-35280 nav ul li.is_agent_customer,
.post-36052 nav ul li.is_agent_platform,
.post-36052 nav ul li.is_agent_customer {
  display: none !important;
}
.post-35280 nav ul li.is_agent_platform + li,
.post-36052 nav ul li.is_agent_platform + li {
  margin-left: 0px !important;
}

.post-33529 .integration-strip .integration-row {
  white-space: normal !important;
}

.post-35963 nav ul li.is_agent_pricing,
.post-36056 nav ul li.is_agent_pricing,
.post-33529 nav ul li.is_agent_pricing,
.post-36279 nav ul li.is_agent_pricing {
  display: none !important;
}
.post-35963 .integration-strip .integration-row.middle .center-card,
.post-36056 .integration-strip .integration-row.middle .center-card,
.post-33529 .integration-strip .integration-row.middle .center-card,
.post-36279 .integration-strip .integration-row.middle .center-card {
  animation: unset !important;
  opacity: 1 !important;
}
.post-35963 .integration-strip .integration-row.middle .center-card p,
.post-36056 .integration-strip .integration-row.middle .center-card p,
.post-33529 .integration-strip .integration-row.middle .center-card p,
.post-36279 .integration-strip .integration-row.middle .center-card p {
  margin-bottom: 0px;
  width: 100%;
  text-align: center;
}
.post-35963 .integration-strip .integration-row.middle .center-card p::after,
.post-36056 .integration-strip .integration-row.middle .center-card p::after,
.post-33529 .integration-strip .integration-row.middle .center-card p::after,
.post-36279 .integration-strip .integration-row.middle .center-card p::after {
  display: none;
}

.post-36279 .ai-cta-wrapper .dhq-guides_container > div {
  background: linear-gradient(90deg, #D2D2D2 50%, #434B7F 100%) !important;
}

.hero-chat-bot-animation-container-wreapper {
  max-width: 400px;
  margin: auto;
  display: flex;
  border-radius: 4px;
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006630 {
  opacity: 0;
  transform-origin: center center;
  /* Optional: sets the scaling point */
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 {
  transform: translate(0px, 45px);
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply1 rect,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply1 text,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply2 rect,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply2 text,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply3 rect,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #reply3 text {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #icons rect,
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #icons #Frame\ 1000006625 {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000006656 #tag1 {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Effortless\ iteration {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Effortless\ iteration ~ text {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Frame\ 1000001917 + text {
  opacity: 0;
}
.hero-chat-bot-animation-container-wreapper #Ask\ anything {
  opacity: 0;
}

html body .dark-mode #hero-chat-bot-svg svg,
html body .dark-mode #hero-chat-bot-svg svg path,
html body .dark-mode #hero-chat-bot-svg tspan {
  font-family: var(--inter-font-family) !important;
}

.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu {
  background-color: #f4f4f4 !important;
  border-bottom: 1px solid transparent !important;
  border-image-source: linear-gradient(89.98deg, rgba(56, 51, 118, 0.03) -12.3%, rgba(22, 24, 50, 0.3) 50.8%, rgba(56, 51, 118, 0.03) 127.93%) !important;
  border-image-slice: 1 !important;
  border-image-repeat: stretch;
  border-width: 0 0 1px 0;
  /* Only bottom */
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu ul li a {
  color: #010731 !important;
  font-family: var(--inter-font-family) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox.landing-page-wrapper,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox.landing-page-wrapper,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox.landing-page-wrapper,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox.landing-page-wrapper {
  flex-direction: row-reverse;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu #requestMobileBtn,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn {
  background: linear-gradient(90deg, #006A67 0%, #010D34 100%) !important;
  margin-right: 0px;
  margin-left: 16px;
  border: solid 1px transparent;
  font-family: var(--inter-font-family) !important;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu #requestMobileBtn:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn:hover {
  background: linear-gradient(90deg, #010D34 0%, #006A67 100%);
  box-shadow: 0px 4px 30px 0px rgba(9, 140, 136, 0.4), 0px 4px 20px 0px rgba(1, 13, 52, 0.2);
  border: solid 1px transparent;
  color: #fff !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a {
  color: rgba(1, 7, 49, 0.8) !important;
  background-color: #E7E7DE !important;
  border: solid 1px rgba(1, 7, 49, 0.1019607843) !important;
  font-family: var(--inter-font-family) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink + a:hover {
  color: rgba(1, 7, 49, 0.8) !important;
  background-color: #E7E7DE !important;
  border: solid 1px rgba(1, 7, 49, 0.1019607843) !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .submenu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .submenu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .submenu,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .submenu {
  background-color: #FFFFFF !important;
  border: solid 1px #D2D2D2;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li a,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu ul li a {
  color: #676A83 !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu ul li svg path,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li svg path,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu ul li svg path,
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu ul li svg path {
  fill: #010731 !important;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown {
  position: relative;
  width: 100%;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown > a {
  font-weight: 500;
  font-family: var(--inter-font-family) !important;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown svg {
  display: none;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown.has-children > a[href="#"] {
  pointer-events: none !important;
  cursor: default !important;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown.has-children svg {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 8px;
  transition: all 0.4s ease-in-out;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown.has-children a {
  margin-right: 28px;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown:hover svg {
  transform: rotate(180deg);
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown:hover svg path {
  fill: #119f43 !important;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown:hover .sub-menu-wrapper {
  visibility: visible;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .sub-menu-wrapper {
  padding-top: 12px;
  width: 312px;
  position: absolute;
  visibility: hidden;
  max-width: 360px;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .main-menu-lable {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: rgba(1, 7, 49, 0.5019607843);
  padding-top: 24px;
  padding-left: 36px;
  padding-bottom: 0px;
  display: block;
  margin-bottom: 16px;
  z-index: 1;
  width: 100%;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .mobile-submenu {
  background-color: #fff;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu {
  position: absolute;
  width: 100%;
  padding: 16px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #232539;
  border: solid 1px #232539;
  border-top: unset;
  left: 24px;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu {
    left: 0px;
  }
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li {
  position: relative;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu svg {
  display: none !important;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu .sub-menu-wrapper {
  position: relative;
  max-width: 276px;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu .submenu {
  position: relative;
  background-color: transparent;
  border: solid 1px transparent;
  box-shadow: unset;
  padding-top: 0px;
  padding-bottom: 0px;
  left: 0px;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu {
    box-shadow: unset;
    position: relative;
    padding: 0px;
    padding-left: 24px;
  }
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li:first-child {
    padding-top: 0px;
  }
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li:last-child {
  margin-bottom: 0px;
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li a {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  width: 100%;
  margin-right: 0px;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li a {
    font-weight: 400;
  }
}
.dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li a:hover {
  background-color: #E7E7DE;
  color: #010731 !important;
}
@media (max-width: 768px) {
  .dark-mode .header-outer-wrapper.dark-mode li.dropdown .submenu li a:hover {
    background-color: transparent;
    color: #119f43 !important;
  }
}

.dhq_mainHeaderCTABox.landing-page-wrapper {
  opacity: 1 !important;
  display: flex !important;
}

.dhq-section-container,
.dhq-section-content {
  box-sizing: border-box;
}

.section-maked-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* Background & guide lines */
}
.section-maked-wrapper .dhq-Section_backgroundMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 999;
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: 100% 0;
  transform: skewY(0);
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-top,
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-bottom,
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-left,
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-right {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--section-bg-gradient);
  opacity: 0.4;
  width: 1px;
  background-size: 100000000px;
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-left {
  left: -1px;
}
@media (max-width: 768px) {
  .section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-left {
    left: 20px;
  }
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-right {
  right: 0;
}
@media (max-width: 768px) {
  .section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-right {
    right: 20px;
  }
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-top {
  top: 74px;
}
@media (max-width: 600px) {
  .section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-top {
    top: 0px;
  }
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-top,
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-bottom {
  width: 9999vw;
  height: 1px;
  left: -100vw;
}
.section-maked-wrapper .dhq-Section_backgroundMask .dhq-Section_background .dhq-guides .dhq-guides_container .dhq-guides_guide-bottom {
  top: calc(100% - 1px);
}
.section-maked-wrapper {
  /* Content container */
}
.section-maked-wrapper .dhq-section-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.section-maked-wrapper .dhq-section-container .dhq-section-content {
  width: 100%;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .section-maked-wrapper .dhq-section-container .dhq-section-content {
    padding: 0 22px !important;
  }
}

.top-chat-bot-animation-section-wrapper {
  background-color: #F4F4F4;
}
.top-chat-bot-animation-section-wrapper .dhq-guides_guide-top {
  top: 0px !important;
}
.top-chat-bot-animation-section-wrapper .grid-container {
  padding: 80px 0px;
}
.top-chat-bot-animation-section-wrapper .grid-container .grid-item:first-child {
  background: linear-gradient(180deg, rgba(2, 8, 54, 0.968627451) 0%, #006A67 50.96%, #F4F4F4 100%);
}
.top-chat-bot-animation-section-wrapper .dhq-section-content {
  padding-top: 74px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-bg-wrapper {
  border-radius: 16px;
  width: 100%;
  padding: 20px;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper {
  text-align: center;
  width: 100%;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Dot-Grid-2-scaled.png);
  background-position: center;
  background-size: 120%;
  background-repeat: repeat;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (max-width: 768px) {
  .top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper img {
    width: 100%;
  }
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper .chat-bot-title-wrapper {
  max-width: 435px;
  margin: auto;
  margin-bottom: 39px;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper .chat-bot-title-wrapper h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -4%;
  text-align: center;
  background: linear-gradient(180deg, #010731 0%, #006A67 50.96%, #F4F4F4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin-bottom: 12px;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper .chat-bot-title-wrapper .description,
.top-chat-bot-animation-section-wrapper .dhq-section-content .chat-bot-animation-frame-wrapper .chat-bot-title-wrapper .description p {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -4%;
  text-align: center;
  color: rgba(243, 243, 243, 0.6980392157);
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-title {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-style: Bold;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: -4%;
  text-align: center;
  color: rgba(1, 7, 49, 0.5019607843);
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper {
  min-width: 404px;
  width: 100%;
  margin-bottom: 78px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper {
    min-width: 330px;
    padding: 0px 16px;
  }
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container {
  display: flex;
  flex-direction: column;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container .fancy-input-wrapper {
  background-color: #fff;
  border-radius: 6px;
  position: relative;
  border: 1px solid #C6C6C6;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container .fancy-input-wrapper #email-input {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0;
  color: #828282;
  outline: none;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  width: calc(100% - 84px);
  border: none;
  outline: none;
  margin-bottom: 0px;
  background-color: transparent;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container .fancy-input-wrapper::before, .top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container .fancy-input-wrapper::after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container .fancy-input-wrapper::before {
  left: 12px;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Message.svg);
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container a {
  display: block;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #006A67;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.4s ease-in-out;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container a:hover {
  opacity: 0.9;
  box-shadow: 0px 4px 30px 0px rgba(9, 140, 136, 0.4), 0px 4px 20px 0px rgba(1, 13, 52, 0.2);
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container a span {
  margin-right: 4px;
  font-family: var(--inter-font-family) !important;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container a svg {
  position: relative !important;
  right: 0px;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .form-container a.disabled {
  pointer-events: none;
  /* Disable click */
  opacity: 0.5;
  /* Dimmed look */
  cursor: not-allowed;
  /* Show disabled cursor */
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .error-msg-wrapper {
  margin-top: 12px !important;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .form-field-wrapper .error-msg-wrapper span {
  font-size: 12px;
  line-height: 18px;
  color: #d41c1c;
  font-family: var(--inter-font-family) !important;
}
.top-chat-bot-animation-section-wrapper .dhq-section-content .form-wrapper .product-hunt-icon a {
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .top-chat-bot-animation-section-wrapper .dhq-section-content .grid-container {
    gap: 50px;
  }
}

.hero-banner-with-stiky-top-title-section-wrapper {
  background-color: #F4F4F4;
}
.hero-banner-with-stiky-top-title-section-wrapper .dhq-guides_guide-top {
  display: none !important;
}
.hero-banner-with-stiky-top-title-section-wrapper .hero-text-wrapper,
.hero-banner-with-stiky-top-title-section-wrapper .hero-text-wrapper p {
  color: rgba(1, 7, 49, 0.6);
  font-family: var(--inter-font-family) !important;
}
.hero-banner-with-stiky-top-title-section-wrapper .dhq-section-content {
  padding-top: 74px !important;
}
.hero-banner-with-stiky-top-title-section-wrapper .fancy-zoom-effect-and-slider-wrapper .dhq-section-content {
  padding-top: 0px !important;
}

.dhq-stiky-content-wrapper {
  position: relative;
  padding: 121px 0px;
}
.dhq-stiky-content-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Dot-Grid-1st-fold-2-scaled.webp);
  background-size: cover;
  top: 0px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.dhq-new-title-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .dhq-new-title-wrapper {
    padding: 0px 16px;
  }
}
.dhq-new-title-wrapper .dhq-new-title {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-semibold);
  font-style: Semi Bold;
  font-size: 64px;
  line-height: 71px;
  text-align: center;
  letter-spacing: -4%;
  max-width: 800px;
  margin: auto;
}
@media (max-width: 768px) {
  .dhq-new-title-wrapper .dhq-new-title {
    font-size: 32px;
    line-height: 36px;
  }
}
.dhq-new-title-wrapper .dhq-new-title b {
  font-weight: var(--inter-font-weight-semibold);
  background: linear-gradient(90deg, #006A67 4.8%, #010731 92.8%) !important;
  -webkit-background-clip: text !important;
  /* clip background to text */
  -webkit-text-fill-color: transparent !important;
  /* make text transparent to show gradient */
  background-clip: text !important;
  /* standard property for future support */
  color: transparent !important;
  /* fallback */
}

.hero-text-wrapper {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .hero-text-wrapper {
    padding: 0px 16px;
  }
}

.hero-text-wrapper,
.hero-text-wrapper p {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-style: Medium;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: rgba(248, 248, 248, 0.6980392157);
}
@media (max-width: 768px) {
  .hero-text-wrapper,
  .hero-text-wrapper p {
    font-size: 16px;
    line-height: 24px;
  }
}

.dhq-new-bnt-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.dhq-new-bnt-wrapper .shimmer-button {
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, #006A67 0%, #010D34 100%);
  border: none;
  border-radius: 6px;
  /* fully rounded button */
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  /* smooth transition for all changes */
}
.dhq-new-bnt-wrapper .shimmer-button.fancy-btn:hover {
  background: linear-gradient(90deg, #010D34 0%, #006A67 100%);
  box-shadow: 0px 4px 30px 0px rgba(9, 140, 136, 0.4), 0px 4px 20px 0px rgba(1, 13, 52, 0.2);
}
.dhq-new-bnt-wrapper .shimmer-button.normal-btn:hover, .dhq-new-bnt-wrapper .shimmer-button.normal-green-btn:hover {
  opacity: 0.8;
}
.dhq-new-bnt-wrapper .shimmer-button a {
  z-index: 2;
  position: relative;
  display: inline-block;
  color: white;
  border: none;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-size: 20px;
  line-height: 24px;
  transition: transform 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 768px) {
  .dhq-new-bnt-wrapper .shimmer-button a {
    font-size: 14px;
    line-height: 18px;
  }
}
.dhq-new-bnt-wrapper .shimmer-button a span {
  border-radius: 12px;
  padding: 16px 24px;
}
.dhq-new-bnt-wrapper .shimmer-button a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  color: #0f0;
  /* hover text color */
  transition: transform 0.5s ease;
}
@media (max-width: 600px) {
  .dhq-new-bnt-wrapper .shimmer-button {
    margin: auto !important;
  }
}
.dhq-new-bnt-wrapper {
  /* Hover animation */
}
.dhq-new-bnt-wrapper .shimmer-button:hover a {
  animation: roll-up 1s forwards;
}
.dhq-new-bnt-wrapper .shimmer-button:hover a::after {
  animation: roll-up-after 1s forwards;
}
.dhq-new-bnt-wrapper .fancy-btn {
  --offset: 3px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: -moz-max-content;
  max-width: max-content;
}
.dhq-new-bnt-wrapper {
  /* Conic gradient */
  /* Overlay */
}
.dhq-new-bnt-wrapper .normal-btn {
  border: 2px solid rgba(1, 7, 49, 0.1019607843);
  background: #E7E7DE;
  padding: 14px 24px;
}
.dhq-new-bnt-wrapper .normal-btn a {
  text-decoration: none;
  color: rgba(1, 7, 49, 0.8);
}
.dhq-new-bnt-wrapper .normal-green-btn {
  background: #006A67;
}

.shimmer-button span {
  display: block;
  transition: transform 0.4s ease;
  transform: translateY(0%);
}

.shimmer-button span:nth-child(2) {
  position: absolute;
  top: 100%;
  left: 0;
}

.shimmer-button:hover span:nth-child(1) {
  transform: translateY(-100%);
}

.shimmer-button:hover span:nth-child(2) {
  transform: translateY(-100%);
}

.fancy-zoom-effect-and-slider-wrapper {
  position: relative;
  padding: 70px 0px;
  z-index: 2;
}
@media (max-width: 990px) {
  .fancy-zoom-effect-and-slider-wrapper {
    background: linear-gradient(180deg, #F4F4F4 0%, #006A67 52.88%, #010731 100%);
  }
}
.fancy-zoom-effect-and-slider-wrapper::after {
  content: "";
  background: linear-gradient(180deg, #F4F4F4 0%, #006A67 52.88%, #010731 100%);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: calc(100vh + 40px);
}
@media (max-width: 990px) {
  .fancy-zoom-effect-and-slider-wrapper::after {
    display: none;
  }
}
.fancy-zoom-effect-and-slider-wrapper {
  /* ensure correct stacking context */
  /* full-screen background behind panels */
}
.fancy-zoom-effect-and-slider-wrapper .panel-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh + 0px);
  /* 👈 your color */
  z-index: 2;
  /* stays behind everything */
  background: linear-gradient(180deg, #F4F4F4 0%, #006A67 52.88%, #010731 100%);
}
@media (max-width: 990px) {
  .fancy-zoom-effect-and-slider-wrapper .panel-bg {
    display: none;
  }
}
.fancy-zoom-effect-and-slider-wrapper #panels {
  transform: scale(0.5);
  transform-origin: center top;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper {
  padding-top: 40px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper {
    display: none;
  }
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper .videos-btn-wrapper {
  display: flex;
  gap: 8px;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper .videos-btn-wrapper .video-btn {
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 2px solid transparent;
  margin-bottom: 0px;
  border-radius: 8px;
  gap: 6px;
  text-transform: capitalize !important;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper .videos-btn-wrapper .video-btn.active {
  border: 2px solid #079283;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper .videos-btn-wrapper .video-btn img {
  width: 26px;
  height: 26px;
  display: none;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-btn-wrapper .videos-btn-wrapper .video-btn span {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #075C53;
}
.fancy-zoom-effect-and-slider-wrapper #panels .panels-items-wrapper {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
@media (max-width: 600px) {
  .fancy-zoom-effect-and-slider-wrapper #panels .panels-items-wrapper {
    height: 100%;
    max-height: 220px;
  }
}
.fancy-zoom-effect-and-slider-wrapper .panel-inner {
  display: flex;
  gap: 30px;
  will-change: transform;
  max-width: 1140px !important;
}
.fancy-zoom-effect-and-slider-wrapper .panel-item {
  width: 1140px;
  max-width: 1140px;
  flex-shrink: 0;
  height: calc(100vh - 140px);
  max-height: 765px;
  color: white;
  display: inline-block;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 600px) {
  .fancy-zoom-effect-and-slider-wrapper .panel-item {
    width: 100%;
    height: 100%;
  }
}
.fancy-zoom-effect-and-slider-wrapper .panel-item video {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  max-height: 765px;
  will-change: transform;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 0px;
  -o-object-position: top;
     object-position: top;
  /* ⬅️ THIS FIXES IT */
}
@media (max-width: 600px) {
  .fancy-zoom-effect-and-slider-wrapper .panel-item video {
    width: 100%;
    height: 100%;
  }
}
.fancy-zoom-effect-and-slider-wrapper .panel-item .hero-section-video__element {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@media (max-width: 600px) {
  .fancy-zoom-effect-and-slider-wrapper .panel-inner {
    display: none;
  }
}
.fancy-zoom-effect-and-slider-wrapper .panel-inner.mobile-view-wrapper {
  display: none;
}
@media (max-width: 600px) {
  .fancy-zoom-effect-and-slider-wrapper .panel-inner.mobile-view-wrapper {
    display: flex !important;
  }
  .fancy-zoom-effect-and-slider-wrapper .panel-inner.mobile-view-wrapper img {
    width: 100%;
    height: 100%;
  }
}

.dhq-agents-title h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-style: Medium;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -4%;
  text-align: center;
  color: #F8F8F8;
}
@media (max-width: 768px) {
  .dhq-agents-title h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.dhq-multi-agent-mode-wrapper .dhq-section-container {
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Dot-Grid-1-1.png);
  background-position: center top 200px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 50px;
}
@media (max-width: 600px) {
  .dhq-multi-agent-mode-wrapper .dhq-section-container {
    background-size: contain;
    padding-top: 50px;
    background-position: center top 50px;
    padding-bottom: 0px;
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents-title {
  max-width: 748px;
  margin: auto;
  margin-bottom: 32px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents {
  margin-top: 60px;
  margin-bottom: 50px;
  color: #fff;
  font-family: "Inter", sans-serif;
}
@media (max-width: 600px) {
  .dhq-multi-agent-mode-wrapper .dhq-agents {
    margin-bottom: -85px;
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents__container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__left, .dhq-multi-agent-mode-wrapper .dhq-agents__right {
  background: linear-gradient(0deg, #010731, #010731), linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06));
  border-radius: 12px;
  padding: 35px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__left::before, .dhq-multi-agent-mode-wrapper .dhq-agents__right::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 12px;
  background: linear-gradient(90deg, #006A67 4.8%, #010731 92.8%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__left {
  max-width: 445px;
  position: relative;
  flex: 1;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__left::after {
  content: "";
  width: 300px;
  height: 100%;
  position: absolute;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Ellipse-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  right: -50px;
  top: 0px;
  pointer-events: none;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__right {
  max-width: 648px;
  flex: 1.2;
}
.dhq-multi-agent-mode-wrapper .dhq-agents .dhq-agents__left.full-width {
  flex: 1;
  max-width: 100%;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__subtitle {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-style: Medium;
  font-size: 14px;
  line-height: 22.8px;
  text-align: left;
  margin-bottom: 12px;
  color: var(--yellow);
}
@media (max-width: 600px) {
  .dhq-multi-agent-mode-wrapper .dhq-agents__subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents .ai-commin-text {
  background: rgba(231, 231, 222, 0.2);
  padding: 2px 12px;
  vertical-align: middle;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Italic;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  border-radius: 50px;
  margin-left: 18px;
}
@media (max-width: 600px) {
  .dhq-multi-agent-mode-wrapper .dhq-agents .ai-commin-text {
    margin-left: 0px;
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents .ai-commin-text svg {
  margin-bottom: 1px;
  margin-right: 5px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__title {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-style: Medium;
  font-size: 22.8px;
  line-height: 30.4px;
  letter-spacing: -4%;
  margin-bottom: 30px;
  color: #EEEEEE;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__icons {
  display: flex;
  gap: 10px;
  margin-bottom: 24px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__icons .dhq-agents__icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.0196078431);
  backdrop-filter: blur(7.0490694046px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(189, 189, 189, 0.6);
  transition: background-color 0.3s ease, border 0.3s ease;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__icons .dhq-agents__icon img {
  width: 60%;
  height: auto;
  filter: grayscale(100%);
  transition: filter 0.3s ease, transform 0.3s ease;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__icons .dhq-agents__icon.active {
  background-color: rgba(52, 168, 151, 0.1019607843);
  border: 1px solid rgba(52, 168, 151, 0.7058823529);
}
.dhq-multi-agent-mode-wrapper .dhq-agents__icons .dhq-agents__icon.active img {
  filter: grayscale(0%);
  transform: scale(1);
  /* optional: subtle zoom effect */
}
.dhq-multi-agent-mode-wrapper .dhq-agents__subsubtitle {
  font-family: var(--inter-font-family) !important;
  font-weight: var(--inter-font-weight-medium);
  font-style: Medium;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: -2%;
  text-align: left;
  color: #EEEEEE;
  margin-bottom: 10px;
  opacity: 0.8;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__instruction-box {
  background: rgba(255, 255, 255, 0.0588235294);
  border-radius: 10px;
  border: 0.76px solid rgba(244, 244, 244, 0.2);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 18px;
  z-index: 1;
  margin-top: 12px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__instruction-box .ins-title {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -2%;
  color: rgba(210, 210, 210, 0.6980392157);
  margin-bottom: 10px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__instruction-box .obj-title {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  text-align: left;
  color: #C3BDBD;
  margin-bottom: -10px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__instruction-box .obj-des {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: rgba(210, 210, 210, 0.8);
}
.dhq-multi-agent-mode-wrapper .dhq-agents__smalltitle {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 11.4px;
  line-height: 100%;
  letter-spacing: -2%;
  text-align: left;
  color: #D2D2D2;
  margin-bottom: 12px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__lines {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__lines .dhq-agents__line {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: rgba(217, 217, 217, 0.2);
  animation: slideFade 1.4s infinite alternate;
  position: relative;
  overflow: hidden;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__lines .dhq-agents__line:first-child {
  max-width: 215px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__lines .dhq-agents__line:nth-child(2) {
  max-width: 255px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__lines .dhq-agents__line:before {
  background: rgba(217, 217, 217, 0.2);
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  /* start just outside left */
  width: 20px;
  /* flash width */
  height: 100%;
  animation: flashMove 3s linear infinite;
}
@keyframes flashMove {
  0% {
    left: -20px;
    /* start outside left */
  }
  100% {
    left: 100%;
    /* move past the right edge */
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents {
  /* --- Chat Section --- */
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chatbox {
  display: flex;
  flex-direction: column;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  margin-top: 1rem;
}
.dhq-multi-agent-mode-wrapper .dhq-agents .chart_and_user_icon_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg {
  padding: 0.8rem 1rem;
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-style: Regular;
  font-size: 17.1px;
  line-height: 100%;
  background: rgba(119, 119, 119, 0.3490196078);
  max-width: 325px;
  border-radius: 8px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--user {
  align-self: flex-end;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--bot {
  align-self: flex-start;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--system {
  align-self: center;
  background: #010731;
  box-shadow: 0px 6.37px 31.85px 0px rgba(244, 244, 244, 0.1490196078);
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 17.52px;
  line-height: 100%;
  padding: 22px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--system .icon-2 {
  margin-left: -12px;
}
@media (max-width: 600px) {
  .dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--system .icon-1,
  .dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--system .icon-2 {
    max-width: 20px;
  }
}
@media (max-width: 768px) {
  .dhq-multi-agent-mode-wrapper .dhq-agents__container {
    flex-direction: column;
    align-items: center;
  }
  .dhq-multi-agent-mode-wrapper .dhq-agents__left, .dhq-multi-agent-mode-wrapper .dhq-agents__right {
    max-width: 100%;
  }
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--user,
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--bot,
.dhq-multi-agent-mode-wrapper .dhq-agents__chat-msg--system {
  /* keep in default position normally */
  transform: translate(0, 0);
}
.dhq-multi-agent-mode-wrapper {
  /* Trigger animation on hover */
}
.dhq-multi-agent-mode-wrapper .chatHover {
  margin-top: 60px !important;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat.chatHover:hover .dhq-agents__chat-msg--user {
  animation: slideInUser 1s forwards;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat.chatHover:hover .dhq-agents__chat-msg--bot {
  animation: slideInBot 1s forwards;
}
.dhq-multi-agent-mode-wrapper .dhq-agents__chat.chatHover:hover .dhq-agents__chat-msg--system {
  animation: slideInSystem 1s forwards;
}

.model-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  margin-right: auto;
  margin-top: 34px;
}
.model-wrapper .model-items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.model-wrapper .model-items .model-label {
  display: inline-block;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 50px;
  margin-right: 15px;
}
.model-wrapper .model-items ul {
  box-shadow: 0px 3.35px 20.08px 0px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 100%;
  border: 0.6px solid rgba(189, 189, 189, 0.6);
  padding: 9px 11px 9px 11px;
  position: relative;
}
.model-wrapper .model-items ul svg {
  position: absolute;
  top: 24px;
  right: 23px;
}
.model-wrapper .model-items ul li {
  padding: 6px;
  list-style: none;
  transition: background-color 0.3s ease, border 0.3s ease;
  border: 1px solid transparent;
}
.model-wrapper .model-items ul li span {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 14.05px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}
.model-wrapper .model-items ul li.active {
  background-color: rgba(233, 233, 233, 0.2);
  border: 1px solid rgba(244, 244, 244, 0.1019607843);
  border-radius: 2px;
}

@media (max-width: 768px) {
  .knowledgeBaseWrapper {
    margin-top: 115px !important;
  }
}
@media (max-width: 768px) {
  .knowledgeBaseWrapper .grid-container {
    gap: 72px !important;
  }
}
.knowledgeBaseWrapper .grid-container .grid-item:nth-child(2) {
  margin-right: -74px;
  margin-left: 65px;
}
@media (max-width: 768px) {
  .knowledgeBaseWrapper .grid-container .grid-item:nth-child(2) {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.knowledgeBaseWrapper .grid-container .grid-item:last-child {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .knowledgeBaseWrapper .grid-container .grid-item:last-child {
    justify-content: center;
  }
}
.knowledgeBaseWrapper .grid-container .grid-item:last-child img {
  z-index: 3;
}
.knowledgeBaseWrapper .dhq-agents__chat {
  margin-top: 0px;
}
.knowledgeBaseWrapper .dhq-agents__chat-msg--user .dhq-agents__chat-msg {
  font-size: 15px;
  line-height: 22px;
}
.knowledgeBaseWrapper .agenticon-wrapper {
  display: flex;
}
.knowledgeBaseWrapper .dhq-agents__chat-msg--bot.ticket-text-wrapper {
  margin-top: -22px;
  position: relative;
}
.knowledgeBaseWrapper .dhq-agents__chat-msg--bot.ticket-text-wrapper::after {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: 2px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 4px, rgba(107, 237, 185, 0.244) 4px, rgba(107, 237, 185, 0.292) 8px);
  position: absolute;
  left: 100%;
}
@media (max-width: 768px) {
  .knowledgeBaseWrapper .dhq-agents__chat-msg--bot.ticket-text-wrapper::after {
    left: 43px;
    transform: rotate(90deg);
    top: calc(100% + 90px);
  }
}
.knowledgeBaseWrapper .dhq-agents__chat-msg--bot:not(.ticket-text-wrapper) .dhq-agents__chat-msg {
  font-size: 18px;
  line-height: 30px;
  background: unset;
  color: rgba(255, 255, 255, 0.8980392157);
  padding: 0px;
}
.knowledgeBaseWrapper .dhq-agents__chat-msg--bot.ticket-text-wrapper .dhq-agents__chat-msg {
  font-size: 18px;
  line-height: 30px;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.6980392157);
  z-index: 2;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box {
  gap: 0px;
  padding: 22px 1rem;
  height: 100%;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box > div:not(.dhq-agents__lines) {
  overflow: hidden;
  position: relative;
  margin-bottom: 18px;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box > div:not(.dhq-agents__lines) span {
  display: block;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 16.15px;
  line-height: 100%;
  letter-spacing: -2%;
  text-align: center;
  color: #F4F4F4;
  margin-bottom: 14px;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box > div:not(.dhq-agents__lines) .bottom-line {
  background: linear-gradient(90deg, rgba(202, 202, 202, 0) 0%, rgba(202, 202, 202, 0.4) 31.25%, rgba(202, 202, 202, 0) 100%);
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  height: 2px;
  margin: 0px;
  bottom: 0px;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box P {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 15.2px;
  line-height: 100%;
  color: #D2D2D2;
  margin-bottom: 35px;
}
.knowledgeBaseWrapper .dhq-agents__instruction-box.maintenance-ticket-connector-box .dhq-agents__lines {
  gap: 20px;
}
.knowledgeBaseWrapper .file-icon-wrapper {
  position: relative;
}
.knowledgeBaseWrapper .file-icon-wrapper::after {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: 2px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 4px, rgba(107, 237, 185, 0.244) 4px, rgba(107, 237, 185, 0.292) 8px);
  position: absolute;
  right: 0px;
}
@media (max-width: 768px) {
  .knowledgeBaseWrapper .file-icon-wrapper::after {
    left: 0px;
    transform: rotate(90deg);
    top: -120px;
  }
}

/* --- Container / visual style --- */
.typing {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-size: 16px;
  color: #111;
  /* text color used for dots via currentColor */
}

/* Visually hidden text for screen-readers */
.sr-only {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

/* --- The dots --- */
.typing .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: translateY(0);
  background: rgba(244, 244, 244, 0.2);
  /* animation: name duration timing- fn iteration-count */
  animation: dotBounce 0.9s ease-in-out infinite;
  will-change: transform, opacity;
}

/* Stagger delays so dots animate sequentially */
.typing .dot:nth-child(1) {
  animation-delay: 0s;
  background: rgba(244, 244, 244, 0.2);
}

.typing .dot:nth-child(2) {
  animation-delay: 0.15s;
  background: rgba(244, 244, 244, 0.2);
}

.typing .dot:nth-child(3) {
  animation-delay: 0.3s;
  background: rgba(244, 244, 244, 0.5019607843);
}

.typing .dot:nth-child(4) {
  animation-delay: 0.3s;
  background: #FFFFFF;
}

/* Optional: variant for bigger dots (chat bubble) */
.typing.large {
  font-size: 22px;
}

.typing.large .dot {
  width: 12px;
  height: 12px;
}

.integration-section-wrapper .dhq-section-content {
  padding: 0px !important;
}

.integration-strip {
  position: relative;
  overflow: hidden;
  padding-top: 180px;
  padding-bottom: 130px;
}
@media (max-width: 768px) {
  .integration-strip {
    padding-bottom: 250px;
    padding-top: 80px;
  }
}
.integration-strip .integration-row {
  display: flex;
  overflow: hidden;
  margin: 12px 0;
  position: relative;
}
.integration-strip .integration-row .integration-track {
  display: flex;
  will-change: transform;
}
.integration-strip .integration-row .integration-track img {
  width: 90px;
  height: 90px;
  margin: 0 30px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 22px;
  backdrop-filter: blur(12.5263156891px);
  border: 1.25px solid #DDDDDD;
}
@media (max-width: 600px) {
  .integration-strip .integration-row .integration-track img {
    width: 70px;
    height: 70px;
    margin: 0 20px;
    padding: 14px;
  }
}
.integration-strip .integration-row .right-flot {
  animation: none !important;
}
.integration-strip .integration-row .left-flot {
  animation: none !important;
}
.integration-strip .integration-row.middle {
  justify-content: center;
  position: relative;
  overflow: visible;
  margin: 30px 0px;
}
.integration-strip .integration-row.middle .center-card-wrapper {
  position: absolute;
  height: 112px;
  width: 100%;
  max-width: 523px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .integration-strip .integration-row.middle .center-card-wrapper {
    top: 322px;
    width: calc(100% - 16px);
  }
}
.integration-strip .integration-row.middle .center-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(25px);
  box-shadow: 0px 3px 29px rgba(123, 106, 232, 0.3);
  border-radius: 20px;
  opacity: 0;
  animation: rollCards 12s infinite linear;
  will-change: transform, opacity;
}
@media (max-width: 600px) {
  .integration-strip .integration-row.middle .center-card {
    gap: 8px;
    padding: 12px;
  }
}
.integration-strip .integration-row.middle .center-card p {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 19.99px;
  line-height: 29.98px;
  width: 245px;
  white-space: break-spaces;
}
@media (max-width: 768px) {
  .integration-strip .integration-row.middle .center-card p {
    font-size: 14px;
    line-height: 18px;
    padding: 12px;
  }
}
.integration-strip .integration-row.middle .center-card p::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #FFFFFF 0%, #A79CEA 45.67%, #FFFFFF 100%);
  height: 100%;
  max-height: 92px;
  width: 2px;
  top: 0px;
  left: 290px;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .integration-strip .integration-row.middle .center-card p::after {
    left: 150px;
    display: none;
  }
}
.integration-strip .integration-row.middle .center-card span {
  font-weight: 600;
  background: linear-gradient(93.57deg, #000202 2.94%, #6BEDB9 122.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 15px;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 29.98px;
  line-height: 34.36px;
  letter-spacing: -2%;
  text-align: center;
}
@media (max-width: 768px) {
  .integration-strip .integration-row.middle .center-card span {
    font-size: 18px;
    line-height: 22px;
  }
}
.integration-strip .integration-row.middle .center-card:nth-child(1) {
  animation-delay: 0s;
}
.integration-strip .integration-row.middle .center-card:nth-child(2) {
  animation-delay: 4s;
}
.integration-strip .integration-row.middle .center-card:nth-child(3) {
  animation-delay: 8s;
}
.integration-strip .integration-row.middle .center-card:nth-child(3) p {
  width: 100%;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.integration-strip .integration-row.middle .center-card:nth-child(3) p::after {
  display: none;
}

@keyframes rollCards {
  0% {
    opacity: 1;
    transform: translateY(112px);
  }
  15% {
    opacity: 1;
    transform: translateY(0);
  }
  /* fade in */
  45% {
    opacity: 1;
    transform: translateY(0);
  }
  /* stay visible */
  60% {
    opacity: 1;
    transform: translateY(-112px);
  }
  /* fade out & move up */
  100% {
    opacity: 1;
    transform: translateY(-112px);
  }
}
.ai-governance-section-wrapper {
  background: #F4F4F4;
}
.ai-governance-section-wrapper .dhq-section-content {
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Grid.png);
  background-position: center top 74px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0px !important;
  padding-top: 74px !important;
}
.ai-governance-section-wrapper .grid-container {
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 76px !important;
}
@media (max-width: 600px) {
  .ai-governance-section-wrapper .grid-container {
    gap: 30px !important;
  }
}
.ai-governance-section-wrapper .grid-container .grid-item {
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: column;
}
.ai-governance-section-wrapper .grid-container .grid-item:first-child {
  padding-left: 24px;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-title h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  color: #161832;
  font-size: 48px;
  line-height: 100%;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-title h2 {
    font-size: 24px;
  }
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-description {
  max-width: 500px;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-description,
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-description p {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 28px;
  color: #5D5D5D;
}
@media (max-width: 600px) {
  .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-description,
  .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-description p {
    font-size: 18px;
    line-height: 24px;
  }
}
.ai-governance-section-wrapper .grid-container .grid-item .grid-item:last-child {
  align-items: end;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper {
  overflow: hidden;
  width: 100%;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 36px;
  border: 1px solid rgba(35, 126, 124, 0.5019607843);
  background-color: #F3F2F4;
}
@media (max-width: 600px) {
  .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box {
    padding: 16px;
  }
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box:nth-child(2) {
  border-top: 1px solid rgba(35, 126, 124, 0.5019607843);
  border-bottom: 1px solid rgba(35, 126, 124, 0.5019607843);
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box .icon-box-title {
  width: 100%;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box .icon-box-title h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  max-width: 90%;
}
@media (max-width: 600px) {
  .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box .icon-box-title h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box .icon-wrapper {
  max-width: 70px;
}
.ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box .icon-wrapper img {
  width: 68px;
  height: 68px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ai-platform-section-wrapper .dhq-guides_guide-top {
  top: 60px !important;
}
.ai-platform-section-wrapper .dhq-section-content {
  padding-top: 180px !important;
  padding-bottom: 120px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper {
  display: flex;
  flex-direction: column;
  border: solid 1px #D3D9DB;
  border-radius: 16px;
  position: relative;
}
@media (max-width: 600px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper {
    margin-top: 140px;
    margin-bottom: 80px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  border-bottom: 1px solid #E0E0E0;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper > div {
  display: flex;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0px 12px;
  gap: 12px;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper > div {
    padding-right: 22px;
    padding-left: 0px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper img {
  width: 100%;
  height: auto;
  max-width: 130px;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper img {
    max-width: 60px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-header-wrapper .ai-header-left {
  padding-left: 73px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-right-side-bar-wrapper {
  max-width: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  top: 15px;
  height: calc(100% - 70px);
  background: #fff;
  flex-direction: column;
  position: absolute;
  padding: 9px;
  left: 16px;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-right-side-bar-wrapper {
    max-height: 300px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-right-side-bar-wrapper img {
  max-width: 28px;
  max-height: 28px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper {
  display: flex;
  width: 100%;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper {
    flex-direction: column;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper {
  width: calc(100% - 480px);
  padding: 43px 62px;
  padding-left: 80px;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper {
    padding: 43px 26px;
    padding-left: 84px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper h2,
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper p {
  max-width: 565px;
  margin: auto;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -4%;
  color: #161832;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper h2 {
    font-size: 24px;
    line-height: 100%;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-title-desc-wrapper p {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #5D5D5D;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-chat-bot-wrapper {
  width: 100%;
  max-width: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Dot-Grid-light-1-scaled.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-chat-bot-wrapper {
    padding: 40px;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-chat-bot-wrapper #ai-agent-svg svg {
  width: 400px;
  height: 100%;
  box-shadow: 0px 0px 8.73px 0px rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 768px) {
  .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-wrapper .ai-chat-bot-wrapper #ai-agent-svg svg {
    width: 100%;
  }
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E0E0E0;
  padding-left: 12px;
  padding-right: 12px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left {
  position: relative;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left::before, .ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: #D3D9DB;
  top: -5px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left::before {
  left: 18px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left::after {
  right: -12px;
}
.ai-platform-section-wrapper .dhq-section-content .ai-sectin-content-wrapper .ai-content-footer .ai-footer-left img {
  position: relative;
}
.ai-cta-wrapper {
  background: #010831;
}
.ai-cta-wrapper .dhq-section-container {
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/10/Bg-image-scaled.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 768px) {
  .ai-cta-wrapper .dhq-section-container {
    background-size: cover;
  }
}
.ai-cta-wrapper .dhq-section-content {
  padding: 110px 0px !important;
  max-width: 660px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .ai-cta-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content {
    padding: 80px 22px !important;
  }
}
.ai-cta-wrapper .dhq-new-title-wrapper .dhq-new-title {
  color: #F4F4F4;
}
.ai-cta-wrapper .hero-text-wrapper,
.ai-cta-wrapper .hero-text-wrapper p {
  color: #84858D;
}

.new-faqs {
  background: #f4f4f4;
}
.new-faqs__container {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
}
.new-faqs__container .dhq-new-bnt-wrapper {
  text-align: left;
  align-items: start;
  justify-content: left;
  justify-self: baseline;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .new-faqs__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 600px) {
  .new-faqs__left {
    padding: 0px 16px;
  }
}
.new-faqs__left .new-faqs__title {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  color: #161832;
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .new-faqs__left .new-faqs__title {
    font-size: 24px;
  }
}
.new-faqs__left .new-faqs__subtitle {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 28px;
  color: #161832;
}
.new-faqs__left .new-faqs__desc {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 26px;
  color: rgba(22, 24, 50, 0.6980392157);
}
.new-faqs__left .new-faqs__btn {
  margin-top: 40px;
  background: #E7E7DE;
  border: 1px solid #ccc;
  color: #000;
  padding: 12px 42px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
.new-faqs__left .new-faqs__btn:hover {
  background: #d6d6c8;
}
.new-faqs__right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.new-faqs__right .new-faqs__item {
  border-bottom: 1px solid #eee;
  padding: 15px 16px;
  border-radius: 8px;
  border: 1px solid rgba(27, 34, 60, 0.1019607843);
  opacity: 0.6;
}
.new-faqs__right .new-faqs__item .new-faqs__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.new-faqs__right .new-faqs__item .new-faqs__question span:first-child {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #1B223C;
}
.new-faqs__right .new-faqs__item .new-faqs__question .new-faqs__icon {
  font-size: 22px;
  font-weight: bold;
  transition: transform 0.2s ease;
}
.new-faqs__right .new-faqs__item .new-faqs__answer {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1B223C;
  margin-top: 16px;
  display: none;
  max-width: 540px;
  overflow: hidden;
}
.new-faqs__right .new-faqs__item .new-faqs__answer ul {
  margin: 10px 10px 10px 20px;
}
.new-faqs__right .new-faqs__item .new-faqs__answer ul li {
  list-style: disc;
}
.new-faqs__right .new-faqs__item.active {
  opacity: 1;
}
.new-faqs__right .new-faqs__item.active .new-faqs__answer {
  display: block;
  animation: fadeIn 0.3s ease;
}
.new-faqs__right .new-faqs__item.active .new-faqs__icon {
  transform: rotate(180deg);
}
.new-faqs__right .faq-read-more {
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  text-decoration: underline;
  font-family: var(--inter-font-family) !important;
  opacity: 0.6;
  color: rgb(27, 34, 60);
  font-weight: 600;
}

.ai-agent-pricing-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content {
  padding-top: 174px !important;
  padding-bottom: 100px !important;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content {
    padding: 80px 22px !important;
  }
}
.ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper {
    padding: 0px 16px !important;
  }
}
.ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -4%;
  text-align: center;
  color: #010731;
  margin-bottom: 14px;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper h2 {
    font-size: 24px;
  }
}
.ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper .ai-price-dec,
.ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper .ai-price-dec p {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  color: #5D5D5D;
  max-width: 830px;
  margin: auto;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper .ai-price-dec,
  .ai-agent-pricing-wrapper .ai-pricing-title-dec-wrapper .ai-price-dec p {
    font-size: 18px;
    line-height: 24px;
  }
}
.ai-agent-pricing-wrapper .switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 8px;
  border: 1px solid #D2D2D2;
  margin: auto;
  margin-top: 28px;
  border-radius: 36px;
  background: #F4F4F4;
  display: flex;
  max-width: -moz-max-content;
  max-width: max-content;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .switch-wrapper {
    margin-bottom: 30px;
  }
}
.ai-agent-pricing-wrapper .switch-wrapper [type=radio] {
  position: absolute;
  left: -9999px;
}
.ai-agent-pricing-wrapper .switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
  color: rgba(1, 7, 49, 0.6) !important;
  margin-bottom: 0px !important;
  transition: all 0.4s ease-in-out;
  font-weight: 600;
}
.ai-agent-pricing-wrapper .switch-wrapper label:hover {
  opacity: 0.8;
}
.ai-agent-pricing-wrapper .switch-wrapper [type=radio]:checked#monthly + label[for=yearly] ~ .highlighter {
  transform: translateX(100%);
}
.ai-agent-pricing-wrapper .switch-wrapper [type=radio]:checked#yearly + label[for=monthly] ~ .highlighter {
  transform: none;
}
.ai-agent-pricing-wrapper .switch-wrapper.active label[for=yearly] {
  color: #010731 !important;
}
.ai-agent-pricing-wrapper .switch-wrapper.active label[for=monthly] {
  color: rgba(1, 7, 49, 0.6) !important;
}
.ai-agent-pricing-wrapper .switch-wrapper label[for=monthly] {
  color: rgba(0, 17, 0, 0.4666666667) !important;
}
.ai-agent-pricing-wrapper .switch-wrapper label:hover {
  background: var(--lightgray);
}
.ai-agent-pricing-wrapper .switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 12px;
  background: #D4D4D3;
  border: 1px solid #D2D2D2;
  transition: transform 0.25s ease-in-out;
  border-radius: 31px;
}
.ai-agent-pricing-wrapper .dhq-pricing-block-wrapper {
  max-width: 100%;
  background: linear-gradient(180deg, #26BC6A 0%, #26404E 104.01%);
}
.ai-agent-pricing-wrapper .dhq-pricing-block-wrapper .Section_backgroundMask,
.ai-agent-pricing-wrapper .dhq-tab-container .Section_backgroundMask {
  z-index: -1;
  left: 0px;
}
.ai-agent-pricing-wrapper .dhq-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 16px;
}
.ai-agent-pricing-wrapper .dhq-pricing-block-wrapper .pricing-hero-banner-wrapper h1 {
  max-width: 60%;
  padding-top: 92px;
  padding-bottom: 112px;
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  text-align: left;
  color: #fff;
}
.ai-agent-pricing-wrapper .CopyBody.CopyBody--variantDetail.dhq-tab1,
.ai-agent-pricing-wrapper .CopyBody.CopyBody--variantDetail.dhq-tab2 {
  display: none;
}
.ai-agent-pricing-wrapper .CopyBody.CopyBody--variantDetail.dhq-tab1.dhq-active-panel,
.ai-agent-pricing-wrapper .CopyBody.CopyBody--variantDetail.dhq-tab2.dhq-active-panel {
  display: block;
}
.ai-agent-pricing-wrapper .dhq-tabs {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ai-agent-pricing-wrapper .dhq-tab-button {
  padding: 27px 36px;
  background-color: rgb(216, 243, 228);
  border: 1px solid rgb(38, 64, 78);
  cursor: pointer;
  flex: 1;
  text-align: center;
  border-top: 0px;
}
.ai-agent-pricing-wrapper .dhq-tab-button:first-child {
  border-top-left-radius: 8px;
}
.ai-agent-pricing-wrapper .dhq-tab-button:last-child {
  border-top-right-radius: 8px;
}
.ai-agent-pricing-wrapper .dhq-tab-button.dhq-active-tab {
  border: 1px solid transparent;
  border-top: 0px;
}
.ai-agent-pricing-wrapper .dhq-tab-button h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  text-align: left;
  color: rgb(0, 0, 0);
}
.ai-agent-pricing-wrapper .dhq-tab-button span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.29px;
  letter-spacing: 0.03em;
  text-align: left;
  color: rgba(38, 64, 78, 0.8);
}
.ai-agent-pricing-wrapper .dhq-tab-panel {
  display: none;
}
.ai-agent-pricing-wrapper .dhq-active-tab {
  background-color: #fff;
  color: white;
}
.ai-agent-pricing-wrapper .dhq-active-panel {
  display: block;
}
.ai-agent-pricing-wrapper {
  /* The toggle switch container */
}
.ai-agent-pricing-wrapper .dhq-switch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 34px;
  margin: 0 4px;
}
.ai-agent-pricing-wrapper {
  /* Hide the default checkbox */
}
.ai-agent-pricing-wrapper .dhq-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ai-agent-pricing-wrapper {
  /* The slider */
}
.ai-agent-pricing-wrapper .dhq-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(38, 188, 106);
  transition: 0.4s;
  border-radius: 34px;
}
.ai-agent-pricing-wrapper {
  /* The circle inside the slider */
}
.ai-agent-pricing-wrapper .dhq-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 6px;
  bottom: 6px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.ai-agent-pricing-wrapper {
  /* Checkbox checked - move the slider and change background color */
}
.ai-agent-pricing-wrapper input:checked + .dhq-slider {
  background-color: rgb(38, 188, 106);
}
.ai-agent-pricing-wrapper input:checked + .dhq-slider:before {
  transform: translateX(28px);
}
.ai-agent-pricing-wrapper .total-saving {
  display: block;
  top: 12px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: ce ter;
  color: rgb(38, 188, 106);
  width: 115px;
  align-items: center;
  justify-content: center;
  margin-left: -20px;
  top: 30px;
}
.ai-agent-pricing-wrapper .pricing-header-wrapper {
  display: flex;
  gap: 40px;
  padding-top: 78px;
  padding-bottom: 48px;
}
.ai-agent-pricing-wrapper .pricing-header-wrapper > div {
  width: calc(50% - 20px);
}
.ai-agent-pricing-wrapper .title-and-dec-wrapper {
  position: relative;
}
.ai-agent-pricing-wrapper .title-and-dec-wrapper h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
  text-align: left;
  margin-bottom: 15px;
  color: #26404E;
  max-width: -moz-max-content;
  max-width: max-content;
}
.ai-agent-pricing-wrapper .title-and-dec-wrapper p {
  font-size: 17px;
  font-weight: 400;
  line-height: 24.38px;
  text-align: left;
  color: rgba(38, 64, 78, 0.8);
  margin-bottom: 0px;
}
.ai-agent-pricing-wrapper .title-and-dec-wrapper span {
  position: absolute;
  top: -28px;
  display: block;
  right: -40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  color: rgb(51, 186, 236);
}
.ai-agent-pricing-wrapper .title-and-dec-wrapper span svg {
  position: relative;
  top: 10px;
  right: 10px;
}
.ai-agent-pricing-wrapper .toggle-btn-wrapper {
  display: flex;
  justify-content: end;
  gap: 40px;
}
.ai-agent-pricing-wrapper .toggle-btn-wrapper .toggle-btn {
  display: flex;
}
.ai-agent-pricing-wrapper .toggle-btn-wrapper .toggle-btn > span {
  color: rgb(133, 148, 156);
  font-size: 17px;
  font-weight: 500;
  line-height: 20.72px;
  text-align: left;
  margin-top: 5px;
}
.ai-agent-pricing-wrapper .toggle-btn span.active {
  font-weight: 600;
  color: rgb(38, 188, 106);
}
.ai-agent-pricing-wrapper .monthly {
  display: none;
}
.ai-agent-pricing-wrapper .dhq-pricing-cards-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-top: 46px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card {
  flex: 1;
  border: 1px solid rgba(209, 210, 219, 0.9);
  padding: 35px 20px;
  border-radius: 16px;
  position: relative;
  box-shadow: 0px 4px 30px 0px rgba(38, 188, 106, 0.1);
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-title-dec {
  margin-bottom: 28px;
  padding-left: 12px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-title-dec h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 39px;
  text-align: left;
  color: rgb(38, 64, 78);
  margin-bottom: 8px;
  font-family: var(--inter-font-family) !important;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-title-dec p {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0px;
  font-family: var(--inter-font-family) !important;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price {
  display: flex;
  position: relative;
  margin-bottom: 28px;
  align-items: center;
  justify-content: start;
  padding-left: 12px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price div .price {
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-align: left;
  margin-right: 9px;
  color: rgb(38, 64, 78);
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price .price-dec {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: rgb(38, 64, 78);
  cursor: pointer;
  -webkit-text-decoration: underline dotted rgb(222, 222, 222);
          text-decoration: underline dotted rgb(222, 222, 222);
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-dec:hover .infoTooltip {
  visibility: visible;
  opacity: 1;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .infoTooltip {
  position: absolute;
  left: 0;
  background: #26404e;
  color: #fff;
  padding: 16px 20px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 6px;
  transition: 0.3s;
  visibility: hidden;
  top: calc(100% + 10px);
  opacity: 0;
  width: 100%;
  z-index: 1;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price.custom-price {
  flex-direction: column;
  align-items: start;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price.custom-price div .price {
  font-size: 16px;
  line-height: 30px;
  margin-right: 0px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-price.custom-price .price-dec {
  max-width: 100%;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .btn-price {
  margin-bottom: 28px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .btn-price a {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  background: linear-gradient(97.29deg, #006A67 22.99%, #010731 106.84%);
  padding: 10px;
  display: block;
  border: 1px solid #006A67;
  color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .btn-price a:hover {
  background: linear-gradient(90deg, #010D34 0%, #006A67 100%);
  box-shadow: 0px 4px 30px 0px rgba(9, 140, 136, 0.4), 0px 4px 20px 0px rgba(1, 13, 52, 0.2);
}
.ai-agent-pricing-wrapper .dhq-pricing-card .btn-price a:hover {
  background-color: #158bb6 !important;
  border: 1px solid #158bb6 !important;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .btn-price a svg {
  width: 14px;
  height: 14px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 0px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme {
  display: flex;
  gap: 14px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme.read-more-btn {
  justify-content: center;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme.read-more-btn span {
  text-decoration: underline;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  /* display: inline-block; */
  color: rgba(38, 64, 78, 0.8);
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme span.list-border-0 {
  border-bottom: 0px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .itme img {
  width: 16px;
  height: 16px;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .dhq-features-titles {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(1, 7, 49, 0.8);
  list-style: none;
}
.ai-agent-pricing-wrapper .dhq-popular {
  position: absolute;
  background-color: #FDEB9E;
  width: 183px;
  height: 36px;
  padding: 10px;
  border-radius: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -18px;
}
.ai-agent-pricing-wrapper .task-based-price:disabled {
  background: unset;
}
.ai-agent-pricing-wrapper .dhq-popular span {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: center;
  color: #010731;
  font-family: var(--inter-font-family) !important;
  display: block;
}
.ai-agent-pricing-wrapper .task-based-price {
  border: 1px solid rgb(38, 188, 106) !important;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: rgb(38, 188, 106);
  -webkit-appearance: none;
  /* Hide the native arrow */
  -moz-appearance: none;
  appearance: none;
  background: url(https://www.dronahq.com/wp-content/uploads/2024/09/Vector.svg) no-repeat right center;
  background-size: 10px;
  background-position: right 16px center;
  background-color: rgb(255, 255, 255);
}
.ai-agent-pricing-wrapper {
  /* table read more button css  */
}
.ai-agent-pricing-wrapper .Comp_Section_layout_Header .Comp_Section_layout_body,
.ai-agent-pricing-wrapper .Comp_Section_layout_Header .Comp_Section_layout_body .category-left-panel {
  height: 400px;
}
.ai-agent-pricing-wrapper .Comp_Section_layout_Header .Comp_Section_layout_body .category-left-panel span {
  display: none;
}
.ai-agent-pricing-wrapper .Comp_Section_layout_Header .Comp_Section_layout_body .category-left-panel span:first-child {
  display: flex;
}
@media (max-width: 600px) {
  .ai-agent-pricing-wrapper .pricing-table-read-more-btn-wrapper {
    bottom: 30px;
  }
}
.ai-agent-pricing-wrapper .pricing-table-read-more-btn-wrapper button {
  font-size: 14px !important;
  background: #c4f8db !important;
  color: #26bc6a !important;
  padding: 10px 34px 10px 34px !important;
  border-radius: 4px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
  text-align: center;
  margin-bottom: 0px;
  border: solid 1px rgb(38, 188, 106);
  text-transform: inherit !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
  position: absolute;
  bottom: 40px;
}
.ai-agent-pricing-wrapper .pricing-table-read-more-btn-wrapper button svg {
  width: 18px;
  transition: fill 0.3s ease;
}
.ai-agent-pricing-wrapper .pricing-table-read-more-btn-wrapper button:hover {
  border: solid 1px #158bb6;
  background: #158bb6 !important;
  color: #fff !important;
}
.ai-agent-pricing-wrapper .pricing-table-read-more-btn-wrapper button:hover svg path {
  fill: #fff !important;
}
.ai-agent-pricing-wrapper #dhq-tab3 {
  width: calc(100% + 64px);
  margin-left: -32px;
}
.ai-agent-pricing-wrapper #dhq-tab3 .iframe-wrapper {
  margin-bottom: 0px !important;
  box-shadow: unset !important;
}
.ai-agent-pricing-wrapper #dhq-tab3 .Section_backgroundMask {
  display: none !important;
}
.ai-agent-pricing-wrapper {
  /* END  table read more button css  */
  /* Responsive - Stack the cards on smaller screens */
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .dhq-container {
    padding: 0 32px;
  }
  .ai-agent-pricing-wrapper .dhq-pricing-block-wrapper .pricing-hero-banner-wrapper h1 {
    max-width: 100%;
    padding-top: 44px;
    padding-bottom: 28px;
    font-size: 28px;
    line-height: 34px;
  }
  .ai-agent-pricing-wrapper .dhq-tabs {
    width: calc(100% + 64px);
    margin-left: -32px;
    border-radius: 0px;
  }
  .ai-agent-pricing-wrapper .dhq-tab-container {
    margin-top: 0px !important;
  }
  .ai-agent-pricing-wrapper .dhq-tab-button {
    padding: 16px 8px;
  }
  .ai-agent-pricing-wrapper .dhq-tab-button:last-child,
  .ai-agent-pricing-wrapper .dhq-tab-button:first-child {
    border-radius: 0px;
  }
  .ai-agent-pricing-wrapper .toggle-btn-wrapper {
    justify-content: center;
  }
  .ai-agent-pricing-wrapper .dhq-tab-button h3 {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
  .ai-agent-pricing-wrapper .dhq-tab-button span {
    display: none;
  }
  .ai-agent-pricing-wrapper .pricing-header-wrapper {
    flex-direction: column;
    padding-top: 38px;
  }
  .ai-agent-pricing-wrapper .pricing-header-wrapper > div {
    width: 100%;
  }
  .ai-agent-pricing-wrapper .title-and-dec-wrapper h2 {
    font-size: 36px;
  }
  .ai-agent-pricing-wrapper .title-and-dec-wrapper p,
  .ai-agent-pricing-wrapper .title-and-dec-wrapper span {
    font-size: 17px;
    line-height: 22px;
  }
  .ai-agent-pricing-wrapper .title-and-dec-wrapper span {
    position: relative;
    top: unset;
    right: unset;
  }
  .ai-agent-pricing-wrapper .title-and-dec-wrapper span svg {
    display: none;
  }
  .ai-agent-pricing-wrapper .toggle-btn-wrapper .toggle-btn > span {
    font-size: 12px;
    line-height: 16px;
  }
  .ai-agent-pricing-wrapper .dhq-switch {
    width: 40px;
    height: 24px;
    margin: 0 2px;
  }
  .ai-agent-pricing-wrapper .dhq-slider:before {
    width: 12px;
    height: 12px;
  }
  .ai-agent-pricing-wrapper input:checked + .dhq-slider:before {
    transform: translateX(16px);
  }
  .ai-agent-pricing-wrapper .total-saving {
    top: 16px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
  }
  .ai-agent-pricing-wrapper .dhq-pricing-cards-wrapper {
    padding-top: 0px;
  }
  .ai-agent-pricing-wrapper .dhq-pricing-cards-wrapper {
    flex-direction: column;
  }
  .ai-agent-pricing-wrapper .dhq-pricing-card {
    width: 100%;
  }
  .ai-agent-pricing-wrapper .toggle-btn-wrapper {
    gap: 18px;
  }
}
.ai-agent-pricing-wrapper .table-header-wrapper {
  position: fixed;
  top: 64px;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2;
  left: 0px;
  margin: auto;
  padding-top: 30px;
  background: #efefef;
}
.ai-agent-pricing-wrapper #features1 .ComparisonLabel .dhq_header {
  background: rgba(4, 100, 155, 0.3294117647) !important;
}
.ai-agent-pricing-wrapper #features1 .price-small-text {
  display: none !important;
}
.ai-agent-pricing-wrapper .table-header-wrapper .item {
  border: 1px solid #afbccf !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  background: rgba(4, 100, 155, 0.3294117647) !important;
}
.ai-agent-pricing-wrapper .table-header-wrapper .item h5 {
  font-size: 16px;
  color: #333;
}
.ai-agent-pricing-wrapper .pricing-toggle-addons-wrapper {
  position: absolute;
  right: 0px;
  max-width: 1200px;
  left: 0;
  margin: auto;
  z-index: 2;
  height: 57px;
  top: 100px;
  margin: auto;
  text-align: right;
  padding: 0px 16px;
}
.ai-agent-pricing-wrapper .pricing-toggle-addons-wrapper .toggle-btn {
  margin-left: 0px;
  align-items: center;
  display: flex;
  justify-content: end;
}
.ai-agent-pricing-wrapper .s.dhq-tab1,
.ai-agent-pricing-wrapper .s.dhq-tab2 {
  display: none !important;
}
.ai-agent-pricing-wrapper .s.dhq-tab1.dhq-active-panel,
.ai-agent-pricing-wrapper .s.dhq-tab2.dhq-active-panel {
  display: inherit !important;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .read-more-itme {
  display: none;
  opacity: 0;
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
.ai-agent-pricing-wrapper .dhq-pricing-card .price-items-wrapper .read-more-itme.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
.ai-agent-pricing-wrapper .read-more-btn {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .pricing-toggle-addons-wrapper.toggle-btn-wrapper {
    justify-content: flex-end;
    top: 40px;
    right: 16px;
  }
  .ai-agent-pricing-wrapper .pricing-toggle-addons-wrapper .total-saving {
    right: 16px;
    text-align: center;
  }
}
@media (max-width: 1010px) {
  .ai-agent-pricing-wrapper .Starter.s.dhq-tab1,
  .ai-agent-pricing-wrapper .Business.s.dhq-tab1,
  .ai-agent-pricing-wrapper .Enterprise.s.dhq-tab1,
  .ai-agent-pricing-wrapper .Starter.s.dhq-tab2,
  .ai-agent-pricing-wrapper .Business.s.dhq-tab2,
  .ai-agent-pricing-wrapper .Enterprise.s.dhq-tab2 {
    display: none !important;
  }
  .ai-agent-pricing-wrapper #StarterTab.ComparisonTabs:checked + label ~ div > section.Starter.s.dhq-tab1.dhq-active-panel,
  .ai-agent-pricing-wrapper #BusinessTab.ComparisonTabs:checked + label ~ div > section.Business.s.dhq-tab1.dhq-active-panel,
  .ai-agent-pricing-wrapper #EnterpriseTab.ComparisonTabs:checked + label ~ div > section.Enterprise.s.dhq-tab1.dhq-active-panel,
  .ai-agent-pricing-wrapper #StarterTab.ComparisonTabs:checked + label ~ div > section.Starter.s.dhq-tab2.dhq-active-panel,
  .ai-agent-pricing-wrapper #BusinessTab.ComparisonTabs:checked + label ~ div > section.Business.s.dhq-tab2.dhq-active-panel,
  .ai-agent-pricing-wrapper #EnterpriseTab.ComparisonTabs:checked + label ~ div > section.Enterprise.s.dhq-tab2.dhq-active-panel {
    display: block !important;
  }
}
.ai-agent-pricing-wrapper #dhq-tab2 .dhq-self-host .price.monthly,
.ai-agent-pricing-wrapper #dhq-tab2 .dhq-self-host .price-dec.monthly {
  display: none !important;
}
.ai-agent-pricing-wrapper #dhq-tab2 .dhq-self-host .price.yearly,
.ai-agent-pricing-wrapper #dhq-tab2 .dhq-self-host .price-dec.yearly {
  display: flex !important;
}
.ai-agent-pricing-wrapper .section-maked-wrapper .dhq-section-container.ai-agent-pricing-add-ons-wrapper .dhq-section-content {
  padding-top: 0px !important;
  padding-bottom: 200px !important;
  padding-left: 0px;
  padding-right: 0px;
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper h2.add-ons-title {
  text-align: center;
  max-width: 790px;
  margin: auto;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 48px;
  line-height: 100%;
  text-align: center;
  color: #010731;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper h2.add-ons-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container {
  gap: 40px;
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container {
    gap: 24px;
  }
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid rgba(209, 210, 219, 0.8980392157);
  padding: 33px;
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper {
    padding: 12px;
  }
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-title {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-title img {
  width: 42px;
  height: 42px;
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-title span {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(38, 64, 78);
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-title span {
    font-size: 16px;
  }
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-desc p {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(38, 64, 78);
  width: 100%;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .content-wrapper .add-ons-desc p {
    font-size: 14px;
    line-height: 18px;
  }
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .add-ons-price {
  max-width: 120px;
}
.ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .add-ons-price span {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-style: Bold;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: lowercase;
  color: rgb(38, 64, 78);
}
@media (max-width: 768px) {
  .ai-agent-pricing-wrapper .ai-agent-pricing-add-ons-wrapper .grid-container .grid-item .add-ons-wrapper .add-ons-price span {
    font-size: 18px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* The bounce/fade animation */
@keyframes dotBounce {
  0% {
    transform: translateY(0);
    opacity: 0.25;
  }
  40% {
    transform: translateY(-6px);
    opacity: 1;
  }
  80% {
    transform: translateY(0);
    opacity: 0.4;
  }
  100% {
    transform: translateY(0);
    opacity: 0.25;
  }
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(50%);
  }
}
/* Animations */
@keyframes slideInUser {
  from {
    transform: translateX(100%);
    /* start off right */
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInBot {
  from {
    transform: translateX(-100%);
    /* start off left */
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInSystem {
  from {
    transform: translateY(100%);
    /* start off bottom */
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fancy-rotate {
  from {
    transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
  }
  to {
    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
  }
}
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn {
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%) !important;
}
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-31430 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-33506 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-36056 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14911.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox .dhq_mainHeaderSignLink a:hover,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14934.descktop-top-menu #requestMobileBtn:hover,
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu #requestMobileBtn:hover {
  box-shadow: 0px 4px 30px 0px rgba(193, 90, 253, 0.231372549), 0px 4px 20px 0px rgba(31, 43, 172, 0.1058823529) !important;
}

.vibe-code-page-content .dhq-new-title-wrapper {
  max-width: 800px !important;
  overflow: hidden;
  display: flex;
  align-items: start;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-new-title-wrapper {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: auto;
    max-height: -moz-max-content;
    max-height: max-content;
    justify-content: center;
    align-items: center;
  }
}
.vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title {
  font-size: 60px;
  margin: unset;
  max-width: unset;
}
.vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title.typewriter-title {
  min-width: 310px;
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title {
    font-size: 32px;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title:first-child {
    overflow: hidden;
  }
}
.vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title .content__container__list {
  animation: smoothStepScrollVibeCode 16s infinite alternate ease-in-out;
  padding: 0px;
  margin-right: 4px;
  text-align: right;
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title .content__container__list {
    animation: smoothStepScroll 16s infinite alternate ease-in-out;
    text-align: center;
    margin-right: 0px;
  }
}
.vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title .content__container__list .content__container__list__item {
  line-height: 70px !important;
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title .content__container__list .content__container__list__item {
    line-height: 44px !important;
  }
}
@media (max-width: 375px) {
  .vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title .content__container__list .content__container__list__item {
    width: 100%;
  }
}
.vibe-code-page-content .dhq-new-title-wrapper .dhq-new-title b {
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
.vibe-code-page-content .dhq-new-bnt-wrapper .shimmer-button {
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%);
}
.vibe-code-page-content .dhq-new-bnt-wrapper .shimmer-button:hover {
  background: linear-gradient(90deg, #1F2BAC 0%, #C15AFD 100%);
  box-shadow: 0px 4px 30px 0px rgba(193, 90, 253, 0.231372549), 0px 4px 20px 0px rgba(31, 43, 172, 0.1058823529);
}
.vibe-code-page-content .ai-cta-wrapper {
  background: #080c46;
}
.vibe-code-page-content .ai-cta-wrapper .dhq-section-container {
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/11/Frame-1000006607.webp);
}
@media (max-width: 768px) {
  .vibe-code-page-content .dhq-stiky-content-wrapper {
    padding: 50px 0px;
  }
}
.vibe-code-page-content .ai-governance-section-wrapper .grid-container .grid-item .ai-governance-icon-box-wrapper .icon-box {
  border: 1px solid rgb(181, 87, 247);
}
.vibe-code-page-content .integration-section-wrapper .dhq-guides_guide-top {
  display: none !important;
}
.vibe-code-page-content .integration-strip .integration-row.middle .center-card span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  color: #000000;
}

.enterprice-vide-coding-section-wrapper .dhq-section-content {
  padding: 0px !important;
}
.enterprice-vide-coding-section-wrapper .title-dec-wrapper {
  padding: 0 16px;
  padding-top: 100px;
  max-width: 850px;
  margin: auto;
  margin-bottom: 74px;
}
.enterprice-vide-coding-section-wrapper .title-dec-wrapper h2 {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  margin-bottom: 18px;
  color: #F8F8F8;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .title-dec-wrapper h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
.enterprice-vide-coding-section-wrapper .title-dec-wrapper .short-description,
.enterprice-vide-coding-section-wrapper .title-dec-wrapper .short-description p {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: rgba(248, 248, 248, 0.6980392157);
  margin-bottom: 0px;
}
@media (max-width: 786px) {
  .enterprice-vide-coding-section-wrapper .title-dec-wrapper .short-description,
  .enterprice-vide-coding-section-wrapper .title-dec-wrapper .short-description p {
    font-size: 16px;
    line-height: 24px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container.is-behind {
  z-index: -1;
  position: relative;
}
.enterprice-vide-coding-section-wrapper .grid-container {
  background: #070C46;
  transform-origin: top center;
  will-change: transform;
  position: relative;
  padding: 0 22px !important;
  border-radius: 16px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container {
    padding: 22px !important;
    min-height: 436px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  /* border thickness */
  border-radius: 16px;
  background: linear-gradient(222.13deg, rgba(193, 90, 253, 0.3) 7.89%, rgba(20, 31, 150, 0.3) 102.37%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.enterprice-vide-coding-section-wrapper .grid-container .grid-item {
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 0;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container .grid-item {
    padding: 0px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container .grid-item img {
  max-width: 566px;
  min-height: 422px;
  width: 100%;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container .grid-item img {
    min-height: auto;
    height: auto;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container .grid-item:first-child {
  padding-right: 100px;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container .grid-item:first-child {
    padding: 0px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container .grid-item h3 {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  line-height: 48px;
  vertical-align: middle;
  margin-bottom: 24px;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container .grid-item h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container .grid-item p {
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #FFFFFF;
}
@media (max-width: 786px) {
  .enterprice-vide-coding-section-wrapper .grid-container .grid-item p {
    font-size: 14px;
    line-height: 22px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container.col-reverse .grid-item {
  order: 1;
  padding-right: 100px;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container.col-reverse .grid-item {
    padding-right: 0px;
  }
}
.enterprice-vide-coding-section-wrapper .grid-container.col-reverse .grid-item:first-child {
  order: 2;
  padding-right: 0px;
}
@media (max-width: 768px) {
  .enterprice-vide-coding-section-wrapper .grid-container.col-reverse {
    flex-direction: column-reverse;
  }
}

.vibe-code-usecases .dhq-guides_guide-top {
  display: none !important;
}
.vibe-code-usecases .dhq-section-content .vibe-code-prompt-wrapper {
  max-width: 670px;
  margin: auto;
  margin-bottom: 50px;
}
.vibe-code-usecases .dhq-section-content .vibe-code-frames-wrapper img {
  width: 100%;
}
.vibe-code-usecases #vibe-code-steps-frames svg,
.vibe-code-usecases #vibe-code-steps-frames svg text,
.vibe-code-usecases #vibe-code-steps-frames svg text tspan {
  font-family: "Montserrat", sans-serif !important;
}
.vibe-code-usecases #vibe-code-steps-frames svg #Text text tspan,
.vibe-code-usecases #vibe-code-steps-frames svg #Text text {
  font-weight: 400 !important;
  font-family: "Montserrat", sans-serif !important;
}
.vibe-code-usecases #vibe-code-steps-frames #left_content #Controls {
  opacity: 0;
}
.vibe-code-usecases #vibe-code-steps-frames #components g text,
.vibe-code-usecases #vibe-code-steps-frames #components g text tspan {
  font-weight: 400 !important;
}
.vibe-code-usecases #vibe-code-steps-frames #components g #DATA text,
.vibe-code-usecases #vibe-code-steps-frames #components g #DATA text tspan,
.vibe-code-usecases #vibe-code-steps-frames #components g #EVENTS_ACTIONS text,
.vibe-code-usecases #vibe-code-steps-frames #components g #EVENTS_ACTIONS text tspan {
  font-weight: 600 !important;
}
.vibe-code-usecases #vibe-code-steps-frames .cls-95 #Frame_1000001611_4 g text,
.vibe-code-usecases #vibe-code-steps-frames .cls-95 #Frame_1000001611_4 g text tspan {
  font-weight: 400 !important;
}
.vibe-code-usecases #vibe-code-steps-frames #Stripe-Refund g text,
.vibe-code-usecases #vibe-code-steps-frames #Stripe-Refund g text tspan {
  font-weight: 400 !important;
}
.vibe-code-usecases .mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .vibe-code-usecases .mobile-view {
    display: block;
  }
}
@media (max-width: 768px) {
  .vibe-code-usecases .desktop-view {
    display: none;
  }
}
.vibe-code-usecases .section-maked-wrapper .dhq-section-container .dhq-section-content.mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .vibe-code-usecases .section-maked-wrapper .dhq-section-container .dhq-section-content.mobile-view {
    display: block;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .vibe-code-usecases .section-maked-wrapper .dhq-section-container .dhq-section-content.mobile-view img {
    width: 100%;
    min-height: 200px;
  }
}

.dhq-usecase-section-wrapper {
  background: #F4F4F4;
}
.dhq-usecase-section-wrapper .dhq-guides_guide-bottom {
  display: none;
}
.dhq-usecase-section-wrapper .dhq-section-container {
  background: transparent !important;
}
.dhq-usecase-section-wrapper .dhq-section-container .dhq-section-content {
  padding: 0px !important;
  padding-top: 150px !important;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq-section-container .dhq-section-content {
    padding: 50px 22px !important;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-wrapper {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.dhq-usecase-section-wrapper {
  /* Title */
}
.dhq-usecase-section-wrapper .dhq_agent-title {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  text-align: center;
  margin: auto;
  margin-bottom: 14px;
  max-width: 710px;
  padding: 0px 16px;
  color: #010731;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-subtitle,
.dhq-usecase-section-wrapper .dhq_agent-subtitle p {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  margin: auto;
  max-width: 710px;
  padding: 0px 16px;
  margin-bottom: 48px;
  color: #5D5D5D;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-subtitle,
  .dhq-usecase-section-wrapper .dhq_agent-subtitle p {
    font-size: 14px;
    line-height: 22px;
  }
}
.dhq-usecase-section-wrapper {
  /* Tabs */
}
.dhq-usecase-section-wrapper .dhq_agent-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-tabs {
    justify-content: flex-start;
    margin-bottom: 24px;
    overflow: auto;
    padding: 0px 12px;
    flex-wrap: nowrap;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-tab {
  padding: 12px 18px;
  border-radius: 94px;
  background: #fff;
  cursor: pointer;
  transition: 0.25s;
  position: relative;
  text-transform: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-tab {
    min-width: -moz-max-content;
    min-width: max-content;
    width: 100%;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-tab span {
  font-size: 16px;
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-tab span {
    font-size: 14px;
  }
}
.dhq-usecase-section-wrapper .tabs-clickable .dhq_agent-tab {
  pointer-events: unset;
}
.dhq-usecase-section-wrapper .tabs-clickable .dhq_agent-tab.active::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  /* border thickness */
  border-radius: inherit;
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.dhq-usecase-section-wrapper {
  /* Content layout */
}
.dhq-usecase-section-wrapper .dhq_agent-tab-box {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-tab-box {
    gap: 10px;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-tab-box.active {
  display: flex;
}
.dhq-usecase-section-wrapper {
  /* Image Boxes */
}
.dhq-usecase-section-wrapper .dhq_agent-img {
  width: -moz-max-content;
  width: max-content;
}
.dhq-usecase-section-wrapper .dhq_agent-img span {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  padding: 3px 11px;
  padding-bottom: 0px;
  color: #434B7F;
  background: rgba(67, 75, 127, 0.2);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-img span {
    font-size: 5px;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-img .img-wrapper {
  background: rgba(67, 75, 127, 0.2);
  border-radius: 16px;
  border-top-right-radius: 0px;
  padding: 6px;
}
.dhq-usecase-section-wrapper .dhq_agent-img .img-wrapper img {
  width: 100%;
  max-width: 485px;
  min-height: 308px;
  height: auto;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-img .img-wrapper img {
    min-height: auto;
    max-width: 100%;
  }
}
.dhq-usecase-section-wrapper .dhq_agent-img.mobile-img img {
  max-width: 140px;
}
@media (max-width: 768px) {
  .dhq-usecase-section-wrapper .dhq_agent-img {
    display: none;
  }
  .dhq-usecase-section-wrapper .dhq_agent-img.desktop-img {
    width: calc(75% - 6px);
  }
  .dhq-usecase-section-wrapper .dhq_agent-img.mobile-img {
    width: calc(25% - 6px);
  }
}

.dhq-usecase-section-wrapper.dark-mode-usecase {
  position: relative;
  background: #060715;
}
.dhq-usecase-section-wrapper.dark-mode-usecase::after {
  content: " ";
  background-image: url(https://www.dronahq.com/wp-content/uploads/2024/12/Gradient-blue-green.webp);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  top: -15%;
  height: 100%;
  z-index: 0;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq-section-container .dhq-section-content {
  padding-bottom: 150px !important;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq-guides_container {
  display: none;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-title {
  font-family: "Poppins", sans-serif !important;
  background: linear-gradient(90deg, #26BC6A 0%, #33BAEC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-subtitle,
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-subtitle p {
  color: #d2d2d2;
  font-family: "Poppins", sans-serif !important;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .tabs-clickable .dhq_agent-tab,
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-img .img-wrapper,
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-img span {
  background: rgba(255, 255, 255, 0.1019607843);
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-img span {
  color: #fff;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .dhq_agent-tab span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  font-family: "Poppins", sans-serif !important;
  z-index: 2;
}
.dhq-usecase-section-wrapper.dark-mode-usecase .tabs-clickable .dhq_agent-tab.active::before {
  background: linear-gradient(109.85deg, #119F43 33.43%, #33BAEC 105.98%);
  -webkit-mask: unset;
  -webkit-mask-composite: unset;
  mask-composite: unset;
}

.agent-page-btn-wrapper {
  position: absolute;
  bottom: 30px;
}
@media (max-width: 768px) {
  .agent-page-btn-wrapper {
    display: none;
  }
}
.agent-page-btn-wrapper a {
  background: linear-gradient(90deg, rgba(0, 106, 103, 0.8) 4.8%, rgba(1, 7, 49, 0.8) 92.8%);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  border-radius: 16px;
  /* Animation */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.agent-page-btn-wrapper a:hover {
  transform: scale(1.02);
  /* slightly increase size */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  /* optional shadow effect */
}

.dark-mode .free-trial-popup .trail-contnet-wrapper .right-content .content p,
.dark-mode .consent_box_wrapper label {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
}

.consent_box_wrapper label {
  font-size: 14px !important;
}

#popup-signup-btn {
  text-transform: unset !important;
  font-weight: 600 !important;
}

/* Smooth scrolling with pauses at each item */
/* Smooth scrolling with pauses at each item */
@keyframes smoothStepScrollVibeCode {
  0% {
    transform: translateY(0);
  }
  12.5% {
    transform: translateY(-70px);
  }
  25% {
    transform: translateY(-140px);
  }
  37.5% {
    transform: translateY(-210px);
  }
  50% {
    transform: translateY(-280px);
  }
  62.5% {
    transform: translateY(-350px);
  }
  75% {
    transform: translateY(-420px);
  }
  87.5% {
    transform: translateY(-490px);
  }
  100% {
    transform: translateY(-560px);
  }
}
.voice-ai-agent-section-wrapper {
  background: linear-gradient(180deg, #F4F4F4 45.19%, #006A67 72.6%, #010731 100%);
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content {
  padding-top: 120px !important;
  padding-bottom: 130px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content {
    padding: 70px 22px !important;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item {
  flex-direction: column;
  justify-content: flex-start;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper {
  display: grid;
  grid-template-columns: 50% auto;
  width: 100%;
  gap: 18px 16px;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper {
    grid-template-columns: 100%;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper .voice-card {
  padding: 9px 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #FFFFFF;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper .voice-card.active {
  border: 1px solid rgba(51, 51, 51, 0.2);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1019607843);
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper .voice-card img {
  width: 36px;
  height: 36px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-card-wrapper .voice-card span {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  background: linear-gradient(90deg, #006A67 4.8%, #010731 92.8%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item:first-child .voice-video-wrapper {
    display: none;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-video-wrapper.mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .grid-container .grid-item .voice-video-wrapper.mobile-view {
    margin-top: 80px;
    display: block;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .dhq-new-title-wrapper {
  max-width: 500px;
  margin-right: auto;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .dhq-new-title {
  text-align: left;
  font-size: 56px;
  line-height: 66px;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .dhq-new-title {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .hero-text-wrapper {
  margin-top: 24px;
  max-width: 400px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .hero-text-wrapper,
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .hero-text-wrapper p {
  text-align: left;
  color: rgba(1, 7, 49, 0.6);
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .hero-text-wrapper,
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .hero-text-wrapper p {
    text-align: center;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-video-wrapper {
  width: 100%;
  max-width: 530px !important;
  text-align: left;
  margin-right: auto;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-video-wrapper img {
  max-width: 526px;
  width: 100%;
  display: block;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-video-wrapper .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-video-wrapper video {
  width: 100%;
  display: none;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper {
  width: 100%;
  background: #FFFFFF;
  border-radius: 16px;
  margin-top: 35px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper {
  padding: 35px;
}
@media (max-width: 768px) {
  .voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper {
    padding: 35px 22px;
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group {
  margin-bottom: 24px;
  width: 100%;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group #inputPrompt {
  min-height: 150px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group .iti {
  width: 100%;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group label {
  display: block;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
  margin-bottom: 8px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group .form-control {
  width: 100%;
  border: 1px solid #CCCCCC !important;
  background-color: #fff !important;
  padding: 9px 12px;
  border-radius: 8px;
  font-family: var(--inter-font-family) !important;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #666666;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group .form-control:focus-visible {
  outline: none !important;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group .form-control.error {
  border: 1px solid #ff4d4f !important;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-group .col {
  width: 50%;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .error-text,
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .captcha-error {
  display: none;
  color: #ff4d4f !important;
  font-size: 13px;
  margin-top: 4px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .next-step.hide {
  display: none;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .next-step {
  width: 100%;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .next-step .form-group:nth-child(2) {
  margin-bottom: 0px;
  display: flex;
  gap: 16px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-btn-wrapper .btn-submit {
  border: none !important;
  padding: 16px 16px 16px 48px;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  /* Gradient + Icon together */
  background-image: url(https://www.dronahq.com/wp-content/uploads/2025/12/tdesign_call-1-filled.png), linear-gradient(90deg, #006A67 4.8%, #010731 92.8%);
  background-repeat: no-repeat, no-repeat;
  background-position: 16px center, center;
  background-size: 24px, 100% 100%;
  border-radius: 8px;
  cursor: pointer;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .btn-loader {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #010731;
  border-radius: 50%;
  display: inline-block;
  animation: spin 0.8s linear infinite;
  margin-left: 10px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .btn-submit.loading {
  pointer-events: none;
  opacity: 0.7;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-success-message {
  text-align: center;
  width: 100%;
  margin: auto;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-success-message h3 {
  color: #119f43;
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.voice-ai-agent-section-wrapper .section-maked-wrapper .dhq-section-container .dhq-section-content .voice-agent-form-wrapper .form-wrapper .form-success-message p {
  margin-bottom: 0px;
}

.dhq-pricing-card.is_agent_card {
  padding-top: 60px;
  background-color: #E7E7DE;
  border: solid 1px rgba(209, 210, 219, 0.8980392157);
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
}
.dhq-pricing-card.is_agent_card .top-sub-title {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #010731;
  position: absolute;
  top: 14px;
  width: 100%;
}
.dhq-pricing-card.is_agent_card .top-sub-title::after {
  content: " ";
  position: absolute;
  width: 120%;
  height: 1px;
  background: #D1D2DB;
  left: -40px;
  top: 30px;
}
.dhq-pricing-card.is_agent_card .dhq-title-dec p {
  min-height: 67px;
  font-size: 14px;
  line-height: 22px;
}
.dhq-pricing-card.is_agent_card .dhq-price.custom-price {
  display: none;
}
.dhq-pricing-card.is_agent_card .btn-price {
  margin-bottom: 0px;
}
.dhq-pricing-card.is_agent_card .btn-price a {
  color: #012240;
  background: unset;
  border: 1px solid #011C3C;
}
.dhq-pricing-card.is_agent_card .btn-price a:hover {
  background: rgba(1, 28, 60, 0.0509803922) !important;
  border: 1px solid #011C3C !important;
  box-shadow: unset !important;
}
.dhq-pricing-card.is_agent_card .btn-price a svg path {
  fill: #012240 !important;
}

.dhq-pricing-card.is_agent_card.pricingCard {
  background-color: #F3F1F3;
}
.dhq-pricing-card.is_agent_card.pricingCard .top-sub-title {
  font-family: "Poppins", sans-serif !important;
}
.dhq-pricing-card.is_agent_card.pricingCard .dhq-price {
  display: none;
}
.dhq-pricing-card.is_agent_card.pricingCard .dhq-title-dec p {
  min-height: 110px;
}
.dhq-pricing-card.is_agent_card.pricingCard .btn-price {
  margin-top: -5px;
}
.dhq-pricing-card.is_agent_card.pricingCard .btn-price a {
  background-color: transparent !important;
  border: 1px solid #011C3C !important;
}
.dhq-pricing-card.is_agent_card.pricingCard .btn-price a:hover {
  color: #fff !important;
}
.dhq-pricing-card.is_agent_card.pricingCard .btn-price a:hover svg path {
  fill: #fff !important;
}

.post-35280.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper,
.post-35280.dark-mode .right_side_image_section_images-background-change .tab-bg,
.post-36474.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper,
.post-36474.dark-mode .right_side_image_section_images-background-change .tab-bg,
.post-36052.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper,
.post-36052.dark-mode .right_side_image_section_images-background-change .tab-bg {
  background-color: #f4f4f4 !important;
}
.post-35280.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper .stycky-btn,
.post-35280.dark-mode .right_side_image_section_images-background-change .tab-bg .stycky-btn,
.post-35280.dark-mode .lr-sticky-left-content-item-wrapper .dhq_title,
.post-36474.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper .stycky-btn,
.post-36474.dark-mode .right_side_image_section_images-background-change .tab-bg .stycky-btn,
.post-36474.dark-mode .lr-sticky-left-content-item-wrapper .dhq_title,
.post-36052.dark-mode .right_side_image_section_images-background-change .stycky-btn-wrapper .stycky-btn,
.post-36052.dark-mode .right_side_image_section_images-background-change .tab-bg .stycky-btn,
.post-36052.dark-mode .lr-sticky-left-content-item-wrapper .dhq_title {
  color: #161832 !important;
}
.post-35280.dark-mode .lr-sticky-left-content-item-wrapper .dhq_body p,
.post-35280.dark-mode .right_side_image_section_images-background-change .lr-sticky-content-wrapper .ListItem_label,
.post-36474.dark-mode .lr-sticky-left-content-item-wrapper .dhq_body p,
.post-36474.dark-mode .right_side_image_section_images-background-change .lr-sticky-content-wrapper .ListItem_label,
.post-36052.dark-mode .lr-sticky-left-content-item-wrapper .dhq_body p,
.post-36052.dark-mode .right_side_image_section_images-background-change .lr-sticky-content-wrapper .ListItem_label {
  color: rgb(38, 64, 78);
}
.post-35280.dark-mode .lr-sticky-left-content-item-wrapper .dhq_footer,
.post-36474.dark-mode .lr-sticky-left-content-item-wrapper .dhq_footer,
.post-36052.dark-mode .lr-sticky-left-content-item-wrapper .dhq_footer {
  z-index: -1;
}
.post-35280.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-wrapper::after,
.post-35280.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper::after,
.post-36474.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-wrapper::after,
.post-36474.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper::after,
.post-36052.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-wrapper::after,
.post-36052.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper::after {
  display: none;
}
.post-35280.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper,
.post-35280.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper,
.post-36474.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper,
.post-36474.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper,
.post-36052.dark-mode .right_side_image_section_images-background-change .lr-sticky-right-item-wrapper,
.post-36052.dark-mode .right_side_image_section_images-background-change .lr-right-side-img-wrapper {
  background: linear-gradient(90deg, rgba(0, 106, 103, 0.5019607843) 0%, rgba(1, 13, 52, 0.3725490196) 100%);
}

@media (max-width: 768px) {
  .iframe-outer .luma-embed {
    min-height: 850px;
  }
}

.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu .dhq_mainHeaderCTABox.landing-page-wrapper.header-cta__list {
  flex-direction: unset !important;
}
.dark-mode .header-outer-wrapper.dark-mode .menu-id14987.descktop-top-menu ul li a {
  color: #010731 !important;
}

.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--login a:hover,
.dark-mode.post-36423 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--login a:hover,
.dark-mode.post-36680 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--login a:hover {
  color: #AF3EFB !important;
}
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a,
.dark-mode.post-36423 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a,
.dark-mode.post-36680 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a {
  background: linear-gradient(90deg, #C15AFD 0%, #1F2BAC 100%) !important;
}
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover,
.dark-mode.post-36423 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover,
.dark-mode.post-36680 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--request-demo a:hover {
  box-shadow: 0px 4px 30px 0px rgba(57, 70, 215, 0.65), 0px 4px 10px 0px rgba(183, 87, 248, 0.5) !important;
}
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a::before,
.dark-mode.post-36423 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a::before,
.dark-mode.post-36680 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a::before {
  background: linear-gradient(180deg, #BC59FA 0%, #252DAF 100%);
}
.dark-mode.post-35963 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover,
.dark-mode.post-36423 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover,
.dark-mode.post-36680 .header-outer-wrapper.dark-mode .menu-id14987 .header-cta__list.dhq_mainHeaderCTABox.landing-page-wrapper .header-cta__item--free-trial a:hover {
  background-color: transparent;
  background: linear-gradient(180deg, rgba(186, 88, 249, 0.1) 0%, rgba(38, 45, 175, 0.1) 100%);
}

.post-36052 .dhq-multi-agent-mode-wrapper .dhq-agents.knowledgeBaseWrapper,
.post-35280 .dhq-multi-agent-mode-wrapper .dhq-agents.knowledgeBaseWrapper {
  max-height: 440px;
}
.post-36052 #agent-section-wrapper,
.post-35280 #agent-section-wrapper {
  min-height: 1560px;
}
@media (max-width: 768px) {
  .post-36052 #agent-section-wrapper,
  .post-35280 #agent-section-wrapper {
    min-height: 2400px;
  }
}
.post-36052 .stycky-btn-wrapper .stycky-btn-itme-wrapper button,
.post-35280 .stycky-btn-wrapper .stycky-btn-itme-wrapper button {
  font-size: 16px;
  line-height: 24px;
  color: #161832 !important;
}
.post-36052 .lr-tabs-content-wrapper .dhq_title,
.post-35280 .lr-tabs-content-wrapper .dhq_title {
  font-size: 48px;
  line-height: 58px;
  color: #161832 !important;
}
@media (max-width: 768px) {
  .post-36052 .lr-tabs-content-wrapper .dhq_title,
  .post-35280 .lr-tabs-content-wrapper .dhq_title {
    font-size: 32px;
    line-height: 36px;
  }
}
.post-36052 .lr-tabs-content-wrapper .dhq_title b,
.post-35280 .lr-tabs-content-wrapper .dhq_title b {
  background: linear-gradient(90deg, #05A8A3 0%, #010731 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.post-36052 .lr-tabs-content-wrapper .dhq_body,
.post-36052 .lr-tabs-content-wrapper .dhq_body p,
.post-35280 .lr-tabs-content-wrapper .dhq_body,
.post-35280 .lr-tabs-content-wrapper .dhq_body p {
  font-size: 20px;
  line-height: 24px;
  color: #5D5D5D !important;
}
@media (max-width: 768px) {
  .post-36052 .lr-tabs-content-wrapper .dhq_body,
  .post-36052 .lr-tabs-content-wrapper .dhq_body p,
  .post-35280 .lr-tabs-content-wrapper .dhq_body,
  .post-35280 .lr-tabs-content-wrapper .dhq_body p {
    font-size: 16px;
    line-height: 24px;
  }
}
.post-36052 .lr-tabs-content-wrapper .lr-sticky-content-wrapper .ListItem_labe,
.post-35280 .lr-tabs-content-wrapper .lr-sticky-content-wrapper .ListItem_labe {
  font-size: 16px;
  line-height: 24px;
  color: #5D5D5D !important;
}

.blog_container p b,
.blog_container p strong,
.blog_container div b,
.blog_container div strong {
  background: linear-gradient(97.91deg, #33BAEC -18.25%, #26BC6A 97.7%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.blog_container h1 b,
.blog_container h2 b,
.blog_container h3 b,
.blog_container h4 b,
.blog_container h5 b,
.blog_container h6 b {
  background: #f4f4f4 !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}

.post-23447 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper {
  text-align: right;
  min-height: -moz-max-content;
  min-height: max-content;
}
@media (max-width: 768px) {
  .post-23447 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper {
    text-align: center;
  }
}
.post-23447 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper img {
  width: 300px;
  max-height: -moz-max-content;
  max-height: max-content;
}
@media (max-width: 768px) {
  .post-23447 .multiple-cta-wrapper .cta-itmes-wrapper .cta-img-wrapper img {
    width: 100%;
  }
}

.agent_tmp-wrapper {
  min-height: 100vh;
  background: #010731;
  padding: 80px 16px;
  color: #fff;
  font-family: var(--inter-font-family) !important;
}
@media (max-width: 992px) {
  .agent_tmp-wrapper {
    padding: 80px 32px;
  }
}
.agent_tmp-wrapper .load-more-tmp-btn-wrapper {
  display: none;
}

.agent_tmp-container {
  max-width: 1200px;
  margin: 0 auto;
}

.agent_tmp-hero {
  text-align: center;
  margin: auto;
  margin-bottom: 48px;
  max-width: 830px;
}
.agent_tmp-hero h1,
.agent_tmp-hero h2,
.agent_tmp-hero h3,
.agent_tmp-hero h4,
.agent_tmp-hero h5,
.agent_tmp-hero h6 {
  font-family: var(--inter-font-family) !important;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 24px;
  color: #F4F4F4;
}
@media (max-width: 992px) {
  .agent_tmp-hero h1,
  .agent_tmp-hero h2,
  .agent_tmp-hero h3,
  .agent_tmp-hero h4,
  .agent_tmp-hero h5,
  .agent_tmp-hero h6 {
    font-size: 32px;
    line-height: 42px;
  }
}
.agent_tmp-hero .description {
  max-width: 700px;
  margin: auto;
}
.agent_tmp-hero .description,
.agent_tmp-hero .description p {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: rgba(248, 248, 248, 0.6);
  font-family: var(--inter-font-family) !important;
}
@media (max-width: 992px) {
  .agent_tmp-hero .description,
  .agent_tmp-hero .description p {
    font-size: 16px;
    line-height: 24px;
  }
}

.agent_tmp-card-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.agent_tmp-card {
  grid-column: span 4;
  position: relative;
  border-radius: 8px;
  padding: 24px;
  background: url(https://www.dronahq.com/wp-content/uploads/2026/01/Ellipse-3.png) left bottom/cover no-repeat, rgba(255, 255, 255, 0.0588235294);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1490196078);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: self-start;
  justify-content: start;
  transition: background-color 0.35s ease, background-position 0.35s ease, background-size 0.35s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 600px) {
  .agent_tmp-card {
    padding: 20px;
  }
}
.agent_tmp-card:hover {
  background: url(https://www.dronahq.com/wp-content/uploads/2026/01/Ellipse-2-1.png) right bottom/cover no-repeat, rgba(255, 255, 255, 0.1019607843);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
}
.agent_tmp-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.6px;
  /* border width */
  border-radius: inherit;
  background: linear-gradient(0deg, rgba(244, 244, 244, 0.2), rgba(244, 244, 244, 0.2)), linear-gradient(90deg, #006A67 4.8%, #054543 92.8%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
.agent_tmp-card h3 {
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #F8F8F8;
  min-height: 56px;
}
@media (max-width: 992px) {
  .agent_tmp-card h3 {
    font-size: 16px;
    line-height: 24px;
    min-height: auto;
  }
}

@media (max-width: 600px) {
  .agent_tmp-card-grid .agent_tmp-card {
    display: none;
  }
  .agent_tmp-card-grid .agent_tmp-card:nth-child(-n+3) {
    display: flex;
  }
  .agent_tmp-card-grid .normal-green-btn {
    background: #010731 !important;
  }
  .agent_tmp-card-grid .load-more-tmp-btn-wrapper {
    display: block;
  }
  .agent_tmp-card-grid .load-more-tmp-btn-wrapper span {
    padding: 0px !important;
    padding-bottom: 20px !important;
    position: relative;
    transform: none !important;
  }
  .agent_tmp-card-grid .load-more-tmp-btn-wrapper span::after {
    position: absolute;
    content: " ";
    width: calc(100% - 17px);
    height: 1px;
    background: #fff;
    bottom: 18px;
    left: 0px;
  }
  .agent_tmp-card-grid .load-more-tmp-btn-wrapper span + span {
    display: none !important;
  }
}
/* wider cards */
.agent_tmp-card--wide-2 {
  grid-column: span 2;
  /* half row */
}

/* wider cards */
.agent_tmp-card--wide-3 {
  grid-column: span 3;
  /* half row */
}

.agent_tmp-card--wide-4 {
  grid-column: span 4;
  /* half row */
}

.agent_tmp-card--wide-5 {
  grid-column: span 5;
  /* half row */
}

.agent_tmp-card--wide-6 {
  grid-column: span 6;
  /* half row */
}

.agent_tmp-card--wide-7 {
  grid-column: span 7;
  /* half row */
}

.agent_tmp-card--wide-8 {
  grid-column: span 8;
  /* half row */
}

.agent_tmp-card--full {
  grid-column: span 12;
  /* full width */
}

/* responsive */
@media (max-width: 992px) {
  .agent_tmp-card {
    grid-column: span 6;
  }
}
@media (max-width: 640px) {
  .agent_tmp-card,
  .agent_tmp-card--wide,
  .agent_tmp-card--full {
    grid-column: span 12;
  }
}
.dark-mode .agent_tmp-tag {
  display: inline-block;
  background: rgba(253, 235, 158, 0.1019607843);
  color: #FDEB9E;
  font-family: var(--inter-font-family) !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  padding: 0px 16px;
  border-radius: 22px;
}
@media (max-width: 992px) {
  .dark-mode .agent_tmp-tag {
    font-size: 10px;
    line-height: 18px;
  }
}

.agent_tmp-icons {
  display: flex;
  gap: 10px;
}
.agent_tmp-icons .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  border: solid 1px #4A5074;
  border-radius: 4px;
  background: #2A3054;
}
.agent_tmp-icons .icon img {
  width: 100%;
  height: 100%;
}

.html-form-wrapper {
  background: #152234 !important;
  box-shadow: none !important;
}

.iframe-wrapper {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .iframe-wrapper {
    margin-bottom: 32px;
  }
}
.iframe-wrapper center {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 100%;
  color: #F4F4F4 !important;
}
.iframe-wrapper .form-body-wrapper {
  background: #152234 !important;
  height: auto !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .form-control {
  background: #4C5469 !important;
  border: solid 1px #6D7388 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 100%;
  color: #f4f4f4 !important;
  box-shadow: none !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .form-control::-moz-placeholder {
  color: rgba(244, 244, 244, 0.6980392157) !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .form-control::placeholder {
  color: rgba(244, 244, 244, 0.6980392157) !important;
}
.iframe-wrapper .form-body-wrapper #signup-form #showHide {
  color: #f14c40 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 100%;
  letter-spacing: 0%;
}
.iframe-wrapper .form-body-wrapper #signup-form #password[type=text] + #showHide {
  color: #26BC6A !important;
}
.iframe-wrapper .form-body-wrapper #signup-form #btnSignup {
  transition: background-color 0.35s ease, background-position 0.35s ease, background-size 0.35s ease, transform 0.3s ease, box-shadow 0.3s ease;
  width: calc(100% - 30px) !important;
  margin: auto;
  background: linear-gradient(90.99deg, #119F43 8.85%, #33BAEC 98.36%) !important;
}
.iframe-wrapper .form-body-wrapper #signup-form #btnSignup:hover {
  background: linear-gradient(90.99deg, #33BAEC 8.85%, #119F43 98.36%) !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .btn-google {
  width: calc(100% - 30px) !important;
  margin: auto;
  margin-left: 15px;
  background: #4C5469 !important;
  color: #F4F4F4 !important;
  border-radius: 4px;
}
.iframe-wrapper .form-body-wrapper #signup-form .btn-google:hover {
  background: rgba(76, 84, 105, 0.8705882353) !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .btn-google .logo {
  background-color: transparent !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .or-text {
  color: #F4F4F4 !important;
}
.iframe-wrapper .form-body-wrapper #signup-form .show-on-error {
  color: #FE5043 !important;
}
.iframe-wrapper .form-body-wrapper #signup-form #spSignupMsg {
  color: #f4f4f4 !important;
  margin-left: 15px;
}
.iframe-wrapper .thank-you-message .content.container h1 {
  color: #27bb73 !important;
  font-weight: 400 !important;
}
.iframe-wrapper .thank-you-message .content.container {
  color: #f4f4f4;
  padding-right: 14px;
}

/* Overlay */
.dhq-toast-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

.dhq-toast-overlay.show {
  opacity: 1;
  visibility: visible;
}

/* Center toast */
.dhq-toast-center {
  background: #ffffff;
  color: #111827;
  padding: 20px 74px 20px 20px;
  border-radius: 14px;
  max-width: 480px;
  width: calc(100% - 40px);
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  position: relative;
  transform: scale(0.95);
  transition: transform 0.3s ease;
}
.dhq-toast-center p {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #26404E;
  margin-bottom: 0px;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 14px;
}

.dhq-toast-overlay.show .dhq-toast-center {
  transform: scale(1);
}

/* Close button */
.dhq-toast-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: transparent;
  border: none;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #000000;
  width: 22px;
  height: 22px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}

.dhq-toast-close:hover {
  color: #111827;
}

@media (max-width: 768px) {
  .features-post-section-wrapper .features-post-itme-wrapper .f-post-itme .post-content {
    padding-right: 0px;
  }
}
.agents-blog-section-wrapper .Section_container {
  background: #010731;
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper {
  padding: 90px 0px;
}
@media (max-width: 768px) {
  .agents-blog-section-wrapper .Section_container .features-post-section-wrapper {
    padding: 60px 16px;
  }
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .features-post-itme-wrapper {
  margin-bottom: 48px;
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper {
  max-width: 800px;
  margin: auto;
  margin-bottom: 48px;
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 56px;
  text-align: center;
}
@media (max-width: 768px) {
  .agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper .description {
  max-width: 560px;
  margin: auto;
}
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper .description,
.agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper .description p {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: rgba(248, 248, 248, 0.6);
}
@media (max-width: 768px) {
  .agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper .description,
  .agents-blog-section-wrapper .Section_container .features-post-section-wrapper .blog-page-title-wrapper .description p {
    font-size: 16px;
    line-height: 24px;
  }
}
.agents-blog-section-wrapper .Section_container .f-post-itme:hover {
  box-shadow: 4px 4px 30px 0px rgba(38, 229, 223, 0.2);
}
.agents-blog-section-wrapper .Section_container .f-post-itme:hover h2,
.agents-blog-section-wrapper .Section_container .f-post-itme:hover h2:hover {
  background: #F8F8F8 !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}
.agents-blog-section-wrapper .Section_container .post-content .agent_tmp-tag {
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 768px) {
  .agents-blog-section-wrapper .Section_container .post-content h2 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
.agents-blog-section-wrapper .Section_container .post-content h2 + a {
  display: none !important;
}
.agents-blog-section-wrapper .Section_container .post-content a span {
  color: #26E5DF !important;
}
.agents-blog-section-wrapper .Section_container .post-content a svg path {
  stroke: #26E5DF !important;
}
.agents-blog-section-wrapper .Section_container .gradient-border::before {
  background: linear-gradient(90deg, #006A67 4.8%, #26E5DF 92.8%);
  border-radius: 16px;
}

.dark-mode a.CtaButton[href="#agentworkshop"],
.dark-mode a.CtaButton[href="#appsworkshop"] {
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 14px 48px 14px 24px;
  position: relative;
  transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background: #26bc6a;
  color: #fff;
}
@media (max-width: 768px) {
  .dark-mode a.CtaButton[href="#agentworkshop"],
  .dark-mode a.CtaButton[href="#appsworkshop"] {
    font-size: 14px !important;
  }
}
.dark-mode a.CtaButton[href="#agentworkshop"] svg path,
.dark-mode a.CtaButton[href="#appsworkshop"] svg path {
  stroke: #fff !important;
}
.dark-mode a.CtaButton[href="#agentworkshop"]:hover,
.dark-mode a.CtaButton[href="#appsworkshop"]:hover {
  color: #fff !important;
  opacity: 1;
  background: #1ca75b;
}
.dark-mode a.CtaButton[href="#agentworkshop"]:hover svg path,
.dark-mode a.CtaButton[href="#appsworkshop"]:hover svg path {
  stroke: #fff !important;
}

a,
button,
.dark-mode a,
.dark-mode button {
  border-radius: 6px !important;
}

#hustle-popup-id-26 .hustle-button-close,
#hustle-popup-id-27 .hustle-button-close {
  border-radius: 6px 6px 0px 0px !important;
}
#hustle-popup-id-26 iframe,
#hustle-popup-id-27 iframe {
  height: 520px !important;
}

.vc_infobox_html4reventliststart .dhq_subbody .dhq_subbody + a {
  margin-top: 20px !important;
  display: inline-block !important;
}

#vibe-code-btn-wrapper,
#agent-explore,
#low-code-btn-wrapper,
#dhq-new-frame-wrapper-2 .normal-btn {
  padding: 0px !important;
}
#vibe-code-btn-wrapper a,
#agent-explore a,
#low-code-btn-wrapper a,
#dhq-new-frame-wrapper-2 .normal-btn a {
  padding: 0px 10px !important;
}
#vibe-code-btn-wrapper a span,
#agent-explore a span,
#low-code-btn-wrapper a span,
#dhq-new-frame-wrapper-2 .normal-btn a span {
  padding: 6px 0px;
}
#vibe-code-btn-wrapper a span:nth-child(2),
#agent-explore a span:nth-child(2),
#low-code-btn-wrapper a span:nth-child(2),
#dhq-new-frame-wrapper-2 .normal-btn a span:nth-child(2) {
  padding-left: 10px !important;
}

.post-36491 .iframe-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
  flex-direction: column !important;
}

.thank-you-message h1 {
  font-size: 24px !important;
  margin-bottom: 20px;
  margin-top: 0px;
  line-height: 28px;
}
.thank-you-message .feature {
  max-width: 500px;
  margin: auto;
}
.thank-you-message .feature a {
  text-decoration: underline;
}

.post-36451 .svg-frame-overlay,
.post-37055 .svg-frame-overlay {
  display: none !important;
}
@media (max-width: 768px) {
  .post-36451 .home-page-two-frame-animatin-wrapper .grid-container .grid-item,
  .post-37055 .home-page-two-frame-animatin-wrapper .grid-container .grid-item {
    padding-bottom: 60px;
  }
}

/* Horizontal line (both have this) */
.ti-plus::before,
.ti-minus::before {
  content: "";
  background: #85d4f1;
}

/* Vertical line (only plus) */
.ti-plus::after {
  content: "";
  background: #85d4f1;
}

@media (max-width: 768px) {
  .post-14156 .dhq_mainHeaderCTABox {
    display: none;
  }
}
#hoverPanel_28628,
#hoverPanel_28646 {
  font-family: "Poppins", sans-serif !important;
}

.post-36052 .hero-banner-with-testimonial-and-form, .post-35280 .hero-banner-with-testimonial-and-form {
  background-color: #010932 !important;
}
.post-36052 .hero-banner-with-testimonial-and-form::after, .post-35280 .hero-banner-with-testimonial-and-form::after {
  display: none;
}
.post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask {
  display: block !important;
}
.post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background {
  background: transparent !important;
}
.post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide {
  background: rgb(56, 62, 97) !important;
}
@media (max-width: 768px) {
  .post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide {
    right: 4px;
  }
}
.post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:first-child, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:first-child {
  position: relative;
  left: -1px;
}
@media (max-width: 768px) {
  .post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:first-child, .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:first-child {
    left: 4px;
  }
}
.post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(2), .post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(3), .post-36052 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(4), .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(2), .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(3), .post-35280 .hero-banner-with-testimonial-and-form .Section_backgroundMask .Section_background .Guides_guide:nth-child(4) {
  display: none !important;
}
.post-36052 .hero-banner-with-testimonial-and-form .ColumnLayout, .post-35280 .hero-banner-with-testimonial-and-form .ColumnLayout {
  display: none;
}/*# sourceMappingURL=style-dark-mode.css.map */