/*@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");
@import url("https://fonts.googleapis.com/css2?display=swap&family=Caveat&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk&family=Tektur&display=swap");*/
@font-face {
  font-family: "ClashDisplay-Variable";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Variable.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Variable.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Variable.ttf)
      format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Extralight";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Extralight.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Extralight.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Extralight.ttf)
      format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Light";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Light.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Light.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Light.ttf)
      format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Regular";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Regular.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Regular.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Regular.ttf)
      format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Medium";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Medium.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Medium.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Medium.ttf)
      format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Semibold";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Semibold.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Semibold.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Semibold.ttf)
      format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Bold";
  src:
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Bold.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Bold.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/ClashDisplay-Bold.ttf)
      format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Graphik";
  src:
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Regular.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Regular.woff) format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Regular.ttf)
      format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Regular";
  src:
    url(/wp-content/themes/yujdesigns/fonts/GraphikExtralight.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/GraphikExtralight.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/GraphikExtralight.ttf)
      format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Semibold";
  src:
    url(/wp-content/themes/yujdesigns/fonts/graphik-semibold.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/graphik-semibold.woff)
      format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/graphik-semibold.ttf)
      format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Graphik-Medium";
  src:
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Medium.woff2)
      format("woff2"),
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Medium.woff) format("woff"),
    url(/wp-content/themes/yujdesigns/fonts/Graphik-Medium.woff)
      format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
/* tektur-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Tektur';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/yujdesigns/fonts/tektur-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/yujdesigns/fonts/space-grotesk-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/yujdesigns/fonts/caveat-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Adjusted Arial Black Fallback";
  src: local(Arial Black);
  size-adjust: 83%;
  ascent-override: normal;
  descent-override: normal;
  line-gap-override: normal;
}
:root {
  --white: #ffffff;
  --bgWhite: #ffffff;
  --black: #000;
  --font16: 16px;
  --font15: 15px;
  --font30: 30px;
  --font40: 40px;
  --font32: 32px;
  --btnblueBg: #4b3bc4;
  --containerPaddingOne: 20px 210px 20px 210px;
  --containerPaddingTwo: 0px 210px;
  --bordergreyColor: #747474;
  --blackBg: #000000;
}

/*Reset css*/

body,
html {
  font-family: "ClashDisplay-Regular", "Adjusted Arial Black Fallback";
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: var(--black);
}
.page-id-615,
.page-id-21390 {
  background: url(/wp-content/uploads/2023/10/Clients-body-bg.png) 0 0;
  background-size: cover;
}
body {
  background: url(/wp-content/uploads/2023/10/main-bg-min.png) center center;
  background-size: cover;
}
.page-id-20551 {
  background: url(/wp-content/uploads/2023/10/main-bg-min.png) center center;
  background-size: cover;
  background-position: 100% -13%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
.h1 {
  font-size: 80px;
  line-height: 1;
}

h2,
.h2 {
  font-size: 50px;
  line-height: 50px;
  font-family: "ClashDisplay-Semibold", "Adjusted Arial Black Fallback";
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 16px;
}
.fs-32 {
  font-size: 32px;
}

.mw-75 {
  max-width: 75%;
}

.w-50 {
  width: 50%;
}

.body-container {
  padding: 0 210px;
}

.section-spacing {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-spacing h2 {
  margin-bottom: 8px;
}
.displayFlex {
  display: flex;
}
.whiteColor {
  color: #fff;
}
.bgWhiteColor {
  background: #fff;
}
/* swiper css */
.swiper-horizontal > .swiper-scrollbar {
  border-radius: 2px;
  height: 4px;
  width: 282px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #dedede;
}
.swiper-scrollbar-drag {
  background: #f59301;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper.swiper-container {
  padding-bottom: 30px;
}
.yujAdvantageSlick .swiper-wrapper {
  padding-bottom: 50px;
}
.blogswiper .swiper-wrapper {
  padding: 45px 0px 75px 0px;
}
.swiper-slide {
  font-size: 18px;
}
.mySwiperSlider .swiper-slide {
  margin-right: -1px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.mySwiperSlider span.swiper-pagination-bullet {
  width: 35px;
  height: 30px;
  background: transparent;
  display: flex;
  align-content: center;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
.yujAdvantageSlick span.swiper-pagination-bullet {
  width: 35px;
  height: 50px;
  background: transparent;
  position: relative;
  overflow: hidden;
}
.blogswiper span.swiper-pagination-bullet {
  width: 35px;
  height: 30px;
  background: transparent;
  position: relative;
  overflow: hidden;
}
.dotIcon {
  position: relative;
}
i.orangedot {
  background: #f59301;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 0px;
  vertical-align: baseline;
}
.dotItem {
  display: block;
  position: relative;
}
.mySwiperSlider span.swiper-pagination-bullet::before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgb(255 255 255 / 30%);
  display: block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 6px;
}
.mySwiperSlider span.swiper-pagination-bullet-active::before {
  background: #f59301;
}
.yujAdvantageSlick .swiper-pagination-bullet::before {
  content: "";
  width: 100%;
  height: 5px;
  background: #f59301;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 6px;
  left: 0;
}
.blogswiper .swiper-pagination-bullet::before {
  content: "";
  width: 100%;
  height: 5px;
  background: #f59301;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 6px;
  left: 0;
}
.yujAdvantageSlick .swiper-pagination {
  text-align: left;
}
.blogswiper .swiper-pagination {
  text-align: left;
}
.mySwiperSlider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 70px);
}

.mySwiper .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: 17px;
  background: transparent;
  display: flex;
  align-content: center;
  position: relative;
  overflow: hidden;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.mySwiper span.swiper-pagination-bullet-active::before {
  background: #f59301;
}
/*
.mySwiper .swiper-pagination-bullet-active {
  background: #f79304;
}*/
/* swiper end */

/* icons css start */
[class^="icon"] {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  flex-shrink: 0;
  margin: 0 5px;
}

[class^="icon"]::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background: #fff;
}

.icon-arrow:before {
  mask-image: url(/wp-content/uploads/2023/10/whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/whitearrow.png);
}
.pageslist ul li a:hover .icon-arrow::before {
  background: #f39405;
}
.icon-hamburger:before {
  mask-image: url(/wp-content/uploads/2023/10/hamburger.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/hamburger.svg);
}
.icon-hamburger:hover::before,
.icon-close:hover::before {
  background-color: #f39400 !important;
}
.icon-innerhamburger:before {
  mask-image: url(/wp-content/uploads/2023/10/innerHamburger.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/innerHamburger.svg);
}
.icon-close:before {
  mask-image: url(/wp-content/uploads/2023/10/close.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/close.svg);
}
.whiteBG .btn.btn-primary {
  border: 2px solid var(--btnblueBg);
}
.detail-page-cls .btn.btn-primary {
  border: 2px solid var(--btnblueBg);
}
.btn.btn-primary {
  padding: 10px 30px;
  border-radius: 6px;
  border: 2px solid #fff;
  font-size: 16px;
  background-color: transparent;
}

.link-with-icon {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: var(--black);
  text-decoration: none;
  position: relative;
  transition: none;
  max-width: fit-content;
}
.link-with-icon:hover .underlink::before {
  visibility: visible;
  opacity: 1;
}
.icon-leftarrow::before {
  mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  margin: 0px;
}
.icon.icon-leftarrow {
  margin: 0px;
}
.icon-leftarrow::before {
  mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  margin: 0px;
}
.link-with-icon .icon::before {
  background: var(--btnblueBg);
}
.link-with-icon:hover .icon::before {
  background: #f39405;
}
.link-with-icon:hover {
  text-decoration: none;
  color: #f39405;
  transition: none;
}
.myvid {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#video_overlays {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* icons css end */

a,
a:hover,
a:focus {
  color: var(--black);
  text-decoration: none;
  transition: all 0.2s;
}
/* Footer Section css */

/* footer css*/
.footer-rebrandwidget {
  background: unset;
  padding: 0px;
}
#custom_html-15,
#custom_html-16 {
  padding: 50px 0px;
}
#custom_html-13,
#custom_html-14 {
  background: #1c1b1b;
  padding: 50px 0px;
}
#letdesign {
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0px;
}
#letdesignux {
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0px;
}
#letdesign .flexChild {
  gap: 50px;
}
#letdesignux .flexChild {
  gap: 50px;
}
#letdesign .flexChild h2 {
  color: #000;
}
#letdesignux .flexChild h2 {
  color: #000;
}
.footer-flexbox {
  display: flex;
  gap: 0px;
  color: var(--white);
  padding: var(--containerPaddingOne);
  text-align: left;
  align-items: flex-start;
}
.footer-location-block {
  padding-top: 0;
  padding-bottom: 0;
}
.locAddress-row {
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid rgba(66, 66, 66, 0.5);
  border-bottom: 1px solid rgba(66, 66, 66, 0.5);
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 35px 0;
}
.social-icon {
  width: 48px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: none;
}
.link-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/linkedin-icon.png);
}
.link-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/linkedin.png);
}
.youtube-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/youtube-icon.png);
}
.youtube-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/youtube-hover.png);
}
.clutch-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/clutch-icon.png);
}
.clutch-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/clutch-hover-icon.png);
}
.instagram-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/insta-icon.png);
}
.instagram-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/instragram-hover.png);
}
.pageslist.footer-pageslist {
  width: 320px;
}
.pageslist ul li {
  list-style: none;
  line-height: 60px;
  /* text-decoration: none; */
  font-size: var(--font32);
}
.pageslist ul {
  padding-left: 0px;
  margin-left: 0;
}
.pageslist ul li {
  margin-bottom: 35px;
}
.pageslist ul li:last-child {
  margin-bottom: 0;
}
.pageslist ul li a {
  text-decoration: none;
  color: var(--white);
  font-family: "ClashDisplay-Semibold", "sans-serif";
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.3;
}
.pageslist ul li a:hover {
  color: #f59301;
}
.socialList {
  margin-left: auto;
}
.footer-flexbox .socialList li {
  margin-bottom: 15px;
}
.socialList li a {
  color: #fff;
  display: flex;
  align-items: center;
  transition: none;
}
.socialList li .social-text {
  margin-left: 25px;
}
.conHead {
  font-size: 20px;
  margin-bottom: 0px;
  color: #a6a6a6;
}
.locHead {
  font-family: "ClashDisplay-Regular", "sans-serif";
  display: flex;
  align-items: center;
}
.locHead [class^="icon"] {
  margin-top: -3px;
}
.locHead h6 {
  font-family: "ClashDisplay-Regular", "sans-serif";
  margin-left: 15px;
}
.locDetails {
  font-size: var(--font15);
}
.conDetails {
  margin-bottom: 35px;
}

.conDetails h5 {
  line-height: 20px;
}
.conDetails h5 a {
  text-decoration: none;
  color: var(--white);
  word-spacing: 0px;
  font-size: 20px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.conDetails h5 a:hover {
  color: #f59301;
}
span.posCount {
  background: var(--bgWhite);
  color: var(--black);
  border-radius: 50%;
  padding: 2px 10px;
  font-size: var(--font30);
  vertical-align: top;
  margin-left: 10px;
}
.justifyContent {
  justify-content: space-between;
}
.startProject-btn {
  background: var(--btnblueBg);
  width: 100%;
  text-align: center;
  font-size: var(--font30);
  color: var(--white);
  text-decoration: none;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: inherit;
  height: inherit;
  line-height: inherit;
  padding: 25px 15px;
  border-radius: 6px;
}
.flexsecondChild {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: var(--font16);
}
.flexfirstChild {
  font-size: var(--font16);
}
.flexsecondChild a {
  text-decoration: none;
}
.startProject-btn:hover {
  color: #fff;
  opacity: 0.8;
}
.lets-together-col {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}
.lets-together-col .flexChild {
  display: flex;
  align-items: center;
}
.lets-together-col .flexChild h5 {
  font-size: 26px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-right: 40px;
}
.lets-together-col .partner-btn {
  font-size: 20px;
  padding: 12px 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  /*width: 300px;*/
  transition: all 0.5s;
  border: 0px;
  background: var(--btnblueBg);
}

.lets-together-col .partner-btn:hover {
  background: #3c2db0;
}
.flexfirstChild,
.flexsecondChild a {
  color: #a6a6a6;
}
.icon-banglore:before {
  mask-image: url(/wp-content/uploads/2023/10/Bangalore.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Bangalore.png);
}
.icon-pune:before {
  mask-image: url(/wp-content/uploads/2023/10/Pune.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Pune.png);
}
.icon-state:before {
  mask-image: url(/wp-content/uploads/2023/10/Remote.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Remote.png);
}
.icon-usa:before {
  mask-image: url(/wp-content/uploads/2023/10/USA.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/USA.png);
}
.footdot {
  width: 4px;
  height: 4px;
  border-radius: 28px;
  display: block;
  background: #9d9d9d;
}
.page-id-9702 #custom_html-15,
.page-id-21399 #custom_html-16,
.page-id-3013 #custom_html-15,
.page-id-22382 #custom_html-15,
.page-id-22427 #custom_html-15,
.page-id-22456 #custom_html-15,
.page-id-22487 #custom_html-15,
.page-id-22119 #custom_html-15,
.page-id-22209 #custom_html-15 {
  display: none;
}
.clutchDetail {
  font-family: "Graphik";
  font-size: 16px;
  color: #4f4f4f;
}
/* footer css end */

/* header section css start */

.header-overlay {
  padding: 34px 0;
  transition: all linear 0.1s;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}

.header {
  padding: 30px 0;
  transition: all linear 0.1s;
}
.page-id-17623 .header {
  padding: 10px 0;
}
.detail-page-cls {
  /*background: rgba(0, 0, 0, 1);
  background: rgba(26, 26, 26, 0.20);
  backdrop-filter: blur(42px);*/
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
}
header .detail-page-cls .fade-in {
  /*background: rgba(0, 0, 0, 1);
  background: rgba(26, 26, 26, 0.20);
  backdrop-filter: blur(42px);*/
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
}
.affix {
  -webkit-transition: all 0.3s ease-in-out 0;
  -moz-transition: all 0.3s ease-in-out 0;
  -o-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
  /*background: 0;*/
  background: rgba(0, 0, 0, 1);
}
header.affix {
  padding: 12px 0;
  /*background: rgba(0, 0, 0, 1);
  background: rgba(26, 26, 26, 0.20);
  backdrop-filter: blur(42px);*/
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
  transition: all linear 0.1s;
}
.detail-page-cls.header {
  padding: 12px 0;
}
#uxploror-21-menu-wrap {
  top: 76px;
}
/* navigation */
.nav-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-bar .navigaion {
  display: flex;
  column-gap: 50px;
}
.nav-bar .navigaion nav {
  display: flex;
  align-items: center;
}
.nav-bar .navigaion ul {
  display: flex;
  column-gap: 74px;
  margin: 0;
}
.nav-bar .navigaion ul li {
  display: flex;
  align-items: center;
}
.nav-bar .navigaion ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  transition: none;
  position: relative;
}
.nav-bar .navigaion .menu-header-mainmenu-container ul li a:hover::before,
.nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li.current_page_item
  a::before {
  position: absolute;
  /*content: "";*/
  width: 100%;
  height: 1px;
  background: #f59301;
  bottom: -3px;
}
header.detail-page-cls
  .nav-bar
  .navigaion
  ul
  li
  a:hover
  i.icon.icon-arrow::before {
  background-color: #f59301;
}
header.detail-page-cls .nav-bar .navigaion ul li a {
  color: #000;
}

header.detail-page-cls .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}

.nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}

header.whiteBG .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}

/*
.nav-bar .navigaion ul li.current_page_item {
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
*/
.nav-bar .navigaion ul li.current_page_item .icon-arrow::before {
  background: #f59301;
}

.nav-bar .navigaion ul li a:hover {
  color: #f59301;
}

.hamburger-desktopmenu,
.close-desktopmenu,
.hamburger-mobilemenu,
.close-mobilemenu,
.close-servicemenu {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.close-desktopmenu,
.close-mobilemenu,
.close-servicemenu {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.close-desktopmenu .icon,
.close-mobilemenu .icon,
.close-servicemenu .icon {
  width: 20px;
  height: 20px;
}
.hamburger-desktopmenu .icon,
.hamburger-mobilemenu .icon {
  width: 30px;
  height: 30px;
  padding: 4px;
}
.collapse-desktopmenu {
  position: fixed;
  /*background-image: url(/yujliverebranding/wp-content/uploads/2024/06/menubg-trans02.png);*/
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  /*transition: all linear 0.2s;*/
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.collapse-mobilemenu {
  position: fixed;
  /*background-image: url(/yujliverebranding/wp-content/uploads/2024/06/menubg-trans02.png);*/
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  /*transition: all linear 0.2s;*/
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.collapse-servicemenu {
  position: fixed;
  /*background-image: url(/yujliverebranding/wp-content/uploads/2024/06/menubg-trans02.png);*/
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  /*transition: all linear 0.2s;*/
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.menu-hamburger-menu-container,
.menu-hamburger-menu-us-container {
  float: right;
  padding-right: 50px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #efefef;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}
.collapse-desktopmenu.open,
.collapse-mobilemenu.open,
.collapse-servicemenu.open {
  left: 0;
  opacity: 1;
  /*transition: all linear 0.2s;*/
  transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
  -webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
  -moz-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
}
.nav-bar .navigaion .collapse-desktopmenu ul,
.nav-bar .navigaion .collapse-mobilemenu ul,
.nav-bar .navigaion .collapse-servicemenu ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: 16px;
  margin-top: 32px;
}

.nav-bar .navigaion .collapse-desktopmenu .logo,
.nav-bar .navigaion .collapse-mobilemenu .logo,
.nav-bar .navigaion .collapse-servicemenu .logo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-bar .navigaion .collapse-desktopmenu ul li a,
.nav-bar .navigaion .collapse-mobilemenu ul li a,
.nav-bar .navigaion .collapse-servicemenu ul li a {
  display: flex;
  align-items: center;
  font-size: 42px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.nav-bar .navigaion .collapse-desktopmenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .navigaion .collapse-mobilemenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .navigaion .collapse-servicemenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .logo img {
  height: 45px;
  width: auto;
}
.page-id-22028 .nav-bar .logo img {
  height: 42px;
  width: auto;
}
header img {
  display: block;
}
/* header section css end */

/* Home page css start */
/* banner css start */
.slick-dots-container {
  position: relative;
  justify-content: left;
  display: flex;
}
.home-slickslider .slick-dots {
  position: absolute;
  bottom: 70px;
  display: flex;
}
.home-slickslider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.home-slickslider .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.home-slickslider .slick-dots li button:hover {
  background: transparent;
}
.home-slickslider .slick-dots li.slick-active button::before {
  background: #f59301;
}
.home-slickslider .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.home-slickslider .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: rgb(255 255 255 / 30%);
}
/* banner css end */
/* featured slider css start */
.featured-slickslider .slick-dots {
  position: absolute;
  bottom: 70px;
  display: flex;
}
.featured-slickslider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.featured-slickslider .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.featured-slickslider .slick-dots li button:hover {
  background: transparent;
}
.featured-slickslider .slick-dots li.slick-active button::before {
  background: #f59301;
}
.featured-slickslider .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.featured-slickslider .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: #ccc;
}
/* featured slider css end */
/* award section css start */
/* Award */
#tpbadge img {
  max-width: 130px;
  width: 243px;
}
.yujawards-wrapper .row {
  display: flex;
  margin: 0;
}
.yujawards-wrapper .award-box {
  width: 29%;
  padding-right: 10px;
}
span.breakBlock {
  display: block;
}

.yujawards-wrapper .award-details {
  padding-right: 22px;
}

.more-awards-details a {
  position: absolute;
  right: 0px;
  bottom: 30px;
  color: #4b3cc4;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.more-awardsbox {
  position: relative;
  flex: 1;
}
.yujawards {
  margin: 48px 0 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.yujawards .img-wrap {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.support-awards .img-wrap {
  width: 155px;
  margin-bottom: 15px;
  height: 110px;
  display: flex;
  align-items: center;
}
.yujawards .img-wrap img {
  max-width: 90px;
  max-height: 110px;
}
.support-awards .img-wrap img {
  max-width: 150px;
  max-height: 110px;
}
.support-awards h3 {
  font-size: 24px;
}
.yujawards h3 {
  font-family: "ClashDisplay-SemiBold", "Adjusted Arial Black Fallback";
  margin: 14px 0px 4px 0px;
}
.awards-name h5 {
  font-family: "ClashDisplay-Regular", "Adjusted Arial Black Fallback";
}
.awards-name h5.greyHead {
  color: #000;
}
.greyYear {
  color: #595959;
}
.greyHead {
  color: #606060;
}
.award-box {
  padding-right: 20px;
}
.award-details {
  display: flex;
  flex-direction: column;
  padding-right: 80px;
}
.projectsRow {
  display: flex;
  /*gap: 30px;*/
  justify-content: space-between;
}
/*
.projectsRow .project-box {
  width: 33.33%;
}
*/
.project-box h2 {
  margin-bottom: 0px;
}
.project-box h3 {
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 20px;
}
/* awards section css end */
/* new section start*/
/* news */
.news-section {
  padding: 52px 0px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px -16px;
}

.news-section .newscard {
  width: 33.33%;
  flex-shrink: 0;
  padding: 0px 16px;
}
.news-section .newscard p {
  color: #595959;
  margin-bottom: 8px;
}
.news-section .newscard h4 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.news-section .newscard .img-wrap {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 6px;
}
.news-section .newscard .img-wrap img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
/* new section end */
/* Career */
.careers ul {
  padding: 0;
  margin: 0;
}
.careers h2 {
  max-width: 600px;
}
.careers ul li {
  list-style: none;
  padding: 16px 0;
}

.careers .positions {
  margin: 40px 0 80px;
}
.careers .positions h4 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.careers .positions h4 a {
  color: var(--black);
}
.careers .positions h4 a:hover {
  color: #f59301;
}
.careers .positions h4 a .count {
  color: #f59301;
  font-size: 24px;
  margin-left: 8px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.careers .event-img-wrap {
  width: 100%;
  /*height: 240px;*/
  overflow: hidden;
  border-radius: 10px;
  margin-top: 50px;
  margin-bottom: 25px;
}
.careers .event-img-wrap img {
  width: 100%;
  height: auto;
}

.careers .descriptions h4 {
  font-family: "ClashDisplay-Light", "sans-serif";
}
/* banner section */
.main-baner {
  height: 100vh;
  width: 100%;
  display: flex;
  padding-top: 0px;
  justify-content: center;
  position: relative;
  align-items: center;
}
header.fade-in {
  padding: 12px 0;
  background: rgba(26, 26, 26, 0.2);
  -webkit-backdrop-filter: blur(42px);
  -o-backdrop-filter: blur(42px);
  -moz-backdrop-filter: blur(42px);
  backdrop-filter: blur(42px);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
/*
.page-id-17531 header.whiteBG{
  background: rgba(255, 255, 255, 0.50);
  -webkit-backdrop-filter:blur(42px);
  -o-backdrop-filter:blur(42px);
  -moz-backdrop-filter:blur(42px);
  backdrop-filter: blur(42px);
  padding: 12px 0px;
  -webkit-box-shadow: 0 7px 9px -12px #666;
  box-shadow: 0 7px 9px -12px #666;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}*/
header.whiteBG {
  /*background: rgba(255, 255, 255, 0.50);
  backdrop-filter: blur(42px);*/
  padding: 12px 0px;
  background: #fff;
  -webkit-box-shadow: 0 7px 9px -12px #666;
  box-shadow: 0 7px 9px -12px #666;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
header.whiteBG .nav-bar .navigaion .menu-hamburger-menu-container ul li a,
header.whiteBG .nav-bar .navigaion .menu-hamburger-menu-us-container ul li a {
  color: #fff;
}
header.whiteBG
  .nav-bar
  .navigaion
  .menu-hamburger-menu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.whiteBG
  .nav-bar
  .navigaion
  .menu-hamburger-menu-us-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.whiteBG .nav-bar .navigaion ul li a {
  color: #000;
}
header.whiteBG .nav-bar .navigaion ul li a:hover {
  color: #f59301;
}
.nav-bar .navigaion .nav-bar .navigaion ul li:last-child {
  padding: 10px 30px;
}
/*
header.detail-page-cls
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a {
  color: #000;
}*/
header.detail-page-cls
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a:hover {
  color: #f59301;
}
header.detail-page-cls .nav-bar .navigaion ul li a:hover {
  color: #f59301;
}
/*
header.whiteBG .nav-bar .navigaion ul li:last-child a {
  color: #4b3bc4;
}
header.whiteBG .nav-bar .navigaion ul li:last-child a:hover {
  color: var(--btnblueBg);
}
header.detail-page-cls
  .nav-bar
  .navigaion
  ul#menu-header-mainmenu
  li:last-child
  a {
  color: #4b3bc4;
}
*/
header.whiteBG .icon-hamburger::before {
  background: #000;
}
header.whiteBG .icon-innerhamburger::before {
  background: #000;
}
header.detail-page-cls .icon-hamburger::before {
  background: #000;
}
header.detail-page-cls .icon-innerhamburger::before {
  background: #000;
}
header.whiteBG .icon-arrow::before {
  background: #fff;
}
header.detail-page-cls .icon-arrow::before {
  background: #fff;
}
.single .header-overlay {
  background: rgba(26, 26, 26, 0.2);
  -webkit-backdrop-filter: blur(42px);
  -o-backdrop-filter: blur(42px);
  -moz-backdrop-filter: blur(42px);
  backdrop-filter: blur(42px);
}
.baner-wrap {
  width: 100%;
}

.baner-wrap .baner-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.baner-wrap .baner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.baner-wrap .baner-text {
  position: relative;
  z-index: 2;
  color: #fff;
}
.baner-text h1,
.baner-text .h1 {
  font-family: "ClashDisplay-Semibold", "Adjusted Arial Black Fallback";
  position: relative;
}

.baner-text h1::after,
.baner-text .h1::after {
  /* content: '';*/
  background: #f59301;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-left: 16px;
  position: absolute;
  right: auto;
  bottom: 14px;
}
.baner-text h3 {
  margin-bottom: 10px;
}
.baner-text h4 {
  margin-top: 24px;
  font-family: "graphik", "sans-serif";
}
.descMax {
  max-width: 550px;
}
.view-success-stories {
  margin-top: 80px;
}
.view-success-stories h4 {
  font-family: "ClashDisplay-Regular";
}
.view-success-stories a {
  color: #fff;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.view-success-stories a:hover {
  color: #f59301;
}
.view-success-stories a:hover .underlink::before {
  visibility: visible;
  opacity: 1;
}
.view-success-stories a:hover .icon-arrow::before {
  background: #f59301;
}
.baner-text .statistics {
  border-right: 1px solid rgba(255, 255, 255, 0.21);
  padding-right: 40px;
  margin-top: 80px;
}
.baner-text .statistics:last-child {
  border: none;
}
.baner-text .statistics h2 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
}

.baner-text .know-more {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: -30px;
}
.baner-text .know-more a {
  width: 98px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #4b3bc4;
}
.hide_div_explorer {
  display: none !important;
}
/* banner section ends */

/* featured case study section start */
/* Featured work */
.featured-slide-1 {
  background: url(/wp-content/uploads/2024/08/featuredUS-bg01.png) no-repeat
    center / cover;
}

.featured-slide-2 {
  background: url(/wp-content/uploads/2023/10/featured-bg-02new.png) no-repeat
    center/cover;
}
.featured-slide-3 {
  background: url(/wp-content/uploads/2023/10/feature-bg-03.png) no-repeat
    center/cover;
}

.featured-slide-4 {
  background: url(/wp-content/uploads/2023/10/feature-bg-04.png) no-repeat
    center/cover;
}
.featured-slide-5 {
  background: url(/wp-content/uploads/2024/08/featuredUS-bg02.png) no-repeat
    center / cover;
}
.featured-slide-6 {
  background: url(/wp-content/uploads/2024/08/featuredUS-bg03.png) no-repeat
    center / cover;
}
.featured-slide-6 .right-content img {
  width: auto;
}
.featured-slide-1 .left-content {
  padding-bottom: 140px;
}
.featured-content {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  gap: 40px;
}
.left-content {
  display: flex;
  flex-direction: column;
  padding-top: 120px;
  width: 50%;
}
.justifyCenter {
  justify-content: center;
}
.justifyRight {
  justify-content: right;
}
.right-content {
  /* flex: 1; */
  width: 50%;
  display: flex;
  align-items: center;
  max-height: 450px;
  /*justify-content: center;*/
}
.right-content img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}

.left-content h3,
.left-content .h3 {
  margin-bottom: 16px;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
}
.left-content .feature-desc h4 {
  max-width: 430px;
  font-family: "graphik", "sans-serif";
}
.left-content .feature-desc {
  margin-bottom: 46px;
}
.left-content .feature-desc h3 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.featured-work .swiper-pagination {
  display: flex;
  bottom: 70px;
  align-items: center;
}
.mySwiper span.swiper-pagination-bullet::before {
  content: "";
  width: 10px;
  height: 10px;
  background: rgba(119, 116, 116, 30%);
  display: block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 6px;
}
.mySwiper span.swiper-pagination-bullet-active {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.mySwiper span.swiper-pagination-bullet-active::before {
  background: #f59301;
}
/* featured case study section end */

/* Home page css end */

/* about page css start*/
.df-floating .df-ui-controls {
  display: none !important;
}
.yuj-val-sec {
  position: relative;
  margin-top: -5px;
}

.yuj-val-sec ul.slick-dots {
  display: none !important;
}

.yuj-value-active-pos {
  position: absolute;
  bottom: 80px;
  z-index: 999;
  left: 0px;
  display: flex;
  align-items: center;
  -webkit-gap: 15px;
  gap: 15px;
}

.yuj-value-active-pos .slick-arrow.slick-disabled {
  display: none !important;
}

.yuj-value-active-pos .slick-arrow {
  font-size: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.yuj-val-content h2 span {
  display: block;
}

.yuj-values-item {
  height: 600px;
  display: flex;
  padding-right: 0px;
  width: 100%;
  background: #ccc;
}

.yuj-val-img {
  text-align: right;
  display: block;
  margin-left: auto;
  position: relative;
  margin-top: auto;
}
.yuj-ver-img {
  margin: 0 auto;
}
.yuj-val-content {
  max-width: 50%;
  padding-top: 120px;
}

.yuj-val-content p {
  font-size: 22px;
  line-height: 1.2;
  margin-top: 20px;
  font-family: "graphik", "sans-serif" !important;
}

.yuj-val-img img {
  max-width: 100%;
  max-height: 100%;
}

.yuj-book-value {
  display: flex;
  align-items: center;
  height: 600px;
}

.yuj-book-value .yuj-val-content {
  padding-top: 0;
}

.yuj-value-active-pos .slick-arrow.prev {
  background-image: url(/wp-content/uploads/2023/10/client-left-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.yuj-value-active-pos .slick-arrow.next {
  background-image: url(/wp-content/uploads/2023/10/client-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.yuj-aim {
  background: #86c2c7;
}

.yuj-believe {
  background: #f1bd27;
}

.yuj-rely {
  background: #47a4ad;
}

.yuj-action {
  background: #f8a98e;
}

.yuj-balance {
  background: #ecdf7a;
}

.yuj-impact {
  background: #47a4ad;
}

.yuj-empathy {
  background: #becd7d;
}

.yuj-mantra {
  background: #f1bd27;
}
.yuj-peach {
  background: #c9bac8;
}
/* about page css end */

/* contact us page css start*/
.textWhite {
  color: #fff;
}
#post-9702 ::-webkit-input-placeholder {
  font-size: 12px;
  color: #bcbcbc !important;
}
#wpcf7-f17355-p9702-o1 ::placeholder {
  color: #ccc !important;
  opacity: 1;
}
#wpcf7-f17355-p9702-o1 :-ms-input-placeholder {
  color: #ccc !important;
}
#wpcf7-f17355-p9702-o1 ::-ms-input-placeholder {
  color: #ccc !important;
}
/* contact us page css end */
.secondary-menu.up {
  background: #ffffff;
}

.secondary-menu.affix {
  background: #ffffff;
}

/* portfolio single page css start */
div#dm-last-img {
  position: relative;
  z-index: 9;
}
/* portfolio single page css end */

/* career page css start */
.yuj-advantage-slider {
  margin-top: 80px;
  display: flex;
  column-gap: 32px;
}
.yuj-advantage-slider .img-wrap {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-bottom: 30px;
}
.yuj-advantage-slider h4 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 18px;
}

/* form section css starts */
.currentOpenings {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px -16px;
}
.currentOpenings .openPosition {
  display: flex;
  margin-bottom: 28px;
  width: 50%;
  padding: 0px 16px;
  flex-direction: column;
}
.firstChild {
  display: flex;
  align-items: baseline;
  gap: 30px;
  margin-bottom: 5px;
  justify-content: space-between;
}
.currentOpenings .openPosition .firstChild p {
  margin-bottom: 0px;
  max-width: 500px;
  font-family: "Graphik", "sans-serif";
}
.positionContainer {
  display: flex;
  column-gap: 50px;
}
.career-page-form-sec {
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid #ccc;
  margin-top: 15px;
}

.career-page-form-sec .careerbox-outer-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}

.career-page-form-sec .careerbox-outer-wrap .cf-field {
  width: 33.33%;
  padding: 0px 10px;
  margin-bottom: 24px;
}
.career-page-form-sec .cf-add-thoughts.cf-acceptance,
.career-page-form-sec .cf-send {
  width: 100%;
  padding: 0px 10px;
  margin-bottom: 0px;
}
.career-page-form-sec .cf-add-thoughts.cf-acceptance label {
  width: 100%;
}
.currentOpenings .openPosition h4 {
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 24px;
}
.career-col-left h2,
.career-col-right h3 {
  margin-bottom: 26px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.career-col-left h1 {
  margin-top: 0px;
  margin-bottom: 26px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.noofpos {
  color: #f59301;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.career-thanks-msg {
  padding: 60px 30px 20px 30px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.career-thanks-box {
  text-align: center;
  padding-bottom: 35px;
}
.career-thanks-box h3 {
  font-family: "Clashdisplay-Semibold", "sans-serif";
  line-height: 1;
  margin: 15px 0;
}
/* form section css ends */
/* form section css ends */
/* banner section css start */
.content-vh-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leaders-speak {
  display: flex;
  width: 100%;
  padding-top: 80px;
  margin-bottom: -20px;
}
.leader-quote-sec {
  width: 75%;
  max-width: 750px;
  padding-right: 30px;
}
.leader-quote-sec h2 {
  position: relative;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.leader-quote-sec h2::before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2023/10/Union.svg) no-repeat 0 0 / 25px;
  left: -30px;
  top: 3px;
  width: 29px;
  height: 20px;
}
.leaders-speak .img-wrap {
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
}
.leaders-speak .item {
  overflow: unset;
}
.leaders-speak .img-wrap img {
  width: 100%;
  height: auto;
}
.leader-quote-sec h4 {
  margin-bottom: 10px;
}
.leaders-speak .carousel-inner {
  overflow: unset;
}

.leaders-speak .leaders-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.leaders-speak .carousel-indicators {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  list-style: none;
  left: auto;
  right: 0;
  width: auto;
  bottom: 0;
  position: relative;
}
.leaders-speak .carousel-indicators-col {
  position: relative;
  width: 120px;
  padding-bottom: 70px;
}
.leaders-speak .carousel-indicators li {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  border: 0;
  background-color: transparent;
  display: flex;
  margin-bottom: 10px;
  filter: grayscale(1);
}
.leaders-speak .carousel-indicators li.active {
  filter: unset;
  border: 1px solid #5e5e5e;
}
.leaders-speak .carousel-indicators li.active img {
  border: 2px solid transparent;
  border-radius: 50%;
}
.leaders-speak .carousel-indicators li img {
  width: 100%;
  height: auto;
}
.could-be-you {
  position: absolute;
  bottom: -10px;
  right: 0px;
}
.careerBG {
  background: rgba(255, 255, 255, 0.47);
}
.sectionSepBG {
  background: rgba(255, 255, 255, 0.47);
}
.moredetails {
  margin-top: 20px;
}
.rebrand-vertical-slider {
  overflow-x: hidden;
}
.rebrand-vertical-slider .full-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rebrand-vertical-slider .pin-wrap,
.rebrand-vertical-slider .animation-wrap {
  display: flex;
  position: relative;
  z-index: 1;
  height: 100vh;
}

.rebrand-vertical-slider .slide-item {
  position: relative;
  flex: none;
  height: calc(100vh - 107px);
  width: 100%;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-right: 0px solid rgba(0, 0, 0, 0.06);
  background-color: transparent;
  padding-right: 8px;
}

.rebrand-vertical-slider .slide-item:before {
  position: absolute;
  font-size: 100px;
  opacity: 0.13;
  font-weight: bold;
  z-index: -1;
  -webkit-transform: translate(-30px, -50px);
  transform: translate(-30px, -50px);
  line-height: 1;
}

.rebrand-vertical-slider .animation-wrap {
  counter-reset: item;
  float: left;
}

.rebrand-vertical-slider .animation-wrap.to-left {
  counter-reset: item 11;
  float: right;
}

.rebrand-vertical-slider .animation-wrap .item:nth-child(2n + 2) {
  align-items: flex-start;
}

.rebrand-vertical-slider .animation-wrap .item:nth-child(4n + 4) {
  align-items: flex-end;
}
.rebrand-vertical-slider .panels {
  overflow: scroll;
  height: 100vh;
  width: 100%;
  scroll-snap-type: y mandatory;
}
.rebrand-vertical-slider .panel {
  box-shadow: 40px red;
  scroll-snap-align: start;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  background: #1d1e22;
}
.rebrand-vertical-slider .clip {
  position: sticky;
  height: 0;
  width: 100%;
  top: 0;
  margin-bottom: 0;
}
.redesignposition-title {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
/* banner section css end */
/* career page css end */

/* about page css start */
.imageWrapper {
  margin-top: 60px;
}
.causesSupport {
  margin-top: 60px;
}
.videoWrapper video {
  border-radius: 5px;
}
#about-yuj-showcase {
  padding-top: 130px;
}
#about-yuj-showcase h3 {
  color: #797878;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.aboutContext {
  margin: 25px 0px 0px 0px;
  font-family: "Graphik", "sans-serif";
}
.aboutContext h4:first-child {
  margin-bottom: 20px;
}
#newYuj {
  margin-bottom: 42px;
}
.aboutContactUs {
  padding-bottom: 80px;
}
.flipbookWrapper {
  margin-top: 50px;
}
.baner-content-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.baner-content-wrap .baner-img {
  position: absolute;
  right: 80px;
  max-width: 33%;
  top: 58%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  align-items: center;
}

.baner-content-item {
  max-width: 680px;
  margin-bottom: -30px;
}
.award-wrap-section {
  margin-bottom: 37px;
}
.about-baner-wrapper {
  position: relative;
  height: 500px;
  display: flex;
  background-image: url(/wp-content/uploads/2023/10/main-bg-min.png);
  background-repeat: no-repeat;
  background-position: right -200px;
  background-size: cover;
  overflow: hidden;
}
.h2 {
  font-size: 50px;
  line-height: 1;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.founder-intro-col {
  display: flex;
  align-items: center;
  margin-top: 40px;
  color: #000;
}
.founder-intro-sec {
  padding-bottom: 0 !important;
  padding-top: 80px;
}
.founder-position {
  margin-bottom: 12px;
  margin-top: 3px;
}
.founder-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.founder-img {
  flex: 1;
}
.founder-detail {
  width: 26%;
}
.meet-founder-col {
  max-width: 980px;
}
.meet-founder-col h2 {
  margin-bottom: 5px;
}
.award-wrap-section {
  max-width: 840px;
}
.founder-name {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  white-space: nowrap;
}
.founder-intro {
  font-size: 20px;
  margin-bottom: 24px;
  line-height: 1.2;
}
.founder-detail:first-child {
  text-align: left;
}
.founder-detail:last-child {
  text-align: right;
}
.founder-detail:first-child .founder-intro {
  padding-right: 15px;
}
.founder-detail:last-child .founder-intro {
  padding-left: 15px;
}
.linkdin-img {
  background: url(/wp-content/uploads/2023/10/linkedIn-blueicon.svg) no-repeat
    center center / cover;
  width: 48px;
  height: 48px;
  display: inline-block;
}
.founder-mob-img {
  display: none;
}
.fontMedium {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.fontSemiBold {
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.full-bg-image {
  background-image: url(/wp-content/uploads/2023/10/main-bg-min.png);
  background-repeat: no-repeat;
}
.owl-prev,
.owl-next {
  color: #808080 !important;
}
#awardmoreinfo {
  display: none;
  margin-top: 0px;
}
#awardhidebtn {
  display: none;
}
#awardshowbtn,
#awardhidebtn {
  font-size: 20px;
  color: var(--btnblueBg);
  cursor: pointer;
  margin: 0 auto;
}
#awardshowbtn:hover,
#awardhidebtn:hover {
  color: #f59301;
}
/* about page css end */
/* client page css start */
.servicesDomainAreas-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) -2.15%,
    rgba(255, 255, 255, 0.77) 39.09%,
    rgba(255, 255, 255, 0) 91.74%
  );
  backdrop-filter: blur(12px);
}
.servicesDomain {
  font-family: "ClashDisplay-Regular", "sans-serif";
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}
.servicesDomain [class^="icon"] {
  width: 26px;
  height: 26px;
}
.servicesDomain [class^="icon"]:before {
  background: #000;
}
.icon-fortune:before {
  mask-image: url(/wp-content/uploads/2023/10/client-trophy.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/client-trophy.png);
}
.icon-b2b:before {
  mask-image: url(/wp-content/uploads/2023/10/client-briefcase.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/client-briefcase.png);
}
.icon-b2c:before {
  mask-image: url(/wp-content/uploads/2023/10/client-store.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/client-store.png);
}
.icon-startups:before {
  mask-image: url(/wp-content/uploads/2023/10/client-rocket.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/client-rocket.png);
}
.icon-enterprise:before {
  mask-image: url(/wp-content/uploads/2023/10/client-building.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/client-building.png);
}
.client-baner-wrapper {
  height: 300px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  padding-top: 70px;
  /*overflow:hidden;*/
}
.client-logo-sec {
  padding-top: 60px;
}
.client-mobile-layout {
  display: none;
}
.client-baner-wrapper .full-baner-img {
  position: absolute;
  top: 50px;
  right: 0;
  height: 100%;
}
.clientlogos-row {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.clientlogos-row .clientlogo {
  width: 20%;
  padding: 20px 35px;
}
#clientrow1 {
  display: none;
}
#clientrow2 {
  display: none;
}
.review-item-col {
  padding: 0px 10px;
}
.review-items {
  display: flex;
  margin: 0px -10px;
  flex-wrap: wrap;
  margin-bottom: -70px;
}
.review-item-col {
  padding: 10px 10px;
  width: 33.33%;
  height: 450px;
}
.review-item-small-col {
  height: 400px;
}
.review-item-col.talk-item-col {
  top: -50px;
  position: relative;
}
.review-content h3 {
  font-size: 28px;
}
.review-col {
  position: relative;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding: 46px 30px 30px;
}
.review-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.review-content {
  position: relative;
  z-index: 2;
  height: 100%;
  color: #fff;
}
.review-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.star-icon {
  background: url(/wp-content/uploads/2023/10/star-icon.png) no-repeat 0 0 /
    cover;
  width: 19px;
  height: 18px;
  display: block;
  margin-right: 10px;
}

.rated {
  display: flex;
  margin-bottom: 16px;
}

.client-detail {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.client-position {
  font-size: 14px;
  font-weight: 400;
}
.client-name {
  font-family: "Caveat", "cursive";
  font-weight: 400;
}
.review-item-col .btn-secondary {
  background: #f59300;
  color: #fff;
  font-size: 20px;
  padding: 10px 50px;
}
.review-btn-wrapper {
  margin-top: 35px;
}
.talk-item-col .review-col {
  background: #5f4cd9;
  color: #fff;
}
.client-speak-sec h2 {
  font-family: "ClashDisplay-Medium", "sans-serif";
  margin-bottom: 48px;
}
.talk-item-col .review-col h3 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 15px;
}
.client-speak-mob-sec {
  display: none;
}
.client-speak-sec.client-speak-desk-sec {
  margin-top: 100px;
}
.client-baner-wrapper .full-baner-img {
  top: 70px;
}
/* client page css end */
/* contact page css start */
.map-col img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.latest-case-study-box {
  text-align: center;
}
.latest-case-study-box.thankscontent {
  padding: 0px 48px;
  text-align: left;
}
.map-col .h2 {
  margin-top: 0;
}
.contact-row {
  display: flex;
  padding-top: 20px;
}

.contact-left-col {
  flex: 1;
  padding-right: 50px;
}

.contact-right-col {
  width: 50%;
  padding-top: 15px;
}
span.wpcf7-list-item-label {
  padding-left: 10px;
  vertical-align: top;
}
.address-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
  margin-top: -15px;
}

.address-col {
  width: 50%;
  padding: 10px;
}

.address-col h4.address-head {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
  font-size: 24px;
}
.address-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.addChild img {
  vertical-align: sub;
}
.addChild p {
  font-family: "Graphik-Medium", "sans-serif";
}
.address-item h4 {
  margin-bottom: 5px;
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.address-item p {
  color: #4f4f4f;
  font-family: "Graphik", "sans-serif";
}
.page-id-9702 {
  background-position: 20% 80%;
}
.email-col {
  border-top: 1px solid #d6d6d6;
  padding-top: 46px;
  margin-top: 25px;
}

.email-col ul {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}
.nohead {
  height: 28px;
}
.email-col h6 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.email-col a {
  color: #4b3bc4;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 18px;
}

div#wpcf7-f17355-p9702-o1 {
  background: transparent;
  padding: 0;
  margin-top: 0;
}
.cf-field {
  position: relative;
  margin-bottom: 15px;
}
.cf-abt-project-requirement {
  margin-bottom: 15px;
}
#gencountryDialcode {
  background: #fff;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: center;
  border-radius: 6px;
  width: 16%;
  float: left;
  margin-right: 3%;
  font-size: 14px;
}
.cf-field input.wpcf7-form-control.wpcf7-tel {
  font-size: 14px;
  width: 81%;
}
.contact-right-col .cf-field input.wpcf7-form-control.wpcf7-tel {
  font-size: 14px;
  width: 81%;
}
.contact-right-col label.cfield__label {
  font-size: 18px;
}
.contact-right-col .cf-field {
  margin-bottom: 20px;
}
.contact-right-col .cf-abt-project-requirement {
  margin-bottom: 10px;
}
label.cfield__label {
  margin-bottom: 8px;
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.cf-abt-project-requirement span#cf-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.cf-abt-project-requirement span#cf-checkbox span.wpcf7-list-item label {
  display: flex !important;
  align-items: center;
}

.cfield__label span.starRequired {
  color: red;
}

.cf-field input.wpcf7-form-control {
  padding: 12px !important;
  height: 42px !important;
  border: 0;
  border-radius: 6px !important;
  background: #fff;
  width: 100%;
  font-size: 14px;
}
.cf-field textarea.wpcf7-form-control {
  padding: 12px;
  height: auto;
  border: 0;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 0em;
  margin-top: 0em;
  font-size: 14px;
  width: 85%;
}

.cf-field .wpcf7-not-valid-tip {
  margin: 0px !important;
  font-size: 12px;
  width:100%;
}
.cf-add-thoughts.cf-acceptance {
  font-size: 14px;
}
.ConSubmit {
  width: 100%;
}
/*.cf-send .wpcf7-spinner{
  display:none;
}*/
.contact-baner-wrapper {
  height: 360px;
  background: rgba(255, 255, 255, 0.47)
    url(/wp-content/uploads/2023/10/main-bg-min.png) no-repeat center center/
    cover;
  overflow: hidden;
}
.cf-send .wpcf7-spinner {
  position: absolute;
}
.contactbox-outer-wrap .cf-send {
  margin-bottom: 0px;
  margin-top: 30px;
}
.contact-baner-wrapper h4 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.contact-baner-wrapper .baner-content-item {
  max-width: 550px;
}
.contactDot {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 28px;
  background: #f59301;
}
.email-col ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* contact page css end */

/* thanks page css start */
.contact-form-bg {
  padding: 48px 21px;
  background: rgba(255, 255, 255, 0.47);
  border-radius: 10px;
}

.thanks-box {
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 35px;
}

.thanks-box h3 {
  font-family: "Clashdisplay-Semibold", "sans-serif";
  line-height: 1;
  margin: 15px 0;
}

.thanks-box h4 {
  color: #4f4f4f;
}

.party-icon {
  background: url(/wp-content/uploads/2023/10/party-icon.svg) no-repeat center
    center / cover;
  width: 49px;
  height: 48px;
  display: inline-block;
}
.blog-detail-image {
  margin-bottom: 20px;
}
.latest-case-study-box h4 {
  font-family: "Clashdisplay-Medium", "sans-serif";
}

.case-study-item {
  margin-top: 36px;
}
.latest-case-study-box .cs-img {
  margin-bottom: 16px;
}
.blog-content .case-study-item {
  margin-top: 30px;
}
.cs-post-details {
  color: #313131;
  font-size: 14px;
  margin: 10px 0 5px 0;
}

.case-study-item .post-heading {
  font-family: "Clashdisplay-Medium", "sans-serif";
}
/* thanks page css end */

/* blog page css start */
/* CUSTOM STYLE ISOTOPE*/
.single-content img {
  width: 100%;
}
.blog-detail .blog-content ul {
  font-family: "Graphik", "sans-serif";
}
.blogRelated {
  text-align: left;
}
.blogrebrand .filters {
  width: 100%;
  text-align: center;
}

.blogrebrand ul {
  list-style: none;
  padding: 20px 0;
  /*justify-content: space-between;*/
}

.blogrebrand ul li {
  display: inline;
  padding: 10px 22px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-family: "Graphik", "sans-serif";
}
.blogrebrand ul li:hover {
  color: #f59301;
}
.blogrebrand ul li.active {
  color: #000;
  background: #fef4e6;
  border: 1px solid #f59301;
  padding: 10px 20px;
  border-radius: 10px;
}

/* CUSTOM STYLE ISOTOPE*/
.blogrebrand a.btn.btn-default.btn_style_more.loadmore {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 10px 30px;
}

/* load more button */
.blogrebrand .btn_wrapper {
  display: flex;
  justify-content: center;
  padding-top: 49px;
}
.button_load_more .btn_wrapper {
  text-align: center;
}
.button_load_more .btn_wrapper a {
  text-align: center;
  border: 0px;
  background: transparent;
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 20px;
  color: #000;
  cursor: pointer;
  padding: 0px;
  outline: none;
}
.icon-plus::before {
  mask-image: url(/wp-content/uploads/2023/11/icon-plus.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/11/icon-plus.png);
}
.button_load_more .btn_wrapper a:hover {
  color: #f39405;
}
.experience-blog-sec .h2 {
  margin-bottom: 40px;
}

.list-blogs-post-details {
  display: flex;
  align-items: center;
}

.latest-blog-row {
  display: flex;
}

.latest-detail-blog-col {
  flex: 1;
  padding-right: 30px;
  width: 75%;
}

.latest-list-blog-col {
  width: 400px;
}

.blog-img-cont-row {
  display: flex;
}

.detail-blog-img {
  width: 380px;
  padding-right: 25px;
}

.detail-blog-cont {
  flex: 1;
}
.blogs-post-details {
  display: flex;
  align-items: center;
  color: #595959;
  margin-bottom: 5px;
  font-size: 14px;
}
.blog-img-cont-row {
  display: flex;
  margin-bottom: 40px;
}

.detail-blog-img {
  width: 54%;
  padding-right: 26px;
}

.detail-blog-img img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  max-height: 400px;
  min-height: 400px;
}

.list-blog-img {
  width: 102px;
}

.list-blog-img img {
  max-width: 100%;
  border-radius: 12px;
  max-height: 120px;
  object-fit: cover;
  min-height: 100px;
}
.latest-list-blog-items .blog-img-cont-row:last-child {
  margin-bottom: 0px;
}
.list-blog-content {
  flex: 1;
  padding-left: 15px;
}

.blog-min-read::before {
  content: "•";
  padding: 0px 12px;
  color: #797979;
}

.detail-blog-cont h5 {
  margin-bottom: 13px;
}

.detail-blog-cont p {
  margin-bottom: 15px;
}

.blog-img-cont-row h5,
.latest-list-blog-col h5 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.banner-blog-sec {
  background: url(/wp-content/uploads/2023/11/khopcha-banner.png) no-repeat 0
    0 / cover;
  color: #fff;
}

.yuj-new-link {
  color: #fff;
  display: flex;
  align-items: center;
  max-width: fit-content;
}
.yuj-new-link:hover,
.yuj-new-link:active {
  color: #f39405;
}
.yuj-new-link:hover .underlink::before {
  visibility: visible;
  background: #f39405;
  opacity: 1;
}
.yuj-new-link:hover .icon-arrow::before {
  background: #f39405;
}
.banner-content-text {
  margin-bottom: 40px;
  margin-top: 15px;
  line-height: 1.5;
}

.baner-img img {
  max-width: 100%;
}

.baner-blog-content-item {
  max-width: 700px;
}

.text-icon-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.exclusive-icon {
  background: url(/wp-content/uploads/2023/11/excusive-icon.png) no-repeat 0 0 /
    cover;
  width: 20px;
  height: 20px;
}

.khopcha-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -16px;
  margin-top: 24px;
}

.khopcha-list-item {
  width: 33.33%;
  padding: 16px;
  margin-bottom: 36px;
}

.khopcha-img {
  margin-bottom: 20px;
}

.khopcha-img a,
.linkHover {
  overflow: hidden;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  transform: translate3d(0, 0, 0);
}
.linkHover {
  display: flex;
}
.khopcha-img img {
  height: 220px;
  object-fit: cover;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.linkHover img {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.khopcha-img a:hover img,
.linkHover:hover img,
.khopcha-list-item:hover .khopcha-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.khopcha-content p,
.blog-content p {
  font-family: "Graphik", "sans-serif" !important;
  color: #595959;
  line-height: 1.4;
}
.khopcha-content h5 {
  font-family: "ClashDisplay-Medium", "sans-serif";
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  min-height: 44px;
  line-height: 1.3;
}
.portfolio-list .khopcha-content p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #595959;
  line-height: 1.4;
}
.case-study-item h5.post-heading a:hover,
.news-section .newscard h4 a:hover,
.blog-content .case-study-item:hover a,
.newscard:hover a,
.khopcha-list-item:hover a {
  color: #f39405;
}
.cat-menu-items {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 0 0;
}

.cat-item {
  cursor: pointer;
  font-size: 20px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  padding: 6px 10px;
  white-space: nowrap;
  margin-right: 12px;
  transition: all 0.5s;
}

.category-menu-item-row {
  overflow: hidden;
}

.cat-item.active {
  border-bottom: 2px solid #000;
}
.khopcha-content a:hover,
.detail-blog-cont a:hover,
.list-blog-content a:hover,
.portfolio-img-cont-row:hover .linkHover,
.portfolio-img-cont-row:hover h3 a,
.blog-img-cont-row:hover .blog-card-details a,
.blog-img-cont-row:hover .detail-blog-cont h5 a {
  color: #f59301;
}
.outer-wrapper {
  max-width: 100vw;
  overflow-x: scroll;
  position: relative;
  scrollbar-color: #f69305;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.pseduo-track {
  background-color: #f69305;
  height: 2px;
  width: 100%;
  position: relative;
  top: -3px;
  z-index: -10;
}
@media (any-hover: none) {
  .pseduo-track {
    display: none;
  }
}
.outer-wrapper::-webkit-scrollbar {
  height: 4px;
}
.outer-wrapper::-webkit-scrollbar-track {
  background-color: #d9d9d9;
}
.outer-wrapper::-webkit-scrollbar-thumb {
  height: 4px;
  background-color: #f69305;
}
.outer-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #f69305;
}
.outer-wrapper::-webkit-scrollbar:vertical {
  display: none;
}
/* blog page css end */

.companylogo.black-logo {
  display: none;
}

.whiteBG .companylogo.white-logo {
  display: none;
}

.whiteBG .companylogo.black-logo {
  display: block;
}
.fontGraphik {
  font-family: "Graphik", "sans-serif" !important;
}
.fontGraphik-semibold {
  font-family: "Graphik-Semibold", "sans-serif" !important;
}
.underlink {
  position: relative;
}
.underlink::before {
  position: absolute;
  /*content: "";*/
  width: 100%;
  height: 1px;
  background: #f39405;
  left: 0;
  bottom: -7px;
  visibility: hidden;
  opacity: 0;
}
/* single blog css start */
.blog-content .back-btn {
  top: 10px;
  position: relative;
  display: flex;
  align-items: center;
  top: 0;
  width: 100%;
}
.blog-detail .blog-content h2.blog-title,
.blog-detail .blog-content h1.blog-title {
  font-family: "clashdisplay-semibold", "sans-serif";
  margin-bottom: 28px;
}
.section-separator {
  width: 50px;
  height: 4px;
  background: #f79205;
  margin: 43px 0px;
  display: block;
}
.blog-detail-image img {
  width: 100%;
  max-height: 600px;
  object-fit: cover;
}

.yuj_in_news .blog-detail-image img {
  border-radius: 12px;
}
.blog-detail .blog-content h3 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  color: #000;
}
.back-btn {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 16px;
}
.casestudy-insider {
  margin-top: 40px;
}
.case-study-item h5.post-heading a:hover,
.news-section .newscard h4 a:hover,
.blog-content .case-study-item:hover a,
.newscard:hover a {
  color: #f79205;
}
.blog-detail .blog-content .entry-content h3::before {
  content: "";
  width: 42px;
  height: 4px;
  background: #f79205;
  display: block;
  margin: 40px 0;
}
.blog-detail .blog-content .entry-content h3 {
  font-size: 20px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  margin-bottom: 8px;
}
.blog-detail .blog-content .entry-content h5 {
  font-size: 18px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  margin-bottom: 8px;
}
/* single blog css end */

/* portfolio css start */
.reddot-banner-sec {
  background: #fff;
}
.reddot-banner-sec .baner-content-wrap .baner-img {
  position: relative;
  top: 0;
  transform: none;
  max-width: unset;
  height: inherit;
  right: 0px;
}
.reddot-banner-sec .baner-content-wrap {
  justify-content: space-between;
  align-items: unset;
}
.reddot-banner-sec .baner-blog-content-item {
  max-width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 30px;
  min-width: 60%;
}
.reddot-baner-title {
  margin-top: 40px;
}
.reddot-banner-sec .baner-blog-content-item h2 {
  margin: 0;
}
.reddot-banner-sec .baner-blog-content-item h2 a:hover {
  color: #f59300;
}
.reddot-rating-text {
  margin-left: 16px;
}
.reddot-rating h2 {
  margin-bottom: 0;
  color: #f59300;
}
.reddot-rating-text h4 {
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.reddot-rating-text h5 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.reddot-banner-sec .baner-img img {
  border-radius: 10px;
  max-height: 435px;
}
.latest-portfolio-row h3 {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.latest-portfolio-row h3 {
  line-height: 1;
  margin-bottom: 10px;
}
.latest-portfolio-row h4 {
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.list-portfolio-img,
.detail-portfolio-img {
  margin-bottom: 20px;
}
.portfolio-img-cont-row {
  margin-bottom: 80px;
}
.portfolio-img-cont-row:last-child {
  margin-bottom: 0px;
}
.list-portfolio-img img {
  max-height: 230px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0px 4px 155px 0px rgba(0, 0, 0, 0.65) inset;
}
.detail-portfolio-img img {
  width: 100%;
  max-height: 710px;
  object-fit: cover;
  box-shadow: 0px 4px 155px 0px rgba(0, 0, 0, 0.65) inset;
}
.latest-portfolio-row {
  margin-top: 45px;
  display: flex;
}
.portfolio-blog-sec .latest-portfolio-row {
  margin-top: 0;
}
/* portfolio css end */

/* media coverage css start */
.yuj-in-social-wrapper ul {
  display: flex;
  margin: 48px -10px 0;
}
.yuj-in-social-wrapper ul li {
  padding: 0px 10px;
  list-style: none;
}
.link-icon .social-icon-active {
  background-image: url(/wp-content/uploads/2023/11/linkedin.png);
}
.youtube-icon .social-icon-active {
  background-image: url(/wp-content/uploads/2023/11/youtube-hover.png);
}

.clutch-icon .social-icon-active {
  background-image: url(/wp-content/uploads/2023/11/clutch-hover-icon.png);
}

.instagram-icon .social-icon-active {
  background-image: url(/wp-content/uploads/2023/11/instragram-hover.png);
}

.yuj-social-link a {
  display: flex;
  align-items: center;
}
.yuj-social-link .social-text {
  font-size: 18px;
  color: #000;
  font-family: "ClashDisplay-Medium", "sans-serif";
  margin-left: 10px;
}
.yuj-social-link .social-icon {
  width: 33px;
  height: 33px;
}
.yuj-social-content h5 {
  margin-bottom: 12px;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.yuj-social-img {
  margin: 24px 0;
}
.yuj-social-img a {
  border-radius: 6px;
  overflow: hidden;
  display: flex;
}
/*
.yuj-in-social-wrapper ul li:hover .yuj-social-img img {
  transform: scale(1.1);
}*/
.yuj-social-img img {
  max-width: 100%;
  transition: all 0.3s;
}
.yuj-social-content h6,
.detail-blog-cont p,
.portfolio-img-cont-row h5 {
  font-family: "Graphik", "sans-serif";
}
.yuj-social-link a:hover .social-text {
  color: #f59301;
}
.yuj-in-social-wrapper ul li:hover a,
.yuj-in-social-wrapper ul li:hover .social-text {
  color: #f59301;
}
.yuj-in-social-sec {
  background-color: rgba(255, 255, 255, 0.47);
}
.yuj-news-section {
  padding-bottom: 0;
}
.yuj-news-section .blog-img-cont-row {
  margin-bottom: 0;
  align-items: center;
}
/* media coverage css end */

/* single yuj in news page css start */
.single-yuj_in_news .cs-img img {
  border-radius: 12px;
}
.single-yuj_in_news .yuj_in_news strong {
  color: #000;
}
/* single yuj in news page css end */

/*portfolio page css*/
.latest-list-portfolio-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35%;
}
.portfolio-img-cont-row h3 {
  font-size: 26px;
}
.latest-list-portfolio-items .portfolio-img-cont-row {
  margin-bottom: 30px;
}
.latest-list-portfolio-items .portfolio-img-cont-row:last-child {
  margin-bottom: 0;
}
.blogrebrand ul li {
  width: auto !important;
}
.latest-portfolio-row h3 a:hover {
  color: #f59301;
}
.category-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-left: 15px;
}
.category-arrow-dom .swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.cat-menu-items {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}
.category-arrow .swiper-button-next,
.category-arrow .swiper-button-prev {
  position: relative;
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  margin: 0 5px;
  left: auto;
  right: auto;
}
.category-arrow .swiper-button-next:after,
.category-arrow .swiper-button-prev:after {
  font-size: 0;
  width: 20px;
  height: 20px;
}
.category-arrow .swiper-button-prev:after {
  background: url(/wp-content/uploads/2023/10/client-left-arrow.svg) no-repeat
    center center / cover;
}
.category-arrow .swiper-button-next:after {
  background: url(/wp-content/uploads/2023/10/client-right-arrow.svg) no-repeat
    center center / cover;
}
.category-menu-item-row {
  display: flex;
  align-items: center;
}
.baner-img.banner-mobile {
  display: none;
}

.icon-plus::before {
  mask-image: url(/wp-content/uploads/2023/11/icon-plus.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/11/icon-plus.png);
}
.latest-portfolio-row h5 {
  font-size: 18px;
  color: #595959;
  line-height: 1.3;
}
.blog-detail .blog-content .entry-content p:empty {
  display: none;
}
.single-post .blog-detail .blog-content p:empty {
  margin-bottom: 0px !important;
}
.greyvideo-icon {
  background: url(/wp-content/uploads/2023/12/grey-video-icon.png) no-repeat
    center center/cover;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.baner-img .wplightbox:hover .greyvideo-icon {
  transform: translate(-50%, -50%) scale(1.2);
}
.reddot-banner-sec .baner-img .wplightbox {
  display: block;
}
/* portfolio css end*/
/* uxplorer css starts */
.show-more-partner {
  display: none;
}
.uxplorer-banner-sec {
  background: url(/wp-content/uploads/2024/09/uxplorer-banner-withoutdate-scaled.webp)
    no-repeat center center / cover;
  color: #fff;
}
.banner-head-row {
  margin-top: 70px;
  margin-bottom: 70px;
}

.banner-head-row .h2 {
  margin-top: 8px;
  margin-bottom: 0px;
  padding: 0;
}
.gold-winner {
  background: url(/wp-content/uploads/2023/12/gold-winner.png) no-repeat center
    center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.uxplorer-winner-sec .gold-winner {
  background: url(/wp-content/uploads/2023/12/bottom-gold-winnerpatch.png)
    no-repeat center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.silver-winner {
  background: url(/wp-content/uploads/2023/12/silver-winner.png) no-repeat
    center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.uxplorer-winner-sec .silver-winner {
  background: url(/wp-content/uploads/2023/12/bottom-sliver-winnerpatch.png)
    no-repeat center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.bronze-winner {
  background: url(/wp-content/uploads/2023/12/bronze-winner.png) no-repeat
    center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.uxplorer-winner-sec .bronze-winner {
  background: url(/wp-content/uploads/2023/12/bottom-bronze-winnerpatch.png)
    no-repeat center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.special-winner {
  background: url(/wp-content/uploads/2023/12/special-winner.png) no-repeat
    center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.uxplorer-winner-sec .special-winner {
  background: url(/wp-content/uploads/2023/12/special-winner-blue.png) no-repeat
    center center / auto 30px;
  width: 100%;
  height: 30px;
  margin-bottom: 24px;
}
.winners-list-row {
  display: flex;
  justify-content: space-between;
  margin: 0px -10px;
}

.winners-item {
  width: auto;
  padding: 0px 10px;
}
.winner-name-img h5 {
  text-align: center;
  color: #fff;
  margin-top: 12px;
  font-size: 16px;
}
.winner-name-img h5 span {
  display: block;
}

.winner-name-img ul {
  list-style: none;
  display: flex;
  justify-content: center;
}

.winner-name-img ul li {
  margin: 0px -8px;
}

.winner-img {
  border-radius: 100%;
  overflow: hidden;
  width: 140px;
  height: 140px;
}
.reduceImg .winner-img {
  width: 130px;
  height: 130px;
}

.winner-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.winner-project {
  margin-top: 24px;
  text-align: center;
}
.winner-project span {
  display: block;
  font-family: "clashdisplay-Semibold", "sans-serif";
  font-size: 20px;
  margin-bottom: 6px;
}
.about-uxplorer-sec .baner-content-item-col {
  max-width: 880px;
  padding-right: 50px;
}
.about-uxplorer-sec .para-space {
  padding: 10px 0;
  display: block;
}

.about-uxplorer-sec .baner-logo-img {
  flex: 1;
  text-align: center;
}
.about-uxplorer-sec .baner-logo-img img {
  max-width: 255px;
}
.uxplorer-page .baner-content-item-col .h2 {
  padding: 0;
}
.uxplorer-page .baner-content-item-col h2 {
  margin-top: 0;
  margin-bottom: 16px;
  padding: 0;
}
/*
.uxplorer-page h4{
  /* font-size:22px; */
/*font-family:'graphik',"sans-serif";
}*/
.uxplorer-mainbanner-container {
  height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background-image: url(/wp-content/uploads/2024/06/uxplorerdomino-banner-scaled.webp);
  background-position: center center;
  background-size: cover;
}
.themecolumn {
  display: flex;
  gap: unset;
  font-family: "abel", "sans-serif";
  font-weight: 400;
  font-style: normal;
  justify-content: space-between;
}
.uxpBtn {
  text-align: center;
}
.uxpBtn h1 {
  font-size: 44px;
  color: #fff;
  font-family: "abel", "sans-serif";
  margin-bottom: 20px;
  margin-top: 30px;
}
.uxplorerIcons {
  display: flex;
  color: #fff;
  gap: 10px;
  flex-direction: column;
}

.singleIcon {
  display: flex;
  color: #fff;
  align-items: flex-start;
  gap: 15px;
}

.singleIcon p {
  font-size: 20px;
  line-height: 1.3;
}

.uxpCom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-left: 2px solid #2f2f2f;
}
.firstPos {
  border-left: 0px;
  /* flex: 2; */
  padding-right: 85px;
  width: 640px;
}
.secondPos {
  flex: 1;
  padding-left: 85px;
}
.uxp_themegrey_color {
  color: #c1c1c1 !important;
}
.uxplorerguide_heading {
  color: #fff;
  font-family: "abel", "sans-serif";
}
ul.uxplorerguide_bullets {
  color: #fff;
  font-family: "abel", "sans-serif";
  display: block;
}
ul.uxplorerguide_bullets li {
  line-height: 1.3;
  font-size: 20px;
  margin-bottom: 12px;
  position: relative;
  padding: 0px 0px 0px 15px;
}
.uxplorerguide_color li {
  color: #c1c1c1;
}
ul.uxplorerguide_bullets li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 17px;
  background: url(/wp-content/uploads/2024/06/gradientLine.svg);
  display: block;
  top: 5px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: contain;
}
.uxpThemeColor {
  color: #34fdfd;
}
.uxpThemeWhiteColor {
  color: #fff;
}
.uxpThemeColor:hover {
  color: #34fdfd;
}
.banner-head-row .uxplorer-page h4 {
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.about-uxplorer-sec .baner-content-item-col h4 {
  font-family: "graphik", "sans-serif";
  color: #292929;
}
.theme-white-bg-sec {
  background: rgba(255, 255, 255, 0.47);
}
.theme-uxplorer-sec {
  background: #111111;
}
.theme-uxplorer-sec .baner-content-item-col {
  margin-bottom: 0px;
  max-width: 100%;
}
.theme-uxplorer-sec .baner-content-item-col h4 {
  /*font-family: "graphik", "sans-serif" !important;*/
  color: #fff;
}
.theme-uxplorer-sec .baner-logo-img {
  width: 60%;
  padding-right: 32px;
}
.theme-uxplorer-sec .baner-content-wrap {
  align-items: unset;
}
.theme-uxplorer-sec .baner-logo-img img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  border-radius: 6px;
}
.theme-uxplorer-sec .baner-content-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-family: "graphik", "sans-serif" !important;
}
.uxplorer-page .comn-uxplorer-heading.h2 {
  margin-top: 0;
  margin-bottom: 64px;
  padding: 0;
}
.why-uxplorer-sec h5 {
  color: #fff;
  line-height: 1.3;
  text-align: center;
  font-family: abel, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.why-uxplorer-sec ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px;
}
.why-uxplorer-sec ul li {
  width: 25%;
  padding: 30px 15px;
}
.why-uxplorer-img {
  margin-bottom: 32px;
}
.why-uxplorer-img img {
  max-height: 60px;
  display: block;
  margin: 0 auto;
}
.uxplorer-winner-sec .winner-name-img h5 {
  color: #000;
}
.past-winner-row {
  margin-bottom: 80px;
}
.uxplorer-winner-sec {
  padding-bottom: 0px !important;
}
.partner-inst-sec ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin: 0px -15px;
  justify-content: center;
}
.uxplorer-page .partner-inst-sec .comn-uxplorer-heading.h2 {
  margin-bottom: 40px;
}
.partner-inst-sec ul li {
  width: 25%;
  padding: 24px 15px;
}

.partner-logo-img img {
  max-height: 64px;
  display: block;
}

.video-layout-row {
  display: flex;
  margin: 0px -16px;
}

.video-layout-row .video-layout-col {
  padding: 0px 16px;
}

.video-layout-row .wplightbox:hover .video-icon {
  transform: translate(-50%, -50%) scale(1.2);
}

.video-img {
  position: relative;
  margin-bottom: 16px;
}
.video-layout-item h5 {
  font-family: "clashdisplay-Medium", "sans-serif";
}
.video-img img {
  display: block;
}

.video-icon {
  background: url(/wp-content/uploads/2023/12/video-play-icon.svg) no-repeat
    center center / cover;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.video-img .wplightbox {
  display: block;
}
/* uxplorer css ends */

/* career single page start */
span.careercountryDialcodess {
  background: #fff;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: center;
  border-radius: 6px;
  width: 13%;
  float: left;
  margin-right: 3%;
}
#wpcf7-f6258-o1 .submit-resume,
#wpcf7-f6258-p17623-o1 .submit-resume {
  background-color: #8d8d8d;
  padding: 10px 20px !important;
  text-transform: inherit;
  margin: 10px 5px 10px 0;
  margin-bottom: 10px;
  border: 0;
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 18px;
}
#wpcf7-f6258-p17623-o1 .submit-resume {
  margin-bottom: 0px;
}
select#designationreferRole {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/wp-content/uploads/2024/01/downward-arrow.svg) no-repeat
    right 15px center;
  background-size: 4%;
  border: 1px solid #ccc;
  padding: 10px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
}
.career-page-form-sec select#designationreferRole,
.upload-btn-wrapper1 .file-name {
  font-size: 12px;
  color: #5e5e5e;
}
.career-page-form-sec .careerbox-outer-wrap ::placeholder,
.careerbox-outer-wrap ::placeholder {
  font-size: 12px !important;
  color: #5e5e5e !important;
}
.career-page-form-sec select#designationreferRole {
  background-size: 5%;
}
.singlejob .blog-detail .blog-content h3::before {
  content: "";
  width: 42px;
  height: 4px;
  background: #f79205;
  display: block;
  margin: 40px 0;
}
.singlejob .blog-detail .blog-content p,
.singlejob .blog-detail .blog-content ul li {
  color: #000;
}
.singlejob .blog-detail .blog-content h3 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  color: #000;
  margin-bottom: 32px;
}
.job-report {
  display: flex;
  flex-direction: column;
  font-family: "Graphik", "sans-serif";
}
.exp {
  margin-top: 8px;
}
.modeofwork {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}
.modeofwork img {
  height: 20px;
  width: 20px;
}
.upload-btn-wrapper1 input[type="file"] {
  position: absolute;
  left: 0;
  top: -40px;
  opacity: 0;
  width: 100%;
  padding: 5px 10px !important;
}
.upload-btn-wrapper1 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.upload-btn-wrapper1 .btn {
  font-size: 20px;
  font-weight: 700;
  height: 20px;
  width: 20px;
  display: block;
  background: url(/wp-content/uploads/2024/01/uploadbtn.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  right: 15px;
  top: 38px;
}
.upload-btn-wrapper1 .file-name {
  height: 40px;
  background: #fff;
  padding: 10px 0px 10px 10px;
  border-radius: 5px;
  line-height: 1.5em;
}
.singlejob .blog-detail .blog-content h3 {
  margin-bottom: 24px;
}
.singlejob .blog-detail .blog-content ul li {
  font-family: "graphik", "sans-serif";
}
.related-position-sec {
  background: rgba(255, 255, 255, 0.47);
}
.singlejob .job-desc-col .job-desc p {
  margin-bottom: 16px;
}
.singlejob .news-section {
  padding-bottom: 0;
}
.singlejob .newscard .img-wrap {
  margin-bottom: 24px;
}
.singlejob .newscard h4 {
  margin-bottom: 8px;
}
.singlejob .newscard p {
  font-family: "graphik", "sans-serif";
  color: #000;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.experience-loc-col {
  border-top: 1px solid #d6d6d6;
  padding-top: 20px;
  margin-top: 20px;
  font-family: "graphik", "sans-serif";
}
.job-form-col h3:before {
  content: none !important;
}
.job-desc-form-row {
  display: flex;
}
.job-desc-col {
  flex: 1;
}
.job-form-col {
  width: 470px;
  padding-left: 40px;
}
.job-form-col .submit-resume {
  width: 100%;
}
/*
.single-job .selectRole{
  display: none;
}
.page-id-17623 .textRole{
  display: none;
}*/
/* career single page end */
/* us page css start */
header img {
  display: block;
}
/* Defines the width of the carousel and centers it on the page */
/*.slick-logocarousel {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.47);
  padding: 40px 0px;
}
.slick-logocarousel .slick-slide {
  width: auto;
  margin: 0 10px;
}
.slick-logocarousel .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
.slick-logocarousel .clientlogo {
  height: 56px;
  margin: 0 30px;
}
  */
.reddotImg {
  width: 214px;
  margin-bottom: 19px;
}
.featured-slide-1 .left-content {
  padding-bottom: 120px;
}
.gridlogos img {
  width: 220px;
}
.gridlogos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: left;
}
.gridcta a {
  margin: 30px 0px 15px 0px;
}
.homeclientlogos ul.slick-dots {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: left;
  margin: 20px 12px 0px 0px;
}
.homeclientlogos .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.homeclientlogos .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.homeclientlogos .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: #ccc;
}
.homeclientlogos .slick-dots li.slick-active button::before {
  background: #f59301;
}
.homeclientlogos .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.award-wrap h4 {
  max-width: 680px;
}
.page-id-20551 .projects {
  padding-bottom: 48px;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.homeclientlogos,
.clientHeading {
  padding-top: 48px;
}
/* featured case study us page css starts */
.usfeatured .featured-content {
  display: flex;
  justify-content: space-between;
  padding-top: 0px;
  gap: 0px;
}
.usfeatured .left-content {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  width: 40%;
  padding-bottom: 0px;
}
.usfeatured .featured-content .left-content h2 {
  margin-bottom: 80px;
}
.usfeatured .right-content {
  width: 60%;
}
.usfeatured .left-content h3 {
  font-size: 26px;
  color: #414143;
}
.usfeatured .left-content .feature-desc {
  margin-bottom: 30px;
  min-height: 120px;
}
.usfeatured .reddotImg {
  width: 214px;
  margin-bottom: 35px;
  margin-top: 15px;
}
.usfeatured .left-content .link-with-icon {
  margin-bottom: 20px;
}
/* featured case study us page css end */
/* featured slider css start */
.mySwiper .slick-dots {
  position: absolute;
  bottom: 70px;
  display: flex;
}
.mySwiper .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.mySwiper .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.mySwiper .slick-dots li button:hover {
  background: transparent;
}
.mySwiper .slick-dots li.slick-active button::before {
  background: #f59301;
}
.mySwiper .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.mySwiper .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: #ccc;
}
/* featured slider css end */
/* us page css end */
/* career thanks page css start */
.yuj-slidecontent {
  padding: 0px 12px;
}
.yujAdvantageSlick {
  margin: 0px -20px;
  padding-top: 80px;
}
.yuj-slidecontent .img-wrap {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-bottom: 30px;
}
.yuj-slidecontent h4 {
  font-family: "clashdisplay-semibold", "sans-serif";
  margin-bottom: 18px;
}
.yuj-slidecontent p {
  margin-bottom: 24px;
}
.yujAdvantageSlick ul.slick-dots {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: left;
  margin: 0 10px 0px 0px;
}
.yujAdvantageSlick .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.yujAdvantageSlick .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.yujAdvantageSlick .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: #ccc;
}
.yujAdvantageSlick .slick-dots li.slick-active button::before {
  background: #f59301;
}
.yujAdvantageSlick .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.slick-dots li button::before {
  background: #ccc;
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
}
.slick-dots li.slick-active button::before {
  background: #f59301;
}
/* career thanks page css end */

/* for yuj logo css start */
.mylogo {
  display: block;
  background: url("/wp-content/uploads/2023/12/yuj-logoweb.svg");
  width: 91px;
  height: 46px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 61px 91px;
}
.page-id-15818 .mylogo {
  display: block;
  background: url("/wp-content/uploads/2025/07/uxplorer25newlogo.svg");
  background-position: 0 -59px;
  width: 245px;
  height: 46px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-size: 245px 234px;
  background-repeat: no-repeat;
}
.whiteBG .mylogo {
  background: url("/wp-content/uploads/2023/12/yuj-logoweb.svg");
  width: 91px;
  height: 46px;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 61px 91px;
}
.page-id-15818 .whiteBG .mylogo {
  background: url("/wp-content/uploads/2025/07/uxplorer25newlogo.svg");
  background-repeat: no-repeat;
  background-position: 0 -105px;
  width: 245px;
  height: 46px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-size: 245px 187px;
}
/* for yuj logo css end */

/* single portfolio back button css start */
.portfolio-btn {
  position: absolute;
  top: 120px;
  color: #fff;
  z-index: 2;
}
.portfolio-btn:hover {
  color: #f39405;
}
.icon-portleftarrow {
  height: 12px !important;
  width: 12px !important;
  margin: 0px;
  margin-right: 5px;
}
.icon-portleftarrow::before {
  mask-image: url(/wp-content/uploads/2024/01/left-whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2024/01/left-whitearrow.png);
  margin: 0px;
}
.portfolio-btn:hover .icon::before {
  background: #f39405;
}
/* single portfolio back button css end */

/* single portfolio vasana page css start */
/* header css */
.casestudy-detail-page .mylogo {
  background: url(/wp-content/uploads/2023/12/yuj-logoweb.svg);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  width: 91px;
  height: 46px;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 61px 91px;
}
header.casestudy-detail-page .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-hamburger-menu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a:hover {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a {
  color: #000;
}
header.casestudy-detail-page .icon-hamburger::before {
  background: #000;
}
header.casestudy-detail-page {
  padding: 12px 0;
}
/* header css end */
.postid-21153 .icon-portleftarrow::before {
  mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  margin: 0;
  background: #000;
}
.postid-21736 .icon-portleftarrow::before {
  mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  margin: 0;
  background: #000;
}
.postid-21265 .icon-portleftarrow::before {
  mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
  margin: 0;
  background: #000;
}
/* other section css */
.flex-main-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.flex-main-container .first {
  flex: 1;
}
.flex-main-container .second {
  flex: 1;
}
.flex-main-container .third {
  flex: auto;
}
.imp-team {
  margin-top: 56px;
}
ul.vasana_casestudy li {
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
  font-family: "Graphik";
}
ul.vasana_casestudy li:last-child {
  margin-bottom: 0px;
}
ul.vasana_casestudy li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f59301;
  display: block;
  border-radius: 50%;
  top: 7px;
  left: 0;
}
.commGreyHead {
  color: #595959;
  font-family: "clashdisplay-semibold";
  margin-top: 48px;
  font-size: 30px;
}
h6 {
  line-height: 1.3;
}
.essenceProduct {
  max-width: 600px;
}
.headingWithSymbol {
  display: flex;
  align-items: center;
  gap: 16px;
}
.headingWithSymbol span {
  line-height: 1.3;
  padding-top: 1px;
}
.vasana-baner-wrapper {
  position: relative;
  height: 582px;
  display: flex;
  background-image: url(/wp-content/uploads/2024/05/common-casestudy-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.vasana-baner-wrapper .baner-content-item {
  max-width: 576px;
  padding-top: 90px;
}
.vasana-baner-wrapper .baner-content-wrap .baner-img {
  margin-top: 40px;
  right: 0px;
  max-width: 40%;
}
.vasana-baner-wrapper .portfolio-btn {
  color: #000;
}
.vasana-baner-wrapper .portfolio-btn:hover {
  color: #f59301;
}
.casestudy-detail-page .companylogo.black-logo {
  display: block;
}
.casestudy-detail-page .companylogo.white-logo {
  display: none;
}
#nutshellImg .sow-image-container {
  margin-bottom: 0px;
}
#combine-panchbhut {
  margin-top: 20px;
}
.forteams h2 {
  margin-bottom: 24px;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
/* single portflio vasana page css end */

/* oja  and tetranoics casestudy css start */
.oja-baner-wrapper {
  position: relative;
  height: 582px;
  display: flex;
  background-image: url(/wp-content/uploads/2024/05/common-casestudy-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.tetronics-baner-wrapper {
  position: relative;
  height: 582px;
  display: flex;
  background-image: url(/wp-content/uploads/2024/05/common-casestudy-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.oja-baner-wrapper .baner-content-item {
  max-width: 680px;
  padding-top: 90px;
}
.tetronics-baner-wrapper .baner-content-item {
  max-width: 720px;
  padding-top: 90px;
}
.oja-baner-wrapper .baner-content-wrap .baner-img {
  margin-top: 40px;
  right: 30px;
  max-width: 44%;
  top: 57%;
}
.tetronics-baner-wrapper .baner-content-wrap .baner-img {
  margin-top: 0px;
  right: 0px;
  max-width: 40%;
  top: 56%;
}
.oja-baner-wrapper .portfolio-btn,
.tetronics-baner-wrapper .portfolio-btn,
.yoddha-baner-wrapper .portfolio-btn {
  color: #000;
}
.oja-baner-wrapper .portfolio-btn:hover,
.tetronics-baner-wrapper .portfolio-btn:hover,
.yoddha-baner-wrapper .portfolio-btn:hover {
  color: #f59301;
}
.flex-container-first {
  display: flex;
  margin-bottom: 32px;
}
.topMargin {
  margin-top: 120px;
}
.craftServerRow {
  margin-top: 52px;
}
.postid-23040 .craftServerRow {
  margin-top: 60px;
}
.greyText {
  color: #595959;
  font-family: "clashdisplay-semibold";
  font-size: 25px;
}
.flex-container-first > div {
  padding: 0px;
}
.flex-container-first > div.first {
  margin-right: -80px;
  min-width: 180px;
}
.flex-container-first > div.second {
  margin-top: -2px;
}
.flex-container-second {
  display: flex;
  margin-bottom: 32px;
}
.flex-container-second > div {
  padding: 0px;
}
.flex-container-second > div.second {
  margin-left: -36px;
}
.section-spacing h2.tractorNutHead {
  margin-bottom: 32px;
}
h4.tractorNutDetail {
  padding-right: 25px;
}
.farmerRoadmap {
  margin-top: 57px;
}
.frmChallenge {
  padding-left: 30px;
}
.fmrDetails h5 {
  font-family: "clashdisplay-semibold";
  padding-top: 10px;
}
.fmrDetails h3 {
  font-family: "clashdisplay-semibold";
}
.designApp p {
  font-family: "Graphik";
  margin-bottom: 0px;
}
.youngfarmers {
  display: flex;
  justify-content: center;
  align-items: center;
}
.frmQuote {
  font-size: 14px;
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.frmQuote p {
  margin-bottom: 24px;
  font-family: "graphik";
}
.frmChallenge h6 {
  margin-bottom: 8px;
  color: #595959;
  font-family: "clashdisplay-medium";
}
.frmChallenge p {
  font-size: 14px;
  font-family: "Graphik";
}
p.countOne,
p.countTwo,
p.countThree,
p.countFour {
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  position: relative;
  font-family: graphik;
}
p.countThree,
p.countFour {
  margin-bottom: 0px;
}
p.countOne,
p.countTwo {
  margin-bottom: 20px;
}
p.countOne,
p.countThree {
  margin-left: 10px;
}
p.countOne::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/one.png);
  display: block;
  width: 16px;
  height: 27px;
  left: -10px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}

p.countTwo::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/two.png);
  display: block;
  width: 25px;
  height: 27px;
  left: -13px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}

p.countThree::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/three.png);
  display: block;
  width: 25px;
  height: 27px;
  left: -13px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}

p.countFour::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/four.png);
  display: block;
  width: 25px;
  height: 27px;
  left: -13px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.designApproach {
  max-width: 700px;
  margin-bottom: 48px;
}
.designApp {
  text-align: center;
}
.designIcon img {
  margin-bottom: 20px;
}
.designIcon h3 {
  margin-bottom: 8px;
  font-family: "clashdisplay-semibold", "sans-serif";
}
.serveOne,
.serveTwo,
.serveThree,
.serveFour {
  position: relative;
  font-family: clashdisplay-semibold, "sans-serif";
  color: #595959;
}
.serveOne::before {
  content: "Dashboard";
  position: absolute;
  display: block;
  right: 60px;
  top: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.serveOne,
.serveTwo {
  text-align: center;
}
.serveTwo::before {
  content: "Trip History";
  position: absolute;
  display: block;
  left: 45px;
  top: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.serveThree::after {
  content: "Support & Training";
  position: absolute;
  display: block;
  right: 40px;
  top: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
.serveFour::after {
  content: "Servicing Logs";
  position: absolute;
  display: block;
  left: 85px;
  top: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
.serveFour {
  text-align: right;
}
.serveOne,
.serveTwo,
.serveThree,
.serveFour {
  font-size: 30px;
}
.impactDesignItems {
  max-width: 600px;
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.postid-23095 .impactDesignItems {
  max-width: 600px;
  gap: 12px;
  display: flex;
  flex-direction: column;
}
.postid-22761 .impactDesignItems {
  max-width: 600px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.impactDesign {
  max-width: 700px;
}
.impactDesignChild img {
  width: 55px;
  height: 55px;
  padding-top: 5px;
}
.impactDesignChild {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  line-height: 1.3;
}
.impactDesignChild p {
  margin-bottom: 0px;
  max-width: 600px;
  font-size: 18px;
  font-family: "Graphik-Medium", "sans-serif";
  padding-top: 7px;
}
.greyBGSep {
  background: #efefef;
}
.oja-baner-wrapper .baner-text h4 {
  max-width: 550px;
}
/* oja casestudy css end */
/* tetranonics case study start */
.challengeBox {
  max-width: 790px;
  margin-bottom: 35px;
}
.designworkflow {
  max-width: 725px;
}
.tetraHead {
  margin-bottom: 8px;
  font-family: "clashdisplay-semibold", "sans-serif";
  color: #595959;
}
.designforIcon h3 {
  margin-bottom: 8px;
  font-family: "clashdisplay-semibold", "sans-serif";
  font-size: 25px;
}
.designforIcon img {
  margin-bottom: 20px;
}
.tetraProjBox {
  margin-bottom: 30px;
}
.tetraProjBox_nohead {
  margin-top: 44px;
  margin-bottom: 30px;
}
#tektronics-product .sow-image-container {
  margin-bottom: 0px;
}
#TektroRoadmap {
  margin-top: 50px;
}
ul.tektro_casestudy li {
  font-size: 19px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
  font-family: "Graphik";
}
ul.tektro_casestudy li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f59301;
  display: block;
  border-radius: 50%;
  top: 7px;
  left: 0;
}
ul.tektro_casestudy li:last-child {
  margin-bottom: 0px;
}
.tetronics-baner-wrapper .baner-text h4 {
  max-width: 550px;
}
/* tetranonics case study end */

/* yoddha case study start */
.yoddha-baner-wrapper .baner-content-wrap .baner-img {
  margin-top: 40px;
  right: 40px;
  max-width: 40%;
  top: 50%;
}
.yoddha-baner-wrapper {
  position: relative;
  height: 582px;
  display: flex;
  background-image: url(/wp-content/uploads/2024/05/common-casestudy-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
p.purplecountOne,
p.purplecountTwo,
p.purplecountThree {
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #5e5e5e;
  padding-left: 18px;
  position: relative;
  font-family: "Graphik-Medium", "sans-serif";
  margin-bottom: 0px;
}
p.purplecountThree::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/three-colorpurple.png);
  display: block;
  width: 25px;
  height: 27px;
  left: -13px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}
p.purplecountTwo::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/two-colorpurple.png);
  display: block;
  width: 25px;
  height: 27px;
  left: -13px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}
p.purplecountOne::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2024/05/one-colorpurple.png);
  display: block;
  width: 16px;
  height: 27px;
  left: -3px;
  top: -8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.yoddhacommGreyHead {
  color: #000;
  font-family: "clashdisplay-semibold";
  margin-top: 20px;
  font-size: 25px;
}
.firstyoddhachild {
  margin-top: 48px;
}
ul.yoddha-bullets {
  margin-left: 12px;
  margin-bottom: 25px;
}
ul.yoddha-bullets li {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: rgb(39, 39, 39);
  padding-left: 0px;
  margin-bottom: 5px;
  position: relative;
  font-family: "graphik", "sans-serif";
  list-style-type: disc;
}
.smallparagraph {
  font-size: 16px;
  font-family: "graphik", "sans-serif";
}
.smallparagraph_bold {
  font-size: 16px;
  font-family: "Graphik-Medium", "sans-serif";
}
.mb-10 {
  margin-bottom: 15px !important;
}
/* yoddha case study end */
#comments {
  display: none;
}
/* us client page css start*/
.clienttestimonials ul.slick-dots {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: left;
  margin: 20px 12px 0px 0px;
}
.clienttestimonials .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.clienttestimonials .slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
}
.clienttestimonials .slick-dots li button::before {
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
  background: #ccc;
}
.clienttestimonials .slick-dots li.slick-active button::before {
  background: #f59301;
}
.clienttestimonials .slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.testimonialImg img {
  padding: 30px 50px 30px 0px;
}
/* us client page css end*/
/* us contact page css start */
#post-21399 ::-webkit-input-placeholder {
  font-size: 12px;
  color: #bcbcbc !important;
}
#wpcf7-f17355-p21399-o1 ::placeholder {
  color: #ccc !important;
  opacity: 1;
}
#wpcf7-f17355-p21399-o1 :-ms-input-placeholder {
  color: #ccc !important;
}
#wpcf7-f17355-p21399-o1 ::-ms-input-placeholder {
  color: #ccc !important;
}
.contactbox-outer-wrap input[type="submit"] {
  padding: 10px 15px;
}
.contactbox-outer-wrap input[type="submit"]:hover {
  background-color: #4b3bc4;
}
.cf-send .ConSubmit {
  padding: 10px 15px;
  font-weight: 700;
  text-transform: inherit;
  margin: 0px 5px 0px 0px;
  font-size: 18px;
  background-color: #b9b9b9;
}
.cf-send .ConSubmit:hover {
  background-color: #999;
}
.cf-abt-project-requirement span#cf-checkbox .wpcf7-list-item {
  margin: 0px 15px 10px 0px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}
.cf-abt-project-requirement .wpcf7-list-item label {
  float: left;
  line-height: 2em;
  width: auto;
  height: 2em;
  cursor: pointer;
}
.cf-abt-project-requirement .wpcf7-list-item label span {
  text-align: center;
  padding: 3px 10px;
  display: block;
}
.cf-abt-project-requirement .wpcf7-list-item label input {
  position: absolute;
  display: none;
  color: #000;
}
/* selects all of the text within the input element and changes the color of the text */
.cf-abt-project-requirement .wpcf7-list-item label input + span {
  color: #000;
  font-family: "Graphik";
  font-size: 14px;
  padding: 0px 10px;
}

/* This will declare how a selected input will look giving generic properties */
.cf-abt-project-requirement .wpcf7-list-item input:checked + span {
  color: #000;
  background-color: #f1dec5;
  font-family: "Graphik-medium";
  /*text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);*/
}
.conFlex {
  display: flex;
  gap: 20px;
}
.page-id-21399 {
  background-position: 20% 80%;
}
/* us contact page css */
/* critical css start */
.pt-0 {
  padding-top: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.noborder {
  border-bottom: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.mobile-layout {
  display: none !important;
}
.cf-add-thoughts.cf-acceptance label {
  display: flex;
  gap: 0px;
  line-height: 17px;
}
.cf-add-thoughts.cf-acceptance .wpcf7-list-item {
  margin: 0px;
}
/* critical css end */

/* yuj event css start here */
#post-21924 ::-webkit-input-placeholder {
  font-size: 12px;
  color: #bcbcbc !important;
}
#wpcf7-f21927-p21924-o1 ::placeholder {
  color: #ccc !important;
  opacity: 1;
}
#wpcf7-f21927-p21924-o1 :-ms-input-placeholder {
  color: #ccc !important;
}
#wpcf7-f21927-p21924-o1 ::-ms-input-placeholder {
  color: #ccc !important;
}
.page-id-21924 {
  background-position: 20% 80%;
}
div#wpcf7-f17355-p21924-o1 {
  background: transparent;
  padding: 0;
  margin-top: 0;
}
.page-id-21924 #custom_html-15 {
  display: none;
}
/* yuj event css ends here */

/* yuj updated code adds here */
.panel-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.banner-wrap,
.inner-baner-center,
.inner-banner,
.top-banner-image {
  position: relative;
}
.contact-baner .home-banner-text {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 150px;
  text-align: center;
}
.banner-wrap .home-banner-text {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 120px;
  text-align: center;
}
.banner-wrap .home-banner-text h2 {
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.inner-baner-text h2 {
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.inner-baner-text {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 230px;
  text-align: center;
  padding: 0 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.banner-wrap .home-banner-text h4,
.inner-baner-text h4,
.inner-banner-text h4 {
  color: #fff;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 44px;
}
.alaska-banner-text h1 {
  font-size: 32px;
  color: #1b5479 !important;
  /**/
  text-align: center;
  margin-bottom: 35px;
  font-weight: 500;
  line-height: 44px;
}
.alaska-banner-text h5 {
  color: #1c5e89;
  line-height: 28px;
}
.inner-banner-text {
  position: absolute;
  left: 50px;
  top: 280px;
  text-align: left;
}
.inner-baner-text .textwidget h1,
.home-banner-text .textwidget h1 {
  color: #fff;
}
.inner-banner-text .widget-title,
.inner-banner-text a,
.inner-banner-text h3 {
  font-size: 20px;
  color: #fff;
  margin: 0;
  font-weight: 400;
  padding-bottom: 20px;
}
.inner-banner-text a {
  display: inline-block;
  width: auto;
  position: relative;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
}
.white-banner-text h1 {
  color: #fff;
  font-size: 32px;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 600;
  line-height: 44px;
  /**/
}
.white-banner-text h5 {
  color: #e7e8ea;
  line-height: 28px;
}
.pirvacy-policy {
  padding: 120px 0 50px 0;
}
.pirvacy-policy h1 {
  margin-bottom: 20px;
}
.pirvacy-policy p {
  display: block;
  margin-bottom: 15px;
}
.pirvacy-policy a,
.pirvacy-policy a:hover {
  color: #5f4cd9;
  text-decoration: underline;
}
.award-wrapper {
  width: 72%;
  margin: 0 auto;
}
.home-page-counter .widget-title {
  font-size: 26px;
  font-weight: 300;
  color: #333;
  margin: 0;
  text-align: center;
  line-height: 30px;
  padding-bottom: 30px;
}
.home-page-counter .textwidget h3 {
  font-size: 24px;
  font-weight: 300;
  color: #333;
  margin: 0;
  text-align: center;
  line-height: 30px;
  padding-bottom: 30px;
}
.home-page-counter .textwidget {
  text-align: center;
  font-size: 18px;
  color: #999;
}
.top-banner-images {
  height: 649px;
  background-position: center left !important;
}
.banner-wrapper {
  position: relative;
}
.banner-content {
  position: absolute;
  background: #142b47;
  color: #fff;
  padding: 50px;
  margin-top: 320px;
}
#ev-banner-title h1 {
  margin-bottom: 20px;

  font-size: 28px;
}
.banner-content h2 {
  margin-bottom: 20px;
}
.banner-content p,
.video-content p {
  margin-bottom: 0;
}
.tata-video-bg {
  height: 580px;
  margin: 90px 50px 30px 50px;
  background-repeat: no-repeat !important;
  background-position: center left !important;
}
.banner-wrap.tata-video-bg {
  display: flex;
  align-items: center !important;
}
.banner-content p {
  font-size: 16px;
  line-height: 1.63;
  font-weight: 100;
}
.video-wrapper {
  margin-left: -50px !important;
  background: #0ec1f4;
}
.video-play {
  background: #142b47;
  padding: 10px 60px;
  color: #fff;
  position: absolute;
  margin-top: -30px;
}
.video-play .video-wrap a {
  display: flex;
  align-items: center;
  color: #fff;
}
.video-play .video-wrap a:hover {
  color: #fff !important;
  cursor: pointer;
}
.video-play .video-wrap a img {
  width: 36px;
}
.video-content {
  color: #fff;
}
.video-content h3 {
  padding: 30px 28px 60px 60px;
  line-height: 35px;
}
.video-content p {
  padding-left: 20px;
  font-size: 12px;
}
.user-driving-wrapper h4,
.user-wrapper h3 {
  color: #0ec1f4;

  padding-bottom: 20px;
  font-weight: 500;
  font-size: 28px;
  line-height: 35px;
}
.user-wrapper p {
  font-size: 16px;
  line-height: 1.63;
  color: #4e4e4e;
  padding-right: 100px;
}
.user-driving-wrapper p {
  font-size: 16px;
  line-height: 1.63;
  color: #4e4e4e;
  padding-right: 150px;
}
.core-values {
  padding: 50px;
}
.core-values h3 {
  color: #fff;

  padding-bottom: 50px;
  font-size: 28px;
  line-height: 35px;
}
.core-value-wrapper h4 {
  font-size: 20px;
  color: #fff;
  padding: 25px 0 15px;
  line-height: 26px;
}
.core-value-wrapper p {
  color: #fff;
  font-size: 14px;
  font-weight: 100;
}
.core-icon-four,
.core-icon-one,
.core-icon-three,
.core-icon-two {
  margin: 35px 0 30px 0;
  position: relative;
  z-index: 4;
}
.core-icon-after,
.core-icon-after-three,
.core-icon-after-two {
  background: url("https://www.yujdesigns.com/wp-content/uploads/2020/08/values-connection.png");
  width: 190px !important;
  height: 50px !important;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -135px;
  margin-left: 120px;
}
.user-driving-quote h3 {
  font-size: 26px;
  color: #636363;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 15px;
  box-shadow: inset 0 -10px 0 0 #98e8ff;
}
#oneQuote {
  padding: 50px 0 0;
  width: 565px;
  font-weight: 600;
}
#twoQuote {
  width: 675px;
  font-weight: 600;
}
#threeQuote {
  width: 485px;
  font-weight: 700;
}
.align-center .textwidget.custom-html-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tata-mockup-bg {
  height: 580px;
  margin: 10px 0 40px 50px;
  background-repeat: no-repeat !important;
}
.banner-wrap.tata-mockup-bg {
  display: flex;
  align-items: center !important;
}
.mockup-wrapper {
  margin-left: -50px !important;
  background: #0f2a4b;
  color: #fff;
}
.mockup-content p {
  font-size: 16px;
  line-height: 1.63;
  padding: 50px;
  font-weight: 100;
}
.efforts-content h4 {
  color: #fff;
  font-weight: 500;
  font-size: 28px;
  line-height: 35px;
}
.efforts-content p {
  color: #fff;
  padding: 20px 60px 0 0;
  font-size: 16px;
  line-height: 1.63;
  font-weight: 100;
}
.tata-efforts-wrapper {
  align-items: center !important;
}
.slider-wrap {
  padding-bottom: 50px;
}
.casestudy-row.owl-carousel {
  padding: 0 150px;
}
.casestudy-row.owl-carousel .caseStudy_img img {
  width: 100%;
  object-fit: cover;
  height: 175px;
}
.casestudy-row .caseStudy_title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 18px;
  color: #fff;
}
.casestudy-row .owl-nav button.owl-next,
.casestudy-row .owl-nav button.owl-prev {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  background: #ccc !important;
}
.casestudy-row .owl-nav button.owl-prev {
  left: 0;
}
.casestudy-row .owl-nav button span {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  color: #fff;
}
.casestudy-row .owl-nav button.owl-next:hover,
.casestudy-row .owl-nav button.owl-prev:hover {
  background: #574de1 !important;
}
.home-carousel {
  padding: 0 150px 60px;
}
.home-carousel .owl-nav {
  visibility: hidden;
}
.home-carousel:hover .owl-nav {
  visibility: visible;
}
.owl-next,
.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #5f4cd9 !important;
  font-size: 50px !important;
  background: 0 0 !important;
}
.owl-prev {
  left: -7%;
}
.owl-next {
  right: -7%;
}
.home-slider.owl-carousel .owl-next span,
.home-slider.owl-carousel .owl-prev span {
  display: table;
}
.owl-dots {
  display: none;
}
.owl-nav button {
  border: none !important;
  outline: 0 !important;
}
.clients-slider .owl-prev {
  left: -85px;
  color: #fff !important;
  background: #ccc !important;
  width: 50px;
  height: 50px;
}
.clients-slider .owl-prev span {
  margin-top: -13px;
  position: absolute;
  margin-left: -7px;
}
.clients-slider .owl-next {
  right: -85px;
  color: #fff !important;
  background: #ccc !important;
  width: 50px;
  height: 50px;
}
.clients-slider .owl-next span {
  margin-top: -13px;
  position: absolute;
  margin-left: -7px;
}
.clients-slider .owl-next:hover,
.clients-slider .owl-prev:hover {
  background: #574de1 !important;
}
#post-12076 {
  background: #fff;
}
.cssi-baner {
  background-position: center top;
}
.cssi-banner-text h1 {
  font-size: 32px;
  font-weight: 500;
}
.cssi-banner-text h5 {
  color: #fff !important;
  font-weight: 100 !important;
}
.cssi-content-eight h6,
.cssi-content-four h6,
.cssi-content-one h6,
.cssi-content-two h6 {
  font-size: 24px;
  color: #073b53;
  margin-bottom: 20px;
}
.cssi-content-four p,
.cssi-content-one p,
.cssi-content-two p {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.cssi-content-eight ul li,
.cssi-content-five ul li,
.cssi-content-six ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #000;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.cssi-content-eight ul li::after,
.cssi-content-five ul li::after,
.cssi-content-six ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #35578b;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.cssi-layout-five.panel-widget-style {
  text-align: center;
  font-size: 12px;
  color: #272727;
}
.hw-image-one {
  margin-left: -5px;
}
.hw-banner-text h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: 0.8px;
}
.hw-banner-text h5 {
  color: #fff !important;
  font-weight: 100 !important;
}
.hw-content-one h6,
.hw-content-sixteen h6,
.hw-content-twelve h6 {
  font-size: 24px;
  color: #2e27d5;
  margin-bottom: 20px;
}
.hw-content-one p,
.hw-content-twelve p,
.hw-content-two {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.hw-content-two h6 {
  font-size: 24px;
  color: #2e27d5;
  margin-bottom: 10px;
}
.hw-content-twelve ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.hw-content-twelve ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #2e27d5;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.hw-content-three h2 {
  font-size: 26px;
}
.hw-content-five p {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  padding-top: 13px;
  font-weight: 100;
}
.hw-content-seven p {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  padding-top: 20px;
  font-weight: 100;
}
.hw-content-nine p {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  padding-top: 17px;
  font-weight: 100;
}
.hw-content-eleven p {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  padding-top: 26px;
  font-weight: 100;
}
.hw-content-eighteen p,
.hw-content-twenty p,
.hw-content-twentyfour p,
.hw-content-twentytwo p {
  line-height: 1.64;
  text-align: center;
}
.rlnc-banner-text h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: 0.8px;
}
.rlnc-banner-text h5 {
  color: #fff !important;
  font-weight: 100 !important;
}
.rlnc-content-five h6,
.rlnc-content-one h6,
.rlnc-content-ten h6,
.rlnc-content-two h6 {
  font-size: 24px;
  color: #37578b;
  margin-bottom: 20px;
}
.rlnc-content-eight p,
.rlnc-content-five p,
.rlnc-content-one p,
.rlnc-content-ten p,
.rlnc-content-two {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.rlnc-content-ten ul li,
.rlnc-content-two ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.rlnc-content-ten ul li::after,
.rlnc-content-two ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #37578b;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.rlnc-content-four p {
  font-size: 20px;
  line-height: 0.5;
  color: #fff;
  text-align: center;
  font-weight: 100;
}
.rlnc-content-four p:before {
  content: "";
  background: url(/wp-content/uploads/2019/12/resi_quote_open.png) no-repeat;
  width: 24px;
  height: 18px;
  display: block;
  margin-left: 40px;
}
.rlnc-content-four p:after {
  content: "";
  background: url(/wp-content/uploads/2019/12/resi_quote_close.png) no-repeat;
  width: 24px;
  height: 18px;
  display: inline-table;
  margin-left: 5px;
}
.omantel-content-two .no-icon {
  display: block;
  width: 47px;
  height: 47px;
  margin-top: 62px;
}
.omantel-banner-text h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: 0.8px;
}
.omantel-banner-text h5 {
  color: #fff !important;
  font-weight: 100 !important;
  line-height: 1.6;
}
.omantel-content-one h6,
.omantel-content-seven h6,
.omantel-content-six h6,
.omantel-content-three h6,
.omantel-content-two h6 {
  font-size: 24px;
  color: #1c3d89;
  margin-bottom: 20px;
}
.omantel-content-one p,
.omantel-content-six p,
.omantel-content-three p {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.omantel-last-row h6 {
  font-size: 16px;
  line-height: 1.63;
  color: #000;
  text-align: center;
}
.omantel-content-two p {
  font-size: 16px;
  line-height: 1.63;
  color: #000;
}
.omantel-content-seven ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.omantel-content-seven ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #272727;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
#omantel_bg_layout {
  background-repeat: no-repeat !important;
  background-position: 160px 50px;
}
.omantel-content-four .so-widget-image {
  max-width: 110% !important;
  margin-left: -46px;
}
.omantel-content-five .so-widget-image {
  max-width: 110% !important;
  margin-left: 50px;
}
.e-run-baner {
  background-position: center top;
}
.e-run-content-two .no-icon {
  display: block;
  width: 47px;
  height: 47px;
  margin-top: 44px;
}
.e-run-banner-text h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: 0.8px;
}
.e-run-banner-text h5 {
  color: #fff !important;
  font-weight: 100 !important;
}
.e-run-content-four h6,
.e-run-content-one h6,
.e-run-content-seven h6,
.e-run-content-six h6,
.e-run-content-three h6,
.e-run-content-two h6 {
  font-size: 24px;
  color: #f07d3a;
  margin-bottom: 20px;
}
.e-run-content-one p,
.e-run-content-six p,
.e-run-content-three p {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.e-run-last-row h6 {
  font-size: 16px;
  line-height: 1.63;
  color: #000;
  text-align: center;
}
.e-run-content-eight ul li,
.e-run-content-four ul li,
.e-run-content-seven ul li,
.e-run-content-six ul li,
.e-run-content-two ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.e-run-content-eight ul li::after,
.e-run-content-four ul li::after,
.e-run-content-seven ul li::after,
.e-run-content-six ul li::after,
.e-run-content-two ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f07d3a;
  display: block;
  border-radius: 50%;
  top: 9px;
  left: 0;
}
#e-run_bg_layout {
  background-repeat: no-repeat !important;
  background-position-x: center !important;
}
.er-img-soln {
  padding-top: 109px;
}
.e-run-content-three .sow-image-container img {
  max-width: 104% !important;
}
.sw_section_five h4 {
  color: #e26128;
  font-weight: 700;
  padding-bottom: 15px;
}
.fw_section_one {
  height: 686px;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  z-index: 7;
  margin-top: -3px;
}
.fw_banner_text h2 {
  font-weight: 500;
  color: #fff;
  line-height: 1.6em;
  font-size: 35px;
}
.fw_banner_text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.63;
}
.fw_design_text h3,
.fw_layout_four h3,
.fw_layout_four_mobile h3 {
  text-align: center;

  font-weight: 500;
  line-height: 1.37;
  color: #d44100;
  position: relative;
  z-index: 6;
  font-size: 28px;
}
.fw_impact_wrapper {
  background-repeat: no-repeat !important;
  height: 550px;
  padding: 190px 80px 0;
  margin-top: -160px;
  position: relative;
  z-index: 7;
}
.fw_impact_wrapper h2 {
  font-size: 26px;
  font-weight: 700;
  color: #4e4e4e;
  text-align: center;
  padding: 20px 0 0;
}
.fw_impact_wrapper p,
.fw_layout_four p,
.fw_layout_four_mobile p {
  font-size: 16px;
  line-height: 1.63;
  text-align: center;
  color: #4e4e4e;
}
.fw_layout_three h3 {
  font-weight: 500;
  line-height: 1.37;
  color: #d44100;
  padding-bottom: 30px;
  font-size: 28px;
}
.fw_layout_three ul li {
  font-size: 18px;
  line-height: 1.35;
  padding: 0 70px 12px 15px;
  color: #373737;
  font-weight: 700;
}
.fw_layout_three ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #dadada;
  display: block;
  border-radius: 50%;
  top: 9px;
  left: 0;
}
.fw_layout_three p {
  font-size: 16px;
  line-height: 1.5;
  color: #4e4e4e;
  padding: 0 70px 10px 15px;
}
.fw-screen img {
  margin-top: -40px;
}
.fw-oppor-screen img {
  margin-top: 30px;
}
.fw_layout_four p,
.fw_layout_four_mobile p {
  padding: 20px 0 0;
}
.fw_redesign_layout {
  margin: 0 -70px;
  padding: 0 50px;
  height: 550px;
}
.fw_redesign_layout p {
  font-size: 18px;
  line-height: 1.63;
  text-align: center;
  color: #fff;
  padding-top: 20px;
  font-weight: 500;
}
.redesign-two img {
  margin-top: 130px;
}
.fw_layout_four_mobile {
  display: none;
}
.sw_layout_impact {
  height: 545px;
  align-items: center !important;
}
.sw_layout_five p,
.sw_layout_seven p,
.sw_section_five p {
  font-size: 16px;
  line-height: 1.63;
  color: #333;
}
.sw_layout_six img {
  height: 148px;
  width: 130px;
  margin-bottom: 35px;
}
.sw_layout_six h3 {
  font-weight: 700;
  line-height: 1.35;
  font-size: 20px;
}
.sw_layout_six p {
  font-size: 16px;
  margin-top: 10px;
  padding-right: 90px;
  line-height: 1.6;
}
.percent {
  font-size: 26px;
  color: #fff;
}
.polygon {
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #85c01d;
  z-index: 0;
  -webkit-clip-path: polygon(100% 0, 100% 45%, 0 73%, 0 29%);
  clip-path: polygon(100% 0, 100% 45%, 0 73%, 0 29%);
}
.polygon {
  -webkit-clip-path: polygon(107% 0, 100% 48%, 0 76%, 0 30%) !important;
  clip-path: polygon(107% 0, 100% 48%, 0 76%, 0 30%) !important;
}
.commonStyle p {
  color: #666;
  font-size: 16px;
  line-height: 24px;
}
.commonStyle h6 {
  font-size: 22px;
  padding: 15px 0 20px 0;
  font-weight: 400 !important;
  color: #666;
  line-height: 28px;
}
.commonStyle ul.list li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.commonStyle ul.list li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #272727;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.commonStyle.peelworks h6 {
  color: #8dc63f;
}
.commonStyle.peelworks ul.list li::after {
  background: #8dc63f;
}
.commonStyle.tookitaki h6 {
  color: #1c3145;
}
.commonStyle.tookitaki ul.list li::after {
  background: #1c3145;
}
.commonStyle .textWhite h6,
.commonStyle .textWhite p {
  color: #fff;
}
.boxWrap {
  display: flex;
}
.boxWrap .panel-grid-cell {
  box-shadow: 0 3px 9px 0 rgba(111, 111, 111, 0.5);
  background-color: #fff;
  padding: 40px 35px !important;
  margin: 10px;
  border-radius: 4px;
}
.boxWrap h3 {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #191919;
  margin: 15px 0 12px 0;
}
.boxWrap p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #272727;
}
.flexSpaceBetween ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.flexSpaceBetween ul li {
  width: 130px;
  text-align: center;
}
.flexSpaceBetween ul li span.circle {
  margin-left: 25px;
}
.flexSpaceBetween ul li span.circle {
  width: 130px;
  height: 130px;
  display: flex;
  border-radius: 50%;
  border: solid 4px #ccc;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #8dc63f;
  margin-bottom: 20px;
  margin-top: 30px;
}
.datamate-wrap h6 {
  font-size: 22px;
  /**/
  margin: 15px 0 20px 0;
  font-weight: 400 !important;
  color: orange;
  line-height: 28px;
}
.datamate-wrap .dollar-icon {
  display: block;
  background: url("/wp-content/themes/yujdesigns/images/dollar-icon.svg")
    no-repeat;
  width: 36px;
  height: 36px;
  background-position: center center;
}
.datamate-bg-patch {
  min-height: 450px;
}
.datamate-bg-patch2 {
  min-height: 520px;
}
.solution-section .so-panel.widget {
  background-color: #fff;
  padding: 20px 30px;
  box-shadow: 0 1px 6px 0 rgba(88, 88, 88, 0.5);
  min-height: 335px;
}
.solution-section {
  margin-bottom: 15px;
}
.solution-section .so-panel.widget .textwidget img {
  display: block;
}
.solution-section .so-panel.widget .textwidget strong {
  margin: 10px 0 15px;
  display: block;
}
.solution-section .so-panel.widget .textwidget p {
  margin-bottom: 0;
}
.peelworks-wrap h6 {
  font-size: 24px;

  margin: 15px 0 20px 0;
  font-weight: 400 !important;
  color: #8dc63f;
  line-height: 28px;
}
.peelworks-wrap ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #666;
  font-size: 14px;
}
.peelworks-wrap ul li:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #8dc63f;
  border-radius: 100%;
  position: absolute;
  left: 0;
  display: block;
  top: 7px;
}
.pd-150 {
  padding-bottom: 150px;
}
.business-benefits {
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 20px;
}
.maxlife-wrap .content-icon {
  display: block;
  background: url("/wp-content/themes/yujdesigns/images/maxlife-small-icon.png")
    no-repeat;
  width: 36px;
  height: 36px;
  background-position: center center;
}
.maxlife-wrap h6 {
  font-size: 22px;
  /**/
  margin: 15px 0 20px 0;
  font-weight: 400 !important;
  color: #ee712f;
  line-height: 28px;
}
.maxlife-bg-patch {
  min-height: 450px;
}
.maxlife-bg-patch2 {
  min-height: 520px;
}
.maxlife-wrap.equal2 .panel-first-child {
  width: 100% !important;
}
.maxlife-content-img-1 img {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
}
.quoteSection {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  margin: 0 0 30px;
  color: #999;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.05);
  padding: 20px;
  border-radius: 15px 0 15px 0;
}
.quoteSection .textwidget div {
  font-size: 14px;
  color: #777;
  font-weight: 600;
  margin-top: 10px;
}
.tookitaki-content-two .no-icon {
  margin-top: 64px;
}
.tookitaki-banner-text h1 {
  /**/
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.tookitaki-banner-text h5 {
  font-size: 20px;
  color: #fff !important;
  font-weight: 100 !important;
}
.tookitaki-content-one h6,
.tookitaki-content-six h6,
.tookitaki-content-three h6,
.tookitaki-content-two h6 {
  /**/
  font-size: 22px;
  color: #1c3145;
  margin-bottom: 20px;
}
.tookitaki-content-one p,
.tookitaki-content-six p,
.tookitaki-content-three p {
  font-size: 16px !important;
  line-height: 1.63;
  color: #000;
  margin-bottom: 22px;
}
.tookitaki-last-row h6 {
  font-size: 16px;
  line-height: 1.63;
  color: #000;
  text-align: center;
}
.tookitaki-content-two p {
  font-size: 16px;
  line-height: 1.63;
  color: #000;
}
.tookitaki-content-two ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  position: relative;
}
.tookitaki-content-two ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #272727;
  display: block;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.toki_first_row {
  margin-bottom: 103px !important;
}
.tookitaki-content-four h6 {
  margin-top: 35px;
}
.tookitaki-content-four.panel-widget-style {
  margin-left: -55px;
}
.tt-image-one {
  max-width: 110% !important;
}
.tookitaki-content-last .so-widget-image {
  height: 530px !important;
}
.tookitaki-content-five-two .so-widget-image {
  max-width: 67% !important;
}
.crif-baner {
  background-position: center top;
}
.crif-banner-text h1 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 600;
  line-height: 44px;
  /**/
}

.crif-banner-text h5 {
  font-size: 20px;
  color: #fff !important;
  font-weight: 100 !important;
}
.crif-content-one h6,
.crif-content-six h6,
.crif-content-three h6,
.crif-content-two h6 {
  font-size: 22px;
  color: #0e46a1;
  margin-bottom: 20px;
}
.crif-content-one p,
.crif-content-three p {
  font-size: 16px !important;
  line-height: 1.63;
  color: #555;
  margin-bottom: 22px;
}
.crif-content-two p {
  font-size: 16px;
  line-height: 1.63;
  color: #555;
}
.crif-content-six ul li,
.crif-content-two ul li {
  font-size: 16px;
  line-height: 24px;
  color: #272727;
  padding-left: 18px;
  margin-bottom: 15px;
  list-style-type: disc;
}
/*
.crif-content-six ul li::after, .crif-content-two ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #272727;
  display: block;
  border-radius: 50%;
  top: 9px;
  left: 0;
}
*/
.crif-layout-four.panel-widget-style {
  text-align: center;

  font-size: 12px;
  color: #272727;
}
.crif-content-four .so-widget-image {
  max-width: 120% !important;
  margin-left: -15%;
}
.crif-content-five .so-widget-image {
  max-width: 125% !important;
}
.crif-ben-five,
.crif-ben-four,
.crif-ben-one,
.crif-ben-six,
.crif-ben-three,
.crif-ben-two {
  max-width: fit-content !important;
  width: 80px !important;
}
.positionRelative {
  position: relative;
}
.prc-section-1 h6,
.prc-section-2 h6,
.prc-section-3 h6 {
  font-size: 24px;
  font-weight: 500;
  color: #739d44;
  padding: 0 0 20px 0;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
p.pb-40 {
  padding-bottom: 40px;
}
.prc-section-1 p,
.prc-section-2 p {
  font-size: 16px;
  line-height: 1.63;
  color: #595959;
  padding-right: 35px;
  font-family: "graphik", "sans-serif" !important;
}
.prc-section-1-2-1-head h6 {
  line-height: 1.29;
  padding-bottom: 38px;
}
.prc-ntshell-icon1 img,
.prc-ntshell-icon3 img {
  width: 75px !important;
}
.prc-ntshell-icon3 img {
  padding-top: 30px !important;
}
.prc-section-1-2-1 p {
  margin-top: -17px;
}
.prc-section-1-2-1 p,
.prc-section-1-2-2 p,
.prc-section-1-2-3 p {
  font-family: "graphik", "sans-serif" !important;
  font-size: 18px;
  line-height: 1.33;
  color: #595959 !important;
  padding-right: 0 !important;
  margin-left: -20px;
}
.prc-section-5 h6 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
.prc-bb-1 img,
.prc-bb-2 img,
.prc-bb-3 img,
.prc-bb-5 img {
  background: #fff;
  padding: 20px 35px;
}
.prc-bb-4 img {
  height: 142px !important;
  padding: 20px 45px;
  background: #fff;
}
.prc-section-6 p {
  font-family: "graphik", "sans-serif" !important;
  font-size: 16px;
  line-height: 1.44;
  text-align: center;
  color: #fff;
}
.prc-bb-comp1 img {
  height: 301px !important;
}
.pw-last-corner-div {
  display: none !important;
}
.prc-ntshell-icon2 img {
  padding: 45px 0 0 10px !important;
  width: 75px !important;
  margin: -5px 0 0 -5px !important;
}
.section-wrap {
  padding-top: 50px;
}
.section-wrap .panel-first-child,
.section-wrap .panel-last-child {
  position: relative;
}
.equal .panel-last-child {
  padding: 0;
  width: 50%;
}
#dm-last-img .panel-widget-style {
  width: 350px !important;
}
.value-wrap .img-wrap .sow-image-container {
  position: absolute;
  bottom: -115px;
}
.left-big .panel-first-child {
  padding: 0;
  width: 59%;
}
.left-small .panel-first-child {
  padding: 0;
  width: 41%;
}
.section-wrap .panel-last-child {
  order: 2;
  width: 41%;
  padding: 0 15px;
}
.so-panel.widget {
  margin-bottom: 0;
}
.skills-wrap.section-wrap .panel-first-child {
  order: 1;
  width: 52%;
  padding: 0 15px;
}
.skills-wrap .img-wrap .sow-image-container {
  position: absolute;
  bottom: -130px;
}
.skillsalpha-detail-wrap .message {
  color: #e7e8ea;
  font-size: 20px;
  width: 44%;
}
.message {
  color: #555;
  font-size: 18px;
  line-height: 28px;
  position: relative;
  font-family: "graphik", "sans-serif" !important;
}
.skills-wrap.remove-padding .panel-grid-cell .widget {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.skills-wrap.section-wrap .panel-last-child {
  order: 2;
  width: 47%;
  padding: 0 15px;
  padding-right: 15px;
  padding-left: 15px;
  z-index: 9;
}
span.press-min-read::before {
  content: "•";
  padding: 0px 12px;
  color: #797979;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
/* mobile css starts */
.mobile-layout .reddot-logo .textwidget.custom-html-widget img {
  width: 300px;
}
.mobile-layout .reddot-logo .textwidget.custom-html-widget {
  padding-left: 20px;
}
.mobile-layout .video-wrapper {
  margin: 0 0 40px !important;
  background: 0 0 !important;
}
.mobile-layout .video-content {
  width: 300px !important;
  background: #0ec1f4;
}
.mobile-layout .video-content h3 {
  padding: 30px 28px 60px 30px;
}
.mobile-layout .user-wrapper p {
  padding: 0 0 10px 0;
}
.viewport-width-100 img {
  width: 100vw;
}
.mobile-layout .banner-content {
  position: relative;
  margin: -5px 0 30px;
  padding: 20px;
}
.mobile-layout .video-content h3 {
  padding: 30px 28px 60px 30px;
}
.mobile-layout .video-play {
  padding: 10px 30px;
}
.mobile-layout .core-values {
  padding: 20px;
}
.mobile-layout #ev-banner-title h1,
.mobile-layout .core-values h3,
.mobile-layout .efforts-content h4,
.mobile-layout .user-driving-wrapper h4,
.mobile-layout .user-wrapper h3 {
  font-size: 26px !important;
}
.mobile-layout .core-icon-four,
.mobile-layout .core-icon-one,
.mobile-layout .core-icon-three,
.mobile-layout .core-icon-two {
  margin: 0;
}
.mobile-layout .core-value-wrapper p {
  padding-bottom: 10px;
}
.mobile-layout .user-driving-wrapper p {
  padding-right: 0;
}
.mobile-layout .align-center .textwidget.custom-html-widget {
  display: block;
}
.mobile-layout .tata-mockup-bg {
  margin: 10px 0;
  height: auto;
}
.mobile-layout #oneQuote {
  width: auto;
  display: inline;
}
.mobile-layout .user-driving-quote h3 {
  font-size: 18px;
  line-height: 1.6;
}
.mobile-layout .mockup-content p {
  padding: 20px;
  font-weight: 100;
}
.mobile-layout .mockup-wrapper {
  margin: -5px 0 0 !important;
}
.mobile-layout .efforts-content p {
  padding: 20px;
  font-weight: 100;
}
.mobile-layout .efforts-content h4 {
  padding: 20px 0 0 20px;
}
.prc-section-3 ul li {
  font-family: "graphik", "sans-serif" !important;
  font-size: 16px;
  line-height: 1.6;
  color: #595955;
  padding: 0 0 12px 0px;
  list-style-type: disc;
  list-style-position: inside;
}
.crif-content-six ul li,
.crif-content-two ul li {
  list-style-position: inside;
  padding-left: 0px;
}
/* mobile css end */
/* yuj updated code ends here */

/* service page css starts */
/* dropdown menu css on hover */
/* Hide sub-menus initially */
#menu-header-mainmenu .sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px); /* slight downward */
  transition: all 0.3s ease-in-out;
  display: block; /* keep block so transition works */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  z-index: 99;
  padding: 0px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
#menu-header-mainmenu li.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
#menu-header-mainmenu li {
  position: relative;
}
#menu-header-mainmenu .sub-menu li a {
  white-space: nowrap;
  padding: 10px 15px;
  display: block;
  color: #333;
  text-decoration: none;
}
#menu-header-mainmenu .sub-menu li.current_page_item a {
  color: #f59301;
}
#menu-header-mainmenu .sub-menu li a:hover {
  width: 100%;
  color: #f59301;
}
/* Highlight active parent menu item (like Services) when on child page */
#menu-header-mainmenu li.current-menu-parent > a,
#menu-header-mainmenu li.current-menu-ancestor > a,
#menu-header-mainmenu li.current_page_parent > a,
#menu-header-mainmenu li.current_page_ancestor > a {
  color: #f59301;
}
/* dropdown menu css on hover ends*/

.highlight {
  color: #f7941d;
}
/*
.nav-bar .navigaion .collapse-menu ul ul{
	row-gap: 10px;
  margin-left: 40px;
  margin-top: 5px;
}
.nav-bar .navigaion .collapse-menu ul ul li a{
	font-size:25px;
}
#menu-item-22248 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#menu-item-22248 .icon-arrow::before{
	display:none;
}
#menu-item-22248 ul .icon-arrow::before {
  display: block;
}
#menu-hamburger-menu li.current-menu-parent > a,
#menu-hamburger-menu li.current-menu-ancestor > a,
#menu-hamburger-menu li.current_page_parent > a,
#menu-hamburger-menu li.current_page_ancestor > a {
  color: #f59301; 
}

@media (max-width: 600px) {
	.nav-bar .navigaion .collapse-menu ul ul li a {
		font-size: 16px;
	}
	.nav-bar .navigaion .collapse-menu ul ul{
		margin-left: 20px;
	}
}
*/
/* service page css starts */

/* jyoti updated the mega menu css 11 june 25 */
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
  margin-top: 0;
}
#mega-menu-wrap-primary,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #f59301;
}
#mega-menu-wrap-primary .mega-sub-menu .menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: none;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  margin: 0 25px;
  color: #fff;
}
header.casestudy-detail-page
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
header.casestudy-detail-page
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a:hover.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
/*
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > a.mega-menu-link::before{
  transform: rotate(180deg);
}*/
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-flyout
  ul.mega-sub-menu {
  opacity: 0;
  transform: translate(0, 0px);
  transition:
    opacity 200ms ease-in,
    transform 200ms ease-in,
    visibility 200ms ease-in;
}
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:hover
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:focus
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu.mega-toggle-on
  ul.mega-sub-menu {
  opacity: 1;
  transform: translate(0, 10px);
  margin-top: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu ul li a {
  color: #000;
  font-size: 14px;
  font-family: "graphik", "sans-serif";
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu ul li a:hover,
#mega-menu-primary .mega-sub-menu ul li a:focus {
  text-decoration: underline #000 1.5px;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-sub-menu
  ul
  li.current_page_item
  a,
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-sub-menu
  ul
  li.current-menu-item
  a {
  color: #f59301;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  background: url("/wp-content/uploads/2025/09/megamenu-newbg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 15.6px 0 rgba(0, 0, 0, 0.06);
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  color: #000;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px 4px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: #000;
  background: #e3e3e3;
}
/* when all megamenu comes will use this css */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
  max-width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#mega-menu-wrap-primary, #mega-menu-wrap-us-primary{
  position: static;
}
#mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-us-primary #mega-menu-us-primary{
  position: unset;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{
  padding: 10px 210px 60px 210px;
}

/*when all megamenu comes will use this css */
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  transition: 0.3s;
}
/*
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  max-width: 250px;
  left: 0;
  right: 0;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  padding: 35px;
}*/
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0px;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-columns-1-of-5 {
  padding-right: 30px;
}
.mega-sub-menu li:last-child {
  padding-right: 0px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  text-transform: capitalize;
  color: #000;
  font-family: "Graphik-Medium", "sans-serif";
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  padding-bottom: 24px;
}
#mega-menu-wrap-primary .mega-sub-menu .menu {
  row-gap: 16px;
}
/* us megamenu css start */
#mega-menu-wrap-us-primary .mega-menu-toggle + #mega-menu-us-primary {
  margin-top: 0;
}
#mega-menu-wrap-us-primary,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #f59301;
}
#mega-menu-wrap-us-primary .mega-sub-menu .menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: none;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  margin: 0 25px;
  color: #fff;
}
header.casestudy-detail-page
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
header.casestudy-detail-page
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a:hover.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-flyout
  ul.mega-sub-menu {
  opacity: 0;
  transform: translate(0, 0px);
  transition:
    opacity 200ms ease-in,
    transform 200ms ease-in,
    visibility 200ms ease-in;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:hover
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:focus
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu.mega-toggle-on
  ul.mega-sub-menu {
  opacity: 1;
  transform: translate(0, 10px);
  margin-top: 5px;
}
#mega-menu-wrap-us-primary #mega-menu-us-primary .mega-sub-menu ul li a {
  color: #000;
  font-size: 14px;
  font-family: "Graphik", "sans-serif";
}
#mega-menu-wrap-us-primary #mega-menu-us-primary .mega-sub-menu ul li a:hover,
#mega-menu-us-primary .mega-sub-menu ul li a:focus {
  text-decoration: underline #000 1.5px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  .mega-sub-menu
  ul
  li.current_page_item
  a,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  .mega-sub-menu
  ul
  li.current-menu-item
  a {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  background: url("/wp-content/uploads/2025/09/megamenu-newbg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 15.6px 0 rgba(0, 0, 0, 0.06);
}

#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  color: #000;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px 4px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: #000;
  background: #e3e3e3;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  transition: 0.3s;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
    padding: 10px 210px 60px 210px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-columns-1-of-5 {
  padding-right: 30px;
}
.mega-sub-menu li:last-child {
  padding-right: 0px !important;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  text-transform: capitalize;
  color: #000;
  font-family: "Graphik-Medium", "sans-serif";
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  padding-bottom: 24px;
}
#mega-menu-wrap-us-primary .mega-sub-menu .menu {
  row-gap: 16px;
}
/* us megamenu css ends

/* jyoti updated mega menu css end */

/* swiper arrow css start */
.category-arrow .swiper-button-prev,
.category-arrow .swiper-button-next:hover {
  background-image: url("/wp-content/uploads/2023/10/client-left-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.category-arrow .swiper-button-next,
.category-arrow .swiper-button-next:hover {
  background-image: url("/wp-content/uploads/2023/10/client-right-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
/* swiper arrow css ends */

.page-id-22133 #custom_html-15 {
  display: none;
}
.testassessment {
  margin-top: 60px;
}

.test-button {
  background-color: #4b3bc4;
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 288px;
  display: inline-block;
  text-align: center;
  font-family: "ClashDisplay-Medium";
}
.test-button:hover {
  color: #fff;
}
a:focus,
a:hover {
  outline: none;
}
.product-strategy-section01 .test-button {
  width: 308px;
}
.popupbtn-wrap {
  margin-top: 60px;
}
.get-in-touch-section .comp-popup-btn {
  margin-top: 0px;
}
.popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
  font-size: 20px;
  padding: 14px 24px;
  /*width: 308px;*/
  width:auto;
}
.popupbtn-wrap button {
  border: none;
  font-size: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  /*width: 288px;*/
  width:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "ClashDisplay-Medium";
  border: 2px solid #4b3bc4;
}
.wpcf7 ::placeholder {
  color: #bcbcbc !important;
  font-size: 12px;
}
.swal2-close:hover {
  color: #4b3bc4 !important;
}
.swal2-close:focus {
  box-shadow: none !important;
}
.swal2-close {
  margin-top: -10px !important;
  margin-right: 10px !important;
  font-size: 2em !important;
  /*position: sticky;
  top: 0px;
  right: 15px;*/
}
.swal2-popup {
  padding: 20px 0px !important;
}
.getintouch-outer-wrap label.cfield__label {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 0px;
  font-weight: normal;
}
.getintouch-outer-wrap .cf-send {
  margin: 15px 0 0px 0px;
}
.joinFields {
  display: flex;
  gap: 15px;
  /* height: 50px; */
  align-items: center;
  justify-content: space-around;
}
.joinFields span {
  flex: 1;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999;
}
.wpcf7 form.sent .wpcf7-response-output {
  font-size: 16px;
}
.swal2-html-container {
  overflow: hidden !important;
  margin: 1em 1.2em 0.3em !important;
}
.getintouch-success-message h2 {
  margin-bottom: 26px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  color: #000;
  font-size: 26px;
}
.getintouch-success-message {
  padding-left: 24px;
  padding-right: 24px;
}
.getintouch-success-message p {
  font-family: "Graphik", "sans-serif";
  font-size: 20px;
  line-height: 1.5em;
}
select#picktime,
.wpb-pcf-form-style-true input[type="date"],
select#selectmodel {
  border: 1px solid #ece9e7 !important;
  border-radius: 6px !important;
  width: 100%;
}
.wpb-pcf-form-style-true input[type="text"],
.wpb-pcf-form-style-true input[type="email"],
.wpb-pcf-form-style-true input[type="tel"],
.wpb-pcf-form-style-true input[type="number"] {
  border: 1px solid #ece9e7 !important;
  border-radius: 6px !important;
  background: #fff !important;
  width: 100%;
  padding: 10px;
  font-size: 14px !important;
}
select#picktime,
select#selectmodel {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/wp-content/uploads/2025/06/orange-arrow-bottomv.svg)
    no-repeat right 15px center;
  background-size: 5%;
  border: 1px solid #ccc;
  padding: 10px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
}
.swal2-popup {
  background: #fff;
}
.wpb-pcf-form-style-true .swal2-popup {
  background: #ffffff
    url(/wp-content/uploads/2025/06/get-in-touch-bg-scaled.webp) !important;
  background-position: center center;
  background-size: cover !important;
  /*max-height: 90vh;
  overflow-y: auto;
  box-sizing: border-box;*/
}
.page-id-22335 #custom_html-15 {
  display: none;
}
.paddingBCustom {
  padding-bottom: 50px;
}
.paddingTCustom {
  padding-top: 50px;
}
.userquote-container {
  background-image: url("/wp-content/uploads/2025/06/quote-banner-small.png");
  background-size: cover;
  background-position: center;
}
.star-item {
  display: flex;
  align-items: flex-start; /* aligns icon to the top of the text block */
  gap: 15px;
}

.star-item::before {
  content: "";
  background-image: url("/wp-content/uploads/2025/06/star-shine-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  flex-shrink: 0; /* prevent icon from shrinking */
  margin-top: 3px; /* optional tweak for perfect alignment */
}
.star-item h4 {
  font-family: "ClashDisplay-Medium", sans-serif;
  margin: 0;
}
.svg-underline {
  position: relative;
}
.strategy-intelligence-section {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  flex-direction: column;
}
.strategy-intelligence-section:before {
  content: "";
  background: url(/wp-content/uploads/2025/08/quotes-yellow.svg) no-repeat center;
  background-size: contain;
  width: 47px;
  height: 46px;
  display: block;
  position: absolute;
  left: -50px;
  top: 100px;
}
/* competitor page new css start */
.competitive-analytics-section01 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /*row-gap: 50px;*/
}
.competitive-analytics-section01 .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 0px;
  padding-bottom: 0px;
  height: 100vh;
}
.competitive-analytics-section01 .headingsection {
  max-width: 60%;
}
.competitive-analytics-section01 .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.competitive-analytics-section01 .headingsection h3 {
  color: #fff;
  padding-top: 40px;
  font-size: 22px;
}
.competitive-analytics-section01 .headingsection h3 span {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 30px;
}
.competitive-analytics-section01 .graphcontent {
  display: none;
}

.competitive-analytics-section01 .headingsection p {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  padding-top: 28px;
  font-family: "Graphik", "sans-serif";
  padding-top: 36px;
}
.competitive-analytics-section03 p {
  margin-bottom: 40px;
  font-family: "Graphik";
  line-height: 1.5;
  font-size: 20px;
}
/* new slider css start competitor page */
.datemeets-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.datameets-text,
.datameets-image {
  flex: 1;
}
.datameets-text h2 {
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.datameets-text h4 {
  margin-bottom: 30px;
  font-family: "Graphik-Medium", "sans-serif";
}
.strategy-intelligence-section h4 {
  margin-bottom: 30px;
  font-family: "Graphik-Medium", "sans-serif";
  margin-top: 12px;
}
.intelligence-banner{
  display: flex;
}
.strategy-intelligence-section h5 {
  font-family: "Graphik", "sans-serif";
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 26px;
  max-width: 45%;
}
.datameets-text h5 {
  font-family: "Graphik", "sans-serif";
  font-size: 18px;
  margin-bottom: 20px;
}
.datameets-text ul {
  list-style: none;
  margin: 0 0 0px 0;
  font-family: "Graphik";
}
.datameets-text ul li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 12px;
  position: relative;
  padding-left: 24px;
  max-width: 80%;
}
.datameets-text ul li:last-child {
  margin-bottom: 0px;
}
.datameets-text ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/2025/06/star-shine-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.datameets-text i.orangedot,
.intelligence-text i.orangedot,
.competitor-datameets-human i.orangedot{
  width: 10px;
  height: 10px;
}

/* Fade animation slider CSS */
.datameets-image {
  max-width: 600px;
}

.datameets-image .datameetsslider-Container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  background: url('/wp-content/uploads/2025/08/laptop-border.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px; /* Ensure container has height */
}

.datameets-image .datameetsslide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datameets-image .datameetsslide.active {
  opacity: 1;
}

.datameets-image .datameetsslide img {
  /*padding: 50px;
  border-radius: 25px;*/
  max-width: 550px;
  width: 100%;
  height: auto;
}

.datameets-image .datameetsslidesdots {
  text-align: center;
  margin-top: 15px;
  position: relative;
  z-index: 10;
}

.datameets-image .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #aaa;
  cursor: pointer;
  transition: all 0.3s ease;
}

.datameets-image .dot:hover {
  background: #777;
  transform: scale(1.1);
}

.datameets-image .dot.active {
  background: orange;
  width: 35px;
  height: 12px;
  border-radius: 5px;
}

/* Loading state for smooth transitions */
.datameets-image .datameetsslide img {
  transition: opacity 0.3s ease;
}

.datameets-image .datameetsslide.loading img {
  opacity: 0.7;
}
/* Smooth fade preloader */
.datameets-image .datameetsslide {
  will-change: opacity;
}
/* new slider css ends competitor page */
/* competitor page new css ends */

.intelligence-text {
  /*flex: 1 1 600px;*/ /* Bigger content area */
  padding-right: 0px;
}

.intelligence-text h2 {
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}

.intelligence-text h4 {
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.intelligence-text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Graphik";
}

.intelligence-text ul li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 12px;
  position: relative;
  padding-left: 24px;
}

.intelligence-text ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/2025/06/star-shine-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.intelligence-text p {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-family: "Graphik";
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intelligence-text p strong {
  font-weight: bold;
}

.intelligence-image {
  flex: 0 0 400px;
  text-align: right;
  align-self: flex-end;
  margin-top: -80px;
}

.intelligence-image img {
  width: 100%;
  height: auto;
  max-width: 500px;
}
.pricing-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
  justify-content: center;
}

.pricing-card {
  flex: 1 1 300px;
  max-width: 400px;
  border-radius: 15px;
  padding: 30px 28px 100px 28px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.access-card {
  background: url(/wp-content/uploads/2025/06/access-newcardbg.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #ffcfde;
}

.edge-card {
  background: url(/wp-content/uploads/2025/06/edgecard-newbg.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #c6eba4;
}

.advantage-card {
  background: url(/wp-content/uploads/2025/06/advantagecard-newbg.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #afcdff;
}
/*
.pricing-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
*/
.card-header-section {
  text-align: center;
  margin-bottom: 20px;
}
.card-header-section p {
  font-size: 16px;
  color: #000;
  margin-bottom: 0px;
  /*min-height: 74px;*/
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
}
.card-title {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}

.card-description {
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}

.price-tag {
  text-align: center;
  padding: 20px 20px 15px 20px;
  margin: 90px -44px 20px -41px;
  font-weight: bold;
  font-size: 1.4rem;
  color: white;
  position: relative;
  background-image: url("/wp-content/uploads/2025/06/ribbon-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  gap: 5px;
}

.pricing-card .price-tag {
  filter: hue-rotate(0deg);
}
.pricing-card .price-tag .cost {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.statistics-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 0;
}

.statistics-box {
  flex: 1 1 220px;
  min-width: 220px;
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
  position: relative;
}

.statistics-box img.sticon {
  max-width: 75px;
  height: auto;
  margin-bottom: 0px;
}

.statistics-box h3 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #fff;
  font-family: "ClashDisplay-Semibold";
}

.statistics-box p {
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
  margin: 0;
  font-family: "Graphik";
}

/* Add separator using after */
.statistics-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 120px;
  background: url("/wp-content/uploads/2025/06/vertical-seperator.png")
    no-repeat center;
  background-size: contain;
}
.strategy-card {
  padding: 22px;
  border-radius: 16px;
  text-align: left;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  transition: transform 0.2s;
  flex: 1 1 260px;
  max-width: 100%;
  min-width: 260px;
  box-sizing: border-box;
  background: rgba(51, 51, 51, 0.5);
}
/*
.strategy-card:hover {
 transform: translateY(-5px);
}*/

.strategy-card img {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
}

.strategy-card h3 {
  font-size: 24px;
  margin-bottom: 16px;
  color: #ffffff;
  font-family: "ClashDisplay-Semibold";
}

.strategy-card p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  font-family: "Graphik";
}

.strategy-card .highlight {
  color: #f59301;
  font-weight: 600;
}

.stats-row {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
  font-family: "Graphik";
  gap: 5px;
}

.stat-item {
  text-align: center;
  flex: 1;
  position: relative;
  font-size: 16px;
}

.access-card .stat-item:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 2px;
  height: 87px;
  background: url(/wp-content/uploads/2025/06/access-card-seperator.png)
    no-repeat center;
  background-size: contain;
}

.edge-card .stat-item:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 2px;
  height: 87px;
  background: url(/wp-content/uploads/2025/06/edge-card-newseperator.png)
    no-repeat center;
  background-size: contain;
}

.advantage-card .stat-item:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 2px;
  height: 87px;
  background: url(/wp-content/uploads/2025/06/advantage-card-newseperator.png)
    no-repeat center;
  background-size: contain;
}

.stat-label {
  color: #000;
  margin-bottom: 5px;
}

.stat-value {
  color: #000;
  font-family: "Graphik-Semibold", "sans-serif";
}

.section-title {
  font-size: 22px;
  color: #000;
  margin: 25px 0 15px 0;
  font-family: "ClashDisplay-Medium", "sans-serif";
}

.feature-list {
  list-style: none;
}

.feature-list li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 8px 0;
}

.feature-icon {
  width: 20px;
  height: 20px;
  background: url(/wp-content/uploads/2025/06/star-shine-icon.png);
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

.feature-text {
  color: #000;
  font-size: 16px;
  font-family: "Graphik";
}
.feature-text span {
  font-family: "Graphik-Semibold", "sans-serif" !important;
  color: #000;
}
.get-in-touch-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: space-around;
}
.get-in-touch-section h2 {
  font-family: "ClashDisplay-Semibold";
  font-size: 26px;
  line-height: 1.3;
}
.svg-lightunderline {
  position: relative;
}
.svg-lightunderline::after {
  content: "";
  position: absolute;
  left: 50px;
  bottom: -35px;
  width: 300px;
  height: 30px;
  background: url(/wp-content/uploads/2025/06/light-curveborder.svg) no-repeat
    center;
  background-size: contain;
  pointer-events: none;
}
.ui-datepicker .ui-widget-header {
  background: white;
  border: none;
}
.ui-datepicker th {
  font-size: 12px;
  text-transform: capitalize;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  text-align: center;
  background: rgb(234, 231, 254) !important;
  font-weight: normal;
  color: #4b3bc4 !important;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  font-size: 12px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  background: #fff;
  border-radius: 50%;
  border-color: transparent !important;
  padding: 1px 5px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #f59300 !important;
  border-color: #f59300 !important;
  color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background: #4b3bc4 !important;
  border: none !important;
  color: #fff !important;
}

.ui-widget.ui-widget-content {
  border-color: rgba(183, 212, 255, 1) !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.11);
}

.ui-datepicker table {
  border: none;
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 5px;
}

.ui-widget-header .ui-icon {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background: transparent;
  cursor: pointer;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
  background-image: url(/wp-content/uploads/2025/06/arrow-right.svg) !important;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background-image: url(/wp-content/uploads/2025/06/arrow-left-1.svg) !important;
}

.ui-widget-header .ui-datepicker-next.ui-state-hover,
.ui-widget-header .ui-datepicker-prev.ui-state-hover {
  background: transparent;
  border-color: transparent;
}
.ui-datepicker .ui-datepicker-title {
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0px !important;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 0px !important;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 0px !important;
}
.getintouch-outer-wrap .cf-field {
  display: flex;
  flex-direction: column;
  flex: 100%;
  max-width: 100%;
}
.getintouch-outer-wrap {
  padding-left: 24px;
  padding-right: 24px;
}
.wpb-pcf-form-style-true input[type="submit"] {
  width: auto !important;
  margin: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  font-size: 16px;
}
#scheduledate {
  background-image: url("/wp-content/uploads/2025/06/calender-icon.svg") !important;
  background-size: 20px 20px;
  padding-right: 40px;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: 95% !important;
  background-size: 20px 20px !important;
}
.get-in-touch-consent {
  width: 100%;
  margin-bottom: 20px;
  padding: 0px;
  margin-top: 5px;
}
.submit-details{
  font-size: 16px;
  color: #545454;
  /*font-family: "ClashDisplay-Medium", "sans-serif";*/
  /*-webkit-font-smoothing: antialiased;*/
  text-align: left;
  margin-bottom: 15px;
  line-height: 26px;
  font-family: 'Graphik', 'sans-serif';
}
.submit-details strong{
  font-family: "Graphik-Medium","sans-serif";
}
.get-in-touch-consent label {
  display: flex !important;
  gap: 10px !important;
  text-align: left;
}
.get-in-touch-consent span {
  margin: 0px !important;
  font-size: 14px;
  font-weight: normal;
  font-family: "ClashDisplay-Medium";
}
.mob-num-col input.wpcf7-form-control.wpcf7-tel {
  width: 100% !important;
}
/* agentic ai css starts */
.ctabuttons a {
  color: #fff;
  padding: 14px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-block;
  text-align: center;
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 20px;
}
.secondary-test-button {
  border: 1px solid #fff;
}
.ctabuttons {
  display: flex;
  gap: 35px;
  margin-top: 60px;
}
.agentic-cta-video-wrapper {
  position: relative;
  overflow: hidden;
}

.agentic-cta-video-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Overlay */
.agentic-cta-video-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* semi-transparent black */
  z-index: 1;
}
.agentic-cta-section {
  position: relative;
  z-index: 2;
  color: white;
}
.agentic-cta-section h2 {
  font-size: 60px;
  line-height: 80px;
}
.agentic-cta-section p {
  font-family: "Graphik";
  line-height: 1.5;
  font-size: 24px;
  margin-top: 20px;
  max-width: 700px;
}
.agentic-blog-wrapper p {
  margin-bottom: 42px;
  font-family: "Graphik";
  font-size: 20px;
  line-height: 1.3;
  margin-top: 18px;
}
.agentic-blog-wrapper h2 {
  line-height: 1.2;
}
.agentic-blogs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.agentic-blog-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.agentic-blog-card:hover {
  transform: translateY(-5px);
}

.agentic-blog-img img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

.agentic-blog-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.agentic-blog-content h3 {
  font-size: 18px;
  margin-bottom: 26px;
  color: #000;
  margin-top: 0px;
  font-family: "ClashDisplay-Medium";
}

.agentic-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #595959;
}
.agentic-meta a {
  text-decoration: none;
  color: #4b3bc4;
  font-size: 14px;
}
.agentic-subheading {
  font-size: 35px;
}
.agentic-meta a i {
  margin: 0px;
  width: 24px;
  height: 24px;
}
.agentic-faq-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.agentic-faq-left {
  flex: 1;
  min-width: 300px;
  max-width: 500px;
  margin-bottom: 30px;
}

.agentic-faq-left h2 {
  color: #f59301;
  font-size: 60px;
}

.agentic-faq-left p {
  color: #000;
  margin-bottom: 30px;
  font-size: 20px;
  margin-bottom: 40px;
  line-height: 1.5;
  font-family: "Graphik", "sans-serif";
  margin-top: 20px;
}
.agentic-faq-right {
  flex: 1;
  min-width: 300px;
  max-width: 600px;
}
.faq-box {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  cursor: pointer;
}
.faq-box:last-child {
  border-bottom: 1px solid #ccc;
}
.faq-question-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question {
  font-size: 20px;
  color: #000;
  flex: 1;
  font-family: "Graphik-Medium", "sans-serif";
}
.faq-toggle-icon {
  width: 24px;
  height: 24px;
  margin-left: 20px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  color: #000;
  line-height: 1.5;
  font-family: "Graphik", "sans-serif";
  padding-top: 0px;
}
.faq-box.active .faq-answer {
  padding-top: 10px; /* ✅ only when open */
}
.yuj-process .scroll-wrapper {
  overflow-x: hidden;
}
.yuj-process .heading-text {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 50px;
}
.yuj-process .heading-text h2 {
  flex: 1;
}
.yuj-process .heading-text h2 span {
  color: #f59301;
}
.yuj-process .heading-text p {
  flex: 1;
  font-size: 24px;
  line-height: 32px;
}
.yuj-process .sub-heading-text {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
.yuj-process .sub-heading-text h2 {
  font-size: 60px;
  line-height: 65px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 8px;
}
.yuj-process .sub-heading-text span {
  color: #f59301;
}
.yuj-process .sub-heading-text h4 {
  font-size: 48px;
  line-height: 65px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 30px;
}
.yuj-process .sub-heading-text p {
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
}
.yuj-process .process {
  display: flex;
  gap: 56px;
  background: rgba(255, 255, 255, 0.2);
  padding: 20px 30px;
}
.yuj-process .process .data {
  flex: 1;
  position: relative;
}
.yuj-process .process .data::before {
  content: "";
  width: 15px;
  height: 100%;
  display: block;
  background: url("/wp-content/uploads/2025/06/border-right.svg") no-repeat
    center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -40px;
}
.yuj-process .process .data:last-child::before {
  content: none;
}
.yuj-process .process img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.yuj-process .process h5 {
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
}
.yuj-process .process p {
  font-size: 16px;
  font-family: "Graphik";
}
.how-wedo-it .scroll-wrapper {
  overflow-x: hidden; /* By default, no scroll */
}

.how-wedo-it h2 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 50px;
}
.how-wedo-it .process {
  display: flex;
  gap: 56px;
  padding: 20px 30px;
  margin-top: 25px;
}
.how-wedo-it .process .data {
  text-align: center;
  position: relative;
  flex: 1;
}
.how-wedo-it .process img {
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
}
.how-wedo-it .process h5 {
  font-size: 20px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
  max-width: 150px;
  text-align: center;
  margin: 0 auto 12px auto;
}
.how-wedo-it .process p {
  font-size: 16px;
  font-family: "Graphik";
  margin-bottom: 0px;
}
.how-wedo-it .process .data::before {
  content: "";
  width: 15px;
  height: 100%;
  display: block;
  background: url("/wp-content/uploads/2025/06/border-right.svg") no-repeat
    center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -40px;
}
.how-wedo-it .process .data:last-child::before {
  content: none;
}
.design-mind-section p {
  font-size: 20px;
  margin-top: 18px;
  font-family: "Graphik-Medium";
  margin-bottom: 0px;
  line-height: 1.3;
}
.design-mind-section h2 {
  font-size: 46px;
  line-height: 60px;
}
.design-mind-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.design-mind-section .left-section {
  width: 40%;
}
.design-mind-section .right-section {
  width: 58%;
}
.agentic-ai-respond-section {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: space-between;
}
.agentic-ai-respond-section .headingsection {
  width: 60%;
}
.agentic-ai-respond-section .headingsection h2 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 55px;
  font-size: 50px;
}
.agentic-ai-respond-section .headingsection p {
  color: #fff;
  font-family: "Graphik";
  font-size: 24px;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 0px;
}
.agentic-ai-designsection {
  display: flex;
  flex-direction: column;
  /*row-gap: 50px;*/
}

.agentic-ai-designsection .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.agentic-ai-designsection .headingsection {
  max-width: 50%;
}
.agentic-ai-designsection .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold";
  padding-top: 120px;
  font-size: 80px;
  line-height: 96px;
}
.agentic-ai-designsection .headingsection p {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  padding-top: 28px;
  font-family: "Graphik", "sans-serif";
}
/* zoom animation of the image commenting for sometime */
/*.agentic-ai-designsection .graphcontent .grp-img {
  opacity: 0;
  transform: scale(0.9);
}*/
.process-container {
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 60px;
}

.process-flow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.process-step {
  padding: 12px 8px;
  min-width: 130px;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
}

.step-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}

.orange-seperator {
  width: 80px;
  height: auto;
  flex-shrink: 0;
}
.agentic-ai-respond-section .process-step h4 {
  font-family: "ClashDisplay-Regular";
  font-size: 18px;
  line-height: 22px;
}
.agentic-ai-respond-section .graphcontent,
.agentic-ai-designsection .graphcontent {
  display: none;
}
.specialised-agents-wrapper {
  position: relative;
}

.agentic-videocard-section {
  /*height: 100vh;*/ /* Uncomment if you want full viewport height for horizonatal scrolling for video slide for agentic ai*/
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0px !important;
}

.agenticvideo-heading {
  margin-bottom: 0px;
}

.agenticvideo-heading h2 {
  margin: 0px 0px 0px 0px;
}

.agenticvideo-heading p {
  margin-bottom: 45px;
  font-family: "Graphik";
  font-size: 24px;
  line-height: 32px;
  color: #000;
  margin-top: 20px;
}

.agenticvideocards-outer {
  overflow: hidden;
  flex: 1;
  display: flex;
  align-items: center;
}

.agentic-videocards-container {
  display: flex;
  gap: 20px;
  width: max-content;
  /*flex-shrink: 0;*/
  align-items: flex-start;
}

.agentic-videocard {
  position: relative;
  /*width: calc((100vw - 120px) / 3.5);*/ /* enable it when u want horizontal scroll*/
  flex-shrink: 0;
  /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);*/
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 32%;
}
.agentic-videocard .wplightbox {
  display: block;
}
.agentic-videocard .thumbnail-wrapper {
  position: relative;
  width: 100%;
  /*height: 220px;*/ /* enable it when u use the horizontal scrolling */
  height: 100%;
  overflow: hidden;
}

.agentic-videocard img.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
}

.agentic-videocard img.play-icon {
  position: absolute;
  bottom: -2%;
  left: 93%;
  transform: translate(-50%, -50%);
  width: 31px;
  height: 31px;
  z-index: 1;
}

.agentic-videocard .agentic-videocard-text {
  position: absolute;
  bottom: 34px;
  left: 16px;
}

.agentic-videocard .agentic-videocard-text h3 {
  margin: 0 0 8px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
}

.agentic-videocard .agentic-videocard-text p {
  font-size: 14px;
  margin: 0;
  color: #fff;
  font-family: "Graphik";
}
.flipcards-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
.flipcards-wrapper h2 {
  font-size: 60px;
}
.flipcards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
}

.flip-card {
  background-color: transparent;
  width: 434px;
  height: 585px;
  perspective: 1000px;
  position: relative;
  cursor: pointer;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  /* Hover on desktop */
  transform: rotateY(180deg);
}

/* Flip on mobile click */
.flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  /*background: linear-gradient(180deg, #2c2c2c, #1b1b1b);*/
  background: url("/wp-content/uploads/2025/06/Front-flip-bg.webp") no-repeat
    center center;
  background-size: cover;
  backface-visibility: hidden;
  padding: 40px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  border: 1px solid #999;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.flip-card-inner h3 {
  font-size: 50px;
  font-family: "ClashDisplay-Semibold";
  text-align: left;
}
.flip-card-inner h5 {
  margin-bottom: 15px;
  line-height: 1.3;
  font-family: "ClashDisplay-Semibold";
  text-align: left;
  font-size: 26px;
  max-width: 92%;
}
.fliparrow-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
}

.flip-card-back ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  margin-left: 30px;
}

.flip-card-inner .flip-card-back li {
  margin: 0px 0px 18px 0px;
  font-size: 16px;
  position: relative;
  font-family: "Graphik";
  line-height: 1.3;
}
.flip-card-back ul li::after {
  content: "";
  position: absolute;
  left: -31px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/2025/06/star-shine-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
/* agentic ai css ends */
/* qual and quant css starts */
.quant-datapattern-section {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.quant-datapattern-section .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0px;
  padding-bottom: 0px;
  height: 100vh;
  padding-top: 0;
}
.quant-datapattern-section .headingsection {
  max-width: 40%;
}
.quant-datapattern-section .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 78px;
}
.quant-datapattern-section .graphcontent .grp-img {
  padding-top: 138px;
}
.design-backend-data .heading-text h2 {
  font-size: 60px;
  flex: 1;
  line-height: 65px;
  color: #fff;
}
.design-backend-data .heading-text h2 span {
  color: #f59301;
}
.design-backend-data .heading-text p {
  flex: 1;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 0;
  font-family: "Graphik";
  margin-top: 30px;
}
.design-data-wrap {
  padding-top: 80px;
}
.design-data-wrap .data {
  display: flex;
  gap: 40px;
  align-items: center;
  padding: 8px 0px;
  transition: all 0.3s ease-in;
  height: 80px;
}
/*
.design-data-wrap .data:hover {
  padding: 18px 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(64px);
}
.design-data-wrap .data:hover span {
  font-size: 56px;
  color: #7871d5;
  font-family: "ClashDisplay-Bold", "sans-serif";
}
.design-data-wrap .data:hover .description {
  opacity: 1;
}
.design-data-wrap .data:hover h4 {
  font-size: 32px;
  color: #f59301;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.design-data-wrap .data:hover h4::before {
  opacity: 1;
}*/
.design-data-wrap .data span {
  color: rgba(120, 113, 213, 0.6);
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  width: 60px;
  flex-shrink: 0;
  transition: all 0.3s ease-in;
}
.design-data-wrap .data h4 {
  font-size: 28px;
  color: #b9b9b9;
  width: max-content;
  flex-shrink: 0;
  transition: all 0.3s ease-in;
  position: relative;
}
.design-data-wrap .data h4::before {
  content: "";
  width: 144px;
  height: 16px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background: url("/wp-content/uploads/2025/07/text-bottom.svg") no-repeat
    center;
  background-size: contain;
  bottom: -14px;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.design-data-wrap .data .description {
  color: #fff;
  font-family: Graphik;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  opacity: 0;
  line-height: 30px;
  transition: all 0.3s ease-in;
  min-height: 90px;
  visibility: hidden;
  display: flex;
  align-items: center;
}
.research-wrap {
  display: none;
}
.design-without-research h2 {
  font-size: 48px;
  color: #fff;
  position: relative;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.design-without-research h2::before {
  content: "";
  background: url("/wp-content/uploads/2025/06/userQuote.png") no-repeat center;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  background-size: contain;
  left: 0px;
  bottom: 0;
}
.design-without-research h3 {
  font-size: 32px;
  color: #fff;
  margin: 24px 0;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
/* 	 Insights */
.insights-to-impact h2 {
  font-size: 60px;
  flex: 1;
  line-height: 65px;
}
.insights-to-impact .scroll-wrapper {
  overflow-x: hidden;
}
.insight-wrap {
  margin-top: 50px;
  display: flex;
  gap: 40px;
}
.insight-wrap .insight {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.insight-wrap .insight::before {
  content: "";
  width: 15px;
  height: 100%;
  display: block;
  background: url("/wp-content/uploads/2025/07/border-line.png") no-repeat
    center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -28px;
}
.insight-wrap .insight:last-child::before {
  content: none;
}

.insight-wrap .insight img {
  width: 86px;
  height: 86px;
  margin-bottom: 16px;
}
.insight-wrap .insight h4 {
  font-size: 32px;
  color: #f59301;
  margin-bottom: 16px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}

.insight-wrap .insight p {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.research-cost-quote {
  margin: 56px 0;
  border-radius: 10px;
  background: url("/wp-content/uploads/2025/06/quote-banner-small.png")
    no-repeat center;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  padding: 45px 100px;
}
.research-cost-quote h4 {
  font-size: 32px;
  color: #fff;
  position: relative;
}
.research-cost-quote h4::before {
  content: "";
  background: url("/wp-content/uploads/2025/06/userQuote.png") no-repeat center;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  background-size: contain;
  left: -50px;
  bottom: 0;
}

.insights-to-impact .offering-wrap h2 {
  font-size: 44px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  position: relative;
  text-align: left;
  margin: 0;
  color: #000;
}
.offering-wrap .offerings {
  margin-top: 32px;
  display: flex;
  gap: 34px;
}
.offering-wrap .offer {
  border-radius: 16px;
  background: #fff;
  padding: 32px;
  flex: 1;
  box-shadow: 4px 0px 19.665px 0px rgba(176, 172, 204, 0.5);
}
.offering-wrap .offer h4 {
  font-size: 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  color: #4b3bc4;
  position: relative;
  padding-bottom: 40px;
}
.offering-wrap .offer h4::before {
  content: "";
  width: 144px;
  height: 16px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  background: url("/wp-content/uploads/2025/07/text-bottom.svg") no-repeat
    center;
  background-size: contain;
  bottom: 20px;
}
.offering-wrap .offer ul li {
  display: flex;
  column-gap: 12px;
  margin-bottom: 24px;
}
.offering-wrap .offer ul li:last-child {
  margin-bottom: 0;
}
.offering-wrap .offer ul li .dot {
  width: 8px;
  height: 8px;
  background: #4b3bc4;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 7px;
}
.offering-wrap .offer ul li .details h5 {
  font-size: 20px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 4px;
}
.offering-wrap .offer ul li .details p {
  font-size: 18px;
  font-family: "Graphik";
  margin: 0;
}
.consultation {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-top: 48px;
}
.consultation h4 {
  font-size: 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.consultation .popupbtn-wrap {
  margin-top: 0px;
}
.major-win-wrap h2 {
  font-size: 44px;
  color: #fff;
  position: relative;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 32px;
}
.major-win-wrap h3 {
  position: relative;
  font-size: 32px;
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  padding-bottom: 40px;
}
.major-win-wrap h3::before {
  content: "";
  width: 144px;
  height: 16px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  background: url("/wp-content/uploads/2025/07/text-bottom.svg") no-repeat
    center;
  background-size: contain;
  bottom: 20px;
}
/* slider code css start here */
.casestudy-slider-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 30px;
  flex-direction: column;
}

[id^="casestudy-slider-"] .casestudy-slider-wrapper {
  position: relative;
  background: linear-gradient(135deg, #604bff, #ffa825);
  border-radius: 27px;
  padding: 3px;
  overflow: visible;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Animated gradient border effect */
[id^="casestudy-slider-"] .casestudy-slider-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(
    45deg,
    #604bff,
    #ffa825,
    #604bff,
    #ffa825,
    #604bff
  );
  background-size: 300% 300%;
  border-radius: 27px;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  /*animation: gradientShift 3s ease-in-out infinite;*/
  z-index: -1;
}

@keyframes gradientShift {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

[id^="casestudy-slider-"] .casestudy-slider-inner {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

[id^="casestudy-slider-"] .casestudy-slide {
  display: none;
  padding: 20px 50px;
  min-height: 350px;
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(240, 240, 250, 0.95) 100%
  );
  border-radius: 24px;
  overflow: hidden;
}

[id^="casestudy-slider-"] .casestudy-slide.active {
  display: flex;
  align-items: center;
  gap: 50px;
}

.casestudy-slide-content {
  flex: 1;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

.casestudy-slide-content h2 {
  color: #1e1b4b;
  line-height: 1.1;
  font-size: 40px;
  margin-bottom: 0px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}

.casestudy-slide-content p {
  font-size: 18px;
  color: #000;
  line-height: 1.6;
  font-family: "Graphik";
  margin-top: 20px;
}

.casestudy-slide-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.tractor-image {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
  transform: scale(1);
  transition: transform 0.3s ease;
}

[id^="casestudy-slider-"] .casestudy-slide.active .tractor-image {
  animation: slideInRight 0.8s ease-out;
}

@keyframes slideInRight {
  from {
    transform: translateX(50px) scale(0.9);
    opacity: 0;
  }
  to {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}

[id^="casestudy-slider-"] .casestudy-navigation {
  position: relative; /* Change to relative to position it outside the container */
  margin-top: 20px; /* Add spacing between the container and the dots */
  display: flex;
  gap: 12px;
  justify-content: center; /* Center the dots horizontally */
  z-index: 3;
}

[id^="casestudy-slider-"] .casestudy-nav-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
  transition: all 0.3s ease;
}

[id^="casestudy-slider-"] .casestudy-nav-dot.active {
  background: #f59e0b;
  transform: scale(1.2);
}

[id^="casestudy-slider-"] .casestudy-navarrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: #908e94;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 3;
  opacity: 1;
}
[id^="casestudy-slider-"] .casestudy-navarrow img {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
}
[id^="casestudy-slider-"] .casestudy-navarrow.prev {
  left: -30px;
}
.casestudy-navarrow.next:hover {
  background: #5e5e5e;
}
[id^="casestudy-slider-"] .casestudy-navarrow.next {
  right: -30px;
}
.casestudy-navarrow.prev:hover {
  background: #5e5e5e;
}
[id^="casestudy-slider-"] .casestudy-navarrow.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(0.8);
}
/* slider code css ends here */
/* quote slider css start here */
.clientsquote-slide {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  flex-wrap: wrap;
  background: #000;
}
.clientsquote-slide .casestudy-slide {
  background: #000;
}
.clientsquote-slide .casestudy-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clientsquote-slide .casestudy-slide-image {
  position: relative;
  width: 200px;
  height: 230px;
  flex-shrink: 0;
  flex: none;
}
.clientsquote-slide .casestudy-slide-content {
  max-width: 800px;
  position: relative;
  color: #fff;
}
.clientsquote-slide .userquote-icon {
  position: absolute;
  top: -35px;
  left: 2px;
  width: 80px;
}
.clientsquote-slide .userquote-text {
  font-size: 24px;
  line-height: 1.3;
  font-family: "ClashDisplay-Regular", "sans-serif";
  color: #fff;
  margin-bottom: 0px;
  margin-top: 0px;
}
.clientsquote-slide .userquote-author {
  margin-top: 20px;
}
.clientsquote-slide .userquote-author h3 {
  margin: 0px 0px 6px;
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  padding-bottom: 0px;
}
.clientsquote-slide .userquote-author h3:before {
  content: none;
}
.clientsquote-slide .userquote-author p {
  margin: 5px 0 0;
  font-size: 1rem;
  color: #fff;
}
/* quote slider css ends here */
/* qual and quant css ends */

/* design language system css start */
.dls-section {
  display: flex;
  overflow: hidden;
  gap: 50px;
}
.dls-section .bannersection::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 204px; /* Adjust height as needed */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  z-index: 2;
  pointer-events: none;
}

.dls-section .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0px;
  padding-top: 0;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.dls-section .headingsection {
  max-width: 55%;
}
.dls-section .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.dls-section .headingsection h3 {
  color: #fff;
  padding-top: 40px;
  font-size: 22px;
}
.dls-section .headingsection h3 span {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 30px;
}
.dls-section .graphcontent {
  width: 40%;
}

.dls-section .headingsection p {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  padding-top: 28px;
  font-family: "Graphik", "sans-serif";
  padding-top: 36px;
}

.dls-section p {
  margin-bottom: 40px;
  font-family: "Graphik";
  line-height: 1.5;
  font-size: 20px;
}
.design-debt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 550px;
  flex-direction: column;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.design-debt h2 {
  font-size: 42px;
  margin-bottom: 16px;
  color: #000;
}
.design-debt p {
  font-size: 20px;
  color: #000;
  font-family: Graphik;
  line-height: 30px;
  margin-bottom: 40px;
}
.design-debt .design-stat {
  border-radius: 10px;
  background: #fff;
  padding: 20px 16px;
  box-shadow:
    0px 5px 17.8px 0px rgba(245, 147, 1, 0.1) inset,
    5px 6px 7px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  max-width: 230px;
  opacity: 0;
  transform: translateY(100px);
}
.design-debt .design-stat h3 {
  font-size: 40px;
  color: #f59301;
  margin-bottom: 8px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.design-debt .design-stat p {
  font-size: 16px;
  color: #595959;
  line-height: 26px;
  font-family: "Graphik";
  margin-bottom: 0px;
}
.design-debt .design-stat {
  position: absolute;
}
.design-debt .design-stat:nth-child(4) {
  left: -322px;
  top: 50px;
}
.design-debt .design-stat:nth-child(5) {
  left: -365px;
  bottom: 50px;
}
.design-debt .design-stat:nth-child(6) {
  right: -322px;
  top: 50px;
}
.design-debt .design-stat:nth-child(7) {
  right: -365px;
  bottom: 50px;
}
.design-debt .design-stat::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  background: #4b3bc4;
  border-radius: 50%;
}
.design-debt .design-stat:nth-child(4)::before,
.design-debt .design-stat:nth-child(5)::before {
  left: -5px;
  top: -5px;
}
.design-debt .design-stat:nth-child(6)::before,
.design-debt .design-stat:nth-child(7)::before {
  right: -5px;
  top: -5px;
}
.design-debtbg-img.active {
  background: url("/wp-content/uploads/2025/07/dls-bg-active-img.png") no-repeat
    center center !important;
  background-size: cover !important;
}
.mobile-scrollable-design-stat {
  display: none;
}
.desktop-scrollable-design-stat {
  display: block;
}
#dls-secondary-btn .orangebg-btn-secondary {
  /*background:#F59301 !important;*/
  opacity: 0;
  transform: translateY(100px);
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 14px 24px;
  width: 308px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-block;
  text-align: center;
  font-family: "ClashDisplay-Medium";
}
.dls-wrap h2 {
  font-size: 60px;
  line-height: 76px;
  color: #fff;
}
.ai-powered-dls {
  display: flex;
  gap: 32px;
  margin-top: 70px;
}
.ai-powered-dls .dls {
  flex: 1;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(64px);
}
.ai-powered-dls .dls .content {
  padding: 36px;
}
.ai-powered-dls .dls ul li {
  font-size: 18px;
  color: #fff;
  font-family: Graphik;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
  line-height: 26px;
}
.ai-powered-dls .dls ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  left: -10px;
  background: url("/wp-content/uploads/2025/06/star-shine-icon.png") no-repeat
    center;
  background-size: contain;
  top: 5px;
}
.ai-powered-dls .dls .top-section {
  padding: 36px 10px 32px 50px;
  background: url("/wp-content/uploads/2025/07/net.png") no-repeat center;
  background-size: cover;
  border-radius: 10px 10px 40px 40px;
  box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.8);
  background-position: bottom center;
}
.ai-powered-dls .dls .top-section.days-30 {
  background-color: #664f60;
}
.ai-powered-dls .dls .top-section.days-60 {
  background-color: #585c40;
}
.ai-powered-dls .dls .top-section.days-90 {
  background-color: #606475;
}
.ai-powered-dls .dls .top-section.days-30 span {
  background: #4f364b;
  color: #f090c8;
}
.ai-powered-dls .dls .top-section.days-60 span {
  background: #474b30;
  color: #abbe49;
}
.ai-powered-dls .dls .top-section.days-90 span {
  background: #3a4659;
  color: #93b4ec;
}
.ai-powered-dls .dls .top-section span {
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  display: inline-block;
}
.ai-powered-dls .dls .top-section h3 {
  font-size: 28px;
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  position: relative;
  display: flex;
}
.ai-powered-dls .dls .top-section h3::before {
  content: "";
  width: 2px;
  height: 20px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 6px;
}
.ai-powered-dls .dls .top-section.days-30 h3::before {
  background: #f090c8;
}
.ai-powered-dls .dls .top-section.days-60 h3::before {
  background: #6e9f5c;
}
.ai-powered-dls .dls .top-section.days-90 h3::before {
  background: #afcdff;
}
/* 	impact - stories */
.impact-stories h2 {
  font-size: 60px;
  margin-bottom: 20px;
}
.impact-stories h2 span {
  color: #f59301;
}
.impact-stories h3 {
  font-size: 42px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.impact-stories h3 span {
  color: #f59301;
}
.impact-stories h3 span.purple {
  color: #4b3bc4;
}
.before-after-wrap {
  margin-top: 120px;
  margin-bottom: 56px;
  display: flex;
  gap: 32px;
}
.before-after-wrap .before-wrap,
.before-after-wrap .after-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}
.before-after-wrap .after-wrap .after {
  border: none;
  padding-top: 38px;
}

.before-after-wrap .before-wrap .shield-img,
.before-after-wrap .after-wrap .shield-img {
  margin-top: -120px;
  margin-bottom: 20px;
}
.before-after-wrap .before-wrap {
  background: linear-gradient(180deg, #d6d3cd 0%, #fff 109.84%);
}
.before-after-wrap .after-wrap {
  border-radius: 21px;
  background: #fff;
  box-shadow: 2px 4px 29px 6px rgba(162, 162, 162, 0.25);
}
.before-after-wrap .before-wrap h5,
.before-after-wrap .after-wrap h5 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #4a4843;
  font-family: "Graphik-medium";
  font-weight: 600;
  text-transform: uppercase;
}
.before-after-wrap .after-wrap h5 {
  color: #4b3bc4;
  font-size: 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.before-after-wrap .before,
.before-after-wrap .after {
  display: grid;
  /*     grid-template-columns: repeat(3, 1fr); */
  grid-template-columns: 30% 40% 30%;
  row-gap: 30px;
  border-top: 1px solid #4a4843;
  padding-top: 16px;
}
.before-after-wrap .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.before-after-wrap .wrap .custom-height {
  height: 80px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.before-after-wrap .wrap .custom-height h6 {
  margin-bottom: 0px;
}
.before-after-wrap .wrap span {
  font-family: "Graphik";
  font-size: 16px;
  text-align: center;
  color: #595959;
}
.before-after-wrap .wrap img {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
}
.before-after-wrap .wrap .static-img {
  width: 42px;
  height: 80px;
}
.before-after-wrap .wrap h6 {
  font-size: 32px;
  margin-bottom: 8px;
  font-family: "Graphik";
  color: #595959;
}
.before-after-wrap .wrap h5 {
  color: #f59301;
  font-size: 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
}
.before-after-wrap .after .wrap span {
  font-size: 16px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  color: #000;
}
.before-after-wrap .after-wrap .shield-img {
  margin-bottom: 4px;
}
.before-after-wrap .after-wrap h5 {
  margin-bottom: 10px;
}
.lottie-responsive {
  width: 100%;
  max-width: 450px;
  /*aspect-ratio: 1 / 1;*/
  margin: 0 auto;
}
/* design language system css ends */

/* design teams page css starts */
.design-team {
  display: flex;
  overflow: hidden;
  gap: 50px;
}
.design-team .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0px;
  padding-top: 0;
  height: 100vh;
}
.design-team .headingsection {
  max-width: 50%;
}
.design-team .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  position: relative;
}
/*
.design-team .headingsection h1::after {
content:'';
width:16px;
height:16px;
margin-left:10px;
border-radius:50%;
background:#F59301;
display:inline-block;
position:absolute;
bottom:10px;
}*/
.design-team .headingsection h3 {
  color: #fff;
  padding-top: 40px;
  font-size: 22px;
}
.design-team .headingsection h3 span {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 30px;
}
.design-team .headingsection p {
  margin: 24px 0 0 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-family: "Graphik";
}
.design-team .graphcontent {
  width: 40%;
  align-self: flex-end;
}
.hidden-gap h2 {
  font-size: 50px;
  color: #fff;
}
.hidden-gap h2 span {
  color: #f59301;
}
.hidden-gap p {
  font-size: 24px;
  color: #b9b9b9;
  font-family: "Graphik";
  line-height: 32px;
}
.spotlight-wrap {
  margin-top: 60px;
  display: flex;
  align-items: flex-end;
}
.spotlight-wrap .person {
  width: 32px;
  height: 80px;
  display: block;
  background: url("/wp-content/uploads/2025/07/user-img.svg") no-repeat center;
  background-size: contain;
  flex: 1;
}
.spotlight-wrap .person.spotlight {
  width: 68px;
  height: 94px;
  background: url("/wp-content/uploads/2025/07/user-spotlight1.svg") no-repeat
    center;
  background-size: contain;
  position: relative;
  min-width: 140px;
}
.spotlight-wrap .person.spotlight .spotlight-from-top {
  content: "";
  width: 200px;
  height: 0px;
  display: block;
  position: absolute;
  background: url("/wp-content/uploads/2025/07/spotlight1.png") no-repeat center;
  background-size: cover;
  top: -290px;
  margin-left: -30px;
  opacity: 0;
}
.text-slider-section {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.text-slider-section h3 {
  font-size: 40px;
  color: #fff;
  font-family: "Caveat", "cursive";
  margin-bottom: 40px;
}
.text-slider-section p {
  color: #b9b9b9;
  font-family: Graphik;
  font-size: 24px;
  line-height: 32px;
}
.enterprise-wrap h2 {
  font-size: 48px;
  color: #000;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
}
.enterprise-wrap h2 span {
  color: #f59301;
}
.enterprise-wrap .wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.enterprise-wrap .wrap .left-section {
  width: 52%;
}
.enterprise-wrap .wrap .left-section h5 {
  font-size: 24px;
  font-family: "Graphik-medium";
  margin-top: 22px;
}
/* new css start 25 sept 25 */
.enterprise-wrap .right-section .text-wrap{
  border-radius: 12px;
  background: rgba(225, 221, 255, 0.15);
  padding:30px;
  margin-bottom:0px;
  box-shadow: none;
}
.enterprise-wrap .right-section .text-wrap p{
  font-size:38px;
  color:#4B3BC4;
  font-family: "Graphik";
  font-style:italic;
  line-height:50px;
  margin-bottom:0;
}
.capabilities-wrap{
  margin-top:80px;
}
.capabilities-wrap .capabilities{
  display:flex;
  row-gap:50px;
  flex-wrap:wrap;
}
.capabilities-wrap .capabilities div{
  display:flex;
  align-items:center;
  width:25%;
  gap:20px;
}
.capabilities-wrap .capabilities div span{
  font-size:24px;
  line-height:30px;
}
/* enterprise model css starts */
.enggaement-consult {
  justify-content: center;
}
/* Wrapper for scrollable behavior */
.engagement-model-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE & Edge */
  scrollbar-width: none; /* Firefox */
  margin-top: 46px;
}
.engagement-model-table-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.engagement-model-comparison-table {
  width: 100%;
  border-collapse: collapse; /* remove double borders */
  margin: 0 auto;
 /* min-width: 900px; *//* ensures scroll on mobile */
  table-layout: fixed;
}

.engagement-model-comparison-table th,
.engagement-model-comparison-table td {
  padding: 14px 16px;
  text-align: left;
  font-size: 15px;
  vertical-align: top;
  /*border: 1px solid #ddd;*/
}

/* Header */
.engagement-model-comparison-table th {
  font-weight: bold;
  text-align: center;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  text-transform: capitalize;
  font-size: 20px;
  border-right: 2px solid rgb(255, 207, 222);
  border-left: 2px solid rgb(255, 207, 222);
  border-top: 2px solid rgb(255, 207, 222);
  background: rgba(255, 244, 248, 1);
  vertical-align: middle;
}
.engagement-model-comparison-table th:first-child{
  font-size: 26px;
  text-align: center !important;
  border-right: 2px solid rgb(199, 197, 255);
  border-left: 2px solid rgb(199, 197, 255);
  border-top: 2px solid rgb(199, 197, 255);
}
.engagement-model-comparison-table td{
  font-family: "Graphik", "sans-serif";
  vertical-align: middle;
}
.engagement-model-comparison-table td:first-child{
  font-family: "Graphik-Semibold", "sans-serif";
  width: 280px;
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
  padding-left: 30px;
  border-right: 2px solid rgb(199, 197, 255);
  border-left: 2px solid rgb(199, 197, 255);
}
/* Left column (features) */
.engagement-model-comparison-table td:first-child,
.engagement-model-comparison-table th:first-child {
  background: #f9f5fc;
  font-weight: bold;
  text-align: left;
}

/* Other columns */
.engagement-model-comparison-table td:not(:first-child) {
  background: #fefcfc;
  border-right: 2px solid rgb(255, 207, 222);
  padding-left: 30px;
}
.lchild td:first-child {
  border-bottom: 2px solid rgb(199, 197, 255);
}
.lchild td {
  border-bottom: 2px solid rgb(255, 207, 222);
}
/* Alternating row colors */
.engagement-model-comparison-table
  tbody
  tr:nth-child(even)
  td:first-child {
  background: rgba(239, 238, 255, 1);
}
.engagement-model-comparison-table
  tbody
  tr:nth-child(even)
  td:not(:first-child) {
  background: rgba(255, 244, 248, 1);
}
.engagement-model-comparison-table .feature {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  line-height: 1.5;
  color: #4a5568;
}
.engagement-model-comparison-table .feature-icon {
  margin-top: 2px;
  flex-shrink: 0;
}
.engagement-model-comparison-table .feature-text {
  flex: 1;
}
/* star icon styling */
.engagement-model-comparison-table .star {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
}
/* enterprise model css ends */

/* new css ends 25 sept 25 */
.enterprise-wrap .wrap .left-section ul li {
  margin-top: 28px;
  font-size: 20px;
  font-family: "Graphik";
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 25px;
}
.enterprise-wrap .wrap .left-section ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: url("/wp-content/uploads/2025/07/arrow-green.svg") no-repeat
    center;
  background-size: contain;
}
.enterprise-wrap .wrap .left-section h3 {
  color: #4b3bc4;
  font-size: 42px;
  margin-top: 20px;
}
.enterprise-wrap .wrap .right-section {
  flex-shrink: 0;
  flex: 1;
  /*padding: 24px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: -9px 8px 50px rgba(167, 162, 209, 0.2);
  */
  background:none;
	box-shadow:none;
	border-radius: 10px;
  display:flex;
  align-items: center;
}
.enterprise-wrap .wrap .tools {
  margin-top: 20px;
  display:flex;
  gap: 30px;
}
.capabilities-wrap .tools{
  margin-bottom: 50px;
  margin-top: 30px;
  display:flex;
  gap: 30px;
}
.enterprise-wrap .wrap .tools .tool, .capabilities-wrap .tools .tool{
  display: flex;
  gap: 14px;
  align-items: center;
}
.enterprise-wrap .wrap .tools .tool span, .capabilities-wrap .tools .tool span{
  font-size: 24px;
}
.culture-upgrade h3 {
  font-size: 32px;
  color: #4b3bc4;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 6px;
}
.culture-upgrade h2 {
  font-size: 50px;
}
.culture-upgrade h2 span {
  color: #f59301;
}
.culture-upgrade-wrap {
  margin-top: 56px;
  display: grid;
  /*grid-template-columns:31% 31% 31%;*/
  gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
}
.culture-upgrade-wrap h4 {
  font-size: 24px;
  line-height: normal;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
}
.culture-upgrade-wrap img {
  height: 80px;
}
.culture-upgrade-wrap p {
  font-family: "Graphik";
  font-size: 16px;
  line-height: 24px;
}
.product-strategy-section01 {
  display: flex;
  flex-direction: column;
}
.userquote-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  flex-wrap: wrap;
}
.userquote-img-wrapper {
  position: relative;
  width: 200px;
  height: 230px;
  flex-shrink: 0;
}
.userquote-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.userquote-content {
  max-width: 800px;
  position: relative;
  color: #fff;
}
.userquote-icon {
  position: absolute;
  top: -55px;
  left: 2px;
  width: 80px;
}
.userquote-text {
  font-size: 24px;
  line-height: 1.3;
  font-family: "ClashDisplay-Regular", "sans-serif";
}
.userquote-author {
  margin-top: 20px;
}
.userquote-author h3 {
  margin: 0px 0px 6px;
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.userquote-author p {
  margin: 5px 0 0;
  font-size: 1rem;
}
.userquote-text .highlight {
  font-weight: bold;
}
.agentic-cta-section h3 {
  font-size: 50px;
  line-height: 60px;
  max-width: 800px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.testimonial-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.testimonial-card {
  background: url("/wp-content/uploads/2025/06/testimonial-bg.webp") no-repeat
    center center;
  background-size: cover;
  color: #fff;
  border-radius: 20px;
  padding: 24px;
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 46px 30px 30px;
}
.trating {
  margin-bottom: 30px;
  display: flex;
  font-family: "ClashDisplay-Semibold";
}
.testimonial-card p {
  font-family: "Graphik", sans-serif;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.tposition {
  margin-bottom: 5px;
  font-family: "Caveat", "cursive";
  font-size: 24px;
}
#casestudy-slider-3 .casestudy-slider-wrapper::before {
  content: none;
}
#casestudy-slider-3 .casestudy-slider-wrapper {
  background: none;
}
#casestudy-slider-3 .casestudy-slide {
  padding: 0px;
}
#casestudy-slider-3 {
  margin-bottom: 45px;
}
.testimonial-card-wrapper {
  padding: 3px;
  background: linear-gradient(135deg, #604bff, #ffa825);
  border-radius: 21px;
  display: inline-block;
}
/* content slider code start */
section.stakeholder-slider-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}

.stakeholder-slider-container {
  text-align: left;
}

.stakeholder-slide {
  display: none;
  opacity: 0;
  transition: opacity 0.8s ease;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.4;
}

.stakeholder-slide.active {
  display: block;
  opacity: 1;
}
.stakeholder-dots {
  margin-top: 20px;
}
.stakeholder-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: gray;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.stakeholder-dot.active {
  background-color: orange;
  width: 35px;
  height: 12px;
  border-radius: 5px;
}
#stakeholder-slider h2 {
  font-size: 42px;
  line-height: 50px;
}
/* content slider code ends */
/* logo slider code start */
.client-server-logos-container {
  margin-top: 80px;
}
.design-teams-logos .logoslider-Container {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.design-teams-logos .logoslider-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease-in-out;
  touch-action: pan-y;
}

.design-teams-logos .logoslide {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px 20px;
  min-width: 100%;
  justify-items: center;
  align-items: center;
  padding: 20px 0;
}

.design-teams-logos .logoslide img {
  max-width: 220px;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.design-teams-logos .logoslide img:hover {
  filter: grayscale(0%);
}

.design-teams-logos .logosdots {
  text-align: center;
  margin-top: 15px;
}

.design-teams-logos .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #aaa;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.design-teams-logos .dot.active {
  background: orange;
  width: 35px;
  height: 12px;
  border-radius: 5px;
}

.major-win-wrap .success-stories-slider,
.major-win-wrap .testimonials-slider {
  margin: -30px;
}
.designTeams h4 {
  font-family: "Graphik";
  font-size: 20px;
  color: #b9b9b9;
  margin-bottom: 50px;
}
.designTeams h2 {
  margin-bottom: 15px;
}
.designTeams .success-stories {
  margin-bottom: 50px;
}
.designTeams .testimonials {
  margin-bottom: 0px;
}
.major-win-wrap .testimonials {
  margin-bottom: 50px;
}
#casestudy-slider-3 p {
  font-size: 18px;
}
#casestudy-slider-3 .testimonial-card {
  padding: 36px 40px 30px;
}
/* logo slider code ends */
.getintouch-outer-wrap .cf-field textarea.wpcf7-form-control {
  width: 100%;
}
/* design teams page css ends */

/* US specific css code for show and hide the div start */
#forIndia {
  display: block;
}
#footerIndia{
  display:block;
}
#footerUS{
  display:none;
}
#forUSA {
  display: none;
}
.usprice-tag {
  display: none;
}
.uscitizen #forUSA {
  display: block;
}
.uscitizen #forIndia {
  display: none;
}
.uscitizen #footerUS {
  display: block;
}
.uscitizen #footerIndia {
  display: none;
}
.uscitizen .usprice-tag {
  display: flex !important;
}
.uscitizen .price-tag {
  display: none;
}
body:not(.uscitizen) select#comppackage option[value*="$"] {
  display: none;
}
/* 16 sept 2025 css code start */
#IndianFarmer, #IndiadesignImpact{
  display:flex;
}
 #USFarmer, #USdesignImpact{
   display: none;
 }
 .uscitizen #USFarmer, .uscitizen #USdesignImpact{
   display: flex;
 }
 .uscitizen #IndianFarmer, .uscitizen #IndiadesignImpact{
  display:none;
}
 /* 16 sept 2025 css code ends */
 /* contact us page for us and india specific code start */
#uscontactform{
  display:none;
}
.uscitizen #uscontactform{
  display:flex;
}
.uscitizen #indiacontactform{
  display:none;
}
#indiacontactform{
  display:flex;
}
.us-address-row h3 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 20px;
  font-size: 30px;
}
.us-address-row .address-item h4{
  font-size:26px;
}
.us-address-row .address-item p{
  font-size:20px;
  line-height: 26px;
}
.us-address-row .addChild img {
  vertical-align: baseline;
}
.uscitizen .map-col img{
  width:85%;
}
.uscitizen .usconFlex1 .cf-field, .uscitizen .usconFlex1{
  width:100%;
}
/* contact us page for us and india specific code ends */

/* US specific css code ends */
/* uxplorer25 page css start */
.hackathon-flow {
  color: #ffffff;
  line-height: 1.6;
}
.hackathon-flow p {
  color: #fff;
  margin-bottom: 40px;
  margin-top: 42px;
  margin-bottom: 70px;
  font-size: 26px;
  line-height: 36px;
}
.uxpHeadingGradient {
  font-size: 54px;
  font-family: "Tektur", sans-serif;
  background: linear-gradient(90deg, #00ffb4 -0.01%, #ff7300 137.22%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.08px;
}
.uxpParagraphContent {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  margin-bottom: 72px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.hackathon-flow .flow {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 50px;
  margin-bottom: 40px;
}
.hackathon-flow .flow:last-child {
  margin-bottom: 0px;
}
.uxpseparator {
  width: 1px;
  height: 100%;
  align-self: flex-start;
}

.hackathon-flow .day-block {
  flex: 1 1 45%;
  min-width: 280px;
}

.hackathon-flow .day-title {
  color: #00ffb4;
  font-family: "Tektur", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.hackathon-flow .day-date {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: "Tektur", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin-top: 10px;
  background: linear-gradient(90deg, #00ffb4 0.01%, #ffa41b 106.8%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hackathon-flow .event {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}

.hackathon-flow .event-title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  font-family: "Space Grotesk", sans-serif;
}

.hackathon-flow .event-time {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  font-family: "Space Grotesk", sans-serif;
}
.uxplorer-design-challenge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.uxplorer-banner-left-section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 375px;
}

.uxplorer-banner-left-section img {
  max-width: 100%;
  height: 100%;
  transform: scale(1.5);
  object-fit: cover;
  object-position: 20px 0px;
}

.uxplorer-banner-right-section {
  padding: 0px 5px;
  flex: 1;
}
.uxptopseparator {
  width: 2px;
  height: 350px;
  align-self: center;
}
.uxptopseparator img {
  height: 100%;
}
.uxplorer-banner-right-section .uxplorer-banner-text {
  font-family: "Space Grotesk", sans-serif;
  color: #fff;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 22px;
}

.uxplorer-banner-right-section .uxplorer-banner-text span {
  color: #00ffb4;
  font-weight: 500;
}

.uxplorer-banner-right-section .uxplorer-register {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  font-family: "Space Grotesk", sans-serif;
  background: linear-gradient(90deg, #00ffb4 0%, #ffa41b 136.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}

.uxplorer-banner-right-section .uxplorer-register span {
  color: #00ffb4;
}

.uxplorer-banner-right-section .uxplorer-button {
  display: flex;
  width: 230px;
  padding: 19px 40px 20px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: Tektur;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  background: transparent;
  background-clip: border-box;
  background-clip: padding-box;
}
.uxplorer-banner-right-section .uxplorer-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 100px;
  background: linear-gradient(90deg, #02ffb4, #ffa41b);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
.uxplorer-banner-right-section .uxplorer-button:hover {
  background: transparent;
  color: #fff;
}
.challenge-format {
  color: #fff;
}
.challenge-format p {
  margin-bottom: 60px;
  margin-top: 42px;
}

.challenge-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: space-between;
  height: 100%;
}
.challenge-flex .uxpseparator {
  width: 1px;
  height: 275px;
  align-self: flex-start;
}
.challenge-flex .uxpseparator img {
  height: 100%;
}
.challenge-section {
  flex: 1;
  min-width: 300px;
}

.challenge-section h3 {
  color: #00ffb4;
  margin-bottom: 30px;
  font-family: "Tektur", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.uxp-vertical-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.your-challenge .uxp-vertical-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 25px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.challenge-flex .uxp-vertical-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 25px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.uxp-vertical-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 25px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.uxp-vertical-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 1px;
  height: 19px;
  background-image: url("/wp-content/uploads/2025/07/small-grap-sep.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.uxp-vertical-list li span {
  color: #00ffd8;
  font-weight: 500;
}
#overviewContent {
  margin-top: -240px;
}
.overview-format p {
  margin-bottom: 32px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.overview-format {
  color: #fff;
}
.overview-format span {
  color: #00ffb4;
}
.overview-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 42px;
}
.overview-section {
  flex: 1;
  min-width: 300px;
}
.what-will-solve-section {
  color: #fff;
}

.what-will-solve-section p {
  margin-bottom: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin-top: 42px;
}
.what-will-solve-section h3 {
  color: #00ffb4;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  font-family: "Tektur", sans-serif;
  margin-bottom: 30px;
}
.your-challenge {
  max-width: 900px;
}
.solve-section {
  margin-top: 60px;
}
.solve-section h5 {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  margin-top: 24px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.solve-section .statistics-box:not(:last-child)::after {
  content: none;
}
.your-challenge .uxp-vertical-list {
  max-width: 80%;
}
.store-for-you-section {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.store-opportunity {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.store-text {
  width: 75%;
}
.store-text h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 64px;
  line-height: 74px;
  margin-bottom: 30px;
  font-weight: 700;
  margin-top: 64px;
  max-width: 800px;
}
.store-text p {
  font-family: "Space Grotesk", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  max-width: 650px;
}
.store-text p span {
  color: #00ffb4;
}
.store-image {
  width: 25%;
}

.store-image img {
  width: 100%;
  height: auto;
  max-width: 550px;
}

.store-facility {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 120px;
}

.store-box {
  flex: 1 1 220px;
  min-width: 220px;
  text-align: center;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative;
}

.store-box img {
  max-width: 75px;
  height: auto;
  margin-bottom: 0px;
}

.store-box h3 {
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 12px;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
}
.store-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 120px;
  background: url("/wp-content/uploads/2025/07/seperatlor-lein9.svg") no-repeat
    center;
  background-size: auto;
  background-size: contain;
}
.main-jury-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 100px;
  margin-top: 42px;
}

.main-jury-card {
  overflow: hidden;
  /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
  text-align: center;
}

.main-jury-card img {
  width: 370px;
  height: auto;
  border-radius: 12px;
}

.main-jury-name {
  color: #00ffb4;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
  margin: 20px 0px 10px 0px;
}

.main-jury-role {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Space Grotesk", sans-serif;
}
.submission-container {
  display: flex;
  flex-direction: column;
  padding-right: 80px;
}

.submission-text {
  font-family: "Space Grotesk", sans-serif;
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  margin-top: 50px;
}

.submission-highlight {
  font-family: "Space Grotesk", sans-serif;
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
}
.submission-section h3 {
  color: #00ffb4;
  font-family: "Tektur", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 40px;
}
.submission-section p {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
  color: #fff;
}
.submission-section h5 {
  background: linear-gradient(90deg, #00ffb4 0.01%, #ffa41b 47.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
}
.submission-heading {
  font-size: 54px;
  font-family: "Tektur", sans-serif;
  background: linear-gradient(90deg, #00ffb4 -0.01%, #ff7300 137.22%);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: 0px;
}
.submission-sublist {
  list-style: disc;
  margin-left: 50px;
}
.submission-column .submission-sublist li {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
  color: #fff;
  list-style: disc;
}
.submission-column p {
  padding-left: 25px;
}
.submission-video-flex {
  display: flex;
  gap: 50px;
}

.submission-video-column {
  width: 41%;
}
.submission-video-flex .uxpseparator img {
  height: 320px;
}
.submission-list {
  list-style: number;
  color: #fff;
  margin-left: 25px;
  max-width: 600px;
}
.submission-section .submission-list li {
  margin-bottom: 20px;
  list-style: number;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
}
.submission-video-column h4 {
  margin-top: 14px;
}
.submission-column {
  margin-bottom: 40px;
  width: 70%;
}
.submission-footer {
  font-family: "Space Grotesk", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
}
.submission-footer a {
  color: #00ffb4;
}
.footerqueries {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.milestones-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.milestone-title {
  font-size: 54px;
  font-family: "Tektur", sans-serif;
  background: linear-gradient(90deg, #00ffb4 -0.01%, #ff7300 137.22%);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: 0px;
}

.milestone-title span {
  color: #ffc861;
}
.milestones-left {
  width: 100%;
}
.milestone-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 50px;
  width: 65%;
}

.milestones-left .milestone-list li {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(90deg, #ffa41b 0%, #00ffb4 100%);
  border-image-slice: 1;
  border-width: 1px;
  color: #fff;
  font-family: "Space Grotesk";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.milestone-list li span {
  color: #ffffff;
}

.milestone-list li strong {
  color: #00f2cb;
}
.milestone-list li:last-child {
  border-bottom: 0px;
}
.evaluation-heading {
  font-size: 54px;
  font-family: "Tektur", sans-serif;
  background: linear-gradient(90deg, #00ffb4 -0.01%, #ff7300 137.22%);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: 30px;
}
.evaluation-text {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-top: 42px;
}
.criteria-grid {
  /*display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 80px;
  padding: 70px 0px 0px 0px;
  row-gap: 50px;*/
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  padding: 70px 0px 0px;
}
.criteria-box {
  width: calc(33.33% - 40px);
  box-sizing: border-box;
  background: transparent;
  padding: 0px;
}
.criteria-box img {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
}

.criteria-title {
  margin-bottom: 12px;
  background: linear-gradient(90deg, #00ffb4 0.01%, #ffa41b 103.63%);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

.criteria-description {
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  color: rgb(255, 255, 255);
}
.choosetools-heading {
  background: linear-gradient(90deg, #00ffb4 0%, #ff7300 127.82%);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Tektur", sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 74px;
  letter-spacing: 1.08px;
  text-transform: capitalize;
  max-width: 900px;
  margin-bottom: 50px;
}
.tool-row {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.tools-description {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 42px;
  width: 70%;
}
.tools-vertical-list {
  list-style: none;
  padding: 0;
  padding-left: 0px;
  margin: 0;
}
.tools-description .tools-vertical-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 36px;
  font-family: "Space Grotesk", sans-serif;
}
.tools-vertical-list li span {
  background: linear-gradient(90deg, #00ffb4 0.01%, #ffa41b 9.47%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tools-vertical-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 1px;
  height: 17px;
  background-image: url("/wp-content/uploads/2025/07/small-grap-sep.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.terms-heading {
  background: linear-gradient(90deg, #00ffb4 0%, #ff7300 127.82%);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 50px;
  font-family: Tektur;
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 74px;
  letter-spacing: 1.08px;
  text-transform: capitalize;
  font-family: "Tektur", sans-serif;
}
.terms-vertical-list {
  list-style: none;
  padding: 0;
  padding-left: 0px;
  margin: 0;
  margin-top: 42px;
  width: 65%;
}
.terms-conditions-container .terms-vertical-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 16px;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 16px;
}
.terms-vertical-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 19px;
  background-image: url("/wp-content/uploads/2025/07/small-grap-sep.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.terms-vertical-list li a {
  color: #00ffb4;
}
.page-id-15818 {
  background: url(/wp-content/uploads/2025/07/uxplorer-25-bg-scaled.webp) center
    center;
  background-repeat: repeat;
  background-size: cover;
}
.page-id-15818 #custom_html-15 {
  display: none;
}
#uxplorerTopImg {
  padding-top: 150px;
}
#displayfordesktop {
  display: block;
}
#displayforMobile {
  display: none;
}
/* uxplorer 2025 css start */
.winner2025 {
  text-align: center;
  color:#fff;
}
.winner2025 .winners-list-row {
  justify-content: space-evenly;
}
/* uxplorer 2025 css ends */
/* uxplorer page css ends */

/* competitor page subscription package form start */
/* 	popup */
.competitor-package-subscribe-form .radiobtns-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}
.competitor-package-subscribe-form .radiobtns-input-group:last-child {
  margin-bottom: 0px;
}
.competitor-package-subscribe-form .comp-urls-field .radiobtns-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}

.competitor-package-subscribe-form .radiobtns-input-group .wpcf7-radio {
  display: flex;
  gap: 20px;
  align-items: center;
}
.radiobtns-input-group
  span.wpcf7-form-control-wrap
  span.wpcf7-form-control.wpcf7-radio
  span.wpcf7-list-item {
  margin-top: 0px !important;
}
.competitor-package-subscribe-form input[type="url"] {
  border: 1px solid #ece9e7 !important;
  border-radius: 6px !important;
  background: #fff !important;
}
.competitor-package-subscribe-form .radiobtns-input-group input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  left: 0;
  top: 0;
  cursor: pointer;
}
.competitor-package-subscribe-form .wpcf7-list-item {
  position: relative;
  margin: 0px;
}
.competitor-package-subscribe-form
  .radiobtns-input-group
  .wpcf7-list-item-label {
  color: #000;
  font-size: 14px;
  padding: 7px 22px;
  border-radius: 24px;
  font-family: "ClashDisplay-Regular";
  text-align: left;
}
.competitor-package-subscribe-form
  .wpcf7-list-item.first
  .wpcf7-list-item-label {
  background: #c3f0dd;
}
.competitor-package-subscribe-form
  .wpcf7-list-item.last
  .wpcf7-list-item-label {
  background: #ffdacc;
}
.competitor-package-subscribe-form
  .competitors-field
  .wpcf7-list-item
  .wpcf7-list-item-label {
  margin-top: 0px;
}
.competitor-package-subscribe-form
  .radiobtns-input-group
  .wpcf7-list-item.first
  input[type="radio"]:checked
  + span {
  background: #66c69c;
}
.competitor-package-subscribe-form
  .radiobtns-input-group
  .wpcf7-list-item.last
  input[type="radio"]:checked
  + span {
  background: #ee835a;
}
.competitor-package-subscribe-form.form-group {
  margin-top: 0px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr; /* Creates two columns */
  column-gap: 20px;
}
.competitor-package-subscribe-form label.cfield__label {
  margin-bottom: 10px;
  text-align: left;
}
.cfield_radiolabel {
  font-size: 16px;
  line-height: normal;
  font-family: "ClashDisplay-Medium";
  color: #545454;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}
.competitor-package-subscribe-form
  div.conFlex
  div
  > span.wpcf7-form-control-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
}
.competitors-field
  div.radiobtns-input-group
  span.wpcf7-form-control-wrap
  span.wpcf7-form-control.wpcf7-radio {
  margin-top: 0px;
}
.comp-urls-field .radiobtns-input-group span:first-child {
  width: 200px;
}
.competitors-field .radiobtns-input-group label {
  width: 100%;
  font-family: "Graphik";
}
.competitors-field .cfield__label {
  text-align: left;
  font-size: 16px;
  font-family: "ClashDisplay-Medium";
  margin-bottom: 10px;
}
.competitor-package-subscribe-form.conFlex {
  gap: 40px;
}
.competitor-package-subscribe-form h2 {
  font-size: 26px;
  text-align: left;
  color: #000;
  margin-bottom: 40px;
}
.competitors-field span.wpcf7-list-item.first label {
  display: block !important;
}
.comp-urls-field .cfield__label {
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "ClashDisplay-Medium", "sans-serif";
  font-weight: 600;
  display: flex;
  gap: 5px;
  align-items: center;
}
select#comppackage1,
select.comppackage {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/wp-content/uploads/2025/06/orange-arrow-bottomv.svg)
    no-repeat right 15px center;
  background-size: 2.5%;
  padding: 10px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ece9e7 !important;
}
select#comppackage2,
select.comppackage {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/wp-content/uploads/2025/06/orange-arrow-bottomv.svg)
    no-repeat right 15px center;
  background-size: 2.5%;
  padding: 10px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ece9e7 !important;
}
select#comppackage3,
select.comppackage {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/wp-content/uploads/2025/06/orange-arrow-bottomv.svg)
    no-repeat right 15px center;
  background-size: 2.5%;
  padding: 10px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ece9e7 !important;
}
.onegrp {
  flex: 1;
}
.pricing-grid .popupbtn-wrap.competitor-sub-btn {
  margin-top: 20px;
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  right: 0;
}
.pricing-grid .popupbtn-wrap.competitor-sub-btn button {
  margin: 0 auto;
  padding: 0px;
  width: auto;
  background: none !important;
  color: #4b3bc4 !important;
  border: 0px;
  border-radius: 0px;
}
.competitor-download-report-section .popupbtn-wrap button {
  border: 2px solid #4b3bc4 !important;
  background: none !important;
  color: #4b3bc4 !important;
}
#mobgoals {
  display: none;
}
#deskgoals {
  display: flex;
}
.competitoraccess-success-message,
.competitoradvantage-success-message,
.competitoredge-success-message {
  width: 80%;
  margin: 0 auto;
}
.wpb-pcf-btn-loading:before {
  content: "";
  flex-shrink: 0;
}
.pricing-grid .popupbtn-wrap.competitor-sub-btn .wpb-pcf-btn-loading:before {
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-top-color: #4b3bc4;
}
.competitor-download-report-section .popupbtn-wrap .wpb-pcf-btn-loading:before {
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-top-color: #4b3bc4;
}
.requiredStarFlex {
  display: inline-flex !important;
  margin-left: 5px;
  margin-top: 0px;
  position: relative;
  top: 5px;
  color: red;
}
/* Competitor page subscription package form ends*/

/* yuj dna page css start */
/*.yujdna-faq-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}*/

.yujdna-faq-left {
  flex: 1;
  min-width: 300px;
  max-width: 550px;
}
.yujdna-faq-section h2 {
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: 'ClashDisplay-Medium' !important;
  text-align: center;
  margin: 0 auto;
}
/*
.yujdna-faq-left h2 {
    background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'ClashDisplay-Regular';
}
*/
.yujFAQs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:95px;
  margin-top: 40px;
}
.yujdna-faq-left p {
  margin-top: 16px;
  font-family: 'Graphik';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: #B9B9B9;
}
.yujdna-faq-right {
  flex: 1;
  min-width: 300px;
  max-width: 550px;
}
.yujdna-faq-box {
  padding: 30px;
  cursor: pointer;
  position: relative;
}
/*
.yujdna-faq-box:last-child {
  border-bottom: 0px solid #ccc;
}*/
.yujdna-faq-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(/wp-content/uploads/2025/07/faq-border-btm.svg) no-repeat center bottom;
  background-size: cover;
  pointer-events: none;
}
/*
.yujdna-faq-box:last-child:after{
  content: none;
}*/
.yujdna-faq-question-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.yujdna-faq-question {
  font-size: 20px;
  color: #fff;
  flex: 1;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Graphik-Medium", "sans-serif";
  max-width: 80%;
}
.yujdna-faq-toggle-icon {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.yujdna-faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  color: #fff;
  line-height: 26px;
  font-family: "Graphik", "sans-serif";
  padding-top: 0px;
  font-size: 18px;
}
.yujdna-faq-box.active .yujdna-faq-answer {
  padding-top: 10px; /* ✅ only when open */
}
.yuj-dna-video .wplightbox{
  display: block;
}
.yujdnavideo-icon {
  background: url(/wp-content/uploads/2025/07/yuj-dna-play-icon.png) no-repeat center center/cover;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  left: 50%;
  top: 63%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.yuj-dna-video .wplightbox:hover .yujdnavideo-icon {
  transform: translate(-50%, -50%) scale(1.2);
}
.yuj-dna-testimonial {
  position: relative;
  /*margin-top: 90px;
  margin-bottom: 60px;*/
  margin-top: 0px;
  margin-bottom: 0px;
}
.yuj-dna-testimonial-wrapper h2{
  font-size: 60px;
  line-height: 56px;
  font-family: 'ClashDisplay-Medium' !important;
  position: relative;
  background:linear-gradient(180deg, #FFF 0%, #F59301 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
.yuj-dna-testimonial-wrapper p{
  color: #E6E6E6;
text-align: center;
font-family: 'Graphik';
font-size: 24px;
line-height: 40px; /* 166.667% */
margin-top: 20px;
}
.yujdna-testimonial-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 92%;
  margin: 0 auto;
}

.yujdna-arrow-left,
.yujdna-arrow-right {
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  padding: 5px 5px 5px 5px !important;
}
.yujdna-arrow-left {
  left: -65px;
  z-index: 1;
}
.yujdna-arrow-right {
  right: -65px;
}
.yujdna-arrow-left img,
.yujdna-arrow-right img {
  width: 32px;
  height: 32px;
}

.yujdna-track-viewport {
  overflow: hidden;
  flex: 1;
  position: relative;
}

.yujdna-testimonial-track {
  display: flex;
  gap: 16px;
  transition: transform 0.5s ease;
  will-change: transform;
}

.yujdna-testimonial-card {
  flex: 0 0 100%;
  padding: 0px;
  box-sizing: border-box;
}

.yujdna-testimonial-inner {
  background: url("/wp-content/uploads/2025/09/testimonial-bg01.webp")
    no-repeat center center;
  background-size: contain;
  padding: 100px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 330px;
}

.yujdna-testimonial-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
}

.yujdna-testimonial-image {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
}

.yujdna-testimonial-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yujdna-testimonial-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  color: #fff;
  margin-bottom: 4px;
}

.yujdna-testimonial-role {
  color: #E6E6E6;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.yujdna-testimonial-text {
  font-family: 'Graphik';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
color:#E6E6E6;
}
.yujdna-testimonial-wrapper button:hover {
  background: transparent;
}
.yuj-dna-list{
  list-style: disc;
  margin-left: 20px;
}
.yuj-dna-list li {
  list-style: disc;
  color: #fff;
  line-height: 26px;
  color: #fff;
  list-style: disc;
}
.dna-section-1 {
  display: flex;
  flex-direction: column;
  padding-top:80px;
  align-items: center;
  position: relative;
  z-index: 2;
  color: white;
}
.dna-section-1 .headingsection {
  width: 100%;
  text-align: center;
}
.dna-section-1 .yuj-dna-img-transform {
  width: 100%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 150px;
  background: linear-gradient(100deg, #00000098, #66666603);
  background: -webkit-linear-gradient(100deg, #00000098, #66666603);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  padding: 40px 0 110px 0px;
  border-radius: 22px;
}
.yuj-dna-img-transform::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(0deg, #000, #66666650);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: add, add;
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
.pg-detail-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  flex: 1 1 220px;
  min-width: 220px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.pg-detail-list:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 170px;
  background: url("/wp-content/uploads/2025/08/pseudo.svg") no-repeat center;
    background-size: auto;
  background-size: contain;
}
.pg-detail-list p {
  margin: 0px;
  font-size: 16px;
  color: #E6E6E6;
  font-family: 'graphik';
  text-align: center;
}
.dna-section-1 .headingsection h5{
font-size:26px;
font-family: 'Graphik';
margin-bottom:5px;
background: linear-gradient(180deg, #FFF 0%, #786CD3 132.86%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 35px;
}
.dna-section-1 .headingsection h1, .dna-section-1 .headingsection h2 {
  font-family: 'ClashDisplay-Medium';
  font-size:60px;
  line-height:70px;
  margin-bottom: 30px;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dna-section-1 .headingsection h1 span{
  font-size:56px;
  font-family: 'ClashDisplay-Regular';
  display:block;
}	
.dna-section-1 .headingsection p {
  font-size: 32px;
  line-height: 42px;
  color: #E6E6E6;
  font-family: 'Graphik';
  margin-bottom: 0px;
  text-align: center;
}
.dna-section-1 .headingsection h4{
color: #E6E6E6;
font-family: 'Graphik';
font-size: 30px;
line-height: 38px;
margin-bottom: 48px;
margin-top: 5px;
}
.click-to-video .wplightbox img {
  /*width: 18px;
  height: 18px;*/
  width: 30px;
  height: 28px;
}
.click-to-video .wplightbox.test-button{
  display: flex;
  align-items: center;
  gap: 11px;
  /*border: 1px solid #4D2F8C;*/
  width: auto;
  /*background: linear-gradient(180deg, rgba(60, 8, 126, 0.00) 0%, rgba(60, 8, 126, 0.32) 100%), rgba(113, 47, 255, 0.12);
  box-shadow: 0 0 12px 0 rgba(191, 151, 255, 0.24) inset;*/
}
.ctabuttons {
  display: flex;
  gap: 35px;
  margin-top: 40px;
}
.dna-section-1 .ctabuttons{
  justify-content: center;
  margin-top: 45px;
}
.page-id-22594{
  background: url(/wp-content/uploads/2025/07/yuj-DNA-body-bg-min-scaled.webp);
  background-size: cover;
  background-position: top center;
}
/* 	Why designers */
.why-designers{
  display:flex;
  align-items:center;
  gap:60px;
}
.why-designers .img-wrap{
  width:325px;
  flex-shrink:0;
}
.why-designers .details h2{
  background: linear-gradient(185deg, #FF7173 28.73%, #FF3B30 121.58%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'ClashDisplay-Regular';
  font-size:60px;
  line-height:normal;
  margin-bottom:16px;
}
.why-designers .details p{
  font-size: 24px;
  line-height: 40px;
  color: #B9B9B9;
  font-family: 'Graphik';
  margin-bottom:16px;
}
.why-designers .details h4{
  color:#F59301;
  font-size:32px;
  line-height:56px;
}
/*  dna program	 */
.dna-program{
  text-align:center;
}
.dna-program > h2{
  font-size:60px;
  line-height:65px;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'ClashDisplay-Medium' !important;
  margin-bottom:0px;
}
.dna-program > p{
     font-size: 24px;
    line-height: 40px;
    color: #E6E6E6;
    font-family: 'Graphik';
    max-width:80%;
    margin:0 auto;
    margin-top: 30px;
}
.built-by-yuj .info-wrap {
  display:flex;
  justify-content:space-between;
  padding-bottom:60px;
}
.built-by-yuj .info-wrap.row1{
  width:90%;
  margin:0 auto;
}
.built-by-yuj .info-wrap.row2{
  padding-bottom:0px;
}
.built-by-yuj .info-wrap.row3{
  justify-content:center;
  padding-bottom:0;
}
.built-by-yuj .info-wrap.row3 .info{
  width:auto;
}
.built-by-yuj .info-wrap.row3 h3{
  font-size:60px;
  font-family: 'ClashDisplay-Light';
  letter-spacing:2.8px;
  line-height:72px;
  color:#D6D6D6;
  position:relative;
}
.built-by-yuj .info-wrap.row3 h3::after{
  content:'';
  width:12px;
  height:12px;
  border-radius:50%;
  background:#F59301;
  position:absolute;
  right:auto;
  bottom:10px;
  margin-left:4px;
}
.built-by-yuj .info-wrap .info{
  width:40%;
  padding:0 30px;
}
.built-by-yuj .info-wrap .info h4{
  font-size:36px;
  background: linear-gradient(180deg, #FFF 23.89%, #8A7DE9 90.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.built-by-yuj .info-wrap .info p{
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-family: 'Graphik-Regular';
  margin-bottom: 0px;
}
.built-top .info-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.built-top .info-wrap .info {
  width: 30%;
  padding: 0 30px;
}
.built-top .info-wrap .info h4 {
  font-size: 36px;
  background: linear-gradient(180deg, #FFF 23.89%, #8A7DE9 90.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.built-top .info-wrap .info p {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-family: 'Graphik-Regular';
  margin-bottom: 0px;
}
.built-top {
  margin-bottom: 50px;
}
.built-bg{
  background: url('/wp-content/uploads/2025/08/yuj-dna-logo-new.webp') no-repeat;
  background-position: center 100px;
  background-size: 70%;
  padding-top: 57px;
  height: 900px;
}
/* 	built-for-you  */
.built-for-you {
  text-align:center;
}
.built-for-you h3{
  font-size:34px;
  line-height:normal;
  font-family: 'ClashDisplay-Regular';
   margin-bottom:24px;
  color:#fff;
}
.built-for-you h2{
  font-size:60px;
  line-height:normal;
  font-family: 'ClashDisplay-Light' !important;
  background: linear-gradient(180deg, #F2F2F2 8.03%, #8173E5 120.38%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position:relative;
}
.program-wrap{
  display:flex;
  gap:20px;
}
.program-wrap .detail{
  background:url('/wp-content/uploads/2025/07/dna-vertical.png') no-repeat, url('/wp-content/uploads/2025/07/dots.png')no-repeat;
/* 		background-position: -40px 0;
  background-size:contain; */
  background-size: 70%, 90%;
  background-position: -10px 0px, 100px bottom;
  position:relative;
  text-align:left;
  flex:1;
}
.program-wrap .detail::after{
  content:'';
  width:2px;
  height:100%;
  display:block;
  background:url('/wp-content/uploads/2025/07/dna-seprator.png') no-repeat center center;
  position: absolute;
  right: -12px;
  top: 0;
}
.program-wrap .detail:last-child::after{
  content:none;
}
.program-wrap .detail .img-wrap.img-pos img{
  position:relative;
  top:-12px
}
.program-wrap .detail .img-wrap{
  width:178px;
  height:300px;
  flex-shrink:0;
}
.program-wrap .detail .top-sec{
  margin-bottom:60px;
}
.program-wrap .detail .top-sec .img-wrap{
  padding-right:20px;
}
.program-wrap .detail .top-sec, 	.program-wrap .detail .bottom-sec{
  display:flex;
  gap:0px;
  align-items:center;
}
.program-wrap .detail h5{
  color:#fff;
  font-size:24px;
  margin-bottom:16px;
  text-transform:uppercase;
  font-family:"Caveat", "cursive";
}
.program-wrap .detail .bottom-sec h5{
  background: linear-gradient(180deg, #FDEBD0 0%, #F7AA36 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.program-wrap .detail p{
  color:#D2D2D2;
  font-family: 'Graphik';
  font-size:16px;
  margin-bottom:0;
  font-style: italic;
}
/*  ends */
/* dna course	 */
.dna-course{
  text-align:center;
}
.dna-course img{
  margin-top:-40px;
}
.dna-course h4{
  font-size:60px;
  background: linear-gradient(180deg, #FFF 0%, #8A7DE9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:normal;
  max-width: 90%;
  margin: 0 auto;
  font-family: 'ClashDisplay-Light';
}
.dna-course h3{
  margin-top:-140px;
  font-size:46px;
  line-height:66px;
  font-family: 'ClashDisplay-Light';
  background: linear-gradient(180deg, #F2F2F2 8.03%, #8173E5 120.38%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position:relative;
}
.dna-course h3::after{
  content:'';
  width:12px;
  height:12px;
  border-radius:50%;
  background:#F59301;
  position:absolute;
  right:auto;
  bottom:18px;
  margin-left:8px;
}
/* dna course ends */
/* 	transformation */
.transformation h2{
  font-size:60px;
  font-family: 'ClashDisplay-Medium' !important;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align:center;
  line-height: 56px;
}
.transformation-wrap{
  margin-top: 86px;
}
.transformation-wrap, .custom-gradient-bg{
  display: flex;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(88 70 226 / 23%) 0.02%, rgb(62 11 69 / 57%) 30.84%, rgba(0, 0, 0, 0.60) 70.45%);
  background-clip: border-box;
  background-clip: padding-box;
  display:flex;
}
.transformation-wrap{
  padding: 40px 50px;
  gap:40px;
  flex-direction: column;
}
.transformation-wrap::before, .custom-gradient-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(180deg, #5757CB 0.02%, #EEEEEE 30.84%, #23234C 70.45%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
.transformation-wrap .right-sec img{
  margin-bottom:0px;
}
.transformation-wrap .right-sec h3{
  font-size: 40px;
  line-height: normal;
  margin-bottom: 34px;
  color:#fff;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'ClashDisplay-Medium';
  text-align: center;
}
.transformation-wrap .left-sec{
  width:100%;
  display: flex;
  gap: 50px;
}
.transformation-wrap .left-sec .plus-img {
  width: 40px;
  align-self: center;
}
.transformation-wrap .left-sec .plus-img img {
  margin: 22px 0;
  width: 100%;
  
}
.right-sec .gainContent {
  display: flex;
  justify-content: space-between;
  gap:120px;
}
.right-sec .gainContent .gainlist{
  flex:1;
}
.contentL, .contentR{
  flex:1;
}
.transformation-wrap .right-sec{
  width:100%;
  position: relative;
  /*padding: 36px 60px 50px 60px;
  background: rgba(0, 0, 0, 0.40);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(15px);
  align-self:flex-start;*/
}
/*
.transformation-wrap .right-sec::before{
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(180deg, #5757CB 0.02%, #EEEEEE 30.84%, #23234C 70.45%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
  */
.transformation-wrap .left-sec h3{
  font-size:46px;
  line-height:46px;
  margin-bottom:10px;
  letter-spacing:4.25px;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'ClashDisplay-Medium';
}
.transformation-wrap .left-sec .duration h3{
  font-size: 28px;
  text-transform:uppercase;
  line-height: 46px;
  margin-bottom: 12px;
}
.transformation-wrap .right-sec ul li{
  font-size:18px;
  font-family: 'Graphik';
  line-height:26px;
  color:#fff;
  position:relative;
  display:flex;
  gap:14px;
  margin-bottom:20px;
}
.transformation-wrap .right-sec ul li:last-child {
  margin-bottom: 0px;
}
.transformation-wrap .right-sec ul li::before{
  content:'';
  width:6px;
  height:20px;
  background: url('/wp-content/uploads/2025/08/yellow-gradient-circle.svg') no-repeat;;
  /*background:url('/wp-content/uploads/2025/07/dna-icon.svg') no-repeat;*/
  background-size:contain;
  display:block;
  flex-shrink:0;
  margin-top:10px;
}
.transformation-wrap .left-sec h4{
  font-size:43px;
  line-height:46px;
  margin-bottom:4px;
  font-family: 'ClashDisplay-Light';
  color:#fff;
}
.transformation-wrap .left-sec h5{
  font-size:18px;
  line-height:30px;
  margin-bottom:15px;
  color:#F59301;
  font-family: 'ClashDisplay-Regular';
}
.transformation-wrap .left-sec p{
  font-size:18px;
  line-height:30px;
  margin-bottom:4px;
  color:#fff;
  font-family: 'Graphik';
  text-align:left;
  margin: 0px;
  max-width:100%;
}
.transformation-wrap .left-sec > img{
  margin:22px 0;
}
/*
.downloadbrochure .download-icon::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/wp-content/uploads/2025/08/download-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}
.wpb-pcf-btn-loading.download-icon::before{
  content: none;
}*/
.downloadbrochure {
  border: 2px solid #fff;
  background: none;
  color: #fff;
  width: 308px;
  font-size: 20px;
  padding: 14px 30px 14px 34px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 85px;
  font-family: "ClashDisplay-Medium";
}
.downloadbrochure .wpb-pcf-btn.wpb-pcf-btn-large {
  background: transparent !important;
  font-size: 20px;
  padding: 0px;
}
.contentL h3 span, .contentR h3 span{
  font-size: 18px;
  line-height: 46px;
  letter-spacing: 2.7px;
}
.contentL h3 span sup, .contentR h3 span sup {
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.transformation-wrap .duration {
  padding-top: 30px;
  /*margin-top:50px;*/
  position:relative;
  display: flex;
  gap:120px;
}
.transformation-wrap .duration::before{
  content:'';
  height:1px;
  width:100%;
  display:block;
  position:absolute;
  top:0;
  background:url('/wp-content/uploads/2025/08/graident-purple-smallline.png') no-repeat;
  background-position: center center;
}
.transformation-wrap .duration img{
  margin-bottom:8px;
}
.transformation-wrap .duration .programcost h4{
  font-size:24px;
  font-family: 'ClashDisplay-Regular';
  color:#fff;
  line-height:30px;
}
.transformation-wrap .programdetail h4{
  font-size: 32px;
  line-height: 46px;
  /*letter-spacing: 6px;*/
  font-family: "ClashDisplay-Semibold";
  color:#fff;
  margin-bottom: 0px;
}
.transformation-wrap .programdetail h5{
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0px;
  font-family: "ClashDisplay-Medium";
  color: #fff;
  margin-bottom: 20px;
}
.transformation-wrap .programdetail h6{
  font-family: 'Graphik';
font-size: 18px;
line-height: 30px;
color:#fff;
}
.transformation-wrap .programdetail h3{
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
  line-height: 46px; /* 164.286% */
  letter-spacing: 4.2px;
  text-transform: uppercase;
  font-family: "ClashDisplay-Medium";
}
.transformation-wrap .programdetail h4 span{
  color:#F59301;
}
.transformation-wrap .programdetail p{
  color:#fff;
  line-height:30px;
  font-size:18px;
  margin-bottom: 19px;
  font-family: 'Graphik';
}
.transformation-wrap .programdetail p strong{
  font-family: 'ClashDisplay-Medium';
  margin-bottom:10px;
  display:inline-block;
}
.transformation-wrap .program-fee{
  position:relative;
  margin-top:0px;
  padding-top:10px;
}
.programdetail, .programcost{
  flex:1;
}
.downloadbrochure.popupbtn-wrap.comp-secondary-popup-btn {
  margin-top: 100px;
}
.transformation-wrap .program-fee h4{
  font-size:24px;
  color:#fff;
  font-family: 'ClashDisplay-Medium';
  margin-bottom:20px;
}
.transformation-wrap .program-fee .fees{
  display:flex;
  align-items: flex-start;
  gap: 15px;
  justify-content: flex-start;
  flex-direction: column;
}
.feescontent {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
}
.transformation-wrap .program-fee .fees h2{
  font-size:40px;
  line-height:44px;
  background: linear-gradient(178deg, #FFF 33.85%, #F59301 101.37%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-family: 'ClashDisplay-SemiBold';
  text-align:left;
  margin:0;
}
.transformation-wrap .program-fee .fees span{
    color:#FFF;
    font-size:18px;
    font-family: 'Graphik';
    line-height: 26px;
}
.transformation-wrap .duration .buttons-group{
  margin-top:30px;
  display:flex;
  gap:24px;
}
.transformation-wrap .duration .buttons-group .comp-popup-btn{
  margin-top: 0px;
}
.dna-section-1 .comp-popup-btn, .ready-to-lead .popupbtn-wrap, .built-by-yuj .comp-popup-btn{
  margin-top: 0px;
}
.popupbtn-wrap.comp-secondary-popup-btn {
  margin-top: 0px;
}
.comp-secondary-popup-btn button{
  border: 2px solid #fff !important;
  background: none !important;
  color: #fff !important;
}
.comp-secondary-popup-btn button:hover{
  background: none !important;
}
.comp-secondary-popup-btn button:focus{
  background: none !important;
}
.transformation-wrap .offers{
  /*color: #fff;*/
  margin-top: 20px;
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  font-family: 'Graphik';
}
.corporate-package{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:32px;
  margin-top:40px;
  background: rgba(66, 52, 126, 0.30);
  backdrop-filter: blur(20px);
}
.corporate-package .popupbtn-wrap{
  margin-top: 0px;
}
.corporate-package .corporate{
  flex:1
}
.corporate-package h3{
  font-size:32px;
  letter-spacing: 4.8px;
  line-height:46px;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #F59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom:10px;
}
.corporate-package p{
  text-align:left;
  margin:0;
  font-size:16px;
  line-height:24px;
  font-family: 'Graphik-Regular' !important;
  color:#fff;
}
/* transformation ends */

/* Inside the Learning Flow	 */

.learning-flow h2{
  font-size:60px;
  line-height:90px;
  text-align:center;
  font-family: 'ClashDisplay-Medium' !important;
  background: linear-gradient(180deg, #FFF 0%, #F59301 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.learning-flow .popupbtn-wrap button, .gain-wrap .popupbtn-wrap button{
  text-align: center;
  margin: 0 auto;
}
.flow-wrap{
  display:flex;
  gap:60px;
  margin-top:60px;
}
.flow-wrap .program{
  flex:1;
  position:relative;
  padding-right:25px;
}
.flow-wrap .program:last-child::before{
  content:none;
}
.flow-wrap .program::before{
  content:'';
  width:22px;
  height:100%;
  display:block;
  position:absolute;
  right:-34px;
  top:0;
  background:url(/wp-content/uploads/2025/07/border-with-arrow.svg) no-repeat center;
  background-size: contain;
}
.flow-wrap .program h4{
  font-size:30px;
  color:#fff;
  margin-bottom:20px;
  line-height: 34px;
  font-family: "ClashDisplay-Medium";
}
.flow-wrap .program p{
  font-size:16px;
  line-height:30px;
  color: #fff;
  font-family: 'Graphik-Regular';
}
.learning-flow .buttons{
  margin-top:40px;
  display:flex;
  justify-content:center;
}

/* 	Inside the Learning Flow ends */

/* 	 what u will Gain */
.gain-wrap h2{
  font-size:60px;
  line-height:normal;
  font-family: 'ClashDisplay-Light' !important;
  background: linear-gradient(186deg, #FFF 7.96%, #4B3BC4 98.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align:center;
}
.gain-box-wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:60px;
  margin-top:80px;
  margin-bottom:64px;
}
.gain-box{
  padding:38px 24px;
  flex-direction:column;
  background:linear-gradient(180deg, rgba(75, 59, 196, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  backdrop-filter: blur(30px);
}
.gain-box h3{
  font-size:82px;
  line-height:66px;
  font-family: 'ClashDisplay-Light';
  background:linear-gradient(358deg, rgba(69, 69, 69, 0.00) 5.61%, #F59301 87.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gain-box h4{
  font-size:30px;
  line-height:38px;
  text-align:center;
  color:#fff;
  font-family: 'ClashDisplay-Regular';
  margin-bottom:26px;
  margin-top:-18px;
}
  .gain-box p{
  font-size:18px;
  line-height:30px;
  text-align:center;
  color:#fff;
  font-family: 'Graphik-Regular';
  margin-bottom:0;
}
.ready-to-lead{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.ready-to-lead h4{
  font-size:30px;
  font-family: 'ClashDisplay-Medium';
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #F59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom:30px;
}
/* what u will Gain ends */

/* mentorship program start */
.mentorship{
  text-align:center;
}
.mentorship > h4{
  font-size:36px;
  color:#fff;
}
.mentorship h2{
  font-size:60px;
  line-height:normal;
  color:#fff;
  font-family: "ClashDisplay-Medium", "sans-serif" !important;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #F59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mentorship > p{
  font-size:30px;
  line-height:46px;
  color:#fff;
  font-family: "ClashDisplay-Light", "sans-serif";
  max-width:68%;
  margin:0 auto;
}
.mentorship > h6{
  font-size:28px;
  color:#fff;
  line-height:40px;
  margin-top:24px;
  font-family: 'Graphik';
}
.mentors-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  height:600px;
  gap:20px;
  background:url('/wp-content/uploads/2025/07/dna-img.png') no-repeat center;
  background-size:contain;
  margin-top:30px;
}
.mentors-wrap .center-img{
  background:#000;
  border-radius:50%;
}
.mentors-wrap .center-img img{
  width:250px;
}
.left-imgs{
  justify-content:flex-end;
}
.left-imgs .user, .right-imgs .user{
  position:relative;
}
.left-imgs .user .designation, 	.right-imgs .user .designation{
  position: absolute;
  bottom: -50px;
  background: #4B3BC4;
  text-align: left;
  padding: 10px;
  color: #fff;
  left: 40%;
  width: max-content;
  opacity:0;
  transition:all 0.3s ease;
  z-index:5;
}
.left-imgs .user:hover .designation, 	.right-imgs .user:hover .designation{
  opacity:1;
  bottom: -40px;
}
.left-imgs .user .designation h5, 	.right-imgs .user .designation h5{
  font-size:12px;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #F59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.left-imgs .user .designation p, 	.right-imgs .user .designation p{
  font-size:10px;
  margin-bottom:0;
}
.left-imgs .user:nth-child(1){
  top: 200px;
  left: -180px;
}
.left-imgs .user:nth-child(2){
  top: 110px;
  left: -90px;
}
.left-imgs .user:nth-child(3){
  top:140px;
  left:30px;
}
.right-imgs{
  justify-content:flex-start;
}
.right-imgs .user:nth-child(1){
  top:-50px;
}
.right-imgs .user:nth-child(2){
  top:-200px;
  left:-50px;
}
.right-imgs .user:nth-child(3){
  top:-190px;
}
.left-imgs, .right-imgs{
  display:flex;
  align-items:center;
  flex:1;
}
.mentors-wrap .center-img{
  position:relative;
}
.mentors-wrap .center-img::before{
  content:'';
  width:455px;
  height:455px;
  border-radius:50%;
  display:block;
  position:absolute;
  left:-140px;
  top:-100px;
  z-index:1;
  background: radial-gradient(71.46% 71.78% at 50% 50%, #141413 42.66%, rgba(20, 20, 19, 0.00) 73.11%);
}
.mentors-wrap .right-imgs .user, .mentors-wrap .left-imgs .user{
  position:relative;
  z-index:2;
}
.mentors-wrap .right-imgs .user::before, .mentors-wrap .left-imgs .user::before{
  content:'';
  width:150;
  height:150px;
  border-radius:50%;
  display:block;
  position:absolute;
  left:-10px;
  top:-10px;
  z-index:1;
  background: radial-gradient(71.46% 71.78% at 50% 50%, #141413 42.66%, rgba(20, 20, 19, 0.00) 73.11%);
}
.mentors-wrap .center-img .details{
  position:absolute;
  top:58px;
  left:-20px;
  z-index:3;
}
.mentors-wrap img{
  position:relative;
  z-index:2;
}
.mentors-wrap .right-imgs .user:hover, .mentors-wrap .left-imgs .user:hover{
    z-index:4;
}
.mentors-wrap .center-img h4{
  font-size:28px;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #F59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:normal;
  margin-bottom:4px;
  text-align:left;
}
.mentors-wrap .center-img p{
  font-size:14px;
  color:#fff;
  text-align:left;
}
.left-imgs img, .right-imgs img{
  position:relative;
}
/* mentorship program ends */
.page-id-22594 #custom_html-15{
  display: none;
}
.buttons-group.justify-content-center{
  justify-content:center;
}
.ctabuttons.justify-content-center{
  justify-content: center;
}	
/* yuj dna corporate package form css start */
.corporate-package-form .radiobtns-input-group .wpcf7-radio{
  display: flex;
  gap: 20px;
  align-items: center;
}
.corporate-package-form .radiobtns-input-group span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-radio {
  margin-top: 0px;
}
.corporate-package-form div.conFlex div > span.wpcf7-form-control-wrap {
  margin-top: 0px;
  margin-bottom: 15px;
}
.corporate-package-form .radiobtns-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 0px;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.corporate-package-form .cf-field {
  margin-bottom: 0px;
}
.corporate-package-form .wpcf7-checkbox{
  display: flex !important;
  gap: 20px;
  align-items: flex-start;
  margin-top: 5px !important;
}
.corporate-package-form label.cfield__label{
  margin-bottom: 10px;
}
.corporate-package-form .wpcf7-checkbox span.wpcf7-list-item{
  display: flex !important;
}
.corporate-package-form h2 {
  font-size: 18px;
  text-align: left;
  color: #000;
  margin-bottom: 24px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  line-height: 26px;
}
.yuj-dna-brochure h2{
  font-size: 20px;
  text-align: left;
  color: #000;
  margin-bottom: 15px;
  line-height: 26px;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.yuj-dna-brochure p{
  font-size: 16px;
  font-family: 'Graphik';
  line-height: 26px;
  text-align: left;
  margin-bottom: 25px;
}
.custom-checkbox-style .cfield_radiolabel {
  text-align: left;
  color: #545454;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}
.custom-checkbox-style span.wpcf7-list-item label{
  gap: 10px;
  display: flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  font-family: "ClashDisplay-Medium", "sans-serif";
}
.custom-checkbox-style {
  margin-top: -5px;
  margin-bottom: 5px;
}
.corporate-package-form span.wpcf7-list-item.first label {
  display: flex !important;
}
.corporate-package-form .radiobtns-input-group input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  left: 0;
  top: 0;
  cursor: pointer;
}
.corporate-package-form .custom-checkbox-style .wpcf7-list-item .wpcf7-list-item-label {
  display: inline-flex;
  margin-top: 0px;
}
.corporate-package-form .radiobtns-input-group .wpcf7-list-item .wpcf7-list-item-label {
  background: #C3F0DD;
  display: inline-flex;
  margin-top: 5px;
}
.corporate-package-form .radiobtns-input-group .wpcf7-list-item-label {
  color: #000;
  font-size: 14px;
  padding: 7px 22px;
  border-radius: 24px;
  font-family: 'ClashDisplay-Regular';
  text-align: left;
}
.corporate-package-form .wpcf7-list-item{
  position: relative;
  margin: 0px;
}
.corporate-package-form .radiobtns-input-group .wpcf7-list-item input[type="radio"]:checked + span{
  background:#66C69C;
}
.yuj-register-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.yuj-register-content p{
  font-size: 16px;
  line-height: 26px;
  color: #4F4F4F;
  text-align: left;
  margin-bottom: 40px;
  font-family: 'Graphik';
}
.yuj-register-content h4{
  font-family: 'clashDisplay-Medium';
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin-bottom: 24px;
}
.getintouch-outer-wrap .cf-field textarea:focus {
  width: 100%;
  background: transparent;
  border: 1px solid #ece9e7;
}
.getintouch-outer-wrap .cf-field textarea{
  border: 1px solid #ece9e7;
}
/* yuj.dna corporate package form css ends */
.tangible-business-impact{
  display: none;
  align-items: center;
}
.tangible-img{
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
}
.tangible-content h2{
  font-size: 60px;
  line-height: normal;
  background: linear-gradient(180deg, #FFF 23.89%, #8A7DE9 90.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'ClashDisplay-Light' !important;
}
.tangible-content p{
  font-family: 'Graphik';
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 40px;
margin-top: 12px;
color:#B9B9B9;
margin-bottom: 50px;
}
.click-to-video a:focus, .click-to-video a:visited, .click-to-video a:hover{
  color:#fff;
}
.yuj-dna-video-desktop {
  width: 75%;
  margin: 0 auto;
}
/* new css start for yuj dna 3 sept 2025 */
.whyyujdna{
  justify-content: center;
}
.programdetail .gainlist {
  flex: 1;
}
.programdetail .gainlist ul li {
  font-size: 18px;
  font-family: "Graphik";
  line-height: 26px;
  color: #fff;
  position: relative;
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}
.programdetail .gainlist ul li::before {
  content: "";
  width: 6px;
  height: 20px;
  background: url(/wp-content/uploads/2025/08/yellow-gradient-circle.svg) no-repeat;
  background-size: contain;
  display: block;
  flex-shrink: 0;
  margin-top: 10px;
}
.corporate-mentor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 32px 0px 0px;
  margin-top: 40px;
  background: url(/wp-content/uploads/2025/09/corporate-mentor-bg.webp);
  /* backdrop-filter: blur(20px); */
  background-repeat: no-repeat;
  background-size: cover;
  /*gap:30px;*/
}
/* 6 oct 25 new css start */
.corporate-mentor h2 {
  text-align: left;
  letter-spacing: 3.6px;
  line-height: 38px;
  background: var(--Linear, linear-gradient(180deg, #fff 0%, #f59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
}
.corporate-mentor .divcol2 {
  padding-right: 0px;
}
/* 6 oct 25 new css ends */
.corporate-mentor .mentorimg img{
  margin-bottom: -5px;
  border-radius: 5px;
  width: 88%;
}
.corporate-mentor h3{
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 25px;
  font-family: 'Graphik';
  background: var(--Linear, linear-gradient(180deg, #fff 0%, #f59301 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corporate-mentor .gainlist {
  flex: 1;
}
.corporate-mentor .gainlist ul li {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: 'Graphik';
  line-height: 26px;
  color: #fff;
  position: relative;
  display: flex;
  gap: 14px;
}
.corporate-mentor .gainlist ul li::before {
  content: "";
  width: 6px;
  height: 20px;
  background: url(/wp-content/uploads/2025/08/yellow-gradient-circle.svg) no-repeat;
  background-size: contain;
  display: block;
  flex-shrink: 0;
  margin-top: 10px;
}
.bookslot h6{
  font-size: small;
  text-align: left;
  margin-top: 16px;
  font-family: 'ClashDisplay-Medium';
}
.design-dev-img {
  margin-top: 50px;
}
.corporate-mentor .popupbtn-wrap {
  margin-top: 0px;
}
/* new css ends for yuj dna 3 sept 2025 */
/* new css start for yuj dna 17 oct 25 */
.freewebinar {
  margin-bottom: 30px;
  margin-top: 15px;
  margin-left: 5px;
  color:#fff;
  font-family: 'Graphik';
}
.divcol2 {
position: relative;
padding-right: 0px;
}
.corporate-mentor .divcol2{
  align-self:center;
}
.mydivs {
  display: flex;
}
.corporate-mentor h2{
  font-size: 40px;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 0px 32px 0px 32px;
}
.corporate-mentor .gainlist ul{
  margin-bottom: 15px;
}
.corporate-mentor .divcol2::before {
content: "";
width: 15px;
height: 100%;
display: block;
background: url("/wp-content/uploads/2025/10/Vector-3237.svg") no-repeat center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: -60px;
}
.corporate-mentor .divcol1{
  width:55%;
  align-self: flex-end;
}
.corporate-mentor .divcol2{
  width:45%;
}
.corporate-mentor{
  gap:0px;
  flex-direction: column;
}
.designJourney span.wpcf7-form-control-wrap{
  margin-top:5px !important;
}
#workingprofession span.wpcf7-list-item-label {
  padding-left: 0px;
  vertical-align: top;
  margin-top: 0px !important;
}
/* new css ends for yuj dna 17 oct 25 */
.page-id-22594 #chatbot-button{
  display:none !important;
}
.page-id-22594 #chatbot-greeting{
  display:none !important;
}
/* yuj dna page css ends */

/* design ops page css start */
.cta-primary-btn {
  border: none;
  font-size: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 288px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "ClashDisplay-Medium";
  border: 2px solid #4b3bc4;
  color: #fff;
  background: #4B3BC4;
}
.cta-primary-btn:hover, .cta-primary-btn:focus, .cta-primary-btn:visited{
  background: #4B3BC4 !important;
  border: 2px solid #4b3bc4;
}
.cta-secondary-btn {
  border: none;
  font-size: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 288px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "ClashDisplay-Medium";
  border: 2px solid #fff !important;
  background: none;
  color: #fff;
}
.cta-secondary-btn:hover, .cta-secondary-btn:focus, .cta-secondary-btn:visited{
  background: none !important;
  color:#fff;
}
/* design ops page css ends */

/* user testing page css start */
.user-testing .headingsection {
  max-width: 60%;
}
/* testing-importance	 */
.testing-importance h2 {
  font-size: 66px;
  line-height: 65px;
  color: #000;
}
.testing-importance h2 span {
  color: #f59301;
}
.testing-importance > p {
  color: #000;
  font-family: "Graphik";
  font-size: 24px;
  margin: 16px 0px 50px 0px;
  line-height: 32px;
}
.testing-importance-wrap {
  display: flex;
  padding-top: 90px;
}
.testing-importance-wrap .headings h3 {
  color: #4b3bc4;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 48px;
  line-height: 70px;
  position: relative;
}
.testing-importance-wrap .headings h3::before {
  content: "";
  background: url("/wp-content/uploads/2025/08/quotes-yellow.svg")
    no-repeat center;
  background-size: contain;
  width: 100px;
  height: 112px;
  display: block;
  position: absolute;
  left: 0;
  top: -50px;
  z-index: -1;
}
.feedback-wrap {
  display: grid;
  flex: 1;
  grid-template-columns: 1fr 1fr;
  background: url("/wp-content/uploads/2025/08/girl-img.webp")
    no-repeat center bottom;
  background-size: contain;
  padding-top: 40px;
  height: 450px;
}
.feedback-wrap .feedbacks {
  display: flex;
  position: relative;
}
.feedback-wrap .feedbacks img {
  width: 65px;
}
.feedback-wrap .feedbacks p {
  color: #000;
  font-family: "Graphik-Medium";
  font-size: 18px;
  line-height: normal;
}
.feedback-wrap .feedbacks > div {
  width: 40%;
  position: absolute;
}
.feedback-wrap .feedbacks:nth-child(1) > div {
  right: 100px;
  bottom: 100px;
}
.feedback-wrap .feedbacks:nth-child(2) > div {
  left: 170px;
  bottom: 100px;
}
.feedback-wrap .feedbacks:nth-child(3) > div {
  right: 180px;
  top: 30px;
}
.feedback-wrap .feedbacks:nth-child(4) > div {
  left: 300px;
  top: -90px;
}
.feedback-wrap .feedbacks:nth-child(6) > div {
  left: 270px;
  top: -20px;
}
/* yuj-testing	 */
.yuj-testing h2 {
  font-size: 66px;
  margin-bottom: 16px;
  line-height: 65px;
  color: #fff;
}
.yuj-testing h2 span {
  color: #f59301;
}
.yuj-testing > p {
  color: #fff;
  font-family: "Graphik";
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 80px;
}
.yuj-testing h4 {
  font-size: 32px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 16px;
  color: #fff;
}
.yuj-testing h3 {
  font-size: 48px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  color: #fff;
  position: relative;
}
.yuj-testing h3 span {
  color: #f59301;
}
.yuj-testing h3::before {
  content: "";
  background: url("/wp-content/uploads/2025/06/userQuote.png")
    no-repeat center;
  background-size: contain;
  width: 100px;
  height: 112px;
  display: block;
  position: absolute;
  left: 0;
  top: -50px;
  z-index: 0;
}
.process-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 60px;
}
.process-wrap .process {
  display: flex;
  align-items: center;
  gap: 30px;
}
.process-wrap .process span {
  color: #fff;
  font-size: 28px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  line-height: normal;
}
.process-wrap .process span:first-child {
  font-size: 48px;
  color: #7871d585;
  font-family: "ClashDisplay-Bold", "sans-serif";
  width: 70px;
}
/* 	Roi-wrap */
.measure-wrap h2 {
  font-size: 66px;
  margin-bottom: 16px;
  line-height: 65px;
  color: #000;
}
.measure-wrap h2 span {
  color: #f59301;
}
.roi-wrap {
  display: flex;
  gap: 45px;
  margin-top: 10px;
}
.roi-wrap .left,
.roi-wrap .right {
  flex: 1;
}
.roi-wrap .real-roi {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-top: 40px;
}
.roi-wrap .real-roi img {
  min-width: 80px;
}
.roi-wrap .real-roi h6 {
  color: #000;
  font-family: "Graphik-Medium";
  font-size: 24px;
}
.roi-wrap .right h4 {
  font-size: 42px;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
  color: #000;
  position: relative;
  line-height: normal;
  margin-top: 60px;
}
.roi-wrap .right h4::before {
  content: "";
  mask-image: url("/wp-content/uploads/2025/06/userQuote.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100px;
  height: 90px;
  display: block;
  position: absolute;
  left: 0;
  top: -45px;
  z-index: 0;
  background-color: #5846e2;
}
.roi-wrap .right h4 span {
  color: #f59301;
}
/* offering-wrap	 */
.offering-wrap {
  position: relative;
}
.offering-wrap h2 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  bottom: 15%;
  font-size: 66px;
  margin-bottom: 16px;
  line-height: 65px;
  color: #fff;
  width: 50%;
}
.offering {
  display: flex;
  gap: 34px;
  justify-content: space-between;
  margin: 0 auto;
}
.offering:nth-child(1) {
  width: 40%;
}
.offering:nth-child(2) {
  width: 60%;
}
.offering:nth-child(3) {
  width: 80%;
}
.offering:nth-child(4) {
  width: 100%;
}
.offering .circle {
  width: 164px;
  height: 164px;
  border-radius: 50%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: "Graphik-Medium";
  font-size: 18px;
  padding: 10px;
  line-height: 30px;
  position: relative;
}
.offering .circle::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 50%;
  background: linear-gradient(250deg, #604bff, #ffa825);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.user-testing-testimonials .testimonial-cards {
  margin-top: 40px;
}
.user-testing-testimonials h2 {
  font-size: 66px;
  line-height: 65px;
}

.evidence-heading h2 {
  font-size: 66px;
  line-height: 65px;
}

.evidence-heading p {
  font-size: 32px;
  margin: 30px 0px 32px 0px;
  font-family: "clashdisplay-medium";
}

.evidence-outer {
  overflow-x: auto;
  padding-bottom: 10px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth; /* Smooth scroll */
}

.evidence-outer::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.evidence-videocards-container {
  display: flex;
  gap: 32px;
  flex-wrap: nowrap;
}

.evidence-videocard {
  width: 390px;
  /*flex-shrink: 0;*/
}

.evidence-videocard .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  /*border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);*/
  height: 250px;
}

.evidence-videocard .thumbnail-wrapper img.thumbclip {
  /* position: absolute;
  top: 0;
  left: 0;*/
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.evidence-videocard .wplightbox {
  display: block;
}
.evidence-videocard .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
}

.evidence-videocard-text {
  margin-top: 17px;
}

.evidence-videocard-text h3 {
  font-size: 24px;
  line-height: normal;
  font-family: "clashdisplay-semibold";
}

.evidence-videocard-text p {
  font-family: "Graphik";
  font-size: 18px;
  line-height: normal;
  margin: 4px 0px 0px 0px;
}
.page-id-22759 #custom_html-15 {
  display: none;
}
/* user testing page css ends */


/* AI Audit page css start */
/* banner section start */
.service-banner-section .bannersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 100vh;
}
.service-banner-section .headingsection {
  max-width: 55%;
}
.service-banner-section .graphcontent {
  width: 40%;
}
.service-banner-section .headingsection h1 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 70px;
}
.service-banner-section .headingsection p {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  padding-top: 28px;
  font-family: "Graphik", "sans-serif";
  padding-top: 16px;
}
/* baner section ends */
/*  audit-matters */
.audit-matters{
  text-align:center;
}
.audit-matters h2{
  font-size:50px;
  color:#4B3BC4;
  font-family:"ClashDisplay-Bold", "sans-serif";
}
.audit-matters h5{
  font-size:32px;
  margin-bottom:32px;
  color:#000;
  font-family: "Graphik-Medium", "sans-serif";
}
.audit-matters h5 span{
  color:#F59301;
}
.audit-matters p{
  font-family: 'Graphik';
  font-size: 24px;
  color:#000;
  margin-bottom: 0px;
}
.pointers{
  display:flex;
  gap:40px;
  padding-top:30px;
}
.pointers .points:hover span{
  opacity:0;
}
.pointers .points:hover .hover-img{
  opacity:1;
}
.pointers .points:hover img{
  transform:scale(1.1);
}
.pointers .points:hover p{
  font-family: 'Graphik-Medium';
  color:#000;
}
.pointers .points .hover-img{
  opacity:0;
  color:transparent;
  background:#000 url('/wp-content/uploads/2025/06/star-shine-icon.png') no-repeat center;
  background-size:50%;
}
.pointers .points{
  display:flex;
  flex-direction:column;
  flex:1;
  align-items:center;
  position:relative;
  padding-top:80px;
}
.pointers .points span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff;
  color:#000;
  font-size:18px;
  font-family: 'Graphik';
  transition:all 0.3s ease-in;
  position:absolute;
  top:0;
}
.pointers .points img{
  margin-bottom:44px;
  transform:scale(1);
  transition:all 0.3s ease-in;
  width:174px;
}
.pointers .points p{
  font-size:20px;
  font-family: 'Graphik';
  color:#595959;
  line-height:28px;
  transition:all 0.3s ease-in;
}
.audit-matters h6{
  margin-top:48px;
  font-size:24px;
  font-family: 'Graphik-Medium';
  color:#F59301;
}
/* 	pillars-wrap */
.pillars-wrap {
  display: flex;
  gap: 60px;
  position: relative;
}
/*
.pillars-wrap .heading-sec,
.pillars-wrap .pillars-container {
flex: 1;
}
*/
.pillars-wrap .heading-sec {
  width: 45%;
}
.pillars-wrap .heading-sec h2 {
  font-size: 42px;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
  color: #fff;
  line-height: normal;
  margin-bottom: 20px;
}

.pillars-wrap .heading-sec h2 span {
  color: #f59301;
}

.pillars-wrap .heading-sec h6 {
  font-size: 20px;
  color: #fff;
  font-family: "Graphik-Medium";
  margin-bottom: 32px;
  line-height: 30px;
}

.pillars-wrap .heading-sec p {
  font-size: 16px;
  color: #fff;
  font-family: "Graphik";
  line-height: 24px;
}
.pillars-wrap .pillars-container {
  width: 55%;
}
.pillars-container {
  position: relative;
  overflow: hidden;
  transition: transform 1.2s ease; /* ✅ Speed slow */
  /*height: 400px;*/
}

.pillars-sec {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding-right: 50px;
}

.pillars-sec .pillars {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 40px;
  opacity: 0;
  animation: fadePillarsInUp 0.6s ease-out forwards;
}

.pillars-sec .pillars.visible {
  opacity: 1;
}

.pillars-sec .pillars .img-wrap {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

.pillars-sec .pillars .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pillars-sec .pillars .details h4 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 24px;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
}

.pillars-sec .pillars .details p {
  font-size: 14px;
  color: #fff;
  font-family: "Graphik";
  margin: 0;
  line-height: 1.5;
}

/* Navigation Arrows */
.auditnav-arrows {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}

.auditnav-arrows .auditarrow-btn {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
/*
.auditarrow-btn:hover {
transform: scale(1.1);
}*/

.auditarrow-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
}
/*
.auditarrow-btn:disabled:hover {
transform: none;
}*/

.auditarrow-btn img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* Progress indicator */
.auditprogress-indicator {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 5;
}

.progress-aidot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.progress-aidot.active {
  background: #f59301;
  transform: scale(1.2);
}
@keyframes fadePillarsInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Audit-process */
.audit-process h2{
  font-size:48px;
  line-height:65px;
  color:#F59301;
  font-family:"ClashDisplay-SemiBold", "sans-serif";
}
.audit-process h3{
  font-size:32px;
  font-family:"ClashDisplay-Bold", "sans-serif";
}
.discovery-wrap, .deliverables-wrap{
  margin-top:76px;
  display:flex;
  flex-wrap:nowrap;
  gap:22px;
  justify-content:space-between;
}
.discovery-wrap{
  margin-bottom:48px;
}
.discovery-wrap .discovery-card, .deliverables-wrap .deliverables-card{
  border-radius: 10px;
  border: 1px solid rgba(255, 212, 148, 0.10);
  background: #FFF;
  box-shadow: 0 1px 6.2px 0 #D6D3CF;
  padding:0px 16px 24px;
  text-align:center;
  flex:1;
  transition: all 0.3s ease;
}
.discovery-card:hover {
  background: linear-gradient(white, white) padding-box, linear-gradient(100deg, #f59423, #4b3bc4, #ffffff) border-box;
  border: 1px solid transparent;
}
.discovery-wrap .discovery-card img{
  margin-top:-50px;
}
.discovery-wrap .discovery-card h4{
  font-size:20px;
  font-family:"ClashDisplay-SemiBold", "sans-serif";
  margin-bottom:10px;
  padding:0 20px;
}
.discovery-wrap .discovery-card p, .deliverables-wrap .deliverables-card p{
  font-size:16px;
  color:#595959;
  font-family: 'Graphik';
  line-height:24px;
  letter-spacing:0.08px;
  margin:0;
}
.deliverables-wrap{
  margin-top:32px;
}
.deliverables-wrap .deliverables-card{
  text-align:left;
  padding:24px 16px;
  position: relative;
}
.deliverables-wrap .deliverables-card span{
  font-size:48px;
  color: rgba(75, 59, 196, 0.40);
  line-height:65px;
  font-family:"ClashDisplay-Bold", "sans-serif";
  margin-bottom:24px;
  display:inline-block;
}

.deliverables-wrap .deliverables-card h3{
  font-size:24px;
  font-family:"ClashDisplay-SemiBold", "sans-serif";
  position:relative;
  padding-bottom:40px;
}
.deliverables-wrap .deliverables-card h3::before{
  content: "";
  width: 90px;
  height: 10px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
    background: url(/wp-content/uploads/2025/07/text-bottom.svg) no-repeat center;
    background-size: contain;
    bottom: 20px;
}
/* 	world-impact */
.world-impact{
  color:#fff;
  position: relative;
  z-index: 2;
}
.world-impact h2{
  font-size:48px;
  line-height:65px;
  font-family:"ClashDisplay-SemiBold", "sans-serif";
}
.world-impact h2 span{
  color:#F59301;
}
.world-impact p{
  font-size:24px;
  color:#fff;
  font-family: 'Graphik';
  line-height:32px;
  margin:0;
}
.world-impact video{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    z-index: -2;
}
.audits-wrap{
  display:flex;
  gap:64px;
  margin-top:48px;
}
.audit-card{
  flex:1;
  padding:32px 24px;
  border-radius: 12px;
  background: linear-gradient(141deg, rgba(21, 15, 62, 0.20) 2%, rgba(111, 92, 255, 0.20) 89.55%);
  backdrop-filter: blur(10px);
  z-index: 0;
  position: relative;
}
.audit-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(35deg, #ffa825, #4b3bc4);
  z-index: -1;
  border-radius: 18px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
}
.audit-card img{
  margin-bottom:8px;
  width:70px;
  height:70px;
}
.audit-card h4{
  font-size:24px;
  font-family:"ClashDisplay-Bold", "sans-serif";
  position:relative;
  padding-bottom:40px;
}
.audit-card h4::before{
  content: "";
  width: 90px;
  height: 10px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
    background: url(/wp-content/uploads/2025/07/text-bottom.svg) no-repeat center;
    background-size: contain;
    bottom: 20px;
}
.audit-card p{
  font-size:18px;
  margin-bottom:24px;
}
.audit-card span{
    font-family: 'Graphik-regular';
    font-size:18px;
  line-height:24px;
}
.audit-card span strong{
      font-family: 'Graphik';
}
/* 	Package */
.package-section h2{
  text-align:center;
  font-size:50px;
}
.package-section .ai-powered-dls{
  margin-top:40px;
}
.package-card .ai-powered-dls .dls .top-section{
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.20);
}
.package-card .ai-powered-dls .dls.weeks-3{
  border: 1px solid #FFD4F7;
  background: #FDF5F7;
  backdrop-filter: blur(64px);
}
.package-card .ai-powered-dls .dls.weeks-6{
  border: 1px solid #CDF0CF;
  background: #F0FFF0;
  backdrop-filter: blur(64px);
}
.package-card .ai-powered-dls .dls.weeks-8{
  border: 1px solid #C5E8F2;
  background: #E8FAFF;
  backdrop-filter: blur(64px);
}
.package-card .ai-powered-dls .dls .top-section.days-30{
  background-color:#791E69;
}
.package-card .ai-powered-dls .dls .top-section.days-60{
  background-color:#004A04;
}
.package-card .ai-powered-dls .dls .top-section.days-90{
  background-color:#005770;
}
.package-card .ai-powered-dls .dls .top-section.days-30 span{
  background:#791E69;
  color:#fff;
}
.package-card .ai-powered-dls .dls .top-section.days-60 span{
  background:#004A04;
  color:#fff;
}
.package-card .ai-powered-dls .dls .top-section.days-90 span{
  background:#005770;
  color:#fff;
}
.package-card  .ai-powered-dls .dls ul li{
  color:#000;
}
.package-card .ai-powered-dls .dls .content h4{
  font-size:22px;
  color:#000;
  font-family:"ClashDisplay-Semibold", "sans-serif";
  margin-bottom:12px;
}
.package-card .ai-powered-dls .dls ul li::before{
  left:-4px;
}
.aiauditQuoteButton {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-id-22804 #custom_html-15{
  display:none;
}
.ai-audit-cta-section{
  display:flex;
}
.ai-audit-cta-section h3{
  color: #000;
}
.ai-audit-cta-section p {
  color: #595959;
  max-width: 70%;
}
.gramoImg img {
  width: 400px;
}
/* AI Audit page css ends */

/* Experts review page css start */
.deliverables-wrap .deliverables-card .spanRightImg {
  position: absolute;
  right: 0;
  top: 0;
}
.sample-experts-wrapper .expert-review-list ul li{
  max-width:100%;
  margin-bottom: 20px;
}
.sample-experts-wrapper .expert-review-list h2{
  margin-bottom: 16px;
}
.sample-experts-wrapper {
  margin-top: 50px;
}
.experts-review-package .ai-powered-dls .dls .top-section h3{
  min-height: 67px;
}
.experts-review-package .ai-powered-dls .dls .content p{
  font-family: 'Graphik';
  color:rgba(89, 89, 89, 1);
  font-size: 14px;
}
.experts-review-package .package-card .ai-powered-dls .dls ul li{
 color:rgba(89, 89, 89, 1);
 font-size: 14px;
 margin-bottom: 12px;
}
.experts-review-package .ai-powered-dls .dls .content{
 padding: 32px;
}
.experts-review-package .package-card .ai-powered-dls .dls .bulb-list ul li{
  font-family: 'ClashDisplay-Regular', 'sans-serif';
  font-size: 16px;
  color:#000;
}
.experts-review-package .package-card .ai-powered-dls .dls .bulb-list ul li::before{
  content: "";
  width: 18px;
  height: 21px;
  display: block;
  position: absolute;
  left: -5px;
  background: url(/wp-content/uploads/2025/09/purple-bulb-glow.png) no-repeat center;
  background-size: contain;
  top: 2px;
}
.experts-reviews-audit p {
  line-height: 32px;
}
.experts-reviews-audit h5{
  margin-bottom: 8px;
  font-family: 'ClashDisplay-Semibold', 'sans-serif';
}
.experts-reviews-audit {
  display: flex;
  flex-direction: column;
  gap: 42px;
  text-align: left;
}
.expert-reviews-process h3{
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 32px;
}
.expert-review-cta-section p{
  max-width: 100%;
}
.expert-review-cta-section .gramoImg img{
  width:100%;
}
.page-id-22930 #custom_html-15{
  display: none;
}
/* Experts review page css ends */

/* UX Design and Development page css start */
.client-testimonial-wrapper h2{
  margin-bottom:40px;
}
.human-centered-design {
  padding-top: 68px;
  position: relative;
}
.human-centered-design h3 {
  color: #f7941d;
  font-family: 'ClashDisplay-Semibold', 'sans-serif';
  padding-left: 40px;
}
.human-centered-design h3::before{
  content: "";
  background: url(/wp-content/uploads/2025/06/userQuote.png) no-repeat center;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  background-size: contain;
  left: 0px;
  bottom: -24px;
}
.design-drive-business h2{
  max-width: 80%;
}
.design-behind-process .sub-heading-text h4{
  margin-bottom: 8px;
  font-size: 40px;
  line-height: normal;
}
.design-behind-process .sub-heading-text h2{
  margin-bottom: 32px;
}
.design-behind-process .process h3{
  color: rgba(255, 209, 141, 1);
  font-size: 48px;
  font-family: 'ClashDisplay-Semibold';
  line-height: 150%;
  margin-bottom: 12px;
}
.design-behind-process .research-cost-quote{
  margin: 56px 0 0 0;
}
.design-drive-business .audits-wrap{
  gap:24px;
  padding-top: 36px;
  margin-bottom: 50px;
}
.design-drive-business .audit-card h4::before{
  content: none;
}
.design-drive-business .audit-card h4{
  font-family: "ClashDisplay-Semibold", "sans-serif";
  padding-bottom:0px;
}
.guarantee-design-success .sub-heading-text h2{
  color:#5548c8;
}
.essentials-for-portfolio .agentic-blogs{
  margin-top: 32px;
  flex-wrap: nowrap;
}
.essentials-for-portfolio .agentic-blog-card{
  width:33.3%;
}
.essentials-for-portfolio .agentic-blog-content h3{
  margin-bottom: 10px;
  margin-top: 10px;
}
.essentials-for-portfolio .agentic-blog-content h3 a:hover {
  color: #f7941d;
}
.good-design-invisible .human-centered-design {
  margin-bottom: 90px;
  padding-top: 60px;
}
.good-design-invisible .human-centered-design h3{
  padding-left: 0px;
  font-size: 42px;
}
.good-design-invisible .human-centered-design h3::before{
  left: -50px;
  bottom: 0px;
}
.good-design-invisible .heading-sec {
  width: 50%;
}
.good-design-invisible .pillars-container{
  width:40%;
}
.good-design-invisible ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  margin-left: 30px;
  color: #fff;
}
.good-design-invisible ul li {
  margin-bottom: 20px;
  font-size: 20px;
  position: relative;
  font-family: "Graphik";
  line-height: 1.3;
}
.good-design-invisible ul li::after {
  content: "";
  position: absolute;
  left: -31px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/2025/06/star-shine-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.good-design-invisible .heading-sec p{
  font-size: 20px;
  line-height: 30px;
  margin: 0px;
}
.good-design-invisible .heading-sec h2{
  margin-bottom: 32px;
}

.deliver-with-precision {
  display: flex;
  color:#fff;
}
.deliver-with-precision h2 {
  font-size: 48px;
}
.deliver-with-precision h3 {
  font-size: 32px;
  margin: 12px 0 40px;
  font-family: 'ClashDisplay-Semibold';
}

.designIntent {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0 0 35px;
  align-items: flex-start;
}

.deliverpillar {
  flex: 1 1 18%;
  min-width: 160px;
  padding: 18px 10px;
  cursor: pointer;
  transition: transform 0.28s ease, color 0.22s ease;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}

.deliverpillar .num {
  font-size: 48px;
  color: rgba(120, 113, 213, 0.6);
  font-family: "ClashDisplay-Bold", "sans-serif";
  line-height: 150%;
}
.deliverpillar .title {
  font-size: 28px;
  margin-top: 10px;
  position: relative;
  line-height: 32px;
  font-family: "ClashDisplay-Medium", "sans-serif";
  max-width: 80%;
  margin: 0 auto;
}

.deliverpillar.active .num {
  color: rgba(120, 113, 213, 1);
}
.deliverpillar.active .title {
  color: var(--accent);
  margin-bottom: 30px;
}
.deliverpillar.active .title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  width: 170px;
  height: 30px;
  background: url(/wp-content/uploads/2025/06/handdrawn-border.svg)
    no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.deliver-with-precision .strap {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.deliver-with-precision .hovertext {
  display: none;
  font-family: "Graphik", "sans-serif";
}
.page-id-5220 #custom_html-14{
  display: none;
}
/* capabilities slider css start */
.capabilities-container h2 {
  font-size: 48px;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 40px;
  text-align: left;
}

.capabilities-tabs-section {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.capabilities-tabs-wrapper {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.capabilities-tabs-container {
  display: flex;
  gap: 15px;
  transition: transform 0.3s ease;
  white-space: nowrap;
}
.capabilities-nav-arrows {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.capabilities-nav-arrows button{
  padding: 5px 15px 5px 15px;
}
.capabilities-nav-arrows button:hover, .capabilities-nav-arrows button:focus {
  background: #fff;
  border-color: #fff;
}
.capabilities-tab {
  color: #000;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-size: 14px;
  flex-shrink: 0;
  user-select: none;
  display: inline;
  padding: 10px 22px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  font-family: "Graphik", "sans-serif";
}
.capabilities-tab.active {
  background: #fef4e6;
  border: 1px solid #f59301;
  padding: 10px 20px;
  border-radius: 10px;
}
.capabilities-tab:hover:not(.active) {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.capabilities-nav-btn img {
  width: 25px;
  height: 25px;
}
.capabilities-nav-btn {
  width: 100%;
  max-width: 100%;
  height: 50px;
  border-radius: 50%;
  padding: 5px 15px 5px 15px;
  border: none;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.capabilities-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f1f5f9;
}

/* Card styles kept same */
.capabilities-card-section {
  flex: 1;
  display: flex;
  gap: 120px;
  align-items: center;
  width: 100%;
}
.capabilities-stacked-cards {
  position: relative;
  width: 380px;
  height: 500px;
  flex-shrink: 0;
}
.capabilities-card {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  padding: 25% 32px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateX(80px) scale(0.9);
  z-index: 0;
}
.capabilities-card.visible {
  opacity: 1;
  z-index: 3;
  transform: translateX(0) scale(1);
}
.capabilities-card.next {
  opacity: 1;
  z-index: 2;
  transform: translateX(40px) scale(0.96);
}
.capabilities-card.after-next {
  opacity: 1;
  z-index: 1;
  transform: translateX(80px) scale(0.93);
}

.capabilities-card-number {
  position: absolute;
  top: 40px;
  right: 30px;
  font-size: 64px;
  font-weight: 700;
  color: rgba(75, 59, 196, 0.4);
  font-family: "ClashDisplay-Bold", "sans-serif";
}
.capabilities-card-icon {
  display: flex;
  margin: 60px 0 32px 0;
}
.capabilities-card-icon img {
  width: 64px;
  height: 64px;
}
.capabilities-card-title {
  font-size: 32px;
  color: #1a1a1a;
  margin-bottom: 30px;
  position: relative;
  font-family: "ClashDisplay-Semibold", sans-serif;
}
.capabilities-card-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100px;
  height: 20px;
  background: url("/wp-content/uploads/2025/06/handdrawn-border.svg")
    no-repeat center;
  background-size: contain;
}
.capabilities-card-description {
  font-size: 16px;
  color: #64748b;
  line-height: 1.6;
  margin-top: 32px;
  font-family: "Graphik", "sans-serif";
  display: none;
}

.capabilities-bullets-section {
  flex: 1;
  padding-left: 20px;
}
.capabilities-bullet {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  transition: all 0.3s;
}
.capabilities-bullet:last-child {
  border-bottom: none;
}
.capabilities-bullet-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: url("/wp-content/uploads/2025/06/star-shine-icon.png")
    no-repeat center;
  background-size: contain;
}
.capabilities-bullet-text {
  font-size: 20px;
  color: #1a1a1a;
  font-family: "ClashDisplay-Medium", sans-serif;
}
/* capabilities Slider css ends */
.page-id-5220 #custom_html-15{
  display:none;
}
/* UX Design and Development page css ends */

/* revolutizing farming landscape page css start */
.postid-21265{
  background-position: 50% 70% !important;
}
/* revolutizing farming landscape page css ends */

/* UX strategy page css start */
.ux-strategy-cta-section {
  display: flex;
}
.ux-strategy-wrap .graphcontent{
  width: 35%;
  align-self: flex-end;
}
.ux-strategy-wrap .headingsection{
  padding-top: 100px;
}
.page-id-35 #custom_html-15 {
  display: none;
}
.ux-strategy-wrap .grp-img img{
  margin-bottom: -5px;
}
.ux-strategy-wireframes .datameets-text h5 {
  font-family: "Graphik", "sans-serif";
  font-size: 24px;
  margin-bottom: 34px;
  line-height: 32px;
}
.ux-strategy-wireframes .datameets-text h4 {
  margin-bottom: 14px;
  font-family: "Graphik-Medium", "sans-serif";
  font-size: 24px;
  line-height: 30px;
}
.ux-strategy-wireframes .datameets-text h2 {
  line-height: 1.2;
  margin-bottom: 12px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
}
.ux-strategy-wireframes .datemeets-wrapper{
  gap:0px;
}
.ux-strategy-wireframes .datameets-text {
  width: 55%;
  flex: none;
  padding-right: 80px;
}
.ux-strategy-wireframes .datameets-image{
  width:42%;
  flex: none;
}
.ux-strategy-wireframes .datameets-text ul li {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
    padding-left: 24px;
}
.ux-strategy-process .discovery-wrap .discovery-card:hover {
  background: linear-gradient(180deg, #fcf5eb 0%, #f6f6f7 100%);
  border: 1px solid rgba(255, 212, 148, 0.1);
}
.ux-strategy-process h2 {
  color: #fff;
  padding-bottom: 40px;
}
.ux-strategy-expertise .process{
  display: flex;
  gap: 70px;
}
.ux-strategy-expertise .process .data {
  flex: 1;
  position: relative;
}
.ux-strategy-expertise .process .data::before {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background: url(/wp-content/uploads/2025/09/purple-vertical-seperator.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -20px;
}
.ux-strategy-expertise .process h5 {
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin-bottom: 10px;
  line-height: 30px;
}
.ux-strategy-expertise .process p {
  font-size: 16px;
  font-family: "Graphik";
  max-width: 90%;
}
.ux-strategy-expertise .process .data:last-child::before {
  content: none;
}
.ux-strategy-process .discovery-wrap .discovery-card{
  border-radius: 10px;
  border: 1px solid rgba(255, 212, 148, 0.1);
  box-shadow: 0 1px 6.2px 0 #d6d3cf;
  padding: 0px 10px 20px;
  text-align: center;
  flex: 1;
  transition: none;
  background: linear-gradient(180deg, #fcf5eb 0%, #f6f6f7 100%);
}
.ux-strategy-success-stories h3{
  color:#000;
  margin-bottom: 30px;
}
.ux-strategy-success-stories [id^="casestudy-slider-"] .casestudy-navarrow{
  box-shadow: none;
  transition: none;
}
.ux-strategy-success-stories [id^="casestudy-slider-"] .casestudy-slider-wrapper{
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
/* UX strategy page css ends */

/* technical seo and accessibility insights css start */
.technical-seo-access .headingsection{
  padding-top: 100px;
  max-width: 50%;
}
.technical-seo-access .graphcontent{
  width: 50%;
  align-self: center;
  padding-top: 50px;
}
.parameter-report .expt-review-img img {
  width: 1099px;
}
.parameter-report h2{
  font-family:"ClashDisplay-Semibold", "sans-serif";
  line-height: 1.2;
}
.parameter-report h2 span{
  color:#4B3BC4;
}
.parameter-report p{
  font-size:24px;
  color:#595959;
  font-family:'Graphik-Medium';
  line-height:30px;
  margin:16px 0 0 0;
}
.parameter-report .expt-review-img{
  padding-top:54px;
  text-align:center
}
.impact-that-matters {
  color: #fff;
}
.inner-audit-card{
  display:flex;
  flex-direction: column;
}
.impact-that-matters .audit-card img {
  margin-bottom: 0px;
  width: unset;
  height: unset;
}
.impact-that-matters .audit-card .first-img-row img {
  width: 65px;
  margin-bottom: 24px;
}
.impact-that-matters .audit-card .second-img-row img {
  margin-bottom: 8px;
}
.impact-that-matters .audit-card .second-img-row h2{
  font-size: 52px;
}
.impact-that-matters .audit-card h3{
  font-size: 24px;
  font-family: 'Clashdisplay-Medium', 'sans-serif';
  max-width: 70%;
}
.impact-that-matters .audit-card h4{
  font-size: 24px;
  font-family: 'Graphik', 'sans-serif';
  padding-bottom: 0px;
  color:rgba(230, 230, 230, 1) !important;
}
.impact-that-matters .audits-wrap{
  gap:24px;
}
.impact-that-matters .audit-card h4::before{
  content: none;
}
.impact-that-matters .audit-card .img-seperator{
  padding: 10px 0px 15px 0px;
}
.experts-review-package .ai-powered-dls .dls .top-section {
  padding: 36px 25px 32px 30px;
}
.tech-audit-cta-section{
  color: #000;
}
.page-id-23059 #custom_html-15{
  display: none;
}
/* technical seo and accessibility insights css ends */

/* Audience and Marketing industry page css start */
.audient-industry-hero {
  position: relative;
}

/* Overlay dark gradient for readability */

.audient-industry-hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color:#e6e6e6;
  height: calc(100vh - 80px);
}
.audient-industry-hero-left h1 {
  padding-top: 80px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 70px;
}

.audient-industry-hero-right {
  align-self: flex-end;
  text-align: right;
  padding-bottom: 80px;
}
.audient-industry-hero-right h2 {
  max-width: 400px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 70px;
  margin-top: 0px;
}

/* Bottom overlay section */
.audient-industry-hero-footer {
  position: relative;
  z-index: 2;
  background: rgba(0,0,0,0.3);
  padding: 42px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 150px;
}
.audient-industry-hero-footer .popupbtn-wrap{
  margin-top:0px;
}
.audient-industry-hero-footer p {
  color: #ccc;
  font-size: 24px;
  line-height: 30px;
  font-family: 'Graphik', 'sans-serif';
  margin: 0;
}
.design-behind-process .process img{
  width: 45px;
  height: auto;
}
.context-beats .process {
  display: flex;
  gap: 56px;
  background: none;
  padding: 0px;
}
.context-beats .process h3{
  color: #f79402;
  font-family: 'Graphik-Semibold', 'sans-serif';
  margin-bottom: 4px;
}
.context-beats .process .data::before{
  content: none;
}
.strategic-research-process .process{
  background: none;
}
.industry-context-framework {
  margin: 0 auto;
}

.framework-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: 20px;
}
.framework-grid p {
  display: none;
}
.framework-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Left aligned */
  justify-content: flex-start;
  gap: 6px;
}

.framework-item img {
  width: 50px;
  height: 50px;
}

.framework-item h4 {
  margin: 0;
  font-size: 22px;
  line-height: 30px;
  color: #000;
  font-family: "ClashDisplay-Medium", "sans-serif";
  max-width: 80%;
}
.framework-item p{
  display:none;
}
.framework-note {
  background: rgba(236, 240, 250, 0.7);
  padding: 18px 20px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #000;
  font-family: "Graphik", "sans-serif";
  margin-top: 40px;
}
.framework-note img {
  width: 14px;
  height: 14px;
  margin-top: 4px;
}
.industry-context-framework p{
  margin-bottom: 42px;
  font-family: "Graphik", "sans-serif";
  line-height: 1.5;
  font-size: 24px;
}
.industry-context-research h5{
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
  margin-bottom: 67px; 
  margin-top: 20px;
}
.page-id-23108 #custom_html-15{
  display:none;
}
/* Audience and Marketing industry page css ends */

/* Content IA and Audit page css start */
.content-audit-wrap .headingsection {
  max-width: 70%;
}
.content-and-ia-audit .datemeets-wrapper{
  align-items: flex-start;
}
.content-and-ia-audit .datameets-text h4{
  color: #4b3bc4;
}
.content-and-ia-audit .datameets-text h5 {
  margin-bottom: 0px;
  line-height: 26px;
  margin-top: 20px;
}
.content-and-ia-audit .datameets-text{
  flex:none;
  width: 55%;
}
.content-and-ia-audit .datameets-image{
  flex:none;
}
.content-audit-beats .process {
  gap: 65px;
}
.content-audit-beats .process p{
  margin: 0px 0px 15px 0px;
  font-size: 18px;
  line-height: 22px;
}
.content-audit-beats {
  width: 75%;
  margin-top: -70px;
}
.content-audit-beats .process h6{
  font-family: "Graphik-Semibold", "sans-serif";
  font-size: 18px;
}
.content-audit-beats .process h3{
  font-size: 40px;
}
.content-audit-beats .process p{
  font-size: 18px;
  line-height: 26px;
}
.content-ia-audit-package-plan .package-card .ai-powered-dls .dls ul li{
  margin-bottom: 12px;
}
.content-ia-audit-package-plan .package-card .ai-powered-dls .dls .content h4{
  font-size: 20px;
  margin-bottom: 16px;
}
.content-ia-audit-package-plan .ai-powered-dls .dls .top-section{
  border-radius: 10px 10px 55px 55px;
}
.imgsept {
  margin-bottom: 20px;
}
.request-your-audit h4 {
  text-align: center;
  padding: 0px 50px;
}
.request-your-audit {
  flex-direction: column;
  justify-content: center;
}
.content-ia-audit-package-plan p{
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
}
.content-ia-audit-package-plan h2{
  text-align: left;
}
.content-IA-audit-process h2 {
  font-size: 48px;
  line-height: 56px;
  font-family: "ClashDisplay-SemiBold", "sans-serif";
  width:80%;
}
.content-IA-audit-process h3 {
  font-size: 24px;
  font-family: "Graphik" , "sans-serif";;
  line-height: 32px;
  margin-top: 20px;
  width:75%;
}
.content-IA-audit-process .discovery-wrap{
  flex-wrap: wrap;
  gap: 80px;
  padding: 20px 0px 0px;
  justify-content: center;
}
.content-IA-audit-process .discovery-wrap .discovery-card{
  width: calc(25% - 60px);
  flex: none;
}
.content-IA-audit-process .discovery-wrap .contentCard01{
  border: 1px solid rgba(201, 228, 255, 1);
}
.content-IA-audit-process .discovery-wrap .contentCard02{
  border: 1px solid rgba(203, 201, 255, 1);
}
.content-IA-audit-process .discovery-wrap .contentCard03{
  border: 1px solid rgba(255, 213, 247, 1);
}
.content-audit-cta-section h3{
  max-width: 700px;
}
.content-audit-cta-section p{
  max-width: 650px;
}
.content-ia-audit-package-plan .ai-powered-dls{
  margin-top: 50px;
  gap:70px;
}
.seven-dimension-img-wrap {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  padding-top: 76px;
}
.page-id-23176 #custom_html-15{
  display:none;
}
/* Content IA and Audit page css ends */

/* case study smart template page css starts here */
.casestudy-baner-content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.casestudy-baner-content-wrap .case-study-content {
  width: 55%;
}
.casestudy-baner-content-wrap .case-study-image {
  width: 45%;
  padding-top: 25px;
}
.casestudy-baner-content-wrap .case-study-content h1 {
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 1;
}
.casestudy-baner-content-wrap .case-study-content h4{
  font-size: 24px;
  line-height: 32px;
  padding-right: 25px;
  margin-top: 24px;
}
.casestudy-design-stragtegy-approach{
  color:#fff;
}
.casestudy-design-stragtegy-approach h5{
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
  margin-top: 32px;
  margin-bottom: 40px;
}
.casestudy-design-stragtegy-approach .statistics-box{
  text-align: left;
}
.casestudy-design-stragtegy-approach .statistics-box img {
  margin-bottom: 15px;
  max-width: 60px;
}
.casestudy-design-stragtegy-approach .statistics-box h3 {
  margin-bottom: 18px;
  color: #fff0d9;
}
.casestudy-design-stragtegy-approach .statistics-box p{
  font-size: 16px;
  line-height: 26px;
}
.casestudy-design-stragtegy-approach .statistics-box:not(:last-child)::after{
  right: 5px;
  height: 180px;
  background: url(/wp-content/uploads/2025/10/Line-1522.png) no-repeat center;
}
.nutshell-section h4{
  font-size: 24px;
  line-height: 32px;
}
.nutshell-section {
  display: flex;
  gap: 100px;
  align-items: center;
}
.nutshell-section .content, .nutshell-section .image {
  width: 50%;
}
.casestudy-cmbaner-wrapper .portfolio-btn {
  color: #000;
  position: relative;
  top:unset;
}
.casestudy-cmbaner-wrapper .portfolio-back-btn {
  position: relative;
  padding-top: 45px;
  padding-bottom: 60px;
}
.casestudy-cmbaner-wrapper .portfolio-btn:hover{
  color:#f39405;
}
.casestudy-cmbaner-wrapper .icon-portleftarrow::before{
  background: #000;
}
.identify-problem p{
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
  margin-top: 32px;
  margin-bottom: 42px;
}
.problem-card {
  display: flex;
  align-items: center;
  background: rgba(241, 241, 241, 1);
  border-radius: 12px;
  padding: 40px 25px;
  max-width: 570px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  gap: 25px;
  margin-top: 30px;
  border: 1px solid rgba(239, 225, 205, 1);
}

.problem-card img {
  width: 226px;
  height: auto;
  flex-shrink: 0;
  margin-top: -90px;
}

.problem-card-content {
  flex: 1;
}

.problem-card-content h2 {
  font-size: 24px;
  margin-bottom: 12px;
}

.problem-card-content ul {
  color: #333;
  margin-left: 10px;
}
.problem-card-content ul li {
  font-family: 'Graphik';
  font-size: 16px;
  list-style: disc;
  line-height: 26px;
}
.problem-card-wrapper {
  display: flex;
  gap: 60px 25px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.outcome-section h2{
  margin-bottom: 55px;
}
.outcome-section .lastChild{
  margin-top: 80px;
}
.outcome-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}

.projectScreen {
  border-radius: 16px;
  overflow: hidden;
}

.projectScreen img {
  width: 100%;
  border-radius: 16px;
  display: block;
}

.wayfairtestimonial {
  padding-left: 60px;
}

.wayfairtestimonial .rate {
  font-size: 48px;
  line-height: 55px;
  color: rgba(75, 59, 196, 0.6);
  font-family: 'ClashDisplay-Semibold';
}

.wayfairtestimonial .label {
  font-size: 20px;
  color: rgba(75, 59, 196, 0.6);
  margin-left: 5px;
  font-family: 'ClashDisplay-Medium';
  padding: 0px;
  vertical-align: super;
  color: #4B3BC4;
  opacity: 0.6;
}
.rightSide .wayfairtestimonial {
  padding-top: 40px;
}
.leftSide .wayfairtestimonial {
  padding-top: 0px;
}
.wayfairtestimonial .quote {
  font-size: 20px;
  line-height: 30px;
  color: rgba(118, 118, 118, 1);
  margin-top: 0px;
  font-family: 'Graphik';
  margin-bottom: 12px;
}
.wayfair-design-process h2{
  color:#000;
}
.wayfair-design-process .discovery-wrap .discovery-card{
  background: linear-gradient(white, white) padding-box, linear-gradient(100deg, #f59423, #4b3bc4, #ffffff) border-box;
  border: 1px solid transparent;
  padding: 0px 16px 44px;
}
.wayfair-design-process {
  padding-bottom: 80px;
}
.wayfairtestimonial .author {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  color: rgba(70, 70, 70, 1);
  font-family: 'Graphik';
}
.wayfairtestimonial .author p{
  margin: 0px;
}
.wayfairtestimonial .author span {
  font-size: 20px;
  line-height: 1;
}
.outcome-wrapper .leftSide {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.outcome-wrapper .rightSide {
  display: flex;
  flex-direction: column-reverse;
  gap: 50px;
}
/* case study smart template page css ends here */

/* Innovation Prototype page css start */
.risk-of-innovation-section h2 {
  margin-bottom: 10px;
}
.innovation-prototype-wrap h3 {
  color: #fff;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 8px;
}
.risk-of-innovation-section p {
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
  margin-top: 32px;
  margin-bottom: 50px;
}
.risk-of-innovation-section p.lastchild {
  margin-bottom: 32px;
}
.risk-of-innovation-section .ricon-row {
  display: flex;
  flex-wrap: wrap;
  gap: 120px;
  justify-content: flex-start;
  align-items: center;
}
.ricon-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 26px;
  font-family: "ClashDisplay-Medium";
}
.ricon-item img {
  width: 32px;
  height: 32px;
}
.informed-innovation,
.informed-innovation h3 {
  color: #fff;
  margin-bottom: 8px;
}
.informed-innovation h5 {
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
  margin-top: 50px;
}
.informed-innovation .culture-upgrade-wrap {
  margin-top: 50px;
  gap: 50px 40px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.informed-innovation .culture-upgrade-wrap h4 {
  margin-bottom: 8px;
}
.informed-innovation .culture-upgrade-wrap img {
  height: 40px;
  margin-bottom: 20px;
}
.casestudy-userquote-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  flex-wrap: wrap;
  color: #000;
}
.casestudy-userquote-img-wrapper {
  position: relative;
  width: 200px;
  height: 230px;
  flex-shrink: 0;
}
.casestudy-userquote-content {
  max-width: 850px;
  position: relative;
  color: #000;
}
.casestudy-userquote-content .userquote-text {
  font-size: 28px;
}
/* Card container */
.enterprise-yuj-container {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  margin-top: 50px;
}
.enterprise-choose-yuj-section h2 {
  color: #fff;
}
/* Circular cards */
.enterprise-yuj-card {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid rgba(255, 177, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
  color: #fff;
  font-family: "ClashDisplay-Medium";
  font-size: 24px;
  line-height: 30px;
}

.enterprise-yuj-card:hover {
  transform: translateY(-8px);
  border-color: #f59301;
  box-shadow: 0 0 20px rgba(255, 177, 0, 0.3);
}
.innovation-proto-list-section .feature-list li {
  align-items: center;
}
.innov-proto-plan .feature-list li {
  margin-bottom: 20px;
  position: relative;
  padding: 0px 0px 0px 20px;
  line-height: 26px;
}
.innov-proto-plan .feature-list li::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 0px;
  background: url(/wp-content/uploads/2025/06/star-shine-icon.png)
    no-repeat center;
  background-size: contain;
  top: 5px;
}
.innovation-proto-list-section .feature-list li::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0px;
  background: url(/wp-content/uploads/2025/06/star-shine-icon.png)
    no-repeat center;
  background-size: contain;
  top: 4px;
}
.innovation-proto-list-section .feature-list li{
  position: relative;
  padding: 0px 0px 0px 25px;
  margin-bottom: 15px;
}
.innovation-proto-list-section .feature-list li .feature-text {
  font-size: 22px;
  line-height: 30px;
  font-family: "ClashDisplay-Medium" !important;
}
.innovation-proto-list-section {
  display: flex;
  gap: 80px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.innovation-protoyping-package-plan p {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 25px;
}
.innovation-protoyping-package-plan .card-header-section p {
  font-size: 16px;
  line-height: 26px;
  position: relative;
  margin-bottom: 0px;
}
.innovation-protoyping-package-plan .pricing-grid {
  margin-top: 48px;
}
.innovation-protoyping-package-plan .pricing-card {
  padding: 30px 28px 40px 28px;
}
.innovation-protoyping-package-plan .access-card {
  background: url(/wp-content/uploads/2025/10/fast-furios-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.innovation-protoyping-package-plan .edge-card {
  background: url(/wp-content/uploads/2025/10/framed-focused-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.innovation-protoyping-package-plan .advantage-card {
  background: url(/wp-content/uploads/2025/10/validate-solution-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page-id-4952 #custom_html-15{
  display:none;
}
/* Innovation Prototype page css ends */

/* Enterprise Design Solution page css start */
.honeywell-casestudy-bnr .case-study-content {
  width: 50%;
  padding-top: 80px;
}
.honeywell-casestudy-bnr.body-container{
  padding-right: 0px;
}
.honeywell-casestudy-bnr .case-study-content h4 {
  padding-bottom: 0px;
}
.honeywell-casestudy-bnr .case-study-image {
  width: 50%;
  padding-top: 60px;
}
.partnership-bg-numbers.section-spacing {
  padding-top: 68px;
}
.enterprise-designbuilt {
  gap: 42px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.enterprise-designbuilt img {
  height: 64px;
  margin-bottom: 16px;
}
.enterprise-designbuilt p {
  font-size: 20px;
  line-height: 30px;
}
.enterprise-designbuilt .team::before {
  content: "";
  width: 24px;
  height: 108px;
  display: block;
  border-left: 1px solid #bbb6e7;
  position: absolute;
  top: 0px;
  left: 0px;
}
.enterprise-designbuilt .team {
  position: relative;
  padding-left: 32px;
}
.enterprise-design-testimony-section {
  position: relative;
}
.enterprise-design-testimonial {
  position: relative;
  padding: 40px 80px 0px 80px;
  color: #363636;
  margin-top: 50px;
}
.enterprise-design-testimonial-content p {
  font-style: italic;
  font-family: "Graphik-Medium";
  font-size: 24px;
  line-height: 36px;
  margin: 0px;
  color: #363636;
  padding-right:0px;
}
.org-quote-icon {
  color: #4b3bc4;
  font-size: 3rem;
  position: absolute;
  font-style: normal;
  line-height: 1;
}
.org-quote-icon.left {
  top: 0;
  left: 0;
}
.org-quote-icon.right {
  bottom: 20px;
  right: 0px;
}
.quote-author {
  margin-top: 15px;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #363636;
  font-family: "Graphik";
  line-height: 36px;
}
.quote-author::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #f68b1f;
  margin-right: 10px;
  content:none;
}
.casestudy-Testimony .logoslide{
  display: flex;
  align-items: flex-start;
  flex-direction:row;
  padding:0px;
}
.casestudy-Testimony .logoslide img{
  filter:unset;
}
.casestudy-Testimony .logosdots {
  text-align: left;
  margin-top: 0px;
  margin-left: 70px;
}
.starBlinkWrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  background: rgba(245, 147, 1, 0.2);
  padding: 19px;
  border-radius: 5px;
  margin-bottom: 8px;
}
.starBlinkWrap p{
  font-size: 18px;
  line-height: 28px;
  margin: 0px;
  font-family: "Graphik";
}
.starBlinkWrap img {
  padding-top: 5px;
}
.product-ecosytembuilt-container {
  overflow: hidden;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
}
.product-ecosytem-table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  border-collapse: collapse;
}
.product-ecosytem-column {
  border-right: 1px solid #786cd376;
}
.product-ecosytem-column:last-child {
  border-right: none;
}
.ecosytem-header {
  background: #eae9f5;
  color: #000;
  text-align: center;
  padding: 20px;
  font-family: "Graphik-Semibold";
  font-size: 18px;
  line-height: 26px;
  min-height: 94px;
}
.ecosytem-header img {
  display: block;
  margin: 0 auto 8px;
  width: 32px;
  height: 32px;
}
.ecosytem-item {
  padding: 20px;
  text-align: center;
  font-size: 18px;
  font-family: "Graphik";
  line-height: 26px;
  min-height: 121px;
}
.ecosytem-item:last-child {
  border-bottom: none;
  min-height: unset;
}
.ecosytem-img {
  margin: 22px 0px;
}
/*
  .yuj-partnership-built-section {
    width: 100%;
  }*/
.show-yuj-partnership-layout {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  /*height: 348px;*/
}

/* long-pcard Left Card */
.partership-card.long-pcard {
  width: 22%;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border: 1px solid #eae9f5;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

/* Right Grid (6 cards) */
.partnership-right-cardgrid {
  gap: 20px;
  display: flex;
  flex-direction: column;
  width: 74%;
}
.pbrow {
  display: grid;
  gap: 16px;
}
.pbrow-first {
  grid-template-columns: 30% 34% 36%;
}
.pbrow-second {
  grid-template-columns: 39% 34% 27%;
}
.partership-card.small-pcard {
  border-radius: 6px;
  /*background: linear-gradient(135deg, #FFA825, #604BFF);
  color: #fff;*/
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-weight: bold;
  border: 1px solid #eae9f5;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}
.partership-card.small-pcard h3,
.partership-card.long-pcard h3 {
  font-size: 60px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  line-height: 1;
}
.partership-card.long-pcard p,
.partership-card.small-pcard h5 {
  font-size: 20px;
  font-family: "Graphik";
  line-height: 26px;
  text-align: left;
}
.purplehightlight {
  color: #4b3bc4;
}
.partnership-bg-numbers p{
  font-size: 20px;
  font-family: "Graphik";
  line-height: 32px;
  margin-top: 16px;
  margin-bottom: 0px;
}
/* Variable width visual variety */
.partnership-bullet-list ul li {
  font-size: 20px;
  font-family: "Graphik";
  line-height: 30px;
  margin-top: 32px;
  margin-bottom: 42px;
  position: relative;
  padding-left: 32px;
}
.partnership-bullet-list ul {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.partnership-bullet-list ul li::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 0px;
  background: url(/wp-content/uploads/2025/06/star-shine-icon.png)
    no-repeat center;
  background-size: contain;
  top: 3px;
}
.parternship-container h2 {
  color: #fff;
}
.partersnhip-journey-item:last-child .foundation-content p {
  margin-bottom: 0px;
}
.foundation-year.evenYear {
  justify-content: flex-start;
  align-items: flex-start;
}
.foundation-year.oddYear {
  align-items: flex-start;
  padding: 20px 20px 0px 0px;
}
.parternship-timeline {
  margin-top: 46px;
}
.foundation-content {
  padding-top: 30px;
}
.foundation-content li {
  font-size: 18px;
  line-height: 28px;
  font-family: 'Graphik';
  list-style: disc;
}
.foundation-content ul{
  margin-left: 17px;
}
.foundation-content h3 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Graphik-Medium";
  margin-bottom: 8px;
}
.foundation-year {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.partersnhip-journey-item {
  display: flex;
  gap: 10px;
  color: #fff;
}
.oddColumn .foundation-content {
  padding-right: 35px;
}
.foundation-content,
.foundation-year {
  width: 50%;
}
.enterprise-design-system h2{
  font-size: 40px;
}
.fordesktop-layout{ /* For Desktop Layout */
  display:flex;
}
.formobile-layout{ /* For Desktop Layout */
  display:none;
}
.design-management-framework{
  display: flex;
  font-family: 'Graphik';
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mgprogram-mg-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}
.mgprogram-mg-wrap .mgouter-mg-wrap{
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 28px;
  text-align: center;
}
.mgprogram-mg-wrap .mgouter-mg-wrap .mginner-mg-wrap{
  display: flex;
  gap:70px;
  height: 100%;
  text-align: center;
}
.mgprogram-mg-wrap .mgouter-mg-wrap .mginner-mg-wrap .mg-wrap{
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.mgprogram-mg-wrap .mgouter-mg-wrap .mginner-mg-wrap .mg-wrap .sperator{
  display: block;
  background: #C6EBA4;
  height: 1px;
  width: 100%;
}
.mgprogram-mg-wrap .mgouter-mg-wrap h4{
  margin: 0;
  font-family: 'Graphik-Medium';
}

.mgprogram-mg-wrap.discover{
  border-right: 1px solid #CDCAEF;
}
.mgprogram-mg-wrap.setup{
  border-right: 1px solid #CDCAEF;
}
.mgprogram-mg-wrap.operate{
  border-right: 1px solid #CDCAEF;
}
.mgprogram-mg-wrap.discover .mgouter-mg-wrap{
  background: #FEF9FB;
}
.mgprogram-mg-wrap.setup .mgouter-mg-wrap{
  background: #FDFFFA;
}
.mgprogram-mg-wrap.operate .mgouter-mg-wrap{
  background: #F9F8FF;
}
.mgprogram-mg-wrap.maintain .mgouter-mg-wrap{
  background: #FBF9FE;
}

.mgprogram-mg-wrap .mghead-sec, .mgprogram-mg-wrap .mgfoot-sec{
  padding: 22px;
  text-align: center;
}
.mgprogram-mg-wrap .mghead-sec{
  font-size: 24px;
  font-family: 'Graphik-Medium';
  color: rgba(0, 0, 0, 0.80);
}
.mgprogram-mg-wrap .mgfoot-sec{
  font-size: 24px;
  font-family: 'Graphik-Medium';
  color: #595959;
}
.mgprogram-mg-wrap.discover .mghead-sec, .mgprogram-mg-wrap.discover .mgfoot-sec{
  background: #FFCFDE;
}
.mgprogram-mg-wrap.setup .mghead-sec, .mgprogram-mg-wrap.setup .mgfoot-sec{
  background: #C6EBA4;
}
.mgprogram-mg-wrap.operate .mghead-sec, .mgprogram-mg-wrap.operate .mgfoot-sec{
  background: #AFCDFF;
}
.mgprogram-mg-wrap.maintain .mghead-sec, .mgprogram-mg-wrap.maintain .mgfoot-sec{
  background: #BFAFFF;
}

.mgprogram-mg-wrap .mg-circle{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 136px;
  height: 136px;
  border-radius: 50%;
  font-size: 18px;
  color: #595959;
  line-height: 28px;
  border: 2px solid #FFCFDE;
}
.mgprogram-mg-wrap.operate .mg-circle{
  border-color: #AFCDFF;
}

.mgprogram-mg-wrap .mg-circle.ssm{
  width: 112px;
  height: 112px;
}
.mgprogram-mg-wrap .mg-square{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  color: #595959;
  line-height: 28px;
  border-radius: 4px;
  border: 2px solid #C6EBA4;
  padding: 24px;
}
.mgprogram-mg-wrap.maintain .mg-square{
  border-color: #BFAFFF;
}
.mgprogram-mg-wrap .mg-square.ssm{
  padding: 12px 24px;
}
.mgprogram-mg-wrap .mg-square.mmd{
  padding: 14px 24px;
}
.honeywell-logos-container{
  margin-top: 0px;
}
.postid-23256 #custom_html-15{
  display:none;
}
/* Enterprise Design Solution page css ends */

/* us specific css for contact form start */
.cf-abt-project-requirement span#uscf-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.cf-abt-project-requirement span#cf-uscheckbox .wpcf7-list-item {
  margin: 0px 15px 10px 0px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}
.cf-abt-project-requirement span#cf-uscheckbox span.wpcf7-list-item label {
  display: flex !important;
  align-items: center;
}
.wpcf7-form-control-wrap{
  z-index: 1;
}
.cf-field .wpcf7-not-valid-tip{
  display:flex;
}
.latest-case-study-box .cs-img img{
  width: 100%;
}
.page-id-11931 #custom_html-15{
  display:none;
}
/* us specific css for contact form ends */

/* new css for no section spacing start */
.without-section-spacing .headingsection {
  padding-top: 80px;
}
/* new css for no section spacing ends */

/* case study revolutionizing car rental page css start */
.carrental-nutshell h4{
  font-size: 24px;
  line-height: 32px;
  max-width: 70%;
}
.seamless-experience {
  display: flex;
  gap: 50px;
  margin-top: 70px;
}
.seamless-experience .content h3{
  font-size: 30px;
  font-family: 'ClashDisplay-Semibold';
  margin-bottom: 8px;
}
.seamless-experience .content{
  padding-right: 100px;
}
.seamless-experience .content, .seamless-experience .image {
  width: 50%;
}
.seamless-experience .innovation-proto-list-section{
  gap:35px;
  margin-bottom: 35px;
}
.seamless-experience .content h4 {
  color: #5549C8;
  font-size: 22px;
  line-height: 32px;
  font-style: italic;
  font-family: 'Graphik';
}
.roadblocks-section {
  margin-top: 100px;
}
.roadblocks-section h3{
  color: #595959;
  font-size: 30px;
  font-family: 'ClashDisplay-Semibold';
  margin-bottom: 12px;
}
.roadblocks-section p{
  font-size: 24px;
  line-height: 32px;
  font-family: 'Graphik';
  max-width: 60%;
}
.road-route {
  position: relative;
  width: 100%;
  height: 400px;
}
.roadblocks-section .road-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.roadpoint {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: 450px;
}
.roadpoint-top {
  flex-direction: column;
  align-items: flex-start;
}
.roadpoint-bottom {
  flex-direction: column;
  align-items: flex-start;
}
.road-route-content {
  flex: 1;
}
.road-route-content h4 {
  font-size: 24px;
  margin-bottom: 2px;
  line-height: 30px;
  font-family: 'ClashDisplay-Semibold';
}
.road-route-content p {
  font-size: 16px;
  line-height: 24px;
}
/* Position each point */
.roadpoint-1 {
  top: 20px;
  left: 19%;
}

.roadpoint-2 {
  bottom: 70px;
  left: 15%;
}
.roadpoint-3 {
  top: 150px;
  right: 2%;
  text-align: left;
}
.roadpoint-3 .road-route-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.roadpoint-3 .road-route-content p{
  max-width: 90%;
}
.carrental-pillars {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
  align-items: flex-end;
}
.car-rental-wrapper {
  color: #fff;
}
.car-rental-wrapper h2{
  margin-bottom: 24px;
}
.car-rental-wrapper p{
  font-size: 24px;
  font-family: "Graphik";
  line-height: 32px;
}
.car-rental-pillar {
  display: flex;
  align-items: stretch;
  gap: 0;
  position: relative;
  color:#fff;
  justify-content: flex-end;
  margin-top: -25px;
}

.car-rental-pillar:nth-child(1) {
  width: 70%;
  max-width: 620px;
}

.car-rental-pillar:nth-child(2) {
  width: 85%;
  max-width: 900px;
}

.car-rental-pillar:nth-child(3) {
  width: 100%;
  max-width: 1200px;
}

.ribbon-wrapper {
  position: relative;
  min-width: 140px;
  height: 160px;
  flex-shrink: 0;
  z-index: 1;
}

.ribbon-card {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  font-family: 'ClashDisplay-Semibold';
  position: relative;
}

.ribbon-card img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ribbon-card span {
  position: relative;
  z-index: 1;
  padding-right: 20px;
}

.car-rental-pillar .content-card {
  background: linear-gradient(180deg, #21003D 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px -4px 21.2px rgba(255, 255, 255, 0.18);
  border-radius: 0px;
  padding: 35px 30px 35px 30px;
  flex: 1;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  margin-left: -20px;
  position: relative;
  z-index: 2;
  max-width: 85%;
  margin-top: 25px;
}

.car-rental-pillar .content-card:hover {
  transform: translateX(0px);
  box-shadow: 0px -4px 21.2px rgba(255, 255, 255, 0.18);
}

.car-rental-pillar .content-card p {
  font-size: 24px;
  line-height: 32px;
  opacity: 0.95;
  margin: 0;
}
.scoreprogress-wrapper .score-progress {
  font-size: 50px;
  margin-bottom: 20px;
  font-family: 'ClashDisplay-Semibold';
}
.scoreprogress-wrapper .score-highlight {
  color: #FFA41B;
}
.scoreprogress-wrapper .score-total {
  color: #595959;
  font-size: 40px;
}
.scoreprogress-wrapper{
  margin-top: 55px;
  margin-bottom: 120px;
}
.casestudy-design-stragtegy-approach .scoreprogress-wrapper .statistics-box:not(:last-child)::after{
  right: 5px;
  height: 120px;
  width: 2px;
  background: url(/wp-content/uploads/2025/10/light-grey-vertical-border.svg) no-repeat center;
}
.casestudy-design-stragtegy-approach .business-milestones .statistics-box p{
  font-size: 20px;
  line-height: 26px;
}
.casestudy-design-stragtegy-approach .business-milestones .statistics-box:not(:last-child)::after{
  content:none;
}
.casestudy-design-stragtegy-approach .business-milestones .statistics-box{
  padding: 10px 50px 10px 0px;
}
.carrental-impactdesign h5{
  font-family: 'ClashDisplay-Semibold';
}
.crafted-experience-section h2{
  margin-bottom: 25px;
}
.crafted-experience-wrapper{
  display:flex;
  gap:80px;
  flex-direction: column;
}
.crafted-experience-wrapper > div:nth-child(2) .projectDetails::after {
  content: "";
  position: absolute;
  top: 16px;
  right: -72px;
  width: 90px;
  height: 2px;
  background: url(/wp-content/uploads/2025/10/horizontal-yellow-gradient-line.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.crafted-experience-wrapper > div:nth-child(2) .projectDetails::before{
  content:none;
}
.crafted-experience {
  display: flex;
  gap: 90px;
  align-items: center;
}
.crafted-experience .projectScreenshot {
  width: 70%;
}
.crafted-experience .projectDetails {
  width: 30%;
  position: relative;
}
.crafted-experience .projectDetails h3 {
  color: #595959;
  font-family: 'ClashDisplay-Semibold';
  line-height: 32px;
  margin-bottom: 12px;
}
.crafted-experience .projectDetails p {
  font-family: 'Graphik';
  font-size: 20px;
  line-height: 26px;
}
.crafted-experience .projectDetails::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -100px;
  width: 90px;
  height: 2px;
  background: url(/wp-content/uploads/2025/10/horizontal-yellow-border.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
/* case study revolutionizing car rental page css ends */

/* case study revolutionizing financial crime detection css starts */
.crime-detection-topsection h4{
  padding-right: 0px;
  max-width: 600px;
}
.crime-detection-nutshell h2{
 margin-bottom: 32px;
}
.crime-detect-business-goals p{
  font-size: 24px;
  line-height: 32px;
  font-family: 'Graphik';
  margin: 24px 0px 56px 0px;
}
.crime-detect-business-goals .process {
  display: flex;
  gap: 32px 45px;
  padding: 20px 32px;
  flex-wrap: wrap;
}
.crime-detect-business-goals .process .data {
  position: relative;
  width: 47%;
}
.crime-detect-business-goals .process .data::before {
  content: "";
  width: 2px;
  height: 100%;
  display: block;
  background: url(/wp-content/uploads/2025/11/purple-grey-border-vertical.svg) no-repeat top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -32px;
}
.crime-detect-business-goals .process h5 {
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", "sans-serif";
  margin: 14px 0px 16px 0px;
}
.crime-detect-business-goals .process ul{
  margin-left: 14px;
}
.crime-detect-business-goals .process ul li{
  list-style: disc;
  font-family: 'Graphik';
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 5px;
}
.roadmap-bullet-list {
  margin-top: 38px;
}
.roadmap-bullet-list ul {
  display: flex;
  flex-direction: column;
}
.roadmap-bullet-list ul li {
  font-size: 20px;
  font-family: "Graphik";
  line-height: 30px;
  position: relative;
  padding-left: 32px;
  margin-bottom:28px;
}
.roadmap-bullet-list ul li::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 0px;
  background: url(/wp-content/uploads/2025/06/star-shine-icon.png) no-repeat center;
  background-size: contain;
  top: 3px;
}
.create-roadmap-section{
  align-items: flex-start;
  margin-top: 32px;
}
.fragment-layers{
  display: flex;
  width:100%;
}
.fragment-system-section {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 100px;
}
.fragment-system-section h2{
  margin-bottom: 46px;
}
.fragment-system-section .image-section {
  position: relative;
  display: flex;
  width:35%;
}
.fragment-system-section .image-section .circle-image {
  width: 400px;
  height: auto;
  object-fit: contain;
}
.fragment-system-section .content-section {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width:60%;
  position: relative;
}
.fragment-system-section .content-section .stepitem {
  position: absolute;
}
.fragment-system-section .content-section .stepitem h3 {
  font-size: 24px;
  color: #211E22;
  margin-bottom: 8px;
  font-family: 'Graphik-Medium';
}
.fragment-system-section .content-section .stepitem p {
  font-size: 18px;
  line-height: 26px;
  color: #211E22;
  margin: 0px;
  font-family: 'Graphik';
}
.fragment-system-section .content-section > div:nth-child(1){
  top:10px;
}
.fragment-system-section .content-section > div:nth-child(2){
  top:170px;
}
.fragment-system-section .content-section > div:nth-child(3){
  top:335px;
}
.fragment-system-section .content-section > div:nth-child(4){
  top:465px;
}
.approach-wrapper {
  display: flex;
  gap: 22px 32px;
  justify-content: center;
  flex-wrap: wrap;
}
.design-approach-section h2 {
  color: #fff;
  margin-bottom: 60px;
}
.approach-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
}
.approach-card {
  padding: 20px 32px;
  text-align: left;
  width: 100%;
  max-width: 420px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: rgba(255, 255, 255, 0.1); /* 10% opacity */
  backdrop-filter: blur(128.2px); /* Apply strong blur */
  -webkit-backdrop-filter: blur(128.2px); /* Safari support */
  border-radius: 16px;
}
.approach-card:hover {
  transform: translateY(-5px);
}
.approach-card h3 {
  color: #f59301;
  font-size: 24px;
  margin-bottom: 12px;
  margin-top: 0px;
  font-family: 'ClashDisplay-Semibold';
}
.approach-card p {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  font-family: 'Graphik';
}
.crime-detection-user-persona-section{
  display: flex;
  flex-direction: column;
  gap: 150px;
}
.crime-detection-user-persona-section h2{
  clear: both;
}
.crime-detection-personas-wrapper {
  position: relative;
  min-height: 500px;
  margin-top: 80px;
}
.detection-persona-card {
  position: absolute;
  max-width: 560px;
  display: flex;
  gap: 20px;
  align-items: center;
}
/* Sarah Mitchell - Top Left */
.detection-persona-card:nth-child(1) {
  top: -150px;
  right: 13%;
  flex-direction: row-reverse;
}
/* Rachel Thompson - Top Right */
.detection-persona-card:nth-child(2) {
  top: -40px;
  left: 0%;
}
/* Michael Rodriguez - Middle Left */
.detection-persona-card:nth-child(3) {
  top: 95px;
  right: -65px;
}
/* Marcus Chen - Bottom Right */
.detection-persona-card:nth-child(4) {
  top: 230px;
  left: 16%;
  flex-direction: row-reverse;
}
.detection-persona-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
p.persona-quote {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: 'Graphik-Medium';
  margin: 0px 0px 10px 0px;
}
.persona-name {
  font-size: 16px;
  color: #4B3BC4;
  margin-bottom: 4px;
  font-family: 'ClashDisplay-Medium';
}
.persona-role {
  font-size: 14px;
  color: #595959;
  line-height: 16px;
  font-family: 'Graphik';
}
.detection-persona-image {
  width: 210px;
  height: 235px;
  flex-shrink: 0;
}
.detection-persona-card:nth-child(2) .detection-persona-image {
  width: 260px;
}
.detection-persona-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.crime-detection-outcome-wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.crime-detect-impactdesign .discovery-wrap .discovery-card p{
  color:#000;
}
.crime-detect-impactdesign .discovery-wrap .discovery-card h4{
 line-height: 26px;
 padding: 0px;
}
.crime-detect-impactdesign .discovery-wrap .discovery-card{
  padding: 0px 16px 28px;
}
.crime-detection-topsection .case-study-content h1{
  padding-top: 0px;
}
/* case study revolutionizing financial crime detection css ends */


/* Agentic ai compaign run css start */
.agentic-ai-compaign h1{
  font-size: 36px;
  font-family: 'ClashDisplay-Semibold';
  margin-top: 10px;
}
.agentic-ai-compaign h5{
  font-family: 'Graphik';
  font-size: 22px;
  margin-top: 15px;
  line-height: 30px;
}
.agentic-ai-compaign .thanks-box{
  border-bottom: 0px;
  margin-bottom: 0px;
}
.agentic-ai-compaign .agentic-videocard .agentic-videocard-text h3{
  font-size:20px;
}
.page-id-23370 #custom_html-15{
  display:none;
}
.page-id-23372 #custom_html-15{
  display:none;
}
.compaigninterested h1{
  font-size: 32px;
}
.compaigninterested{
  margin-top: 40px;
}
.agentic-ai-compaign {
  margin-top: 50px;
}
.agentic-ai-compaign .test-button{
  width:auto;
}
.email-warning-msg {
  font-size: 12px;
  color: #F69300;
}
/* Agentic ai compaign run css ends */

/* gsdp page css start */
.gsdp-section01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
}
.gsdp-section01 img{
  opacity: 0.5;
}
.gsdp-section01 h1{
  color: #fff;
  text-align: center;
  font-size: 56px;
  line-height: 66px;
  font-family: 'Graphik-Medium';
  padding: 0px 40px;
}
.gsdp-section02 h2{
  color: #fff;
  text-align: center;
  font-size: 56px;
  line-height: 66px;
  font-family: 'Graphik-Medium';
  padding: 0px 40px;
  margin: 0 auto;
  font-style: italic;
}
.gsdp-section02 {
  align-items: flex-end;
  padding-bottom: 40px;
  min-height: 650px;
  color: #fff;
  display: flex;
}
.gsdp-section03 {
  display: flex;
  color: #fff;
  gap: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 150px 0px;
  background-image: url(/wp-content/uploads/2025/11/idea-click.png);
  background-size: 25%;
  background-position: right 115%;
  background-repeat: no-repeat;
}
.gsdp-section03 h2{
  font-size: 48px;
}
.gsdp-section03 p{
  font-size: 24px;
  text-align: center;
  font-family: 'Graphik';
  line-height: 32px;
  padding: 0px 150px;
  margin: 0px;
}
.gsdp-connect-section h2{
  font-size: 48px;
  max-width: 600px;
}
.page-id-23393 #custom_html-15{
  display:none;
}
.gsdp-section-belive-many {
  display: flex;
  gap: 30px;
  padding-top:50px;
}
.gsdp-section-belive-many div{
  width:50%;
}
.gsdp-section-belive-many h1{
  font-size: 56px;
  line-height: 66px;
  font-family: 'Graphik-Medium';
  margin-bottom: 24px;
}
.gsdp-section-belive-many .imgdata{
  text-align: right;
}
.gsdp-section-belive-many p{
  font-size: 24px;
  font-family: 'Graphik';
  line-height: 32px;
}
.gsdp-guide-philosophy {
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gsdp-guide-philosophy h2{
  font-size: 48px;
}
.gsdp-guide-philosophy p{
  font-size: 24px;
  text-align: center;
  font-family: 'Graphik';
  line-height: 32px;
  margin: 0px;
}
.insidegsdpcontent {
  display: flex;
}
.leftgsdpContent {
  width: 50%;
}
.rightgsdpContent {
  width: 50%;
}
/* Fixed title box while scrolling */

.stackedgsdpcards-wrapper {
  position: relative;
}

.stackedgsdpCard {
  position: sticky;
  top: 120px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 50px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  z-index: 1;
  overflow: hidden; /* Added to clip content */
}

.stackedgsdpCard:last-child {
  /*margin-bottom: 20vh;*/
}

.stackedgsdpCard h2 {
  font-size: 48px;
  color: #000;
  transform-origin: top left;
  transition: transform 0.3s ease;
  margin: 0 0 20px 0;
}

.stackedgsdpCard p {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-family: graphik;
  transition: opacity 0.3s ease;
}

.stackedgsdpCard img {
  transition: opacity 0.3s ease;
}

.stackedgsdpCard:nth-child(1) {
  color: #000;
}
.creativeconsother {
  display: flex;
  width: 40%;
  top: -320px;
  position: relative;
  gap:20px;
}
.creativecons {
  display: flex;
  gap: 50px;
}
.leftcreative {
  width: 60%;
}
.rightcreative {
  width: 40%;
}
.stackedgsdpCard iframe{
  border-radius: 10px;
}
/* gsdp page css ends */


/* yuj dna new webinar page css start */
select#workingprofession {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/wp-content/uploads/2024/01/downward-arrow.svg) no-repeat right 10px center;
  background-size: 4%;
  border: 1px solid #ece9e7 !important;
  padding: 12px;
  height: 42px;
  border: 0;
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
  color: #8a97a0;
}
#workingprofession {
  display: flex;
  gap: 30px;
  margin: 5px 0px;
}
#workingprofession span.wpcf7-list-item {
  display: flex !important;
  margin: 0px !important;
}
#workingprofession span.wpcf7-list-item label {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  margin-top: 0px;
}
/* yuj dna new webinar page css ends */