/* menu styles */
#nav-drawer .menu-item {
    position: relative;
    margin-left: 0;
  }

  #nav-drawer .menu-item span.menu-label-text,
  #nav-drawer .menu-item.menu-item-has-children > a.menu-link:not(.sub-menu a) {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    transition: all 0.5s;
    padding: 8px 28px 25px 12px;
    color: rgba(35, 35, 35, 1);
    cursor: pointer;
  }

  #nav-drawer .menu-item.current-menu-parent span.menu-label-text,
  #nav-drawer .menu-item.menu-item-has-children.current-menu-parent > a.menu-link:not(.sub-menu a) {
    font-weight: 700;
  }

  #nav-drawer .menu-item ul.sub-menu {
  display: none;
  position: absolute;
  min-width: 280px;
  width: 100%;
  z-index: 99999;
  top: 46px;
  right: 50%;
  transform: translateX(50%);
  background: rgba(255, 255, 255, 1);
  padding: 4px 0;
  border-radius: 6px;
  border: 1px solid rgba(229, 231, 235, 1);
  }

  #nav-drawer .menu-item-has-children::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 12px;
  background: url('/wp-content/themes/datafoundry/build/img/menu-down-arrow.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6px;
  height: 4px;
  }

  #nav-drawer .header-menu-btn a.menu-link {
    background-color: #FFD700 !important;
    padding: 12px 24px !important;
    border-radius: 8px;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #212121 !important;
    font-weight: 600;
    display: block;
    width: fit-content;
    position: relative;
  }

  #nav-drawer .header-menu-btn a.menu-link:hover {
    background: #ccac02 !important;
    color: #212121 !important;
  }

  #nav-drawer .menu-item ul.sub-menu .menu-item {
    margin-left: 0;
  }

  #nav-drawer .menu-item ul.sub-menu .menu-item a.menu-link {
    padding: 8px 16px;
    display: block;
    color: #000000;
  }
  #nav-drawer .menu-item ul.sub-menu .menu-item a.menu-link p {
  font-size: 12px;
  color: #7f8280;
  }
  #nav-drawer .menu-item ul.sub-menu .menu-item a.menu-link:hover {
    background: rgba(249, 250, 251, 1);
  }

  @media (max-width: 1199.98px) {
  #nav-drawer .menu-item:not(.sub-menu .menu-item){
    border-bottom: 1px solid rgba(229, 231, 235, 1);
  }

  #nav-drawer .menu-item.header-menu-btn {
    border-bottom: 0 !important;
  }

  #nav-drawer .menu-item-has-children::after{
    background-size: 100%;
    width: 14px;
    height: 10px;
    top: 26px;
  }
  #nav-drawer .menu-item.open ul.sub-menu{
    display: block;
  }

  #nav-drawer .menu-item ul.sub-menu{
    position: unset;
    transform: unset;
  }

  #nav-drawer .menu-item span.menu-label-text,
  #nav-drawer .menu-item.menu-item-has-children > a.menu-link:not(.sub-menu a){
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 600 !important;
    padding: 16px 12px;
    pointer-events: none;
  }

  #nav-drawer .header-menu-btn a.menu-link{
    margin: 18px 10px 10px 10px;
  }
  }

  @media (min-width: 1200px) {
  #nav-drawer .menu-item:hover ul.sub-menu {
    display: block;
  }

  #nav-drawer .menu-item ul.sub-menu .menu-item.overview-item a.menu-link{
    display: none;
  }
  }

  /* menu styles ends here */

  body{
  background-color: #F5F5F5;
  }
  .sec-py-60{
  padding-top: 40px;
  padding-bottom: 60px;
  }
  .mb-20{
  margin-bottom: 20px;
  }
  .mb-24{
  margin-bottom: 24px;
  }
  .mt-60{
  margin-top: 60px;
  }
  #whoweare, .img-text-wrap {
  scroll-margin-top: 72px;
  }
  .no-banner {
  margin-top: 100px;
  }
  .page-id-3904 {
    margin-top: 72px;
  }
  .custom-h2{
  font-size: 40px;
  line-height: 1.4;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .custom-h2b{
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .custom-h2b span{
  font-weight: 600;
  }
  .custom-h3{
  font-size: 36px;
  line-height: 1.4;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .custom-h3b{
  font-size: 36px;
  line-height: 1.4;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .custom-h3b span{
  font-weight: 700;
  }
  .custom-h4{
  font-size: 28px;
  line-height: 1.4;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .text-14{
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .text-16{
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .text-18{
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  margin-bottom: .5em;
  }
  .text-24{
  font-size: 24px;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  .header {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  background-color: #ffffff;
  }

  .header.active {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  }

  .btn.primary{
  background: #FFD700;
  border-color: #FFD700;
  color: #212121;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.3;
  }

  .btn.primary:hover {
  background: #ccac02 !important;
  color: #212121 !important;
  border-color: #ccac02 !important;
  }

  body.page-id-2846{
  overflow-x: hidden;
  }

  .page-id-2846 .container.mx-auto h1.mt-12 {
  display: none;
  }


  .page-id-2846 .header{
  position: sticky;
  }

  .page-id-2846 div.h-10,
  .page-id-2846 div.h-24 {
  height: 0;
  }

  .absolute.new-templates {
  opacity: 0;
  }

  .new-templates h1.mt-12 {
  display: none;
  }

  .wpb-pcf-btn-default.new-brand-btn,
  .wpb-pcf-btn.wpb-pcf-btn-small,
  .new-brand-btn {
  background-color: #FFD700 !important;
  padding: 12px 24px !important;
  border-radius: 8px;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #212121 !important;
  font-weight: 500;
  display: block;
  width: fit-content;
  position: relative;
  }

  .wpb-pcf-btn-default.new-brand-btn:hover,
  .new-brand-btn:hover{
  background-color: #ccac02 !important;
  text-decoration: none !important;
  color: #212121 !important;
  }

  .wpb-pcf-btn.wpb-pcf-btn-small::before,
  .wpb-pcf-btn-default.new-brand-btn::before,
  .new-brand-btn::before {
  position: absolute;
  content: none;
  width: 100%;
  height: 100%;
  background: #00000033;
  top: 0;
  left: 0;
  transition: 0.3s all;
  }

  .wpb-pcf-btn.wpb-pcf-btn-small:hover::before
  .wpb-pcf-btn-default.new-brand-btn:hover::before,
  .new-brand-btn:hover::before {
  content: '';
  transition: 0.3s all;
  }

  .new-brand-btn.wpb-pcf-btn-default,
  .new-brand-btn.wpb-pcf-form-style-true input[type=submit],
  .new-brand-btn.wpb-pcf-form-style-true input[type=button],
  .wpb-pcf-btn-default.new-brand-btn:focus,
  .new-brand-btn.wpb-pcf-form-style-true input[type=submit]:focus,
  .new-brand-btn.wpb-pcf-form-style-true input[type=button]:focus{
  background-color: #FFD700 !important;
  color: #212121 !important;
  font-weight: 600;
  }

  .wpb-pcf-btn-default.new-brand-btn:hover,
  .new-brand-btn.wpb-pcf-form-style-true input[type=submit]:hover,
  .new-brand-btn.wpb-pcf-form-style-true input[type=button]:hover {
  background-color: #ccac02 !important;
  color: #212121 !important;
  }

  .df-event-header__cta button:hover,
  .df-hero .df-hero__content .df-hero__btn.new-brand-btn:hover {
  background: #ccac02 !important;
  color: #212121 !important;
  }

  header #nav-drawer ul li.menu-active .dropdown-trigger,
  header #nav-drawer ul li.menu-active a.dropdown-trigger {
  font-weight: 600;
  transition: all 0.5s;
  }

  header #nav-drawer ul li span.dropdown-trigger,
  header #nav-drawer ul li a.dropdown-trigger {
  font-weight: 400;
   transition: all 0.5s;
  }

  header #nav-drawer ul li {
  margin-left: 18px;
  }

  header #nav-drawer ul li ul li {
  margin-left: 0;
  }

  header #nav-drawer ul li ul li a{
  color: #000000;
  }

  header.df-event-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 12px 0;
  background: #FFFFFF;
  }

  #nav-drawer button:hover {
  background: #ccac02 !important;
  color: #212121 !important;
  }

  header a.new-logo {
  width: 250px;
  }

  header a.new-logo img {
  width: 100%;
  height: auto;
  }

  .df-sec-heading{
  font-size: 40px !important;
  line-height: 1.2;
  font-weight: 500 !important;
  color: #212121;
  margin: 0 0 24px !important;
  text-align: left !important;
  }

  body.page-id-2964{
  overflow-x: hidden;
  }

  .page-id-2964 .df-hero {
  margin-top: 62px;
  }

  .df-hero__bg img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
  }

  .df-hero__content {
  color: #fff;
  max-width: 60% !important;
  }

  body.page-id-2846 .df-hero__content {
  max-width: 56% !important;
  }

  .df-hero .df-hero__content .df-hero__title {
  font-size: 50px;
  line-height: 1.2;
  color: #FFD700;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  margin: 0 0 12px;
  }

  .df-hero .df-hero__content .df-hero__desc {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
  }

  .df-hero .df-hero__content .df-hero__btn.new-brand-btn{
  margin-top: 28px;
  }

  .df-our-journey .df-our-journey__title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 500;
  color: #212121;
  margin: 0 0 24px;
  text-align: left;
  }

  .df-our-journey__items{
  gap: unset !important;
  }

  .df-our-journey__item {
  display: flex;
  align-items: center !important;
  padding: 24px 0;
  border-bottom: 1px solid #EEEEEE;
  }

  .df-our-journey__dateimagewrap {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 45%;
  flex: 1 45%;
  }

  .df-our-journey__date span.year {
  background: #212121;
  border-radius: 4px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  }

  .df-our-journey__date span.month {
  font-size: 16px;
  line-height: 2;
  color: #7C7C7C;
  border-bottom: 1px solid #D4D4D4;
  width: fit-content;
  margin: 0 auto;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image {
  padding-left: 243px;
  position: relative;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  border-top: 1px solid #D4D4D4;
  width: 100%;
  height: 1px;
  z-index: -1;
  left: 0;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 14px;
  height: 14px;
  background: #D4D4D4;
  border-radius: 50px;
  }

  .df-our-journey__content {
  max-width: 55%;
  flex: 1 55% !important;
  }

  .df-our-journey__content p{
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #212121;
  margin-bottom: 0;
  }

  .df-our-journey__content p span{
  font-weight: 700;
  }

  .df-book-demo__bg img {
  height: 100% !important;
  }

  .df-book-demo__content{
  display: flex;
  flex-direction: column;
  align-items: center;
  }

  .df-book-demo__content .df-book-demo__title {
  font-size: 40px;
  line-height: 1.4;
  color: #FFFFFF;
  font-weight: 500;
  margin: 0 0 24px;
  text-align: center !important;
  }

  .df-book-demo__content .df-book-demo__btn {
  position: relative;
  }

  .df-book-demo__content .df-book-demo__btn::before {
  position: absolute;
  content: none;
  width: 100%;
  height: 100%;
  background: #00000033;
  top: 0;
  left: 0;
  transition: 0.3s all;
  }

  .df-book-demo__content .df-book-demo__btn:hover {
  text-decoration: none;
  }

  .df-book-demo__content .df-book-demo__btn:hover::before {
  content: '';
  transition: 0.3s all;
  }

  .df-metrics{
  padding: 80px 0 !important;
  }

  .df-metrics__item{
  flex: 1 21%;
  max-width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  }

  /* .df-metrics__item:first-child {
  flex: 1 50%;
  max-width: 34%;
  margin-left: auto;
  }

  .df-metrics__item:nth-child(2) {
  flex: 1 50%;
  max-width: 35%;
  margin-right: auto;
  } */

  .df-metrics__item:first-child::before,
  .df-metrics__item:nth-child(3)::before,
  .df-metrics__item:nth-child(2)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  right: -24px;
  border-right: 1px solid rgba(0, 44, 30, 0.1);
  }

  .df-metrics__metric {
  display: flex;
  align-items: center !important;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
  line-height: 1.3;
  font-weight: 700;
  color: #393939;
  }

  .df-metrics__desc{
  font-weight: 600;
  }

  .df-metrics__icon {
  max-width: 28px;
  margin-right: 16px;
  }

  .df-ai2c{
  padding: 80px 20px !important;
  }

  .df-ai2c__title.df-sec-heading{
  margin: 0 0 40px !important;
  }

  .df-ai2c__image{
  padding-left: 90px;
  }

  .df-ai2c__cards .df-ai2c__card {
  padding: 16px 20px;
  }

  .df-ai2c__cards .df-ai2c__card h3.df-ai2c__card-title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: #212121;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
  margin: 0 0 12px;
  }

  .df-ai2c__card .df-ai2c__card-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(57, 57, 57, 1);
  margin-bottom: 0;
  }

  .df-metrics .df-sec-heading,
  .df-hub .df-sec-heading{
  text-align: center !important;
  }

  .df-hub {
  padding: 80px 0px 100px !important;
  }

  .df-hub__stage{
  max-width: 1200px !important;
  padding: 160px 0 !important;
  margin: 158px auto 72px !important;
  }

  .df-hub__center {
  width: 475px !important;
  height: 550px !important;
  }

  .df-hub__card{
  width: 360px !important;
  z-index: 1;
  border: 1px solid rgba(119, 119, 119, 1) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  }

  .df-hub__card--top{
  transform: translate(-50%, -40%);
  }

  .df-hub__card--bottom {
  transform: translate(-50%, 36%) !important;
  }

  .df-hub__card--left-top,
  .df-hub__card--right-top {
  top: 20% !important;
  min-height: 258px;
  }

  .df-hub__card--right-bottom,
  .df-hub__card--left-bottom {
  top: 55% !important;
  min-height: 282px;
  }

  .df-hub__card--left-top,
  .df-hub__card--left-bottom{
  right: calc(50% + 236px);
  }

  .df-hub__card--right-top,
  .df-hub__card--right-bottom{
  left: calc(50% + 230px);
  }

  .df-hub__card ol{
  list-style-type: auto !important;
  margin-top: 10px;
  }

  .df-hub__card ol li {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 4px;
  }

  .df-tr-rec {
  padding: 80px 20px !important;
  }

  .df-tr-rec h2.df-tr-rec__title.df-sec-heading {
  margin: 0 0 12px 0 !important;
  }

  p.df-tr-rec__desc {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #212121 !important;
  margin: 0 0 16px;
  max-width: 100%;
  text-align: left;
  }

  p.df-tr-rec__desc:last-child{
  margin: 0;
  }

  .df-tr-rec .df-tr-row {
  margin-top: 36px;
  gap: 0 60px !important;
  }

  .df-tr-item {
  flex: 1 calc(20% - 48px) !important;
  max-width: calc(20% - 48px) !important;
  text-align: center !important;
  }

  .df-tr-item .df-tr-item__logo {
  max-height: 94px;
  }

  .df-tr-item .df-tr-item__logo img {
  height: 100%;
  width: auto;
  }

  .df-two-cases {
  padding: 80px 0px !important;
  }

  .df-two-cases__row {
  gap: 40px;
  }

  .df-two-cases h2 {
  margin-bottom: 36px !important;
  }

  article.df-two-cases__card {
  border: 2px solid rgba(255, 215, 0, 1);
  padding: 28px 28px 28px 24px;
  }

  .df-two-cases__card h3.df-two-cases__card-title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: #212121;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
  }

  .df-two-cases__card p.df-two-cases__card-desc {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(57, 57, 57, 1);
  margin: 0;
  }

  span.df-tr-item__caption {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: #393939 !important;
  display: block;
  text-align: left;
  margin-top: 16px;
  }

  .df-contacts {
  padding: 80px 0 !important;
  }

  .df-contacts__row {
  gap: 0 !important;
  align-items: center !important;
  }

  .df-contacts__left {
  flex: 1 40% !important;
  max-width: 40% !important;
  gap: 16px 0 !important;
  justify-content: space-between;
  flex-direction: row !important;
  flex-wrap: wrap;
  }

  .df-contacts__left .df-sec-heading {
  max-width: 100%;
  flex: 1 100%;
  }

  .df-contacts__logo, .df-contacts__curve {
  max-width: 50%;
  flex: 1 50%;
  }

  .df-contacts__logo {
  margin-left: -6%;
  }

  .df-contacts__right {
  gap: 33px;
  }

  .df-contacts__card {
  padding: 0 !important;
  align-items: center !important;
  border-bottom: none !important;
  }

  .df-contacts__avatar {
  width: 192px !important;
  height: 192px !important;
  flex: 0 0 192px !important;
  }

  .df-contacts__info h3.df-contacts__name {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: rgba(33, 33, 33, 1);
  margin: 0;
  }

  .df-contacts__info .df-contacts__role {
  font-size: 16px;
  line-height: 2;
  }

  .df-linkedin-contact-wrap {
  display: flex;
  align-items: center;
  }

  .df-linkedin-contact-wrap .df-linkedin__action {
  padding-right: 8px;
  }

  .df-linkedin__action img,
  .df-contacts__action img {
  transform: scale(1);
  transition: 0.3s all;
  }

  .df-linkedin__action img:hover,
  .df-contacts__action img:hover {
  transform: scale(1.1);
  transition: 0.3s all;
  }

  .df-contacts__actions {
  flex-direction: column;
  padding-left: 8px;
  border-left: 0.5px solid rgba(212, 212, 212, 1);
  }

  .df-contacts__action img {
  width: 16px;
  height: 16px;
  }
  .heroSlider-wrap.single-banner .hero-banner-content.banner-pattern-one h2 {
  margin-bottom: 0 !important;
  font-weight: 600 !important;
  }
  .heroSlider-wrap.single-banner .hero-banner-content.banner-pattern-one span {
  font-size: 32px !important;
  font-weight: 300 !important;
  margin-bottom: 20px !important;
  margin-top: 0;
  }

  body.page-id-2964 #header,
  body.page-id-2964 footer.mt-10.py-10{
  display: none;
  }

  body.page-id-2964 .h-10,
  body.page-id-2964 .h-24 {
  opacity: 0;
  height: 0;
  }
  .df-metrics h2.df-metrics__title.df-sec-heading {
  margin-bottom: 36px !important;
  }
  .df-metrics article.df-metrics__item p {
  margin: 0;
  }
  .df-ai2c h2.df-ai2c__title.df-sec-heading {
  margin-bottom: 36px !important;
  }
  .df-hero .df-hero__content .df-hero__title span {
  color: #fff;
  }
  .df-event-header__btn:hover {
  background: #e6c200;
  text-decoration: none !important;
  }

  .df-event-footer__text{
  font-size: 14px !important;
  line-height: 1.5;
  color: rgba(57, 57, 57, 1);
  }
  .homeslider {
  margin-top: 72px;
  }
  .heroSlider-wrap.single-banner  {
  position: relative !important;
  margin-top: 72px;
  }
  .homeslider{
  position: relative !important;
  }
  .homeslider.no-mb ,
  .heroSlider-wrap.single-banner.no-mb  {
  margin-bottom: 0 !important;
  }

  .homeslider img,
  .heroSlider-wrap.single-banner img {
  width: 100%;
  height: auto;
  }

  .homeslider .item {
  position: relative;
  }

  .homeslider .item .hero-banner-content,
  .heroSlider-wrap.single-banner .hero-banner-content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  }

  .homeslider .item .hero-banner-content h2.width-65,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  width: 62%;
  margin: 0 0 20px;
  }

  .homeslider .item .hero-banner-content h2.width-65 span,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span{
  display: block;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 6px;
  }

  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span{
  margin-bottom: 0;
  font-weight: 300;
  }

  .homeslider .item .hero-banner-content h2.width-65 span.slider3,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span.slider3 {
  display: unset;
  margin-bottom: 0 !important;
  }

  .homeslider .item .hero-banner-content h2.width-65 span.heading-eyebrow ,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span.heading-eyebrow {
  font-size: 54px !important;
  font-weight: 600 !important;
  margin-bottom: 24px !important;
  }

  .homeslider .item .hero-banner-content h2.width-65:has(.slider3) {
  width: 45%;
  }

  .homeslider .item .hero-banner-content a.hero-btn,
  .heroSlider-wrap.single-banner .hero-banner-content a.hero-btn {
  background: #ffd700;
  color: #000;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  }

  .homeslider .item .hero-banner-content a.hero-btn:hover,
  .heroSlider-wrap.single-banner .hero-banner-content a.hero-btn:hover {
  background: #ccac02;
  text-decoration: none;
  transition: all 0.3s ease;
  }

  .homeslider .owl-dots {
  position: absolute;
  bottom: 50px;
  text-align: center;
  width: 100%;
  }

  .homeslider .owl-dots span {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 50%;
  margin: 0 5px;
  border: 1px solid #FFD700;
  transition: all 0.3s;
  }
  .homeslider .owl-dots .owl-dot.active span {
  background: #FFD700;
  transition: all 0.3s;
  }
  .homeslider .owl-dots span:hover {
  background-color: #FFD700;
  }

  .homeslider .owl-nav {
  position: absolute;
  top: 39%;
  transform: translate(-50%, -50%);
  width: 94%;
  margin: 0 auto;
  left: 50%;
  /* display: flex;
  justify-content: space-between; */
  }

  .homeslider .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  }

  .homeslider .owl-nav .owl-next {
  position: absolute;
  right: 0;
  }

  .homeslider .owl-nav span {
  font-size: 100px;
  line-height: 1;
  color: #FFD700;
  opacity: 1;
  transition: 0.3s all;
  }

  .homeslider .owl-nav span:hover{
  opacity: 0.7;
  transition: 0.3s all;
  }

  footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 60px !important;
  padding-bottom: 40px !important;
  border-top: 1px solid #ADADAD;
  }

  @media (min-width: 1200px) and (max-width: 1299.98px) {
  .homeslider .item .hero-banner-content .container{
      max-width: 1080px;
  }
  .df-hero {
      min-height: 460px !important;
  }
  }
  @media (min-width: 1300px) and (max-width: 1499.98px) {
  .homeslider .owl-nav {
  width: 98%;
  }
  }
  @media (min-width: 768px) and (max-width: 1199.98px) {
  .df-metrics__items {
      gap: 40px 0 !important;
  }
  .df-ai2c__inner {
      flex-direction: column !important;
  }

  .df-metrics__item {
      flex: 1 50% !important;
      max-width: 50% !important;
      margin: 0 auto !important;
  }
  .df-metrics__item:first-child::before,
  .df-metrics__item:nth-child(3)::before{
      right: 0;
  }
  .df-metrics__item:nth-child(2)::before,
  .df-metrics__item:nth-child(4)::before{
      content: none;
  }

  .df-hub__center {
      display: none;
  }

  .df-ai2c__image {
      padding: 0;
      max-width: 100% !important;
      flex: 1 100% !important;
      width: 70% !important;
  }

  .df-ai2c__cards{
      max-width: 100% !important;
      flex: 1 100% !important;
      width: 100% !important;
  }

  .df-ai2c__cards .df-ai2c__card {
      flex: 1 48%;
      max-width: 48%;
  }

  .df-hub__stage{
      display: flex;
      flex-wrap: wrap;
      gap: 10px 20px;
      padding: 0 !important;
      margin: 0 auto !important;
  }

  .df-hub__card--bottom {
      transform: unset !important;
  }

  .df-hub__card {
      flex: 1 48%;
      max-width: 48%;
      position: static;
      width: 100%;
      margin: 0 0 16px;
      transform: none;
  }

  .df-hub__card--top,
  .df-hub__card--bottom{
      transform: none;
  }

  .heroSlider-wrap.single-banner{
      margin-top: 62px;
  }

  .homeslider .item .hero-banner-content h2.width-65{
      width: 60%;
  }
  }

  @media (min-width: 992px) and (max-width: 1199.98px) {

  header #nav-drawer ul li {
      margin-left: 6px;
  }

  .df-event-header {
      padding: 16px 30px;
  }

  section.df-hero {
      margin-top: 56px;
  }

  .df-hero{
      min-height: 360px !important;
      padding: 60px 24px !important;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image {
      padding-left: 120px;
  }
  .df-hub__center {
      display: none;
  }
  .df-hub__card {
      position: static !important;
  }
  .df-hub__card--top {
      transform: none !important;
  }
  .df-hub__card {
      flex: 1 calc(100% / 2 - 10px) !important;
      max-width: calc(100% / 2 - 10px) !important;
  }

  .df-ai2c__image {
      width: 50% !important;
  }
  }

  @media (min-width: 992px) and (max-width: 1024.98px) {
  body.page-id-2846 .df-hero__content {
      max-width: 56% !important;
  }
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
  .df-event-header {
      padding: 16px 10px;
  }

  .homeslider.owl-carousel {
      margin-top: 30px;
  }

  .df-hero{
      min-height: auto !important;
      padding: 60px 0 !important;
  }

  body.page-id-2846 .df-hero__content {
      max-width: 56% !important;
  }

  .df-our-journey__item {
      flex-direction: row !important;
  }

  .df-our-journey__dateimagewrap{
      max-width: 55%;
      flex: 1 55%;
  }

  .df-our-journey__content{
      max-width: 45%;
      flex: 1 45% !important;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image{
      padding-left: 60px;
  }

  .df-tr-rec .df-tr-row {
      gap: 30px 40px !important;
  }

  .df-tr-rec .df-tr-row .df-tr-item {
      flex: 1 calc(33.333% - 28px) !important;
      max-width: calc(33.33% - 28px) !important;
  }

  .df-two-cases__card{
      flex: 1 48% !important;
      max-width: 48% !important;
  }

  .df-contacts__right{
      max-width: 70% !important;
      flex: 1 100% !important;
  }
  }

  @media (max-width: 1199.98px) {
  header.device-header{
      background-color: #ffffff;
  }
  .device-hide-br{
      display: none;
  }

  .df-sec-heading{
      font-size: 32px !important;
  }

  .df-hero .df-hero__content .df-hero__title{
      font-size: 36px;
  }

  .df-hero .df-hero__content .df-hero__desc {
      font-size: 18px;
  }

  .df-our-journey .df-our-journey__title{
      font-size: 32px;
  }

  .df-book-demo__content .df-book-demo__title {
      font-size: 32px;
  }

  .df-hub__card--left-top,
  .df-hub__card--right-top,
  .df-hub__card--right-bottom,
  .df-hub__card--left-bottom{
      min-height: unset;
  }

  .homeslider .item .hero-banner-content h2.width-65 span,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span{
      font-size: 20px;
      margin-bottom: 10px;
      padding-top: 10px;
  }

  .homeslider .item .hero-banner-content h2.width-65 span.heading-eyebrow ,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span.heading-eyebrow {
      font-size: 36px;
  }

  .homeslider .item .hero-banner-content h2.width-65:has(.heading-eyebrow),
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65:has(.heading-eyebrow),
  .homeslider .item .hero-banner-content h2.width-65:has(.heading-eyebrow) span.slider3,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65:has(.heading-eyebrow) span.slider3{
      font-size: 20px;
  }


  .homeslider .owl-dots{
      bottom: 20px;
  }

  .homeslider .owl-nav{
      display: none !important;
  }

  .df-ai2c h2.df-ai2c__title.df-sec-heading,
  .df-tr-rec h2.df-tr-rec__title.df-sec-heading,
  .df-two-cases .df-two-cases__title.df-sec-heading,
  .df-contacts__left .df-sec-heading {
      text-align: center !important;
  }

  body.term-news .resources-cards-wrapper {
      padding-top: 40px;
  }

  .df-automated-safety-title .custom-h2 {
      width: 100%;
      margin: 0 auto;
  }

  body.page-template-page-literature-monitor-demo .pre-footer-sec h2 {
      width: 90%;
  }
  }

  @media (max-width: 991.98px) {

  .df-sec-heading{
      font-size: 32px !important;
  }

  .df-hero .df-hero__content .df-hero__title{
      font-size: 36px;
  }

  .df-hero .df-hero__content .df-hero__desc {
      font-size: 18px;
  }

  .df-our-journey .df-our-journey__title{
      font-size: 32px;
  }

  .df-book-demo__content .df-book-demo__title {
      font-size: 32px;
  }

  .df-ai2c__image{
      padding-left: 0;
  }

  .df-contacts__logo,
  .df-contacts__curve{
      display: none !important;
  }
  }

  @media (min-width: 0) and (max-width: 767.98px) {
  .heroSlider-wrap.single-banner .hero-banner-content.banner-pattern-one span {
      font-size: 20px !important;
  }
  .sec-py-60{
      padding-top: 25px;
      padding-bottom: 40px;
  }

  .mt-60{
      margin-top: 25px;
  }

  .custom-h2{
      font-size: 28px;
      line-height: 1.4;
  }
  .custom-h2b{
      font-size: 28px;
      line-height: 1.4;
  }
  .custom-h3{
      font-size: 24px;
      line-height: 1.4;
  }
  .custom-h3b{
      font-size: 24px;
      line-height: 1.4;
  }
  .custom-h4{
      font-size: 20px;
  }
  header.df-event-header,
  .df-event-header {
      padding: 16px 20px;
  }

  .page-id-2964 .df-hero {
      margin-top: 76px;
  }

  .df-event-header__logo {
      width: 160px;
  }
  .df-hero__inner {
    min-height: unset;
  }
  .df-hero__bg{
      margin-left: -40px;
  }
  .df-hero.form-wrapper .df-hero__inner {
    margin-bottom: 0 !important;
  }
  body.page-id-2846 .df-hero__content {
      max-width: 100% !important;
  }
  .v-slides.-mt-32.without-top-section {
    margin-top: 0;
  }
  .df-hero.form-wrapper .df-hero__content {
    margin-bottom: 0 !important;
  }
  .df-hero__content {
      max-width: 100% !important;
  }
  body.page-id-3904 .df-hero__inner {
  min-height: unset !important;
  }
  .df-hero{
      min-height: 380px !important;
  }

  .df-hero__inner {
      align-items: flex-start !important;
  }

  .df-our-journey__dateimagewrap{
      max-width: 100%;
      flex: 1 100%;
      width: 100%;
  }

  .df-our-journey__dateimagewrap .df-our-journey__date{
      order: 2;
      width: 120px;
  }

  .df-our-journey__dateimagewrap .df-our-journey__image{
      max-width: calc(100% - 120px);
      flex: 1 calc(100% - 120px);
      padding-right: 14%;
      padding-left: 0;
  }
  .df-hub__card {
      width: 100% !important;
  }
  .df-our-journey__dateimagewrap .df-our-journey__image::after{
      right: 0;
      left: auto;
  }

  .df-our-journey__image img {
      max-width: 100% !important;
  }

  .df-our-journey__content {
      max-width: 100%;
      flex: 1 100% !important;
  }

  .df-metrics__item:first-child,
  .df-metrics__item:nth-child(2) {
      flex: 1 100%;
      max-width: 100%;
  }

  .df-metrics__item:first-child::before,
  .df-metrics__item:nth-child(3)::before,
  .df-metrics__item:nth-child(2)::before{
      content: none;
  }

  span.df-tr-item__caption{
      text-align: center;
  }

  .df-tr-rec .df-tr-row {
      gap: 32px !important;
  }

  .df-tr-item {
      flex: 1 100% !important;
      max-width: 100% !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .df-contacts__left{
      flex: 1 100% !important;
      max-width: 100% !important;
  }

  .df-contacts__avatar {
      width: 110px !important;
      height: 110px !important;
      flex-basis: 110px !important;
  }

  .df-metrics {
      padding: 50px 0 !important;
  }

  .df-ai2c {
      padding: 50px 20px !important;
  }

  .df-hub {
      padding: 50px 0px 40px !important;
  }

  .df-hub__stage{
      padding: 0 !important;
      margin: 0 auto !important;
  }

  .df-hub__card--bottom {
      transform: unset !important;
  }

  .df-event-header__inner{
      padding: 0;
  }

  .df-event-header__logo {
      width: 180px;
  }

  .df-event-header__cta .df-event-header__btn{
      padding: 8px 12px !important;
  }

  .df-two-cases {
      padding: 50px 0px !important;
  }

  .df-contacts {
      padding: 50px 0 !important;
  }

  .homeslider.owl-carousel,
  .heroSlider-wrap.single-banner {
      margin-top: 78px;
  }


  .heroSlider-wrap.single-banner .hero-banner-content {
      top: 180px !important;
  }
  .homeslider .item .hero-banner-content {
             top: 46px !important;
        transform: none;
  }

  .homeslider .item .hero-banner-content:has(.heading-eyebrow),
  .heroSlider-wrap.single-banner .hero-banner-content:has(.heading-eyebrow){
      top: 250px !important;
  }

  .homeslider .item .hero-banner-content h2.width-65,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65{
      width: 100%;
      font-size: 32px;
      line-height: 38px;
  }

  .homeslider .item .hero-banner-content h2.width-65 span,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span,
  .homeslider .item .hero-banner-content h2.width-65:has(.slider3){
      width: 100%;
  }

  footer {
      padding-top: 40px !important;
      padding-bottom: 20px !important;
  }
  }

  @media (min-width: 768px) and (max-width: 1199.98px) {
  .custom-h2{
      font-size: 28px;
      line-height: 1.4;
  }
  .custom-h2b{
      font-size: 28px;
      line-height: 1.4;
  }
  .custom-h3{
      font-size: 24px;
      line-height: 1.4;
  }
  .custom-h3b{
      font-size: 24px;
      line-height: 1.4;
  }
  .custom-h4{
      font-size: 20px;
  }
  .homeslider .item .hero-banner-content h2.width-65,
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65{
      font-size: 34px;
      line-height: 1.1;
      margin: 0 0 20px;
      width: 56%;
  }
  .heroSlider-wrap.single-banner .hero-banner-content.banner-pattern-one span {
      font-size: 20px !important;
  }

  body.page-template-page-literature-monitor-demo .heroSlider-wrap.single-banner .hero-banner-content h2.width-65{
      width: 52%;
  }
  }

  @media (min-width: 1200px) {
  .df-hub__card--top{
      box-shadow: 0 0 0 5px rgba(25, 25, 25, 0.1),
      0 0 0 10px rgba(25, 25, 25, 0.08),
      0 0 0 15px rgba(25, 25, 25, 0.06) !important;
  }

  .awardsr-recognitions .swiper.clients {
      margin-bottom: 20px;
  }
  }

  @media (min-width: 1900px) {
  body.page-id-2846 .df-hero{
      min-height: 700px;
      padding: 90px 0 !important;
  }
  }


  /* === AI Two-Column (Flex Only) === */
  .df-ai2c { padding: 60px 0px; }
  .df-ai2c__title { text-align:center; margin:0 0 40px; font-size:clamp(28px,4vw,40px); font-weight:600; }

  /* Row: image left, cards right */
  .df-ai2c__inner{
  display:flex;
  flex-wrap:wrap;        /* enables mobile stacking */
  align-items:flex-start;
  gap:40px;
  }

  /* Left column (image) */
  .df-ai2c__image{
  flex:1 1 45%;
  max-width:50%;
  }
  .df-ai2c__image img{ width:100%; height:auto; display:block; }

  /* Right column (cards) */
  .df-ai2c__cards{
  flex:1 1 50%;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  }

  /* Card: 2 per row on desktop */
  .df-ai2c__card{
  flex:1 1 calc(50% - 24px);
  background:#FFD12A;
  padding:22px 24px;
  border-radius:6px;
  }
  .df-ai2c__card-title{ margin:0 0 8px; font-weight:700; font-size:20px; }
  .df-ai2c__card-text{ margin:0; line-height:1.55; font-size:15px; }

  /* Stack on <=1024px (mobile/tablet) */
  @media (max-width:1024px){
  .df-ai2c__image, .df-ai2c__cards{ max-width:100%; flex:1 1 100%; }
  .df-ai2c__card{ flex:1 1 100%; }
  }
  .df-ai2c__inner {
  display: flex;
  }
  .df-ai2c__image {
  width: 48%;
  }
  .df-ai2c__cards {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  }
  .df-ai2c__card {
  width: 48%;
  background:#FFD12A;
  }

  /* Wrapper + Title */
  .df-hub { padding: 60px 0px; }
  .df-hub__title { text-align: center; margin: 0 0 32px; font-weight: 600; font-size: clamp(28px,4vw,40px); }

  /* Stage: center image + absolutely positioned cards (desktop) */
  .df-hub__stage {
  position: relative;
  max-width: 1100px;      /* adjust as needed */
  margin: 0 auto;
  padding: 80px 0;        /* space for top/bottom cards */
  }

  /* Center image */
  .df-hub__center {
  width: 240px;           /* tweak to your center logo size */
  height: 240px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  }
  .df-hub__center img { width: 100%; height: 100%; object-fit: contain; display: block; }

  /* Card base */
  .df-hub__card {
  position: absolute;
  width: 360px;           /* desktop card width */
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 16px 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  }
  .df-hub__card ol {
  list-style-type: unset;
  }

  .df-hub__card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
  .df-hub__card-logo {  height: 50px; object-fit: contain; display: block; }
  .df-hub__card-title { margin: 0; font-size: 18px; font-weight: 700; }
  .df-hub__list { margin: 8px 0 0; padding-left: 22px; }

  /* Desktop positions (approximate—tune offsets to match your design) */
  .df-hub__card--top         { top: 0; left: 50%; transform: translate(-50%, -30%); }
  .df-hub__card--bottom      { bottom: 0; left: 50%; transform: translate(-50%, 30%); }
  .df-hub__card--right-top   { top: 18%;  left: calc(50% + 220px); }
  .df-hub__card--right-bottom{ top: 58%;  left: calc(50% + 220px); }
  .df-hub__card--left-top    { top: 18%;  right: calc(50% + 220px); }
  .df-hub__card--left-bottom { top: 58%;  right: calc(50% + 220px); }

  /* (Optional) dashed connectors — attach pseudo elements from cards toward center */
  .df-hub__card::after{
  content:"";
  position:absolute;
  width: 2px; height: 2px; /* start point */
  border-bottom: 1px dashed #999;
  /* You can draw short lines with rotate + transform-origin;
   leave for your UI team to perfect the angles/lengths. */
  }

  /* Mobile: stack cards below title (like your screenshot) */
  @media (max-width: 991px){
  .df-hub__stage { padding: 0; }
  .df-hub__center { margin: 0 auto 20px; width: 160px; height: 160px; }

  .df-hub__card {
  position: static;
  width: 100%;
  margin: 0 0 16px;
  transform: none;
  }
  }
  @media (max-width: 767.98px) {
  .df-hub__center {
  display: none;
  }
  }

  /* Trusted Recognition widget */
  .df-tr-rec{
  padding: 60px 20px;
  text-align: center;
  }
  .df-tr-rec__title{
  margin: 0 0 16px;
  font-weight: 700;
  font-size: clamp(28px, 4vw, 42px);
  }
  .df-tr-rec__desc{
  margin: 10px auto;
  max-width: 920px;
  line-height: 1.6;
  font-size: 16px;
  }

  /* Row of logos (flex) */
  .df-tr-row{
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 48px 72px; /* row/column gaps */
  }

  .df-tr-item{
  flex: 0 1 180px;      /* base tile width on desktop */
  max-width: 220px;
  text-align: center;
  }
  .df-tr-item__logo img{
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  }
  .df-tr-item__caption{
  margin-top: 12px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 14px;
  }

  /* Mobile: stacked and centered (like your screenshots) */
  @media (max-width: 768px){
  .df-tr-rec{ padding: 48px 16px; }
  .df-tr-row{ gap: 36px; }
  .df-tr-item{ flex: 1 1 100%; max-width: 320px; margin-inline: auto; }
  .df-tr-item__caption{ font-size: 16px; }
  }

  /* Metrics widget */
  .df-metrics{ padding: 60px 24px; text-align: center; }
  .df-metrics__title{
  margin: 0 0 28px;
  font-weight: 700;
  font-size: clamp(28px, 4vw, 44px);
  }

  /* Items row */
  .df-metrics__items{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px 64px; /* row/column gaps */
  max-width: 1200px;
  margin: 0 auto;
  }

  /* Each item */
  .df-metrics__item{
  flex: 1 21%;
  max-width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  }

  /* Icon */
  .df-metrics__icon img{
  width: 34px; height: auto; display: block; object-fit: contain;
  }

  /* Big number */
  .df-metrics__metric{
  display: flex; align-items: baseline; gap: 4px;
  line-height: 1; margin-top: 4px; margin-bottom: 6px;
  }
  .df-metrics__metric-value{ font-size: clamp(36px, 6vw, 64px); font-weight: 800; color: #222; }
  .df-metrics__metric-suffix{ font-size: clamp(36px, 6vw, 64px); font-weight: 800; color: #FFD12A; }

  /* Description */
  .df-metrics__desc{
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  max-width: 320px;
  color: #3a3a3a;
  }

  /* Mobile */
  @media (max-width: 768px){
  .df-metrics{ padding: 48px 16px; }
  .df-metrics__items{ gap: 40px; }
  .df-metrics__item{ flex: 1 1 100%; max-width: 420px; margin-inline: auto; }
  }
  .dfcw .container {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  }

  /* Hero */
  .df-hero {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 60px 0;
  }

  /* Background <picture> fills the section */
  .df-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  }
  .df-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  }

  /* Subtle left-to-right dark overlay for readability */
  .df-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  }

  /* Content */
  .df-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: inherit;
  }

  .df-hero__content {
  color: #fff;
  max-width: 680px;
  }

  .df-hero__title {
  margin: 0 0 16px;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1.05;
  font-weight: 600;
  }

  .df-hero__desc {
  margin: 0;
  font-size: clamp(16px, 2.2vw, 22px);
  line-height: 1.6;
  opacity: 0.96;
  }

  /* Responsive */
  @media (max-width: 1024px) {
  .df-hero {
  min-height: 420px;
  padding: 48px 20px;
  }
  .df-hero__content {
  max-width: 720px;
  }
  }

  @media (max-width: 767px) {
  .df-hero {
  min-height: 380px;
  padding: 40px 16px;
  }
  .df-hero__content {
  text-align: left; /* change to center if you prefer */
  }
  }


  /* === Our Journey Widget Base === */
  .df-our-journey {
  padding: 60px 0;
  }

  .df-our-journey__title {
  text-align: center;
  margin-bottom: 48px;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 600;
  color: #222;
  }

  /* Items wrapper */
  .df-our-journey__items {
  display: flex;
  flex-direction: column;
  gap: 48px;
  }

  /* Each item */
  .df-our-journey__item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  }

  /* Date (Year + Month) */
  .df-our-journey__date {
  flex: 0 0 120px;
  text-align: right;
  font-size: 16px;
  color: #555;
  }
  .df-our-journey__date .year {
  display: block;
  font-weight: 700;
  font-size: 20px;
  color: #FFD12A; /* DataFoundry yellow */
  }
  .df-our-journey__date .month {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  }

  /* Content */
  .df-our-journey__content {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
  }

  /* Image */
  .df-our-journey__image img {
  max-width: 160px;
  height: auto;
  display: block;
  border-radius: 8px; /* optional, can be removed */
  }

  /* Description */
  .df-our-journey__desc {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  max-width: 680px;
  }

  /* === Responsive === */
  @media (max-width: 768px) {
  .df-our-journey__item {
  flex-direction: column;
  align-items: flex-start;
  }

  .df-our-journey__date {
  text-align: left;
  margin-bottom: 12px;
  }

  .df-our-journey__content {
  flex-direction: column;
  gap: 16px;
  }

  .df-our-journey__image img {
  max-width: 120px;
  }
  }
  /* Book a Demo widget */
  .df-book-demo{position:relative; overflow:hidden; min-height:360px; padding:60px 0;}
  .df-book-demo__bg{position:absolute; inset:0; z-index:0; display:block;}
  .df-book-demo__bg img{width:100%; height:100%; object-fit:cover; display:block;}
  .df-book-demo__overlay{position:absolute; inset:0; z-index:0; background:rgba(0,0,0,.45);} /* tweak/disable if not needed */

  .df-book-demo__inner{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; min-height:inherit;}
  .df-book-demo__title{margin:0; font-size:clamp(28px,4.5vw,48px); line-height:1.2; font-weight:600;}
  .df-book-demo__btn {
  display: inline-block;
  margin: 0 auto;              /* centers the button */
  padding: 14px 32px;          /* size */
  border-radius: 6px;          /* rounded corners */
  background-color: #FFD12A;   /* yellow */
  color: #111;                 /* dark text */
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;       /* remove underline */
  line-height: 1.2;
  transition: all 0.25s ease;
  }
  .df-book-demo__content {
  text-align: center;
  }

  /* === AI Two-Column (Flex Only) === */
  .df-ai2c { padding: 60px 20px; }
  .df-ai2c__title { text-align:center; margin:0 0 40px; font-size:clamp(28px,4vw,40px); font-weight:600; }

  /* Row: image left, cards right */
  .df-ai2c__inner{
  display:flex;
  flex-wrap:wrap;        /* enables mobile stacking */
  align-items:flex-start;
  gap:40px;
  }

  /* Left column (image) */
  .df-ai2c__image{
  flex:1 1 45%;
  max-width:50%;
  }
  .df-ai2c__image img{ width:100%; height:auto; display:block; }

  /* Right column (cards) */
  .df-ai2c__cards{
  flex:1 1 50%;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  }

  /* Card: 2 per row on desktop */
  .df-ai2c__card{
  flex:1 1 calc(50% - 24px);
  background:#FFD12A;
  padding:22px 24px;
  border-radius:6px;
  }
  .df-ai2c__card-title{ margin:0 0 8px; font-weight:700; font-size:20px; }
  .df-ai2c__card-text{ margin:0; line-height:1.55; font-size:15px; }

  /* Stack on <=1024px (mobile/tablet) */
  @media (max-width:1024px){
  .df-ai2c__image, .df-ai2c__cards{ max-width:100%; flex:1 1 100%; }
  .df-ai2c__card{ flex:1 1 100%; }
  }
  .df-ai2c__inner {
  display: flex;
  }
  .df-ai2c__image {
  width: 48%;
  }
  .df-ai2c__cards {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  }
  .df-ai2c__card {
  width: 48%;
  background:#FFD12A;
  }

  /* Two Case Cards */
  .df-two-cases{ padding: 60px 0px; }
  .df-two-cases__title{
  margin: 0 0 24px;
  font-weight: 700;
  font-size: clamp(28px, 4vw, 42px);
  text-align: left;       /* change to center if you prefer */
  }

  /* Row: two columns on desktop, stacked on mobile */
  .df-two-cases__row{
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  }

  /* Card */
  .df-two-cases__card{
  flex: 1 1 48%;
  border: 3px solid #FFD12A;   /* Datafoundry yellow */
  border-radius: 2px;
  padding: 20px 22px;
  background: #fff;
  }

  .df-two-cases__card-title{
  margin: 0 0 14px;
  font-weight: 700;
  font-size: clamp(18px, 2.2vw, 24px);
  position: relative;
  padding-bottom: 12px;
  }
  .df-two-cases__card-title::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: #E6E6E6;         /* light grey divider */
  }

  .df-two-cases__card-desc{
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.65;
  color: #3a3a3a;
  }

  /* Mobile */
  @media (max-width: 900px){
  .df-two-cases__row{ gap: 20px; }
  .df-two-cases__card{ flex: 1 1 100%; }
  }
  /* Contact Profiles widget */
  .df-contacts{ padding: 60px 24px; }
  .df-contacts__title{
  margin: 0 0 24px;
  font-weight: 700;
  font-size: clamp(28px,4vw,42px);
  }

  /* Row: two columns on desktop, stacked on mobile */
  .df-contacts__row{
  display:flex;
  flex-wrap:wrap;
  gap: 32px;
  align-items:flex-start;
  }

  /* Left column (two images stacked visually) */
  .df-contacts__left{
  flex: 0 1 380px;         /* width of left visual area */
  max-width: 420px;
  display:flex;
  flex-direction:column;
  gap:16px;
  }
  .df-contacts__logo img,
  .df-contacts__curve img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  }

  /* Right column (profiles) */
  .df-contacts__right{
  flex: 1 1 520px;
  min-width: 420px;
  display:flex;
  flex-direction:column;
  gap: 24px;
  }

  /* Profile card */
  .df-contacts__card{
  display:flex;
  align-items:flex-start;
  gap: 18px;
  padding: 16px 0;
  border-bottom:1px solid #eee; /* subtle divider between people */
  }

  /* Avatar circle with yellow ring */
  .df-contacts__avatar{
  width: 120px; height: 120px;
  border-radius: 50%;
  border: 6px solid #FFD12A;
  overflow:hidden;
  flex: 0 0 120px;
  }
  .df-contacts__avatar img{
  width:100%; height:100%; object-fit:cover; display:block;
  }

  .df-contacts__info{ flex: 1; }
  .df-contacts__name{
  margin: 0 0 6px;
  font-weight: 800;
  font-size: clamp(18px, 2vw, 22px);
  }
  .df-contacts__role{
  margin: 0 0 10px;
  color: #666;
  font-size: 14px;
  border-bottom:1px solid #eee;
  padding-bottom:12px;
  }

  /* Action icons line */
  .df-contacts__actions{
  display:flex;
  align-items:center;
  gap: 12px;
  }
  .df-contacts__action img{
  width:28px; height:auto; display:block; object-fit:contain;
  }

  /* Mobile */
  @media (max-width: 900px){
  .df-contacts__left{
  flex: 1 1 100%; max-width:100%;
  }
  .df-contacts__right{
  flex: 1 1 100%; min-width: 0;
  }
  .df-contacts__card{
  padding: 20px 0;
  }
  .df-contacts__avatar{
  width: 110px; height: 110px; flex-basis:110px;
  }
  }
  /* Event Header */
  .df-event-header {
  background: #555b5e; /* dark gray background */
  padding: 10px 20px;
  }

  .df-event-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  }

  .df-event-header__logo img {
  max-height: 40px;
  width: auto;
  }

  .df-event-header__btn {
  background: #ffd500;
  color: #000;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  }

  .df-event-header__btn:hover {
  background: #e6c200;
  }
  /*Event footer css*/
  /* Event footer */
  .df-event-footer {
  padding: 10px 16px;            /* adjust to match image */
  background: #ddd;              /* editable via control */
  }

  .df-event-footer__inner {
  display: flex;
  justify-content: center;       /* center text horizontally */
  align-items: center;
  }

  .df-event-footer__text {
  font-size: 13px;               /* use 12–14px to match your screenshot */
  line-height: 1.4;
  text-align: center;
  }
  .wp-block-image img {
  width:100%;
  }
  .wp-block-image>a, .wp-block-image>figure>a{
  width: 100%;
  }
  .page-id-83 .homeslider .item .hero-banner-content h2.width-65 span, .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span.inline-span{
  display:inline;
  }
  .tag-banner__title {
  color: #FFD700;
  font-weight: 700;
  font-size: 23px;
  text-transform: capitalize;
  }

  body.page-template-page-services .heroSlider-wrap.single-banner{
  margin-bottom: 60px;
  }

  body.tag .heroSlider-wrap.single-banner {
   margin-bottom: 30px;
  }

  body.page-template-page-cosmo-safety .resources-slider{
  background-color: #F5F5F5;
  }

  body.page-template-page-cosmo-safety .resources-slider .swiper-slide .card {
  margin-bottom: 12px;
  }

  body.page-template-page-literature-monitor #Safety .df-automated-safety-wrapper{
  margin-bottom: 28px;
  }
  body.page-template-page-digitize .pre-footer-sec h2{
  width: 86%;
  }
  body.page-template-page-digitize .intro-section .icon-block-center {
  margin-bottom: 30px;
  }

  body.page-template-page-about .intro-section p.text-18 {
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  font-weight: 400;
  text-align: center;
  margin-bottom: 8px;
  }

  body.page-template-page-about .intro-section p.text-18 span{
  font-weight: 600;
  }

  body.page-template-page-about .intro-section p.text-16 {
  font-size: 16px;
  line-height: 28px;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  font-weight: 400;
  text-align: center;
  }

  body.page-template-page-literature-monitor-demo .pre-footer-sec h2 {
  width: 82%;
  }

  body.page-template-page-m-safety-demo .df-automated-safety-title .custom-h2,
  body.page-template-page-m-signal-demo  .df-automated-safety-title .custom-h2 {
  width: 84%;
  margin: 0 auto;
  }

  body.page-template-page-m-signal .df-automated-safety-title .custom-h2,
  body.page-template-page-m-safety  .df-automated-safety-title .custom-h2,
  body.page-template-page-literature-monitor .intro-section h2 {
  width: 78%;
  margin: 0 auto;
  }

  body.page-template-page-literature-monitor .pre-footer-sec h2{
  width: 82%;
  }

  body.page-template-page-partnership .icon-block{
  justify-content: center;
  }

  #digitize .custom-h2{
  margin-bottom: 20px;
  }

  @media (min-width: 1200px) and (max-width: 1279.98px) {
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
      font-size: 40px;
  }
  }
  @media (min-width: 1280px) {
  body.tag .heroSlider-wrap.single-banner {
  margin-top: 30px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
  margin-bottom: 20px;
  }
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
  margin-bottom: 20px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
  font-size: 50px;
  line-height: 58px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span {
  display: block;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 300;
  margin-bottom: 10px;
  }
  body.tag  .heroSlider-wrap.single-banner .hero-banner-content .tag-banner__title {
  font-size: 30px;
  }
  body.page-template-page-ACL-Tool-demo .resources-slider {
  padding-top: 0;
  }
  @media (min-width: 0) and (max-width: 767.98px) {
  body.page-template-page-services .heroSlider-wrap.single-banner{
      margin-bottom: 40px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
  font-size: 40px;
  line-height: 48px;
  }
  .heroSlider-wrap.single-banner.banner-pattern-two .hero-banner-content h2.width-65
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span {
      font-size: 28px;
  }
  body.tag  .heroSlider-wrap.single-banner .hero-banner-content .tag-banner__title {
      font-size: 24px;
      line-height: 1.2;
  }
  .heroSlider-wrap.single-banner.banner-pattern-two .hero-banner-content h2.width-65 {
      width: 100% !important;
  }
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
      line-height: 1.2;
  }
  .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 br.hide-br-mb {
    display: none;
  }
  .heroSlider-wrap.single-banner.banner-pattern-two .hero-banner-content h2.width-65 {
      width: 100% !important;
  }
  body.page-template-page-literature-monitor #Safety .df-automated-safety-wrapper {
      margin-bottom: 0;
  }
  body.page-template-page-ACL-Tool-demo .pre-footer-sec h2,
  body.page-template-page-m-signal-demo .pre-footer-sec h2 {
      width: 90%;
  }

  }
  @media (min-width: 768px) and (max-width: 991.98px) {
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
      font-size: 30px;
      line-height: 33px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span {
      font-size: 20px;
      line-height: 1.3;
  }
  body.tag  .heroSlider-wrap.single-banner .hero-banner-content .tag-banner__title {
      font-size: 18px;
      line-height: 1.2;
  }
  body.page-template-page-literature-monitor #Safety .df-automated-safety-wrapper {
      margin-bottom: 0;
  }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  body.tag .heroSlider-wrap.single-banner {
  margin-top: 76px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
      font-size: 30px;
      line-height: 36px;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span {
      font-size: 28px;
      line-height: 1.3;
  }
  body.tag .heroSlider-wrap.single-banner .hero-banner-content .tag-banner__title{
      font-size: 24px;
  }
  body.page-template-page-literature-monitor-demo .df-automated-safety-title .custom-h2 {
      width: 90%;
  }

  }
  @media (min-width: 1200px) and  (max-width: 1279.98px) {
  body.tag .heroSlider-wrap.single-banner {
    margin-bottom: 30px;
    margin-top: 70px;
  }
  }

  a {
  color: #2a1ca7;
  }
  .p-left-normal {
  width: 80%;
  margin: 0 auto;
  }
  ul.list-inside {
  padding-left: 40px;
  margin-bottom: .5rem;
  list-style: initial;
  }

  /* new color template update */

  .secondary-heading {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  }

  .secondary-heading span{
  font-weight: 700;
  }
  .secondary-heading.digital-transformation span {
  font-weight: 600;
  }

  .py-60{
  padding-top: 60px;
  padding-bottom: 60px;
  }

  .icon-tabs-section {
  background-color: #f6f6f6;
  padding: 60px 0;
  }

  img.icon-60 {
  width: 60px;
  height: 60px;
  }

  .icon-tabs-section img.icon-60 {
  width: 60px;
  height: 60px;
  }

  .icon-tabs-section .yellow-text {
  color: rgba(219, 185, 0, 1);
  padding-right: 8px;
  border-right: 4px solid rgba(219, 185, 0, 1);
  }

  .icon-tabs-section .three-tab-wrap,
  .icon-tabs-section .tabs-slider {
  padding: 40px;
  border-radius: 8px;
  }

  .icon-tabs-section .three-tab-wrap .tab-link.current,
  .icon-tabs-section .three-tab-wrap .tab-link:hover,
  .icon-tabs-section .tabs-slider .tab-link.cureent,
  .icon-tabs-section .tabs-slider .tabs-link:hover{
  background-color: #000000;
  color: #FFFFFF;
  }

  .icon-tabs-section .three-tab-wrap .tab-link,
  .icon-tabs-section .tabs-slider .tab-link {
  background-color: #F5F5F5;
  color: #000000;
  border-radius: 6px;
  box-shadow: unset;
  text-transform: none;
  font-size: 22px;
  line-height: 1.1;
  }

  .icon-tabs-section .three-tab-wrap .tab-content,
  .icon-tabs-section .tabs-slider .tab-content {
  margin-bottom: 0;
  padding: 0;
  }
  .icon-tabs-section .three-tab-wrap .tab-content .tab-logo,
  .icon-tabs-section .tabs-slider .tab-content .tab-logo {
  width: 190px;
  height: auto;
  }
  .icon-tabs-section .leading-relaxed.font-reguler {
  font-weight: 400;
  }

  .opportunity-improve img.icon-60 {
  width: 60px;
  height: 60px;
  }

  body.home .card-pattern{
  background-color: rgba(26, 26, 26, 1);
  }

  body.home .v-slides {
  margin-bottom: 0;
  }

  .right-stats-swiper .stats-title{
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 25px;
  }

  .right-stats-swiper .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets{
  right: auto;
  left: 50%;
  top: auto;
  bottom: -4px;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  align-items: center;
  }

  .right-stats-swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
  display: unset;
  }

  .left-grey-bg{
  background: #F5F5F5 !important;
  }

  .left-grey-bg .text-18,
  .right-stats-swiper .text-18 {
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  font-weight: 400;
  }

  .left-grey-bg .slider-number,
  .right-stats-swiper .slider-number {
  position: relative;
  margin-right: 18px;
  flex-basis: 65px;
  margin-bottom: 20px;
  }

  .left-grey-bg .slider-number img,
  .right-stats-swiper .slider-number img {
  width: 60px;
  height: auto;
  margin-right: 20px;
  }

  .left-grey-bg .slider-number span,
  .right-stats-swiper .slider-number span {
  position: absolute;
  top: 16px;
  left: 30px;
  }

  .grey-bg-sec{
  background-color: #F5F5F5;
  }
  .yellow-bg{
  background-color: rgba(255, 215, 0, 1);
  margin: 0 auto;
  border-radius: 8px;
  }

  .yellow-bg .date-wrap {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #212121;
  }

  .yellow-bg .custom-h3{
  margin-bottom: 20px;
  }

  .yellow-bg .text-18{
  margin-bottom: 20px;
  }

  .yellow-bg .text-16{
  font-weight: 600;
  }

  .pry-yellow-bg-section{
  background-color: rgba(255, 215, 0, 1);
  padding: 60px;
  margin: 0 auto;
  position: relative;
  }

  .pry-yellow-bg-section::before,
  .pry-yellow-bg-section::after{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  }

  .pry-yellow-bg-section::before {
  left: 0px;
  top: 0px;
  background-image: url('https://the.f7f.myftpupload.com/wp-content/themes/datafoundry/build/img/pattern-sm-left.svg');
  background-position: top left;

  }

  .pry-yellow-bg-section::after {
  right: 0px;
  bottom: 0;
  background-image: url('https://the.f7f.myftpupload.com/wp-content/themes/datafoundry/build/img/pattern-sm-right-latestone.svg');
  background-position: right bottom;
  }

  .pry-yellow-bg-section .container-sm{
  position: relative;
  z-index: 9;
  }

  .pre-footer-sec{
  background-color: rgba(26, 26, 26, 1);
  text-align: center;
  }

  .pre-footer-sec h2{
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  width: 95%;
  margin: 0 auto 20px;
  }

  .pre-footer-sec h2 span{
  font-weight: 700;
  }
  .v-slides{
  margin-bottom: 60px;
  }
  .v-slides .card .card.gradient{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  }
  .v-slides .right-stats-swiper {
  padding: 30px;
  }
  .v-slides.-mt-32{
  margin-top: -6rem;
  }
  .swiper.challenges .swiper-slide {
  flex-direction: column;
  }
  .swiper.challenges .swiper-slide .slider-icon-title {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
  align-content: center;
  }
  .swiper.challenges .swiper-slide .slider-icon-title .slider-number {
  position: relative;
  margin-right: 18px;
  flex-basis: 65px;
  }
  .swiper.challenges .swiper-slide .slider-icon-title .slider-number span {
  position: absolute;
  top: 16px;
  left: 30px;
  }
  .swiper.challenges .swiper-slide .slider-icon-title .slider-text {
  margin: 0;
  flex-basis: calc(100% - 70px);
  }
  .swiper.challenges .swiper-slide .slider-icon-title img {
  width: 60px;
  height: auto;
  margin-right: 20px;
  }
  .swiper.challenges .swiper-slide .slider-desc {
  width: 100%;
  min-height: 190px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul {
  list-style-type: none;
  padding-left: 0;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li {
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  align-content: center;
  font-size: 16px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li .swiper-stats{
  max-width: 32%;
  flex: 1 32%;

  }
  .swiper.challenges .swiper-slide .slider-desc ul li strong {
  font-weight: 700;
  font-size: 30px;
  padding-right: 10px;
  padding-left: 4px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li span {
  max-width: 68%;
  flex: 1 68%;
  }
  .swiper.challenges .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #212121;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 5px;
  }
  .swiper.challenges .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #212121;
  width: 10px !important;
  height: 10px !important;
  }
  .swiper.challenges .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #212121;
  }
  .data-foundry-img {
  background-color: #F5F5F5;
  }
  .awardsr-recognitions .swiper-wrapper .swiper-slide {
  flex-direction: column;
  }
  .awardsr-recognitions .swiper-wrapper .swiper-slide img {
  margin-bottom: 20px;
  }
  .resources-slider .swiper.clients,
  .resources-slider .swiper.resources {
  overflow: hidden !important;
  margin-right: 5px;
  }
  .resources-slider .flex-wrap h3.text-xl {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
  }
  .resources-slider {
/*   padding-bottom: 50px; */
/*   padding-top: 50px; */
  background-color: #ffffff;
  }
  .resources-cards-wrapper{
  padding-top: 30px;
  }

  .resources-slider .swiper-slide a,
  .resources-cards-wrapper a {
  height: 100%;
  }

  .resources-cards-wrapper .yellow-bg a {
  height: unset;
  }

  .resources-slider .swiper-slide .card {
  border: 1px solid #ADADAD;
  border-radius: 8px;
  padding: 30px 30px 40px;
  min-height: 250px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  }
  .resources-cards-wrapper .card {
  border: 1px solid #ADADAD;
  border-radius: 8px;
  padding: 30px 30px 30px;
  min-height: 250px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  }

  .resources-slider .swiper-slide .card>.flex,
  .resources-cards-wrapper .card>.flex {
  justify-content: flex-start;
  }

  .resources-cards-wrapper .card .img-wrap,
  .resources-cards-whitepaper .card .img-wrap {
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
  }

  .resources-cards-wrapper .card .content-wrap,
  .resources-cards-whitepaper .card .content-wrap{
  flex: 1 0 auto;
  }

  .resources-cards-whitepaper .card h2{
  margin-bottom: 16px;
  }

  .resources-cards-wrapper .card .card-desc,
  .resources-cards-whitepaper .card .card-desc{
  margin-bottom: 16px;
  flex-grow: 1;
  }

  .resources-slider .swiper-slide .card span.text-gray-500,
  .resources-cards-wrapper .card h5 {
  color: #969696;
  font-weight: 600;
  text-transform: initial;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif !important;
  }

  .resources-slider .swiper-slide .card h2,
  .resources-cards-wrapper .card h2 {
  font-size: 18px;
  font-weight: 700;
  color: #212121;
  font-family: 'Montserrat', sans-serif !important;
  }

  .resources-slider .swiper-slide .card .font-light,
  .resources-cards-wrapper .card .card-desc p {
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  /*   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
  font-family: 'Montserrat', sans-serif !important;
  }
  /* .resources-slider .swiper-slide .card .title-desc-wrap {
  max-height: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  } */

  .resources-slider .swiper-slide .card .flex.justify-between .flex.items-center {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 15px;
  padding: 0;
  }

  .resources-slider .resources .swiper-slide a .flex.justify-between .flex.items-center img {
  margin-left: 0;
  transition: all 0.3s;
  }

  .resources-slider .resources .swiper-slide a:hover .flex.justify-between .flex.items-center img {
  margin-left: 4px;
  transition: all 0.3s;
  }

  .resources-slider .swiper-slide .card .justify-between span.text-sm,
  .resources-cards-wrapper .card a span.text-sm,
  .resources-cards-whitepaper .card .card-link span.text-sm{
  color: #126DFF !important;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif !important;
  }

  .resources-slider .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #212121;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin-left: 2px;
  }

  .resources-slider .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #212121;
  }

  .resources-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #212121;
  width: 10px !important;
  height: 10px !important;
  }

  .resources-cards-whitepaper{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  }

  .load-more-blogs{
  margin-bottom: 60px;
  }
  .blog-wrap .load-more-blogs{
  margin-bottom: 0px;
  }
  .blog-wrap {
  margin-bottom: 60px;
  }

  .load-more-blogs .btn.primary{
  margin-top: 80px;
  }

  footer .col-span-12 a.block {
  color: #212121;
  }

  footer .col-span-12 a.block:hover {
  text-decoration: underline;
  }

  footer .col-span-12 .inline-block {
  transform: scale(1);
  transition: 0.3s all;
  }

  footer .col-span-12 .inline-block:hover {
  transform: scale(1.1);
  transition: 0.3s all;
  }

  .card.df-safety-ai-value-prop {
  background: none;
  }
  .df-automated-safety-title {
  background-color: #F5F5F5;
  }
  .df-automated-safety-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  }
  .df-automated-safety-wrapper>.w-full p {
  text-align: left !important;
  }
  .video-text-wrapper {
  background: #fff;
  padding:40px;
  margin-top: 32px;
  border-radius: 8px;
  }
  .play-icon-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  pointer-events: none;
  }
  .video-wrapper {
  position: relative;
  display: inline-block;
  }

  .icons-wrapper{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;
  padding-top: 40px;
  }

  .icons-wrapper.three-grid-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .each-icon-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-left: 16px;
  padding-right: 16px;
  }

  .each-icon-text img {
  width: 60px;
  height: 60px;
  }

  .each-icon-text p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #232323;
  margin-bottom: 0;
  }

  .three-col-card{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 36px;
  }

  .three-col-card .three-col-each-card{
  border: 1px solid #ADADAD;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 30px;
  }

  .three-col-card .three-col-each-card img {
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
  }

  .icon-block {
  margin-top: 38px;
  margin-bottom: 0;
  gap: 50px 40px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-evenly;
  }
  .icon-block .each-icon {
  width: calc(100%/4 - 40px);
  text-align: center;
  }

  .icon-block-center {
  margin-top: 38px;
  margin-bottom: 0;
  gap: 60px 40px;
  justify-content: center;
  }

  .icon-block-center .each-icon img {
  display: inline-block;
  height: 60px;
  width: 60px;
  }
  .icon-block-center .each-icon p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 30px;
  color: #232323;
  }
  .icon-block-center .each-icon {
  width: calc(100%/3 - 28px);
  }
  .video-text-wrapper p {
  margin-bottom: 30px;
  }
  .mb-0 {
  margin-bottom: 0 !important;
  }
  .heroSlider-wrap.single-banner.banner-pattern-two .hero-banner-content h2.width-65 {
  width: 50% !important;
  margin-bottom: 20px;
  }
  .four-col-card {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cosmo-spl-banner {
  padding: 40px 0;
  }
  .cosmo-spl-banner a:hover {
  opacity: 0.8;
  }
  .cosmo-spl-banner h3 {
  font-size: 36px !important;
  line-height: 40px !important;
  margin-bottom: 20px;
  }
  .df-automated-safety-title.cosmo-block .video-text-wrapper {
  margin-top: 20px;
  }
  .df-automated-safety-title.cosmo-block .video-text-wrapper h3 {
  color: #212121;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  line-height: 30px;
  margin: 0;
  }
  .df-automated-safety-title.cosmo-block .video-text-wrapper .stat-item p {
  font-weight: 500 !important;
  }
  #Safety.df-automated-safety-title p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  }
  #Safety.df-automated-safety-title p.text-center{
  text-align: center;
  }
  .df-automated-safety-title.cosmo-block .video-text-wrapper  .stat-item {
  margin-bottom: 16px;
  }
  .cta-btn {
  border-top: 1px solid #D9D9D9;
  margin: 44px 0 0;
  padding-top: 44px;
  }
  .cta-btn .w-full {
  display: flex;
  gap: 40px;
  }
  #Safety.df-automated-safety-title .cta-btn p {
  line-height: 30px;
  color: #212121;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  width: calc(100% - 160px);
  margin: 0;
  text-align: left;
  }
  #Safety.df-automated-safety-title .cta-btn .w-full a {
  width: 160px;
  }
  .df-automated-safety-title.cosmo-block .video-text-wrapper .stat-item:last-child,
  .df-automated-safety-title.cosmo-block .video-text-wrapper .stat-item p {
  margin-bottom: 0;
  }
  .key-features h2 {
  text-align: center;
  margin-bottom: 44px;
  }
  .key-features {
  background: #fff;
  padding: 60px 0;
  }
  .key-features p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 44px;
  }
  .key-features .w-full.video-wrapper video {
  width: 60%;
  border-radius: 8px;
  margin: 0 auto;
  }
  .key-features-holder {
  padding-top: 50px;
  }
  .key-features-holder h2 {
  margin-bottom: 30px;
  font-weight: 700;
  }
  .key-features-holder .icon-block {
  gap: 50px;
  }
  .key-features-holder .icon-block .each-icon {
  width: calc(100%/3 - 40px);
  }
  .key-features-holder .icon-block .each-icon p {
  margin-bottom: 0;
  }
  .only-content h2.custom-h2b {
  text-align: center;
  margin-bottom: 20px;
  }
  .transforming-life .primary {
  background: #fff;
  z-index: 9;
  position: relative;
  border: 0;
  }
  .transforming-life .primary:hover {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 0;
  }
  a.text-cta {
  color: #000;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 500;
  line-height: 28px;
  transition: all 0.3s;
  }
  a.text-cta:hover {
  text-decoration: none;
  transition: all 0.3s;
  }
  .featured-resources h2 {
  margin-bottom: 10px;
  }

  .digitalize-framework {
  padding-top: 60px;
  }

  .digitalize-framework .custom-h2 {
  margin-bottom: 20px;
  }

  .digitalize-framework .framework-img{
  margin-top: 44px;
  }

  .card-pattern.bg-black .custom-h2,
  .card-pattern.bg-black .custom-h2b{
  color: #ffffff;
  }

  .v-slides h3.text-border {
  font-size: 24px;
  font-weight: 600;
  color: #212121;
  padding-left: 16px;
  border-left: 4px solid #FFD700;
  margin-bottom: 20px;
  }

  #whoweare .txt-with-img{
  border-radius: 8px;
  }

  #whoweare .txt-with-img p{
  margin-bottom: 16px;
  }

  #whoweare .txt-with-img p:last-child{
  margin-bottom: 0;
  }

  .partner-left-content .custom-h3 {
  font-weight: 600;
  margin-bottom: 16px;
  }

  .partner-left-content ul li {
  padding-bottom: 8px;
  line-height: 32px;
  }

  .partner-form-wrap input.wpcf7-submit {
  margin-top: 32px;
  }

  .partner-intro .icon-block .slider-number {
  position: relative;
  max-width: 65px;
  margin: 0 auto 20px;
  }

  .partner-intro .icon-block .slider-number img {
  width: 60px;
  height: auto;
  }

  .partner-intro .icon-block .slider-number span {
  position: absolute;
  top: 16px;
  left: 30px;
  }

  .partner-form-wrap .wpcf7-form input.wpcf7-text,
  .partner-form-wrap .wpcf7-form input.wpcf7-number {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: #7C7C7C;
  height: 56px;
  }

  .partner-form-wrap .wpcf7-form textarea.wpcf7-textarea {
  height: 90px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: #7C7C7C;
  }

  .partner-form-wrap .wpcf7-form input.wpcf7-text:focus,
  .partner-form-wrap .wpcf7-form input.wpcf7-number:focus,
  .partner-form-wrap .wpcf7-form input.wpcf7-text:focus-visible,
  .partner-form-wrap .wpcf7-form input.wpcf7-number:focus-visible,
  .partner-form-wrap .wpcf7-form textarea.wpcf7-textarea:focus,
  .partner-form-wrap .wpcf7-form textarea.wpcf7-textarea:focus-visible {
  outline: none;
  box-shadow: unset;
  }

  .partner-form-wrap .wpcf7-list-item{
  margin: 0;
  }

  .partner-form-wrap .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  }

  .partner-form-wrap .wpcf7-list-item label input[type="checkbox"] {
  margin-top: 5px;
  max-width: 14px;
  height: 14px;
  width: 14px;
  }

  .partner-form-wrap .wpcf7-list-item label span.wpcf7-list-item-label {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #212121;
  }

  .news-dd-wrap {
  display: flex;
  justify-content: flex-end;
  }

  .news-dd-wrap .text-wrap {
  border: 1px solid #ADADAD;
  border-radius: 8px;
  padding: 12px 18px;
  width: 235px;
  }

  .news-dd-wrap .text-18 {
  padding-right: 6px;
  }

  .news-dd-wrap .text-wrap .dropdown-menu {
  padding: 0;
  min-width: 200px;
  top: 50px;
  right: 0;
  left: auto;
  }
  .news-dd-wrap .text-wrap .dropdown-trigger {
  justify-content: space-between;
  }

  .news-dd-wrap .text-wrap .dropdown-menu li a{
  font-weight: 500;
  }

  .news-dd-wrap .text-wrap .dropdown-menu li a.active,
  .news-dd-wrap .text-wrap .dropdown-menu li a:hover {
  color: #212121;
  font-weight: 500;
  background-color: rgba(150, 150, 150, 0.2);
  }

  .news-dd-wrap .text-wrap .dropdown-menu.hidden {
    display: none !important;
  }

  @media (min-width: 0px) and (max-width: 767.98px) {
  .cosmo-spl-banner h3 {
      font-size: 28px !important;
  }
  .cosmo-spl-banner h3 br {
      display: none;
  }
  .cta-btn {
      padding-top: 0;
  }
  .cta-btn .w-full {
      display: flex;
      gap: 40px;
      flex-direction: column;
  }
  .cta-btn .w-full {
      gap: 20px;
  }
  #Safety.df-automated-safety-title .cta-btn p {
      line-height: 30px;
      color: #212121;
      font-weight: 700;
      width: 100%;
      margin-bottom: 0;
  }
  .secondary-heading.digital-transformation {
      min-height: 110px;
  }
  .resources-slider .swiper-slide .card .font-light {
    margin-bottom: 20px;
  }
  .three-col-card{
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .icon-tabs-section .three-tab-wrap .tab-content {
  padding-top: 20px;
  }
  .py-60 {
  padding-top: 40px;
  padding-bottom: 40px;
  }
  .heroSlider-wrap.single-banner.banner-pattern-two .hero-banner-content h2.width-65 {
      width: 100% !important;
  }
  .secondary-heading,
  .resources-slider .flex-wrap h3.text-xl,
  .pre-footer-sec h2 {
  font-size: 28px;
  }
  .resources-slider .flex-wrap h3.text-xl {
  margin-bottom: 0;
  }
  .icon-tabs-section {
  padding: 40px 0;
  }
  .icon-tabs-section .three-tab-wrap .tab-link {
  font-size: 16px;
  }
  .icon-tabs-section .yellow-text {
      display: inline-block;
  }
  .right-stats-swiper .stats-title {
  font-size: 20px;
      margin-bottom: 15px;
  }
  .newsletter-form form input[type="email"] {
      width: 100%;
  }
  .newsletter-form form .flex.flex-wrap p {
      width: 60%;
    max-width: 60%;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li strong {
  font-size: 18px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li {
  margin-bottom: 12px;
  }
  .resources-slider .swiper-slide .card {
  padding: 16px;
  }
  .resources-slider .swiper-slide .card .justify-between {
  padding-top: 0;
  }
  .load-more-blogs, .blog-wrap {
    margin-bottom: 40px;
  }

  .load-more-blogs .btn.primary{
    margin-top: 30px;
  }
  .experience-insights h3.secondary-heading br {
  display: none;
  }
  .resources-slider .swiper-slide .card .flex.justify-between .flex.items-center {
  left: 8px;
  }
  .df-automated-safety-wrapper {
      flex-direction: column;
  }
  .df-automated-safety-wrapper video {
      margin-left: 0 !important;
      width: 100%;
      height: 100%;
  }
  .df-automated-safety-title.cosmo-block .cta-btn {
      padding-top: 20px;
      margin-top: 30px;
  }
  .icons-wrapper{
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .three-col-card{
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .four-col-card {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .v-slides .right-stats-swiper{
      padding: 30px 30px 50px;
      margin-top: 0;
  }
  .digitalize-framework {
      padding-top: 40px;
  }

  .digitalize-framework .framework-img{
      margin-top: 24px;
  }

  .left-text .text-left {
      order: 2;
  }
  .blog-wrap .news-dd-wrap {
    margin-top: 25px;
  }
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
  .icons-wrapper{
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .resources-slider .swiper-slide .card .font-light {
    margin-bottom: 20px;
  }
  }

  @media (min-width: 768px) and (max-width: 1199.98px) {
  .secondary-heading,
  .resources-slider .flex-wrap h3.text-xl,
  .pre-footer-sec h2 {
  font-size: 28px;
  }
  .icon-tabs-section {
  padding: 40px 0;
  }
  .py-60 {
  padding-top: 45px;
  padding-bottom: 45px;
  }
  .resources-slider .swiper-slide .card {
  padding: 22px;
  }
  .resources-slider .flex-wrap h3.text-xl {
  margin-bottom: 0;
  }
  .icon-tabs-section .three-tab-wrap .tab-link {
  font-size: 16px;
  }
  .icon-tabs-section .grid .px-10 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  }
  .right-stats-swiper .stats-title {
  font-size: 20px;
  }
  .experience-insights h3.secondary-heading br {
  display: none;
  }
  .resources-slider .swiper-slide .card .flex.justify-between .flex.items-center {
  left: 10px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li strong {
      font-size: 22px;
  }
  .four-col-card {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .three-col-card{
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .feature-df-ai p.text-16 {
      width: 95%;
      margin: 0 auto;
  }
  body.page-template-page-ACL-Tool-demo .pre-footer-sec h2,
  body.page-template-page-m-signal-demo .pre-footer-sec h2 {
      width: 84%;
  }
  }

  /* schedule demo form styles */

  .wpb-pcf-form-style-true .swal2-popup {
  background: #ffffff;
  padding: 20px !important;
  }

  .wpb-pcf-form-style-true .swal2-popup .swal2-close{
  width: 37px;
  height: 37px;
  color: #212121;
  font-size: 40px;
  }

  form.wpcf7-form h2 {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 400;
  color: #212121;
  margin-bottom: 16px;
  }

  form.wpcf7-form h2 span{
  font-weight: 700;
  }

  .wpb-pcf-form-style-true .wpcf7 form h5 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #232323;
  margin-bottom: 16px;
  }

  .wpb-pcf-form-style-true .wpcf7 form .form-text {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: #212121;
  margin-bottom: 28px;
  }

  .wpb-pcf-form-style-true .wpcf7 form .form-text.pre-submit-text {
  margin: 28px 0;
  }

  .wpb-pcf-form-style-true .wpcf7 form .form-text.pre-submit-text a{
  font-weight: 500;
  color: #2A1CA6;
  }

  .wpb-pcf-form-style-true input,
  .wpb-pcf-form-style-true select{
  height: 50px;
  }

  .wpb-pcf-form-style-true input[type=submit].new-brand-btn {
  background-color: #FFD700 !important;
  padding: 12px 24px !important;
  border-radius: 8px;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #212121 !important;
  font-weight: 600;
  display: block;
  width: fit-content;
  position: relative;
  cursor: pointer;
  }

  .wpb-pcf-form-style-true input[type=submit].new-brand-btn:hover {
  background: #ccac02 !important;
  color: #212121 !important;
  }

  .wpb-pcf-form-style-true input[type=submit].new-brand-btn:focus {
  background: #FFD700 !important;
  color: #212121 !important;
  }

  .wpb-pcf-form-style-true input[type=submit].new-brand-btn:focus-visible {
  outline: none;
  }

  .wpb-pcf-form-style-true .wpcf7 form.sent .wpcf7-response-output {
  border-color: transparent;
  padding: 0;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #232323;
  }

  .wpb-pcf-form-style-true .wpcf7 form>div span.wpcf7-spinner {
  position: absolute;
  bottom: 45px;
  right: 28%;
  }

  /* innerpage styles */

  .transforming-life .card {
  padding: 0 !important;
  position: relative;
  z-index: 9;
  }
  .transforming-life .card .each-card {
  padding: 30px;
  border-radius: 8px;
  }
  .transforming-life .card .each-card img{
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
  }
  .wrap-70-30 {
  align-items: center;
  gap: 30px;
  }

  .wrap-70-30 .lhs-70-30 {
  flex: 1 66%;
  max-width: 66%;
  padding-right: 80px;
  }

  .wrap-70-30 .lhs-70-30 .secondary-heading {
  font-size: 36px;
  }

  .wrap-70-30 .rhs-70-30 {
  flex: 1 calc(34% - 30px);
  max-width: calc(34% - 30px);
  }

  .wrap-70-30 .rhs-70-30 .stats-num {
  font-size: 150px;
  line-height: 158px;
  font-weight: 600;
  color: #232323;
  text-align: center;
  }

  .wrap-70-30 .rhs-70-30 .stats-desc {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  color: #232323;
  text-align: center;
  width: 98%;
  margin: 0 auto;
  }
  .three-col-card>div{
  border: 1px solid #ADADAD;
  border-radius: 8px;
  }
  .bg-grey {
  background-color: #f6f6f6;
  }
  .bg-white p {
  color: #212121;
  }
  .bg-white.txt-with-img {
  padding: 40px;
  }
  .bg-black {
  background-color: rgba(26, 26, 26, 1);
  }

  @media (min-width: 0) and (max-width: 767.98px) {
  .wrap-70-30 .lhs-70-30 {
      flex: 1 100%;
      max-width: 100%;
      padding-right: 0;
  }

  .wrap-70-30 .rhs-70-30 {
      flex: 1 100%;
      max-width: 100%;
  }

  .wrap-70-30 .rhs-70-30 .stats-num {
      font-size: 120px;
      line-height: 128px;
      text-align: left;
  }

  .wrap-70-30 .rhs-70-30 .stats-desc {
      font-size: 18px;
      line-height: 24px;
        text-align: left;
  }
  }

  @media (min-width: 768px) and (max-width: 1199.98px) {
  .wrap-70-30 .lhs-70-30 {
      flex: 1 60%;
      max-width: 60%;
  }
  .wrap-70-30 .rhs-70-30 {
      flex: 1 calc(40% - 30px);
      max-width: calc(40% - 30px);
  }

  .wrap-70-30 .rhs-70-30 .stats-num {
      font-size: 120px;
      line-height: 128px;
  }

  .wrap-70-30 .rhs-70-30 .stats-desc {
      font-size: 18px;
      line-height: 24px;
  }
  }
  .img-text-wrap {
  margin-top: 64px;
  margin-bottom: 64px;
  }
  .img-text-wrap .text-sm {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #212121;
  }
  @media (min-width: 0) and (max-width: 767.98px) {
  .img-text-wrap {
  margin-top: 40px;
  margin-bottom: 40px;
  }
  body.page-template-page-digitize .pre-footer-sec h2 {
  width: 90%;
  }
  body.page-template-page-digitize .relative.w-full.sec-py-60.bg-white .custom-h2b {
      width: 95%;
      margin: 0 auto;
  }
  }
  .text-menu-color {
  color: #212121
  }
  .icon-block {
  margin-top: 38px;
  margin-bottom: 0;
  gap: 40px;
  justify-content: center;
  }
  .icon-block .each-icon p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 24px;
  color: #232323;
  }
  .icon-block img {
  margin: 0 auto;
  }
  .icon-block img {
  margin: 0 auto;
  height: 60px;
  width: 60px;
  }
  .intro-section {
  padding: 60px 0;
  background: #fff;
  }
  #Safety.df-automated-safety-title {
  scroll-margin-top: 70px;
  padding-top: 50px;
  padding-bottom: 60px;
  }
  .icon-block p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 30px;
  color: #232323;
  }
  #Safety.df-automated-safety-title p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  }
  #Safety.df-automated-safety-title .df-automated-safety-wrapper>.w-full p:last-child {
  margin-bottom: 0;
  }
  #Safety .df-automated-safety-wrapper {
  display: flex;
  gap: 20px;
  align-items: start;
  justify-content: space-between;
  }

  #Safety.cosmo-block .df-automated-safety-wrapper .w-full>img{
  width: 100%;
  height: auto;
  }

  #Safety.df-automated-safety-title .df-automated-safety-wrapper>.w-full p {
  margin-bottom: 16px;
  }

  #Safety .video-wrapper {
  margin-top: 0 !important;
  vertical-align: top;
  }
  #Safety .video-wrapper video{
/*   border: 1px solid #000; */
  border-radius: 8px !important;
  }
  #Safety .grey-bgimage-section {
  background-color: #F5F5F5;
  padding: 60px;
  position: relative;
  border-radius: 8px;
  }
  #Safety .grey-bgimage-section::before,
  #Safety .grey-bgimage-section::after{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  }

  #Safety .grey-bgimage-section::before {
  right: 0px;
  bottom: 0px;
  background-image: url('https://the.f7f.myftpupload.com/wp-content/themes/datafoundry/build/img/pattern-lg.svg');
  background-position: right bottom;
  }

  #Safety .grey-bgimage-section::after {
  left: 0px;
  top: 0px;
  background-image: url('https://the.f7f.myftpupload.com/wp-content/themes/datafoundry/build/img/pattern-sm.svg');
  background-position: top left;
  }
  #Safety .grey-bgimage-section h3 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  text-align: left;
  margin-bottom: 16px;
  }
  #Safety .grey-bgimage-section ul {
  padding-left: 24px;
  }
  #Safety .grey-bgimage-section ul li {
  gap: 10px;
  margin-bottom: 10px;
  align-items: flex-start;
  }

  #Safety .grey-bgimage-section ul li img{
  margin-top: 4px;
  }

  #Safety .grey-bgimage-section ul li .description{
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  }

  .mt-44 {
  margin-top: 44px;
  }
  .container-gap {
  padding-left: 60px;
  padding-right: 60px;
  }
  .intro-section h2 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  color: #212121;
  margin-bottom: 20px;
  }
  .intro-section p {
  font-size: 16px;
  line-height: 28px;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  }
  /* .icon-block .each-icon img {
  display: inline-block;
  height: 50px;
  } */
  .video-text-wrapper .img-wrap {
  margin: 44px 0;
  }
  .featured-setion {
  background: #fff;
  text-align: center;
  padding-top: 50px;
  }
  .featured-setion p {
  margin-top: 20px;
  }
  .featured-setion .icons-wrapper img {
  height: 80px;
  }
  .featured-setion .icons-wrapper {
  padding-top: 30px;
  gap: 32px;
  }
  .featured-setion .icons-wrapper .each-icon p {
  font-size: 18px;
  color: #232323;
  font-weight: 600;
  line-height: 24px;
  margin-top: 30px;
  }
  #Safety .video-wrapper.img-section {
  margin-bottom: 30px;
  }
  .featured-resources {
  padding-top: 60px;
  }
  a.text-dfcolors-100.font-semibold {
  font-weight: 600;
  color: #212121;
  text-decoration: underline;
  }
  body.page-template-page-careers .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 .mt-2{
  font-size: 40px;
  line-height: 1.2;
  }
  .screen-reader-response {
  display: none;
  }

  @media (min-width: 0) and (max-width: 767.98px) {
  .swiper-slide.max-h-71 {
    max-height: inherit;
  }

  .intro-section p br {
  display: none;
  }
  .icon-block {
      gap: 20px;
  }
  .intro-section {
      padding: 40px 0;
  }
  .intro-section h2 {
      font-size: 28px;
          line-height: 1.4;
  }
  .icon-block .each-icon {
      padding-right: 0 !important;
      margin-bottom: 0;
      width: 100%;
  }
  .wrap-70-30 {
      gap: 10px;
  }
  .video-text-wrapper {
      padding: 20px;
  }
  .icon-block p {
  margin-top: 20px;
  }
  .featured-setion {
      padding-top: 40px;
  }
  .icon-block .each-icon:last-child {
      margin-bottom: 0 !important;
  }
  .icon-block {
      margin-top: 38px;
      margin-bottom: 0;
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 40px;
  }
  .icons-wrapper .each-icon {
      flex-direction: column;
  }
  .featured-setion .icons-wrapper {
  gap: 30px;
  }
  .featured-setion .icons-wrapper .each-icon p {
  margin-top: 20px;
  }
  .icon-block-center .each-icon {
      width: 100%;
  }
  .icon-block-center {
      margin-top: 38px;
      margin-bottom: 0;
      gap: 40px;
      flex-direction: column;
  }
  #Safety.df-automated-safety-title {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  #Safety .grey-bgimage-section ul{
      padding-left: 0;
    text-align: left;
  }
  .key-features {
      padding: 40px 0;
  }
  .key-features h2 {
      margin-bottom: 30px;
  }
  .key-features .w-full.video-wrapper video {
      width: 100%;
      border-radius: 8px;
      margin: 0 auto;
  }
  .key-features-holder .icon-block .each-icon {
      width: 100%;
  }
  .only-content h2.custom-h2b br {
      display: none;
  }
  .featured-resources {
      padding-top: 40px;
  }
  .pry-yellow-bg-section{
      padding: 40px 20px;
  }
  .our-story .cards-container{
      flex-direction: column;
  }
  .our-story .cards-container .card {
      width: 100% !important;
  }
  body.page-template-page-about .secondary-heading.digital-transformation {
      min-height: unset;
  }

  .v-slides.-mt-32{
      margin-top: -5rem;
  }
  }
  @media (min-width: 0) and (max-width: 1199.98px) {
  .container-gap {
      padding-left: 0;
      padding-right: 0;
  }
  #Safety .grey-bgimage-section {
      padding: 30px;
  }
  .key-features h2 {
      margin-bottom: 24px;
  }

  .key-features p {
      margin-bottom: 24px;
  }
  body.page-template-page-m-safety-demo .df-automated-safety-title .custom-h2,
  body.page-template-page-m-signal-demo  .df-automated-safety-title .custom-h2,
  body.page-template-page-literature-monitor .intro-section h2 {
      width: 100%;
      margin: 0 auto;
  }

  body.page-template-page-m-signal .df-automated-safety-title .custom-h2,
  body.page-template-page-m-safety  .df-automated-safety-title .custom-h2 {
      width: 100%;
      margin: 0 auto;
  }
  body.page-template-page-literature-monitor .pre-footer-sec h2{
      width: 90%;
  }
  header.device-active {
      background-color: #ffffff;
  }

  body.page-template-page-careers .heroSlider-wrap.single-banner .hero-banner-content h2.width-65{
    line-height: 1.1;
  }

  body.page-template-page-careers .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 .mt-2{
    font-size: 24px;
  }

  body.page-template-page-partnership .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span{
    line-height: 1.5;
  }
  .news-dd-wrap .dropdown:hover .dropdown-menu {
    display: block !important;
  }
  .news-dd-wrap .dropdown .dropdown-menu.hidden {
    display: none !important;
  }

  }
  @media (min-width: 768px) and (max-width: 991.98px) {
  #Safety .df-automated-safety-wrapper {
      flex-direction: column;
      gap: 30px;
  }

  #Safety .df-automated-safety-wrapper .w-full:has(img) img{
      margin: 0 auto;
  }

  #Safety .df-automated-safety-wrapper .video-wrapper video {
      margin: 0 !important;
      width: 100%;
  }
  #Safety .grey-bgimage-section {
      padding: 30px;
  }
  #Safety .grey-bgimage-section ul{
      padding-left: 0;
  }
  .mt-44 {
      margin-top: 30px;
  }
  #Safety.df-automated-safety-title p.mb-0 {
      margin-bottom: 30px !important;
  }
  .icon-block .each-icon {
      width: calc(100%/3 - 40px);
      text-align: center;
  }
  body.page-template-page-digitize .pre-footer-sec h2 {
      width: 78%;
      }
      body.page-template-page-team .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 {
          font-size: 24px;
          width: 50%;
      }
      body.page-template-page-team .heroSlider-wrap.single-banner .hero-banner-content h2.width-65 span {
          font-size: 20px;
          margin-bottom: 10px;
          display: inline;
      }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .resources-slider .swiper-slide .card .font-light {
    margin-bottom: 20px;
  }
  }
  @media (min-width: 768px) and (max-width: 1199.98px) {
  .intro-section h2 {
      font-size: 28px;
      line-height: 1.4;
  }
  .intro-section p br {
      display: none;
  }

  /* #Safety .video-wrapper {
      margin-top: 0 !important;
      vertical-align: top;
      position: sticky;
      top: 80px;
  } */
  .featured-setion {
      padding-top: 40px;
  }

  .pry-yellow-bg-section{
      padding: 40px;
  }
  }

  .tabs-slider {
  max-width: 900px;
  margin: auto;
  }

  .tabs-slider .swiper-slide {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 8px;
  }

  /* Text pagination styles */
  .tabs-owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }

  .tabs-owl-carousel .owl-dot {
    background: transparent;
    border: none;
    padding: 8px 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9ca3af;
    cursor: pointer;
  }

  .tabs-owl-carousel .owl-dot.active {
    color: #000;
    border-bottom: 2px solid #000;
  }

  .tabs-owl-carousel .owl-dot span {
    display: none;
  }
  .digital-slider-wrap {
  padding: 40px;
  border-radius: 8px;
  background-color: #fff;
  }
  #DigitalTrans {
  padding-top: 60px;
  }
  #DigitalTrans .owl-dots {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  display: flex;
  }
  #DigitalTrans .owl-dots .owl-dot {
  flex-basis: 33.33%;
  margin-right: 1.25rem;
  border-radius: 6px;
  }
  #DigitalTrans .owl-dots .owl-dot button {
  background-color: #F5F5F5;
  color: #000000;
   border-radius: 6px;
  box-shadow: unset;
  text-transform: none;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 600;
  padding: 1rem;
  width: 100%;
  display: block;
  }
  #DigitalTrans .owl-dots .owl-dot.active button {
  background-color: #000000;
  color: #FFFFFF;
  }
  #DigitalTrans .owl-dots .owl-dot:last-child {
  margin-right: 0;
  }
  #DigitalTrans .digital-cont .tab-logo {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  width: 190px;
  height: auto;
  }
  #DigitalTrans .digital-cont p {
  margin-bottom:20px;
  }
  #DigitalTrans .digital-cont .tab-logo.big {
  width: 330px;
  }
  #DigitalTrans .digital-cont .btn.primary:hover {
  text-decoration: none;
  }
  .df-hero.form-wrapper .df-hero__form {
  background-color: #fff;
  padding: 35px 25px;
  border-radius: 15px;
  width: 50%;
  }
  .df-hero.form-wrapper .df-hero__form .gap-4 {
  gap: 0 1rem;
  }
  .df-hero.form-wrapper .df-hero__content {
  padding-right: 30px;
  width: 50%;
  }
  .df-hero.form-wrapper .df-hero__form form.wpcf7-form h2 {
  margin-top: 0;
  font-size: 36px;
  }
  .df-hero.form-wrapper .df-hero__form p {
  margin-bottom: 20px;
  }
  .df-hero.form-wrapper .df-hero__form .submit p:last-child {
    margin-bottom: 0;
  }
  .df-hero.form-wrapper .df-hero__form .wpcf7 form.invalid .wpcf7-response-output {
    margin: 0;
  font-size: 12px;
  }
  .form-wrapper .wpcf7-not-valid-tip {
  font-size: 12px;
  }
  body .wpb-pcf-form-style-true input[type="text"] {
  color: #212121;
  }
  .v-slides.-mt-32.without-top-section {
  margin-top: 60px;
  }
  .form-wrapper .input .wpcf7-form-control-wrap {
  display: block;
  }
  .form-wrapper .input .wpcf7-not-valid-tip {
  font-size: 12px;
  position: absolute;
  }
  .form-wrapper .input .wpcf7-form-control-wrap select {
  width: 100%;
  appearance: none;
  padding-right: 36px;
  }
  .form-wrapper .input .wpcf7-form-control-wrap textarea {
  height: 84px;
  }
  .form-wrapper .input.mobile-number p {
  display: flex;
  position: relative;
  }
  .form-wrapper .input.mobile-number p .wpcf7-form-control-wrap {
  position: relative;
  }
  .form-wrapper .input.mobile-number p .wpcf7-not-valid-tip {
  width: 100%;
  left: -80px;
  }
  .form-wrapper .input.mobile-number p span:first-child {
  width: 100px;
  position: relative;
  }
  .form-wrapper .input.mobile-number p span:first-child:after {
  position: absolute;
  right: 2px;
  top: 12px;
  height: 30px;
  background-color: #E6E6E6;
  width: 1px;
  content: "";
  }
  .form-wrapper .input.mobile-number .wpcf7-select {
  border-radius: 0.375rem 0 0 0.375rem;
  height: 48px;
  width: 100px;
  padding-left: 16px;
  padding-right: 30px;
  }
  .form-wrapper .input.mobile-number .wpcf7-tel {
  border-radius: 0 0.375rem 0.375rem 0;
  }
  .form-wrapper .submit.form-info .wpcf7-list-item {
  margin-left: 0;
  }
  .form-wrapper .submit.form-info .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  }
  .form-wrapper .submit.form-info .wpcf7-list-item input {
  margin-top: 5px;
  }
  .form-wrapper .submit.form-info .wpcf7-list-item .wpcf7-list-item-label {
  margin-left: 8px;
  }
  .form-wrapper .submit.form-info .wpcf7-form-control-wrap {
  margin-bottom: 18px;
  display: inline-block;
  }
  .intelligence-behind .elementor-widget-container {
  text-align: center;
  }
  .intelligence-behind img {
  display: inline-block;
  }
  .form-wrapper .df-hero__bg .form-desktop-img {
  height: 950px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  }
  .form-wrapper .df-hero__bg .form-mobile-img {
  display: none;
  }
  .form-wrapper.df-hero {
  overflow: visible;
  }
  .form-wrapper .wpcf7-spinner {
  position: absolute;
  }
  .intelligence-behind-wrap .title {
  text-align: center;
  margin-bottom: 25px;
  }
  .form-wrapper .input input, .form-wrapper .input textarea, .form-wrapper .input select {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  }
  .intelligence-behind-wrap .intelligence-behind-text {
  display: flex;
  align-items: center;
  }
  .intelligence-behind-text .left-section {
  width: 35%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  }
  .intelligence-behind-text .left-section .each-col {
  padding-right: 25px;
  }
  .intelligence-behind-text .center-img-wrap {
  width: 30%;
  padding-top: 30px;
  }
  .intelligence-behind-text .right-section {
  width: 35%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  }
  .intelligence-behind-text .right-section .each-col {
  padding-left: 25px;
  }
  .intelligence-behind-text .each-col .icon {
  margin-bottom: 8px;
  }
  .intelligence-behind-text .each-col .icon img {
  width: auto;
  height: 46px;
  }
  .intelligence-behind-text .each-col p {
  margin: 0;
  font-size: 15px;
  }
  .intelligence-behind-text .each-col {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  }
  .intelligence-behind-text .each-col.safety-ai {
  position: relative;
  }
  .intelligence-behind-text .each-col.safety-ai:after {
  position: absolute;
  top: -15px;
  right: -42px;
  width: 1px;
  height: 134px;
  background-color: #000;
  content: '';
  transform: rotate(-39deg);
  }
  .intelligence-behind-text .each-col.safety-ai:before {
  position: absolute;
  bottom: -4px;
   right: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: '';
  }
  .intelligence-behind-text .each-col.literature-monitor:after {
  position: absolute;
  top: -15px;
  left: -42px;
  width: 1px;
  height: 134px;
  background-color: #000;
  content: '';
  transform: rotate(38deg);
  }
  .intelligence-behind-text .each-col.literature-monitor:before {
  position: absolute;
  bottom: -4px;
   right: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: '';
  }
  .intelligence-behind-text .each-col.signal-ai:after {
  position: absolute;
  bottom: -15px;
  right: -37px;
  width: 1px;
  height: 106px;
  background-color: #000;
  content: '';
  transform: rotate(43deg);
  }
  .intelligence-behind-text .each-col.cosmetoshield-ai:after {
  position: absolute;
  bottom: -15px;
  left: -36px;
  width: 1px;
  height: 104px;
  background-color: #000;
  content: '';
  transform: rotate(-44deg);
  }
  .intelligence-behind-text .each-col.safety-ai .text {
  min-height: 137px;
  }
  .intelligence-behind-text .each-col.signal-ai .text {
  min-height: 158px;
  }
  .breadcrumbs span.current-item, .breadcrumb-template-inner span.current-item  {
  font-weight: 600;
  }
  .breadcrumbs, .breadcrumb-template-inner  {
  padding: 15px 0;
  }
  .breadcrumbs a.home, .breadcrumb-template-inner a.home  {
  padding: 0;
  }
  .breadcrumbs a, .breadcrumb-template-inner a  {
  padding: 0;
  color: #000;
  }
  .breadcrumbs a:hover, .breadcrumb-template-inner a:hover  {
  text-decoration: underline;
  }
  .breadcrumbs span, .breadcrumb-template-inner span  {
  padding-right: 8px;
  }
  .breadcrumbs span span, .breadcrumb-template-inner span span  {
  padding-right: 0;
  }
  .breadcrumbs h1, .breadcrumb-template-inner h1 {
  display: inline-block;
  margin: 0;
  }
  .newsletter-form .wpcf7 form.invalid .wpcf7-response-output {
  margin: 25px 0 0 10px;
  }
  .transforming-life .pry-yellow-bg-section {
  padding-left: 0;
  padding-right: 0;
  }

  /* mobile */
  @media (min-width: 0px) and (max-width: 767px) {
  body .v-slides .card .card.gradient {
    border-radius: 0.375rem 0.375rem 0 0;
  }
  .digital-slider-wrap {
    padding: 22px;
  }
  #DigitalTrans .owl-dots .owl-dot button {
    font-size: 16px;
  }
  #DigitalTrans .owl-dots {
    display: block;
  }
  #DigitalTrans .owl-dots .owl-dot {
    margin-right: 0;
    margin-bottom: 12px;
  }
  #DigitalTrans {
   padding-top: 180px;
  }
  .swiper.challenges .swiper-slide .slider-desc {
    min-height: auto;
  }
  .swiper.challenges, .swiper.challenges .swiper-slide.max-h-72 {
    max-height: inherit;
  }
  .right-stats-swiper .swiper-horizontal > .swiper-pagination-bullets,
  .right-stats-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
  }
  .df-hero.form-wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-id-3904 .no-banner {
    margin-top: 35px;
  }
  .breadcrumbs {
    display: none;
  }
  .page-id-3904 {
    margin-top: 78px;
  }
  .breadcrumbs, .breadcrumb-template-inner {
    display: none;
  }
  }
  /* ipad */
  @media (min-width: 768px) and (max-width: 991px) {
  #DigitalTrans .owl-dots .owl-dot button {
    font-size: 16px;
  }
  .swiper.challenges .swiper-slide .slider-desc ul li {
    margin-bottom: 10px;
  }
  .swiper.challenges .swiper-slide .slider-desc {
    min-height: 180px;
  }
  .right-stats-swiper .swiper-horizontal > .swiper-pagination-bullets,
  .right-stats-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }
  .page-id-3904 .no-banner {
    margin-top: 0;
  }
  .page-id-3904 {
    margin-top: 62px;
  }
  }
  /* only device */
  @media (min-width: 992px) and (max-width: 1199px) {
  .df-hero.form-wrapper {
    margin-top: 20px;
  }
  .page-id-3904 .no-banner {
    margin-top: 0;
  }
  .page-id-3904 {
    margin-top: 62px;
  }
  }
  @media (min-width: 0px) and (max-width: 1199px) {
  .df-hero.form-wrapper .df-hero__content {
    padding-right: 0;
    margin-bottom: 30px;
    max-width: inherit !important;
  }
  .df-hero.form-wrapper .df-hero__inner {
    flex-direction: column;
    max-width: initial !important;
    margin-bottom: 30px;
  }
  .df-hero.form-wrapper .df-hero__content,
  .df-hero.form-wrapper .df-hero__form {
    width: 100%;
  }
  .form-wrapper .df-hero__bg .form-mobile-img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
  }
  .form-wrapper .df-hero__bg .form-desktop-img {
    display: none;
  }
  .intelligence-behind-text .center-img-wrap {
    display: none;
  }
  .intelligence-behind-wrap .intelligence-behind-text {
    display: block;
  }
  .intelligence-behind-text .left-section,
  .intelligence-behind-text .right-section {
    width: 100%;
  }
  .intelligence-behind-text .each-col.safety-ai:after,.intelligence-behind-text .each-col.safety-ai:before, .intelligence-behind-text .each-col.literature-monitor:after, .intelligence-behind-text .each-col.literature-monitor:before, .intelligence-behind-text .each-col.signal-ai:after, .intelligence-behind-text .each-col.cosmetoshield-ai:after {
    content: none;
  }
  .intelligence-behind-text .each-col {
    border-bottom: 1px solid #000;
  }
  .intelligence-behind-text .each-col.cosmetoshield-ai {
    border-bottom: none;
  }
  .intelligence-behind-text .right-section, .intelligence-behind-text .left-section {
    border: none;
  }
  .intelligence-behind-text .left-section .each-col {
    padding-right: 0;
  }
  .intelligence-behind-text .right-section .each-col {
    padding-left: 0;
  }
  .intelligence-behind-text .each-col.safety-ai .text, .intelligence-behind-text .each-col.signal-ai .text {
    min-height: auto;
  }
  }
  @media (min-width: 1199px) {
  #DigitalTrans .owl-dots .owl-dot button:hover {
    background-color: #000000;
    color: #FFFFFF;
  }
  .df-hero.form-wrapper .df-hero__content {
    padding-right: 30px;
    width: 50%;
    position: sticky;
    top: 100px;
    height: 100%;
  }
  }

  .schedule-demo-mb-btn .elementor-widget-wrap {
  padding: 0 !important;
  }
  .schedule-demo-mb-btn a {
  background: #FFD700 !important;
  width: 100%;
  font-size: 16px !important;
  color: #212121 !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif !important;
  }
  /*.schedule-demo-mb-btn a:hover {
  text-decoration: none !important;
  background: #ccac02 !important;
  color: #212121 !important;
  }*/
  .schedule-demo-mb-btn {
  position: fixed !important;
  bottom: 0;
  width: 100% !important;
  left: 0 !important;
  z-index: 9;
  }
  @media (max-width: 767.98px) {
  .df-hero__form {
    display: none;
  }
  .schedule-demo-open {
    overflow: hidden;
    position: relative;
  }
  .schedule-demo-open:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
  }
  body.schedule-demo-open .df-hero__form {
    display: block;
    position: fixed;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    top: 110px;
    height: 90vh;
    padding-bottom: 200px !important;
    left: 0;
  }

  .schedule-demo-close {
    position: sticky;
    top: 0;
    right: 0;
    font-size: 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    z-index: 9;
  }
  .schedule-demo-close span {
    text-align: right;
    width: 100%;
    display: inline-block;
    font-size: 24px !important;
  }
  .df-hero.form-wrapper .df-hero__form {
    padding: 0 25px 35px 25px;
  }
  body.page-id-3904 .v-slides .card .card.gradient h3 {
    margin: 0;
  }
  body.schedule-demo-open .swiper.challenges {
    z-index: -1;
  }
  }

  a.btn.new-brand-btn.signup-popup-btn {
    font-weight: 600;
}
.new-brand-btn.wpb-pcf-btn-default.schedule-a-demo-form-fire {
    background-color: transparent !important;
    background: transparent;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 8px;
    border-color: #FFD700;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border-width: 2px;
}
#nav-drawer button.new-brand-btn.wpb-pcf-btn-default.schedule-a-demo-form-fire:hover {
    background: #ffd500 !important;
    border-color: #ffd500 !important;
    color: #000;
}