html,
body {
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
  background-color: #FFFFFF;
  overflow-x: clip;
  /*overflow-y: scroll; */
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
  font-family: "KareliaWeb-Regular", sans-serif;
}

/*body {*/
/*  overflow-x: hidden;*/
/*}*/

/* Averic FOnt Family */

@font-face {
  font-family: 'KareliaWeb-Regular';
  src: url('/wp-content/themes/twentytwenty/external-css/css/fonts/KareliaWeb-Regular.ttf');
}

@font-face {
  font-family: 'KareliaWeb-Medium';
  src: url('/wp-content/themes/twentytwenty/external-css/css/fonts/KareliaWeb-Medium.ttf');
}

@font-face {
  font-family: 'KareliaWeb-Bold';
  src: url('/wp-content/themes/twentytwenty/external-css/css/fonts/KareliaWeb-Bold.ttf');
}

/************************************************
*                 Font Classes                  *
************************************************/

.kareliaWeb-regular {
  font-family: 'KareliaWeb-Regular';
}

.kareliaWeb-medium {
  font-family: 'KareliaWeb-Medium';
}

.kareliaWeb-bold {
  font-family: 'KareliaWeb-Bold';
  font-weight: 700;
}


/************************************************
      color Classes
************************************************/

.white {
  color: #FFFFFF;
}

.light-white {
  color: #EFEDEB;
}

.grey {
  color: #373737;
}

.light-grey {
  color: #858585;
}

.black {
  color: #000000;
}

.red {
  color: #E82B2E;
}



/* Background color  */
.white-bg {
  background-color: #FFFFFF !important;
}

.light-white-bg {
  background-color: #EFEDEB;
}

.grey-bg {
  background-color: #373737;
}

.light-grey-bg {
  background-color: #858585;
}

.black-bg {
  background-color: #000000;
}

.red-bg {
  background-color: #E82B2E !important;
}
.light-black-bg {
  background-color: rgb(28, 28, 28) !important;
}


/***********************************
      common classes
*************************************/
.leftright-spacing {
  padding: 0px 100px;
}

.topbottom-spacing {
  padding: 100px 0px;
}

.padding-top {
  padding-top: 100px;
}

.padding-bottom {
  padding-bottom: 100px;
}

.padding-zero {
  padding: 0;
}

.margin-zero {
  margin: 0;
}

.common-centre-head-row {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 99;
  position: relative;

}

.common-centre-head-div h2 {
  font-size: 36px;
}

.common-centre-head-div p {
  width: 60%;
  margin: 0 auto;

}

.common-heading {
  font-size: 50px;
  margin-bottom: 20px;
}

.common-paragraph {
  font-size: 17px;
  margin-bottom: 15px;
}


/* Header Style */
.navigation {


  z-index: 9999;
  pointer-events: none;
  background-color: #fff0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  --ease: cubic-bezier(0.6, 0.6, 0, 1);
  --duration: 1s;
  transition: background-color var(--duration) var(--ease), margin-top var(--duration) var(--ease);
  padding: 15px 0px;
}

.global-padding {
  padding-right: 70px;
  padding-left: 70px;
}

.w-nav {
  z-index: 1000;
  background: #fff;
}

.nav-mobile__btns-wrap {
  display: none;
}

/* Header Animation */
.navigation.scrolled {
  position: fixed !important;
  border-radius: 625rem;
  justify-content: space-around;
}

.navigation.scrolled .nav__btns-wrapper.w-nav-menu {
  margin-bottom: 0px !important;
}

.navigation.scrolled .icon-embed.logo-mark {
  display: block;
  margin-top: 0rem;
  width: 30%;
}

.navigation.scrolled .nav__wrapper {
  background: none;
}

.navigation.scrolled .nav__wrapper::before,
.navigation.scrolled .nav__wrapper::after {
  display: none;
}

.navigation.scrolled .nav__wrapper .container-medium.nav {
  padding: 0px 10px 0px;
}

.navigation.scrolled .nav__logo {
  display: flex;
}


.nav__wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;

}



.container-medium.nav {}

.nav__parent {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav__logo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #1b1a1a;
  align-items: center;
  display: flex;
}

.nav__logo-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  pointer-events: auto;
  align-items: center;
  display: flex;
  max-width: 100%;
}

.icon-embed.logo-mark {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  /*margin-top: 2rem;*/
}

.icon-embed {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-mark__mask {
  transition: width .5s;
}

.menu__col-list .menu__link {
  transition: opacity 300ms;
}

.menu__col-list:has(.menu__link:hover) .menu__link:not(:hover) {
  opacity: 0.6;
  transition: opacity 300ms;
}


.nav__dropdown-top .nav__resources-link {
  transition: opacity 300ms;
}

.nav__dropdown-top:has(.nav__resources-link:hover) .nav__resources-link:not(:hover) {
  opacity: 0.6;
  transition: opacity 300ms;
}

.w-nav-menu .button,
.nav__main-links {
  cursor: pointer;
}

.nav__main-links:hover .button__icon-wrapper {
  transform: rotateZ(-90deg) !important;
  /*transform: rotateZ(90deg) !important;*/
  background-color: transparent;
  transition: transform 500ms background-color 500ms;
}

.navigation.scrolled .nav__dropdown-menu.features {
  margin-left: -4rem;
}

.navigation.scrolled .nav__dropdown-menu.product {
  margin-left: -3.5rem;
}

.navigation.scrolled .nav__dropdown-menu.resources {
  margin-left: -9rem;
}


.icon-embed.logo-text {
  flex: none;
  width: 90%;
  max-width: none;
  height: 100%;
  display: block;
}

.nav__links-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 0);
  transition: transform var(--duration) var(--ease);
}

.br-32 {
  border-radius: 2rem;
  overflow: hidden;
}

.w-nav-menu {
  float: right;
  position: relative;
}

.nav-links__child {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  ;
  border-radius: 625rem;
  background-color: white;
  pointer-events: auto;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: relative;
}

.nav__dropdown {
  position: static;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.nav__dropdown-toggle {
  padding: 0;
  user-select: none;
  cursor: pointer;
  display: inline-block;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  text-decoration: none;
  position: relative;
}

.button.nav__main-links.default-cursor {
  cursor: pointer;
}

.button[icon-visibility="yes"] {
  padding-right: 2rem !important;
}


.button {

  color: #000;
  cursor: pointer;
  transition: padding .5s cubic-bezier(.165, .84, .44, 1), color .2s, background-color .2s, border-color .2s;
  position: relative;
  overflow: hidden;
  padding: 10px 25px !important;
  font-size: 16px !important;
  font-weight: 500 !important;

}


.button:hover .button__clip-hover {
  clip-path: circle(100% at 50% 50%);
}

.button:hover i {
  color: #E82B2E;
}

.button:hover .btn-link {
  color: #E82B2E;
  text-decoration: none;
}

.button:hover .btn-link.desktop-landscape {
  color: #fff;
  text-decoration: none;
}

.button__icon-text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-link.nav-mobile.default-cursor {
  cursor: pointer;
}

.btn-link {
  z-index: 1;
  color: inherit;
  display: block;
  position: relative;
}

.button[icon-visibility="yes"] .button__icon-wrapper {
  display: flex !important;
  opacity: 1 !important;
  transform: scale(1);
}

.button__icon-wrapper.transition {
  transition: transform .3s;
}

.button__icon-wrapper {
  z-index: 1;
  border-radius: 625rem;
  opacity: 0;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.88rem;
  height: 1.88rem;
  /*margin-top: auto;*/
  /*margin-bottom: auto;*/
  /*margin-right: .75rem;*/
  transition: transform .3s, opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: scale(0);
  font-size: 12px;
  margin: auto;
}

.button.nav__main-links.default-cursor.active {
  background-color: #000000;
  color: #fff;
}

.button__clip-hover {
  background-color: #000000;
  display: none;
  position: absolute;
  inset: 0%;
}

.button__clip-hover.red {
  background-color: #e82b2e;
}

.button__clip-hover {
  display: flex;
  clip-path: circle(0% at -3.31944% 55%);
  transition: clip-path 0.3s ease-in-out;
}

.button.nav:hover .button__clip-hover {
  clip-path: circle(100% at 50% 50%);
}

.fa-icon.regular {
  z-index: 1;
  font-family: "Fa 400", sans-serif;
  font-weight: 400;
  position: relative;
}

[fa-icon="xsmall"] {
  font-size: 12px !important;
}

.nav__dropdown-menu.br-32.bg-white.product {
  margin-left: -8.1rem;
}

.nav__dropdown-menu.br-32.bg-white {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #f3f4f6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #f3f4f6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #f3f4f6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #f3f4f6;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2rem 3rem 3rem;
  transform: translateY(72px);
  box-shadow: 0 23px 28.4px #00000040;
  display: none;
  pointer-events: all;
}

.menu__col-list .menu__link {
    text-decoration: none;
    color: inherit;
}

.w-dropdown-list.w--open {
  display: block;
}

.nav__dropdown-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, max-content) minmax(min-content, max-content) minmax(max-content, max-content);
  grid-auto-columns: 1fr;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
}

.menu__col-wrapper,
.menu__col-wrapper.webinar {
  height: 100%;
}

.menu__col-list {
  grid-column-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content);
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.spacing-8.tablet-below {
  display: none;
}



.menu__col-list {
  grid-column-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content);
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.menu__col-list.one-column.webinar,
.menu__col-item,
.menu__col-item.webinar {
  height: 100%;
}

.menu__link {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #1f2937;
  justify-content: flex-start;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  transition: color .3s;
  display: flex;
}

.menu__link-icon {
  border-radius: var(--border-radius--br-pill);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.88rem;
  height: 1.88rem;
  display: flex;
  background-color: #b8fd33;
}

.nav-menu__separator {
  background-color: #f3f4f6;
  width: 1px;
  margin-left: 3rem;
  margin-right: 3rem;
}

.menu__col-list.one-column {
  grid-template-columns: minmax(min-content, max-content);
  width: 100%;
}

.p-leading {
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 500;
}

.nav__btns-wrapper {

  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 30px
}

.w-nav.scrolled .chat-text.kareliaWeb-bold {
  display: block;
}

.w-nav.scrolled .nav__btns-wrapper {
  align-items: center;
}

.w-nav-menu {
  float: right;
  position: relative;
}

.button__icon-only {
  z-index: 1;
  color: #E82B2E;
  cursor: pointer;
  justify-content: center;
  align-items: center;

  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
  flex-direction: row;
  gap: 15px;
  position: relative;
  overflow: hidden;
}

.button__icon-only:hover,
.button__icon-only:focus {
  color: #E82B2E;
  text-decoration: none;
}

.chat-icon-div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #E82B2E;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.chat-icon-div img {
  width: 15px;
}

.button.nav {
  background-color: #000;
  color: #fff;
  border-style: none;
}

.hamburger__menu {
  pointer-events: auto;
  display: none;
}




/* Home Page Style Starts */


.home-banner-section {
  position: relative;
  width: 100%;
  height: 700px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: left;
  color: #000;
  overflow: hidden;
  perspective: 1000px;
  margin-top: 6rem;
  padding-left: 6rem;
  background: #000000;
}

.gdm-banner-sec {
  /*background-image: url('/wp-content/uploads/img/datastreak/common-banner.png') !important;*/
  width: 100% !important;
  height: 100vh !important;
  background-position: center;
  background-size: cover;
}

.ao-banner-sec {
  /*background-image: url('/wp-content/uploads/img/datastreak/common-banner.png') !important;*/
  width: 100% !important;
  height: 100vh !important;
  background-position: center;
  background-size: cover;
}

.dmai-banner-sec {
  /*background-image: url('/wp-content/uploads/img/dmai-images/banner-img.jpg');*/
  width: 100% !important;
  height: 100vh !important;
  background-position: center;
  background-size: cover;
}


/* Video Background */
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: -1;
}

.home-banner-section svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: auto;
  transform: translateZ(0);
  z-index: -1;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.home-banner-section svg polygon {
  pointer-events: all;
}

.banner-element-one {
  position: absolute;
  top: 20%;
  right: 10%;
  z-index: 9;
}

.banner-element-one img {
  width: 70%;
}

.banner-element-two {
  position: absolute;
  transform: rotate(180deg);
  right: 0%;
  top: 0%;
  width: 40%;
}

.banner-element-two img {
  width: 100%;
}


.banner-content {
  position: relative;
  /*top: -4rem;*/
  z-index: 1;
  color: #fff;
}


.banner-content h2.common-heading {
  margin-bottom: 0px;
}

.banner-content h1 {
  font-size: 50px;
  width: 75%;
  color: #fff;
  /* background: linear-gradient(90deg, #F6CB50 0%, #FDDD84 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600; */
  padding-bottom: 1rem;
}

.common-heading-div {
  margin-bottom: 40px;
}


.banner-content p {
  width: 52%;
  margin: 0 0 40px;
  font-size: 25px;
}

.synapt-btn {
  background: #E82B2E;
  border-radius: 20px;
  color: #fff;
  padding: 0.5rem 1.5rem;
  font-size: 16px;
}

.synapt-btn:hover {
  color: #fff;
  text-decoration: none;
}


.banner-btn {


  position: relative;
  background-color: #000;
  color: #ffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300px;
  height: 70px;
  font-size: 20px;
  font-weight: bold;
  outline: none !important;
  overflow: hidden;
}

.banner-btn:hover,
.banner-btn:focus {
  background-color: #FFFFFF;
  color: #E82B2E;
  text-decoration: none;
}

.banner-btn:hover,
.banner-btn:focus {
  text-decoration: none;
  color: #E82B2E;
}

.banner-btn:before {
  background-color: #ffff;
  color: #E82B2E;
  content: "";
  cursor: pointer;
  display: inline-block !important;
  left: -100%;
  line-height: 2rem !important;
  outline: none !important;
  overflow: hidden;
  padding: 5px 20px !important;
  position: absolute;
  text-align: center !important;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.banner-btn:hover:before {
    left: 0;
}


.banner-btn img {
  position: relative;
  margin-left: 10px;
  width: 10px;
  top: 2px;
}

.nav__btns-wrapper.w-nav-menu {}

.banner-btn:hover,
.banner-btn:focus {
  background-color: #000;
  color: #E82B2E;
  text-decoration: none;
}

.banner-btn.red-color-bg-btn {
  background-color: #E82B2E;
  color: #fff;
}

.banner-btn.red-color-bg-btn :hover,
.banner-btn.red-color-bg-btn :focus {
  background-color: #E82B2E;
  color: #fff;
  text-decoration: none;
}


.banner-element {
  position: absolute;
  animation: rotate 10s linear infinite;
  transform-origin: 50% 50% -300px;
  bottom: 9rem;
}

.banner-element.one {
  animation-delay: 0s;
  transform: rotateY(0deg) translateZ(300px);
}

.banner-element.two {
  animation-delay: 3.33s;
  transform: rotateY(120deg) translateZ(300px);
}

.banner-element.three {
  animation-delay: 6.66s;
  transform: rotateY(240deg) translateZ(300px);
}

.banner-element img {
  width: 55%;
}

@keyframes rotate {
  0% {
    transform: rotateY(0deg) translateZ(300px);
  }

  100% {
    transform: rotateY(360deg) translateZ(300px);
  }
}

/* Footer Section Style Start */
.footer-sec {
  position: relative;
  background-color: #fff;
  color: #000;
  overflow: hidden;
  z-index: 999;
}

.bottom-logo-img {
  width: 30%;
  margin-top: 10px;
}

.footer-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #FFFFFF;
  outline: none !important;
  overflow: hidden;
  transition: all .6s;
  z-index: 99;

  color: #E82B2E;
  width: 225px;
  height: 50px;

  font-size: 22px;
}

.footer-btn:hover,
.footer-btn:focus {
  background-color: #E82B2E;
  color: #000000;
  text-decoration: none;
}

.footer-btn:hover,
.footer-btn:focus {
  text-decoration: none;
  color: #000000;
}

.footer-btn:before {
  background-color: #E82B2E;
  color: #000000;
  content: "";
  cursor: pointer;
  display: inline-block !important;
  left: -100%;
  line-height: 2rem !important;
  outline: none !important;
  overflow: hidden;
  padding: 5px 20px !important;
  position: absolute;
  text-align: center !important;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.footer-btn:hover:before {
  left: 0;
}

.footer-btn img {
  margin-left: 25px;
}

.bottom-links {
  padding-top: 20px;
}

.footer-links-container {
  position: relative;
  padding: 70px 70px 60px 70px;
}

.footer-links-div {
  display: flex;
  justify-content: space-between;

}

.footer-address-div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}

.footer-address-div p {
  margin-bottom: 5px;
  width: 90%;
}

.top-logo-img {
  width: 80%;
}

.footer-links-div ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;

}

.footer-link-title {
  color: #E82B2E;
  font-size: 18px;
  margin-bottom: 10px;
}

.footer-links-div ul a {
  color: #000;

}

.footer-links-div ul a:hover,
.footer-links-div ul a:focus {
  color: #E82B2E;
  text-decoration: none;
}

.footer-social-links-col {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.footer-social-links-div {
  background-color: rgb(28, 28, 28);
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*gap: 30px;*/
  z-index: 9;
  width: 100%;
}
.footer-socials-icons {
    margin:30px 0px;
}
.footer-social-links-div h4 {
  font-size: 35px;
  color: #FFFFFF;
}

.footer-socials-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
      /*margin-right: 10px;*/
}

.social-icon:hover,
.social-icon:focus {

  border: 1px solid #E82B2E;
  background-color: #E82B2E;
}

.social-icon img {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}

.footer-copyright {
  background-color: #000;
  color: #FFFFFF;
  padding: 20px 85px;
}

.footer-copyright a {
  color: #FFFFFF;

}

.text-right a {
  text-decoration: underline;

}

.footer-copyright a:hover,
.footer-copyright a:focus {
  color: #E82B2E;
  text-decoration: none;
}

.footer-right {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.footer-copyright p {
  margin-bottom: 0px;
}

.footer-sec::before {
  animation: gradient-animation 22s ease-in-out .2s infinite;
  background: linear-gradient(350deg, rgba(121, 0, 22, .6) 12.52%, rgba(253, 23, 61, .6) 59.34%);
  border-radius: 50%;
  filter: blur(100px);
  height: 650px;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 650px;
  opacity: .85;
  top: 0;
  transform: rotate(0deg) scale(1) translateZ(0) translateY(-35%) translateX(-10%) skew(0deg);
  width: 650px;
  position: absolute;
  content: '';
  overflow: hidden;
  display: none;
}

@keyframes gradient-animation {

  0%,
  to {
    transform: rotate(0deg) scale(1) translateZ(0) translateY(-35%) translateX(-10%)
  }

  18.66% {
    transform: rotate(-5deg) translateZ(0) translateY(5%) translateX(140%) scale(1.1) skew(10deg)
  }

  33.32% {
    transform: rotate(5deg) translateZ(0) translateY(10%) translateX(-20%) scale(1) skew(-10deg)
  }

  49.98% {
    transform: rotate(5deg) translateZ(0) translateY(-60%) translateX(40%) scale(1) skew(15deg)
  }

  66.64% {
    transform: rotate(-5deg) translateZ(0) translateY(20%) translateX(125%) scale(1)
  }

  83.30% {
    transform: rotate(0) translateZ(0) translateY(10%) translateX(-50%) scale(1.3)
  }
}

/* Footer style End *



/* Button style with animations start */
.text-decoration-none {
  text-decoration: none;
}

.buttonLink_btnPosnawr__XPzjN {
  position: relative;
  overflow: hidden;
  height: 3vw;
  padding: 0 1.5vw;
  border-radius: 9vw;
  text-decoration: none;
  background-color: #f9f9f9;
  color: #E82B2E;
  display: flex;
  gap: calc(1.3888888889vw/2);
  align-items: center;
  justify-content: center;
  box-shadow: 0 .32vw .52vw rgba(0, 0, 0, .039), 0 .12vw .22vw rgba(0, 0, 0, .039);
  text-decoration: none;
  text-transform: capitalize;
  border: 1px solid #fff;
}

.buttonLink_btnPosnawr__XPzjN.black {

  background-color: #000000;
  color: #FFFFFF;
  border: 1px solid #000000;
}

.buttonLink_btnPosnawr__XPzjN.black:hover {

  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #FFFFFF;
}

.buttonLink_btnPosnawr__XPzjN.black .buttonLink_ball__GxPyg {
  display: none;
}

.buttonLink_btnPosnawr__XPzjN:hover .buttonLink_ball__GxPyg {
  width: 25vw;
  height: 25vw;
  z-index: 1;
}

.buttonLink_btnPosnawr__XPzjN:hover .buttonLink_labelClassic__Pdsp4 {
  transform: translate3d(calc(1.3888888889vw * -.4), 0, 0);
}


.buttonLink_btnPosnawr__XPzjN:hover .buttonLink_arrowClassic__5sO9_ {
  transform: translate3d(calc(1.3888888889vw * -1.3), 0, 0) rotate(-90deg);
  fill: #28282b;
  stroke: #28282b;
}


.buttonLink_btnPosnawr__XPzjN .buttonLink_labelClassic__Pdsp4 {
  z-index: 2;
  line-height: 46%;
  transition: all .6s cubic-bezier(.4, 0, .1, 1);
}

.buttonLink_btnPosnawr__XPzjN .buttonLink_arrowClassic__5sO9_ {
  width: .6vw;
  height: .6vw;
  fill: #28282b;
  stroke: #28282b;
  transform: rotate(-90deg);
  transition: all .6s cubic-bezier(.4, 0, .1, 1);
  position: absolute;
  right: calc(1.3888888889vw*-.8);
  z-index: 2;
}


.buttonLink_btnPosnawr__XPzjN .buttonLink_ball__GxPyg {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 40vw;
  background-color: #f2ffbd;
  transition: width .6s cubic-bezier(.4, 0, .1, 1), height .6s cubic-bezier(.4, 0, .1, 1);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.buttonLink_btnPosnawr__XPzjN .buttonLink_ball__GxPyg {

  background-color: #FFFFFF;

}

@media(max-width:812px) {

  .buttonLink_btnPosnawr__XPzjN {
    height: 9vw;
    padding: 0 4vw;
  }

  .buttonLink_btnPosnawr__XPzjN:hover .buttonLink_ball__GxPyg {
    width: 80vw;
    height: 80vw;
  }

  .buttonLink_btnPosnawr__XPzjN:hover .buttonLink_labelClassic__Pdsp4 {
    transform: translate3d(calc(1.3888888889vw * -.3), 0, 0);
  }

  .buttonLink_btnPosnawr__XPzjN:hover .buttonLink_arrowClassic__5sO9_ {
    transform: translate3d(calc(1.3888888889vw * -1.2), 0, 0) rotate(-90deg);
  }

  .buttonLink_btnPosnawr__XPzjN .buttonLink_labelClassic__Pdsp4 {
    line-height: 100%;
  }

  .buttonLink_btnPosnawr__XPzjN .buttonLink_arrowClassic__5sO9_ {
    width: 2vw;
    height: 2vw;
  }

}

/* Button style with animations end */
/* Want to be AI-ready Asap style start */


.ai-ready-sec {
  position: relative;
  background-color: #E82B2E;
  height: 600px;
  width: 100%;
  z-index: 99;
  /* background-image: url('/wp-content/uploads/img/contact-us-bg-animation.gif'); */
  /*background-repeat: no-repeat;*/
  /*background-position: center center;*/
  /*background-size: cover;*/
}

.ai-ready-sec .bg-video {
  position: absolute;
  top: 0;
  left: auto;
  right: -25px;
  width: 55%;
  height: auto;
  object-fit: cover;
  z-index: -1;
}

/*.ai-ready-sec::after {*/
/*  background-image: url('/wp-content/uploads/img/want-to-be-ready-img.png');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*  bottom: 0;*/
/*  content: "";*/
/*  height: 600px;*/
/*  position: absolute;*/
/*  width: 1000px;*/
/*  z-index: -1;*/
/*  right: 0;*/

/*}*/

.want-to-be-ready-img2 {
  position: absolute;
  right: 200px;
  left: auto;
}

.want-to-be-ready-img1 {
  position: absolute;
  bottom: auto;
  top: 100%;
}

.ai-ready-content-div h1 {
  max-width: 680px;
}

.ai-ready-container {
  padding: 100px 80px;
}

.ai-ready-content-div {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 90%;
}

.ai-ready-row,
.ai-ready-content-div {
  /* display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  gap: 30px; */
}

.ai-ready-content-div h1 {
  color: #FFFFFF;
  font-size: 70px;
  /* text-transform: uppercase; */
}


.ai-ready-btn {
  background-color: #000000;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  overflow: hidden;
  padding: 5px 5px;
  position: relative;
  text-align: center;
  transition: all .6s;
  z-index: 99;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 230px;
  height: 55px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 0;
}

.ai-ready-btn img {
  position: relative;
  margin-left: 20px;
  width: 10px;
  top: 2px;
}

.btn-red-svg {
  display: none;
}

.ai-ready-btn:hover .btn-red-svg {
  display: block;
}

.ai-ready-btn:hover .btn-white-svg {
  display: none;
}

.ai-ready-btn:hover,
.ai-ready-btn:focus {
  text-decoration: none;
  color: #000000;
}

.ai-ready-btn:before {
  background-color: #FFFFFF;
  color: #000000;
  content: "";
  cursor: pointer;
  display: inline-block;
  left: -100%;
  line-height: normal;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.ai-ready-btn:hover:before {
  left: 0;
}



.globe-img-div {
  position: absolute;
  right: 0;
  width: 25%;
  left: 0;
  bottom: -30%;
  margin: 0 auto;
  text-align: center;
  z-index: 100;
}

.globe-img-div img {
  width: 100%;
  height: 100%;
  animation: animName 20s linear infinite;

}

.robot-img-right-div {
  position: absolute;
  left: 5%;
  top: 30%;
  bottom: 0;
  z-index: 10;
  animation: run 20s linear infinite;
}

.robot-img-left-div {
  position: absolute;
  right: 5%;
  bottom: 20%;
  top: auto;
  z-index: 10;
  animation: runright 20s linear infinite;
}

.animeletter .letter {
  display: inline-block;
}

.micro-animation-div {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 90;
  opacity: 0.50;
  /*cursor: pointer;*/
  /* animation: move_wave 25s linear infinite; */
}

.micro-animation-div:hover {
  opacity: 1;
}


/* .  animation: move_wave 25s linear infinite; */
@keyframes run {
  0% {
    left: 0;
  }

  48% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    left: calc(100% - 100px);
    -webkit-transform: rotateY(180deg);
  }

  98% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    left: 0;
    -webkit-transform: rotateY(0deg);
  }
}


@keyframes runright {
  0% {
    right: 0;
  }

  48% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    right: calc(100% - 100px);
    -webkit-transform: rotateY(180deg);
  }

  98% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    right: 0;
    -webkit-transform: rotateY(0deg);
  }
}

@keyframes animName {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1)
  }

  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.9)
  }

  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1)
  }
}

/* Want to be AI-ready Asap style end */





/* Home Page Second Section */
.enterprises-section {
  position: relative;
  padding: 100px 75px;
  background-color: #000000;
  margin-bottom: -1rem;
}

.enterprises-section-element {
  position: absolute;
  bottom: 0;
  top: auto;
}

.enterprises-section-element img {
  width: 75%;
}

.enterprises-section-element.one {
  right: -9rem;
}

.enterprises-section-element.two {
  left: 0px;
}

.enterprises-section-element.three {
  right: 13%;
}

.enterprises-section-element.four {
  left: 23rem;
}

.enterprises-section h2 {
  margin: 0 auto 6rem;
  position: relative;
}

.enterprises-img-div {
  position: relative;
  z-index: 9;
  margin: 6rem auto -6.6rem;
}

.enterprises-img-div img {
  width: 25%;
}

.enterprises-img-div::after {
  content: url('/wp-content/uploads/img/home-vector-1.png');
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  top: -2rem;
  right: 12rem;
  animation: gradient-animation 22s ease-in-out .2s infinite;
}

.enterprises-section h2::before {
  content: url('/wp-content/uploads/img/home-vector.png');
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  top: -1rem;
  left: 2rem;
  animation: gradient-animation 22s ease-in-out .2s infinite;
}

.partners-list {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(8.4524%, transparent), color-stop(12.2619%, #000), color-stop(87.7381%, #000), color-stop(91.5476%, transparent), to(transparent));
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 8.4524%, #000 12.2619%, #000 87.7381%, transparent 91.5476%, transparent);
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(8.4524%, transparent), color-stop(12.2619%, #000), color-stop(87.7381%, #000), color-stop(91.5476%, transparent), to(transparent));
  mask-image: linear-gradient(90deg, transparent 0, transparent 8.4524%, #000 12.2619%, #000 87.7381%, transparent 91.5476%, transparent);
  position: relative;
  margin-top: 3rem;
}

.partners-list__marquee {
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.partners-list__marquee,
.partners-list__marquee .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.partners-list__marquee .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.partners-box,
.partners-list .js-marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.partners-box {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.3854166667vw;
  margin: 0 2.6041666667vw
}

.partners-box img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  max-height: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}



/* Sneak peek of AI solutions style start */
.sneak-peek-sec {
  position: relative;
  background-color: #FFFFFF;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sneak-peek-sec::after {
  background-image: url('/wp-content/uploads/img/map-img.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 1100px;
  width: 1100px;
  z-index: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sneak-peek-head-container {
  position: relative;
  padding: 100px 0px 50px 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.sneakpeek-swiper-slide-div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sneak-peek-swiper-container {
  padding: 0px 0px 0px 100px;
}

.sneakpeekSwiper .swiper-wrapper {
  margin-bottom: 100px;
}

.slide-img-div {
  position: relative;
  width: 100%;
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.slide-img-div img {
  width: 70%;
}

.sneakpeekSwiper .swiper-slide.swiper-slide-active .slide-img-div:before {
  background-image: url('/wp-content/uploads/img/red-rectangle.svg');
  background-repeat: no-repeat;
  background-size: 250px;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
  right: 0;
  left: 0;
  top: 0;
}

.sneakpeekSwiper .swiper-slide .slide-img-div:before {
  background-image: url('/wp-content/uploads/img/black-rectangle.svg');
  background-repeat: no-repeat;
  background-size: 250px;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
  right: 0;
  left: 0;
  top: 0;
}


/* Why Choose Prodapt style start */

.why-choose-prodapt-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 80px 15rem;
}

.why-choose-prodapt-logo-div {
  position: relative;
  z-index: 9;
}

.why-choose-prodapt-head {
  padding-top: 50px;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.padding-right {
  padding: 0px 0px 0px 75px;
}

.padding-left {
  padding: 0px 75px 0px 0px;
}

.why-choose-prodapt-card {
  position: relative;
  width: 350px;
  height: 350px;
  background-color: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  padding: 0px 60px;
  margin-bottom: 50px;
  color: #FFFFFF;
  transition: transform 450ms cubic-bezier(.215, .61, .355, 1);
  cursor: pointer;
}

.why-choose-prodapt-card h4 {
  font-size: 50px;
  margin-bottom: 0px;
}

.why-choose-prodapt-card.active {
  color: #E82B2E;
  background-color: #FFFFFF;
}

.why-choose-prodapt-card.active p {
  color: #000000;
}

.why-choose-prodapt-card:hover {
  transform: translateY(-20px);
  color: #E82B2E;
  background-color: #FFFFFF;
}

.why-choose-prodapt-card:hover p {
  color: #000000;
}

.why-choose-prodapt-logo-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.why-choose-prodapt-logo-div img {}

.why-choose-prodapt-head h1 span {
  left: 280px;
  top: 30px;
  position: relative;
}

.why-choose-prodapt-center-img {
  position: absolute;
  top: 300px;
  left: 270px;
  z-index: 9;
}

.why-choose-prodapt-center-img img {
  width: 85%;
  margin: 0 auto;
}

/* Why Choose Prodapt style end */


/* Global Leader section */


.why-global-leaders-sec {
  position: relative;
  background-color: rgb(28, 28, 28);
}

.global-leader-content-div {
  position: relative;
  padding: 40px 70px 0px 70px;
}

.global-leader-content-div h1 {
  font-size: 45px;
  margin-bottom: 40px;
}

.global-leader-content-col {
  position: relative;
  padding: 0;
}

.global-leader-content-col::after {
  background-image: url('/wp-content/uploads/img/why-global-leader-bottom-img.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 130px;
  position: absolute;
  width: 130px;
  z-index: 0;
  right: 0;
}

.global-leader-img-div {
  width: 100%;
}

.global-leader-img-div img {
  width: 100%;
}

.global-img {
  margin-bottom: 30px;
}

.why-global-leader-ul {
  padding: 0 80px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;

}

.why-global-leader-ul li {
  list-style: none;
  display: flex;
  gap: 20px;
}

.leader-icon-div {
  width: 15%;
}

.leader-content-div h6 {
  font-size: 25px;
  margin-bottom: 15px;
  width: 70%;
}

/* The Synapt.AI impact for your enterprise style start */

.impact-sec {
  position: relative;
  background-color: #000000;
  padding: 30px;
}

.impact-container-clipath {
  background-color: #fff;
  padding: 70px;
  position: relative;
  border-radius: 50px;
}

.impact-content-div h6 {
  font-size: 30px;
  margin-bottom: 30px;
}

.impact-content-div p {
  width: 65%;
  margin-bottom: 35px;
}

.black-logo {
  width: 50%;
  margin-bottom: 50px;
}

.link-red {
  color: #E82B2E;
  text-decoration: none;
}

.link-red:hover,
.link-red:focus {
  color: #000;
  text-decoration: none;
}

/* Access at the code section style start */
.access-at-the-code-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  overflow: hidden;
  transition: transform 0.5s ease, background-color 0.5s ease;
  background-image: url(/wp-content/uploads/img/banner-animation.gif);
  background-repeat: no-repeat;
}

.black-bg {
  background-color: #000000;
  transition: background-color 0.5s ease;
  color: #fff;
}

.red-bg {
  background-color: #E82B2E;
  transition: background-color 0.5s ease;
  color: #fff;
}

.access-at-the-code-sec.red-bg {
  color: #fff;
}

.access-at-the-code-sec.red-bg .red {
  color: #000;
}

.access-at-the-code-sec.red-bg .thumb-slide:hover p {
  color: #fff;
}



/* Ways Help section style start */
.ways-help-sec {
  position: relative;
  padding: 100px 100px;
  background-color: #000000;
}

.card-container-div {
  position: relative;
  z-index: 99;
}

.ways-help-sec::after {
  background-image: url('/wp-content/uploads/img/helps-red-vector-new.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 800px;
  position: absolute;
  width: 390px;
  z-index: 0;
  left: 0;
}

.ways-help-sec::before {
  background-image: url('/wp-content/uploads/img/helps-white-vector.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 800px;
  position: absolute;
  width: 390px;
  z-index: 0;
  right: 0;
}

.ways-help-card {
  position: relative;
  padding: 35px;
  border-radius: 20px;
  width: auto;
  height: 425px;
  background-color: rgb(28, 28, 28);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: transform 450ms cubic-bezier(.215, .61, .355, 1);
  margin: 20px 0px;

}

.ways-help-card::after {
  background-image: url('/wp-content/uploads/img/helps-red-vector.svg');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 35px;
  content: "";
  height: 70px;
  position: absolute;
  width: 70px;
  z-index: 0;
  right: 35px;
}

.ways-help-card:hover::after {
  background-image: url('/wp-content/uploads/img/helps-black-vector.svg');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 35px;
  content: "";
  height: 70px;
  position: absolute;
  width: 70px;
  z-index: 0;
  right: 35px;
}

.ways-help-card:hover {
  background-color: #FFFFFF;
  color: #000000;
  transform: translateY(-20px);
}

.ways-help-card h4 {
  font-size: 30px;
  color: #E82B2E;
  font-weight: bold;
}

.number {
  font-size: 40px;
  position: absolute;
  right: 80px;
  bottom: 60px;
  color: #E82B2E;
}

/* 3/2/25 divya new style added */
/* global leader sec */
.why-global-leader-ul-div {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.global-leader-img-div {
  height: 400px;
}

.why-global-leader-ul {
  position: relative;
}

.why-global-leader-ul::before {
  content: '';
  top: 0px;
  bottom: 0px;
  width: 1px;
  left: 0px;
  margin: auto;
  position: absolute;
  background-image: linear-gradient(1800deg, transparent, transparent 50%, rgb(28, 28, 28) 50%, rgb(28, 28, 28) 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
  background-size: 3px 20px, 100% 20px;
  display: block;
}

.why-global-leader-ul li {
  position: relative;
}

.why-global-leader-ul li:first-child::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -10px;
  content: "";
  height: 75px;
  position: absolute;
  width: 25px;
  z-index: 0;
  left: -80px;
}

.why-global-leader-ul li::before {
  background-image: url('/wp-content/uploads/img/list-inactive-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -20px;
  content: "";
  height: 75px;
  position: absolute;
  width: 25px;
  z-index: 0;
  left: -80px;
}

/* global leader sec */
/* AI impact section style start */
.ai-impact-sec {
  position: relative;
  background-color: #000000;
  padding-bottom: 100px;
}

.ai-impact-top-row {
  position: relative;
}

.ai-impact-top-row .col-md-6 {
  padding: 0px;
}

.ai-impact-side-img {
  position: absolute;
  top: -40px;
  right: 0px;
}

.ai-impact-head-div {
  padding: 0px 0px 10px 150px;
  z-index: 9;
  position: relative;
}

.ai-impact-content-div {
  padding: 0px 60px;
}

.ai-impact-content-div p {
  width: 70%;
  margin-bottom: 100px;
}

.ai-impact-swiper-card {
  background-color: rgb(28, 28, 28);
  /*border-radius: 10px;*/
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 300px;
  height: 150px;
  padding: 30px;
}

.ai-impact-swiper-card img {
  width: 50px;
  height: 50px;
}

.ai-logo-swiper-div {
  position: relative;
  right: 0;
  left: 0;
}

.aiImpactSwiper .swiper-wrapper {
  display: flex;
  align-items: center;
}

.ai-impact-swiper-container {
  position: relative;
  padding: 75px 0px 100px 0px;
}

.aiImpactSwiper .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}

.ai-impact-swiper-card-img {
  position: absolute;
}

.ai-impact-swiper-btn {
  text-transform: uppercase;
  text-decoration: none;
  color: #E82B2E;
  font-size: 25px;
}

.ai-impact-swiper-btn:hover {
  text-decoration: none;
  color: #ffffff;
}

.rating-div-img img {
  width: 35%;
}

.rating-container {
  position: relative;
}

.rating-row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 150px 0px;
}

.rating-card {
  position: relative;
  padding: 35px;
  width: auto;
  background-color: rgb(28, 28, 28);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: transform 450ms cubic-bezier(.215, .61, .355, 1);
  margin: 20px 0px;
  width: 340px;
  height: 340px;

}

.rating-card:hover {
  background-color: #FFFFFF;
  color: #000000;
  transform: translateY(-20px);
}

.rating-card h4 {
  font-size: 50px;
  color: #E82B2E;
  font-weight: bold;
}

.rating-card p {
  font-size: 23px;
}

.rating-div-img {
  position: absolute;
  /* top: auto; */
  bottom: 140px;
  left: -20%;
  margin: 0 auto;
  text-align: center;
  right: 0px;
  width: 50%;
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  /*.aiatthecoreSwiper .flex-center.gap-10 {*/
  /*  width: 520px;*/
  /*  display: flex;*/
  /*  flex-direction: row;*/
  /*  gap: 40px;*/
  /*}*/

  .gdm-nav-tab-div .nav-tabs {
    gap: 40px;
  }

  /*.aiatthecoreSwiper .gap-10 p::after {*/

  /*  right: -25px;*/
  /*}*/

  .ai-impact-head-div {
    padding: 0px 0px 10px 100px;
  }

  .rating-card p {
    font-size: 30px;
  }

  .rating-row {

    padding: 200px 0px;
  }

  .why-global-leader-ul-div {
    height: 550px;
  }

  .rating-card h4 {
    font-size: 75px;
  }

  .ai-impact-swiper-card {

    width: 95%;
    height: 210px;
  }

  .ai-impact-swiper-card img {
    width: 80px;
    height: 80px;
  }

  .rating-card {
    width: 95%;
    height: 440px;

  }
}



/* responsive */
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  /*.aiatthecoreSwiper .flex-center.gap-10 {*/
  /*  width: 550px;*/
  /*  display: flex;*/
  /*  flex-direction: row;*/
  /*  gap: 40px;*/
  /*}*/

  /*.aiatthecoreSwiper .gap-10 p::after {*/

  /*  right: -25px;*/
  /*}*/

  .ways-help-card {

    width: 500px;
    height: 600px;
  }

  .ways-help-card h4 {
    font-size: 40px;
  }

  .number {
    font-size: 60px;
  }

  html,
  body {

    font-size: 20px;
  }

  .footer-address-div p {
    font-size: 24px;
  }

  .common-paragraph {
    font-size: 24px;
  }

  .chat-text {
    font-size: 18px;
    font-weight: bold;

  }

  .container-medium.nav {
    border-radius: 625rem;
    max-width: none;
    padding: 10px 35px 10px;
  }

  .banner-btn {
    position: relative;
    background-color: #FFFFFF;
    color: #000000;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 250px;
    height: 70px;
    font-size: 24px;

  }

  .banner-btn img {
    position: relative;
    margin-left: 10px;
    top: 5px;
    width: 12px;
  }

  .w-nav.scrolled .nav__btns-wrapper {
    align-items: center;
    align-items: center;
    margin-bottom: 0;
  }

  .nav__btns-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    pointer-events: auto;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    margin-bottom: 10px;
  }

  .button {
    color: #000;
    cursor: pointer;
    transition: padding .5s cubic-bezier(.165, .84, .44, 1), color .2s, background-color .2s, border-color .2s;
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: normal;
  }

  .chat-icon-div {
    width: 60px;
    height: 60px;

    border-radius: 50%;
    background: #E82B2E;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .chat-icon-div img {
    width: 22px;
  }

  .banner-content h1 {
    font-size: 60px;
    width: 55%;
  }

  .banner-content p {
    width: 60%;
    font-size: 24px;
  }

  .home-banner-section {
    height: 1000px;
    padding-left: 5rem;
  }

  .button.nav {
    background-color: #000;
    color: #fff;
    border-style: none;
    padding: 0rem 0rem !important;
  }

  .common-heading {
    font-size: 60px;
  }

  .ai-ready-content-div h1 {

    font-size: 85px;
  }

  .ai-ready-btn {

    width: 400px;
    height: 90px;
    font-size: 40px;
  }

  .ai-ready-sec {
    height: 700px;
  }

  .global-leader-content-div {

    padding: 100px 100px 0px 100px;
  }

  .global-leader-content-div h1 {
    font-size: 65px;
    margin-bottom: 50px;

  }

  .leader-content-div h6 {
    font-size: 40px;
    margin-bottom: 20px;
    width: 100%;
  }

  .global-leader-content-col::after {

    height: 170px;
    width: 170px;
  }

  .why-choose-prodapt-card {
    width: 440px;
    height: 440px;
  }

  .why-choose-prodapt-card h4 {
    font-size: 84px;
  }

  .why-choose-prodapt-card p {
    font-size: 22px;
  }

  .why-choose-prodapt-sec::before {

    height: 1000px;
    width: 550px;

  }

  .why-choose-prodapt-sec::after {

    height: 550px;
    width: 550px;

  }
}


/* Circle Animation Section AI The Core Section */
.gap-10 {
  display: grid;
    gap: 10px 40px;
    grid-template-columns: repeat(2, 1fr);
}

.gap-10 p {
  position: relative;
}

/*.gap-10 img {*/
    
/*}*/

/*.gap-10 p::after {*/
/*  position: absolute;*/
/*  content: '|';*/
/*  right: -8px;*/
/*}*/

/*.gap-10 p:last-child::after {*/
/*  display: none;*/
/*}*/

.circle {
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: conic-gradient(rgb(232, 43, 46) 0deg, rgb(232, 43, 46) 120deg, rgb(0, 0, 0) 95deg, rgb(0, 0, 0) 100deg, rgb(28, 28, 28) 122deg, rgb(28, 28, 28) 241deg, rgb(0, 0, 0) 179deg, rgb(0, 0, 0) 242deg, rgb(28, 28, 28) 238deg, rgb(28, 28, 28) 359deg, rgb(0, 0, 0) 358deg, rgb(0, 0, 0) 360deg);
  margin: 13rem auto;
  display: flex;
  justify-content: center;
  position: relative;
  transform: rotate(300deg);
}



.circle-section {
  position: relative;
  padding: 80px 75px 0px;
  overflow: visible;
  transform: rotate(-300deg);
  display: flex;
  justify-content: center;
  align-items: center;
}



.logo-div {
  border-radius: 50%;
  padding: 1rem;
  /* border: 1px solid #fff; */
  width: 100px;
  height: 100px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #000;*/
  background-image:url('/wp-content/uploads/img/synapt-circle-button.png');
  background-repeat: no-repeat;
  background-size: cover;

}

/* Triangle scroll animation */


.single-img-container svg {
  opacity: 0;
}

.single-img-container svg {
  position: relative;
  /* z-index: 9; */
  width: 100%;
  height: auto;
  top: -2px;
}

.single-img-container.active svg {
  opacity: 1 !important;
}


/*  */



.single-img-container svg {
  opacity: 0;
}

.single-img-container.active {
  opacity: 1;
}

@keyframes grid11-stroke-1 {
  0% {
    stroke-dashoffset: 584.9769897460938px;
    stroke-dasharray: 584.9769897460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769897460938px;
  }
}

.single-img-container.active .grid11-1 {
  animation: grid11-stroke-1 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes grid11-stroke-2 {
  0% {
    stroke-dashoffset: 1167.953857421875px;
    stroke-dasharray: 1167.953857421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1167.953857421875px;
  }
}

.single-img-container.active .grid11-2 {
  animation: grid11-stroke-2 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

@keyframes grid11-stroke-3 {
  0% {
    stroke-dashoffset: 584.9769897460938px;
    stroke-dasharray: 584.9769897460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769897460938px;
  }
}

.single-img-container.active .grid11-3 {
  animation: grid11-stroke-3 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

@keyframes grid11-stroke-4 {
  0% {
    stroke-dashoffset: 1750.76025390625px;
    stroke-dasharray: 1750.76025390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1750.76025390625px;
  }
}

.single-img-container.active .grid11-4 {
  animation: grid11-stroke-4 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

@keyframes grid11-stroke-5 {
  0% {
    stroke-dashoffset: 584.8062744140625px;
    stroke-dasharray: 584.8062744140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.8062744140625px;
  }
}

.single-img-container.active .grid11-5 {
  animation: grid11-stroke-5 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

@keyframes grid11-stroke-6 {
  0% {
    stroke-dashoffset: 584.9769287109375px;
    stroke-dasharray: 584.9769287109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769287109375px;
  }
}

.single-img-container.active .grid11-6 {
  animation: grid11-stroke-6 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@keyframes grid11-stroke-7 {
  0% {
    stroke-dashoffset: 1167.953857421875px;
    stroke-dasharray: 1167.953857421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1167.953857421875px;
  }
}

.single-img-container.active .grid11-7 {
  animation: grid11-stroke-7 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

@keyframes grid11-stroke-8 {
  0% {
    stroke-dashoffset: 584.97705078125px;
    stroke-dasharray: 584.97705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.97705078125px;
  }
}

.single-img-container.active .grid11-8 {
  animation: grid11-stroke-8 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

@keyframes grid11-stroke-9 {
  0% {
    stroke-dashoffset: 584.8062133789062px;
    stroke-dasharray: 584.8062133789062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.8062133789062px;
  }
}

.single-img-container.active .grid11-9 {
  animation: grid11-stroke-9 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

@keyframes grid11-stroke-10 {
  0% {
    stroke-dashoffset: 1167.953857421875px;
    stroke-dasharray: 1167.953857421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1167.953857421875px;
  }
}

.single-img-container.active .grid11-10 {
  animation: grid11-stroke-10 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}




/* divya new styles 5/2/25*/

/* New style 5/2/24 divya */
.ratings-section {
  position: relative;
  background-color: #E82B2E;
}

.ai-impact-content-div img {
  width: 50%;
}


.fullwidth-text .full-width-wrapper svg {
  width: 100%;
  height: auto;
}

.fullwidth-text .full-width-wrapper svg {
  top: -2px;
  position: absolute;
  left: 0;
}

.fullwidth-text .grid-anim svg {
  opacity: 1;
}

.fullwidth-text .full-width-wrapper svg {
  opacity: 0;
}

.fullwidth-text .full-width-wrapper svg {
  opacity: 0;
}

.fullwidth-text .full-width-wrapper svg g {
  opacity: 0;
}

.fullwidth-text .grid-anim svg {
  opacity: 1;
}

.fullwidth-text .grid-anim svg g {
  animation: fill-circle 0.2s linear 1.5s both;
}

@keyframes fill-circle {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes grid3a-stroke-1 {
  0% {
    stroke-dashoffset: 584.9769897460938px;
    stroke-dasharray: 584.9769897460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769897460938px;
  }
}

.fullwidth-text .grid-anim .grid-3a-1 {
  animation: grid3a-stroke-1 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes grid3a-stroke-2 {
  0% {
    stroke-dashoffset: 584.9769897460938px;
    stroke-dasharray: 584.9769897460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769897460938px;
  }
}

.fullwidth-text .grid-anim .grid-3a-2 {
  animation: grid3a-stroke-2 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

@keyframes grid3a-stroke-3 {
  0% {
    stroke-dashoffset: 585.1476440429688px;
    stroke-dasharray: 585.1476440429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.1476440429688px;
  }
}

.fullwidth-text .grid-anim .grid-3a-3 {
  animation: grid3a-stroke-3 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

@keyframes grid3a-stroke-4 {
  0% {
    stroke-dashoffset: 585.1476440429688px;
    stroke-dasharray: 585.1476440429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.1476440429688px;
  }
}

.fullwidth-text .grid-anim .grid-3a-4 {
  animation: grid3a-stroke-4 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

@keyframes grid3a-stroke-5 {
  0% {
    stroke-dashoffset: 585.1476440429688px;
    stroke-dasharray: 585.1476440429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.1476440429688px;
  }
}

.fullwidth-text .grid-anim .grid-3a-5 {
  animation: grid3a-stroke-5 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

@keyframes grid3a-stroke-6 {
  0% {
    stroke-dashoffset: 584.9769897460938px;
    stroke-dasharray: 584.9769897460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769897460938px;
  }
}

.fullwidth-text .grid-anim .grid-3a-6 {
  animation: grid3a-stroke-6 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@keyframes grid3a-stroke-7 {
  0% {
    stroke-dashoffset: 585.1476440429688px;
    stroke-dasharray: 585.1476440429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.1476440429688px;
  }
}

.fullwidth-text .grid-anim .grid-3a-7 {
  animation: grid3a-stroke-7 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

@keyframes grid3a-stroke-8 {
  0% {
    stroke-dashoffset: 585.147705078125px;
    stroke-dasharray: 585.147705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.147705078125px;
  }
}

.fullwidth-text .grid-anim .grid-3a-8 {
  animation: grid3a-stroke-8 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

@keyframes grid3a-stroke-9 {
  0% {
    stroke-dashoffset: 585.147705078125px;
    stroke-dasharray: 585.147705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.147705078125px;
  }
}

.fullwidth-text .grid-anim .grid-3a-9 {
  animation: grid3a-stroke-9 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

@keyframes grid3a-stroke-10 {
  0% {
    stroke-dashoffset: 584.97705078125px;
    stroke-dasharray: 584.97705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.97705078125px;
  }
}

.fullwidth-text .grid-anim .grid-3a-10 {
  animation: grid3a-stroke-10 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}

@keyframes grid3a-stroke-11 {
  0% {
    stroke-dashoffset: 1167.953857421875px;
    stroke-dasharray: 1167.953857421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1167.953857421875px;
  }
}

.fullwidth-text .grid-anim .grid-3a-11 {
  animation: grid3a-stroke-11 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@keyframes grid3a-stroke-12 {
  0% {
    stroke-dashoffset: 1167.953857421875px;
    stroke-dasharray: 1167.953857421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1167.953857421875px;
  }
}

.fullwidth-text .grid-anim .grid-3a-12 {
  animation: grid3a-stroke-12 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s both;
}

@keyframes grid3a-stroke-13 {
  0% {
    stroke-dashoffset: 584.8062744140625px;
    stroke-dasharray: 584.8062744140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.8062744140625px;
  }
}

.fullwidth-text .grid-anim .grid-3a-13 {
  animation: grid3a-stroke-13 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
}

@keyframes grid3a-stroke-14 {
  0% {
    stroke-dashoffset: 584.9769287109375px;
    stroke-dasharray: 584.9769287109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 584.9769287109375px;
  }
}

.fullwidth-text .grid-anim .grid-3a-14 {
  animation: grid3a-stroke-14 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
}

@keyframes mgrid3b-stroke-1 {
  0% {
    stroke-dashoffset: 493.6467590332031px;
    stroke-dasharray: 493.6467590332031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 493.6467590332031px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-1 {
  animation: mgrid3b-stroke-1 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-2 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-2 {
  animation: mgrid3b-stroke-2 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-3 {
  0% {
    stroke-dashoffset: 985.2935180664062px;
    stroke-dasharray: 985.2935180664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 985.2935180664062px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-3 {
  animation: mgrid3b-stroke-3 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-4 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-4 {
  animation: mgrid3b-stroke-4 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-5 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-5 {
  animation: mgrid3b-stroke-5 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-6 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-6 {
  animation: mgrid3b-stroke-6 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-7 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-7 {
  animation: mgrid3b-stroke-7 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes mgrid3b-stroke-8 {
  0% {
    stroke-dashoffset: 247.82337951660156px;
    stroke-dasharray: 247.82337951660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 247.82337951660156px;
  }
}

.fullwidth-text .grid-anim .m-grid3b-8 {
  animation: mgrid3b-stroke-8 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}




/* New sneak peek section style Divya 5/2/25*/
.sneakpeek-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 80px;
  color: #ffffff;
  cursor: pointer;
}

.sneakpeek-swiper-right {
  height: 100%;
  width: 100%;
}

.swiper-container1 {
  height: 100%;
  width: 100%;
}

.swiper-container2 {
  height: 100%;
  width: 100%;
}

.sneakpeek-swiper-left {
  height: auto;
  width: 100%;
}

.swiper-fade .swiper-slide {
  opacity: 0 !important;
}

.swiper-fade .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}


.swiper-container1 .swiper-slide {

  display: flex !important;
  align-items: center !important;
  height: auto !important;
  padding: 0px 40px 20px 80px;
  margin: 0;
  cursor: pointer;
}


.swiper.swiper-container1::before {
  content: '';
  top: 0px;
  bottom: 0px;
  width: 1px;
  left: 0px;
  margin: auto;
  position: absolute;
  background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
  background-size: 3px 20px, 100% 20px;
  display: block;
  height: 100vh;
}

.swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.swiper-container1 .swiper-slide::before {
  background-image: url('/wp-content/uploads/img/list-inactive-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.sneakpeek-swiper-img {
  position: relative;
  z-index: 9;
  margin: 0 auto;
  text-align: center;
}

.sneakpeek-swiper-img video {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

.traingle-img {

  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.traingle-img img {
  height: 520px;
}

.sneakpeek-swiper-left-col {
  display: flex;
  align-items: center;
}

.attributes-links h6 {
  font-size: 30px;
  margin-bottom: 35px;
}

.sneakpeek-swiper-container {
  position: relative;
  margin-top: 20px;
  padding-top: 100px;
  background-color: #FFFFFF;
  /*border-radius: 10px;*/
  z-index: 1;
  transition: background-color 0.5s ease-in-out;
  cursor: pointer;
  color: #000;
}

.sneakpeek-swiper-container.bg-white {
  background-color: #FFFFFF !important;
  color: #000;
}

.sneakpeek-swiper-container.bg-white .swiper.swiper-container1::before {
  background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
}


/* New global leader section style Divya 5/2/25*/
.globalleader-sec {
  position: relative;
  background-color: #FFFFFF;
  padding: 100px 80px 150px 80px;
  color: #000000;
}

.globalleader-swiper-right {
  height: 100%;
  width: 100%;
}

.swiper-leaderswiper1 {
  height: 100%;
  width: 100%;
}

.swiper-leaderswiper2 {
  height: 100%;
  width: 100%;
}

.globalleader-swiper-left {
  height: auto;
  width: 100%;
}

.globalleader-left-div {
  position: relative;
  z-index: 5;
}

.swiper-fade .swiper-slide {
  opacity: 0 !important;
}

.swiper-fade .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}


.swiper-leaderswiper1 .swiper-slide {

  display: flex !important;
  align-items: center !important;
  height: auto !important;
  padding: 0px 40px 20px 80px;
  margin: 0;
  cursor: pointer;
}


.swiper.swiper-leaderswiper1::before {
  content: '';
  top: 0px;
  bottom: 0px;
  width: 1px;
  left: 0px;
  margin: auto;
  position: absolute;
  background-image: linear-gradient(1800deg, transparent, transparent 50%, #FFFFFF 50%, #FFFFFF 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
  background-size: 3px 20px, 100% 20px;
  display: block;
  height: 100vh;
}

.swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.swiper-leaderswiper1 .swiper-slide::before {
  background-image: url('/wp-content/uploads/img/list-inactive-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -5px;
  content: "";
  height: 65px;
  position: absolute;
  width: 30px;
  z-index: 0;
  left: 0px;
}

.globalleader-swiper-img {
  position: relative;
  z-index: 9;
  margin: 0 auto;
  text-align: center;
}

.globalleader-swiper-img video {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

.traingle-img {

  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.traingle-img img {
  height: 520px;
}

.globalleader-swiper-left-col {
  display: flex;
  align-items: center;
}

.attributes-links h6 {
  font-size: 30px;
  margin-bottom: 35px;
}

.globalleader-swiper-container {
  position: relative;

}

.global-leader-head-div h1 {
  font-size: 45px;
  margin-bottom: 40px;
}


.img-parallax.img-triangle-1 {
  top: -18%;
  left: 0%;
  z-index: 2;
}

.img-triangle-2 {
  top: -15%;
  right: 0%;
  width: 10%;
  z-index: 0;
}

.img-parallax {
  position: absolute;

}

.why-choose-prodapt-container {
  position: relative;
  z-index: 3;
}


.sneakpeek-sec::after {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/red-line-bg-img.gif');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0px;
  right: 0px;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}


.ai-impact-on-top-logo-div {
  position: absolute;
  z-index: 9;
  left: 20px;
  top: -5%;
  opacity: 0;
}

.ai-impact-on-top-logo-div.active {
  opacity: 1;
}

.ai-impact-on-top-logo-div img {
  width: 65%;
}


/* Synapt New button style*/

.synapt-new-button {
  background-color: #E82B2E;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  /* line-height: 2rem !important; */
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  transition: all .6s;
  z-index: 99;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 300px;
  height: 70px;
  font-size: 20px;
  font-weight: bold;
}

.synapt-new-button img {
  position: relative;
  margin-left: 10px;
  width: 10px;
  top: 2px;
}

.btn-red-svg {
  display: none;
}

.synapt-new-button:hover .btn-red-svg {
  display: block;
}

.synapt-new-button:hover .btn-white-svg {
  display: none;
}

.synapt-new-button:hover,
.synapt-new-button:focus {
  text-decoration: none;
  color: #E82B2E;
}

.synapt-new-button:before {
  background-color: #ffff;
  color: #E82B2E;
  content: "";
  cursor: pointer;
  display: inline-block;
  left: -100%;
  line-height: 2rem;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.synapt-new-button:hover:before {
  left: 0;
}

/* Media Query Divya*/

@media only screen and (max-width: 319.5px) {
    .autonomous-operation-video {
        margin-top:15px;
    }
  .ai-impact-content-div video {
    width: 60%;
  }

  .thumb-slide:hover .thumb-img-div {
    padding: 10px;
  }

  .sneakpeek-swiper-img img {

    width: 100%;
  }

  .footer-links-container {
    padding: 20px 15px;
  }

  .padding-zero {
    padding: 0px 15px;
  }

  .footer-copyright {
    padding: 20px 15px;
  }

  .footer-right {
    gap: 5px;
    flex-direction: column;
    text-align: center;
    margin-bottom: 5px;
  }

  .text-left {
    text-align: center !important;
  }

  .text-right {
    text-align: center !important;
  }

  .footer-address-div {
    gap: 10px;
    text-align: center;
  }

  .top-logo-img {
    width: 50%;
    margin: 0 auto;
  }

  .footer-address-div p {
    margin-bottom: 0px;
    width: 100%;
  }

  .footer-btn {

    width: 150px;
    height: 40px;
    margin: 0 auto 10px auto;
  }

  .footer-btn img {
    margin-left: 15px;
    width: 10px;
  }

  .bottom-logo-img {
    width: 30%;
    margin: 0 auto;
  }

  .footer-links-div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
  }

  .footer-social-links-div {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*gap: 10px;*/
    width: auto;
    text-align: center;
    margin: 10px auto 0px auto;
  }
  .footer-socials-icons {
    margin:10px 0px;
}

  .footer-social-links-div h4 {
    font-size: 20px;
  }

  .bottom-links {
    padding-top: 10px;
  }

  .footer-links-div ul {
    gap: 10px;
    margin-bottom: 10px;
  }

  .footer-socials-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .social-icon {
    width: 35px;
    height: 35px;
  }

  /* footer end */
  .ai-ready-container {
    padding: 20px 15px;
  }

  .ai-ready-content-div h1 {
    font-size: 35px;
  }

  .ai-ready-sec {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .ai-ready-row,
  .ai-ready-content-div {

    gap: 10px;
  }

  .ai-ready-btn {

    width: 150px;
    height: 40px;
    font-size: 15px;
  }

  .globalleader-sec {
    padding: 20px 15px;
  }

  .global-leader-head-div h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .globalleader-swiper-container .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .swiper.swiper-leaderswiper1::before {

    height: 100%;
  }

  .swiper-leaderswiper1 .swiper-slide {

    padding: 0px 0px 10px 30px;
  }

  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before {

    top: 0;

    height: 35px;
    width: 20px;
  }

  .attributes-links h6 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .common-paragraph {
    font-size: 15px;
    margin-bottom: 7px;
  }

  .why-choose-prodapt-sec {
    padding: 20px 15px;
  }

  .common-heading {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .padding-right {
    padding: 0px 0px 0px 0px;
  }

  .padding-left {
    padding: 0px 0px 0px 0px;
  }

  .why-choose-prodapt-card h4 {
    font-size: 25px;
  }

  .why-choose-prodapt-card {
    width: 250px;
    height: 250px;

    gap: 15px;
    padding: 0px 20px;
    margin-bottom: 20px;
  }

  .why-choose-prodapt-card:hover {
    transform: translateY(0px);
  }

  .why-choose-prodapt-head h1 span {
    left: 0;
    top: 0;
    position: relative;
    z-index: 9;
  }

  .img-parallax.img-triangle-1 {
    top: 0%;
    left: 0%;
    width: auto;
    height: 150px;
  }

  .sneakpeek-sec {
    padding: 20px 15px;

  }

  .rating-row {

    padding: 20px 0px;
  }

  .rating-card {
    padding: 15px;

    gap: 10px;

    margin: 20px 0px;
    width: 100%;
    height: 250px;
  }

  .rating-card h4 {
    font-size: 30px;
  }

  .rating-card p {
    font-size: 15px;
    margin: 0 auto;
    width: 65%;
  }

  .common-heading-div {
    margin-bottom: 10px;
  }

  .common-centre-head-div h2 {
    font-size: 25px;
  }

  .sneakpeek-swiper-container {

    margin-top: 20px;
    padding-top: 20px;
  }

  .sneakpeek-swiper-container .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {
    height: 35px;
    width: 20px;
    top: 0px;
  }

  .swiper.swiper-container1::before {

    height: 100%;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 0px 20px 30px;
  }

  .ai-impact-sec {

    padding-bottom: 20px;
  }

  .ai-impact-head-div {
    padding: 0px 0px 10px 20px;
  }

  .ai-impact-head-div .common-heading {
    transform: none !important;
  }

  .ai-impact-content-div {
    padding: 0px 20px;
  }

  .ai-impact-content-div p {
    width: 100%;
    margin-bottom: 10px;
  }

  .ai-impact-content-div img {
    width: 150px;
    margin-top: 20px;
  }

  .ai-impact-swiper-card img {
    width: 25px;
    height: 25px;
  }

  .ai-impact-swiper-card {

    width: 95%;
    height: 120px;
    padding: 20px 15px;
  }

  .ai-impact-swiper-btn {

    font-size: 15px;
  }

  .ai-impact-swiper-container {
    padding: 25px 0px 50px 0px;
  }

  .ai-impact-on-top-logo-div {
    position: relative;
    z-index: 9;
    left: 20px;
    top: 0px;
    margin-bottom: 30px;
  }

  .ai-impact-on-top-logo-div img {
    width: 30%;
  }

  .why-choose-prodapt-sec::after {

    background-size: 100%;
    bottom: 0;
    right: 0;
    height: 150px;
    width: 150px;
  }

  .ai-impact-swiper-card p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
     .autonomous-operation-video {
        margin-top:15px;
    }
  .ai-impact-content-div video {
    width: 60%;
  }

  .thumb-slide:hover .thumb-img-div {
    padding: 10px;
  }

  .sneakpeek-swiper-img img {

    width: 100%;
  }

  .ai-impact-swiper-card p {
    font-size: 13px;
  }

  .footer-links-container {
    padding: 20px 15px;
  }

  .padding-zero {
    padding: 0px 15px;
  }

  .footer-copyright {
    padding: 20px 15px;
  }

  .footer-right {
    gap: 5px;
    flex-direction: column;
    text-align: center;
    margin-bottom: 5px;
  }

  .text-left {
    text-align: center !important;
  }

  .text-right {
    text-align: center !important;
  }

  .footer-address-div {
    gap: 10px;
    text-align: center;
  }

  .top-logo-img {
    width: 50%;
    margin: 0 auto;
  }

  .footer-address-div p {
    margin-bottom: 0px;
    width: 100%;
  }

  .footer-btn {

    width: 150px;
    height: 40px;
    margin: 10px auto 10px auto;
  }

  .footer-btn img {
    margin-left: 15px;
    width: 10px;
  }

  .bottom-logo-img {
    width: 30%;
    margin: 0 auto;
  }

  .footer-links-div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
  }

  .footer-social-links-div {
          padding: 10px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*gap: 10px;*/
        width: auto;
        text-align: center;
        margin: 10px auto 0px auto;
  }
.footer-socials-icons {
    margin:10px 0px;
}
  .footer-social-links-div h4 {
    font-size: 20px;
  }

  .bottom-links {
    padding-top: 10px;
  }

  .footer-links-div ul {
    gap: 10px;
    margin-bottom: 10px;
  }

  .footer-socials-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .social-icon {
    width: 35px;
    height: 35px;
  }

  /* footer end */
  .ai-ready-container {
    padding: 20px 15px;
  }

  .ai-ready-content-div h1 {
    font-size: 35px;
  }

  .ai-ready-sec {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .ai-ready-row,
  .ai-ready-content-div {

    gap: 10px;
  }

  .ai-ready-btn {

    width: 150px;
    height: 40px;
    font-size: 15px;
  }

  .globalleader-sec {
    padding: 20px 15px;
  }

  .global-leader-head-div h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .globalleader-swiper-container .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .swiper.swiper-leaderswiper1::before {

    height: 100%;
  }

  .swiper-leaderswiper1 .swiper-slide {

    padding: 0px 0px 10px 30px;
  }

  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {

    top: 0;

    height: 35px;
    width: 20px;
  }

  .attributes-links h6 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .common-paragraph {
    font-size: 15px;
    margin-bottom: 7px;
  }

  .why-choose-prodapt-sec {
    padding: 20px 15px;
  }
  
  .why-choose-prodapt-sec .bg-video {
        display: none;
   }
  .common-heading {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .padding-right {
    padding: 0px 0px 0px 0px;
  }

  .padding-left {
    padding: 0px 0px 0px 0px;
  }

  .why-choose-prodapt-card h4 {
    font-size: 25px;
  }

  .why-choose-prodapt-card {
    width: 250px;
    height: 250px;

    gap: 15px;
    padding: 0px 20px;
    margin-bottom: 20px;
  }

  .why-choose-prodapt-card:hover {
    transform: translateY(0px);
  }

  .why-choose-prodapt-head h1 span {
    left: 0;
    top: 0;
    position: relative;
    z-index: 9;
  }

  .img-parallax.img-triangle-1 {
    top: 0%;
    left: 0%;
    width: auto;
    height: 150px;
  }

  .sneakpeek-sec {
    padding: 20px 15px;

  }

  .rating-row {

    padding: 20px 0px;
  }

  .rating-card {
    padding: 15px;

    gap: 10px;

    margin: 20px 0px;
    width: 100%;
    height: 250px;
  }

  .rating-card h4 {
    font-size: 30px;
  }

  .rating-card p {
    font-size: 15px;
    margin: 0 auto;
    width: 65%;
  }

  .common-heading-div {
    margin-bottom: 10px;
  }

  .common-centre-head-div h2 {
    font-size: 25px;
  }

  .sneakpeek-swiper-container {

    margin-top: 20px;
    padding-top: 20px;
  }

  .sneakpeek-swiper-container .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {
    height: 35px;
    width: 20px;
    top: 0px;
  }

  .swiper.swiper-container1::before {

    height: 100%;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 0px 20px 30px;
  }

  .ai-impact-sec {

    padding-bottom: 20px;
  }

  .ai-impact-head-div {
    padding: 0px 0px 10px 20px;
  }

  .ai-impact-head-div .common-heading {
    transform: none !important;
  }

  .ai-impact-content-div {
    padding: 0px 20px;
  }

  .ai-impact-content-div p {
    width: 100%;
    margin-bottom: 10px;
  }

  .ai-impact-content-div img {
    width: 150px;
    margin-top: 20px;
  }

  .ai-impact-swiper-card img {
    width: 25px;
    height: 25px;
  }

  .ai-impact-swiper-card {

    width: 95%;
    height: 120px;
    padding: 20px 15px;
  }

  .ai-impact-swiper-btn {

    font-size: 15px;
  }

  .ai-impact-swiper-container {
    padding: 25px 0px 50px 0px;
  }

  .ai-impact-on-top-logo-div {
    position: relative;
    z-index: 9;
    left: 20px;
    top: 0px;
    margin-bottom: 30px;
  }

  .ai-impact-on-top-logo-div img {
    width: 30%;
  }

  .why-choose-prodapt-sec::after {

    background-size: 100%;
    bottom: 0;
    right: 0;
    height: 150px;
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .access-at-the-code-sec .bg-video,
  .why-choose-prodapt-sec .bg-video,
  .sneakpeek-sec-new .bg-video {
      display: none;
  }
  
  .ai-ready-content-div h1 {
    max-width: 670px;
  }

  .social-icon img {
    width: 50%;
  }

  .ai-impact-side-img {
    width: 30%;
  }

  .ai-impact-sec {

    padding-bottom: 50px;
  }

  .ai-impact-head-div {
    padding: 0px 0px 10px 30px;
  }

  .common-heading {
    font-size: 30px;
  }

  .ai-impact-content-div {
    padding: 0px 30px;
  }

  .ai-impact-content-div p {
    width: 100%;
    margin-bottom: 50px;
  }

  .ai-impact-content-div img {
    width: 150px;
  }

  .img-parallax {
    width: 15%;
  }

  .rating-row {
    padding: 40px 0px;
  }

  .rating-row .col-md-3 {
    ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }

  .rating-card {

    padding: 25px;

    margin: 20px 0px;
    width: 100%;
    height: 240px;
  }

  .rating-card h4 {
    font-size: 33px;
  }

  .rating-card p {
    font-size: 17px;
  }

  .sneakpeek-sec {
    padding: 40px 20px;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 0px 20px 30px;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before {
    height: 35px;
    width: 20px;
    top: 0px;
  }

  .sneakpeek-swiper-container {
    margin-top: 20px;
    padding-top: 30px;
  }

  .attributes-links h6 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .why-choose-prodapt-card {
    width: 100%;
    height: 100%;
    gap: 10px;
    padding: 10px;
  }

  .why-choose-prodapt-card h4 {
    font-size: 25px;
    margin-bottom: 0px;
  }

  .padding-right {
    padding: 0px 0px 0px 5px;
  }

  .padding-left {
    padding: 0px 5px 0px 0px;
  }

  .why-choose-prodapt-head {
    padding-top: 20px;
  }

  .why-choose-prodapt-head h1 span {
    left: 60px;
    top: 20px;

  }

  .why-choose-prodapt-sec::after {

    background-size: 100%;
    bottom: 0;
    right: 0;
    height: 300px;
    width: 300px;
  }

  .img-parallax.img-triangle-1 {
    top: -10%;
  }

  .globalleader-sec {

    padding: 40px 30px 40px 30px;
  }

  .global-leader-head-div h1 {
    font-size: 25px;
    margin-bottom: 30px;
  }

  .swiper-leaderswiper1 .swiper-slide {

    padding: 0px 0px 20px 30px;
  }

  .ai-ready-container {
    padding: 50px 30px;
  }

  .ai-ready-content-div h1 {

    font-size: 58px;
  }

  .ai-ready-sec {
    height: 400px;
    width: 100%;
    background-position: bottom;
  }

  .footer-links-container {
    padding: 30px 30px 30px 30px;
  }

  .footer-links-container .row .col-md-5 {}

  .footer-social-links-col {}

  .footer-social-links-div h4 {
    font-size: 25px;
  }

  .social-icon {

    width: 35px;
    height: 35px;
  }

  .footer-social-links-div {
    /*gap: 20px;*/
    padding: 10px 15px;
  }
  .footer-socials-icons {
    margin:15px 0px;
}

  .footer-link-title {
    font-size: 15px;
  }

  .footer-right {

    gap: 20px;
  }

  .footer-copyright {
    padding: 20px 15px;
  }

  .footer-copyright .text-right {
    text-align: right !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .footer-copyright .footer-right {
    display: flex;
    flex-direction: row;
    gap: 20px;
    -ms-flex: 0 0 50%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0px 15px;
  }

  .footer-links-div .col-md-4,
  .footer-links-div .col-md-3 {
    padding: 0;
  }

  .banner-btn {

    width: 200px;
    height: 60px;
  }

  .why-choose-prodapt-sec {

    padding: 50px 40px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    
   .outercircle p {
    font-size: 20px !important;
   }
   .outercircle.slider1 p {
    top: -3rem !important;
    }
   
   .outercircle.slider2 p {
     top: 0.5rem !important;
     left: -5.5rem !important;
    }
   
    .outercircle.slider3 p {
    top: 0.5rem!important;
    left: -26rem!important;
}

 .outercircle.slider4 p {
    top: 4rem !important;
    }
    
  .global-padding {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .banner-btn {

    width: 200px;
    height: 60px;
  }

  .ai-impact-head-div {
    padding: 0px 0px 10px 50px;
  }

  .common-heading {
    font-size: 40px;
  }

  .ai-impact-side-img {

    width: 30%;
  }

  .ai-impact-content-div {
    padding: 0px 20px;
  }

  .ai-impact-sec {
    padding-bottom: 50px;
  }

  .ai-impact-content-div p {
    width: 80%;
    margin-bottom: 50px;
  }

  .rating-row {

    padding: 80px 0px;
  }

  .rating-card {

    width: 240px;
    height: 240px;
    padding: 15px;
  }

  .rating-card h4 {
    font-size: 40px;
  }

  .rating-card p {
    font-size: 17px;
  }

  .sneakpeek-sec {
    padding: 50px 40px;
  }

  .sneakpeek-swiper-container {
    margin-top: 20px;
    padding-top: 50px;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 10px 20px 50px;
  }

  .attributes-links h6 {
    font-size: 27px;
    margin-bottom: 15px;
  }

  .why-choose-prodapt-head h1 span {
    color: #fff;
    left: 150px;
    top: 30px;
    position: relative;
    z-index: 99;
  }

  .padding-right {
    padding: 0px 0px 0px 25px;
  }

  .padding-left {
    padding: 0px 25px 0px 0px;
  }

  .why-choose-prodapt-card {
    width: 250px;
    height: 250px;

    padding: 0px 20px;
  }

  .why-choose-prodapt-sec::after {

    background-size: 50%;
    bottom: 0;
    right: -25%;

  }

  .why-choose-prodapt-sec {

    padding: 60px 50px 9rem;
  }

  .globalleader-sec {
    padding: 50px 30px;
  }

  .global-leader-head-div h1 {
    font-size: 35px;
    margin-bottom: 30px;
  }

  .swiper-leaderswiper1 .swiper-slide {

    padding: 0px 10px 20px 50px;
  }

  .ai-ready-container {
    padding: 70px 60px;
  }

  .ai-ready-sec {
    height: 500px;
  }

  .footer-links-container {
    padding: 50px 30px 50px 30px;
  }

  .footer-social-links-div {
    padding: 20px 15px;
    /*gap: 15px;*/
    width: 100%;
  }
  .footer-socials-icons {
    margin:15px 0px;
}

  .footer-social-links-div h4 {
    font-size: 27px;
  }

  .social-icon {

    width: 35px;
    height: 35px;
  }

  .footer-copyright {

    padding: 20px 35px;
  }

  .footer-links-div .col-md-4,
  .footer-links-div .col-md-5,
  .footer-links-div .col-md-3 {}

  .social-icon img {
    width: 50%;
  }
}

@media only screen and (min-width: 1281px) and (max-width:1440px) {

  .gdm-nav-tab-div .nav-tabs {
    gap: 20px;
  }
  
  .gdm-nav-tab-div .nav-tabs .nav-link {
     padding: 10px 0px !important;
  }

  .rating-row .col-md-3 {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }

  .why-choose-prodapt-card {

    width: 325px;
    height: 325px;
    padding: 0px 30px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    
    .slider-img-div {
        top: 200px !important;
    }
    
    .access-at-the-code-sec .bg-video {
        bottom: -45px !important;
        left: -100px !important;
        width: 32% !important;
        transform: rotateZ(40deg) !important;
    }
    .sneakpeek-sec-new .bg-video {
        /*top: 0rem !important;*/
        /*width: 3% !important;*/
        /*left: 5rem !important;*/
    }

  .swiper.swiper-container1::before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 2px;
    left: 0px;
    margin: auto;
    position: absolute;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
    background-size: 3px 22px, 100% 22px;
    display: block;
    height: 100%;
  }

  /*.aiatthecoreSwiper .flex-center.gap-10 {*/
  /*  width: 520px;*/
  /*  display: flex;*/
  /*  flex-direction: row;*/
  /*  gap: 30px;*/
  /*}*/

  .aiatthecoreSwiper .gap-10 p::after {

    right: -25px;
  }

  .ai-impact-on-top-logo-div {

    left: 30px;
  }

  .ai-impact-on-top-logo-div img {
    width: 70%;
  }

  .ai-impact-swiper-card {
    width: 90%;
    height: 210px;
  }

  .common-paragraph {
    font-size: 22px;
  }

  .ai-impact-swiper-card img {
    width: 80px;
    height: 80px;
  }

  .img-parallax.img-triangle-1 {

    width: 20%;
  }

  .rating-card {
    width: 400px;
    height: 400px;
  }

  .rating-card p {
    font-size: 30px;
  }

  .rating-card h4 {
    font-size: 75px;
  }

  .common-centre-head-div h2 {
    font-size: 55px;
  }

  .attributes-links h6 {
    font-size: 40px;
    margin-bottom: 35px;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {

    height: 75px;
    width: 40px;
  }

  .ratings-section {

    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .swiper.swiper-container1::before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 2px;
    left: 0px;
    margin: auto;
    position: absolute;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
    background-size: 3px 22px, 100% 22px;
    display: block;
    height: 100%;
  }

  .footer-social-links-div h4 {
    font-size: 45px;
  }

  .social-icon {

           width: 75px;
        height: 75px;
        margin-right: 10px;

  }

  .ai-ready-content-div h1 {
    max-width: 990px;
  }

  .ai-impact-on-top-logo-div {

    left: 30px;
  }

  .ai-impact-on-top-logo-div img {
    width: 70%;
  }

  .common-paragraph {
    font-size: 22px;
  }

  .ai-impact-swiper-card img {
    width: 80px;
    height: 80px;
  }

  .img-parallax.img-triangle-1 {

    width: 20%;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {

    height: 75px;
    width: 40px;
  }

  .attributes-links h6 {
    font-size: 40px;
    margin-bottom: 35px;
  }

  .common-centre-head-div h2 {
    font-size: 55px;
  }

  .ratings-section {

    height: 1080px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 150px 70px 80px;
  }

  .sneakpeek-sec {
    padding: 150px 100px;
  }

  .why-choose-prodapt-sec {


    padding: 150px 100px;
  }

  .why-choose-prodapt-head h1 span {
    left: 380px;
  }

  .why-choose-prodapt-card {
    width: 85%;
    height: 440px;
  }

  .attributes-links {
    width: 65%;
  }

  .footer-link-title {
    font-size: 30px;

  }

  .globalleader-swiper-img img {
    width: 60%;
  }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
  .swiper.swiper-container1::before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 2px;
    left: 0px;
    margin: auto;
    position: absolute;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
    background-size: 3px 22px, 100% 22px;
    display: block;
    height: 100%;
  }

  .ratings-section {
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 100px 100px 150px;
  }

  .swiper-leaderswiper1 .swiper-slide {
    padding: 0px 100px 70px 150px;
  }

  .sneakpeek-sec {
    padding: 200px 150px;
  }

  .why-choose-prodapt-sec {

    padding: 200px 150px 15rem;
    /*padding: 200px 150px 30rem;*/
  }
/*.why-choose-prodapt-sec .bg-video {*/
 
/*    top: 4rem!important;*/
 
/*}*/
 
  .why-choose-prodapt-head h1 span {
    left: 40%;
  }

  .banner-btn {

    width: 600px;
    height: 150px;
    font-size: 50px;
  }

  .why-choose-prodapt-card {
    width: 85%;
    height: 660px;
  }

  .attributes-links {
    width: 85%;
  }

  .footer-link-title {
    font-size: 1.1rem;
    margin-bottom: 20px;
  }

  html,
  body {
    font-size: 45px;
  }

  .globalleader-swiper-img img {
    width: 60%;
  }

  .ai-impact-swiper-card {
    width: 90%;
    height: 320px;
    padding: 60px;

  }

  .ai-impact-swiper-card img {
    width: 100px;
    height: 100px;
  }

  .common-paragraph {
    font-size: 45px;
    margin-bottom: 25px;
  }

  .ai-impact-content-div img {
    width: 30%;
  }

  .ai-impact-on-top-logo-div {

    top: 5%;
  }

  .common-heading {
    font-size: 100px;
  }

  .ai-impact-content-div {
    padding: 0px 200px;
  }

  .ai-impact-on-top-logo-div img {
    width: 100%;
  }

  .img-parallax.img-triangle-1 {

    width: 20%;
  }

  .rating-card {

    width: 100%;
    height: 600px;
  }

  .rating-card p {
    font-size: 65px;
    width: 75%;
    margin: 0 auto;
  }

  .rating-card h4 {
    font-size: 120px;
  }

  .common-centre-head-div h2 {
    font-size: 120px;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {

    height: 100px;
    width: 60px;
    top: 0px;
  }

  .sneakpeek-swiper-container {

    padding-top: 150px;
  }

  .swiper.swiper-container1::before,
  .swiper.swiper-leaderswiper1::before {

    height: 100%;
  }

  .attributes-links h6 {
    font-size: 80px;
    margin-bottom: 85px;
  }

  .why-choose-prodapt-card h4 {
    font-size: 100px;
  }

  .global-leader-head-div h1 {
    font-size: 120px;
    margin-bottom: 100px;

  }

  .ai-ready-sec {
    height: 75vh;

  }

  .ai-ready-content-div h1 {
    font-size: 220px;
  }

  .ai-impact-swiper-container {
    padding: 100px 0px 200px;
  }

  .ai-ready-content-div h1 {
    max-width: 70%;
  }

  .ai-ready-btn {

    width: 360px;
    height: 130px;
    font-size: 45px;
  }

  .footer-btn {

    width: 335px;
    height: 80px;
    font-size: 1rem;
  }

  .footer-links-container {
    padding: 100px 100px;
  }

  .footer-social-links-div {
    padding: 80px;
  }

  .footer-social-links-div h4 {
    font-size: 2rem;

  }

  .synapt-new-button {
    width: max-content;
    height: max-content;
    font-size: 40px;
    padding: 1rem 2rem;
  }

  .synapt-new-button img {
    margin-left: 30px;
    width: 30px;
  }

  .social-icon {

    width: 2.75rem;
    height: 2.75rem;
  }

  .social-icon img {
    width: 50%;
  }

  .footer-copyright {
    padding: 30px 100px;
  }

  .ai-impact-swiper-btn {

    font-size: 45px;
  }

  .footer-address-div {

    gap: 50px;
  }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
  
  .swiper.swiper-container1::before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 2px;
    left: 0px;
    margin: auto;
    position: absolute;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
    background-size: 3px 22px, 100% 22px;
    display: block;
    height: 100%;
  }

  .common-heading-div {
    margin-bottom: 90px !important;
  }

  .synapt-new-button {
    width: max-content;
    height: max-content;
    font-size: 65px;
    padding: 3rem 6rem;
  }

  .synapt-new-button img {
    margin-left: 30px;
    width: 30px;
  }

  .ratings-section {
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 100px 100px 150px;
  }

  .swiper-leaderswiper1 .swiper-slide {
    padding: 0px 100px 70px 150px;
  }

  .sneakpeek-sec {
    padding: 400px 250px;
  }

  .why-choose-prodapt-sec {


    padding: 400px 250px 900px;
  }
/*.why-choose-prodapt-sec .bg-video {*/
 
/*    top: 0!important;*/
/*}*/
  .globalleader-sec {
    padding: 400px 250px;
  }

  .why-choose-prodapt-head h1 span {
    left: 40%;
  }

  .why-choose-prodapt-card p {

    font-size: 3rem;
  }

  .banner-btn {

    width: 600px;
    height: 150px;
    font-size: 50px;
  }

  .why-choose-prodapt-card {
    width: 85%;
    height: 900px;
    margin-bottom: 5rem;
  }

  .attributes-links {
    width: 85%;
  }

  .footer-link-title {
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  .footer-links-div ul a {

    font-size: 2.2rem;
  }

  html,
  body {
    font-size: 1.5rem;
  }

  .globalleader-swiper-img img {
    width: 60%;
  }

  .ai-impact-swiper-card {
    width: 90%;
    height: 500px;
    padding: 100px;
    gap: 50px;

  }

  .ai-impact-swiper-card img {
    width: 150px;
    height: 150px;
  }

  .common-paragraph {
    font-size: 3.5rem;
    margin-bottom: 25px;
  }

  .ai-impact-content-div img {
    width: 30%;
  }

  .ai-impact-on-top-logo-div {

    top: -35%;
    width: 10%;
    left: 100px;
  }

  .common-heading {
    font-size: 7rem;
  }

  .ai-impact-content-div {
    padding: 0px 200px;
  }

  .ai-impact-on-top-logo-div img {
    width: 100%;
  }

  .img-parallax.img-triangle-1 {

    width: 20%;
  }

  .rating-card {

    width: 95%;
    height: 900px;
  }

  .rating-card p {
    font-size: 3.5rem;
    width: 75%;
    margin: 0 auto;
  }

  .rating-card h4 {
    font-size: 7rem;
    margin-bottom: 2rem;
  }

  .common-centre-head-div h2 {
    font-size: 7rem;
    margin-bottom: 2rem;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-thumb-active::before {

    height: 100px;
    width: 60px;
    top: 0px;
  }

  .sneakpeek-swiper-container {
    padding-top: 10rem;
    margin-top: 5rem;
  }

  .swiper.swiper-container1::before,
  .swiper.swiper-leaderswiper1::before {

    height: 100%;
  }

  .attributes-links h6 {
    font-size: 5rem;
    margin-bottom: 5rem;
  }

  .why-choose-prodapt-card h4 {
    font-size: 6rem;
    margin-bottom: 2rem;
  }

  .global-leader-head-div h1 {
    font-size: 7rem;
    margin-bottom: 3rem;

  }

  .ai-ready-sec {
    height: 75vh;

  }

  .ai-ready-content-div h1 {
    font-size: 15rem;
  }

  .ai-impact-swiper-container {
    padding: 100px 0px 200px;
  }

  .ai-ready-content-div h1 {
    max-width: 70%;
  }

  .ai-ready-btn {

    width: 750px;
    height: 250px;
    font-size: 4rem;
  }

  .ai-ready-row,
  .ai-ready-content-div {

    gap: 5rem;
  }

  .footer-btn {

    width: 550px;
    height: 180px;
    font-size: 2.5rem;

  }

  .footer-links-container {
    padding: 200px 200px;
  }

  .footer-social-links-div {
    padding: 80px;
  }

  .footer-social-links-div h4 {
    font-size: 6rem;
  }

  .footer-links-div ul {

    gap: 2rem;
  }

  .social-icon {

    width: 8rem;
    height: 8rem;
  }

  .footer-copyright p {
    font-size: 2rem;
  }

  .social-icon img {
    width: 50%;
  }

  .footer-copyright {
    padding: 50px 100px;
  }

  .ai-impact-swiper-btn {

    font-size: 3rem;
  }

  .footer-address-div {

    gap: 4rem;
  }

}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    
  .swiper.swiper-container1::before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 2px;
    left: 0px;
    margin: auto;
    position: absolute;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(180deg, #E82B2E, #E82B2E, #E82B2E, #E82B2E, #E82B2E);
    background-size: 3px 22px, 100% 22px;
    display: block;
    height: 100%;
  }

  .synapt-new-button {
    width: max-content;
    height: max-content;
    font-size: 3.5rem;
    padding: 3rem 6rem;
  }

  .synapt-new-button img {
    margin-left: 50px;
    width: 60px;
  }

  .common-heading-div {
    margin-bottom: 8rem;
  }

  .bottom-links {
    padding-top: 3rem;
  }

  .ratings-section {
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-container1 .swiper-slide {

    padding: 0px 100px 100px 350px;
  }

  .swiper-leaderswiper1 .swiper-slide {
    padding: 0px 100px 70px 350px;
  }

  .sneakpeek-sec {
    padding: 400px 250px;
  }

  .why-choose-prodapt-sec {


    padding: 400px 250px 30rem;
  }
/*.why-choose-prodapt-sec .bg-video {*/
 
/*    top: 0!important;*/
/*}*/
  .globalleader-sec {
    padding: 400px 250px;
  }

  .why-choose-prodapt-head h1 span {
    left: 40%;
  }

  .why-choose-prodapt-card p {

    font-size: 4rem;
  }

  .banner-btn {

    width: 600px;
    height: 150px;
    font-size: 50px;
  }

  .why-choose-prodapt-card {
    width: 85%;
    height: 1380px;
    margin-bottom: 5rem;
    padding: 200px;
  }

  .attributes-links {
    width: 85%;
  }

  .footer-link-title {
    font-size: 4rem;
    margin-bottom: 2rem;
  }

  .footer-links-div ul a {

    font-size: 3.5rem;
  }

  html,
  body {
    font-size: 1.5rem;
  }

  .globalleader-swiper-img img {
    width: 60%;
  }

  .ai-impact-swiper-card {
    width: 90%;
    height: 700px;
    padding: 100px;
    gap: 50px;

  }

  .ai-impact-swiper-card img {
    width: 200px;
    height: 200px;
  }

  .common-paragraph {
    font-size: 3.5rem;
    margin-bottom: 25px;
  }

  .ai-impact-content-div img {
    width: 30%;
  }

  .ai-impact-head-div {
    padding: 0px 0px 10px 450px;
  }

  .ai-impact-on-top-logo-div {

    top: -35%;
    width: 10%;
    left: 100px;
  }

  .common-heading {
    font-size: 7rem;
  }

  .ai-impact-content-div {
    padding: 0px 200px;
  }

  .ai-impact-on-top-logo-div img {
    width: 100%;
  }

  .img-parallax.img-triangle-1 {

    width: 20%;
  }

  .rating-card {

    width: 95%;
    height: 1350px;
  }

  .rating-card p {
    font-size: 4.5rem;
    width: 75%;
    margin: 0 auto;
  }

  .rating-card h4 {
    font-size: 10rem;
    margin-bottom: 2rem;
  }

  .common-centre-head-div h2 {
    font-size: 10rem;
    margin-bottom: 2rem;
  }

  .swiper-container1 .swiper-slide.swiper-slide-active::before,
  .swiper-container1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-thumb-active::before,
  .swiper-leaderswiper1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before,
  .swiper-container1 .swiper-slide.swiper-slide-active.swiper-slide-thumb-active::before {

    height: 300px;
    width: 150px;
    top: 0px;
  }

  .sneakpeek-swiper-container {
    padding-top: 10rem;
    margin-top: 5rem;
  }

  .swiper.swiper-container1::before,
  .swiper.swiper-leaderswiper1::before {

    height: 100%;
  }

  .attributes-links h6 {
    font-size: 5rem;
    margin-bottom: 5rem;
  }

  .why-choose-prodapt-card h4 {
    font-size: 10rem;
    margin-bottom: 2rem;
  }

  .global-leader-head-div h1 {
    font-size: 7rem;
    margin-bottom: 3rem;

  }

  .ai-ready-sec {
    height: 75vh;

  }

  .ai-ready-content-div h1 {
    font-size: 20rem;
  }

  .ai-impact-swiper-container {
    padding: 300px 0px 500px;
  }

  .ai-ready-content-div h1 {
    max-width: 70%;
  }

  .ai-ready-btn {

    width: 750px;
    height: 250px;
    font-size: 4rem;
  }

  .ai-ready-row,
  .ai-ready-content-div {

    gap: 5rem;
  }

  .footer-btn {
    width: 700px;
    height: 250px;
    font-size: 3rem;

  }

  .footer-links-container {
    padding: 400px 400px;
  }

  .footer-social-links-div {
    padding: 80px;
  }

  .footer-social-links-div h4 {
    font-size: 9rem;
  }

  .footer-links-div ul {

    gap: 2rem;
  }

  .social-icon {

    width: 11rem;
    height: 11rem;
  }

  .footer-copyright p {
    font-size: 3rem;
  }

  .social-icon img {
    width: 50%;
  }

  .footer-copyright {
    padding: 100px 400px;
  }

  .footer-right {

    gap: 5rem;
  }

  .top-logo-img {
    width: 65%;
  }

  .bottom-logo-img {
    width: 35%;
  }

  .ai-impact-swiper-btn {

    font-size: 3rem;
  }

  .footer-address-div {

    gap: 5rem;
  }
  
  .access-at-the-code-sec .bg-video {
    bottom: -5rem !important;
    left: -15rem !important;
    width: 30% !important;
    transform: rotateZ(40deg) !important;
    }
    
}





/* hamburger__menu Styles */
.hamburger__menu {
  width: 40px;
  height: 40px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1001;
  position: fixed;
  right: 15px;
  top: 10px;
}

.ham-menu__line {
  width: 30px;
  height: 3px;
  background: #000000;
  margin: 2px 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.hamburger__menu.open .top {
  transform: translateY(14px) rotate(45deg);
}

.hamburger__menu.open .middle {
  opacity: 0;
}

.hamburger__menu.open .bottom {
  transform: translateY(0px) rotate(-45deg);
}



/* Jerold Responsive Code - 07-02-2025*/
/* Header Responsive */
@media only screen and (max-width: 319.5px) {

  .home-banner-section {
    margin: 50px 0px -1px;
    background-attachment: local;
    height: 500px;
    border-radius: 0px;
    padding: 1rem;
    text-align: center;
    /*background-color: #e92b2e;*/
  }
  .access-at-the-code-sec .bg-video, .why-choose-prodapt-sec .bg-video, .sneakpeek-sec-new .bg-video {
        display: none;
    }

  .bg-video {
    position: absolute;
    object-fit: contain;
    top: 0rem;
  }

  .banner-content {
    top: 6rem;
  }

  .banner-content h1 {
    font-size: 20px;
    width: 100%;
  }

  .banner-element-one {
    top: 65%;
    right: -18%;
  }

  .banner-element-one img {
    width: 25%;
  }

  .home-banner-section svg {
    width: auto;
  }

  .banner-btn {
    width: 220px;
    height: 50px;
    font-size: 16px;
  }

  .banner-element-two {
    right: -10%;
    top: 62%;
    width: 65%;
  }

  .banner-element-two img {
    width: 70%;
  }

  .common-heading {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 30px;
  }

  .common-heading-div {
    margin-bottom: 10px;
  }

  .banner-content p {
    width: 90%;
    margin: 0 auto 25px;
    font-size: 15px;
  }

  .enterprises-section {
    padding: 30px 10px;
    margin-bottom: -1rem;
  }

  .partners-list {
    margin-top: 1rem;
  }

  .access-at-the-code-sec {
    padding: 30px 10px;
  }

  .common-centre-head-div h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .common-paragraph {
    font-size: 15px;
  }

  .access-at-the-code-sec .common-centre-head-div h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1rem;
  }

  .common-centre-head-div p {
    width: 95%;
  }

  /* Circle section Animation Style Starts*/
  .circle {
    width: 220px !important;
    height: 220px !important;
    max-height: 220px !important;
    max-width: 220px !important;
    position: relative;
  }

  .circle-section-thumbs-div {
    padding: 1rem;
    /* left: 0px;
    top: -10px; */
  }

  .outer-circle-shape {
    width: 150px;
    height: 150px;
    background-size: 90%;
  }

  .title-div {
    width: 10s0px;
    height: 100px;
    padding: 1rem;
    background-position: center;
    background-position-y: -7px;
    background-size: 100%;

  }

  .logo-div {
    padding: 5px;
    width: 45px;
    height: 45px;
  }

.slider2,
.slider3 {
    bottom: 120px !important;
}

.outercircle.slider4 p {
    display: none;
}

  .circle-section {
    padding: 23px 30px 0px;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .thumb-img-div {
    padding: 5px;
    /*width: 30px;*/
    /*height: 30px;*/
  }

  .thumb-slide.slide-1 {
    top: -70%;
  }

  .thumb-slide.slide-2 {
    top: 35%;
    left: -55%;
  }

  .thumb-slide.slide-3 {
    top: 35%;
    left: auto;
    right: -55%;
  }

  .thumb-slide.slide-3 p {
    left: 4rem;
    bottom: -1.5rem;
    margin-right: 7rem;
    display: none;
  }

  .aiatthecoreSwiper .slide-1 .slide-content,
  .aiatthecoreSwiper .slide-2 .slide-content,
  .aiatthecoreSwiper .slide-3 .slide-content {

    right: 0;
    top: 450px;
    width: auto !important;
    position: relative;
    padding-left: 1rem;
    left: 0;

  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 15px;
    top: 250px;
    width: auto !important;
    position: relative;
    padding-left: 1rem;
  }

  .aiatthecoreSwiper .slide-content::before {
    left: 0rem;
    top: 0.2rem;
    left: -1rem;
    background-size: 6%;
  }

  .aiatthecoreSwiper {
    margin-top: 15px;
  }

  .gap-10 {
    justify-content: center;
  }

  .thumb-slide.slide-1 p,
  .thumb-slide.slide-2 p,
  .thumb-slide.slide-3 p {
    display: none;
  }

  .thumb-slide.slide-1 p {
    top: 1rem;
    left: 3rem;
  }

  .thumb-slide.slide-1:hover p {
    top: 1rem;
    left: 3rem;
  }

  .thumb-slide.slide-2 p {
    left: 3rem;
    bottom: -0.5rem;
    width: 50%;
  }

  .thumb-slide.slide-2:hover p {
    left: 3rem;
    bottom: -0.5rem;
    width: 50%;
  }

  .thumb-slide:hover p {
    font-size: 15px;
  }



  .thumb-slide.slide-3:hover p {
    left: auto;
    bottom: -3.5rem;
    margin-right: -1rem;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {

    left: 0;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {

    left: 0;
  }



  /* Circle section Animation Style End */

}

@media only screen and (max-width: 992px) {
  .navigation {
    position: fixed;
    margin-top: 0rem;
    display: block;
    padding: 20px 20px 40px;
    height: 0%;
  }

  .navigation.active {
    height: 100%;
  }

  .navigation .nav__wrapper {
    display: none;
  }

  .navigation .nav-links__child {
    display: none;
    background: none;
  }


  .navigation.active .nav__wrapper {
    display: flex;
  }

  .hamburger__menu {
    display: flex;
    pointer-events: auto;
  }

  .w-dropdown {
    display: block;
  }

  .navigation.active .container-medium.nav {
    max-width: 100%;
    padding: 20px 75px 0px 0px;
  }

  .navigation.active .nav__parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .navigation.active .button__icon-text-wrapper,
  .navigation.active .nav-links__child,
  .navigation.active .nav__links-wrapper {
    display: block;
  }

  .navigation.active .w-dropdown-btn,
  .w-dropdown-toggle,
  .w-dropdown-link {
    padding: 0;
  }


  .navigation.active .nav__btns-wrapper.w-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    left: 30px;
  }

  .icon-embed.logo-mark {
    width: 60%;
    margin-top: 0rem;
  }

  .nav__logo-link {
    width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {




  .home-banner-section {
    margin: 60px 0px -1px;
    background-attachment: local;
    height: 500px;
    border-radius: 0px;
    padding: 1rem;
    text-align: center;
    /*background-color: #e92b2e;*/
  }

  .bg-video {
    position: absolute;
    object-fit: cover;
    top: 0rem;
    left: -80px;
  }

  .banner-content {
    /* top: 6rem; */
    top: 0rem!important; 
  }

  .banner-content h1 {
    font-size: 20px;
    width: 100%;
  }

  .banner-element-one {
    top: 65%;
    right: -18%;
  }

  .banner-element-one img {
    width: 25%;
  }

  .home-banner-section svg {
    width: auto;
  }

  .banner-btn {
    width: 220px;
    height: 50px;
    font-size: 16px;
  }

  .banner-element-two {
    right: -10%;
    top: 62%;
    width: 65%;
  }

  .banner-element-two img {
    width: 70%;
  }

  .common-heading {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 30px;
  }

  .common-heading-div {
    margin-bottom: 10px;
  }

  .banner-content p {
    width: 90%;
    margin: 0 auto 25px;
    font-size: 15px;
  }

  .enterprises-section {
    padding: 30px 10px;
    margin-bottom: -1rem;
  }

  .partners-list {
    margin-top: 1rem;
  }

  .access-at-the-code-sec {
    padding: 30px 10px;
  }
  
  .access-at-the-code-sec .bg-video {
      display: none;
  }

  .common-centre-head-div h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .common-paragraph {
    font-size: 15px;
  }

  .access-at-the-code-sec .common-centre-head-div h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1rem;
  }

  .common-centre-head-div p {
    width: 95%;
  }

  /* Circle section Animation Style Starts*/
  .circle {
    width: 300px !important;
    height: 300px !important;
    max-height: 300px !important;
    max-width: 300px !important;
    position: relative;
  }

  .circle-content {
    width: 180px;
    height: 180px;
  }

  .circle-section-thumbs-div {
    padding: 1rem;
    /* left: 0px;
    top: -10px; */
  }

  .outer-circle-shape {
    width: 120px;
    height: 120px;
    background-size: 90%;
  }

  .title-div {
    width: 120px;
    height: 120px;
    padding: 1rem;
    background-position: center;
    background-position-y: -7px;
    background-size: 100%;

  }

  .logo-div {
    padding: 1rem;
    width: 60px;
    height: 60px;
  }



  .circle-section {
    padding: 23px 30px 0px;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
.slider2,
.slider3 {
    bottom: 120px !important;
}

  .thumb-img-div {
    /*padding: 10px;*/
    width: 30px;
    height: 30px;
  }

  .thumb-slide.slide-1 {
    top: -70%;
  }

  .thumb-slide.slide-2 {
    top: 35%;
    left: -55%;
  }

  .thumb-slide.slide-3 {
    top: 35%;
    left: auto;
    right: -55%;
  }

  .thumb-slide.slide-3 p {
    left: 4rem;
    bottom: -1.5rem;
    margin-right: 7rem;
    display: none;
  }

  .aiatthecoreSwiper .slide-1 .slide-content,
  .aiatthecoreSwiper .slide-2 .slide-content,
  .aiatthecoreSwiper .slide-3 .slide-content,
  .aiatthecoreSwiper .slide-4 .slide-content {

    right: 0;
    top: 450px;
    width: auto !important;
    position: relative;
    padding-left: 1rem;
    left: 0;

  }

  .aiatthecoreSwiper .slide-1 .slide-content {

    left: 0;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {

    left: 0;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 15px;
    top: 250px;
    width: auto !important;
    position: relative;
    padding-left: 1rem;
  }

  .aiatthecoreSwiper .slide-content::before {
    left: 0rem;
    top: 0.2rem;
    left: -1rem;
    background-size: 5%;
  }

  .aiatthecoreSwiper {
    margin-top: 15px;
  }

  .gap-10 {
    justify-content: center;
  }

  .thumb-slide.slide-1 p {
    top: 1rem;
    left: 3rem;
    display: none;
  }

  .thumb-slide.slide-1:hover p {
    top: 1rem;
    left: 3rem;
  }

  .thumb-slide.slide-2 p {
    left: 4rem;
    bottom: -0.5rem;
    width: 50%;
    display: none;
  }

  .thumb-slide.slide-2:hover p {
    left: 3rem;
    bottom: -0.5rem;
    width: 50%;
  }

  .thumb-slide:hover p {
    font-size: 15px;
  }

  .thumb-slide.slide-3:hover p {
    left: -3rem;
    bottom: -0.5rem;
    margin-right: 17rem;
  }
    .outercircle.slider4 p {
        display: none;
    }

  /* Circle section Animation Style End */
}

@media only screen and (min-width: 540px) and (max-width: 540px) {

  .circle-section {}

  .thumb-slide.slide-1 {
    top: -10rem;
  }

  .thumb-slide.slide-1:hover p,
  .thumb-slide.slide-1 p {
    top: 0rem;
  }


  .thumb-slide.slide-3:hover p,
  .thumb-slide.slide-3 p {
    left: auto;
    bottom: -3.5rem;
    right: 2rem;
    margin-left: 5rem;
  }



  .thumb-slide.slide-2:hover p,
  .thumb-slide.slide-2 p {
    left: -2rem;
    bottom: -1.5rem;
    margin-right: 5rem;
  }

  .aiatthecoreSwiper .slide-content::before {
    background-size: 3%;
  }

  .circle-section::before {
    background-size: 55%;
    width: 100%;
    height: 100%;
    left: 0%;
    top: -32%;
  }

}
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
      .home-banner-section {
    margin: 60px 0px 0px!important;
      }
    }
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .hamburger__menu {
    display: flex;
    pointer-events: auto;
    position: absolute;
    top: 1.5rem;
  }

  .banner-content h1 {
    font-size: 20px;
    width: 100%;
  }

  .home-banner-section {
    margin: 6rem 0px 0px;
    background-attachment: local;
    height: 500px !important;
    padding: 1rem;
    text-align: left;
    /*background-color: #e92b2e;*/
  }

  .banner-element-two {
    right: 0%;
    top: 35%;
    width: 50%;
  }

  .banner-element-one {
    top: 50%;
    right: -5%;
    z-index: 9;
  }

  .banner-element-one img {
    width: 50%;
  }

  .home-banner-section svg {
    width: auto;
    height: 100%;
  }

  .common-heading {
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 50px;
  }

  .common-heading-div {
    margin-bottom: 10px;
  }

  .banner-content p {
    width: 70%;
    margin: 0 0 40px;
    font-size: 18px;
  }

  .enterprises-section {
    padding: 60px 20px;
    margin-bottom: -1rem;
  }

  .partners-list {
    margin-top: 1rem;
  }

  .access-at-the-code-sec {
    padding: 60px 20px;
    margin-bottom: -2px;
  }

  .common-centre-head-div h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .common-paragraph {
    font-size: 15px;
  }

  .access-at-the-code-sec .common-centre-head-div h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 2rem;
  }

  .common-centre-head-div p {
    width: 70%;
  }

  /* Circle section Animation Style Starts*/
  .title-div {
    width: auto;
    height: auto;
    padding: 4rem;
    background-position: center;
    background-position-y: 5px;
    background-size: 85%;

  }

  .circle-section-thumbs-div {

    padding: 1rem;
  }

  .logo-div {
    padding: 1rem;
    width: 80px;
    height: 80px;
  }

  .outer-circle-shape {
    background-size: 70%;
  }

  .circle-section::before {
    background-size: 70%;
    width: 100%;
    height: 100%;
    left: 0%;
    top: -6.5%;
  }

  .circle-section {
    padding: 70px 50px 0px;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }



  .thumb-slide.slide-1 {
    top: -70%;
  }

  .thumb-slide.slide-2 {}

  .thumb-slide.slide-3 {}

  .thumb-slide.slide-3 p,
  .thumb-slide.slide-3:hover p {
    left: auto;
    top: 60%;
    margin-right: -3rem;

  }

  .aiatthecoreSwiper .slide-1 .slide-content,
  .aiatthecoreSwiper .slide-2 .slide-content,
  .aiatthecoreSwiper .slide-3 .slide-content {

    right: 0;
    top: 400px;
    bottom: auto;
    width: 100%;
    position: relative;
    padding-left: 1rem;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    top: 400px;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    top: 600px;
    left: 0;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    top: 200px;
    left: 0;
  }

  .aiatthecoreSwiper .slide-content::before {
    left: 0rem;
    top: 0.2rem;
    left: -1rem;
    background-size: 3%;
  }

  .aiatthecoreSwiper {
    margin-top: 15px;
  }

  .gap-10 {
    justify-content: left;
  }
  
  .aiatthecoreSwiper .slide-4 .slide-content .gap-10 {
      grid-template-columns: repeat(4, 1fr) !important;
  }

  .thumb-slide.slide-1 p,
  .thumb-slide.slide-1:hover p {
    top: 7rem;
    left: 8rem;
  }

  .thumb-slide.slide-2 p,
  .thumb-slide.slide-2:hover p {
    left: 0px;
    bottom: 30%;
  }

  .thumb-slide:hover p {
    font-size: 15px;
  }



  /* Circle section Animation Style End */
  .navigation {
    padding: 20px 20px 70px;
  }
}

@media only screen and (min-width: 912px) and (max-width: 912px) {}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .why-choose-prodapt-sec {
        padding: 60px 50px 12rem;
    }
    
    .why-choose-prodapt-sec .bg-video {
        object-fit: cover;
        width: 100%;
        height: auto !important;
        top: 18rem !important;
    }

  /* Header Style */
  .navigation {
    height: auto !important;
    padding: 10px 20px 10px !important;
  }

  .hamburger__menu {
    display: none;
  }

  .button {
    font-size: 12px !important;
    padding: 10px 15px !important;
  }

  .nav__logo-link {
    width: 55%;
  }

  .icon-embed.logo-text {
    width: 80%;
  }

  .home-banner-section {
    padding-left: 2rem;
    margin: 5rem 0px 0px;
  }

  .banner-element-two {
    right: 0%;
    top: 5%;
    width: 55%;
  }

  .banner-element-one {
    top: 35%;
  }

  .banner-element-one img {
    width: 50%;
  }

  .circle-section::before {
    background-size: 50%;
    top: -29.5%;
  }

  .title-div {}

  .logo-div {}

  .thumb-slide.slide-1 {}

  .thumb-slide.slide-1 p {}



  .thumb-slide.slide-3 {}

  .thumb-slide.slide-3 p {}

  .thumb-slide.slide-2 {}

  .thumb-slide.slide-2 p {}

  .aiatthecoreSwiper .slide-content {
      width: 350px !important;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {}

  .aiatthecoreSwiper .slide-2 .slide-content {}

  .aiatthecoreSwiper .slide-3 .slide-content {}

.building-blocks-side-img-div img {
    width: 85% !important;
}

}

@media only screen and (min-width: 1024.5px) and (max-width: 1280px) {

  .home-banner-section svg {
    width: auto;
    height: 100%;
  }

  .circle-section::before {
    background-size: 65%;
    top: -25%;
  }



  .thumb-slide.slide-1 p {
    top: 9rem;
    left: 7rem;
  }
  
.building-blocks-side-img-div img {
    width: 85% !important;
}



  .thumb-slide.slide-3:hover p {

    margin-left: -2rem;
  }

  .thumb-slide.slide-3 p {
    left: 0;
    bottom: 9.5rem;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 0px;
    top: 10rem;
    width: 100%;
    left: 250px;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: 0;
    top: -200px;
    width: 85%;
    left: 350px;


  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 20rem;
    top: 18rem;
  }

  .thumb-slide:hover p {
    font-size: 20px;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: auto;
    top: 250px;
    width: 100%;
    left: -270px;
  }

  .thumb-slide.slide-2:hover p {
    font-size: 15px;
  }

  .thumb-slide:hover p {
    font-size: 15px;
  }


  .thumb-slide.slide-2 p {
    left: 0;
    bottom: 8.5rem;
  }



}

@media only screen and (min-width: 1281px) and (max-width:1440px) {
  .circle-section::before {
    background-size: 60%;
    top: -23%;
  }

  .thumb-slide.slide-1 {}

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -56rem;
  }

  .thumb-slide.slide-2 {}

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 8rem;
    top: -15rem;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 28rem;
    top: 14rem;
  }

  .thumb-slide.slide-3 {
    top: 35%;
    left: 58%;
  }

  .thumb-slide.slide-3:hover p {
    left: 12rem;
    bottom: 8.5rem;
  }


}


@media only screen and (min-width: 1600px) and (max-width: 1823px) {

  .thumb-slide.slide-3 {
    top: 35%;
    left: 58%;
  }

  .thumb-slide.slide-3:hover p {
    left: 12rem;
    bottom: 8.5rem;
  }
}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
  .circle-section-thumbs-div {
    left: 9rem;
    top: -2.2rem;
  }

  .thumb-slide.slide-1 {
    top: -63%;
    left: 0%;
  }

  .thumb-slide.slide-1 p {
    top: 6rem;
    left: 5rem;
  }

  .thumb-slide.slide-1:hover p {
    top: 6rem;
  }

  .thumb-slide.slide-2:hover p {
    left: -11rem;
    bottom: 9.5rem;
  }

  .thumb-slide.slide-3:hover p {
    left: 12rem;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -26rem !important;
    top: -22rem !important;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: -27rem !important;
        top: 5rem !important;
  }

  /*.gap-10 {*/
  /*  gap: 30px;*/
  /*}*/

  /*.gap-10 p::after {*/
  /*  right: -18px;*/
  /*}*/

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 37rem !important;
        top: -23rem !important;
  }

  /*.logo-div {*/
  /*  width: auto;*/
  /*}*/

  .title-div {
    padding: 4rem;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
  .circle-section::before {
    background-size: 60%;
    top: -23%;
  }

  .thumb-slide.slide-1 {
    top: -80%;
    left: 28%;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -56rem;
  }

  .thumb-slide.slide-2 {
    top: 40%;
    left: -3%;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 8rem;
    top: -15rem;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 8rem;
    top: -15rem;
  }

  .thumb-slide.slide-3 {
    top: 35%;
    left: 58%;
  }

  .thumb-slide.slide-3:hover p {
    left: 12rem;
    bottom: 8.5rem;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .common-centre-head-div h2 {
    font-size: 60px;
  }

  .home-banner-section {
    padding-left: 12rem;
  }

  .outer-circle-shape {
    width: 450px !important;
    height: 450px !important;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -24rem !important;
    top: -21rem !important;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: -23rem !important;
        top: -17rem !important;
  }
  
  .outercircle.slider4 p {
    top: 6rem !important;
    left: -8rem !important;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 37rem !important;
        top: 3rem !important;
  }

  .circle-slider {
    width: 650px !important;
    height: 650px !important;
  }

  .circle-content {
    width: auto !important;
    height: auto !important;
  }

  .title-div {
    width: 250px !important;
    height: 250px !important;
    top: 100px !important;
    left: 100px !important;
  }

  .logo-div {
    width: 120px;
    height: 120px;
  }

  .outercircle {
    width: 100px !important;
    height: 100px !important;
  }

  .outercircle p {
    font-size: 30px !important;
    width: 400px !important;
  }

  .slider1 {
    top: -55px !important;
  }

  .slider2 {
    bottom: 16.5rem !important;
    right: 0% !important;
  }

  .outercircle.slider1 p {
    top: -6rem !important;
  }

  .outercircle.slider2 p {
    left: 6rem !important;
  }

  .slider3 {
    bottom: 16.5rem !important;
    left: 0% !important;
  }

  .outercircle.slider3 p {
    left: -21rem !important;
  }

  .thumb-img-div {
    width: auto !important;
    height: auto !important;
  }

}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
  .navigation {
    padding: 1rem 6rem;
  }

  .nav__main-links:hover .button__icon-wrapper {
    transform: rotateZ(90deg) scale(3) !important;
  }

  .button,
  .button__icon-only {
    /*font-size: 1rem !important;*/ 
        font-size: 30px !important;
    /*padding: 30px 60px !important;*/
  }

  .chat-icon-div {
    width: 60px;
    height: 60px;
  }

  .chat-icon-div img {
    width: 25px;
  }

  .nav__btns-wrapper {
    align-items: center;
  }

  .icon-embed.logo-text {
    width: 350px;
  }

  .nav__logo {
    gap: 70px;
  }

  .icon-embed.logo-mark {
    width: 230px;
  }

  .button[icon-visibility="yes"] .button__icon-wrapper {
    transform: scale(3);
  }

  .home-banner-section {
    height: 1800px;
  }

  .common-heading,
  .banner-content h1,
  .common-centre-head-div h2 {
    font-size: 100px;
  }

  .banner-content p,
  .common-paragraph {
    font-size: 45px;
  }

  .banner-btn {
    width: auto;
    height: auto;
    font-size: 40px;
    padding: 1rem 2rem;
  }

  .banner-btn img {
    margin-left: 30px;
    width: 30px;
  }

  .access-at-the-code-sec,
  .enterprises-section {
    padding: 4rem 3rem;
  }

  .partners-box img {
    max-width: none;
    width: 300px;
  }

  .partners-list {
    margin-top: 4rem;
  }

  /* Circle animation code */
  .outer-circle-shape {
    width: 550px !important;
    height: 550px !important;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -18rem !important;
    top: -15rem !important;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: -18rem !important;
    top: 3rem !important;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 20rem !important;
    top: -17rem !important;
  }
  .aiatthecoreSwiper .slide-4 .slide-content {
    right: 18rem !important;
    top: 7rem !important;
    }
    
    .gap-10 img {
        width: 200px;
    }

  .circle-slider {
    width: 850px !important;
    height: 850px !important;
  }

  .circle-content {
    width: 650px !important;
    height: 650px !important;
  }

  .title-div {
    width: 300px !important;
    height: 300px !important;
    top: 125px !important;
    left: 125px !important;
  }

  .logo-div {
    width: 120px;
    height: 120px;
    padding: 10px !important;
  }

  .outercircle {
    width: 100px !important;
    height: 100px !important;
  }

  .outercircle p {
    font-size: 50px !important;
    width: 600px !important;
  }

  .slider1 {
    top: -55px !important;
  }

  .slider2 {
    bottom: 9.5rem !important;
        right: 0% !important;
  }

  .outercircle.slider1 p {
    top: -4rem !important;
  }

  .aiatthecoreSwiper .slide-content {
    width: 700px !important;
  }

  .outercircle.slider2 p {
    left: 3rem !important;
  }
  
  .outercircle.slider4 p {
    top: 3rem !important;
    left: -6rem !important;
}

  .slider3 {
    bottom: 9.5rem !important;
    left: 0% !important;
  }

  .outercircle.slider3 p {
    left: -14rem !important;
  }

  .thumb-img-div {
    width: auto !important;
    height: auto !important;
  }

  .gap-10 {
    gap: 50px !important;
  }

  .gap-10 p::after {
    right: -30px !important;
  }

  /* GDE Pages Style 06-03-2025 */
  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 45px !important;
  }

  .powered-by-new-card h6 {
    font-size: 65px !important;
  }

  .powered-by-new-card {
    padding: 100px 80px !important;
  }

  .powered-by-new-card-row.row-left-border::after,
  .powered-by-new-card-row.row-right-border::after {
    height: 560px !important;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 45px 70px !important;
  }

  .powered-by-new-sec,
  .gdm-enterprise-new-sec {
    padding: 8rem 6rem !important;
  }

  .powered-by-new-card-row {
    gap: 250px !important;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
    margin: 0 55px 0px 0px !important;
    font-size: 40px !important;
  }

  .gdm-nav-tab-container {
    padding-top: 3rem !important;
  }

  .gdm-nav-tab-container h5 {
    font-size: 45px !important;
    margin-bottom: 2rem !important;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 60px !important;
    margin-bottom: 35px !important;
    margin-left: 55px !important;
  }

  .gdm-nav-tab-card-view ul li .gdm-nav-tab-card-content h6::before {
    height: 70px !important;
    width: 40px !important;
    left: -60px !important;
  }

  .clients-wins-card-content {
    padding: 90px 70px !important;
  }

  .clients-wins-button {
    padding: 40px 60px !important;
    width: max-content !important;
    height: max-content !important;
    font-size: 45px !important;
  }

  .clients-wins-button img {
    margin-left: 30px !important;
    width: 35px !important;
  }

  .clients-wins-card-content .common-paragraph {
    margin-bottom: 2rem !important;
  }

  .ai-ready-container {
    padding: 5rem 5rem !important;
  }

  .ai-ready-btn {
    width: max-content !important;
    height: max-content !important;
    font-size: 45px !important;
    padding: 30px 40px !important;
  }

  .ai-ready-btn img {
    margin-left: 30px !important;
    width: 25px !important;
    top: 2px !important;
  }
  
.access-at-the-code-sec .bg-video {
    bottom: 12rem !important;
    left: -180px !important;
    width: 30% !important;
    transform: rotateZ(40deg) !important;
}

.sneakpeek-sec-new .bg-video {
    /*top: 5rem !important;*/
    /*width: 3% !important;*/
    /*left: 2rem !important;*/
}


}

/* 6k resolution 6,144 x 3,456 pixels */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
  .navigation {
    padding: 3rem 25rem;
  }

  .button__icon-wrapper {
    margin-right: 0rem;
  }

  .button[icon-visibility="yes"] .button__icon-wrapper {
    transform: scale(4);
  }

  .button,
  .button__icon-only {
    font-size: 3rem !important;
    /*padding: 30px 100px !important;*/
  }

  .chat-icon-div {
    width: 90px;
    height: 90px;
  }

  .chat-icon-div img {
    width: 40px;
  }

  .nav__btns-wrapper {
    align-items: center;
  }

  .icon-embed.logo-text {
    width: 450px;
  }

  .nav__logo {
    gap: 70px;
  }

  .icon-embed.logo-mark {
    width: 300px;
  }

  .home-banner-section {
    height: 2800px;
    padding-left: 23rem;
  }

  .common-heading,
  .banner-content h1,
  .common-centre-head-div h2 {
    font-size: 7rem;
  }

  .banner-content p,
  .common-paragraph {
    font-size: 3.5rem;
  }

  .banner-btn {
    width: auto;
    height: auto;
    font-size: 55px;
    padding: 2rem 5rem;
  }

  .banner-btn img {
    margin-left: 30px;
    width: 30px;
  }

  .access-at-the-code-sec,
  .enterprises-section {
    padding: 14rem 3rem;
  }

  .partners-box img {
    max-width: none;
    width: 400px;
  }

  .partners-list {
    margin-top: 17rem;
  }


  /* Circle animation code */
  .circle-slider-section {
    margin: 30rem auto !important;
  }

  .outer-circle-shape {
    width: 750px !important;
    height: 750px !important;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: -76rem !important;
    top: -47rem !important;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: -73rem !important;
        top: -42rem !important;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 45rem !important;
        top: 10rem !important;
  }
  .outercircle.slider4 p {
    top: 10rem !important;
    left: -28rem !important;
}
.aiatthecoreSwiper .slide-4 .slide-content {
    right: auto !important;
    top: 20rem !important;
}

  .circle-slider {
    width: 1150px !important;
    height: 1150px !important;
  }

  .circle-content {
    width: 900px !important;
    height: 900px !important;
  }

  .title-div {
    width: 450px !important;
    height: 450px !important;
    top: 150px !important;
    left: 150px !important;
    background-position-y: -25px !important;
  }

  .logo-div {
    width: 250px;
    height: 250px;
    padding: 30px !important;
  }

  .outercircle {
    width: 200px !important;
    height: 200px !important;
  }

  .outercircle p {
    font-size: 4rem !important;
    width: 1500px !important;
  }

  .slider1 {
    top: -6rem !important;
  }

  .slider2 {
    bottom: 24rem !important;
    right: -3% !important;
  }

  .outercircle.slider1 p {
    top: -10rem !important;
  }

  .aiatthecoreSwiper .slide-content {
    width: 1500px !important;
  }

  .outercircle.slider2 p {
    left: 4rem !important;
  }

  .slider3 {
    bottom: 24rem !important;
    left: -3% !important;
  }

  .outercircle.slider3 p {
    left: -60rem !important;
  }

  .thumb-img-div {
    width: 150px !important;
    height: 150px !important;
  }

  .thumb-img-div img {
    width: 100%;
  }

  .gap-10 {
    gap: 60px !important;
    margin-top: 3rem;
  }
   .gap-10 img {
       width:350px;
   }

  .gap-10 p::after {
    right: -40px !important;
  }

  /* GDE Pages Style 06-03-2025 */
  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 3.5rem !important;
  }

  .powered-by-new-card h6 {
    font-size: 100px !important;
    margin-bottom: 70px !important;
  }

  .powered-by-new-card {
    padding: 190px 120px !important;
  }

  .powered-by-new-card-row.row-left-border::after,
  .powered-by-new-card-row.row-right-border::after {
    height: 950px !important;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 45px 70px !important;
  }

  .powered-by-new-sec,
  .gdm-enterprise-new-sec {
    padding: 16rem 14rem !important;
  }

  .powered-by-new-card-row {
    gap: 350px !important;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
    margin: 0 90px 0px 0px !important;
    font-size: 2.5rem !important;
    padding: 2rem 4rem !important;
  }

  .gdm-nav-tab-container {
    padding-top: 7rem !important;
  }

  .gdm-nav-tab-container h5 {
    font-size: 3.5rem !important;
    margin-bottom: 6rem !important;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 4.5rem !important;
    margin-bottom: 35px !important;
    margin-left: 105px !important;
  }

  .gdm-nav-tab-card-view ul li .gdm-nav-tab-card-content h6::before {
    height: 125px !important;
    width: 70px !important;
    left: -110px !important;
  }

  .clients-wins-card-content {
    padding: 120px 120px !important;
  }

  .clients-wins-button {
    padding: 45px 90px !important;
    width: max-content !important;
    height: max-content !important;
    font-size: 3.5rem !important;
  }

  .clients-wins-button img {
    margin-left: 30px !important;
    width: 45px !important;
  }

  .clients-wins-card-content .common-paragraph {
    margin-bottom: 5rem !important;
  }

  .ai-ready-container {
    padding: 14rem 7rem !important;
  }

  .ai-ready-btn {
    width: max-content !important;
    height: max-content !important;
    font-size: 3.5rem !important;
    padding: 45px 85px !important;
  }

  .ai-ready-btn img {
    margin-left: 45px !important;
    width: 45px !important;
    top: 2px !important;
  }

  .clients-wins-container {
    margin-top: 5rem !important;
  }
  
  .access-at-the-code-sec .bg-video {
    bottom: -7rem !important;
    left: -10rem !important;
    width: 30% !important;
    transform: rotateZ(35deg) !important;
  }

}

/* 7680 × 4320
8k resolution */
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
  .navigation {
    padding: 5rem 24rem;
  }

  .button,
  .button__icon-only {
    font-size: 4rem !important;
    /*padding: 30px 130px !important;*/
  }

  .button[icon-visibility="yes"] .button__icon-wrapper {
    transform: scale(6) !important;
    margin-right: 0rem !important;
  }

  .btn-link {
    margin-right: 3rem;
  }

  .chat-icon-div {
    width: 110px;
    height: 110px;
  }

  .chat-icon-div img {
    width: 60px;
  }

  .nav__btns-wrapper {
    align-items: center;
  }

  .icon-embed.logo-text {
    width: 750px;
  }

  .nav__logo {
    gap: 70px;
  }

  .icon-embed.logo-mark {
    width: 400px;
  }

  .home-banner-section {
    height: 3800px;
    padding-left: 25rem;
  }

  .common-heading,
  .banner-content h1,
  .common-centre-head-div h2 {
    font-size: 9rem;
  }

  .banner-content p,
  .common-paragraph {
    font-size: 4.5rem;
  }

  .common-centre-head-div p {
    width: 45%;
  }

  .banner-btn {
    width: auto;
    height: auto;
    font-size: 65px;
    padding: 3rem 6rem;
  }

  .banner-btn img {
    margin-left: 30px;
    width: 30px;
  }

  .access-at-the-code-sec,
  .enterprises-section {
    padding: 20rem 3rem;
  }

  .partners-box img {
    max-width: none;
    width: 500px;
  }

  .partners-list {
    margin-top: 20rem;
  }

  /* Circle animation code */
  .circle-slider-section {
    margin: 40rem auto !important;
  }

  .outer-circle-shape {
    width: 1050px !important;
    height: 1050px !important;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    left: 18rem !important;
        top: -55rem !important;
        right: auto !important;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: auto !important;
       top: -52rem !important;
        left: 19rem !important;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 68rem !important;
        top: 12rem !important;
  }
  .slider4 {
    left: 50% !important;
  }
.outercircle.slider4 p {
    top: 10rem !important;
    left: -48rem !important;
}
.aiatthecoreSwiper .slide-4 .slide-content {
    right: auto !important;
    top: 34rem !important;
    left: 4rem !important;
}
  .circle-slider {
    width: 1600px !important;
    height: 1600px !important;
  }

  .circle-content {
    width: 1200px !important;
    height: 1200px !important;
  }

  .title-div {
    width: 650px !important;
    height: 650px !important;
    top: 200px !important;
    left: 200px !important;
    background-position-y: -40px !important;
  }

  .logo-div {
    width: 350px;
    height: 350px;
    padding: 30px !important;
  }

  .outercircle {
    width: 200px !important;
    height: 200px !important;
  }

  .outercircle p {
    font-size: 6rem !important;
    width: 2500px !important;
  }

  .slider1 {
    top: -6rem !important;
  }

  .slider2 {
    bottom: 35rem !important;
        right: -2% !important;
  }

  .outercircle.slider1 p {
    top: -13rem !important;
  }

  .aiatthecoreSwiper .slide-content {
    width: 2000px !important;
  }

  .outercircle.slider2 p {
    left: -5rem !important;
  }

  .slider3 {
    bottom: 35rem !important;
    left: -2% !important;
  }

  .outercircle.slider3 p {
    left: -95rem !important;
  }

  .thumb-img-div {
    width: 250px !important;
    height: 250px !important;
  }

  .thumb-img-div img {
    width: 100%;
  }

  .gap-10 {
    gap: 90px !important;
  }
  
  .gap-10 img { 
      width: 450px;
  }

  .gap-10 p::after {
    right: -65px !important;
  }

  /* GDE Pages Style 06-03-2025 */
  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 4.5rem !important;
  }

  .powered-by-new-card h6 {
    font-size: 6.5rem !important;
    margin-bottom: 70px !important;
  }

  .powered-by-new-card {
    padding: 210px 175px !important;
  }

  .powered-by-new-card-row.row-left-border::after,
  .powered-by-new-card-row.row-right-border::after {
    height: 1300px !important;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 60px 90px !important;
  }

  .powered-by-new-sec,
  .gdm-enterprise-new-sec {
    padding: 24rem 16rem !important;
  }

  .powered-by-new-card-row {
    gap: 400px !important;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
    margin: 0 90px 0px 0px !important;
        font-size: 3.5rem !important;
        padding: 4rem 5rem !important;
  }

  .gdm-nav-tab-container {
    padding-top: 10rem !important;
  }

  .gdm-nav-tab-container h5 {
    font-size: 4.5rem !important;
    margin-bottom: 10rem !important;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 5.5rem !important;
    margin-bottom: 3rem !important;
    margin-left: 5rem !important;
  }

  .gdm-nav-tab-card-view ul li .gdm-nav-tab-card-content h6::before {
    height: 125px !important;
    width: 70px !important;
    left: -110px !important;
  }

  .clients-wins-card-content {
    padding: 140px 140px !important;
  }

  .clients-wins-button {
    padding: 50px 110px !important;
    width: max-content !important;
    height: max-content !important;
    font-size: 4.5rem !important;
  }

  .clients-wins-button img {
    margin-left: 70px !important;
    width: 60px !important;
  }

  .clients-wins-card-content .common-paragraph {
    margin-bottom: 5rem !important;
  }

  .ai-ready-container {
    padding: 14rem 10rem !important;
  }

  .ai-ready-btn {
    width: max-content !important;
    height: max-content !important;
    font-size: 5.5rem !important;
    padding: 60px 90px !important;
  }

  .ai-ready-btn img {
    margin-left: 55px !important;
    width: 70px !important;
    top: 2px !important;
  }

  .clients-wins-container {
    margin-top: 5rem !important;
  }

}



/* Circle Animation New style */
.circle-slider-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10rem auto;
}

.circle-slider {
  position: relative;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: conic-gradient(red 0deg 120deg,
      rgb(28, 28, 28) 120deg 240deg,
      rgb(28, 28, 28) 240deg 360deg);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.5s ease-in-out;
}

.circle-content {
  position: absolute;
  width: 390px;
  height: 390px;
  background-color: #000000;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #000;
}

.outercircle p {
  position: absolute;
  font-size: 30px;
  width: 500px;
  color: #eb262a;
}

.outercircle.slider1 p {
  top: -4rem;
}

.outercircle.slider2 p {
  top: 0rem;
  left: -0.5rem;;
}

.outercircle.slider3 p {
  top: 0rem;
  left: -30rem;
}

.outercircle {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.5s ease, color 0.5s ease;
}

.slider1 {
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.slider2 {
  bottom: 240px;
  right: -1%;
  transform: translate(50%, 50%);
}

.slider3 {
  bottom: 240px;
  left: 0%;
  transform: translate(-50%, 50%);
}

.slider4 {
  bottom: -5px;
  left: 52%;
  transform: translate(-50%, 50%);
}

.outercircle.slider4 p {
  top: 5rem;
  left: -15rem;
}

.aiatthecoreSwiper .slide-4 .slide-content {
  right: 33rem;
  top: 10rem;
}

.aiatthecoreSwiper {}

.aiatthecoreSwiper .slide-content {
  position: absolute;
  font-size: 20px;
  width: 350px;
  line-height: 1.2;
  opacity: 1;
  text-align: left;
}

.outer-circle-shape {
  background-image: url(/wp-content/uploads/img/outer-cricle.svg);
  width: 400px;
  height: 400px;
  background-position: center center;
  position: relative;
  background-size: 85%;
  background-repeat: no-repeat;
  z-index: 0;
}

.title-div {
  width: 200px;
  height: 200px;
  background: #fff;
  margin: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2rem;
  position: absolute;
  background-image: url(/wp-content/uploads/img/group-322.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-position-y: -12px;
  background-size: cover;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
  top: 100px;
  left: 95px;
}

.aiatthecoreSwiper .slide-1 .slide-content {
  right: -24rem;
  top: -20rem;
}

.aiatthecoreSwiper .slide-2 .slide-content {
  right: -27rem;
  top: 3rem;
}

.aiatthecoreSwiper .slide-3 .slide-content {
  right: 35rem;
  top: -16rem;
}

.thumb-slide:hover+.aiatthecoreSwiper .slide-content {
  opacity: 1;
  transform: translateY(0);
}

.thumb-img-div {
  position: absolute;
  /* background: #fff; */
  border-radius: 50%;
  /* padding: 15px; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 50px;
  height: 50px;
  /* outline: 2px solid #CDCDCD; */
  /* outline-offset: -5px;
}

.outercircle:hover .thumb-img-div {
  background: #dd3e40;
  outline: 2px solid #000;
  outline-offset: -7px;
  /*box-shadow: inset 5px 5px 6px rgba(0, 0, 0, 0.5);*/
  /*padding: 15px;*/
}

.outercircle .thumb-img-div .hover-img {
  display: none;
}

.outercircle:hover .thumb-img-div .normal-img {
  display: none;
}

.outercircle:hover .thumb-img-div .hover-img {
  display: block;
}


/* New circle responsive divya */

.circle-heading-mobile {
  display: none;
}

@media only screen and (max-width: 319.5px) {
  .circle-heading-mobile {
    display: block;
  }

  .circle-heading-mobile p {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
  }

  .synapt-new-button {

    font-size: 15px !important;

    padding: 7px 25px !important;

    width: 100%;
    height: 100%;
  }

  .footer-btn {

    font-size: 15px;
  }


  .ai-ready-row,
  .ai-ready-content-div {
    gap: 20px;
  }

  .ai-ready-content-div h1 {
    font-size: 25px;
    max-width: 285px;
  }

  .circle-slider-section {

    margin: 50px auto;
    flex-direction: column;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 0;
    top: 0;
    left: 0;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 0;
    top: 0;
    left: 0;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: 0;
    top: 0;
  }

  .outercircle.slider1 p {

    display: none;
  }

  .outercircle.slider2 p {

    display: none;
  }

  .outercircle.slider3 p {

    display: none;
  }

  .why-choose-prodapt-head {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .circle-slider {
    position: relative;
    width: 250px;
    height: 250px;
  }

  .circle-content {
    width: 180px;
    height: 180px;
  }

  .outer-circle-shape {
    width: 200px;
    height: 200px;

    background-size: 90%;
  }

  .title-div {
    width: 95px;
    height: 95px;
    padding: 1rem;
    background-position: center;
    background-position-y: 0px;
    background-size: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .gap-10 p::after {
    display: none;
  }

  .aiatthecoreSwiper .slide-1 .slide-content,
  .aiatthecoreSwiper .slide-3 .slide-content,
  .aiatthecoreSwiper .slide-2 .slide-content,
  .aiatthecoreSwiper .slide-4 .slide-content {
    right: 0;
    top: 50px;
    left: 0;
    padding: 0;
    text-align: center;
  }
  
  .aiatthecoreSwiper .slide-4 .slide-content {
      position:relative;
      width:250px;
  }

  .aiatthecoreSwiper .flex-center.gap-10 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .logo-div {

    top: 7px;
    position: relative;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .circle-heading-mobile {
    display: block;
  }

  .circle-heading-mobile p {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
  }

  .logo-div {

    top: 7px;
    position: relative;
  }

  .gap-10 p::after {
    display: none;
  }

  .aiatthecoreSwiper .slide-1 .slide-content,
  .aiatthecoreSwiper .slide-3 .slide-content,
  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 0;
    top: 0;
    left: 0;
    padding: 0;
    text-align: center;
  }

  .aiatthecoreSwiper .flex-center.gap-10 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .synapt-new-button {

    font-size: 15px !important;

    padding: 7px 25px !important;

    width: 100%;
    height: 100%;
  }

  .footer-btn {

    font-size: 15px;
  }

  .ai-ready-row,
  .ai-ready-content-div {
    gap: 20px;
  }

  .ai-ready-sec {
    height: 350px;
  }

  .ai-ready-content-div h1 {
    font-size: 25px;
    max-width: 285px;
  }

  .circle-slider-section {

    margin: 50px auto;
    flex-direction: column;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 0;
    top: 50px;
    left: 0;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 0;
    top: 50px;
    left: 0;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: 0;
    top: 50px;
  }
  
  .aiatthecoreSwiper .slide-4 .slide-content { 
    top: 50px;
    text-align: center !important;
  }

  .outercircle.slider1 p {

    display: none;
  }

  .outercircle.slider2 p {

    display: none;
  }

  .outercircle.slider3 p {

    display: none;
  }

  .why-choose-prodapt-head {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .circle-slider {
    position: relative;
    width: 250px;
    height: 250px;
  }

  .circle-content {
    width: 180px;
    height: 180px;
  }

  .outer-circle-shape {
    width: 200px;
    height: 200px;

    background-size: 90%;
  }

  .title-div {
    width: 120px;
    height: 120px;
    padding: 1rem;
    background-position: center;
    background-position-y: center;
    background-size: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .circle-heading-mobile {
    display: block;
  }

  .circle-heading-mobile p {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
  }

  .circle-slider-section {

    margin: 100px auto 50px auto;
    flex-direction: column;
  }

  .outercircle.slider1 p {

    display: none;
  }

  .outercircle.slider2 p {

    display: none;
  }

  .outercircle.slider3 p {

    display: none;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    right: 0;
    top: 5rem;
    left: 0;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: 0;
    top: 5rem;;
    left: 0;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: 0;
    top: 5rem;;
  }
  
  .outercircle.slider4 p {
      display:none;
  }
  .aiatthecoreSwiper .slide-4 .slide-content {
    right: 0;
    top: 5rem;
    position: relative;
    width: 100%;
  }

  .ai-impact-swiper-card {

    width: 95%;
    height: 150px;
  }
}

@media only screen and (min-width: 1024.5px) and (max-width: 1280px) {
  .circle-slider-section {

    margin: 100px auto 50px auto;
    flex-direction: column;
  }

  .aiatthecoreSwiper .slide-3 .slide-content {
    top: -29rem;
        right: auto;
        left: -37rem;
    width: 350px;
    display: flex;
    flex-direction: column;
  }
  .aiatthecoreSwiper .slide-4 .slide-content {
    right: 12rem;
    top: -8rem;
}
.aiatthecoreSwiper .slide-4 .slide-content .gap-10 {
    gap: 0px;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    left: 3rem;
    top: -1rem;
}
.aiatthecoreSwiper .slide-4 .slide-content .gap-10 img {
    width: 75%;
}

  .ai-impact-sec {
    padding-top: 100px;
  }

  .aiatthecoreSwiper .slide-1 .slide-content {
    right: 0;
    top: -28rem;
    display: flex;
    flex-direction: column;
    width: 400px;
    left: 14rem;
  }

  .aiatthecoreSwiper .slide-2 .slide-content {
    right: -39rem;
        left: auto;
        top: -10rem;
    width: 350px;
    display: flex;
    flex-direction: column;
  }

  .ai-impact-swiper-card {

    width: 90%;
    height: 150px;
  }
}

.underline-yellow {
  text-decoration: underline;
  /*text-decoration-style: wavy;*/
  -webkit-text-decoration-color: #FFEB3B;
  text-decoration-color: #FFEB3B;
}


/* Nav btn hover animation */

.button.nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #000000;
  outline: none !important;
  overflow: hidden;
  transition: all .6s;
  z-index: 99;
  color: #ffffff;
  font-size: 20px;
}

.button.nav:hover,
.button.nav:focus {
  background-color: #E82B2E;
  color: #ffffff;
  text-decoration: none;
}

.button.nav:hover,
.button.nav:focus {
  text-decoration: none;
  color: #ffffff;
}

.button.nav:before {
  background-color: #E82B2E;
  color: #ffffff;
  content: "";
  cursor: pointer;
  display: inline-block !important;
  left: -100%;
  outline: none !important;
  overflow: hidden;
  position: absolute;
  text-align: center !important;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.button.nav:hover:before {
  left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1023.5px) {
  .hamburger__menu {
    display: none;
  }
}



/* divya 18-2-25 */

@media only screen and (max-width: 319.5px) {
  .swiper-container1 .swiper-wrapper {
    flex-direction: column !important;
  }

  .swiper-container1 .swiper-slide {

    width: 100% !important;
  }

  .swiper-leaderswiper1 .swiper-wrapper {
    flex-direction: column !important;
  }

  .swiper-leaderswiper1 .swiper-slide {

    width: 100% !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .swiper-container1 .swiper-wrapper {
    flex-direction: column !important;
  }

  .swiper-container1 .swiper-slide {

    width: 100% !important;
  }

  .swiper-leaderswiper1 .swiper-wrapper {
    flex-direction: column !important;
  }

  .swiper-leaderswiper1 .swiper-slide {

    width: 100% !important;
  }
}


/* Sneak Peak AI Solution New Section Style */
.sneakpeek-sec-new {
  position: relative;
  background-color: #000000;
  /* background: url('/wp-content/uploads/img/sneak-peek-bg-img.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 80px 100px 110px;
  color: #ffffff;
  cursor: pointer;
  /*height: 1300px;*/
  height: auto;
  /* overflow: hidden; */
  background-attachment: fixed;
}

/*.sneakpeek-sec-new::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-image: url('/wp-content/uploads/img/sneak-peek-pipe-img.svg');*/
/*  background-size: 2.5%;*/
/*  background-position: left;*/
/*  top: -5rem;*/
/*  left: 50px;*/
/*  right: auto;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 1;*/
/*  background-repeat: no-repeat;*/
/*}*/

.sneakpeek-sec-new::after {
  content: '';
  position: absolute;
  background-image: url('/wp-content/uploads/img/red-vector-new-sneek.svg');
  background-size: 90%;
  background-position: center;
  top: -85px;
  right: -160px;
  width: 300px;
  height: 300px;
  z-index: 9;
  background-repeat: no-repeat;
}

.sneak-peek-new-slider.sticky {
  position: sticky;
  top: 100px;
  z-index: 10;
}

.sneak-peek-new-slider {
  position: relative;
  margin-top: 5rem;
  /*max-height: 800px;*/
  /*overflow-y: scroll;*/
  /*scroll-behavior: smooth;*/
  padding-right: 20px;
  /*scrollbar-width: none;*/
}

.slider-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 3rem;
  padding-bottom: 2rem;
  position: relative;
}

.slider-card h6 {
  font-size: 30px;
  margin-bottom: 1rem;
}

.slider-number {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 1rem;
  width: 10px;
  height: 10px;
}

.slider-number p {
  margin: 0 auto;
}

.slider-content {
  width: 85%;
}

.slider-img-div {
  position: sticky;
  top: 100px;
  z-index: 1;
}

.slider-img-div img {
  position: relative;
}

/*.why-choose-prodapt-sec::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-image: url('/wp-content/uploads/img/why-choose-proadapt-before-img.svg');*/
/*  background-size: contain;*/
/*  background-position: center;*/
/*  top: 10rem;*/
/*  right: auto;*/
/*  width: 80%;*/
/*  height: 100%;*/
/*  z-index: 1;*/
/*  background-repeat: no-repeat;*/
/*}*/

/*.why-choose-prodapt-sec::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-image: url('/wp-content/uploads/img/why-choose-proadapt-after-img.svg');*/
/*  background-size: 15%;*/
/*  background-position: center;*/
/*  top: auto;*/
/*  bottom: -22rem;*/
/*  right: -37rem;*/
/*  left: auto;*/
/*  width: 85%;*/
/*  height: 100%;*/
/*  z-index: 1;*/
/*  background-repeat: no-repeat;*/
/*}*/

/* Building blocks new section design */




/* Building blocks new section design start */

.new-building-blocks-new-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
}

.building-blocks-side-img-div {
  position: absolute;
  left: -45px;
    right: auto;
    top: -295px;
  bottom: 0;
  z-index: 9;
}

.new-building-blocks-heading-div h4 {
    position: relative;
    z-index: 9;
}

.building-blocks-side-img-div img {
  width: 100%;
  height: auto;
}


.new-building-blocks-content-col {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: flex-end;
}

.new-building-blocks-content-div {
  width: 95%;
}

.build-img {
  width: 235px;
  margin-top: 20px;
  z-index: 9;
  position: absolute;
}

/* Building blocks new section design end */

/*.access-at-the-code-sec::before {*/
/*  position: absolute;*/
/*  content: '';*/
/*  background-image: url('/wp-content/uploads/img/ai-at-core-img.png');*/
/*  background-size: 20%;*/
/*  background-repeat: no-repeat;*/
/*  left: -10rem;*/
/*  bottom: -40rem;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/



/* 24/2/25 Divya style */
.new-building-blocks-content-div .slider-card h6 {
  position: relative;
  cursor: pointer;
}

/*.new-building-blocks-content-div .slider-card h6.icon-head::before {*/
/*    background-image: url('/wp-content/uploads/img/list-active-svg.svg');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100%;*/
/*  top: 7px;*/
/*  content: "";*/
/*  height: 30px;*/
/*  position: absolute;*/
/*  width: 16px;*/
/*  z-index: 0;*/
/*  left: -40px;  */
/*}*/

.new-building-blocks-content-div .slider-card h6:hover::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 7px;
  content: "";
  height: 30px;
  position: absolute;
  width: 16px;
  z-index: 0;
  left: -40px;
}

.generative-data-engineering-sec .new-building-blocks-content-div .slider-card h6:hover::before {
  display: none;
}

/*.sneak-peek-new-slider .slider-card::before {*/
/*  background-image: url('/wp-content/uploads/img/list-active-svg.svg');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100%;*/
/*  top: 7px;*/
/*  content: "";*/
/*  height: 30px;*/
/*  position: absolute;*/
/*  width: 16px;*/
/*  z-index: 0;*/
/*  left: 10px;*/
/*}*/

.new-building-blocks-content-div .slider-card p {
  position: relative;
}

.generative-data-engineering-sec .new-building-blocks-content-div .slider-card p::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 15px;
  z-index: 0;
  left: -30px;
}

#w-dropdown-list-1 {
  left: 32rem;
}

#w-dropdown-list-2 {
  left: 47rem;
}

.generative-data-engineering-heading-div img {
  width: 25%;
}

/* Jerold Style 24-02-2025 */
@media only screen and (max-width: 319.5px) {

  .sneakpeek-sec-new {
    padding: 10px 10px 10px 10px;
    height: auto;
    background-attachment: local;
  }

  .sneakpeek-sec-new::after {
    width: 200px;
    height: 200px;
  }

  .sneakpeek-sec-new h2 {
    text-align: center;
  }

  .sneak-peek-new-slider {
    margin-top: 2rem;
    /*max-height: 800px;*/
    padding-right: 0px;
  }

  .slider-card {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem;
  }
  .sneak-peek-new-slider .slider-card::before {
    top: -2px;
    width: 10px;
    left: 15px;
 }

  .slider-number {
    padding: 15px;
  }

  .slider-content {
    width: 100%;
  }

  .slider-card h6 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  /* GDM Page Styles */
  .gdm-banner-sec {
    height: 300px !important;
  }

  .banner-content h6 {
    width: 100% !important;
    line-height: 25px !important;
  }

  .generative-data-engineering-sec {
    padding: 30px 10px !important;
  }

  .generative-data-engineering-side-img-div {
    top: 3rem !important;
    z-index: 0 !important;
  }

  .generative-data-engineering-side-img-div img {
    width: 20% !important;
  }

  .generative-data-engineering-sec h2 {
    width: 90% !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: -35rem !important;
    bottom: 0rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 15% !important;
  }

  .powered-by-sec {
    padding: 20px 15px !important;
    height: auto !important;
  }

  .powered-by-sec-slider {
    margin-top: 1rem !important;
    padding-right: 0px !important;
  }

  .powered-by-sec-slider .slider-card {
    padding: 1rem 1.5rem !important;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    padding: 2rem 2rem 5rem !important;
  }

  .powered-by-sec-side-img-div img {
    width: 35% !important;
  }

  .powered-by-sec-side-img-div {
    right: -10rem !important;
  }

  .powered-by-sec .slider-card::before {
    top: 10px !important;
    left: 0px !important;
  }

  .powered-by-sec .slider-img-div {
    display: none;
  }

}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {

  .sneakpeek-sec-new {
    padding: 10px 10px 10px 10px;
    height: auto;
    background-attachment: local;
  }
  
  .sneakpeek-sec-new .bg-video {
      display: none;
  }

  .sneakpeek-sec-new::after {
    width: 200px;
    height: 200px;
  }

  .sneakpeek-sec-new h2 {
    text-align: center;
  }

  .sneak-peek-new-slider {
    margin-top: 2rem;
    /*max-height: 800px;*/
    padding-right: 0px;
  }

  .slider-card {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem;
  }

  .slider-number {
    padding: 15px;
  }

  .slider-content {
    width: 100%;
  }

  .slider-card h6 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  /* GDM Page Styles */
  .gdm-banner-sec {
    height: 500px !important;
  }

  .banner-content h6 {
    width: 100% !important;
    line-height: 25px !important;
  }

  .generative-data-engineering-sec {
    padding: 30px 10px !important;
  }

  .generative-data-engineering-side-img-div {
    top: 3rem !important;
    z-index: 0 !important;
  }

  .generative-data-engineering-side-img-div img {
    width: 10% !important;
  }

  .generative-data-engineering-sec h2 {
    width: 90% !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: -35rem !important;
    bottom: 0rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 15% !important;
  }

  .powered-by-sec {
    padding: 30px 10px !important;
    height: auto !important;
  }

  .powered-by-sec-slider {
    margin-top: 1rem !important;
    padding-right: 0px !important;
  }

  .powered-by-sec-slider .slider-card {
    padding: 0rem 1.5rem !important;
    margin-bottom: 0rem !important;
    margin-top: 1rem !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    width: 100% !important;
    padding: 2rem 3rem 8rem !important;
  }

  .powered-by-sec-side-img-div {
    right: -10rem !important;
  }

  .powered-by-sec-side-img-div img {
    width: 30% !important;
  }

  .powered-by-sec .slider-card::before {
    top: 0px !important;
    width: 10px !important;
    left: 0px !important;
  }

  .powered-by-sec .slider-img-div {
    display: none;
  }


}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {

  .sneakpeek-sec-new {
    padding: 10px 30px 10px 30px;
    height: auto;
    background-attachment: local;
  }

  .sneakpeek-sec-new::before {
    display: none;
  }

  .sneakpeek-sec-new::after {
    width: 200px;
    height: 200px;
  }

  .sneakpeek-sec-new h2 {
    text-align: center;
  }

  .sneak-peek-new-slider {
    margin-top: 2rem;
    /*max-height: 800px;*/
    padding-right: 0px;
  }

  .slider-card {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem;
  }

  .slider-number {
    padding: 15px;
  }

  .slider-content {
    width: 100%;
  }

  .slider-card h6 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  /* GDM Page Styles */

  .gdm-banner-sec {
    height: 700px !important;
  }

  .banner-content h6 {
    width: 85% !important;
    line-height: 25px !important;
  }

  .generative-data-engineering-sec {
    padding: 30px 10px !important;
  }

  .generative-data-engineering-side-img-div {
    top: 3rem !important;
    z-index: 0 !important;
  }

  .generative-data-engineering-side-img-div img {
    width: 20% !important;
  }

  .generative-data-engineering-sec h2 {
    width: 60% !important;
    font-size: 30px;
    margin-bottom: 30px !important;
    line-height: 50px;
  }

  .generative-data-engineering-side-img-div-1 {
    right: -25rem !important;
    bottom: 0rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 40% !important;
  }

  .powered-by-sec {
    padding: 30px 20px !important;
    height: auto !important;
  }

  .powered-by-sec-slider {
    margin-top: 1rem !important;
    padding-right: 0px !important;
  }

  .powered-by-sec-slider .slider-card {
    padding: 0.5rem 1.5rem !important;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    padding: 2rem 5rem !important;
  }

  .powered-by-sec .slider-img-div img {
    width: 40% !important;
  }

  .powered-by-sec-side-img-div {
    right: -9rem !important;
  }

  .powered-by-sec-side-img-div img {
    width: 45% !important;
  }

  .powered-by-sec .slider-card::before {
    left: -5px !important;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .sneakpeek-sec-new {
    padding: 40px 50px 30px 100px;
    height: auto;
  }

  .sneakpeek-sec-new h2 {
    font-size: 30px;
  }

  .slider-card h6 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  
.sneak-peek-new-slider .slider-card::before {
    top: -5px;
    width: 10px;
    left: 5px;
}
#w-dropdown-list-2 {
    left: 25rem;
}
#w-dropdown-list-1 {
    left: 15rem;
}
  .slider-card {
    gap: 2rem;
  }

  .banner-content h1 {
    font-size: 40px;
    width: 75%;
  }

  .banner-content p {
    width: 50%;
    font-size: 20px;
  }

  /* GDM Page Styles */
  .banner-content h6 {
    width: 75% !important;
    line-height: 25px !important;
  }

  .generative-data-engineering-sec {
    padding: 30px 30px !important;
  }

  .generative-data-engineering-side-img-div {
    top: -8rem !important;
  }

  .generative-data-engineering-side-img-div img {
    width: 20% !important;
  }

  .generative-data-engineering-sec h2 {
    width: 56% !important;
    font-size: 40px;
    margin-bottom: 30px !important;
    line-height: 50px;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    padding: 6rem 3rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 50% !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: -17rem !important;
    bottom: -3rem !important;
  }


  .powered-by-sec {
    padding: 50px 30px !important;
    height: auto !important;
  }

  .powered-by-sec-slider {
    margin-top: 1rem !important;
    padding-right: 0px !important;
  }

  .powered-by-sec-slider .slider-card {
    padding: 0rem 1.5rem !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }

  .powered-by-sec .slider-img-div img {
    width: 55% !important;
  }

  .powered-by-sec .slider-img-div {
    bottom: 10px !important;
  }

  .powered-by-sec-side-img-div img {
    width: 50% !important;
  }

  .powered-by-sec-side-img-div {
    right: -8rem !important;
  }

  .powered-by-sec .slider-card::before {
    top: 0px !important;
  }
}

@media only screen and (min-width: 1281px) and (max-width:1440px) {
  .powered-by-sec {
    height: auto !important;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
  .sneakpeek-sec-new::before {
left: 50px;
        background-position: left;
  }

  .generative-data-engineering-sec h2 {
    width: 60%;
    font-size: 50px;
  }

}
@media only screen and (min-width: 1824px) and (max-width: 1824px) {
    .why-choose-prodapt-sec {
        padding: 100px 80px 12rem !important;
    }
}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
  .sneakpeek-sec-new::before {
left: 100px;
        background-position: left;
    top: -12rem;
  }
  
  .why-choose-prodapt-sec::before {
      background-size: 100%;
      top: 10rem;
      right: 12rem;
  }
  
  .sneakpeek-sec-new {
  padding: 100px 80px 100px 200px;
}

.building-blocks-side-img-div {
    left: -19rem;
        top: -27rem;
}
.why-choose-prodapt-sec {
    padding: 100px 80px 4rem;
}
/*.why-choose-prodapt-sec .bg-video {*/
 
/*    top: 5rem!important;*/
/*}*/
.building-blocks-side-img-div img {
    width: 800px;
    height: 1000px;
}

  .powered-by-sec {
    height: auto !important;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    
    .access-at-the-code-sec .bg-video {
        bottom: 15rem !important;
        left: -100px !important;
        width: 25% !important;
        transform: rotateZ(40deg) !important;
    }
    
    .building-blocks-side-img-div {
        left: -100px !important;
        top: -22rem !important;
    }
    .building-blocks-side-img-div img {
        width: 660px !important;
        height: 1100px !important;
    }
    
    .sneakpeek-sec-new {
        padding: 150px 80px 150px 280px !important;
        height: auto !important;
    }
    
    .slider-img-div video {
        width: 100%;
    }
    
    .build-img {
        width: 280px;
        margin-top: 35px;
    }
    
    .why-choose-prodapt-sec {
        padding: 150px 100px 15rem !important;
    }
    /*.why-choose-prodapt-sec .bg-video {*/
    
    /*top: 0!important;*/
    /*}*/
    .sneakpeek-sec-new .bg-video {
     /*width: 3% !important;*/
     /*   top: 10rem !important;*/
     /*   left: 10rem !important;*/
    }
    
  .sneakpeek-sec-new::before {
           left: 40px;
        background-position: left;
  }

  .generative-data-engineering-sec h2 {
    width: 40% !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    padding: 12rem 13rem !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: 12rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 100% !important;
  }

  .generative-data-engineering-sec .slider-card h6 {
    font-size: 40px !important;
    margin-bottom: 40px !important;
  }

  .generative-data-engineering-sec .slider-card p::before {
    left: -45px !important;
  }

  .powered-by-sec {
    padding: 130px 130px !important;
    height: auto !important;
  }

  .powered-by-sec-slider .slider-card {
    width: 80% !important;
  }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
  .banner-content h1 {
    width: 60%;
  }

  .banner-content h6 {
    line-height: 70px !important;
  }

  .generative-data-engineering-sec h2 {
    width: 45% !important;
  }

  .new-building-blocks-content-div .slider-card p::before {
    height: 70px !important;
    width: 40px !important;
    left: -95px !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: 6rem !important;
    bottom: -2rem !important;
  }

  .generative-data-engineering-side-img-div img {
    width: 100% !important;
  }

  .powered-by-sec {
    padding: 5rem 7rem !important;
    height: 1500px !important;
  }

  .powered-by-sec-side-img-div {
    right: -2rem !important;
    top: -13rem !important;
  }

  .powered-by-sec-side-img-div img {
    width: 450px !important;
  }

  .powered-by-sec-slider {
    max-height: 1000px !important;
  }

  .powered-by-sec .slider-card::before {
    height: 80px !important;
    width: 40px !important;
  }

  .powered-by-sec .slider-img-div img {
    width: 100% !important;
  }


  .generative-data-engineering-side-img-div-1 img {
    width: 100% !important;
  }


  .generative-data-engineering-sec {
    padding: 150px 150px !important;
  }

  .sneakpeek-sec-new {
    height: 5800px;
    padding: 200px 80px 200px 8rem;
  }
  
  .building-blocks-side-img-div {
    left: -2rem;
    top: -18rem;
}
  .slider-img-div video {
      width: 100%;  
  }

  .sneak-peek-new-slider {
    max-height: 1500px;
  }

  .slider-card h6 {
    font-size: 70px;
    margin-bottom: 60px;
  }

  .slider-img-div img {
    width: 100%;
  }
  
  .sneak-peek-new-slider .slider-card::before {
        top: 10px !important;
        height: 60px !important;
        width: 40px !important;
        left: 10px !important;
  }
  

}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {

  .banner-content h1 {
    width: 60%;
    padding-bottom: 3rem;
  }

  .banner-content p {
    width: 35%;
  }

  .sneakpeek-sec-new {
    height: 11000px;
    padding: 18rem 8rem 15rem 25rem;
  }
  
  .home-solution-badge-div {
    /*padding: 30px 80px !important;*/
    border-radius:70px !important;
  }
/*  .home-solution-badge-div p { */
/*    font-size: 50px;*/
/*}*/
  .building-blocks-side-img-div {
    top: -35rem;
  }
  
  .sneak-peek-new-slider .slider-card::before {
    top: 50px;
    height: 90px;
    width: 60px;
    left: 10px;
    }
    .slider-img-div video {
        width: 100%;
    }

  .sneak-peek-new-slider {
    max-height: 2000px;
    margin-top: 10rem;
  }

  .slider-card h6 {
    font-size: 6rem;
    margin-bottom: 6rem;
  }

  .slider-img-div img {
    width: 100%;
  }

  .slider-number {
    padding: 4rem;
  }

  .slider-number p {
    font-size: 4rem;
  }

  .sneakpeek-sec-new::before {
      left: 70px;
        background-position: left;
  }

  .access-at-the-code-sec::before {
    left: -25rem;
    bottom: -100rem;
  }

  .banner-content h6 {
    width: 80% !important;
    line-height: 6rem !important;
  }

  .generative-data-engineering-sec {
    padding: 15rem 15rem !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    width: 100% !important;
    padding: 15rem 10rem !important;
  }

  .new-building-blocks-content-div .slider-card p::before {
    height: 110px !important;
    width: 75px !important;
    left: -140px !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: 15rem !important;
    bottom: -4rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 1300px !important;
  }


  .generative-data-engineering-side-img-div img {
    width: 900px !important;
  }

  .powered-by-sec {
    padding: 13rem 15rem !important;
    height: 2800px !important;
  }

  .powered-by-sec-side-img-div {
    top: -50rem;
  }

  .powered-by-sec-side-img-div img {
    width: 800px !important;
  }

  .powered-by-sec-slider {
    max-height: 2000px !important;
  }

  .powered-by-sec .slider-card::before {
    top: 50px !important;
    height: 85px !important;
    width: 65px !important;
    left: 20px !important;
  }

  .powered-by-sec .slider-img-div img {
    width: 1800px !important;
  }


}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {

  .banner-content h1 {
    width: 60%;
    padding-bottom: 5rem;
  }

  .banner-content p {
    width: 35%;
  }

  .sneakpeek-sec-new {
    height: 16000px;
    padding: 20rem 10rem 30rem 28rem;
  }
  
  .home-solution-badge-div {
  /*padding: 30px 110px !important;*/
        border-radius: 100px !important;
  }
  
  .slider-img-div {
    top: 35rem !important;
  }
  
  .sneakpeek-sec-new .bg-video {
    /*left: 16rem !important;*/
  }
  
  .building-blocks-side-img-div {
    left: -10rem;
    top: -65rem;
}
  
  .sneak-peek-new-slider .slider-card::before {
    top: 25px;
    height: 130px;
    width: 85px;
    }
    .slider-img-div video {
        width: 100%;
    }

  .sneak-peek-new-slider {
    max-height: 3000px;
    margin-top: 12rem;
  }

  .slider-card h6 {
    font-size: 6rem;
    margin-bottom: 6rem;
    margin-top: 5rem;
  }
  
.slider-card {
    padding-bottom: 10rem;
}

  .slider-img-div img {
    width: 100%;
  }

  .slider-number {
    padding: 6rem;
  }

  .slider-number p {
    font-size: 6rem;
  }

  .sneakpeek-sec-new::before {
     left: 100px;
        background-position: left;
  }

  .access-at-the-code-sec::before {
    left: -30rem;
    bottom: -155rem;
  }

  .banner-content h6 {
    width: 70% !important;
    line-height: 7rem !important;
    margin-bottom: 4rem !important;
  }

  .generative-data-engineering-sec {
    padding: 15rem 15rem !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    width: 100% !important;
    padding: 25rem 15rem !important;
  }

  .new-building-blocks-content-div .slider-card p::before {
    height: 110px !important;
    width: 75px !important;
    left: -140px !important;
  }

  .generative-data-engineering-side-img-div-1 {
    right: 26rem !important;
    bottom: -4rem !important;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 1800px !important;
  }


  .generative-data-engineering-side-img-div img {
    width: 900px !important;
  }

  .powered-by-sec {
    padding: 13rem 15rem !important;
    height: auto !important;
  }

  .powered-by-sec-side-img-div {
    top: -50rem;
  }

  .powered-by-sec-side-img-div img {
    width: 800px !important;
  }

  .powered-by-sec-slider {
    max-height: 2200px !important;
  }

  .powered-by-sec .slider-card::before {
    top: 50px !important;
    height: 85px !important;
    width: 65px !important;
    left: 20px !important;
  }

  .powered-by-sec .slider-img-div img {
    width: 2000px !important;
  }

}







/* 24/2/25 Divya Home page responsiveness  */

@media only screen and (max-width: 319.5px) {
    
  .slider-card {

    gap: 15px;
    padding-bottom: 15px;
  }

  .slider-card h6 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .slider-content {
    width: 100%;
  }

  .building-blocks-side-img-div {
    display: none;
  }

  .new-building-blocks-new-sec {
    padding: 20px 15px;
  }

  .build-img {
    width: 60%;
        margin: 20px auto 20px auto;
        display: flex
;
        justify-content: center;
        align-items: center;
  }

  .ai-ready-sec::after {
    display: none;
  }

  .ai-ready-sec {
    height: auto;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .slider-card {

    gap: 15px;
    padding-bottom: 15px;
  }

  .slider-card h6 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  
  .sneak-peek-new-slider .slider-card::before {
    top: -3px;
    width: 10px;
    left: 15px;
}

  .slider-content {
    width: 100%;
  }

  .building-blocks-side-img-div {
    display: none;
  }

  .new-building-blocks-new-sec {
    padding: 20px 15px;
  }

  .build-img {
    width: 60%;
    margin: 20px auto 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ai-ready-sec::after {
    display: none;
  }

  .ai-ready-sec {
    height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
  .footer-btn img {
    margin-left: 15px;
    width: 10px;
  }

  .ai-ready-sec::after {

    height: 80%;

    width: 50%;

  }

  .new-building-blocks-new-sec {

    padding: 40px 20px;
  }

  .slider-card h6 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .sneak-peek-new-slider .slider-card::before {
    top: -4px;
    width: 13px;
    left: 10px;
}

  .slider-card {

    gap: 20px;
    padding-bottom: 20px;
  }

  .building-blocks-side-img-div img {
    width: 120px;
    height: 650px;
  }

  .build-img {
    width: 45%;
    margin-top: 20px;
  }

  .ai-ready-row .col-md-7 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }

  .synapt-new-button,
  .ai-ready-btn {

    width: 200px;
    height: 50px;
    font-size: 17px;
  }

  .footer-btn {
    width: 150px;
    height: 50px;
    font-size: 17px;
  }

  .padding-right {
    padding: 0px 0px 30px 5px;
  }

  .why-choose-prodapt-head h1 span {
    left: 60px;
    top: 0px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .ai-ready-sec::after {

    height: 80%;

    width: 50%;

  }

  .new-building-blocks-new-sec {

    padding: 70px 70px;
  }

  .build-img {
    width: 250px;
    margin-top: 80px;
  }

}

@media only screen and (min-width: 1281px) and (max-width:1440px) {
  .ai-ready-sec::after {

    height: 80%;

    width: 50%;

  }

  .new-building-blocks-new-sec {

    padding: 70px 70px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
  .ai-ready-content-div h1 {
    max-width: 680px;
  }
}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
  .ai-ready-content-div h1 {
    max-width: 706px;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .ai-ready-content-div h1 {
    max-width: 822px;
  }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
  .ai-ready-row .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ai-ready-sec::after {

    height: 100%;
    width: 60%;
  }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
  .ai-ready-row .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ai-ready-sec::after {

    height: 100%;
    width: 60%;
  }
}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {
  .ai-ready-row .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ai-ready-sec::after {

    height: 100%;
    width: 60%;
  }
}

/* Gdm Page Style */
.banner-content h6 {
  width: 65%;
  line-height: 30px;
}

.generative-data-engineering-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  transition: transform 0.5s ease, background-color 0.5s ease;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
}

.generative-data-engineering-sec h2 {
  width: 50%;
  margin: 0 auto;
}

.generative-data-engineering-side-img-div {
  position: absolute;
  left: 0;
  top: -8rem;
  z-index: 10;
}

.generative-data-engineering-side-img-div img {
  width: 60%;
}

.generative-data-engineering-side-img-div-1 {
  position: absolute;
  right: 0px;
  bottom: -100px;
}

.generative-data-engineering-side-img-div-1 img {
  width: 80%;
}

.powered-by-sec {
  position: relative;
  padding: 100px 80px;
  height: 700px;
  overflow: hidden;
}

.powered-by-sec-slider.sticky {
  position: sticky;
  top: 100px;
  z-index: 10;
}

.generative-data-engineering-sec .new-building-blocks-content-div {
  width: 100%;
  padding: 8rem 8rem;
}

.powered-by-sec-slider {
  position: relative;
  margin-top: 3rem;
  max-height: 700px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  padding-right: 20px;
  scrollbar-width: none;
}

.powered-by-sec-side-img-div {
  position: absolute;
  right: -4rem;
  top: 0rem;
}

.powered-by-sec-side-img-div img {
  width: 75%;
}

.powered-by-sec .slider-card::before {
  background-image: url('/wp-content/uploads/img/white-vector.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 7px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  left: 20px;
}

.powered-by-sec-slider .slider-card:hover::before {
  background-image: url('/wp-content/uploads/img/black-vector.svg');
}

.powered-by-sec-slider .slider-card {
  padding: 0rem;
  margin-bottom: 2rem;
  justify-content: center;
  cursor: pointer;
}

.powered-by-sec .slider-img-div {
  position: absolute;
  bottom: 0px;
  top: auto;
}

.powered-by-sec .slider-img-div img {
  width: 75%;
}






/* GDM page enterprise section design divya */
.gdm-enterprise-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  transition: transform 0.5s ease, background-color 0.5s ease;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
  padding: 100px 100px;
}

.gdm-enterprise-accordion-div .card {
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.gdm-enterprise-accordion-div .card {
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.gdm-enterprise-accordion-div .myaccordion .card .card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  border-radius: 0;
}

.gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
  font-size: 22px;
  width: 100%;
  padding: 1rem 1rem;
  border-radius: 0;
}

.gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
  font-size: 15px;
  background-color: rgb(28, 28, 28);
  margin-bottom: 10px;
}

.gdm-enterprise-accordion-div .btn-link,
.gdm-enterprise-accordion-div .btn-link:hover,
.gdm-enterprise-accordion-div .btn-link:focus {
  color: #E82B2E;
  text-decoration: none;
  outline: none;
  border: none;
  box-shadow: none;
}

.gdm-enterprise-accordion-div .card-header {
  margin-bottom: 0px;
  /* background-color: rgb(28, 28, 28); */
  border-bottom: none;
  border-radius: 0;
  border: none;
  padding: 0;
}

.gdm-enterprise-accordion-row {
  display: flex;
  justify-content: space-between;
}

.gdm-enterprise-accordion-div .card-body {
  padding: 0px 0px 15px 0px;
}

.position-sticky-element {
  position: sticky;
  top: 100px;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100vh;
}

.gdm-enterprise-content-div .slider-content {
  width: 100%;
}

.gdm-enterprise-content-div {

  display: none;

}

.gdm-enterprise-content-div.active {

  display: block;

}

.gdm-enterprise-img-div {
  position: absolute;
  bottom: 0;
}

.gdm-enterprise-img-div img {
  width: 75%;
}

/* GDM page enterprise section design divya  end*/



/* GDM page Cient wins section divya*/

.client-wins-sec {
  position: relative;
  background-color: #ffffff;
  padding: 100px 100px;
}

.clients-wins-container {
  position: relative;
  margin-top: 30px;
  z-index: 99;
}

.clients-wins-row {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 4rem;
}

.clients-wins-card-img {
  background-color: #E82B2E;
  position: relative;
  padding: 15px;
}

.clients-wins-card-img img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.clients-wins-card-content {
  position: relative;
  background-color: #000000;
  padding: 35px 35px;
  width: 90%;
  float: right;
  margin-top: -50px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.clients-wins-card-content span {
  position: absolute;
  right: 25px;
  bottom: 5px;
  color: rgb(255, 255, 255, 20%);
  font-size: 35px;
}

.clients-wins-button {
  background-color: #FFFFFF;
  color: #E82B2E;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  /* line-height: 2rem !important; */
  outline: none;
  overflow: hidden;
  padding: 5px 5px;
  position: relative;
  text-align: center;
  transition: all .6s;
  z-index: 99;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 200px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
}

.clients-wins-button img {
  position: relative;
  margin-left: 10px;
  width: 12px;
  top: 1px;
}

.btn-red-svg {
  display: none;
}

.clients-wins-button:hover .btn-red-svg {
  display: block;
}

.clients-wins-button:hover .btn-white-svg {
  display: none;
}

.clients-wins-button:hover {
  text-decoration: none;
  color: #ffffff;
}

.clients-wins-button:before {
  background-color: #E82B2E;
  color: #ffffff;
  content: "";
  cursor: pointer;
  display: inline-block;
  left: -100%;
  line-height: normal;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.clients-wins-button:hover:before {
  left: 0;
}

.clients-wins-card-content .common-paragraph {
  width: 80%;
}

/* GDM page Cient wins section divya end*/


/* Divya responsive 26-2-25 */

@media only screen and (max-width: 319.5px) {
  .client-wins-sec {

    padding: 20px 0px;
  }

  .clients-wins-row {
    margin-bottom: 0rem;
  }

  .clients-wins-card-content {

    padding: 15px 15px;

    margin-bottom: 15px;
    gap: 10px;
  }

  .clients-wins-card-content .common-paragraph {
    width: 100%;
  }

  .clients-wins-container {

    margin-top: 10px;
  }

  .clients-wins-button {
    width: 130px;
    height: 40px;
    font-size: 15px;
  }

  .clients-wins-button img {

    width: 10px;
  }

  .gdm-enterprise-sec {

    padding: 20px 0px;
  }

  .gdm-enterprise-img-div {
    display: none;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 15px;
    padding: 10px 10px !important;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 15px;

    padding: 10px 0px;
  }

  .position-sticky-element {

    height: auto;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .client-wins-sec {

    padding: 20px 0px;
  }

  .clients-wins-row {
    margin-bottom: 0rem;
  }

  .clients-wins-card-content {

    padding: 15px 15px;

    margin-bottom: 15px;
    gap: 10px;
  }

  .clients-wins-card-content .common-paragraph {
    width: 100%;
  }

  .clients-wins-container {

    margin-top: 10px;
  }

  .clients-wins-button {
    width: 130px;
    height: 40px;
    font-size: 15px;
  }

  .clients-wins-button img {

    width: 10px;
  }

  .gdm-enterprise-sec {

    padding: 20px 0px;
  }

  .gdm-enterprise-img-div {
    display: none;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 15px;
    padding: 10px 10px !important;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 15px;

    padding: 10px 0px;
  }

  .position-sticky-element {

    height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 50px 30px;
  }

  .clients-wins-row {
    margin-bottom: 2rem;
  }

  .gdm-nav-tab-div .nav-tabs {
    border-bottom: none !important;
    justify-content: center !important;
    gap: 15px !important;
    /*display: flex !important;*/
  }

  .clients-wins-row .col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gdm-enterprise-img-div img {
    width: 250px;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 15px;
    padding: 10px 7px !important;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 15px;

    padding: 10px 0px;
  }

  .gdm-enterprise-accordion-row .col-md-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 60px 50px;
  }

  .gdm-nav-tab-div .nav-tabs {
           border-bottom: none !important;
        justify-content: center !important;
        gap: 10px !important;
    /*display: flex !important;*/
  }

  .clients-wins-row .col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gdm-enterprise-img-div img {
    width: 400px;
  }

  .gdm-enterprise-accordion-row .col-md-4 {
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 16px;
    padding: 10px 10px !important;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 16px;

    padding: 10px 0px;
  }
}

@media only screen and (min-width: 1281px) and (max-width:1440px) {}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 150px 150px;
  }

  .clients-wins-card-content .common-paragraph {
    width: 80%;
    font-size: 28px;
  }

  .position-sticky-element {

    height: 100vh;
  }

  .gdm-enterprise-img-div {

    width: 30%;
  }

  .gdm-enterprise-img-div img {
    width: 100%;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .gdm-nav-tab-container h5 {
    font-size: 28px;
  }

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 150px 150px;
  }

  .clients-wins-card-content .common-paragraph {
    width: 90%;
    font-size: 31px;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 27px;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 25px;
  }

  .position-sticky-element {

    height: 100vh;
  }

  .gdm-enterprise-img-div {

    width: 30%;
  }

  .gdm-enterprise-img-div img {
    width: 100%;
  }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 150px 150px;
  }

  .position-sticky-element {

    height: 100vh;
  }

  .gdm-enterprise-img-div {

    width: 30%;
  }

  .gdm-enterprise-img-div img {
    width: 100%;
  }

  .common-centre-head-div p {
    width: 50%;
    margin-bottom: 3rem;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 45px;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 35px;
    margin-bottom: 1.5rem;
  }

  .gdm-enterprise-accordion-row .col-md-5 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 150px 150px;
  }

  .position-sticky-element {

    height: 100vh;
  }

  .gdm-enterprise-img-div {

    width: 30%;
  }

  .gdm-enterprise-img-div img {
    width: 100%;
  }

  .clients-wins-card-content .common-paragraph {
    width: 80%;
    font-size: 4rem;
  }

  .common-centre-head-div p {
    width: 50%;
    margin-bottom: 4rem;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 3.2rem;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 2.6rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem;
  }

  .gdm-enterprise-accordion-row .col-md-5 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {

  .gdm-enterprise-sec,
  .client-wins-sec {

    padding: 300px 300px;
  }

  .position-sticky-element {

    height: 100vh;
  }

  .gdm-enterprise-img-div {

    width: 30%;
  }

  .gdm-enterprise-img-div img {
    width: 100%;
  }

  .clients-wins-card-content .common-paragraph {
    width: 80%;
    font-size: 5rem;
  }

  .common-centre-head-div p {
    width: 50%;
    margin-bottom: 5rem;
  }

  .gdm-enterprise-accordion-div .card-header:first-child h2 .btn-link {
    font-size: 5rem;
  }

  .gdm-enterprise-accordion-div .card-header h2 .btn-link.collapsed {
    font-size: 4rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem;
  }
}






/* Divya gdm page option2 style 3-3-35 */

.generative-data-engineering-sec.generative-data-engineering-white-bg-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/red-vector-bg-img.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

}

.powered-by-new-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/white-vector-bg-img.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

}


.enterprises-section.enterprise-white-bg-sec,
.generative-data-engineering-sec.generative-data-engineering-white-bg-sec {
  background-color: #ffffff;
}

.generative-data-engineering-sec.generative-data-engineering-white-bg-sec {
  background-image: none;
  padding: 100px 100px 0px 100px;
}

.generative-data-engineering-black-bg-container {
  background-color: #000000;
}

.client-wins-sec.client-wins-black-bg-sec {
  background-color: #000000;
}

.client-wins-sec.client-wins-black-bg-sec .clients-wins-card-img {
  background-color: transparent;
  padding: 0px;
}

.client-wins-sec.client-wins-black-bg-sec .clients-wins-card-content {
  background-color: rgb(28, 28, 28);
}

.gdm-enterprise-new-sec {
  position: relative;
  background-color: #ffffff;
  padding: 100px 100px;
}

.gdm-nav-tab-div {
  position: relative;
}

.gdm-nav-tab-div .nav-tabs .nav-item.show .nav-link,
.gdm-nav-tab-div .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #E82B2E;
  border-color: transparent;
}

.gdm-nav-tab-div .nav-tabs {
  border-bottom: none;
  /* justify-content: center; */
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: start stretch;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  text-align: center;
}

.gdm-nav-tab-div .nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  /* padding: 1rem 3rem; */
  border-radius: 0rem;
  border: 1px solid #000;
  /* margin: 0 10px; */
  font-size: 17px;
  color: #000000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.gdm-nav-tab-container {
  position: relative;
  padding-top: 50px;
}

.gdm-nav-tab-container h5 {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.gdm-nav-tab-card {
  position: relative;
  margin-bottom: 40px;
}

.gdm-nav-tab-card h6 {
  position: relative;
  font-size: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  cursor: pointer;
}

.gdm-nav-tab-card h6::before {
  background-image: url('/wp-content/uploads/img/red-rect.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  left: -20px;
}

.gdm-nav-tab-card h6:hover::before {
  background-image: url('/wp-content/uploads/img/black-vector.svg');
}

.gdm-nav-tab-card p {
  width: 80%;
}

.new-building-blocks-img-col {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-building-blocks-img-col img {
  width: 80%;
}

.powered-by-new-sec {
  position: relative;
  background-color: #E82B2E;
  padding: 200px 100px;
}

.powered-by-new-card {
  position: relative;
  padding: 30px;
  /* margin-bottom: 50px; */
  border: 1px solid #fff;
  background-color: #E82B2E;
  width: 95%;
  margin: 0 auto;
  cursor: pointer;
  transition: .3s ease;
  z-index: 99;
  /* height: 350px; */
}

.powered-by-new-card-row {
  position: relative;
  /*display: flex;*/
  display:grid;
  gap: 100px;
}

.powered-by-new-card-row.row-right-border::after {
  border: 1px solid #fff;
  background-color: #E82B2E;
  content: "";
  height: 260px;
  position: absolute;
  width: 85%;
  z-index: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
}

.powered-by-new-card-row.row-left-border::after {
  border: 1px solid #fff;
  background-color: #E82B2E;
  content: "";
  height: 260px;
  position: absolute;
  width: 85%;
  z-index: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-50%, -50%);
}

.powered-by-new-card-row.row-left-border.left-border-bottom::after {
  border-bottom: 1px solid #fff;
  height: 0px;
}

.powered-by-new-head-col .common-heading-div {
  padding: 5px 20px 15px 20px;
  background-color: #fff;
  margin-bottom: 0;
  z-index: 99;
}

.powered-by-new-head-col .common-heading-div .common-heading {
  margin-bottom: 0;
}

.powered-by-new-card:hover {
  background-color: #000000;
  border: 1px solid #000000;
}

.powered-by-new-card:hover::before {
  background-image: url('/wp-content/uploads/img/red-rect.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 20px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  right: 20px;
}

.powered-by-new-card h6 {
  font-size: 25px;
  margin-bottom: 50px;
}

.powered-by-new-head-col {
  display: flex;
  align-items: center;
  justify-content: center;

}

.powered-by-sec-new-side-img-div {
  position: absolute;
  top: 0px;
  left: 0;
}

.gdm-nav-tab-card-view ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gdm-nav-tab-card-view ul li {
  background-color: #fff;
  cursor: pointer;
}

.gdm-nav-tab-card-view ul li:hover,
.gdm-nav-tab-card-view ul li.active {
  background-color: #E82B2E;
}

.gdm-nav-tab-card-row {
  align-items: center;
  justify-content: center;
}

.gdm-nav-tab-card-content {
  width: 80%;
}

.gdm-nav-tab-card-content h6 {
  position: relative;
  font-size: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  cursor: pointer;
}

.gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-content h6,
.gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-content h6 {
  color: #fff;
}

.gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-content p,
.gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-content p {
  color: #fff;
}

.gdm-nav-tab-card-content {
  padding-left: 100px;
}

.gdm-nav-tab-card-view ul li .gdm-nav-tab-card-content h6::before {
  background-image: url('/wp-content/uploads/img/red-rect.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 25px;
  position: absolute;
  width: 8px;
  z-index: 0;
  left: -20px;
}

.gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-content h6::before,
.gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-content h6::before {
  background-image: url('/wp-content/uploads/img/btn-arrow-white.svg');
}

.gdm-nav-tab-card-view ul li {
  margin-bottom: 5px;
}

.gdm-nav-tab-card-img {
  position: relative;
}

.gdm-nav-tab-card-img {

  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(.7);
  pointer-events: none;
  transition: all .3s linear;
}

.gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-img,
.gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.gdm-nav-tab-card-img img {
  width: 100%;
}

.generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
  font-size: 24px;
}

.col-md-4.powered-by-new-head-col.powered-by-new-head-mobile {
  display: none;
}

/* GDM Page option2 responsiveness 4-3-25 divya*/
@media only screen and (max-width: 319.5px) {
  .gdm-nav-tab-div .nav-tabs {
    border-bottom: none;
    justify-content: center;
    gap: 10px;
    display: flex;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
    padding: 10px 10px;
    margin: 0 0px;
    font-size: 15px;
  }

  .gdm-nav-tab-container {
    padding-top: 10px;
  }

  .gdm-enterprise-new-sec {
    padding: 20px 5px;
  }

  .gdm-nav-tab-container h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .gdm-nav-tab-card h6 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .gdm-nav-tab-card {
    margin-bottom: 10px;
  }

  .gdm-nav-tab-card p {
    width: 100%;
  }

  .gdm-nav-tab-card h6::before {

    height: 25px;
    width: 10px;
  }


  .home-banner-section.gdm-banner-sec, .home-banner-section.ao-banner-sec, .home-banner-section.dmai-banner-sec, .home-banner-section.sdlc-banner-sec{
    height: 350px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .home-banner-section.gdm-banner-sec .banner-content, .home-banner-section.ao-banner-sec .banner-content, .home-banner-section.dmai-banner-sec .banner-content, .home-banner-section.sdlc-banner-sec .banner-content{
    top: 0;
  }
  .generative-data-engineering-sec .new-building-blocks-content-div {
    width: 100%;
    padding: 20px 0px 10px 30px !important;
  }

  .new-building-blocks-img-col img {
    width: 100%;
    margin-bottom: 20px;
  }

  .powered-by-new-sec {
    padding: 20px 5px;
  }

  .powered-by-new-card h6 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .powered-by-new-card-row.row-right-border::after,
  .powered-by-new-card-row.row-left-border::after {
    display: none;
  }

  .powered-by-new-card-row {

    gap: 0px;
  }

  /* .col-md-4.powered-by-new-head-col {
    display: none;
  } */

  .col-md-4.powered-by-new-head-col.powered-by-new-head-mobile {
    display: inline-block;
    width: auto;
    align-items: center;
    margin: 0 auto 20px auto;
  }

  .powered-by-new-card {

    margin: 0 auto 20px auto;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 100% !important;
  }

  .generative-data-engineering-side-img-div-1 {
    position: absolute;
    right: 0 !important;
    bottom: -100px;
    width: 15%;
    left: auto;
  }

  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 15px;
  }

  .gdm-nav-tab-card-content {
    padding-left: 10px;
  }

  .gdm-nav-tab-card-img {
    display: none;
    transition: .2s ease;
  }

  .gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-img,
  .gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-img {
    display: block;
    transition: .2s ease;
  }

  .gdm-nav-tab-card-content {
    width: 100%;
    padding: 15px 15px;
  }

  .gdm-nav-tab-div {
    padding: 0px 0px;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 18px;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 5px 20px 10px 20px;
    display: none;
  }

  .powered-by-new-head-col .common-heading-div .common-heading {
    margin-bottom: 0;
    line-height: normal;
  }

  .ai-ready-content-div h1 {
    max-width: 100%;
  }

  .col-md-4.powered-by-new-head-col.mobile {
    display: block !important;
  }

  .col-md-4.powered-by-new-head-col.mobile .common-heading-div {
    display: block !important;
    background: none !important;
    text-align: center !important;
  }

}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .gdm-nav-tab-div .nav-tabs {
    border-bottom: none;
    justify-content: center;
    gap: 10px;
    display: flex;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
          padding: 10px 10px;
        margin: 0 0px;
        font-size: 15px;
  }

  .gdm-nav-tab-container {
    padding-top: 10px;
  }

  .gdm-enterprise-new-sec {
    padding: 20px 5px;
  }

  .gdm-nav-tab-container h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .gdm-nav-tab-card h6 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .gdm-nav-tab-card {
    margin-bottom: 10px;
  }

  .gdm-nav-tab-card p {
    width: 100%;
  }

  .gdm-nav-tab-card h6::before {

    height: 25px;
    width: 10px;
  }

  .home-banner-section.gdm-banner-sec, .home-banner-section.ao-banner-sec, .home-banner-section.dmai-banner-sec, .home-banner-section.sdlc-banner-sec{
    height: 350px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .home-banner-section.gdm-banner-sec .banner-content, .home-banner-section.ao-banner-sec .banner-content, .home-banner-section.dmai-banner-sec .banner-content, .home-banner-section.sdlc-banner-sec .banner-content{
    top: 0!important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    width: 100%;
    padding: 20px 0px 10px 30px !important;
  }

  .new-building-blocks-img-col img {
    width: 100%;
    margin-bottom: 20px;
  }

  .powered-by-new-sec {
    padding: 20px 5px;
  }

  .powered-by-new-card h6 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .powered-by-new-card-row.row-right-border::after,
  .powered-by-new-card-row.row-left-border::after {
    display: none;
  }

  .powered-by-new-card-row {

    gap: 0px;
  }

  /* .col-md-4.powered-by-new-head-col {
    display: none;
  } */

  .col-md-4.powered-by-new-head-col.powered-by-new-head-mobile {
    display: inline-block;
    width: auto;
    align-items: center;
    margin: 0 auto 20px auto;
  }

  .powered-by-new-card {

    margin: 0 auto 20px auto;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 100% !important;
  }

  .generative-data-engineering-side-img-div-1 {
    position: absolute;
    right: 0 !important;
    bottom: -100px;
    width: 15%;
    left: auto;
  }

  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 15px;
  }

  .gdm-nav-tab-card-content {
    padding-left: 10px;
  }

  .gdm-nav-tab-card-img {
    display: none;
    transition: .2s ease;
  }

  .gdm-nav-tab-card-view ul li:hover .gdm-nav-tab-card-img,
  .gdm-nav-tab-card-view ul li.active .gdm-nav-tab-card-img {
    display: block;
    transition: .2s ease;
  }

  .gdm-nav-tab-card-content {
    width: 100%;
    padding: 15px 15px;
  }

  .gdm-nav-tab-div {
    padding: 0px 0px;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 18px;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 5px 20px 10px 20px;
    display: none;
  }

  .powered-by-new-head-col .common-heading-div .common-heading {
    margin-bottom: 0;
    line-height: normal;
  }

  .ai-ready-content-div h1 {
    max-width: 100%;
  }

  .col-md-4.powered-by-new-head-col.mobile {
    display: block !important;
  }

  .col-md-4.powered-by-new-head-col.mobile .common-heading-div {
    display: block !important;
    background: none !important;
    text-align: center !important;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
  .home-banner-section.gdm-banner-sec {
    height: 500px !important;
  }

  .banner-content h1 {

    line-height: normal;
    font-size: 30px !important;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div {
    padding: 1rem 2rem !important;
  }

  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 20px;
  }

  .generative-data-engineering-side-img-div-1 {
    right: 0rem !important;
    bottom: -50px !important;
    width: 40%;
  }

  .generative-data-engineering-side-img-div-1 img {
    width: 80% !important;
  }

  .powered-by-new-sec {
    padding: 50px 20px;
  }

  .powered-by-new-card h6 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .powered-by-new-card {
    padding: 20px 10px 10px 10px;
    width: 100%;
  }

  .powered-by-new-card-row.row-right-border::after,
  .powered-by-new-card-row.row-left-border::after {

    height: 200px;
  }

  .powered-by-new-head-col .common-heading-div {
    padding: 5px 20px 10px 20px;
  }

  .powered-by-new-head-col .common-heading-div .common-heading {
    margin-bottom: 0;
    font-size: 20px;
    line-height: normal;
  }

  .gdm-enterprise-new-sec {
    padding: 50px 20px;
  }

  .ai-ready-content-div h1 {
    font-size: 45px;

  }

  .ai-ready-content-div h1 {
    max-width: 450px;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 345px;
    flex: 0 0 345px;
    max-width: 345px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

  .ai-ready-content-div h1 {
    font-size: 45px;

  }

  .ai-ready-content-div h1 {
    max-width: 450px;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 345px;
    flex: 0 0 345px;
    max-width: 345px;
  }
}

@media only screen and (min-width: 1281px) and (max-width:1440px) {
  .ai-ready-container {
    padding: 100px 60px;
  }

  .ai-ready-content-div h1 {
    font-size: 60px;

  }

  .ai-ready-content-div h1 {
    max-width: 600px;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    max-width: 400px;
  }
}

@media only screen and (min-width: 1441px) and (max-width:1600px) {
  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    max-width: 500px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1823px) {
  .ai-ready-content-div h1 {
    font-size: 60px;

  }

  .ai-ready-content-div h1 {
    max-width: 600px;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    max-width: 450px;
  }
}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
  .gdm-nav-tab-div .nav-tabs .nav-link {
    /* margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 1rem 4rem; */
    border-radius: 0rem;
    border: 1px solid #000;
    /* margin: 0 10px; */
    font-size: 19px;
    color: #000000;
    /* width: 98%; */
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 520px;
    flex: 0 0 520px;
    max-width: 520px;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .generative-data-engineering-sec .new-building-blocks-content-div {

    padding: 8rem 3rem;
  }

  .gdm-nav-tab-div .nav-tabs .nav-link {
    /* padding: 1rem 3rem;
    margin: 0 10px; */
    font-size: 22px;
    /* width: 98%; */
  }

  .gdm-nav-tab-container h5 {
    font-size: 28px;
  }

  .gdm-nav-tab-card h6 {
    font-size: 27px;
    margin-left: 40px;
  }

  .gdm-nav-tab-card h6::before {

    width: 17px;
    left: -40px;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 560px;
    flex: 0 0 560px;
    max-width: 560px;
  }

  .powered-by-new-card .common-paragraph {
    font-size: 30px;
    width: 80%;
  }

  .powered-by-new-card h6 {
    font-size: 40px;
    margin-bottom: 60px;
  }

  .generative-data-engineering-sec.generative-data-engineering-white-bg-sec .new-building-blocks-content-div .slider-card p {
    font-size: 35px;
  }

  .generative-data-engineering-sec .new-building-blocks-content-div .slider-card p::before {

    height: 50px;
    width: 25px;
  }

  .gdm-nav-tab-card-content h6 {
    font-size: 35px;
  }

  .gdm-nav-tab-card-content h6 {

    margin-left: 50px;
  }

  .gdm-nav-tab-card-view ul li .gdm-nav-tab-card-content h6::before {

    height: 50px;
    width: 22px;
    left: -50px;
  }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
  .ai-ready-row .col-md-4 .ai-ready-content-div h1 {
    max-width: 100%;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 1550px;
    flex: 0 0 1550px;
    max-width: 1550px;
  }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
  .ai-ready-row .col-md-4 .ai-ready-content-div h1 {
    max-width: 100%;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 2550px;
    flex: 0 0 2550px;
    max-width: 2550px;
  }
  .sneakpeek-sec-new .bg-video {
    /*left: 14rem!important;*/
  }
  
  .slider-img-div {
    top: 15rem;
  }
  
}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {
  .ai-ready-row .col-md-4 .ai-ready-content-div h1 {
    max-width: 100%;
  }

  .ai-ready-row .col-md-4 {
    -ms-flex: 0 0 3150px;
    flex: 0 0 3150px;
    max-width: 3150px;
  }
}

.col-md-4.powered-by-new-head-col.mobile {
  display: none;
  background: none;
}

.tab-container {
  /* grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch; */

  display: block;
  position: relative;
}





/* SDLC page design divya 7-3-25 */
.sdlc-why-choose-sec {
  position: relative;
  padding: 100px 100px;
}

.sdlc-page-why-choose-sec.sdlc-why-choose-sec {
    padding:0px 100px 100px 100px;
}

.sdlc-bottom-row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sdlc-bottom-contents-div {
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
}

.sdlc-bottom-contents-div .banner-btn.black-bg:hover .btn-red-svg {
    display: block;
}

.sdlc-bottom-contents-div .banner-btn.black-bg:hover .btn-white-svg {
    display: none;
}

.sdlc-card-div .sdlc-card-img-div {
    display: none;
}
.sdlc-card-div.active .sdlc-card-img-div {
    display: block;
}
.sdlc-card-div.active .sdlc-card-img-div video {
    width:80%;
}

.sdlc-card-div {
  position: relative;
  background-color: rgb(28, 28, 28);
  padding: 30px;
  width: 85%;
  margin: 0 auto;
  border-radius: 15px;
  text-align: center;
  cursor: pointer;
  /*transform: .2s ease;*/
  
  transition: all 0.5s ease;
  transform: scale(1);
  cursor: pointer;
}
.sdlc-card-div.active {
  height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  transform: scale(1.1); 
  /*margin-bottom: 100px;*/
}


.sdlc-card-div.active span {
  color: #E82B2E;
}

.sdlc-card-div.active .common-paragraph {
  font-size: 23px;
}
.sdlc-card-div.red-bg {
  background-color: #E82B2E;
}
.sdlc-card-div img{
  margin-bottom: 30px;
}
.sdlc-center-container {
  position: relative;
  padding: 100px 0px 200px 0px;
}
.sdlc-center-row {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 99;
}
/*.sdlc-center-row::after {*/
/*  content: ''; */
/*  width: 62%; */
/*  height: 120%;*/
/*  background-color: transparent;*/
/*  border: 1px solid #000;*/
/*  z-index: -1;*/
/*  margin: 0 auto;*/
/*  text-align: center;*/
/*  align-items: center;*/
/*  margin: 0;*/
/*  position: absolute;*/
/*  top: 60%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
/*}*/
.sdlc-red-button {
  background-color: #E82B2E;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  /* line-height: 2rem !important; */
  outline: none;
  overflow: hidden;
  padding: 5px 5px;
  position: relative;
  text-align: center;
  transition: all .6s;
  z-index: 99;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 180px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
}

.sdlc-red-button img {
  position: relative;
  margin-left: 10px;
  width: 12px;
  top: 1px;
}

.btn-red-svg {
  display: none;
}

.sdlc-red-button:hover .btn-red-svg {
  display: block;
}

.sdlc-red-button:hover .btn-white-svg {
  display: none;
}

.sdlc-red-button:hover,
.sdlc-red-button:focus {
  text-decoration: none;
  color: #ffffff;
}

.sdlc-red-button:before {
  background-color: #000000;
  color: #ffffff;
  content: "";
  cursor: pointer;
  display: inline-block;
  left: -100%;
  line-height: normal;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.sdlc-red-button:hover:before {
  left: 0;
}
/* SDLC page design divya 7-3-25 */ 


/* SDLC Page Style 07-03-2025 Option 1*/
.sdlc-banner-sec {
  /*background-image: url('/wp-content/uploads/img/sdlc/3d-banner-1.png');*/
      background-color: #000;
  width: 100% !important;
  height: 100vh !important;
  background-position: center;
  background-size: cover;
}

.engineering-leaders-sec {
  position: relative;
  background-color: #fff;
  padding: 9rem 4rem 10rem;
}

.engineering-leaders-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/red-vector-bg-img.svg');
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.engineering-head-div.bg-red-color {
       background-image: none;
 
    background-color: #E82B2E;
}
.engineering-head-div {
  /*background-image: url('/wp-content/uploads/img/sdlc/engineering-leader-head-div-bg.png');*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center center;*/
  background: #E82B2E;
  text-align: center;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 9rem;
  position: relative;
}

.engineering-head-div .overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E82B2E;
  opacity: 0.6;
}

.engineering-head-div h1 {
  width: 40%;
  z-index:9;
}

.engineering-content-div {
  background-color: #fff;
  padding: 5rem 11rem 4rem;
  margin-top: -10rem;
}

.engineering-content-div .content-card {
  padding: 2rem 1rem;
}

.engineering-content-div .content-card h6 {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.engineering-content-div .content-card h6::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 10px;
  z-index: 0;
  left: -30px;
}

.struggle-with-sdlc-sec {
  position: relative;
  padding: 9rem 4rem;
  margin-top: 0rem;
}

.sdlc-content-card {
  padding: 3rem 3rem;
  position: relative;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
}

.sdlc-content-card h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.sdlc-content-card h6 {
  font-size: 26px;
  margin-bottom: 2rem;
  font-weight: 600;
}

.sdlc-content-card h6.icon-head {
  position: relative;
  /*margin-left: 2rem;*/
}

.sdlc-content-card.light-black-bg:hover {
  background-color: #E82B2E !important;
}
.datastreak-second-sec .sdlc-content-card.light-black-bg:hover {
    background-color: #fff !important;
}
.datastreak-second-sec  .sdlc-content-card:hover h6.icon-head {
     margin-left: 0;

    color: #E82B2E !important;
}
.datastreak-second-sec  .sdlc-content-card:hover p.common-paragraph {
 
    color: #000 !important;
}
.datastreak-second-sec .sdlc-content-card:hover h6.icon-head::before {
    display:none;
}
.sdlc-content-card:hover h6.icon-head {
  margin-left: 2rem;
  color: #fff!important;
}

.sdlc-content-card:hover h6.icon-head::before {
  background-image: url('/wp-content/uploads/img/btn-arrow-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 5px;
    content: "";
    height: 30px;
    position: absolute;
    width: 15px;
    z-index: 0;
    left: -30px;
}

/*.sdlc-content-card h6.icon-head::before {*/
/*  background-image: url('/wp-content/uploads/img/list-active-svg.svg');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100%;*/
/*  top: 5px;*/
/*  content: "";*/
/*  height: 30px;*/
/*  position: absolute;*/
/*  width: 15px;*/
/*  z-index: 0;*/
/*  left: -30px;*/
/*}*/

.struggle-with-sdlc-sec .row {
  margin-bottom: 2rem;
}

.sdlc-content-card-img-div {
  /*background-image: url('/wp-content/uploads/img/sdlc/sdlc-content-card-img-div-bg.png');*/
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 3rem 1rem;
}

.sdlc-nav-tab-div .tab-content {
  margin-top: 1rem;
}

.sdlc-content-card-img-div video {
  width: 60%;
}

.sdlc-content-card-img-div img {
  width: 60%;
}

.brownfield-superhero-sec {
  position: relative;
  padding: 7rem 0rem 0rem 4rem;
}

.brownfield-superhero-sec-head {
  padding-bottom: 3rem;
}

.brownfield-superhero-sec-head h2 {
  font-weight: 600;
}

.brownfield-superhero-swiper-container {
  background-color: #fff;
  margin-left: 1rem;
  padding-bottom: 10rem;
  position: relative;
  /* height: 500px; */
}

.superhero-swiper-container-img {
  position: absolute;
  top: 22rem;
  left: 5.5rem;
}

.superhero-swiper-container-img img {
  width: 50%;
}

.superhero-swiper-container-img-1 {
  position: absolute;
  bottom: 6rem;
  left: 28.4rem;
}

.superhero-swiper-container-img-1 img {
  width: 100%;
}

.brownfield-superhero-swiper-container .swiper-container-head {
  padding: 5rem 4rem;
}

.brownfield-superhero-swiper-container .swiper-container-head h4 {
  position: relative;
  display:inline-block;
}

.brownfield-superhero-swiper-container .swiper-container-head h4::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 7px;
    content: "";
    height: 20px;
    position: absolute;
    width: 12px;
    z-index: 0;
    left: auto;
    right: -30px;
}

.brownfield-superhero-sec-img {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 9;
}

.brownfield-superhero-sec-img img {
  width: 65%;
}

.brownfield-superhero-swiper-div {
  padding-left: 12rem;
  padding-top: 3rem;
}

.brownfield-superhero-swiper .swiper-slide {
  background-color: #000;
  padding: 3rem 3rem;
  height: auto;
  transition: background-color 0.5s ease-in-out;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.brownfield-superhero-swiper .swiper-slide.swiper-slide-active {
  background-color: #E82B2E;
}

.brownfield-superhero-swiper .swiper-slide .slide-card h6 {
  font-size: 25px;
    width: 70%;
    font-weight: 600;
    line-height: 35px;
}

.brownfield-superhero-swiper .swiper-slide .slide-card-img {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 5rem;
}

.brownfield-superhero-swiper .swiper-slide .slide-card-img img {
  width: 40%;
}
.brownfield-superhero-swiper .swiper-slide .slide-card-img video {
  width: 40%;
}









/* SDLC PAGE RESPONSIVE DIVYA 10-3-25 */
.ai-ready-row .col-md-6 {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
    max-width: 600px;
  }
  
  .ai-ready-row .col-md-6 .ai-ready-content-div h1 {
    max-width: 100%;
  }
  
  .ai-ready-row .col-md-6 .ai-ready-content-div {
    width: 100%;
  }
  
  
  
  
  /* SDLC squad in action section style divya 11-3-25 */
.sdlc-squad-in-action-sec {
  position: relative;
  background-color: #000000;
  padding: 150px 150px;
  background-image: url(/wp-content/uploads/img/banner-animation.gif);
    background-repeat: no-repeat;
    overflow: hidden;
        transition: background-color 0.5s ease;
}
.sdlc-nav-card-div img {
    margin-bottom:1.5rem;
    width: 20%;
}
.sdlc-nav-card-div video {
  margin-bottom:1.5rem;
  width: 65%;
  /*width:auto;*/
      /*width: 80%;*/
}
.grey-bg-color {
  background-color: rgb(28, 28, 28);
}

.agent-human-container {
  position: relative;
  padding: 50px 0px;
}

.agent-human-col {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.agent-human-card {
  position: relative;
  height: 450px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}

.agent-human-card::after {
  background-color: #E82B2E;
  content: "";
  height: 65px;
  position: absolute;
  width: 1px;
  z-index: 0;
  margin: 0;
  top: auto;
  left: 50%;
  bottom: -64px;
}

.agent-human-card h6 {
  font-size: 2.5rem;
  color: #ffffff;
}

.sdlc-nav-tab-div {
  padding: 0px;
}

.sdlc-nav-tab-div .nav-tabs {
  border-bottom: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: start stretch;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  text-align: center;
}

.sdlc-nav-tab-div .nav-item.col {
  margin-right: 10px;
}

.sdlc-nav-tab-div .nav-tabs .nav-item.show .nav-link,
.sdlc-nav-tab-div .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #E82B2E;
  border-color: transparent;
}

.sdlc-nav-tab-div .nav-tabs .nav-link {
  margin-bottom: -1px;
  /*background-color: #ffffff;*/
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-radius: 0rem;
  border: 1px solid #ffffff; 
  font-size: 1.2rem;
  color: #ffffff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.sdlc-nav-card-div {
  /*background-color: #EBEBEB;*/
  padding: 50px 50px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.sdlc-nav-card-div p {
  position: relative;
  margin-left: 1rem;
  font-size: 20px;
}

/*.sdlc-nav-card-div p::before {*/
/*  background-image: url('/wp-content/uploads/img/list-active-svg.svg');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100%;*/
/*  top: 0px;*/
/*  content: "";*/
/*  height: 30px;*/
/*  position: absolute;*/
/*  width: 10px;*/
/*  z-index: 0;*/
/*  left: -30px;*/
/*}*/

.sdlc-nav-card-div p {
  position: relative;
}

.sdlc-nav-card-div.red-color-bg {
  background-color: #E82B2E;
  color:#fff;
}
.sdlc-nav-card-div h6 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.sdlc-nav-tab-div .nav-item.col:last-child {
  margin-right: 0px;
}

.sdlc-nav-card-row .col-md-6.padding-zero.sdlc-nav-card-col {
  display: flex;
    /*  align-items: center;*/
    /*justify-content: center;*/
}

.sdlc-nav-card-row .col-md-6.padding-zero.sdlc-nav-card-col:first-child {
  padding-right: 15px;
}

/* SDLC squad in action section style end divya 11-3-25 */


/*Divya 12-3-25 style*/
.searchpageSwiper .sdlc-card-div.active {
 
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.access-at-the-code-sec .bg-video {
  position: absolute;
  top: auto;
   bottom: 185px;
  left: -40px;
  right: auto;
  width: 20%;
  height: auto;
  object-fit: cover;
  z-index: 9;
  transform: rotateZ(30deg);
}

.sneakpeek-sec-new .bg-video {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.sneakpeek-sec-new h2 {
  position: relative;
  z-index: 9;
}

.why-choose-prodapt-sec .bg-video {
  position: absolute;
  top: 18rem;
  bottom: auto;
  left: 0px;
  right: auto;
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: 1;
  
    /*height:auto;*/
    /*left:50%;*/
    /*min-height:100%;*/
    /*min-width:100%;*/
    /*position:absolute;*/
    /*top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);*/
    /*width:auto;*/
    /*z-index:0;*/
}

/* Synapt Search Page Style - 12-03-2025 */
.one-search-sec {
  padding: 9rem 4rem 10rem;
  position: relative;
}

.one-search-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/synapt-search/white-vector-bg-img.svg');
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.one-search-sec-head-div {
  text-align: center;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  padding-bottom: 6rem;
}

.one-search-sec-head-div p {
  width: 35%;
}

.one-search-sec-content-div {
  background-color: #fff;
  padding: 6rem 5rem 14rem;
  margin-top: -10rem;
}

.one-search-sec-content-div .content-card {
  padding: 1rem 7rem;
}

.one-search-sec-content-div .content-card p {
  position: relative;
  font-size: 20px;
  margin-bottom: 2rem;
}

.one-search-sec-content-div .content-card p::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 10px;
  z-index: 0;
  left: -30px;
}

.one-search-sec-content-img-div {
  padding: 2rem 2rem;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 5rem;
    right: 8rem;
}

.contextual-intelligence-sec {
  position: relative;
  padding: 8rem 2rem 2rem;
}

.contextual-intelligence-sec-img-div {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 4rem 0rem 0rem;
}

.contextual-intelligence-sec-img-div img {
  width: 70%;
}

.contextual-intelligence-sec-img-content-div {
  position: absolute;
}

.contextual-intelligence-sec-img-content-div.content-div-1 {
  left: 4rem;
  top: 3rem;
}

.contextual-intelligence-sec-img-content-div.content-div-1 p {
  width: 80%;
  text-align: center;
}

.contextual-intelligence-sec-img-content-div.content-div-2 {
  top: 1rem;
  margin-left: 5rem;
}

.contextual-intelligence-sec-img-content-div.content-div-3 {
  right: 5rem;
  top: 3rem;
}

.contextual-intelligence-sec-img-div-text {
  text-align: center;
  padding: 5rem 0rem 0rem;
}

.contextual-intelligence-sec-img-div-text h6 {
  font-size: 25px;
}

.sdlc-content-card-img-div.search-img-div {
  background-image: url('/wp-content/uploads/img/synapt-search/search-img-div-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}





/* AI solutions search page New section design style Divya 13-3-25 */
.sdlc-squad-in-action-sec.red-bg-color-sec {
    background-color: #E82B2E !important;
    background-image: none;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-tab-div .nav-tabs .nav-item.show .nav-link,
.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-tab-div .nav-tabs .nav-link.active {

  background-color: #000000;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-tab-div .nav-tabs .nav-link {
  font-size: 1.5rem;
  background-color: #E82B2E;
  color: #ffffff;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-tab-div .nav-item.col {
  margin-right: 0px;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-card-row .col-md-6.padding-zero.sdlc-nav-card-col:first-child {
  padding-right: 10px;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .sdlc-nav-card-div {
  background-color: rgb(28, 28, 28);
  color: #ffffff;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .ai-sol-head {
  position: relative;
  padding-left: 30px;
}

.sdlc-squad-in-action-sec.red-bg-color-sec .ai-sol-head::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 16px;
  z-index: 0;
  left: 0px;
}

.top-row {
  margin: 1rem 0rem;
}

/* How synapt search works section divya */
.how-synapt-search-sec {
  position: relative;
  padding: 100px 100px;
}

.how-synapt-search-container {
  background-color: #000000;
  padding: 50px 100px 10px 100px;
  border-radius: 15px;
}

.how-synapt-search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-content-right-div {
  position: relative;
  /*height: 400px;*/
  /*overflow-y: scroll;*/
  /*scrollbar-width: none;*/
}

.search-content-left-div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 3rem;
}

.search-card-div {
  position: relative;
  width: 85%;
  margin: 0 auto 30px auto;
  background-color: rgb(28, 28, 28);

  padding: 30px;
}

.search-card-div h6 {
  font-size: 30px;
  margin-bottom: 30px;
}

/* before and after section divya */
.before-after-sec {
  position: relative;
  /*background-color: #ffffff;*/
  padding: 100px 0px;
}

.before-after-content-div {
  padding: 50px 100px;
}

.before-after-content-div p {
  padding-left: 30px;
}

.before-after-content-div h6 {
  position: relative;
  font-size: 35px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.before-after-content-div h6::before {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 40px;
  position: absolute;
  width: 20px;
  z-index: 0;
  left: 0px;
}


/* AI search video sec */
.ai-search-video-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  transition: background-color 0.5s ease;
}
.ai-search-video-container {
  position: relative;
  padding: 30px 0px;
}
.ai-search-video-row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ai-search-video-card {
  position: relative;
  background-color: #E82B2E;
  padding: 50px;
  border-radius: 15px;
}
.ai-search-video-card .common-paragraph {
  font-size: 22px;
  margin: 0 auto;
  text-align: center;
}
 
.video-icon {
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-icon a, .video-icon a:hover, .video-icon a:focus{
  text-decoration: none;
  color: #fff;
}
.video-fa-icon {
    background: #000000;
    /* border:2px solid #E82B2E; */
    display: flex; 
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    color: #fff; 
    border-radius: 50%; 
    z-index: 9;
    position: relative;
}

.video-icon-waves {
    position: absolute;
    width: 0rem;
    height: 0rem;
    left: -30px;
    top: -30px;
    z-index: 2;
    float: right;
    opacity: 0.2;
}

.video-icon-waves .waves {
  position: absolute;
  width: 130px;
  height: 130px;
  background: #E82B2E;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 320px;
  background-clip: padding-box;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}

.video-icon-waves .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.video-icon-waves .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.video-icon-waves .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
 
/* AI solutions search page New section design style Divya 13-3-25 */
.ai-ready-content-div.ai-search-page h1 {
    max-width: max-content;
}
.ai-ready-content-div.ai-ready-content-div-two-text {
  gap: 0px;
}
h1.text-animation {
 max-width: 600px;
}
.text-animation .letter {
  display:inline-block;
}


/* Datastreak page design start divya 17-3-25 */

.searchpageSwiper.datastreakSwipersec .sdlc-card-div.active {
  height: auto;
}
.searchpageSwiper.datastreakSwipersec .sdlc-card-div {
background-color: rgb(28, 28, 28);
}
.searchpageSwiper.datastreakSwipersec .sdlc-card-div.active {
  background-color: #E82B2E;
}
.searchpageSwiper.datastreakSwipersec .sdlc-center-row::after {
  border: 1px solid #E82B2E;
}
.datastreakSwipersec-div .contextual-intelligence-sec-img-div-text {
  padding: 1rem 0rem 1rem 0rem;
}


/* Solution overview section style Divya */
.solution-overview-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  transition: background-color 0.5s ease;
}
.solution-overview-tab-sec {
  position: relative;
  text-align: center;

}
.solution-overview-tab-sec  .nav-tabs {
  display: flex;
      align-items: center;
      justify-content: center;
      gap: 5rem;
      border-bottom: 0;
      position: relative;
}
.nav-circle-icon {
  display: flex;
      flex-direction: column;
      gap:1rem;
      z-index: 9;
      position: relative;
}
.center-overview-icon-div {
  display: flex;
      flex-direction: column;
      gap: 1rem;
      z-index: 9;
      position: relative;
      justify-content: center;
      text-align: center;
      padding: 1rem 0rem;

}
.solution-overview-sec .partners-list {
  margin-bottom: 3rem;
}
.center-overview-icon-div img {
  width: 3rem;
  margin: 0 auto;
}
.solution-overview-tab-sec .nav-tabs .nav-link {
 
  border-radius: 0;
  background-color: rgb(28, 28, 28);
  color: #ffffff;
  height: 5rem;
  width: 15rem;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 9;
    position: relative;
}

.solution-overview-tab-sec .nav-tabs .nav-item.show .nav-link, .solution-overview-tab-sec .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #E82B2E;
  border-color: transparent;
}
.solution-overview-head {
  font-size: 1.5rem;
}
.nav-circle-icon-item {
  position: relative;
}
.solution-overview-tab-sec .nav-tabs::before {
  content: ""; 
  width: 50%;
  background-color: #E82B2E;
  height: 1px; 
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.database-row {
  display: flex;
  flex-direction: row;
  background-color: rgb(28, 28, 28);
  padding: 1.5rem;
  position: relative;
}
.border-top-div {
  position: relative;
}
.border-top-div::before {
  content: "";
  width: 92%;
  background-image: url('/wp-content/uploads/img/datastreak/border-img.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.database-div {
  display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 1rem;
      height: 100%;
}
.database-card  {
  background-color: #000000;
  padding: 2rem;
  height: 100%;

}
.database-card img {
  margin-bottom: 1rem;
}
.database-card p {
  width: 65%;
    margin: 0 auto;
}
.solution-overview-head {
  margin-bottom: 5rem;
}

/* codemaverick section divya */
/*.brownfield-superhero-swiper.codemaverick-slider-sec .swiper-slide.swiper-slide-active {*/
/*  background-color: #000000;*/
/*}*/
.brownfield-superhero-swiper.codemaverick-slider-sec .swiper-slide.swiper-slide-active  h6.red {
    color: #fff;
    position:relative;
        margin-left: 20px!important;
}
.brownfield-superhero-swiper.codemaverick-slider-sec .swiper-slide.swiper-slide-active  h6.red::before {
    background-image: url(/wp-content/uploads/img/btn-arrow-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 5px;
    content: "";
    height: 30px;
    position: absolute;
    width: 12px;
    z-index: 0;
    left: -20px;
}
.brownfield-superhero-swiper.codemaverick-slider-sec .swiper-slide  h6 {
    position: relative;
    margin-left: 0px!important;
}
.codemaverick-slider-head-div {
  position: relative;
  padding: 3rem 3rem 0rem 3rem;
}
.codemaverick-slidericon-row {
  display: flex;
      flex-direction: row; 
      position: relative;
}

.codemaverick-slidericon {
  display: flex;
  align-items: center; 
  text-align: center;
  gap: 1rem;
  height: 100%;
}
.codemaverick-slidericon-card { 
    padding: 0rem 1rem;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.codemaveric-tab-sec .brownfield-superhero-swiper-container {
  
 margin-left: 0rem;
}
.codemaveric-tab-sec .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}
.codemaveric-tab-sec .nav-tabs .nav-item.show .nav-link, .codemaveric-tab-sec .nav-tabs .nav-link.active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
.codemaveric-tab-sec .nav-tabs .nav-link {
 
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border: none;
  padding: 1rem 2rem;
  font-size: 2rem;
  color: #000;
  font-weight: bold;
}

.brownfield-superhero-swiper .swiper-slide .slide-card h6  {
 position: relative;
  margin-left: 20px; 
}

/*.brownfield-superhero-swiper .swiper-slide .slide-card h6::before {*/
/*  background-image: url('/wp-content/uploads/img/red-rect.svg');*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100%;*/
/*  top: 5px;*/
/*  content: "";*/
/*  height: 30px;*/
/*  position: absolute;*/
/*  width: 12px;*/
/*  z-index: 0;*/
/*  left: -20px;*/
/*}*/

/*solution overview sec divya - Datastreak page*/
/* Datastreak Page Style Jerold- 17-03-2025 */
.home-banner-section.datastreak-banner {
  /*background-image: url('/wp-content/uploads/img/datastreak/common-banner.png') !important;*/
}

.sdlc-banner-sec .bg-video {
  width: 40%;
  right: 10rem;
  left: auto;
  top: 5rem;
}

.engineering-content-div.light-black-bg .content-card {
  padding: 3rem 6rem;
}

.datastreak-img-div {
  padding: 4rem 5rem;
  margin: 1rem 6rem;
}
.datastreak-img-div video {
    width: 70%;
}

.datastreak-content-div {
  padding: 0rem 5rem;
}

.datastreak-content-div p {
  font-size: 25px;
  /*width: 75%;*/
  /*margin: auto;*/
}

.datastreak-content-div.align-right {
  text-align: right;
}

.why-choose-datastreak-sec {
  position: relative;
  padding: 0rem 1rem 7rem;
}

.datastreak-content-card-div {
  position: relative;
  padding: 10rem 0rem 2rem;
}

.datastreak-left-col-head {
  padding: 20px 2rem;
  text-align: right;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
  height: 75px;
}

.datastreak-left-col-head img,
.datastreak-right-col-head img {
  width: 10%;
}

.datastreak-left-col-head h6,
.datastreak-right-col-head h6 {
  font-size: 22px;
  font-weight: 600;
}

.datastreak-center-col-head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datastreak-center-col-head::before {
  background-image: url('/wp-content/uploads/img/datastreak/vector.png');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  position: absolute;
  width: 350px;
  height: 150px;
  top: -8.5rem;
}

.datastreak-center-col-head h6 {
  position: relative;
  font-size: 20px;
  top: -2rem;
}

.datastreak-right-col-head {
  padding: 20px 2rem;
  text-align: left;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  height: 75px;
}

.datastreak-left-col-content {
  padding: 10px 2rem 0px;
  text-align: right;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  background: #E9EBE9;
  margin: 2rem auto;
  height: 75px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.datastreak-right-col-content {
  padding: 10px 2rem 0px;
  text-align: left;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: #E9EBE9;
  margin: 2rem auto;
  height: 75px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.datastreak-left-col-content p {
  font-size: 16px;
}

.datastreak-center-col-content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 1.5rem;
  position: relative;
  width: 85%;
  margin: auto;
}

.datastreak-left-col-content::before {
  border: 1px solid #000000;
  content: "";
  z-index: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  right: -14%;
  height: 1px;
  width: 65px;
}

.datastreak-right-col-content::before {
  border: 1px solid #000000;
  content: "";
  z-index: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: -14%;
  height: 1px;
  width: 65px;
}

.datastreak-center-col-content::before {
  border: 1px solid #000000;
  content: "";
  z-index: 0;
  margin: 0;
  position: absolute;
  top: -8%;
  left: 50%;
  height: 40px;
}

.center-col-card {
  padding: 12px 0px;
}

.center-col-card img {
  width: 50%;
}




/* AI ASK page style Divya */
.ask-banner-sec {
  background-image: url('/wp-content/uploads/img/ask/ask-bg-img.jpg');
  width: 100% !important;
  height: 100vh !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ask-last-container .col-md-6 {
  -ms-flex: 0 0 650px;
    flex: 0 0 650px;
    max-width: 650px;
}
.ask-last-container .ai-ready-row  .col-md-6 .ai-ready-content-div h1 {
  max-width: 84%;
}
.ask-last-container .ai-ready-row  .col-md-6 .ai-ready-content-div  h1.text-animation {
  max-width: 650px;
}
.brownfield-superhero-sec.ask-page-swiper-sec{
  padding: 5rem 0rem;
}
.ask-page-swiper-sec .brownfield-superhero-swiper-div {
 
  padding-top: 5rem;
}
.ask-page-swiper-sec .brownfield-superhero-swiper-container{
 
  padding-bottom: 5rem;
  margin-left:5rem;
}
.ask-page-swiper.brownfield-superhero-swiper .swiper-slide .slide-card h6 {
  position: relative;
  margin-left: 20px;
  font-size: 1.3rem;
  line-height: normal;
  display: inline-block;
}
.ask-page-swiper.brownfield-superhero-swiper .swiper-slide .slide-card h6::before {
 
  top: 0;
}


/* Customer Churn Page Style - Jerold-17-03-2025 */

.synapt-black-button {
  background-color: rgb(28, 28, 28);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  transition: all .6s;
  z-index: 99;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 300px;
  height: 70px;
  font-size: 20px;
  font-weight: bold;
}

.synapt-black-button:hover,
.synapt-black-button:focus {
  text-decoration: none;
  color: #E82B2E;
}

.synapt-black-button:before {
  background-color: #ffff;
  color: #E82B2E;
  content: "";
  cursor: pointer;
  display: inline-block;
  left: -100%;
  line-height: 2rem;
  outline: none;
  overflow: hidden;
  padding: 5px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .6s;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.synapt-black-button:hover:before {
  left: 0;
}

.banner-content .synapt-black-button {
  margin-top: 1rem;
}

.churn-built-sec {
  padding: 9rem 4rem 10rem;
  position: relative;
}

.one-search-sec-head-div.padding-div {
  height: auto;
  padding: 6rem 6rem 13rem;
}

.one-search-sec-head-div.padding-div p {
  width: 65%;
}

.one-search-sec-content-div .common-heading {
  font-size: 42px;
  text-align: center;
  margin-bottom: 3rem;
}

.one-search-sec-content-img-div img {
  width: 60%;
}

.one-search-sec-content-img-div video {
  width: 60%;
}

.sdlc-content-card.first-card p {
  font-size: 30px;
}

.sdlc-content-card img {
  width: 35%;
}

.sdlc-content-card.customer-churn,
.sdlc-content-card.first-card {
  padding: 4rem 3rem;
  gap: 30px;
}

.sdlc-content-card.customer-churn p {
  font-size: 25px;
}

.sdlc-content-card-img-div.customer-churn {
  background: #000;
}

.struggle-with-sdlc-sec.customer-churn {
  padding: 0rem 4rem 3rem;
}

.churn-agent-sec-div {
  position: relative;
  padding: 0rem 10rem;
}

.struggle-with-sdlc-sec .churn-agent-sec-div .row {
  margin-bottom: 5rem;
}

.datastreak-img-div.customer-churn-img-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0px auto 0rem;
  position: relative;
}

.datastreak-img-div.customer-churn-img-div  .overlay-play {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 20, 20, .6);
  z-index: 1;
}

.datastreak-img-div.customer-churn-img-div  .overlay-play img {
  width: 13%;
}

.datastreak-content-div.customer-churn-content-div {
  padding: 0rem 6rem;
}

.datastreak-content-div.customer-churn-content-div h6 {
  font-size: 20px;
  margin: 0px auto 1rem;
  line-height: 30px;
}

.datastreak-content-div.customer-churn-content-div p {
  font-size: 17px;
}

.datastreak-content-div.customer-churn-content-div .banner-btn {
  margin-top: 1.5rem;
}

.datastreak-content-div.customer-churn-content-div .banner-btn.red-bg::before {
  background-color: #000000;
  color: #ffffff;
}

.datastreak-content-div.customer-churn-content-div .banner-btn.black-bg::before {
  background-color: #E82B2E;
  color: #ffffff;
}

.datastreak-content-div.customer-churn-content-div .banner-btn.red-bg:hover,
.datastreak-content-div.customer-churn-content-div .banner-btn.red-bg:focus {
  background-color: #000;
  color: #ffffff;
}

.datastreak-content-div.customer-churn-content-div .banner-btn.black-bg:hover,
.datastreak-content-div.customer-churn-content-div .banner-btn.black-bg:focus {
  color: #ffffff;
}

.datastreak-content-div.customer-churn-content-div .banner-btn img {
  margin-left: 30px;
  width: 15px;
}

.customer-churn-sec {
  position: relative;
  padding: 9rem 4rem;
}

.customer-churn-sec-div {
  position: relative;
  padding: 6rem 2rem 10rem;
}

.customer-churn-sec-div h2 {
  padding-bottom: 4rem;
}

.servicenow-platform-left-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem 0rem 1rem;
  position: relative;
  width: 370px;
  height: 400px;
  left: -2rem;
}

.blue-overlay {
  position: absolute;
  content: '';
  background: #10324C;
  width: 70%;
  height: 78%;
  top: 4.5rem;
}


.servicenow-platform-center-col {
  background-image: url('/wp-content/uploads/img/churn/arrows.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 355px;
  height: 300px;
  position: relative;
}

.servicenow-platform-center-div {
  padding: 2rem 2rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
}

.servicenow-platform-center-div h6 {
  font-size: 22px;
  text-align: center;
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 40px;
  position: relative;
    left: -1.5rem;
}

.center-col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.servicenow-platform-btn {
  position: relative;
  background-image: url('/wp-content/uploads/img/churn/group-732.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 85%;
  height: auto;
  padding: 1rem 2rem 15px;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.servicenow-platform-btn p {
  position: relative;
  font-size: 18px;
}

.servicenow-platform-right-col-div {
  position: relative;
  padding: 1rem 5rem;
  top: 2rem;
  right: -4rem;
}

.servicenow-platform-right-col-div p {
  position: relative;
  font-size: 18px;
  margin-bottom: 3rem;
}

.servicenow-platform-right-col-div::before {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 30px;
  content: "";
  height: 65.5%;
  position: absolute;
  width: 1px;
  z-index: 0;
  left: 5px;
}

.servicenow-platform-right-col-div p::after {
  background-image: url('/wp-content/uploads/img/list-active-svg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 10px;
  z-index: 0;
  left: -30px;
}

.servicenow-platform-right-col-div p::before {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 15px;
  content: "";
  height: 1px;
  position: absolute;
  width: 20px;
  z-index: 0;
  left: -70px;
}

.servicenow-platform-center-col::before {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 50%;
  content: "";
  height: 1px;
  position: absolute;
  width: 230px;
  z-index: 0;
  left: -212px;
}

.servicenow-platform-center-col::after {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 50%;
  content: "";
  height: 1px;
  position: absolute;
  width: 182px;
    z-index: 0;
    right: -125px;
}

/* 19-03-2025 */
.gdm-banner-sec .bg-video,
.ao-banner-sec .bg-video{
  width: 30%;
    right: 10rem;
    left: auto;
    top: 9rem;
}



/* why ask section divya 19-3-25 */
.why-ask-sec {
  position: relative;
  background-image: url('/wp-content/uploads/img/ask/why-ask-sec-clipath-img.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 100px 100px;
  background-color:#fff;
}
.common-centre-head-div.why-ask-sec-para p {
  width: 35%;
  margin: 0 auto;
}

.flip {
  position: relative;
}

.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: .5s;
  transition-property: transform, opacity;
}

.flip > .front {
  transform: rotateY(0deg);
}

.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}

.flip:hover > .front {
  transform: rotateY(180deg);
}

.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}

.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}

.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}

.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  width: 100%;
}

.flip > .front,
.flip > .back {
  display: block;
  color: #ffffff;
  width: 100%;
  height: 450px;
  padding: 3em 3em;
  background: #000000;
  background-position: center;
  background-size: cover;
  border-radius: 0;
  transition: .5s; 
  cursor: pointer;
}
  
.flip:hover > .back {
  display: flex;
  flex-direction: column;
  align-items: center; 
  transition: .3s;
  opacity: 1; 
  background-color: #E82B2E;
}

.back {
  opacity: 0;
}

.flip:hover > .backImg {
  width: 100%;
}
.flip .front {
  display: flex;
      flex-direction: column;
      gap: 3rem;
      justify-content: center;
}
.flip .front img {
  width: 50%;
}
.flip .front video {
  width: 40%;
}
.flip .common-paragraph {
  font-size: 1.75rem;
}
.backContent img {
  margin-bottom: 1rem;
}

.database-sec {
  position: relative;
  background-color:#000000;
  padding: 100px 100px;
}
.red-card-div {
  width: 65%;
  background-color: #E82B2E;
  color: #fff;
  padding: 2rem;
  text-align: center;
  float: right;
  margin-bottom: 3rem;
}
.blue-card-div {
  width: 65%;
  background-color: #1B538B;
  color: #fff;
  padding: 2rem;
  text-align: center;
  float: left;
  margin-bottom: 3rem;
}
.yellow-card-div {
  width: 65%;
  background-color: #F7CB50;
  color: #000;
  padding: 2rem;
  text-align: center;
  float: right;
  margin-bottom: 3rem;
}
.database-card-right-div .common-paragraph{
  width: 75%;
  margin: 0 auto;
}
.database-card-left-card { 
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  background-color: rgb(28, 28, 28);
  position: relative;
  z-index: 99;
}
.database-card {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
    /*border-radius: 10px;*/
}
.database-card-left {
  position: relative;
  padding: 0px 20px;
}
.database-card-left::after {
  background-image: url('/wp-content/uploads/img/ask/db-top-icon.png');
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%; 
  content: "";
  height: 150px;
  position: absolute;
  width: 150px;
  z-index: 0; 
  margin: 0; 
  top:0; 
  left: 50%;
  transform: translate(-50%, -50%);
}
.database-card-row {
  align-items: center;
  justify-content: space-between;
}
.database-card-left-card::after {
  /* background: #828282; */
  background-image: linear-gradient(to bottom, #4e4e4e, rgb(28, 28, 28));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; 
  content: "";
  height: 2rem;
  position: absolute;
  width: 80%; 
  margin: 0 auto;
  text-align: center;
  top: 115%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: -2;
}
/*.database-card-left-card:last-child::after {*/
/*  background: #F7CA50;*/
/*}*/
.red-card-div {
  position: relative;
}
.red-card-div::before {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -7rem;
  content: "";
  height: 150px;
  position: absolute;
  width: 1px;
  z-index: 0;
  right: 5rem;
}
.red-card-div::after {
  background: #E82B2E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -7rem;
  content: "";
  height: 1px;
  position: absolute;
  width: 300px;
  z-index: 0;
  right: 5rem;
}
.blue-card-div {
  position: relative;
  z-index: 9;
}
.blue-card-div::before {
  background: #F7CB50;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -7rem;
  content: "";
  height: 105px;
  position: absolute;
  width: 1px;
  z-index: 0;
  left: 5rem;
}
.blue-card-div::after {
  background: #F7CB50;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -7rem;
  content: "";
  height: 1px;
  position: absolute;
  width: 300px;
  z-index: 0;
  left: 5rem;
}
.database-card-container {
  position: relative;
  padding-top: 2rem;
}
.db-bottom-text  {
  padding-right: 5rem;
}
.db-bottom-text h6{
  position: relative;
  margin-left: 20px;
  font-size: 1.3rem;
  line-height: normal;
  display: inline-block;
  margin-bottom: 0;
}
.db-bottom-text h6::before {
  background-image: url('/wp-content/uploads/img/red-rect.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  left: -20px;
}

/* ask experience section */
.ask-experience-sec {
  position: relative;
  background-image: url('/wp-content/uploads/img/ask/ask-experience-sec-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 100px;
}
.ask-experience-sec-head .common-paragraph{
  position: relative;
  margin-left: 20px;
  margin-bottom: 0;
}
.ask-experience-sec-head .common-paragraph::before {
  background-image: url('/wp-content/uploads/img/white-vector.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  left: -20px;
}
.ask-experience-card .nav-tabs {
  display: flex;
      flex-direction: column;
      gap: 1rem;
      border-bottom: transparent;
}

.ask-experience-card .nav-tabs .nav-link {
 position: relative;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 1rem 1rem;
  color: #000;
}
.ask-experience-card .nav-tabs .nav-link:hover,.ask-experience-card .nav-tabs .nav-link:focus{
  color: #fff;
  background-color: #000;
  border-color: transparent; 
}
.ask-experience-card {
  position: relative;
  background-color: #fff;
  padding: 2rem;
  height: 100%; 
}
.ask-experience-right-card {
  position: relative;
  background-color: #000;
  padding: 1rem;
  height: 100%; 
}
.ask-experience-card .nav-tabs .nav-item.show .nav-link, .ask-experience-card .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #000;
  border-color: transparent;
}
.ask-experience-card .nav-tabs .nav-item.show .nav-link::after, .ask-experience-card .nav-tabs .nav-link.active::after,
.ask-experience-card .nav-tabs .nav-link:hover::after {
  background-image: url('/wp-content/uploads/img/red-rect.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 10px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  right: 20px;
}
.ask-experience-row {
  display: flex;
  width: 100%;
  height: 100%;
}
.ask-experience-right-img {
  margin: 1rem auto 0 auto;
  text-align: center;
}
.ask-experience-right-img img {
  width: 100%;
  margin: 0 auto;
}
.ask-experience-right-img video {
  width: 50%;
  margin: 0 auto;
}
.pie-chart-text1 {
  position: absolute;
  left: 4rem; 
  top: 8rem;
}
.pie-chart-text2 {
  position: absolute;
  right: 4rem; 
  top: 7rem;
}
.pie-chart-text4 {
  position: absolute;
  left: 12rem;
  bottom: 1rem;
}
.pie-chart-text3 {
  position: absolute;
  right: 5rem;
  bottom: 6rem;
}
/* Ask page style end divya 19-3-25*/

/* Ask Page Style -> 19-03-2025 */
.inside-ask-sec {
  position: relative;
  padding: 8rem 2rem 6rem;
}

.inside-ask-img-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0rem 4rem;
}

.inside-ask-img-div p {
  font-size: 24px;
}

.inside-ask-img-div img {
  width: 100px;
}

.inside-ask-div {
  position: relative;
  padding: 4rem 7rem 3rem;
  margin-top: 2rem;
}

.inside-ask-div .side-text {
  position: absolute;
  transform: rotate(270deg);
  top: 55%;
  left: -35px;
  font-size: 20px;
}

.inside-ask-div .top-text {
  font-size: 24px;
}

.inside-ask-card-div {
  margin-top: 3rem;
}

.inside-ask-card {
  padding: 3rem 3rem;
  position: relative;
}

.inside-ask-card.first::before {
  left: -7%;
}

.inside-ask-card.third::before {
  top: auto;
  bottom: 7%;
}

.inside-ask-card::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/ask/group-764.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  left: -10%;
  top: 45%;
}

.inside-ask-card.third .inside-ask-card.third-first-div::before {
  display: none;
}

.inside-ask-card h6 {
  font-size: 24px;
}

.inside-ask-inner-card-div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0px;
  gap: 40px;
}

.inside-ask-inner-card-div img {
  width: 20%;
}

.inside-ask-card.second {
  text-align: center;
}

.inside-ask-card.second h6 {
  text-align: left;
}

.inside-ask-card.second .inside-ask-inner-card-div {
  justify-content: center;
}

.inside-ask-card.third .inside-ask-card.third-first-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}

.inside-ask-card.third .inside-ask-card.third-first-div .inside-ask-inner-card-div {
  display: flex;
  justify-content: space-between;
  gap: 0px;
  flex-direction: column;
  align-items: self-start;
  padding: 0px;
}

.inside-ask-card.third .inside-ask-card.third-first-div .inside-ask-inner-card-div img {
  width: 90%;
}

.inside-ask-inner-card-div.outer-div {
  padding: 15px 2rem;
  margin-top: 10px;
  justify-content: space-between;
}

.inside-ask-inner-card-div.outer-div img {
  width: 40%;
}

.inside-ask-card.third {
  padding: 3rem 3rem 0rem;
}

.inside-ask-second-div-cards {
  margin-top: 3rem;
  padding: 0rem 6rem;
}

.inside-ask-second-div-card {
  margin-bottom: 2rem;
  padding: 3rem 2rem;
  position: relative;
}

.inside-ask-card.first::after {
  background: #E82B2E;
  bottom: 14%;
  content: "";
  height: 1px;
  position: absolute;
  width: 56px;
  left: -14.5%;
}

.inside-ask-second-div-cards::before {
  background: #E82B2E;
  top: -17%;
  content: "";
  height: 75%;
  position: absolute;
  width: 1px;
  left: 13%;
}

.inside-ask-second-div-card::before {
  background: #E82B2E;
  top: 45%;
  content: "";
  height: 1px;
  position: absolute;
  width: 18%;
  right: 18.4rem;
}

.inside-ask-second-div-card::after {
  background-image: url('/wp-content/uploads/img/ask/group-762.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 35%;
  content: "";
  height: 35px;
  position: absolute;
  width: 35px;
  z-index: 9;
  right: 20rem;
}

.inside-ask-second-div-card:last-child::after {
  top: 37%;
}

.inside-ask-third-div {
  padding: 4rem 4rem 2rem 6rem;
  position: relative;
}

.inside-ask-third-div::before {
  background: #E82B2E;
  top: -7%;
  content: "";
  height: 45px;
  position: absolute;
  width: 1px;
  left: 50%;
}

.inside-ask-third-div::after {
  background-image: url('/wp-content/uploads/img/ask/group-762.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -3%;
  content: "";
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 9;
  left: 46.5%;
  transform: rotate(90deg);
}


.inside-ask-third-div .card-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 3rem;
  position: relative;
}

.inside-ask-third-div .card-div p {
  position: relative;
  width: 50%;
}

.inside-ask-third-div .card-div p::before {
  background-image: url('/wp-content/uploads/img/btn-arrow-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 10px;
  z-index: 0;
  left: -30px;
}

.inside-ask-third-div .card-div img {
  width: 35%;
  position: relative;
  z-index: 9;
}

.inside-ask-third-div .card-div:first-child::after {
  display: none;
}

.inside-ask-third-div .card-div::after {
  background-image: linear-gradient(to bottom,
      rgba(255, 100, 111, 0.25) 0%,
      rgba(245, 180, 25, 0.25) 70%,
      rgba(245, 180, 25, 0.25) 73%,
      rgba(245, 180, 25, 0.25) 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 8rem;
  position: absolute;
  width: 35%;
  margin: 0 auto;
  text-align: center;
  top: -85%;
  right: 0%;
  z-index: 2;
}

.inside-ask-third-div .card-div .card-div-para {
  position: absolute;
  color: #000;
  right: 2rem;
  z-index: 9;
  top: 0px;
  width: 20%;
  text-align: center;
}


/* Lead and care page style Divya 20-3-25 */
.lead-care-page-div.ai-ready-row .col-md-6 .ai-ready-content-div h1 {
  max-width: 91%;
} 
.salesforce-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
}
.salesforce-card-container{
  position: relative;
  padding: 4rem 0rem 4rem 0rem;
}
.salesforce-card {
  position: relative;
  padding: 4rem 3rem;
  background-color: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  gap: 4rem;
  height: 100%;
  cursor: pointer;
}
.salesforce-card h6 {
  font-size: 3.5rem;
  color: #fff;
}
.salesforce-card p{
  font-size: 1.5rem; 
  width: 88%;
}
.salesforce-card.active {
  background-color: #E82B2E;
}
.salesforce-card:hover {
  background-color: #E82B2E;
}
.btn-row {
  margin-top: 2rem;
}
/* Lead and care page style Divya 20-3-25 */


/* ASK page inside section new style Divya 20-3-25 */
.inside-ask-sec-new {
  position: relative;
  padding: 100px 100px;
  background-color: #000000;
  overflow: hidden;
  transition: transform 0.5s ease, background-color 0.5s ease;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
}

.inside-ask-sec-new-row {
  display: flex;
  flex-direction: row;  
  position: relative;
}

.inside-ask-div-new {
  display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 1rem;
      height: 100%;
}
.inside-ask-new-card  { 
  color: #fff;
  padding: 1rem;
  height: 100%;
}
.inside-ask-card-full {
  position: relative;
  cursor: pointer;
}
.inside-ask-card-full:hover .inside-ask-card-head{
    background-color: #E82B2E;
}
.inside-ask-card-head {
  position: relative;
  background-color: rgb(28, 28, 28);
  padding: 2rem;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inside-ask-card-head h6 {
  font-size: 1.7rem;
  margin-bottom: 2rem;

}
.inside-ask-card-full:hover .inside-ask-icon{
  background-color: #fff;
}
.inside-ask-icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  background-color: rgb(28, 28, 28);
  border: 5px solid #000;
  border-radius: 50%;
  position: absolute;
  top: 150px;
  right: 0;
  left: 0;
}
.inside-ask-icon img {
  width: 45%;
  margin: 0 auto;
  text-align: center;
}
.inside-ask-para {

position: relative;
    padding-top: 4rem;
}


/* Datastreak design changes Divya 21-3-25 */
.why-choose-datastreak-ai-new-sec {
  position: relative;
  background-color: #ffffff;
  padding: 0rem 3rem 5rem 3rem;
}
.why-choose-datastreak-ai-new-tabdiv {
  position: relative;
  background-color: #E82B2E;
  margin-top: 2rem;
}
.why-choose-datastreak-ai-new-tabdiv .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center; 
  border-bottom: 0;
  position: relative;
  margin-bottom: 2rem;
}
.why-choose-datastreak-ai-new-tabdiv .nav-tabs .nav-link {
  border-radius: 0;
  background-color: #ffffff;
  color: #000;
  height: 5rem;
  width: 15rem;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 9;
  position: relative;
}
.why-choose-datastreak-ai-new-tabdiv  .nav-tabs .nav-item.show .nav-link, .why-choose-datastreak-ai-new-tabdiv .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #000;
  border-color: transparent;
}
.why-choose-datastreak-ai-new-tabcontainer {
  padding: 0rem 3rem;
}
.why-choose-datastreak-ai-new-card-full {
position: relative;
height: 100%;
padding-bottom: 5rem;
width:100%;

}
.why-choose-datastreak-ai-new-card-full-div {
  display: flex;
      background-color: rgb(28, 28, 28);
      color:#fff;
      padding: 2rem 3rem;
      flex-direction: row;
      gap: 0rem;
      align-items: center;
      height: 100%;
}
.swiper-slide.swiper-slide-active .why-choose-datastreak-ai-new-card-full-div {
    background-color: #fff;
    color:#000;
}
 
.right-image-div{
    width:50%;
}
.right-image-div video{
    width:50%;
}
.why-choose-datastreak-ai-new.row {
  margin-top:4rem;
  justify-content: center;
}
.why-choose-datastreak-ai-new-tabcontainer {
  padding: 1rem 15px 5rem 5rem;
}
.why-choose-datastreak-ai-card-head {
  width: 65%;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 1rem;
}
.why-choose-datastreak-ai-card-head  h6 {
  font-size: 1.5rem;
}
.left-content-div p {
  text-align: left;
}
.why-choose-datastreak-ai-new-card.col-md-5 {
  padding: 0rem 3rem;
}
.why-choose-datastreak-ai-new-tabrow .why-choose-datastreak-ai-new.row:first-child{
  margin-top: 0rem;
}
.brownfield-superhero-sec.red-bg.datastreak-ai-page-sec {
  padding: 5rem 0rem 5rem 5rem;
}


/* success stories new section divya style 21-3-25 */
.success-stories-new-sec {
  position: relative; 
}
.success-stories-new-container {
  position: relative;
  padding: 100px 100px;
  background-color: #000000;
}
/*.success-stories-new-container::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  height: 40%;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  background: #fff;*/
/*}*/
.success-stories-new-sec .sdlc-bottom-container {
  padding: 0px 0px 100px 0px;
    background-color: #000000;
}

.success-stories-new-row {
  display: flex;
  flex-direction: row;  
  position: relative;
}

.success-stories-new-div {
  display: flex;
      align-items: center;
      justify-content: center; 
      gap: 1rem;
      height: 100%;
}
.success-stories-new-card  { 
  color: #fff;
  padding: 3rem 3rem;
  height: 100%;
  background-color: rgb(28, 28, 28);
}
.success-stories-new-card-full {
  position: relative;
  cursor: pointer;
}
.success-stories-new-card.first{
  background-color: #E82B2E;
}
 .success-stories-new-right-card-col {
  position: relative;
  background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5rem;
 }
 .success-stories-new-right-card img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
 }
  .success-stories-new-right-card video {
  width: 75%;
  margin: 0 auto;
  text-align: center;
 }
 .success-stories-new-left-card h6 {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  padding-left: 30px;
  /*padding-bottom: 3rem;*/
}
 .success-stories-new-left-card h6::before {
  background-image: url('/wp-content/uploads/img/btn-arrow-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0px;
  content: "";
  height: 30px;
  position: absolute;
  width: 12px;
  z-index: 0;
  left: 10px;
}
.success-stories-new-left-card {
  height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
.success-stories-new-left-card h4 {
  font-size: 2.3rem;
  /*margin-bottom: 3rem;*/
}
.success-stories-new-left-card-col {
  padding: 0 3rem;
}

/*lead and care page changes divya 21-3-25*/
.lead-page-center-row.sdlc-center-row::after {
        border: 1px solid #E82B2E;
}
.lead-page-center-row.sdlc-center-row .sdlc-card-div.active
{
     background-color: #E82B2E;
}




/* ASK page new section inside ASK - 24-3-25 Divya */

.inside-ask-sec-newstyle {
  position: relative;
  padding: 100px 100px 0px 100px;
  background-color: #000000;
  overflow: clip;
  transition: transform 0.5s ease, background-color 0.5s ease;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
}
.new-marquee--card {
  position: relative;
  background-color: rgb(28, 28, 28);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2rem;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  width: 100%;
    height: 400px;
}

.new-marquee--card h6{
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #E82B2E;
}
.new-marquee--card img {
  width: 100px;
  height: auto;
}
.new-marquee--card:hover {
  background-color: #E82B2E;

}
.new-marquee--card:hover h6 {
  color: #ffffff;
}
.new-marquee {
  display: flex;
  overflow: hidden;
  gap: 125px;
  flex-direction: column;
}

.new-marquee--group ul { 
      padding: 0;
      list-style: none; 
      display: grid;
      gap: 3rem;
      grid-template-columns: 2fr 2fr;
}
.new-marquee--group ul li:first-child .new-marquee--card {
  background-color: #E82B2E;
}
.new-marquee--group ul li:first-child .new-marquee--card h6  {
   color: #fff;
}
.new-marquee--group ul li:first-child {
  grid-column: 2 / 2; 
}
.new-marquee--group ul li:nth-child(2) {
  margin-top: -15rem;
}
.new-marquee--group ul li:nth-child(4) {
  margin-top: -15rem;
}
.inside-ask-sec-fixed-position {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.new-marquee--card span{
    position: absolute;
    top: 2rem;
    left: 2rem; 
        font-size: 1.5rem;
}
.new-marquee--group {
  color: #fff; 
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-direction: column;
  /* animation: scroll-y-new-marquee 40s linear infinite; */
}

/* @keyframes scroll-y-new-marquee {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - 125px));
  }
} */

/* 21-03-2025 */
.one-search-sec-content-div.ai-search-new-div {
  padding: 4rem 5rem 4rem;
  background-color: rgb(28, 28, 28);
}

.ai-search-img-div {
  position: relative;
}

.ai-search-img-div img {
  width: 70%;
  margin: 0 auto;
  display: flex;
}

.ai-search-img-div video {
  width: 70%;
  margin: 0 auto;
  display: flex;
}

/* Customer Churn Page Change 24-03-2025 */
.churn-banner-div-logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 0rem;
  gap: 30px;
}

.churn-banner-div-logos img {
  /*width: 18%;*/
      width: 100%;

}

.sdlc-card-div.churn-active-div.active {
  background-color: #fff;
}

.sdlc-card-div.churn-active-div.active p {
  color: #000;
}


.sdlc-center-row.churn-center-row::after {
  border: 1px solid #ffffff;
}

.datastreak-content-div.customer-churn-content-div h6 {
  font-size: 25px;
  margin: 0px auto 1rem;
  line-height: 40px;
  font-weight: 700;
}


.why-choose-datastreak-ai-new-card {
  display: flex;
  height: 100%;
}

.new-marquee--card-img video {
    width: 60%;
}


.light-grey-background {
  background-color: #EBEBEB;
}

.dmpro-red-icon {
    display:none;
}
.solution-overview-tab-sec .nav-tabs .nav-link{
    gap:1rem;
}
/*.solution-overview-tab-sec .nav-tabs .nav-item:focus .nav-link, .solution-overview-tab-sec .nav-tabs .nav-link:hover {*/
/*    color: #ffffff;*/
/*    background-color: #E82B2E;*/
/*    border-color: transparent;*/
/*}*/


.solution-overview-tab-sec .nav-tabs .nav-link:hover .dmpro-red-icon{
    display:block;
}
.solution-overview-tab-sec .nav-tabs .nav-link:hover .dmpro-white-icon{
    display:none;
}
.solution-overview-tab-sec .nav-tabs .nav-link.active .dmpro-red-icon{
    display:none;
}
.solution-overview-tab-sec .nav-tabs .nav-link.active:hover .dmpro-white-icon{
    display:block;
}

/* One Search Page changes - 27-03-2025 */
.contextual-intelligence-sec h2 {
  margin-bottom: 3rem;
}

.contextual-intelligence-sec-img-content-div img {
  width: 25%;
}

.contextual-intelligence-sec-img-content-div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.contextual-intelligence-sec-img-div {  
  padding: 10rem 0rem 0rem;
}

.contextual-intelligence-sec-img-content-div.content-div-1 {
  left: 12rem;
  top: 1rem;
}

.contextual-intelligence-sec-img-content-div.content-div-2 {
  top: 2rem;
  margin-left: -5rem;
}

.contextual-intelligence-sec-img-content-div.content-div-3 {
  right: 15rem;
  top: 4rem;
}


/* Resources pages STYLE DIVYA 28-3-25 */
.resources-banner-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  transition: background-color 0.5s ease;   
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100vh;
  width: 100%;
}

/* .resources-banner-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/synapt-search/white-vector-bg-img.svg');
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.30;
} */

.resource-input-div {
  max-width: 45%;
  margin: 2rem auto 0 auto;
  background-color: #fff;
  height: 100%;
  padding: 1rem;
  display: flex;
}
.resource-input-div button {
  border: none;
  background: none;
  pointer-events: all;
}

.resource-input {
  border: none;
  background: #FFFFFF;
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23838D99' d='M13.22 14.63a8 8 0 1 1 1.41-1.41l4.29 4.29a1 1 0 1 1-1.41 1.41l-4.29-4.29zm-.66-2.07a6 6 0 1 0-8.49-8.49 6 6 0 0 0 8.49 8.49z'></path></svg>");*/
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20px 20px;
  box-shadow: none;
  border-radius: 0;
  width: 92%;
  padding: 0;
  margin-bottom: 0;
  padding-right: 10%;
}

.resource-input::placeholder {
  color: #A6A6A6;
}

.resource-input:focus {
  outline: none;
  box-shadow: none;
}


/* resource page banner style end */

.resource-page-list-sec {
  position: relative;
  padding: 100px 100px;
  background-color: #E7E7E7;
}
.resource-page-list-sec a{
  text-decoration: none;
  outline: none;
}
.resource-list-card {
  position: relative;
  background-color: #fff;
  color: #000;
  padding: 2rem;
  display: flex;
  gap: 3rem;
  flex-direction: column;
  height: 100%; 
  justify-content: flex-end;
cursor: pointer;

}
.resource-list-card:hover {
  background-color: #E82B2E;
}
.resource-list-card:hover .res-list-card-content h5 {
  color: #fff;
}
.resource-list-card:hover .res-list-card-content p {
  color: #fff;
}
.resource-list-card .res-list-card-content p{
  color: #000;
}
.resource-page-list-col {
  margin-bottom: 2rem;
}
.res-list-card-content img {
  margin-bottom: 1rem;
}
.res-list-card-content h5 {
  font-size: 1.65rem;
  margin-bottom: 1rem;
  color: #E82B2E;
}
.res-list-card-content p {
  margin-bottom: 3rem;
}
.resource-btn-text { 
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center; 
  font-size: 1.5rem; 
  outline: none;
  overflow: hidden; 
  padding: 1rem 0rem;
  position: relative;  
  font-weight: bold;

}
.resource-btn-text:hover, .resource-btn-text:focus{
  text-decoration: none;
  outline: none;
  box-shadow: none;
  color: #fff;
} 
.resource-btn-text .btn-red-svg {
  display: block;
}
.resource-btn-text:hover .btn-white-svg {
  display: none;
}
.resource-btn-text img {
  position: relative;
  margin-left: 20px;
  width: 15px; 
  margin-bottom: 0;
  top: 4px;
}
.resource-btn-text:hover .btn-white-svg {
  display: block;
}
.resource-btn-text:hover .btn-red-svg {
  display: none;
}
.resource-list-card:hover .resource-btn-text .btn-white-svg {
  display: block;
}
.resource-list-card:hover  .resource-btn-text .btn-red-svg {
  display: none;
}
.resource-list-card:hover  .resource-btn-text {
  color: #fff;
}
.resource-list-card .res-hover-icon {
  display: none;
}
.resource-list-card:hover .res-hover-icon {
  display: block;
}
.resource-list-card .res-red-icon {
  display: block;
}
.resource-list-card:hover .res-red-icon {
  display: none;
}



/* ARCHIVES PAGE */
.archives-page-list-sec .res-list-card-content h5 { 
  color: #000;
}
/* .archives-page-list-sec .res-list-card-content h4 {
  font-size: 2.2rem;
}
.archives-page-list-sec .resource-list-card:hover .res-list-card-content h4{
  color: #fff;
} */
.archives-page-list-sec .resource-list-card:hover .author-div{
  display: none;
}
.archives-page-list-sec .resource-list-card:hover .res-list-card-content p {
  display: none;
}
.archives-page-list-sec .resource-list-card:hover   .res-list-card-content h5  {
  font-size: 2.2rem;
}
.author-div span{
  font-size: 1rem;
  color: #000;
}
.author-div span .red {
  color: #E82B2E;
}
.archives-page-list-sec .resource-list-card {
  height: 530px;
}
.archives-page-list-sec a p{
  color: #000;
}
.archives-page-list-sec a p:hover, .archives-page-list-sec a p:focus{
  color: #000;
}
.lands-row  .res-list-card-img {
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 3rem 0;
  /*height: 500px;*/
  display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
}
.lands-row .res-list-card-img img {
   width: 50%!important;  
  /*width: 100%;*/
  text-align: center;
  margin: 0 auto;
  /*padding: 2rem;*/
}
/* .lands-row  .icon-image-larger img{
  width: 320px;
} */
.lands-row .icon-image-larger1 img {
  width: 100%;
}
.lands-row .res-list-card-content {
  margin-top: 2rem;
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .archives-page-list-sec .resource-list-card {
    height: 650px;
  }
  .lands-row  .res-list-card-img {
  
    /*height: 550px;*/
  }
  /* .lands-row  .icon-image-larger img{
    width: 400px;
  } */
 }
/* Resources pages STYLE DIVYA 28-3-25 END*/


/* Resources pages FAQ STYLE DIVYA 31-3-25 start*/
.resource-faq-list-sec {
  position: relative;
  padding: 100px 100px;
  background-color: #fff;
}
.resource-faq-list-container {
  position: relative;
}
.resource-faq-list-container .resource-faq-list-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resource-faq-list-div h1 {
  margin-bottom: 4rem;
}
.resource-faq-list-div .faq-list-center-img {
  margin-bottom: 4rem;
  width: 100%;
}

/* faq page container */ 
.faq-container.faq-page-container {
  gap: 0px;
  width: 100%;
}
.faq-container.faq-page-container .faq-list {
  width: 100%;
  max-width: 100%; 
}
.area-conversion-faq-sec.faq-page-section {
        background-color: #F8F5F1;
}
.area-conversion-faq-sec.faq-page-section .acc-full-card {
        position: relative;
    background-color: #fff; 
    margin-bottom: 20px;
    border-radius: 10px; 
    padding:20px 0px;
}
.area-conversion-faq-sec.faq-page-section .faq-container button {
    padding:0px;
    border: 0;
    border-radius: 0;
    margin: 0;
    margin-bottom: 5px;
    background: 0 0;
    cursor: pointer;
    background-color: transparent;
}
 
.faq-list-item__arrow {
  transition: all .35s ease-in-out;
  flex-shrink: 0; 
}

.faq-list-item__arrow ._mask-rect {
  fill: #000;
  transition: fill .3s
}

.faq-list-item__arrow ._mask-path {
  transition: stroke .3s;
  stroke: #fff
}

.faq-list-item__arrow ._outer-circle {
  stroke: #000
}

.faq-list-item__arrow ._masked-circle {
  fill: #000;
  stroke: #000
}

.faq-list-item__arrow .faq-collapsed-icon{
  display: block; 
  width: 25px;
}
 .faq-list-item__arrow .faq-icon{
  display: none;
  width: 12px;
}
.collapsed .faq-list-item__arrow .faq-collapsed-icon{
  display: none;
  width: 25px; 
}
.collapsed .faq-list-item__arrow .faq-icon{
  display: block; 
  width: 12px;
  
}
 
.faq-list {
  width: 100%;
  max-width: 1000px
}

.faq-list-item {
  width: 100%; 
}

.faq-list-item__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;  
}
.faq-list-item__title p {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.faq-container button {
  border: 0;
  padding: 1rem 2rem;
  border-radius: 0px;
  margin: 0;
  margin-bottom: 1rem;
  background: 0 0;
  cursor: pointer;
  background-color: #E9EBE9;
  
}
.liquid-container.ember-view {
  padding: 1rem 2rem;
  background-color: #000;
  color: #fff;
}
.collapse.show .liquid-container.ember-view {
 background-color: #000;
 color: #fff;
 margin-bottom: 1rem;
}
.faq-list-item__title p {
  margin-bottom: 0; 
}
.faq-container  button:focus {
  outline: none; 
  border: none;
}
.faq-container  button:focus-visible {
  outline: none; 
  border: none;
}
.faq-container  button:hover {
  outline: none; 
  border: none;
}
.faq-container.faq-container--imageless .faq-list {
  max-width: 100%
}

.faq-container.faq-container--imageless .faq-list-item__title {
  font-size: 2.5rem
}
.faq-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0;
  gap: 128px;
}

.faq-container .AccordionItem:last-child div {
  border-bottom: 0;
}
 
.ember-view[aria-expanded="true"] .faq-list-item__title {
  margin-bottom: 0;
  background-color: #000;
  color: #E82B2E;
}
._image-container {
  display: flex;
  order: 2;
  justify-content: right;
  flex-shrink: 0;
}
ol.decimal {list-style-type: decimal;}
ul.disc {list-style-type: disc;}

 .liquid-container.ember-view a,  .liquid-container.ember-view a:hover,  .liquid-container.ember-view a:focus{
  color: #E82B2E;
 }
 
 /* Resources pages FAQ STYLE DIVYA 31-3-25 END*/
 
 
 /* Product Tour page style 31-3-25 Divya */
 .product-tour-banner-sec {
  position: relative;
  background-color: #E82B2E;
  padding: 100px 100px; 
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
 }
 .product-tour-banner-sec::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/white-vector-bg-img.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.product-tour-list-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
  background-image: url('/wp-content/uploads/img/banner-animation.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  transition: background-color 0.5s ease;
}
.product-tour-video-card {
  position: relative;
  width: 100%;
  height: 100%;
}
.product-tour-video-card-img {
  width: 100%;
  position: relative;
}

.video-icon-img-div {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-tour-list-row {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
}
.product-tour-list-row:first-child{
  margin-top: 0rem;
}
 /* Product Tour page style  END 31-3-25 Divya */
 
 /* Community Page Style 31-03-2025 Starts */
.community-page-list-sec {
  position: relative;
  padding: 100px 100px;
  background-color: #E7E7E7;
}

.clients-wins-button.community-btn {
  background-color: #FFFFFF;
  color: #000;
}

.clients-wins-button.community-btn:hover {
  color: #fff;
}

.community-card {
  position: relative;
  padding: 2rem 0rem 2rem;
}

.community-card h4 {
  margin: 2rem auto 1.5rem;
  font-size: 30px;
  line-height: 40px;
}


/* Resources GenAI page design Divya 1-4-25 */
.resources-banner-row {
  align-items: center;
  justify-content: center;
}
.resources-gen-ai-content-sec {
  position: relative;
  padding: 100px 100px;
  background-color: #fff;
}
.resources-gen-ai-content-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-gen-ai-content-div img {
  width: 100%;
  margin-bottom: 3rem;
}
.common-sub-heading {
  font-size: 2rem;
}
.resources-gen-ai-content-div .common-sub-heading {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.resources-gen-ai-red-bg-sec {
  position: relative;
  background-color: #E82B2E;
  padding: 100px 100px;
}

.resource-bottom-sec {
  position: relative;
  background-color: #000000;
  padding: 100px 100px;
}
.resource-bottom-sec .res-list-card-content h5 {
 
  color: #fff;
}
.resource-bottom-sec  .author-div span { 
  color: #fff;
}
.resource-bottom-sec  .author-div span.red { 
  color: #E82B2E;
}
.resource-page-list-col a{
  text-decoration: none; 
}
 
.resources-banner-sec  .author-div span { 
  color: #fff;
}
.resources-banner-sec  .author-div span.red { 
  color: #E82B2E;
}

/* Community Inner Page Styles  */
.resources-banner-sec.community-inner-banner {
  background: #E82B2E !important;
  position: relative;
}

.resources-banner-sec.community-inner-banner::before {
  position: absolute;
  content: '';
  background-image: url('/wp-content/uploads/img/synapt-search/white-vector-bg-img.svg');
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.community-inner-page-content-sec {
  position: relative;
  padding: 120px 150px;
}

.content-div {
  padding: 0px 25px;
}

.content-img-div img {
  margin: 0 auto 2rem;
}

.content-div h6 {
  font-size: 28px;
  text-align: justify;
  line-height: 40px;
  font-weight: 500;
  margin: 2rem 0rem;
}
.community-page-list-sec.black-bg {
  background-color: #000 !important;
  color: #fff;
}

.content-img-div.mt-10 {
  margin-top: 3rem;
}

.content-div p a {
  text-decoration: underline;
  color: #000;  
}

.resources-gen-ai-red-bg-row {
  display: flex; 
  justify-content: center;
  text-align: center;
  /*gap: 1rem;*/
  height: 100%;
}
.resources-gen-ai-card {
  background-color: #000000;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center; 
  padding: 20px;
  height: 100%;
  gap: 2rem;

}
.resources-gen-ai-card h5 {
  font-size: 1.75rem; 
  margin-bottom: 0;
}
.resources-gen-ai-col {
  height: 100%;
}
.resources-gen-ai-card-img img {
  width: auto;
  height: 150px;
  padding: 2rem 0rem;
}
 /*Divya 7 Resources page style end*/


 /* Divya 2april */
 .resources-gen-ai-card {
  height: 300px;
 }
 .resources-gen-ai-card-img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
 }
 .numbers-icon-div {
  text-align: center;
 }
 .numbers-icon-div img {
  width: 83%;
  margin: 0 auto;
  text-align: center;
 }
 
 
 /* Lead to care get in touch modal popup Divya april 2*/
 body.modal-open {
  padding-right: 0px!important;
 }
 .lead-care-modal.modal-dialog {
  max-width: 800px;
 }
 .lead-care-modal.modal-dialog  .form-control {
  display: block;
  /*width: 100%;*/
  height: calc(2em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  background-color: #fff; 
  /*border: 1px solid #E82B2E;*/
  border-radius: 0rem; 
}
.lead-care-modal.modal-dialog  textarea.form-control {
 height: auto;
}
.lead-care-modal.modal-dialog  .form-control:focus { 
  outline: 0;
  box-shadow: none;
}
.lead-care-modal.modal-dialog .close {
  float: right;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: none;
  opacity: 1;
}




.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 10px 0;
	/*height:90px;*/
	    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 10px 0;
	/*height:90px;*/
	  display: flex;
    align-items: center;
    justify-content: center;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	height: 24px;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.nav__container,
header {
  width: 100%;
  background-color: #fff;
}

 

.nav__mobile .nav__btn {
  display: block
}

.nav__mobile { 
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav__logo {
 
}

.nav__menu { 
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 0;
}
 
.nav__menu {
  align-items: center;
}
.chinese-btn {
  /*display: flex!important;*/
      display: grid !important;
    grid-template-columns: 1fr 0fr;
}
.nav-btn-div a{
  color: #fff!important;
}
.nav__menu li {
  list-style: none;
  position: relative;
  white-space: nowrap;
  padding: 1rem 0 0
}

.nav__menu li a {
  display: flex;
      align-items: center;
    justify-content: center;
    /*gap: 1rem;*/
  font-size: 17px;
  color: #000;
  text-decoration: none;
  
}

/*.nav__menu li a .chat-text {*/
/*    font-size: 15px;*/
/*}*/

.nav-toggle {
  display: block;
  background-color: transparent;
  width: 40px;
  cursor: pointer;
  padding: 4px
}

.nav-toggle span {
  position: relative;
  display: block;
  height: 4px;
  border-radius: 35px;
  width: 100%;
  margin-top: 0;
  background-color: #000;
  -webkit-transition: all .25s;
  transition: all .25s
}

.nav-toggle span.mrg {
  margin-top: 5px
}

.nav-toggle.open span:first-child {
  -webkit-transform: rotate(45deg) translate(6.2px, 6.2px);
  transform: rotate(45deg) translate(6.2px, 6.2px)
}

.nav-toggle.open span:nth-child(2) {
  width: 0;
  opacity: 0
}

.nav-toggle.open span:last-child {
  -webkit-transform: rotate(-45deg) translate(6.2px, -6.2px);
  transform: rotate(-45deg) translate(6.2px, -6.2px)
}

.nav__menu .dropdown ul { 
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: static;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .4s;
  transition: all .4s
}

.nav__menu .dropdown ul.show {
  max-height: 20rem;
  -webkit-transition: all .4s;
  transition: all .4s
}

.nav__menu .dropdown li a {
  display: block;
  font-size: 17px;
  text-transform: capitalize;
  color: #000;
  text-decoration: none
}

.nav__menu li a:hover {
  color: #0062a3
}

.nav__menu .dropdown>a:after {
  content: "\f107";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 17px;
  /*padding-left: 5px;*/
  color: #000;
}

.nav__menu .active.dropdown>a:after {
  content: "\f106"
}

.nav__menu .dropdown .dropdown>a:after {
  content: "\f107";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 17px;
  /*padding-left: 5px;*/
  color: #000;
}

/*.nav__menu .dropdown .active.dropdown>a:after {*/
/*  content: "\f106"*/
/*}*/

.menu-toggle {
  max-height: 0;
  overflow: hidden
}

.menu-toggle,
.menu-toggle.active {
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.menu-toggle.active {
  max-height: 100vh
}

.resize-animation-stopper * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important
}

@media screen and (min-width:992px) {
 
  .menu-toggle { 
      display: flex !important;
      max-height: 100vh;
      overflow: visible
  }

  .nav__container {
      width: 100%;
      max-width: 90%;
      margin: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; 
  }

  .nav__container,
  .nav__mobile { 
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .nav__mobile .nav__btn {
      display: none
  }

  .nav__logo img {
      width: 100%; 
      max-width: 85%;
  }

  .nav__menu { 
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-height: 100%;
      overflow: visible;
      padding: 0;
  }

  .nav__menu li {
      list-style: none;
      position: relative;
      white-space: nowrap;
      padding: 1rem
  }

  .nav__menu li a {
      font-size: 17px;
      color: #000;
      text-decoration: none
  }

  .nav__menu li a:hover {
      color: #000
  }

  .nav__menu .dropdown {
      position: relative
  }

  .nav__menu .dropdown ul { 
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: absolute;
      top: 100%;
      left: -30px;
      opacity: 0;
      visibility: hidden;
      overflow: visible;
      padding: 0 1rem;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      z-index: 99;
  }

  .nav__menu .dropdown:hover>ul {
      top: 100%;
      left: 0;
      opacity: 1;
      visibility: visible;
      overflow: visible;
      padding: 0 1rem;
      width:auto;
      /*width: max-content;*/
      /*width: -webkit-max-content;*/
         /*background-color: #fff;*/
  }

  .nav__menu .dropdown ul li {
      padding: 1rem 1.5rem;
      background-color: #fff;
      position: relative; 
        width: 100%;
  }

  .nav__menu .dropdown ul li:hover {
      background-color: #fff;
  }

  .nav__menu .dropdown ul li a {
      /*display: block;*/
      color: #000;
      text-transform: capitalize;
              display: grid;
        grid-template-columns: 1fr 0fr;
        align-items: center;
        justify-content: space-evenly;
  }

  .nav__menu .dropdown ul li a:hover {
      /*display: block;*/
           display: grid;
        grid-template-columns: 1fr 0fr;
        align-items: center;
        justify-content: space-evenly;
      color: #000
  }

  .nav__menu .dropdown>a:after {
      content: "\f107"
  }

  .nav__menu .dropdown:hover>a:after,
  .nav__menu .dropdown>a:after {
      font-family: Font Awesome\ 5 Free; 
      font-size: 17px;
      padding-left: 15px;
      color: #000; 
      float: right;
      padding-top:5px;
  }

  .nav__menu .dropdown:hover>a:after {
      content: "\f106"
  }

  .nav__menu .dropdown .dropdown>a:after {
      content: "\f105"
  }

  .nav__menu .dropdown .dropdown:hover>a:after,
  .nav__menu .dropdown .dropdown>a:after {
      font-family: Font Awesome\ 5 Free;
      font-weight: 900;
      font-size: 17px;
      padding-left: 10px;
      color: #000
  }

  .nav__menu .dropdown .dropdown:hover>a:after {
      content: "\f105";
  }

  .nav__menu .dropdown .dropdown:hover>ul {
      position: absolute;
      top: 0;
      left: calc(100% - 15px);
      right: auto;
      opacity: 1;
      visibility: visible;
      width: 120%;
  }

  .nav__menu .dropdown .dropdown ul {
      position: absolute;
      top: 0; 
      left: calc(100% - 15px);
      right: auto;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      width: 120%;
  }
}

.nav__menu li a {
  font-size: 17px;
}

@media only screen and (max-width: 319.5px) { 
  .nav__mobile {

    padding: 0 15px;
  }

  .nav__logo img {
    width: 100px;
  }

  .menu-toggle.active {
    max-height: 100%;
    height: 100vh;
  }

  .nav__menu {
    align-items: center; 
    padding: 0 15px;
    align-items: flex-start;
    height: 100vh;
    background-color: #fff;
  }

  .navigation-wrap .fade:not(.show) {
    opacity: 1 !important;
  }

  .nav__menu li a {
    font-size: 1rem;
    justify-content: flex-start;
    gap: 10px;
    align-items: center; 
  }

  .nav__menu .dropdown>a:after { 
    position: relative;
  }
  .nav__menu .dropdown ul.show {
    max-height: 100%;
  }
    .menu-toggle.active, .nav__menu{
      overflow-y: scroll; 
  }
}

.nav__menu .dropdown.active>a:after {
    /*content: "\f106";*/
}
@media only screen and (min-width: 319px) and (max-width: 992px) { 
    .nav__menu .dropdown.active>a:after {
    content: "\f106";
}
        .prodapt-menu-logo {
        width: 75px !important;
        }
 .nav__menu li:last-child {
    padding: 1rem 1rem 0rem 0rem!important
}
  .nav__mobile {
    padding: 15px 15px;
    /*padding: 0 15px;*/
  }

  .nav__logo img {
    width: 100px;
  }

  .menu-toggle.active {
    max-height: 100%;
    height: 100vh;
  }

  .nav__menu {
    align-items: center; 
    padding: 0 15px;
    align-items: flex-start;
    height: 100vh;
    background-color: #fff;
  }

  .navigation-wrap .fade:not(.show) {
    opacity: 1 !important;
  }

  .nav__menu li a {
    font-size: 18px;
    justify-content: flex-start;
    gap: 10px;
    align-items: center; 
  }

  .nav__menu .dropdown>a:after { 
    position: relative;
        padding-left: 10px;
  }
  .nav__menu .dropdown .dropdown>a:after {
 
    padding-left: 10px;
    
  }
  .nav__menu .dropdown>a:after {
            color:#fff; 
                    font-size: 18px;
        /*padding-top: 7px;*/
                padding-top: 0;
        position: relative;
        top: 3px;
  }
  .nav__menu li a {
          color:#fff; 
                    font-size: 18px;
  }
  .nav__menu .dropdown li a {
       color:#fff; 
                    font-size: 18px;
  }
  .nav__menu .dropdown .dropdown>a:after {
              color:#fff; 
                    font-size: 18px;
        /*padding-top: 7px;*/
  }
  .nav__menu .dropdown .dropdown:hover>a:after, .nav__menu .dropdown .dropdown>a:after {
      top:2px;
  }
  .start-header, .start-header.scroll-on { 
    padding: 0px 0;
  }
  .nav__menu .dropdown ul.show {
    max-height: 100%;
  }
  .menu-toggle.active, .nav__menu {
      overflow-y: scroll; 
              transition: all 500ms ease-in;
  }
  .menu-toggle.active 
  {
      background-color:#000;
      color:#fff; 
  }
  .nav__menu {
       background-color:#000;
      color:#fff; 
              padding: 20px 15px;
                      transition: all 500ms ease-in;
  }
  .prodapt-menu-logo {
      width:100px;
      margin-top:-1rem;
  }
  .button.nav {
          background-color: #E82B2E;
    color: #ffffff;
  }
} 


/* Menu redesign style END divya 3-4-25 */



/* Success Stories Page style Divya 3-4-35 */
.success-stories-list-sec 
{
  position: relative;
  padding: 100px 100px;
  background-color: #E7E7E7;
}
.success-stories-col a {
  text-decoration: none;
  color: #000;
}
.success-stories-col .success-stories-card{
background-color: #fff;
}
.success-stories-col .success-story-badge-div {
  padding: 5px 20px;
  display: inline-block;
  background-color: #FDEAEB;
  border-radius: 20px;
  color: #000; 
  margin-bottom: 1rem;
}
.success-stories-col .success-story-badge-div p {
  margin-bottom: 0;
  color: #000; 
 
}
.success-stories-content-div {
  position: relative;
  padding: 30px 30px;
  background-color: #fff;
}
.success-stories-col:hover .success-stories-card {
  background-color: #E82B2E;
}
.success-stories-col:hover .success-stories-content-div {
  background-color: #E82B2E;
  color: #fff;
}
.success-stories-col:hover  .success-story-badge-div  { 
 
  background-color: #fd3c3f;
}
.success-stories-col:hover  .success-story-badge-div p {
  color: #fff;
}
.success-stories-col  h4 {
  color: #000;
  font-size: 30px;
}
.success-stories-col:hover h4 {
  color: #fff;
}
.success-stories-card{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
 .success-stories-col {
  margin-bottom: 2rem;
 }

 /* Success Stories Page style END Divya 3-4-35 */
 
 /* Contact Page Style Starts - 03-04-2025 */
.resources-banner-sec.community-inner-banner.contact-banner {
  text-align: left !important;
  margin-top: 5rem;
  height: auto;
}

.resources-banner-sec.community-inner-banner.contact-banner .banner-content h1 {
  width: 100%;
}

.resources-banner-sec.community-inner-banner.contact-banner .banner-content p {
  width: 65%;
  margin: 0 0 25px 25px;
  font-size: 17px;
  position: relative;
}

.resources-banner-sec.community-inner-banner.contact-banner .banner-content p::before {
  background-image: url('/wp-content/uploads/img/btn-arrow-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 5px;
  content: "";
  height: 20px;
  position: absolute;
  width: 8px;
  z-index: 0;
  left: -20px;
}

.contact-banner-form-div {
  background-color: #fff;
  padding: 3rem 4rem;
}

.contact-banner-form-div h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.contact-banner-form-div label {
  color: #000;
  font-size: 16px;
}

.contact-banner-form-div a,
.contact-banner-form-div a:hover {
  text-decoration: none;
  color: #E82B2E;
}

.contact-banner-form-div .form-control {
  border: 1px solid #000000;
  border-radius: 0px;
  height: 50px;
}

.contact-banner-form-div .form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -2.25rem;
  width: 20px;
  height: 20px;
  padding-right: 1rem;
}

.contact-banner-form-div .form-check-label {
  margin-left: 1rem;
}

.contact-banner-form-div .sdlc-red-button {
  background-color: #000000;
  color: #fff;
  font-size: 20px;
  /*margin-top: 2rem;*/
}

.contact-banner-form-div .sdlc-red-button:hover {
  color: #fff;
}

.contact-banner-form-div .sdlc-red-button:before {
  background-color: #E82B2E;
}
.map-card .sdlc-red-button.black-button:before {
  background-color: #E82B2E;
}

.input-group-text {
  background-color: #E82B2E;
  border: 1px solid #000000;
  border-radius: 0px;
  padding: 5px 15px;
}

.input-group-text img {
  width: 18px;
  height: 18px;
}

.contact-banner-form-div .form-control.border-left-none {
  border-left: 0px;
  padding-left: 1rem;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.contact-map-section {
  position: relative;
  padding: 150px 150px 75px;
}

.map-div {
  position: relative;
  padding: 2rem 0rem;
}

.map-div .nav-tabs {
  border: none;
}

.map-div .nav-tabs .nav-link {
  background: none;
  border: none;
  border-radius: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 0;
}

.map-div .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #e82b2e;
}

.light-grey-bg-address-card {
  background-color: #E9EBE9;
}

.map-div .tab-content {
  padding-top: 5rem;
}

.address-card {
  padding: 3rem 2rem 10px;
}

.address-card h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.address-card .sub-title {
  margin-bottom: 1rem;
}

.map-card {
  position: relative;
}

.map-card .sdlc-red-button {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 10px 30px;
  width: auto;
}

.map-card .sdlc-red-button.black-button {
  background-color: #000000;
}

.map-div .tab-container .row {
  margin-bottom: 2rem;
}

.choices {
  color: #000;
}

.choices__list--multiple .choices__item {
  background-color: #e82b2e !important;
  border: 1px solid #e82b2e !important;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  border-left: 1px solid #ffffff !important;
}

.custom-dropdown {
  position: relative;
  width: 100%;
}

.custom-dropdown::after {
  content: '';
  background-image: url('/wp-content/uploads/img/contact/dropdown.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 99;
  width: 15px;
  height: 100%;
}

.error {
  color: #e82b2e !important;
  padding-top: 5px;
}

.spinner-border {
  border: 5px solid rgb(0 0 0);
  width: 1.5rem;
  height: 1.5rem;
}

.form-btn-div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 1rem;
}

#loading-text {
  color: #000;
}

.home-solution-badge-div {
    /*padding: 6px 15px;*/
    display: inline-flex;
    /*background-color: #fff;*/
    /*border-radius: 50px;*/
    color: #c9c9c9;
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: normal;
}

.home-solution-badge-div p {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}

.lead-care-modal.modal-dialog a,
.lead-care-modal.modal-dialog a:hover {
  color: #e82b2e;
  text-decoration: none;
}

/*menu feedbacks design changes divya 4-4-25*/
.nav__menu li a {
    cursor:pointer;
}
.nav__menu li a:hover, .nav__menu .dropdown .dropdown:hover>a:after, .nav__menu .dropdown:hover>a:after {
      color: #E82B2E !important;
}
.res-footer-link:hover {
    color: #000 !important;
    text-decoration:none;
}
.success-stories-new-card:hover {
        background-color: #E82B2E;
}
.codemaverick-slidericon-card img {
    width:100%;
}
 .nav__menu .dropdown .dropdown:hover>a:after, .nav__menu .dropdown .dropdown>a:after {
             padding-top: 0px;
             position:relative;
             top:2px;
 }
 .nav__menu li  .nav-btn-div a:hover {
      color:#fff!important;
 }
 .nav-btn-div a:hover {
     color:#fff!important;
 }
 
 
 /*Divya UI feedback issues fix - 7-4-25*/
 
 .gdm-nav-tab-container h5 {
             font-family: "KareliaWeb-Regular", sans-serif;
 }
 .sdlc-card-div.new-churn-card-div {
     /*height: 126px;*/
    display: flex;
    align-items: center;
    justify-content: center;
 }
 button.faq-list-item__title:hover,  button.faq-list-item__title:focus {
     color:#000;
 }
.prodapt-menu-logo {
        width: 85px;
    padding-top: 5px;
}
.nav__menu li:last-child {
    padding: 1rem 0 1rem 1rem;
}
 
 @media only screen and (max-width: 319.5px) {
     .prodapt-menu-logo {
        width: 70px;
     }
          .bg-video {
        position: absolute;
        object-fit: cover;
        top: 0rem;
        left: 0;
        width: 100%;
        height: 100%;
    }
     .res-footer-links {
            margin-bottom: 10px;
    padding-top: 0px;
    }
        .gdm-nav-tab-container h5 {
        font-size: 15px;
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .sdlc-card-div.active {
    height: 300px;
    }
    .left-content-div p {
    text-align: center;
    width: 100%;
}
   .codemaverick-slidericon {
        display: flex; 
        align-items: flex-end;
        text-align: center;
        gap: 15px;
        height: 100%;
        flex-direction: row;
        justify-content: center;
    }
        .codemaverick-slidericon-card {
        padding: 0;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 50px;
    }
    .codemaverick-slidericon-card img {
    width: 100%;
}
.footer-first-link {
        padding-top: 10px;
}
.ask-page-banner-video, .churn-page-banner-video {
        padding-top: 30px;
}
.lead-care-page-div.ai-ready-row .col-md-6 .ai-ready-content-div h1 {
        max-width: 92%;
}
 .lead-care-modal-body .container-fluid{
     padding:0px 0px;
 }
  .lead-care-modal.modal-dialog {
    max-width: 90%; 
    margin: 1rem auto;
}
.lead-care-modal-body h4 {
    font-size:17px;
}
 }
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
      .prodapt-menu-logo {
        width: 75px;
     } 
        .bg-video {
        position: absolute;
        object-fit: cover;
        top: 0rem;
        left: 0;
        width: 100%;
        height: 100%;
    }
     .res-footer-links {
            margin-bottom: 10px;
    padding-top: 0px;
    }
        .gdm-nav-tab-container h5 {
        font-size: 15px;
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .sdlc-card-div.active {
    height: 300px;
    }
    .left-content-div p {
    text-align: center;
    width: 100%;
}
    .codemaverick-slidericon {
        display: flex;
        align-items: flex-end;
        text-align: center;
        gap: 15px;
        height: 100%;
        flex-direction: row;
        justify-content: center;
    }
        .codemaverick-slidericon-card {
        padding: 0;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 50px;
    }
    .codemaverick-slidericon-card img {
    width: 100%;
}
.footer-first-link {
        padding-top: 10px;
}
.ask-page-banner-video, .churn-page-banner-video{
        padding-top: 30px;
}
.lead-care-page-div.ai-ready-row .col-md-6 .ai-ready-content-div h1 {
    max-width: 69%;
}
 .lead-care-modal-body .container-fluid{
     padding:0px 0px;
 }
 .lead-care-modal.modal-dialog {
    max-width: 90%; 
    margin: 1rem auto;
}
.lead-care-modal-body h4 {
    font-size:19px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .footer-btn {
 
    width: 150px;
    }
    .codemaverick-slidericon {
            padding-left: 15px;
    }
     .codemaverick-slider-sec .brownfield-superhero-swiper .swiper-slide {
        padding: 20px 20px;
    }
      .lead-care-modal.modal-dialog {
    max-width: 600px;  
}
    }
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
      .footer-btn {
 
    width: 190px;
    }
    .codemaverick-slidericon {
            padding-left: 15px;
    }
        .codemaverick-slider-sec .brownfield-superhero-swiper .swiper-slide {
        padding: 20px 20px;
    }
}
 

.slider-card h6 a,
.slider-card h6 a:hover {
    color: #E82B2E;
    text-decoration: none;
}


/* Search Page Before & After Image Animaition - 07-04-2025 */
.clip-comparison-container {
  position: relative;
  width: 100%;  
  height: 650px;
  overflow: hidden;
  cursor: ew-resize;
}

.clip-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.clip-image img {
  width: 100%;
  display: block;
}

.after-img {
  clip-path: inset(0 50% 0 0); 
  transition: clip-path 0.2s ease-out;
  z-index: 2;
}

.before-img {
  z-index: 1;
}

.clip-slider {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 633px;
  width: 50px;
  z-index: 10;
  pointer-events: none; 
}

.icv__control {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 100ms ease-out;
  pointer-events: auto;
}

.icv__control-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 15px;
  transform: translateX(-50%);
}

.icv__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid white;
  border-radius: 50%;
  backdrop-filter: blur(5px);
  box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 15px;
  transform: translate(-50%, -50%);
}

.icv__theme-wrapper {
  position: absolute;
  top: 49.8%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transform: translate(-50%, -50%);
}

.icv__arrow-wrapper svg {
  height: 20px;
  width: 20px;
  transform: scale(0.7);
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
}

.left-arrow svg {
  transform: scale(0.7) rotateZ(180deg);
}

.right-arrow svg {
  transform: scale(0.7);
}

 /* Thank You page design divya 7-4-25 */

.thank-you-page-sec { 
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center; 
  background-image: url('/wp-content/uploads/img/thankyou-banner.jpeg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  color: #fff;
} 
.thank-you-page-sec .overlay {
  background-color: rgba(0, 0, 0, .61);
  clear: float;
  height: 100%;
  left: 0;
  opacity: .7;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (max-width: 319.5px) {
     .thank-you-page-sec {
          height:400px;
      }
    }
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
      .thank-you-page-sec {
          height:450px;
      }
    
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
    .thank-you-page-sec .flex-center.col-md-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}





/* Thank You page redesign client requirements Divya 8-4-24 */
.thank-you-new-des {
  position: relative;
  background-color: #fff;
  padding: 100px 100px;
  margin-top: 3rem;
}
.thank-you-new-row 
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.thank-you-new-col {
  background: #fff;
  border-radius: 30px;
  display: inline-block; 
  position: relative; 
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  padding: 100px 100px;
}
.thank-you-top-head {
  text-align: center;
  border-bottom: 1px #000 dashed;
  padding-bottom: 2rem;
  width: 100%;
}
 
.thank-you-center-content {
  text-align: center;
  padding-top: 2rem;
  margin: 0 auto 2rem auto;
  width: 80%;
}
.thank-you-new-des:before { 
  background-color: #E82B2E;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 35%;
  position: absolute;
  width: 100%;
  z-index: 0;
  right: 0;
  left: 0;
}
.thankyou-icon {
  width: 80px;
  margin-bottom: 1rem;
}

.community-page-list-sec a:hover {
    text-decoration: none;
}


.nav__menu li .nav-btn-div a:hover {
    color: #fff !important;
    text-decoration: none;
}
.ember-view.collapse.show
{
        transition: 0.3s linear;
}
.faq-container button {
 
    transition: 0.3s linear;
}
.collapse.show .liquid-container.ember-view { 
    transition: 0.3s linear;
}



/* Resources Archieves Page Hover card bg color animation Divya 9-4-25 design changes*/

 
.resource-list-card-land:hover  .res-list-card-content h5 {
    color:#E82B2E;
}

.map-div .nav-tabs { 
    justify-content: space-evenly;
}

/* Country Code style */
.iti {
  position: relative !important;
  display: flex !important; 
  width: 100% !important; 
  align-items: center !important;
  /*z-index: 9999 !important;*/
}

/*.iti__country-list {*/
/*    z-index: 10000 !important;*/
/*    position: relative !important;*/
/*    white-space: normal !important;*/
/*}*/

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
  border: 1px solid #ced4da; 
  border-right: 0;
  height: calc(2em + 1rem + 2px);
  position: relative;
}

.contact-banner-form.banner-form .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
  border-right: 1px solid #000000;
  border-right: 0;
  height: auto;
  position: absolute;
  background: transparent;
}

.contact-banner-form.banner-form .iti__selected-flag {  
  padding: 0 10px 0 5px;
  border-right: 1px solid #000;
}

.contact-banner-form.banner-form .iti__country-name, .iti__flag-box {
  margin-right: 6px;
  color: #000;
}

.chalange-search-row {
        justify-content: center;
    align-items: flex-start;
}

.access-at-the-code-sec .common-heading-div p {
    text-align: justify;
}
.footer-link-title a, .footer-link-title a:hover, .footer-link-title a:focus {
       color: #E82B2E;
       text-decoration:none;
}

.home-banner-section.gdm-banner-sec.lead-to-care-banner .bg-video {
    width: 45%;
}

/*16-4-25 changes divya*/
.churn-banner-div-logos 
{
     position:relative; 
}
.churn-banner-div-logos .churn-banner-logo-div {
    position:relative;
}
.churn-banner-div-logos .churn-banner-logo-div::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    height: 100%;
    border-right: 1px solid #fff;
    
}
.churn-banner-div-logos .churn-banner-logo-div:last-child::after{
    display:none;
}
     .churn-banner-div-logos .churn-banner-logo-div.col.col-md-2  {
         padding:0px;
     }
     
     .slider-card h6 a:hover {
 
    text-decoration: underline;
}

/*30/05/2025*/
.resource-input-div {
    position:relative;
}
.autocomplete-suggestions {
   position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 10;
    display: block;
    text-align: left;
    overflow-y: auto;
    height: 200px;
    scrollbar-width: thin;
    scrollbar-color: rgb(255 255 255 / 73%) transparent;
}
.autocomplete-suggestions::-webkit-scrollbar {
    width: 6px;
    background: transparent; 
}

.autocomplete-suggestions::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2); 
    border-radius: 10px;
}

.autocomplete-suggestions::-webkit-scrollbar-track {
    background: transparent;
}

.page-btn.active {
    background-color: #dc3545;
    color: #fff;
    border: none;
}

.page-btn {
    min-width: 36px;
    border-radius: 50px;
    border: 1px solid #000;
    background: #fff;
}

.prev-btn {
   background: #000;
   color: #fff;
   padding: 10px 20px;
   border-radius: 0px;
}

.prev-btn:hover, .next-btn:hover{
    color: #fff;
}

.next-btn {
   background: #000;
   color: #fff;
   padding: 10px 20px;
   border-radius: 0px;
}


/* New Partner Section divya 6-6-25 */
.partner-new-sec {
        position: relative;
    background-color: #000000; 
    padding: 100px 110px 100px 110px;
}
.partner-new-sec .img-parallax.img-triangle-1 {
    top: -45%;
    left: 0%;
    z-index: 999; 
}
.partner-new-sec video {
    
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.partners-logo-container { 
        margin-bottom: 12rem;
}
.partners-logo-container .btn-row {
    padding-top:3rem;
}
.partners-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*gap: 1rem;*/
    height: 100%;
}
 

.partners-logo-card { 
    margin-right:1rem;
    padding: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.partners-logo-row .partners-logo-card img {
    width:100%;
}
.partners-logo-row .partners-logo-card:nth-child(1) img, .partners-logo-row .partners-logo-card:nth-child(3) img {
    width:100%;
}
.partners-logo-row .partners-logo-card:nth-child(2) img  {
    width:100%;
}
/* New Partner Section resposiveness divya 6-6-25 */
@media only screen and (max-width: 319.5px) { 
    .partner-new-sec video {
        display: none;
    }
      .partner-new-sec { 
    padding: 15px 5px;
}
.partners-logo-container .btn-row
 
 {
    padding-top: 15px;
}

.btn-row {
    margin-top: 15px;
}
.partners-logo-card {
    padding: 0rem;
}
.partners-logo-container {
    margin-bottom: 1rem;
}
.partners-logo-card {
    margin-right: 0rem;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    
    .partner-new-sec video {
        display: none;
    }
    .partner-new-sec { 
    padding: 15px 5px;
}
.partners-logo-container .btn-row
 
 {
    padding-top: 15px;
}

.btn-row {
    margin-top: 15px;
}
.partners-logo-card {
    padding: 0rem;
}
.partners-logo-container {
    margin-bottom: 1rem;
}
.partners-logo-card {
    margin-right: 0rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
        .partners-logo-container {
    margin-bottom: 0rem;
}
.partners-logo-row {
        padding-top: 3rem;
}
.partners-logo-card {
    padding: 0rem;
}
.partner-new-sec .img-parallax.img-triangle-1 {
        width: 15%;
                top: -10%;
    }
.partner-new-sec video {
        display: none;
    }
    .partner-new-sec
 {
    padding: 30px 40px 60px 40px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    
    .partners-logo-container {
    margin-bottom: 0rem;
}
.partners-logo-row {
        padding-top: 3rem;
}
.partners-logo-card {
    padding: 0rem;
}
.partner-new-sec .img-parallax.img-triangle-1 {
    top: -30%;
    left: 0%;
    z-index: 2;
    width: 20%;
}
}
@media only screen and (min-width: 1281px) and (max-width:1440px) { }
@media only screen and (min-width: 1600px) and (max-width: 1823px) { }
@media only screen and (min-width: 1824px) and (max-width: 1920px) {}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
        .partner-new-sec {
  
    padding: 150px 110px 150px 110px;
    height:90vh;
       display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.partners-logo-container
 {
    margin-bottom: 12rem;
}
    
}
@media only screen and (min-width: 2561px) and (max-width: 3840px ) {
    .partner-new-sec {
  
    padding: 150px 110px 150px 110px;
       height:90vh;
          display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.partners-logo-container
 {
    margin-bottom: 20rem;
}
} 
@media only screen and (min-width: 3841px) and (max-width: 6144px ) {
        .partner-new-sec 
 {
 padding: 20rem 10rem 20rem 10rem; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
       height:90vh;
}
.partners-logo-card {
    padding: 3rem;
}
.partners-logo-container .btn-row {
    padding-top:5rem;
}
.partners-logo-container
 {
    margin-bottom: 30rem;
}
    
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .partner-new-sec 
 {
         padding: 20rem 10rem 20rem 10rem; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
       height:90vh;
}
.partners-logo-card {
    padding: 5rem;
}
.partners-logo-container .btn-row {
    padding-top:15rem;
}
.partners-logo-container
 {
    margin-bottom: 40rem;
}
}

/* New Partner Section divya 6-6-25  end */

.myCustomSwiper .swiper-wrapper  {
       align-items: center;
}
.myCustomSwiper .swiper-wrapper .swiper-slide img {
    width:100%;
}

/*09-06-2025*/
.partner-new-sec .partners-list {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.partner-new-sec .partners-list__marquee {
    display: flex;
    white-space: nowrap;
    position: relative;
    animation: scroll-marquee 30s linear infinite;
}

.partner-new-sec .partners-box {
    flex: 0 0 auto;
    margin-right: 20px;
}

.enterprises-section.home .partners-list__marquee {
    animation: scroll-left-2 30s linear infinite;
}

/* Keyframes */
@keyframes scroll-left-2 {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes scroll-marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

 /*Thought Leadership page design divya 11-6-25*/
 .thought-leadership-video-sec.product-tour-list-sec {
     background-color:#fff;
     background-image:none;
 }
 .thought-leadership-video-row {
     position:relative;
 }
 .thought-leadership-video-row  .video-icon-img-div {
     text-align:center;
 }
 .thought-leadership-video-row   .video-icon-img-div img{
    width:50%;
 }
 .thought-leadership-video-row   .product-tour-video-card .common-paragraph { 
     margin:1.5rem 0;
 }
 
  /*Thought Leadership page design responsive divya 11-6-25*/
 @media only screen and (max-width: 319.5px) {
      .thought-leadership-video-row   .product-tour-video-card .common-paragraph {
  
     margin:1rem 0;
 }
    .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
     
 }
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
     .thought-leadership-video-row   .product-tour-video-card .common-paragraph {
  
     margin:1rem 0;
 }
    
       .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
    .thought-leadership-video-row   .product-tour-video-card .common-paragraph {
 
     margin:1rem 0;
 }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) { 
    .thought-leadership-video-row   .product-tour-video-card .common-paragraph {
 
     margin:1rem 0;
 }
}
@media only screen and (min-width: 1281px) and (max-width:1440px) { 
    .thought-leadership-video-row   .product-tour-video-card .common-paragraph {
  
     margin:1.5rem 0;
 }
}
@media only screen and (min-width: 1600px) and (max-width: 1823px) { 
     .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {
      .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}
@media only screen and (min-width: 1920px) and (max-width: 2560px) { 
      .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}
@media only screen and (min-width: 2561px) and (max-width: 3840px ) {
      .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
} 
@media only screen and (min-width: 3841px) and (max-width: 6144px ) { 
      .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
      .thought-leadership-video-row   .video-icon-img-div img{
    width:100%;
 }
}



/*decode page and resource card issue */
.resource-list-card {
    
     gap: initial!important;   
     justify-content:normal!important;  
}
.res-list-card-img {
    height:auto;
    margin-bottom:1rem;
}
.res-list-card-content {
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.resource-page-list-row.lands-row .res-list-card-img {
    height: auto;
}

@media only screen and (max-width: 319.5px) { 
    .res-list-card-img {
    height: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) { 
    .res-list-card-img {
    height: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
    .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon{
        width: auto!important;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
   .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon {
        width: auto!important;
    }
}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .archives-page-list-sec .resource-list-card {
        height: 700px;
    }
        .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon {
        width: auto!important;
    }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon {
        width: 50%!important;
    }
}
 @media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon {
      width: 50%!important;
    }
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .resource-list-card .res-red-icon, .resource-list-card:hover .res-hover-icon {
 width: 50%!important;
    }
}

/*Blogs Hyperlinks styles-12-06-2025*/
.resources-gen-ai-content-div h2 a {
    color: inherit;
    text-decoration: underline;
}

.resources-gen-ai-content-div .common-paragraph a {
    color:#000;
    text-decoration: underline;
}

.resources-gen-ai-content-sec h2 a {
    color: inherit;
    text-decoration: underline;
}

.resources-gen-ai-content-sec .common-paragraph a {
    color: inherit;
    text-decoration: underline;
}

.sdlc-page-new-btn-row .synapt-new-button {
    width:auto;
}


/* Blogs and thought leadership banner height issue 12-6-25*/
  .resources-banner-sec, .product-tour-banner-sec { 
        height: 70vh!important; 
            margin-top: 5rem;
    }


@media only screen and (max-width: 319.5px) { 
     .resources-banner-sec, .product-tour-banner-sec {
        padding: 20px 15px;
        height: 250px!important;
        margin-top: 60px;
    }
    .sdlc-page-new-btn-row {
            align-items: center;
    justify-content: center;
    }
.sdlc-page-new-btn-row .col-md-5 {
            margin-bottom: 1rem;
    width: auto;
    }
    .sdlc-page-new-btn-row .synapt-new-button {
    width: 100%;
    }
    .resource-page-list-sec.archives-page-list-sec .res-list-card-img {
            width: 100%!important; 
    align-items: center;
    justify-content: center;
    display: flex;
    }
    
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) { 
    
        .resources-banner-sec, .product-tour-banner-sec {
        padding: 20px 15px;
        height: 250px!important;
        margin-top: 60px;
    }
    .sdlc-page-new-btn-row {
            align-items: center;
    justify-content: center;
    }
.sdlc-page-new-btn-row .col-md-5 {
            margin-bottom: 1rem;
    width: auto;
    }
    .sdlc-page-new-btn-row .synapt-new-button {
    width: 100%;
    }
    .resource-page-list-sec.archives-page-list-sec .res-list-card-img {
            width: 100%!important; 
    align-items: center;
    justify-content: center;
    display: flex;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .resources-banner-sec, .product-tour-banner-sec {
    height: 50vh !important;
    margin-top: 3rem;
}
.sdlc-page-new-btn-row .col-md-5 {
            -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
}
.sdlc-page-new-btn-row .synapt-new-button {
    width: auto; 
    padding: 5px 5px;
    font-size: 15px;
}
    .resource-page-list-sec.archives-page-list-sec .res-list-card-img {
            width: auto!important; 
    }
     .resource-page-list-sec.archives-page-list-sec .res-list-card-img img{
      width: auto!important; 
    }
    .archives-page-list-sec .resource-list-card:hover .res-list-card-content h5
 
 {
        font-size: 1.5rem!important; 
    }
    
}
@media only screen and (min-width: 1024px) and (max-width: 1279.99px) { 
    .resources-banner-sec, .product-tour-banner-sec {
    height: 50vh !important;
    margin-top: 3rem;
}
.sdlc-page-new-btn-row .col-md-5 {
            -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
}
.sdlc-page-new-btn-row .synapt-new-button {
 
        padding: 5px 10px;
}
 .resource-page-list-sec.archives-page-list-sec .res-list-card-img {
            width: auto!important; 
    }
     .resource-page-list-sec.archives-page-list-sec .res-list-card-img img{
      width: auto!important; 
    }
 
     .archives-page-list-sec .resource-list-card:hover .res-list-card-content h5
 
 {
        font-size: 1.75rem!important; 
    }
        .archives-page-list-sec .resource-list-card {
        height: 100%!important; 
    }
}
@media only screen and (min-width: 1280px) and (max-width:1440px) {
    .sdlc-page-new-btn-row .synapt-new-button {
 
     padding: 5px 10px;
}
    .resources-banner-sec, .product-tour-banner-sec {
    height: 60vh !important;
    margin-top: 3rem;
}
.sdlc-page-new-btn-row .col-md-4 {
            -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
}
 .resource-page-list-sec.archives-page-list-sec .res-list-card-img {
            width: auto!important; 
    }
     .resource-page-list-sec.archives-page-list-sec .res-list-card-img img{
      width: auto!important;  
    }
     .archives-page-list-sec .resource-list-card:hover .res-list-card-content h5
 
 {
        font-size: 1.75rem!important; 
    }
}

 
/* Industry Solutions Landing Page Design Divya 12-6-25 */
.banner-powered-by-div {
        position: relative;
    margin-top: 2rem;
}
.banner-powered-by-card {
    position: relative;
    background-color: #1C1C1C;
    padding: 1rem;
      margin-top: 1rem;
}
.banner-powered-by-row {
        display: flex;
    align-items: center;
    justify-content: center;
}
.banner-powered-by-row .banner-powered-by-logo {
        margin-right: 1rem;
}
.banner-powered-by-row .banner-powered-by-logo::last-child {
        margin-right: 0rem;
}
.salesforce-sec.white-bg.customer-testimonials-sec .salesforce-card {
 
    transition: all 0.5s ease;  
}

.salesforce-sec.white-bg.customer-testimonials-sec .salesforce-card:hover { 
    transform: translateY(-10px);  
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.salesforce-sec.white-bg.customer-testimonials-sec .salesforce-card p {
        width: 100%;
    font-size: 1.15rem;
    position:relative;
}
.salesforce-sec.white-bg.customer-testimonials-sec .salesforce-card:hover p {
     font-size: 1.5rem;
}
.salesforce-sec.white-bg.customer-testimonials-sec .salesforce-card:hover p::before {
    background-image: url(./../img/btn-arrow-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 5px;
    content: "";
    height: 30px;
    position: absolute;
    width: 15px;
    z-index: 0;
    left: -30px;
}
.salesforce-card-row {
        justify-content: center;
}

   section#agentic-enterprise-section {
  background-color: #000000;
  padding: 100px 100px;
  background-image: url(../img/banner-animation.gif);
	color: #fff;
	overflow-x: hidden;
}

 

section#agentic-enterprise-section .buttons {
	max-width: 1150px;
	margin: auto;
	padding: 2rem 0;
	display: flex;
	justify-content: space-between; 
	    z-index: 9;
    position: relative;
}

 
 


section#agentic-enterprise-section .buttons button {
	width: 100%;
	margin: 1rem 0.75rem;
	display: flex;
	flex-direction: column;
     background-color: transparent;
    outline: none;
    box-shadow: none;
        border: none;
	transition: color 0.3s;
	cursor: pointer;
		color: #fff;
		text-align:left;
		font-size:1.25rem;
}

 

section#agentic-enterprise-section .buttons button:before {
	content: "";
	height: 2px;
	width: 100%;
	margin-bottom: 1rem;
	background-color: #919191;
	transition: background-color 0.3s
}

section#agentic-enterprise-section .buttons button.current,
section#agentic-enterprise-section .buttons button:hover {
	color: #E82B2E;
}

section#agentic-enterprise-section .buttons button.current:before,
section#agentic-enterprise-section .buttons button:hover:before {
  background-color:#E82B2E;
}

section#agentic-enterprise-section .cube--container {
	position: relative;
	height: 750px;
}

 
	 
 

section#agentic-enterprise-section .perspective {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	  transform: translate(-50%, -50%);
	   margin: 0;
 
}

 

section#agentic-enterprise-section .cube,
section#agentic-enterprise-section .cube:after,
section#agentic-enterprise-section .cube:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	pointer-events: none
}
section#agentic-enterprise-section  {
      overflow:hidden;  
}
.cube--container {
    position: relative;
	   background-image: url('/wp-content/uploads/img/industry-solutions/vector-grey-bg.png')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto; 
    width:100%;
}
section#agentic-enterprise-section .cube {
	position: relative; 
	transform: translateZ(100%);
	transform-style: preserve-3d;
	transition: 0.25s
}

section#agentic-enterprise-section .cube:after {
	background-color: rgba(255, 255, 255, 0.2);
	background-image: linear-gradient(45deg, rgba(55, 55, 55, 0.7), transparent);
	transform: rotateX(-90deg) translateY(100%);
	transform-origin: 100% 100%
}

section#agentic-enterprise-section .cube:before {
	background-color: rgba(200, 200, 200, 0.3);
	background-image: linear-gradient(245deg, rgba(55, 55, 55, 0.9), transparent);
	transform: rotateY(90deg) translateX(100%);
	transform-origin: 100% 0
}

section#agentic-enterprise-section .cube--section,
section#agentic-enterprise-section .cube--section-top,
section#agentic-enterprise-section .cube--section-left,
section#agentic-enterprise-section .cube--section-right {
	position: absolute;
	height: 100%;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
	color: #000; 
	transform: scale(0.8);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

section#agentic-enterprise-section .cube--section {
	/*background-color: #fff;*/
	transform-style: preserve-3d;
	transition: box-shadow 0.4s, background-size 0.2s;
	cursor: pointer;
	pointer-events: all
}


section#agentic-enterprise-section .cube--section.disabled {
	cursor: default
}

section#agentic-enterprise-section .cube--section-top {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 40%;
	box-shadow: none;
	transform-style: preserve-3d;
	transform: scale(1);
	transition: box-shadow 0.4s, background-size 0.2s, opacity 0.2s;
	opacity: 1;
	pointer-events: all
}

 
section#agentic-enterprise-section .cube--section img.cube-img-active {
    display:none;
}
section#agentic-enterprise-section .cube--section img {
    width:100%;
}
section#agentic-enterprise-section .cube--section.current img.cube-img-active{
    display:block;
}
section#agentic-enterprise-section .cube--section.current img.cube-img-default{
    display:none;
}
    /*transform: scale(0.8) translateX(20rem) !important;*/
section#agentic-enterprise-section .cube--section:nth-child(1) {
  transform: scale(0.8) translateX(-100px) translateY(-50px);
}

section#agentic-enterprise-section .cube--section:nth-child(2) {
  transform: scale(0.8) translateX(-20px) translateY(-25px);
}

section#agentic-enterprise-section .cube--section:nth-child(3) {
  transform: scale(0.8) translateX(60px) translateY(0px);
}

section#agentic-enterprise-section .cube--section:nth-child(4) {
  transform: scale(0.8) translateX(140px) translateY(25px);
}

section#agentic-enterprise-section .cube--section:nth-child(5) {
  transform: scale(0.8) translateX(170px) translateY(50px);
}
 
section#agentic-enterprise-section .cube--content--slide {
	margin-bottom: 2.5rem;
	display: flex;
	flex-direction: column
}

 
	section#agentic-enterprise-section .cube--content--slide {
		margin-top: 30px;
		display: none
	}
 

section#agentic-enterprise-section .cube--content--slide.current {
	display: flex
}

section#agentic-enterprise-section .cube--content h1{
      font-size: 1.75rem;
    margin-bottom: 2rem;
    font-weight: bold;
}
 section#agentic-enterprise-section .cube--content h2 {
     	color: #E82B2E;
     	font-size:1.5rem;
     	font-weight:bold;
 }

@keyframes arrow-right {
    0% { transform: translateX(0); }
    100% { transform: translateX(8px); }
}
section#agentic-enterprise-section .cube--content .cube--slide-link .right-arrow {
	height: 12px;
	width: 20px;
	margin-left: 1rem;
	transition: 0.3s all
}
.cube--section.current {
        /*background-color: #E82B2E!important;*/
} 
 .cube--section.current .cube--section-left,  .cube--section.current .cube--section-right {
        /*background-color: #E82B2E!important;*/
        color:#fff!important;
}
.grid-x{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

/* Our Industry Solutions Section */
.our-industry-solutions-sec {
    position:relative;
    padding:100px 0px;
    background-color:#fff;
}
.our-industry-solutions-swiper-container {
     position:relative;
     padding:50px 0px 50px 100px;
}
.our-industry-solutions-swiper-card {
        position: relative;
        padding:2px;
   
}
.our-industry-solutions-swiper-card .row {
       display: flex;
    /*align-items: center;*/
    justify-content: center; 
}
.our-industry-solutions-swiper-card-img {
    padding-top:2rem;
}
.our-industry-solutions-swiper-card-head h4 {
    font-size:1.75rem;
    font-weight:bold; 
    margin-bottom:1rem;
    color:#F7CA50;
}
.our-industry-solutions-swiper-card-content {
    padding-top:1rem;
}
.our-industry-solutions-swiper-card-content ul {
        margin: 0;
    padding: 0px 0px 15px 0px;
}
.our-industry-solutions-swiper-card-content li {
        position: relative;
    list-style: none;
    padding-left: 2rem;
    margin-bottom:1rem;
}
.our-industry-solutions-swiper-card-content li::before {
    background-image: url(/wp-content/uploads/img/list-active-svg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 2px;
    content: "";
    height: 20px;
    position: absolute;
    width: 12px;
    z-index: 0;
    left: auto;
    left: 0px;
}
.our-industry-solutions-swiper .swiper-slide {
  background-color: #1c1c1c;
    color: #fff;
     padding: 30px 30px;
    height: auto!important;  
}
.our-industry-para {
    /*padding-bottom:30px;*/
}
.customer-testimonials-card-container {
    position:relative;
}
.customer-testimonials-card-row {
    position:relative;
        align-items: center;
    justify-content: center;
}
.customer-testimonials-card-div {
        position: relative;
    background-color: #fff;
    padding: 2.5rem 2.5rem 5rem 2.5rem;
    border-radius: 20px;
    color:#fff;
      margin-top: 1.5rem;
}
.customer-testimonials-card-div h3 {
      font-size: 2rem;
    text-align: center;
    line-height: normal;
    margin-bottom: 1.5rem;
}
.customer-testimonials-card-div  p { 
 text-align: center;
    line-height: normal;
    width: 75%;
    margin: 0 auto;
}
.customer-testimonials-card-div .common-paragraph.italic {
        font-style: italic;
           width: 100%;
    text-align: right;
    margin-top: 1.5rem;
    color:#000;
}
.bottom-circle-img {
        position: absolute;
    bottom: -2rem;
    right: 0;
    left: 0;
    text-align: center;
}
.bottom-circle-img  img {
        width: 10%;
}
.testi-center-botton-div { 
    position: relative;
    margin-top: 5rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
 /*Home Page top strip header style*/
.navigation-wrap {
    flex-direction: column;
    padding: 0 0 0px 0;
}

.webinar-title {
    margin-right: 5px;
    font-weight: bold;
}

.top-strip-header {
    position: relative;
    width: 100%;
    background-color: #0A4B89;
    color: #fff;
    padding: 5px 0px;
}

.top-strip-div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 95%;
}

.top-strip-div .common-paragraph {
    margin-bottom: 0px;

}

.top-strip-div img {
    width: 20px;
    margin-left: 10px;
}

.top-strip-div a {
    color: #fff;
    margin-right: 10px;
    margin-left: 10px;
}

.top-strip-div p a {
    cursor: pointer !important;
}

.top-strip-div p a:hover,
.top-strip-div p a:focus {
    text-decoration: underline !important;
    cursor: pointer !important;
}


.top-strip-div.marquee-container-new {
    position: relative;
    display: flex;
    width: 100%;
    top: 0;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.webinar-banner .banner-content p {
    margin: 0 0 1rem !important;
}

.link-text-new {
    color: #F7CA50 !important;
    color: #F7CA50 !important;
    margin: 0px 5px !important;
}

.top-strip-div.marquee-container-new .marquee-text-new {
    position: relative;
    /*animation: marquee-left-to-right 30s linear infinite; */
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.top-strip-header .row {
    display: flex;
    width: 100%;
    justify-content: center;
    animation: marquee-left-to-right 60s linear infinite;
}

@keyframes marquee-left-to-right {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-70%);
    }
}



.resources-banner-sec.community-inner-banner.contact-banner {

    height: auto !important;
}

.home-banner-section {

    margin-top: 5rem;
}

/* Home page stripe design responsive style start */
@media only screen and (max-width: 319.5px) {

    .top-strip-div.marquee-container-new {
        flex-direction: row !important;
        justify-content: flex-start;
        white-space: nowrap;
        width: 100%;
    }

    .top-strip-div.marquee-container-new .marquee-text-new {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 15px;
        font-size: 10px;
        width: auto !important;
    }

    .top-strip-div a {
        margin-right: 5px;
        margin-left: 5px;
    }

    .top-strip-div img {
        width: 12px;
        margin-left: 7px;
    }

    .top-strip-header .row {
        white-space: nowrap;
        animation: scroll-left-to-right 30s linear infinite;
    }

    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {
        margin-top: 60px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {


    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {
        margin-top: 60px;
    }

    .top-strip-div.marquee-container-new {
        flex-direction: row !important;
        justify-content: flex-start;
        white-space: nowrap;
        width: 100%;
    }

    .top-strip-div.marquee-container-new .marquee-text-new {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 15px;
        font-size: 10px;
        width: auto !important;
    }

    .top-strip-div a {
        margin-right: 5px;
        margin-left: 5px;
    }

    .top-strip-div img {
        width: 12px;
        margin-left: 7px;
    }

    .top-strip-header .row {
        white-space: nowrap;
        animation: scroll-left-to-right 30s linear infinite;
    }

}

@keyframes scroll-left-to-right {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-80%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {

    .top-strip-div a {
        margin-right: 5px;
        margin-left: 5px;
    }

    .top-strip-div .common-paragraph {
        font-size: 10px;
    }

    .top-strip-div.marquee-container-new .marquee-text-new {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .top-strip-div.marquee-container-new .marquee-text-new {
        margin-right: 15px;
    }

    .top-strip-div .common-paragraph {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .top-strip-div.marquee-container-new .marquee-text-new {
        margin-right: 25px;
    }

    .top-strip-div .common-paragraph {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .top-strip-header {

        padding: 10px 0px;
    }

    .top-strip-div img {
        width: 25px;
        margin-left: 10px;
    }

    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {

        margin-top: 4rem;
    }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .webinar-title {
        margin-right: 10px;
    }

    .top-strip-header {

        padding: 20px 0px;
    }

    .top-strip-div img {
        width: 60px;
        margin-left: 10px;
    }

    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {

        margin-top: 4rem;
    }
}

@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .webinar-title {
        margin-right: 15px;
    }

    .top-strip-header {

        padding: 3rem 0rem;
    }

    .top-strip-div img {
        width: 90px;
        margin-left: 10px;
    }

    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {

        margin-top: 5rem;
    }
}

@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .webinar-title {
        margin-right: 15px;
    }

    .top-strip-header {

        padding: 3rem 0rem;
    }

    .top-strip-div img {
        width: 90px;
        margin-left: 10px;
    }

    .resources-banner-sec,
    .product-tour-banner-sec,
    .home-banner-section {

        margin-top: 6rem;
    }
}
.thought-leadership-video-row .product-tour-video-card .common-paragraph {
        text-align: left !important;
}


/* Industry Page responsive */
.banner-powered-by-row .banner-powered-by-logo:last-child {
        margin-right: 0px;
}
 .enterprises-section.industry-page-sec {  
        margin-bottom: 0rem;
    }
     .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
 
        top: 3rem;
        }
        .our-industry-solutions-swiper .swiper-slide {
                display: flex;
    flex-direction: column;
    justify-content: space-between;
        }
@media only screen and (max-width: 319.5px) { 
        .our-industry-solutions-swiper-card .row {
      
    align-items: center; 
}
.our-industry-solutions-swiper-card-img {
    padding-top:0rem;
}
        .banner-powered-by-card { 
    padding: 5px 1rem;
    }
     .enterprises-section.industry-page-sec { 
                 padding: 30px 10px;
        margin-bottom: 0rem;
    }
    .customer-testimonials-card-div {
 
    padding: 1rem; 
    margin-top: 1rem;
}
.customer-testimonials-card-div h3 {
    font-size: 1.02rem; 
    margin-bottom: 1rem ;
}
.customer-testimonials-card-div p { 
    width: 100%;
}
.bottom-circle-img { 
    bottom: -1rem;
    
}
.testi-center-botton-div { 
    margin-top: 3rem;
}
section#agentic-enterprise-section {
     padding: 30px 10px;
}
.cube--container-col {
    display:none;
}
.our-industry-solutions-sec { 
    padding: 30px 0px;
}
section#agentic-enterprise-section .cube--content--slide {
    margin-top: 10px;
}
section#agentic-enterprise-section .row:nth-child(2) .col-md-12 {
        padding: 0;
}
section#agentic-enterprise-section .buttons button {
    
    margin: 5px 0px; 
    font-size: 10px;
}
section#agentic-enterprise-section .cube--content h1 
 {
    font-size: 1.04rem;
    margin-bottom: 1rem;
 }
 section#agentic-enterprise-section .cube--content h2 { 
    font-size: 1.015rem;
}
section#agentic-enterprise-section .cube--content--slide {
    margin-bottom: 10px;
}
.our-industry-solutions-swiper-container { 
    padding: 0 15px;
}
.our-industry-solutions-swiper .swiper-slide { 
    padding: 15px;
        display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.our-industry-solutions-swiper-card-head h4 {
    font-size: 1.25rem;
}
.our-industry-solutions-swiper-card-content li {
   
    margin-bottom: 10px;
}
.our-industry-solutions-swiper-card-content ul{
    margin: 0;
    padding: 0px 0px 10px 0px;
}
.our-industry-para {
    padding-bottom: 10px;
}
.home-banner-section.ao-banner-sec.industry-solutions-banner {
        height: 750px !important;
}
.industry-page-last-sec .ai-ready-row .col-md-6 p.common-paragraph{
          width: 90%;
    }
    .our-industry-solutions-sec .sdlc-red-button {
                font-size: 15px!important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) { 
    .our-industry-solutions-sec .sdlc-red-button {
                font-size: 15px!important;
    }
        .our-industry-solutions-swiper-card .row {
      
    align-items: center; 
}
.our-industry-solutions-swiper-card-img {
    padding-top:0rem;
}
    .banner-powered-by-card { 
    padding: 5px 1rem;
    }
     .enterprises-section.industry-page-sec { 
                 padding: 30px 10px;
        margin-bottom: 0rem;
    }
    .customer-testimonials-card-div {
 
    padding: 1rem; 
    margin-top: 1rem;
}
.customer-testimonials-card-div h3 {
    font-size: 1.02rem; 
    margin-bottom: 1rem ;
}
.customer-testimonials-card-div p { 
    width: 100%;
}
.bottom-circle-img { 
    bottom: -1rem;
    
}
.testi-center-botton-div { 
    margin-top: 3rem;
}
section#agentic-enterprise-section {
     padding: 30px 10px;
}
/*.cube--container-col {*/
/*    display:none;*/
/*}*/
section#agentic-enterprise-section .cube--container {
        opacity: 1!important;
    visibility: visible!important;
}
.our-industry-solutions-sec { 
    padding: 30px 0px;
}
section#agentic-enterprise-section .cube--content--slide {
    margin-top: 10px;
}
section#agentic-enterprise-section .row:nth-child(2) .col-md-12 {
        padding: 0;
}
section#agentic-enterprise-section .buttons button {
    
    margin: 5px 0px; 
    font-size: 10px;
}
section#agentic-enterprise-section .cube--content h1 
 {
    font-size: 1.04rem;
    margin-bottom: 1rem;
 }
 section#agentic-enterprise-section .cube--content h2 { 
    font-size: 1.015rem;
}
section#agentic-enterprise-section .cube--content--slide {
    margin-bottom: 10px;
}
.our-industry-solutions-swiper-container { 
    padding: 0 15px;
}
.our-industry-solutions-swiper .swiper-slide { 
    padding: 15px;
        display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.our-industry-solutions-swiper-card-head h4 {
    font-size: 1.25rem;
}
.our-industry-solutions-swiper-card-content li {
   
    margin-bottom: 10px;
}
.our-industry-solutions-swiper-card-content ul{
    margin: 0;
    padding: 0px 0px 10px 0px;
}
.our-industry-para {
    padding-bottom: 10px;
}
section#agentic-enterprise-section .cube--container { 
    height:350px;
    background-size: contain;
    width: 100%;
}
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 200px;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 70px;
}
   section#agentic-enterprise-section .cube--section:nth-child(1) { 
    margin: 0 0rem 0 4rem;
}

   section#agentic-enterprise-section .cube--section:nth-child(2) { 
    margin: 0 0rem 0 2rem;
}
    
     section#agentic-enterprise-section .cube--section:nth-child(3) { 
    margin: 0 0rem 0 -2rem;
}
    
    section#agentic-enterprise-section .cube--section:nth-child(4) { 
    margin: 0 0rem 0 -4rem;
}
 section#agentic-enterprise-section .cube--section:nth-child(5) { 
    margin: 0 0rem 0 -5rem;
}
.home-banner-section.ao-banner-sec.industry-solutions-banner {
        height: 750px !important;
}
.industry-page-last-sec .ai-ready-row .col-md-6 p.common-paragraph{
          width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
    .our-industry-solutions-swiper-card-img {
    padding-top: 30px;
}
.our-industry-solutions-swiper .swiper-slide {
 
    padding: 15px 15px;
}
    .banner-powered-by-row .banner-powered-by-logo {
    margin-right: 10px;
}
.banner-powered-by-card{
    padding: 7px;
 }
     .enterprises-section.industry-page-sec { 
                 padding: 40px 20px;
        margin-bottom: 0rem;
    }
    .customer-testimonials-card-col.col-md-8 {
        -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
    }
    section#agentic-enterprise-section { 
    padding: 40px 20px;
    }
    section#agentic-enterprise-section .buttons button {
     
    font-size: 1rem;
}
section#agentic-enterprise-section .cube--content h1 {
    font-size: 1.075rem;
    margin-bottom: 1rem;
}
section#agentic-enterprise-section .cube--content h2 { 
    font-size: 1.025rem;
}
section#agentic-enterprise-section .cube--container {
        opacity: 1!important;
    visibility: visible!important;
}
section#agentic-enterprise-section .cube--container { 
    height:350px;
    background-size: contain;
    width: 100%;
}
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 200px;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 70px;
}
   section#agentic-enterprise-section .cube--section:nth-child(1) { 
    margin: 0 0rem 0 4rem;
}

   section#agentic-enterprise-section .cube--section:nth-child(2) { 
    margin: 0 0rem 0 2rem;
}
    
     section#agentic-enterprise-section .cube--section:nth-child(3) { 
    margin: 0 0rem 0 -2rem;
}
    
    section#agentic-enterprise-section .cube--section:nth-child(4) { 
    margin: 0 0rem 0 -4rem;
}
 section#agentic-enterprise-section .cube--section:nth-child(5) { 
    margin: 0 0rem 0 -5rem;
}
.our-industry-solutions-swiper-container{ 
    padding: 20px 30px 20px 30px;
}
.our-industry-solutions-sec { 
    padding: 30px 0px;
}
.our-industry-solutions-swiper-card-content 
 {
    padding: 0px 0px 0px 20px;
}
  .industry-page-last-sec .ai-ready-row .col-md-6 {
        -ms-flex: 0 0 500px;
        flex: 0 0 500px;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
        .our-industry-solutions-swiper-card-img {
    padding-top: 30px;
}
.our-industry-solutions-swiper .swiper-slide {
 
    padding: 15px 15px;
}
    section#agentic-enterprise-section .cube--content h1 {
    font-size: 1.35rem;
    margin-bottom: 1.5rem;
    }
    section#agentic-enterprise-section { 
    padding: 50px 20px;
    }
    section#agentic-enterprise-section .cube--content h2 { 
    font-size: 1.25rem;
}
section#agentic-enterprise-section .cube--container { 
    height: 600px;
    background-size: contain;
    width: 100%;
}
section#agentic-enterprise-section .cube--content--slide {
    margin-top: 30px;
    padding: 0 0px 0 30px;
}
section#agentic-enterprise-section .cube--container {
        opacity: 1!important;
    visibility: visible!important;
}
  .customer-testimonials-card-col.col-md-8 {
        -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
        
        .our-industry-solutions-sec { 
    padding: 30px 0px;
}
.our-industry-solutions-swiper-card-content 
 {
    padding: 2rem 15px 0px 15px;
}
.our-industry-solutions-swiper-container{ 
    padding: 10px 0px 30px 40px;
}
    .home-banner-section.ao-banner-sec.industry-solutions-banner {
        height: 600px !important;
}
 
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 90%;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 65%;
}
  .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
right: 5rem;
        top: 0rem;
        }
        .our-industry-solutions-swiper-card .row .col-md-7 {
            padding:0px;
        }
        .industry-page-last-sec .ai-ready-row .col-md-6 {
        -ms-flex: 0 0 500px;
        flex: 0 0 500px;
        max-width: 500px;
    }
    }
@media only screen and (min-width: 1281px) and (max-width:1440px) {
    
      .home-banner-section.ao-banner-sec.industry-solutions-banner {
        height: 950px !important;
}  
 .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
    
        right: 50px!important;
        }
       
    
}
@media only screen and (min-width: 1600px) and (max-width: 1823px) { 
        .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
    
        right: 50px!important;
        }
}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
        .ai-ready-sec {
        height: 1000px!important;
    }
    .our-industry-solutions-swiper-card-img video {
           width: 100%;
    height: 100%; 
    }
    section#agentic-enterprise-section .buttons {
    max-width: 90%;
    }
    section#agentic-enterprise-section .buttons button{
 
    font-size: 1.5rem;
}
    
}
@media only screen and (min-width: 2561px) and (max-width: 3840px ) {
    .our-industry-solutions-swiper-card-img img {
    width:100%;
}
 .banner-powered-by-logo,  .banner-powered-by-logo img{
        width:100%;
    }
    section#agentic-enterprise-section .buttons {
    max-width: 90%;
    }
     section#agentic-enterprise-section .cube--container {
  
        height: 50vh;
        width: 100%;
        background-size: contain;
}
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 700px;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 300px;
}
   section#agentic-enterprise-section .cube--section:nth-child(1) { 
    margin: 0 0rem 0 -7rem;
}

   section#agentic-enterprise-section .cube--section:nth-child(2) { 
    margin: 0 0rem 0 -6rem;
}
    
     section#agentic-enterprise-section .cube--section:nth-child(3) { 
    margin: 0 0rem 0 -5rem;
}
    
    section#agentic-enterprise-section .cube--section:nth-child(4) { 
    margin: 0 0rem 0 -4rem;
}
   section#agentic-enterprise-section .cube--section:nth-child(5) { 
    margin: 0 0rem 0 -3rem;
}
.our-industry-solutions-swiper-card-img video {
           width: 100%;
    height: 100%; 
    }
    section#agentic-enterprise-section .perspective {
 
    left: 64%;
    }

} 
@media only screen and (min-width: 3841px) and (max-width: 6144px ) {
       .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
        width: 45%;
        right: 100px;
        }
    .banner-powered-by-logo,  .banner-powered-by-logo img{
        width:100%;
    }
    .banner-powered-by-row .banner-powered-by-logo{
 
        margin-right: 3rem;
    }
    .banner-powered-by-card { 
        margin-top: 3rem;
        padding: 2rem;
    }
    .customer-testimonials-card-div h3 {
        font-size: 5rem; 
        margin-bottom: 2rem;
    }
    .bottom-circle-img { 
        bottom: -5rem;
    }
    .customer-testimonials-card-div { 
    padding: 5rem 2.5rem 10rem 2.5rem; 
    margin-top: 1.5rem;
    margin-bottom: 15rem;
    border-radius: 5rem;
}
section#agentic-enterprise-section .buttons {
    max-width: 75%;
}
section#agentic-enterprise-section .cube--content h1 {
    font-size: 6rem;
    margin-bottom: 3rem;
}
section#agentic-enterprise-section .cube--content h2 { 
    font-size: 5rem;
    margin-bottom: 3rem;
}
.cube--container  {
  
    background-size: contain;
    width: 100%;
}
section#agentic-enterprise-section { 
    padding: 7rem 7rem;
}
section#agentic-enterprise-section .buttons button { 
    margin: 5rem 0.75rem; 
    font-size: 3rem;
}
.our-industry-solutions-swiper-card-img img {
    width:100%;
}
.our-industry-solutions-swiper-card-head h4 {
    font-size: 4.5rem;
    margin-bottom: 5rem;
}
.our-industry-solutions-swiper-card-content ul { 
    padding: 0px 0px 3rem 0px;
}
.our-industry-solutions-swiper .swiper-slide {
 
    padding: 5rem;
}
    .industry-page-sec .partners-list {
        margin-top: 5rem;
    }
    section#agentic-enterprise-section .cube--container {
  
    height: 50vh;
}
.our-industry-solutions-swiper-card-content { 
    padding: 2rem 5rem;
}
.our-industry-solutions-swiper-container { 
    padding: 5rem 0rem 5rem 7rem;
}
.our-industry-solutions-sec { 
    padding: 7rem 0rem;
}
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 1000px;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 500px;
}
   section#agentic-enterprise-section .cube--section:nth-child(1) { 
    margin: 0 0rem 0 -12rem;
}

   section#agentic-enterprise-section .cube--section:nth-child(2) { 
    margin: 0 0rem 0 -9rem;
}
    
     section#agentic-enterprise-section .cube--section:nth-child(3) { 
    margin: 0 0rem 0 -6rem;
}
    
    section#agentic-enterprise-section .cube--section:nth-child(4) { 
    margin: 0 0rem 0 -3rem;
}
.our-industry-solutions-swiper-card-img video {
           width: 100%;
    height: 100%; 
    }
    
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
      .home-banner-section.ao-banner-sec.industry-solutions-banner .bg-video {
        width: 45%;
        right: 100px;
                top: 10rem;
        }
    .banner-powered-by-logo,  .banner-powered-by-logo img{
        width:100%;
    }
    .banner-powered-by-row .banner-powered-by-logo{
 
        margin-right: 5rem;
    }
    .banner-powered-by-card { 
        margin-top: 5rem;
        padding: 3rem;
    }
    .customer-testimonials-card-div h3 {
        font-size: 7rem; 
        margin-bottom: 3rem;
    }
    .bottom-circle-img { 
        bottom: -7rem;
    }
    .customer-testimonials-card-div { 
    padding: 5rem 2.5rem 10rem 2.5rem; 
    margin-top: 1.5rem;
    margin-bottom: 15rem;
            border-radius: 5rem;
}
section#agentic-enterprise-section .buttons {
    max-width: 75%;
}
section#agentic-enterprise-section .cube--content h1 {
    font-size: 6rem;
    margin-bottom: 3rem;
}
section#agentic-enterprise-section .cube--content h2 { 
    font-size: 5rem;
    margin-bottom: 3rem;
}
.cube--container  {
  
    background-size: contain;
    width: 100%;
}
section#agentic-enterprise-section { 
    padding: 10rem 10rem;
}
section#agentic-enterprise-section .buttons button { 
    margin: 5rem 0.75rem; 
    font-size: 5rem;
}
.our-industry-solutions-swiper-card-img img {
    width:100%;
}
.our-industry-solutions-swiper-card-head h4 {
    font-size: 6rem;
    margin-bottom: 8rem;
}
.our-industry-solutions-swiper-card-content ul { 
    padding: 0px 0px 5rem 0px;
}
.our-industry-solutions-swiper .swiper-slide {
 
    padding: 7rem;
}
    .industry-page-sec .partners-list {
        margin-top: 7rem;
    }
    section#agentic-enterprise-section .cube--container {
  
    height: 50vh;
}
.our-industry-solutions-swiper-card-content { 
    padding: 2rem 5rem;
}
.our-industry-solutions-swiper-container { 
    padding: 5rem 0rem 5rem 10rem;
}
.our-industry-solutions-sec { 
    padding: 10rem 0rem;
}
section#agentic-enterprise-section .cube--section:nth-child(1) img, section#agentic-enterprise-section .cube--section:nth-child(2) img, section#agentic-enterprise-section .cube--section:nth-child(3) img, section#agentic-enterprise-section .cube--section:nth-child(4) img {
        width: 1500px;
}
section#agentic-enterprise-section .cube--section:nth-child(5) img{
        width: 600px;
}
   section#agentic-enterprise-section .cube--section:nth-child(1) { 
    margin: 0 0rem 0 -9rem;
}

   section#agentic-enterprise-section .cube--section:nth-child(2) { 
    margin: 0 0rem 0 -2rem;
}
    
     section#agentic-enterprise-section .cube--section:nth-child(3) { 
    margin: 0 0rem 0 3rem;
}
    
    section#agentic-enterprise-section .cube--section:nth-child(4) { 
    margin: 0 0rem 0 9rem;
}
    section#agentic-enterprise-section .cube--section:nth-child(5) { 
        margin: 0 0rem 0 13rem;
    }
.our-industry-solutions-swiper-card-img video {
           width: 100%;
    height: 100%; 
    }
}



/* Transport Page Design Divya 20-6-25 */
 
.struggle-with-sdlc-sec.black-bg.transport-page-sec  {
       position:relative;
    padding:100px 100px;
}
.intelligent-sec {
    position:relative;
    padding:100px 100px;
}
.intelligent-row {
    display:flex;
    justify-content: center;
    align-items: center;
}
.intelligent-img-div video{
    width:100%;
    height:100%;
}
.ecosystem-icon-img-div {
    width:100px;
    height:100px;
}
.ecosystem-icon-img-div video {
    width:100%;
}
.chain-btns-row {
      display:flex;
    justify-content: center;
    align-items: center;
        height: 100%;
        margin-top:1rem;
}
.chain-btn-div{
    position:relative;
    cursor:pointer;
    background-color:#1C1C1C;
    color:#fff;
        text-align: center;
        height: 100%;
        padding:1.5rem;
}
.chain-btns-col {
     position:relative;
    cursor:pointer; 
        padding: 0 20px 0 20px;
}
.chain-btns-col::before {
    content: ""; 
    width: 100%;
    background-color: #E82B2E;
    height: 1px;
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 0;
}
.chain-btns-col:last-child::before {
    display:none;
}
.chain-btn-div p {
    margin-bottom:0px;
}
.chain-btn-div:hover {
    background-color:#E82B2E;
    color:#fff;
}
.margin-top-spacing {
    margin-top:4.5rem;
}
.last-sec-row {
    margin-top:100px;
}
.last-sec-img-div video {
      width: 100%;
    height: 100%;
    object-fit: cover;
}
.last-sec-row  ul {
       margin: 0;
    padding: 40px 0px 0px 0px;
}
.last-sec-row  ul li {
    position: relative;
    list-style: none;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.last-sec-row  ul li::before {
    background-image: url('/wp-content/uploads/img/list-active-svg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 2px;
    content: "";
    height: 15px;
    position: absolute;
    width: 10px;
    z-index: 0;
    left: auto;
    left: 0px;
}
.last-sec-row .common-sub-heading {
        margin-bottom: 1.5rem;
}
 
.row.flex-center.transport-sec-row{
  display: flex;
  justify-content: center;
  flex-wrap: nowrap; 
  margin: 40px 0;
}
 
.transport-sec-row .sdlc-content-card {  
  display: flex;
  flex-direction: column; 
    justify-content: center;
    padding: 30px;
}
 
.transport-sec-row .ecosystem-icon-img-div {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  display: flex; 
}
 
.transport-sec-row .ecosystem-icon-img-div video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
} 
.transport-sec-row .common-paragraph {  
  margin: 0;
  padding: 0 10px; 
}
  .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 /*Transport page resposniveness style divya 20-6-25 */
  @media only screen and (max-width: 319.5px) {
       .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
      .driving-force-business-sec .row.flex-center.transport-sec-row {
    margin: 20px 0 0px;
}
      .transport-sec-row .sdlc-content-card.light-black-bg:hover {
             background-color: #1c1c1c!important;
     }
     .intelligent-sec {
         padding: 20px 15px;
     }

     .intelligent-row {
         flex-direction: column-reverse;
         text-align: center;
     }

     .chain-btns-col {
         padding: 0 0px 30px 0px;
     }

     .chain-btns-col::before {
         content: "";
         width: 1px;
         background-color: #E82B2E;
         height: 100px;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 50%;
         z-index: 0;
     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 20px 15px;
     }

     .margin-top-spacing {
         margin-top: 20px;
     }

     .row.flex-center.transport-sec-row {

         margin: 20px 0;
         flex-direction: column;
     }

     .transport-sec-row .sdlc-content-card {
         flex-direction: column;
         padding: 10px 10px 30px 10px;
         height: 100%;
         align-items: center;
         justify-content: center;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 100px;
         height: 100%;
         margin-bottom: 10px;
     }

     .last-sec-row {
         margin-top: 20px;
     }

     .last-sec-row .common-sub-heading {
         margin-bottom: 20px;
         margin-top: 20px;
     }

     .last-sec-row ul {
         margin: 0;
         padding: 20px 0px 0px 0px;
         text-align: left;
     }

     .last-sec-img-div video {
         width: 175px;
     }


 }

 @media only screen and (min-width: 320px) and (max-width: 767.5px) {
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .driving-force-business-sec .row.flex-center.transport-sec-row {
    margin: 20px 0 0px;
}
     .transport-sec-row .sdlc-content-card.light-black-bg:hover {
             background-color: #1c1c1c!important;
     }
 
     .intelligent-sec {
         padding: 20px 15px;
     }

     .intelligent-row {
         flex-direction: column-reverse;
         text-align: center;
     }

     .chain-btns-col {
         padding: 0 0px 30px 0px;
     }

     .chain-btns-col::before {
         content: "";
         width: 1px;
         background-color: #E82B2E;
         height: 100px;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 50%;
         z-index: 0;
     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 20px 15px;
     }

     .margin-top-spacing {
         margin-top: 20px;
     }

     .row.flex-center.transport-sec-row {

         margin: 20px 0;
         flex-direction: column;
     }

     .transport-sec-row .sdlc-content-card {
         flex-direction: column;
         padding: 10px 10px 30px 10px;
         height: 100%;
         align-items: center;
         justify-content: center;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 100px;
         height: 100%;
         margin-bottom: 10px;
     }

     .last-sec-row {
         margin-top: 20px;
     }

     .last-sec-row .common-sub-heading {
         margin-bottom: 20px;
         margin-top: 20px;
     }

     .last-sec-row ul {
         margin: 0;
         padding: 20px 0px 0px 0px;
         text-align: left;
     }

     .last-sec-img-div video {
         width: 175px;
     }

 }

 @media only screen and (min-width: 768px) and (max-width: 1023.5px) {
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 40px 20px;
     }

     .struggle-with-sdlc-sec .row {
         margin-bottom: 1rem;
     }

     .struggle-with-sdlc-sec .row .col-md-5 {
         -ms-flex: 0 0 55%;
         flex: 0 0 55%;
         max-width: 55%;
     }

     .transport-page-sec .container-fluid:nth-child(3) {
         padding: 0;
     }

     .transport-sec-row .col-md-3 {
         padding: 0px 10px 0px 0px;
     }

     .transport-sec-row .col-md-3:last-child {
         padding: 0px 0px 0px 0px;
     }

     .transport-sec-row .sdlc-content-card {

         padding: 12px 10px;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 80px;
         height: 80px;
     }

     .intelligent-row .col-md-4 {
         -ms-flex: 0 0 45%;
         flex: 0 0 45%;
         max-width: 45%;
     }

     .chain-btn-div {
         padding: 10px;
     }

     .chain-btns-col {

         -ms-flex: 0 0 33%;
         flex: 0 0 33%;
         max-width: 33%;
     }

 }

 @media only screen and (min-width: 1024px) and (max-width: 1280px) {
       .ao-banner-sec.transport-banner-sec .bg-video {
          width: 30%;
    right: 10rem;
    left: auto;
    top: 9rem;
    }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
  .transport-page-sec .struggle-with-sdlc-sec .row {
    margin-bottom: 0rem;
}
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 60px 30px;
     }

     .chain-btn-div {
         padding: 1rem;
     }

     .chain-btns-col {
         padding: 0 15px 0 15px;
     }

     .transport-sec-row .sdlc-content-card {

         padding: 10px;
     }


 }
 
@media only screen and (min-width: 1600px) and (max-width: 1823px) { 
     .ao-banner-sec.transport-banner-sec .bg-video  {
        width: 40%;
        right: 10rem;
        top: 20rem;
    }
     .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
 @media only screen and (min-width: 1824px) and (max-width: 1920px) {
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .transport-page-sec .sdlc-content-card-img-div video {
         width: auto;
     }
 }

 @media only screen and (min-width: 1920px) and (max-width: 2560px) {
     .ao-banner-sec.transport-banner-sec .bg-video {
              width: 35%;
        right: 10rem;
        top: 15rem;
    }
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .transport-page-sec .sdlc-content-card-img-div video {
         width: auto;
     }

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 3rem 3rem;
     }

     .margin-top-spacing {
         margin-top: 4.5rem;
         margin-bottom: 2rem;
     }

     .chain-btns-col {

         padding: 0 30px 0 30px;
     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         margin-top: 0rem;
     }
 }

 @media only screen and (min-width: 2561px) and (max-width: 3840px) {
      .ao-banner-sec.transport-banner-sec .bg-video {
        width: 30%;
        right: 15rem;
        top: 15rem;
    }
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .chain-btns-col {

         padding: 0 50px 0 50px;
         -ms-flex: 0 0 33%;
         flex: 0 0 33%;
         max-width: 33%;
     }

     .transport-page-sec .sdlc-content-card-img-div video {
         width: 50%;
     }

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 3rem 3rem;
     }

     .last-sec-row .common-sub-heading {
         margin-bottom: 1.5rem;
         font-size: 2rem;
     }

     .transport-page-sec .common-sub-heading {
         font-size: 2rem;
     }

     .last-sec-row {
         margin-top: 7rem;
     }

     .chain-btn-div {

         padding: 2rem;
     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         margin-top: 0rem;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 40%;
         height: 40%;
         margin-bottom: 1rem;
     }
 }

 @media only screen and (min-width: 3841px) and (max-width: 6144px) {
     .ao-banner-sec.transport-banner-sec .bg-video {
        width: 37%;
        right: 30rem;
        top: 40rem;
    }
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .chain-btns-col {

         padding: 0 50px 0 50px;
         -ms-flex: 0 0 33%;
         flex: 0 0 33%;
         max-width: 33%;
     }

     .transport-page-sec .sdlc-content-card-img-div video {
         width: 50%;
     }

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 7rem 7rem;
     }

     .last-sec-row {
         margin-top: 10rem;
     }

     .chain-btn-div {

         padding: 2rem;
     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         margin-top: 0rem;
     }

     .last-sec-row ul li {
         padding-left: 5rem;
         margin-bottom: 3rem;
     }

     .last-sec-row ul li::before {
         background-size: 2%;
         height: 100%;
         width: 100%;
         background-position: left;

     }

     .transport-sec-row .sdlc-content-card {

         padding: 5rem 5rem;
         height: 1000px;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 50%;
         height: 50%;
     }
 }

 @media only screen and (min-width: 6145px) and (max-width: 7680px) {
      .ao-banner-sec.transport-banner-sec .bg-video {
        width: 37%;
        right: 30rem;
        top: 40rem;
    }
      .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
     .chain-btns-col {

         padding: 0 90px 0 90px;
         -ms-flex: 0 0 33%;
         flex: 0 0 33%;
         max-width: 33%;
     }

     .transport-page-sec .sdlc-content-card-img-div video {
         width: 50%;
     }

     .intelligent-sec,
     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         padding: 10rem 10rem;
     }

     .transport-sec-row .sdlc-content-card {
         padding: 3rem 3rem;
         height: 1500px;
     }

     .transport-sec-row .ecosystem-icon-img-div {
         width: 40%;
         height: 40%;
         margin-bottom: 2rem;
     }

     .last-sec-row {
         margin-top: 15rem;
     }

     .chain-btn-div {

         padding: 3rem;
     }

     .last-sec-row ul li {
         padding-left: 5rem;
         margin-bottom: 3rem;
     }

     .last-sec-row ul li::before {
         background-size: 2%;
         height: 100%;
         width: 100%;
         background-position: left;

     }

     .struggle-with-sdlc-sec.black-bg.transport-page-sec {
         margin-top: 0rem;
     }


 }


 
 /*Travel Page Style - 19-06-2025*/
 .home-banner-section.ao-banner-sec.travel-banner .bg-video {
    top: 8rem;
}
.ai-ready-btn.transparent {
    background: transparent;
    width: max-content;
    /*padding: 0px 30px;*/
}
.ai-ready-btn.transparent:before {
    background-color: transparent;
}

.intuitive-airports-sec {
   position: relative;
   padding: 100px 100px; 
}

.intuitive-airports-sec .padding-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
}

.intuitive-airports-sec-img-div{
    display: flex;
    justify-content: center;
}

.intuitive-airports-sec-img-div img {
   width: 70%; 
}

.intuitive-airports-sec-img-div video {
   width: 70%; 
}

.intuitive-airports-sec-content-div {
    position: relative;
    padding: 10px 90px 30px 20px;
}
.intuitive-airports-sec-content-div .content-card {
   padding: 2rem 0rem 0rem 2rem; 
}
.intuitive-airports-sec-content-div .content-card p {
    position: relative;
    margin-bottom: 2rem;
}

.intuitive-airports-sec-content-div .content-card p::before {
    background-image: url(/wp-content/uploads/img/list-active-svg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0px;
    content: "";
    height: 30px;
    position: absolute;
    width: 10px;
    z-index: 0;
    left: -30px;
}

.intuitive-airports-sec-content-div .synapt-new-button:before {
    background-color: #000000;
}

.offering-outcomes-sec {
  position: relative;
  padding: 100px 70px; 
}

.offering-outcomes-sec .padding-div, 
.driving-force-business-sec .padding-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 3rem;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.head-circle-div {
    position: relative;
    width: 300px;
    height: 300px;
    background: #1B548B;
    border-radius: 50%;
    border: 5px solid #0D477E;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 30px;
    text-align: center;
    z-index: 10;
}

.offering-outcomes-sec .sdlc-content-card.light-black-bg {
    text-align: center;
    padding: 5rem 3rem;
}

.offering-outcomes-sec .sdlc-content-card.light-black-bg:hover {
    background:rgb(28, 28, 28) !important;
}
.offering-outcomes-sec h5{
    padding-bottom: 1rem;
}
.outcomes-cards {
    padding-top: 8rem; 
    position: relative;
}

.head-circle-div::before {
    background-image: url('/wp-content/uploads/img/travel/line.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 100%;
    content: "";
    height: 110px;
    position: absolute;
    width: 1px;
    z-index: 0;
    left: 50%;
}

.outcomes-cards::before {
   /*background-image: url('./../img/travel/rectangle-line.svg');*/
   /*background-position: center;*/
   /*    background-repeat: no-repeat;*/
   /* background-size: contain;*/
      top: -25%;
    content: "";
    height: 100%;
    position: absolute;
    width: 68%;
    z-index: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: 1px solid #E82B2E;
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%;*/
    /*top: -30rem;*/
    /*content: "";*/
    /*height: 900px;*/
    /*position: absolute;*/
    /*width: 1225px;*/
    /*z-index: 0;*/
    /*left: -6rem;*/
}

.offering-outcomes-sec .sdlc-content-card.light-black-bg::before {
   background-image: url('/wp-content/uploads/img/travel/play-btn-img.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -1.5rem;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
    z-index: 0;
   left: 0;
    right: 0;
    margin: 0 auto;
}
.outcomes-last-div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5rem;
}
.outcomes-last-div .content-card p {
    position: relative;
    margin-bottom: 1rem;
    font-size: 22px;
}

.outcomes-last-div .content-card p::before {
    background-image: url(/wp-content/uploads/img/list-active-svg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0px;
    content: "";
    height: 30px;
    position: absolute;
    width: 10px;
    z-index: 0;
    left: -30px;
}

.offering-outcomes-slides-sec {
    position: relative;
    padding: 0px 0px 0px 70px;
}

.offering-outcomes-slides-container {
    padding: 8rem 0rem 8rem 7rem;
}

.offering-outcomes-slides-container .our-industry-solutions-swiper-card-head h4 {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #fff;
}

.offering-outcomes-slides-container .our-industry-solutions-swiper .swiper-slide {
    padding: 6rem 6rem 0rem;
}

.offering-outcomes-slides-container .our-industry-solutions-swiper-card-content ul {
    padding-top: 1rem;
}

.driving-force-business-sec {
   position: relative;
   padding: 100px 100px;
}
.driving-force-business-sec::before {
    position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/img/white-vector-bg-img.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.driving-force-business-sec .sdlc-content-card {
    color: #fff;
    text-align: center;
    align-items: center;
}

.driving-force-business-center-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 700px;
    /* padding: 2rem 2rem 5rem; */
    margin: 19rem auto 20rem;
}

.driving-force-business-center-div::before {
    background-image: url('/wp-content/uploads/img/travel/ellipse-8.svg');
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content:'';
    width: 900px;
    height: 900px;
}

.driving-force-business-center-div .center-div {
   background-image: url('/wp-content/uploads/img/travel/monitor-bg.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.driving-force-business-center-div .center-div p {
    width: 80%;
}
.driving-force-business-center-div .side-div {
    position: absolute;
    width: 250px;
    height: 250px;
    background-color: #1B548B;
    border-radius: 50%;
    /* border: 5px solid #0D477E; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 30px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.driving-force-business-center-div .side-div.side-div-1 {
   top: -15rem; 
}

.driving-force-business-center-div .side-div.side-div-2 {
   right: 45px;
}

.driving-force-business-center-div .side-div.side-div-3 {
   bottom: -13rem;
}

.driving-force-business-center-div .side-div.side-div-4 {
   left: 45px;
}

.side-hover-div {
   background-image: url('/wp-content/uploads/img/travel/cloud.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 170px;
    padding: 20px;
    
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.side-hover-div p {
    margin-bottom: 5px;
    width: 90%;
}
.side-hover-div.side-hover-div-1 {
    top: -15rem;
    right: 80px;
}

.side-hover-div.side-hover-div-2 {
    bottom: -10rem;
    right: -55px;
    height: 220px;
    background-size: 90%;
}

.side-hover-div.side-hover-div-2 p {
    left: -20px;
    position: relative;
}

.side-hover-div.side-hover-div-4 {
   bottom: -5rem;
    left: -35px;
    height: 230px;
    background-size: 85%;
}

.side-hover-div.side-hover-div-4 p {
    position: relative;
    left: -25px;
}

.driving-force-business-center-div .side-div:hover {
    background-color: #DE1418; 
}

.side-div.active {
    background-color: #DE1418;
}

.driving-force-business-center-div .side-div.side-div-1:hover + .side-hover-div.side-hover-div-1,
 .driving-force-business-center-div .side-div.side-div-2:hover + .side-hover-div.side-hover-div-2,
 .driving-force-business-center-div .side-div.side-div-3:hover + .side-hover-div.side-hover-div-2,
 .driving-force-business-center-div .side-div.side-div-4:hover + .side-hover-div.side-hover-div-4 {
    display: flex;
    opacity: 1;
}

/*24-06-2025 css changes*/
.driving-force-business-sec .powered-by-new-container .powered-by-new-card-row.row-right-border::after {
    border: 1px solid #e82b2e;
    background-color: transparent;
    /*top: 52%;*/
}

.driving-force-business-sec .powered-by-new-container .powered-by-new-card-row.row-left-border::after {
    border: 1px solid #e82b2e;
    background-color: transparent;
}

.driving-force-business-sec .powered-by-new-container .powered-by-new-head-col .common-heading-div {
    padding: 50px 20px 50px 20px;
    background-color: #1B548B;
    text-align: center;
        height: 280px;
                display: flex;
        align-items: center;
        justify-content: center;
}
.driving-force-business-sec .powered-by-new-card {
    position: relative;
    padding: 60px 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1C1C1C;
    border: none;
    height: 280px;
    transition: background-color 0.3s ease;
    overflow: hidden;
    cursor: pointer;
}
.driving-force-business-sec .powered-by-new-card::before {
    background-image: url('/wp-content/uploads/img/list-active-svg.svg');
     background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 30px;
    content: "";
    height: 30px;
    position: absolute;
    width: 18px;
    z-index: 0;
    left: auto;
    left: 30px;
}
.driving-force-business-sec .powered-by-new-card:hover::before {
    display:none;
}
.driving-force-business-sec .hover-card {
    display: none;
}

.driving-force-business-sec .powered-by-new-card:hover {
    background-color: #E82B2E;
}

.driving-force-business-sec .powered-by-new-card:hover h6 {
    display: none;
}

.driving-force-business-sec .powered-by-new-card:hover .hover-card {
    display: block;
}

.driving-force-business-sec .powered-by-new-card .hover-card p {
    position: relative;
    margin-left: 20px;
}

.driving-force-business-sec .powered-by-new-card .hover-card p::before {
    background-image: url(/wp-content/uploads/img/btn-arrow-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0px;
    content: "";
    height: 25px;
    position: absolute;
    width: 8px;
    z-index: 0;
    left: -20px;
}

.driving-force-business-sec .powered-by-new-card h6 {
    font-size: 25px;
    margin-bottom: 0px;
    line-height: 40px;
}
.driving-force-business-sec .powered-by-new-card:hover::before{
    display:none;
}
.driving-force-business-sec .powered-by-new-container {
    position: relative;
    padding: 100px 0px 150px;  
}
/*SDLC New changes style divya 24-6-25*/
.sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 100px 100px 100px;
}
.sdlc-new-changes-row {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.sdlc-new-changes-div {
    position: relative;
    padding: 2rem 0 0 0;
}
.sdlc-new-changes-div h4 {
font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.sdlc-new-changes-div p.common-paragraph {
    width: 70%;
    margin: 0 auto 3rem auto;
}
.sdlc-new-changes-div.text-left p.common-paragraph {
    width: 70%;
    margin: 0;
}
.sdlc-new-tab-swiper .swiper-wrapper {
    margin-bottom:3rem;
} 
.sdlc-new-tab-swiper .swiper-horizontal>.swiper-pagination-bullets,.sdlc-new-tab-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .sdlc-new-tab-swiper .swiper-pagination-custom, .sdlc-new-tab-swiper .swiper-pagination-fraction {
    bottom: 0;
    top: auto;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet {
    width:12px;
    height:12px;
    background-color:#D9D9D9;
    opacity:1;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet-active {
    background-color:#E82B2E; 
}

.tab-three-contents-card-row {
        display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
    height: 100%;
    padding: 0 15px;
}
.tab-three-contents-card {
    background-color: #1C1C1C;
    color: #ffffff;
    text-align: center;
        width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
        padding: 10px;
} 
.cards-full-div .tab-three-contents-card-row.row:first-child {
    margin-top: 4rem;
}
.tab-three-contents-card p.common-paragraph {
        width: 100%;
    margin: 0 auto 0rem auto;
}
.tab-three-contents-card {
    margin-bottom:0rem;
}
.center-btn-div-sdlc {
       display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin:1rem 0rem 0rem 0rem;
    border-top: 1px dashed #E82B2E;
    
}
.center-btn-sdlc-col {
    background-color:#E82B2E;
    color:#fff;
        max-width: 100%!important;
    width: 100%!important;
    flex: none!important;
}
.center-btn-sdlc {
    padding: 8px 0px;
    margin-bottom: 0;
}
.center-btn-sdlc  p{
    margin-bottom:0;
}
.tab-three-contents-div {
       position: relative; 
}
.tab-three-contents-card-div {
        position: relative;
   padding: 1rem 0rem;
}
.tab-three-contents-card-div::before {
     content: "";
    width: 100%;
    height: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    border: 1px dashed #E82B2E;
}
.bordered-row {
      position: relative;
}
 
.cards-full-div {
        position: relative;
       margin: 2rem 0rem 0rem 0rem;
}
.card-sdlc-head-div {
          position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 50%;
    background-color: #000;
    margin: 0 auto;
    top: 20px;
    bottom: auto;
}
.card-sdlc-head-div  h5 {
    font-size: 1.6rem;
    font-weight: bold;
}
.arrows-heading {
          position: relative;
 width: 50%;
    padding: 0px 20px;
    font-size: 20px;
    margin: 0 auto;

}

/*SDLC 3rd tab changes*/
  
.card-sdlc-head-div h5 {
    font-size: 1.4rem;
}
 
.tab-three-contents-card p.common-paragraph {
 
    font-size: 15px;
}
 
.row.sdlc-new-changes-row.bordered-row {
   
    padding-top: 1rem;
}
 
.arrows-heading::after {
     content: "";
    width: 100px;
    background-image: url('/wp-content/uploads/img/sdlc/left-arrow.svg');
    background-repeat: no-repeat;
    background-position: left;
    height: 100px;
    margin: 0;
    position: absolute;
    background-size: auto;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    z-index: 1;
}
.arrows-heading::before {
     content: "";
    width: 100px;
    background-image: url('/wp-content/uploads/img/sdlc/right-arrow.svg');
      background-repeat: no-repeat;
    background-position: right;
    height: 100px;
    margin: 0;
    position: absolute;
    background-size: auto;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    z-index: 1;
}

/*08-07-2025 SDLC*/
.sdlc-squad-in-action-sec.sdlc-new-changes-sec .sdlc-nav-tab-div .sdlc-nav-tab-container video {
    /*width: 100%;*/
    /*margin: auto;*/
}

.sdlc-squad-in-action-sec.sdlc-new-changes-sec .sdlc-nav-tab-div #opt2 .sdlc-nav-tab-container video {
    width: 50%;
    margin: auto;
}


/*SDLC New changes style end divya 24-6-25*/
 .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
/*SDLC New changes responsiveness divya 25-6-25*/
@media only screen and (max-width: 319.5px) { 
       .our-industry-solutions-swiper-card-content
 
 {
   
    padding-left: 15px;
 }
        .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
        padding: 20px 15px;
    }
    .sdlc-new-changes-div p.common-paragraph {
        width: 100%;
        margin: 0 auto 1rem auto;
    }
    .sdlc-new-changes-div h4 {
        font-size: 1.25rem; 
        margin-bottom: 1rem;
    }
    .sdlc-new-changes-div { 
        padding: 1rem 0 0 0;
    }
    .cards-full-div { 
    margin: 20px 0px 0px 0px;
}
.card-sdlc-head-div h5 {
    font-size: 17px;
}
    .card-sdlc-head-div { 
        left: 0;
        right: 0; 
        width: 65%; 
        margin: 0 auto;
        top: 15px;
    }
.tab-three-contents-card-div { 
   padding: 1rem 0rem;
}
.cards-full-div .tab-three-contents-card-row.row:first-child {
    margin-top: 2rem;
}
.tab-three-contents-card {
    margin-bottom: 10px;
}
.tab-three-contents-card { 
    padding: 2px;
    height: 100%;
    width: 30%; 
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.tab-three-contents-card p.common-paragraph {
    width: 100%;
    margin: 0 auto 0rem auto;
    font-size: 7px;
}
.cards-full-div { 
    margin: 20px 0px 0px 0px;
}
.center-btn-div-sdlc {
 
    margin: 0rem 0rem;
}
.center-btn-sdlc-col {
        margin-bottom: 0rem;
        width: auto;
}
.center-btn-sdlc {
           padding: 7px 0px;
}
.tab-three-contents-card-row
 {
    gap: 5px;
 }
 .arrows-heading {
    position: relative;
    width: 78%;
    padding: 0px 10px;
    font-size: 13px;
    margin: 0 auto;
}
 .arrows-heading::before, .arrows-heading::after { 
                width: 50px;
        background-size: inherit;
        height: 30px;
 }
 .arrows-heading::after {
  
    left: 0px;
    transform: translate(-50%, -50%);
 }
 .arrows-heading::before {
   
    right: 0;
    transform: translate(50%, -50%); 
}
 .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) { 
       .our-industry-solutions-swiper-card-content
 
 {
   
    padding-left: 15px;
 }
    .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
        padding: 20px 15px;
    }
    .sdlc-new-changes-div p.common-paragraph {
        width: 100%;
        margin: 0 auto 1rem auto;
    }
    .sdlc-new-changes-div h4 {
        font-size: 1.25rem; 
        margin-bottom: 1rem;
    }
    .sdlc-new-changes-div { 
        padding: 1rem 0 0 0;
    }
    .cards-full-div { 
    margin: 20px 0px 0px 0px;
}
.card-sdlc-head-div h5 {
    font-size: 17px;
}
    .card-sdlc-head-div { 
        left: 0;
        right: 0; 
        width: 65%; 
        margin: 0 auto;
            top: 5px;
    }
.tab-three-contents-card-div { 
   padding: 1rem 0rem;
}
.cards-full-div .tab-three-contents-card-row.row:first-child {
    margin-top: 2rem;
}
.tab-three-contents-card {
    margin-bottom: 10px;
}
.tab-three-contents-card { 
    padding: 2px;
    height: 100%;
    width: 30%; 
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.tab-three-contents-card p.common-paragraph {
    width: 100%;
    margin: 0 auto 0rem auto;
    font-size: 8px;
}
.cards-full-div { 
    margin: 20px 0px 0px 0px;
}
.center-btn-div-sdlc {
 
    margin: 0rem 0rem;
}
.center-btn-sdlc-col {
        margin-bottom: 0rem;
        width: auto;
}
.center-btn-sdlc {
           padding: 7px 0px;
}
.tab-three-contents-card-row
 {
    gap: 5px;
 }
 .arrows-heading {
    position: relative;
    width: 78%;
    padding: 0px 10px;
    font-size: 13px;
    margin: 0 auto;
}
 .arrows-heading::before, .arrows-heading::after { 
                width: 50px;
        background-size: inherit;
        height: 30px;
 }
 .arrows-heading::after {
  
    left: 0px;
    transform: translate(-50%, -50%);
 }
 .arrows-heading::before {
   
    right: 0;
    transform: translate(50%, -50%); 
}
 .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .tab-three-contents-card p.common-paragraph 
 {
    font-size: 10px;
}
    .center-btn-div-sdlc {
 
   margin:1rem 0rem 0rem 0rem;
}
    .sdlc-new-changes-div.text-left p.common-paragraph {
    width: 100%;
    }
    .sdlc-new-changes-div h4 {
    font-size: 1.35rem; 
    margin-bottom: 1rem;
}
.sdlc-new-changes-row .col-md-5 {
        -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    .tab-three-contents-card-div::before { 
    width: 100%;
    height: 93%;
    }
    .card-sdlc-head-div h5 {
    font-size: 1.05rem;
    }
    .card-sdlc-head-div { 
    top: 10px;
    }
    .tab-three-contents-card { 
    padding: 5px;
    height: 100%;
    width: 30%; 
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 40px 40px 40px;
}
.row.sdlc-new-changes-row.bordered-row .col-md-11.padding-zero {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.tab-three-contents-card-div { 
   padding: 1rem 0rem;
}
.cards-full-div { 
    margin: 1rem 0rem 0rem 0rem;
}
 .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
 .col-md-3.center-btn-sdlc-col {
        -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
}
.tab-three-contents-card-row {
 
    padding: 0 20px;
}
.cards-full-div .tab-three-contents-card-row.row:first-child {
    margin-top: 40px;
}
.tab-three-contents-card-row {
 
    gap: 10px;
}
  .arrows-heading {
  
    font-size: 13px;
    }
    .arrows-heading::before,.arrows-heading::after {
        width:60px;
        height:60px;
    }
    }
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .tab-three-contents-card-row {
  
    padding: 0 25px;
}

    .arrows-heading {
  
    font-size: 15px;
    }
    .arrows-heading::before,.arrows-heading::after {
        width:60px;
        height:60px;
    }
    .center-btn-sdlc {
    padding: 8px 0px;
    }
    .cards-full-div { 
    margin: 3rem 0rem 0rem 0rem;
}
    .sdlc-new-changes-row .col-md-5 {
        -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.sdlc-new-changes-div h4 {
    font-size: 1.5rem; 
    margin-bottom: 1.5rem;
}
    .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 60px 60px 60px;
}
.row.sdlc-new-changes-row.bordered-row .col-md-11.padding-zero {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
.tab-three-contents-card-div { 
      padding: 1rem 0rem;
}
.tab-three-contents-card-div::before {
  
    width: 100%;
    height: 85%;
}
.card-sdlc-head-div h5 {
    font-size: 1.15rem;
}
.card-sdlc-head-div {
 
    top: 25px;
}
.col-md-3.center-btn-sdlc-col {
        -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.tab-three-contents-card p.common-paragraph {
    width: 100%;
    margin: 0 auto 0rem auto;
    font-size: 10px;
}
.tab-three-contents-card { 
    padding: 10px;
    height: 100%;
    /*width: 18%;*/
    /*-ms-flex: 0 0 18%;*/
    /*flex: 0 0 18%;*/
    /*max-width: 18%;*/
}
    
     .ao-banner-sec.transport-banner-sec .bg-video {
          width: 30%;
    right: 10rem;
    left: auto;
    top: 9rem;
    }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
  .transport-page-sec .struggle-with-sdlc-sec .row {
    margin-bottom: 0rem;
}
    
}
@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .arrows-heading { 
    width: 52%;
    }
    .row.sdlc-new-changes-row.bordered-row .col-md-11.padding-zero {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.tab-three-contents-card-div { 
    padding: 1rem 0rem;
}
 .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    
}
@media only screen and (min-width: 1600px) and (max-width: 1823px) { 
     .ao-banner-sec.transport-banner-sec .bg-video  {
        width: 40%;
        right: 10rem;
        top: 20rem;
    }
     .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {
        .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 1920px) and (max-width: 2560px) { 
      .arrows-heading 
 { 
    width: 40%;
 }
    .tab-three-contents-card p.common-paragraph {
    font-size: 20px;
}
    .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 150px 150px 150px;
}
.tab-three-contents-card { 
    height: 100%;
    /*width: 18%;*/
    /*-ms-flex: 0 0 18%;*/
    /*flex: 0 0 18%;*/
    /*max-width: 18%;*/
}
.arrows-heading { 
    font-size: 23px;
}
.sdlc-new-changes-div img {
    width:100%;
}
#opt2 .sdlc-new-changes-div img {
    width:50%;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
 .ao-banner-sec.transport-banner-sec .bg-video {
              width: 35%;
        right: 10rem;
        top: 15rem;
    }
        .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 2561px) and (max-width: 3840px ) {
      .arrows-heading 
 { 
    width: 30%;
 }
    .tab-three-contents-card p.common-paragraph {
    font-size: 30px;
}
     .arrows-heading::before, .arrows-heading::after { 
        width: 100%;
        background-size: 50%;
 }
 .arrows-heading { 
    font-size: 40px;
 }
 .sdlc-squad-in-action-sec.sdlc-new-changes-sec 
 {
    padding: 0px 200px 200px 200px;
}
.card-sdlc-head-div { 
    top: 30px; 
}
.tab-three-contents-card { 
    height: 100%;
    /*width: 18%;*/
    /*-ms-flex: 0 0 18%;*/
    /*flex: 0 0 18%;*/
    /*max-width: 18%;*/
}
.sdlc-new-changes-div img {
    width:100%;
}
#opt2 .sdlc-new-changes-div img {
    width:50%;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
}
.tab-three-contents-card-div::before {
    
    border: 3px dashed #E82B2E;
}
 .ao-banner-sec.transport-banner-sec .bg-video {
        width: 30%;
        right: 15rem;
        top: 15rem;
    }
    .sdlc-new-tab-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .sdlc-new-tab-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1rem 0 0rem;
}
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
} 
@media only screen and (min-width: 3841px) and (max-width: 6144px ) { 
      .arrows-heading 
 { 
    width: 30%;
 }
    .tab-three-contents-card p.common-paragraph {
    font-size: 50px;
}
    .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 15rem 15rem 15rem;
}
  .arrows-heading::before, .arrows-heading::after { 
                width: 100%;
        background-size: 50%;
 }
 .tab-three-contents-card { 
    height: 100%;
    /*width: 18%;*/
    /*-ms-flex: 0 0 18%;*/
    /*flex: 0 0 18%;*/
    /*max-width: 18%;*/
}
.sdlc-new-changes-div h4 {
    font-size: 3.75rem; 
    margin-bottom: 3rem;
}
.sdlc-new-changes-div img {
    width:100%;
}
#opt2 .sdlc-new-changes-div img {
    width:50%;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
}
.arrows-heading { 
    font-size: 50px;
}
.tab-three-contents-card {
  
    padding: 3rem;
}
.cards-full-div { 
    margin: 10rem 0rem 0rem 0rem;
}
.card-sdlc-head-div h5 {
    font-size: 3rem;
}
.card-sdlc-head-div {
    
    top: 45px;
}
.tab-three-contents-card-div::before {
    
    border: 4px dashed #E82B2E;
}
    .ao-banner-sec.transport-banner-sec .bg-video {
        width: 37%;
        right: 30rem;
        top: 40rem;
    }
    .sdlc-new-tab-swiper .swiper-wrapper {
    margin-bottom: 10rem;
}
.sdlc-new-tab-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .sdlc-new-tab-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2rem 0 0rem;
}
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
    .arrows-heading 
 { 
    width: 30%;
 }
      .tab-three-contents-card p.common-paragraph {
    font-size: 75px;
}
      .sdlc-squad-in-action-sec.sdlc-new-changes-sec {
    padding: 0px 20rem 20rem 20rem;
}
.sdlc-new-changes-div h4 
 {
    font-size: 5rem;
    margin-bottom: 5rem;
}
  .arrows-heading::before, .arrows-heading::after { 
            width: 100%;
        background-size: 50%;
 }
 .tab-three-contents-card { 
    height: 100%;
    /*width: 18%;*/
    /*-ms-flex: 0 0 18%;*/
    /*flex: 0 0 18%;*/
    /*max-width: 18%;*/
}
.sdlc-new-changes-div img {
    width:100%;
}
#opt2 .sdlc-new-changes-div img {
    width:50%;
}
.sdlc-new-tab-swiper .swiper-pagination-bullet {
    width: 75px;
    height: 75px;
}
.arrows-heading { 
    font-size: 60px;
}
.tab-three-contents-card {
  
    padding: 3rem;
}
.cards-full-div { 
    margin: 10rem 0rem 0rem 0rem;
}
.card-sdlc-head-div h5 {
    font-size: 3rem;
}
.card-sdlc-head-div {
    
    top: 45px;
}
.tab-three-contents-card-div::before {
    
    border: 4px dashed #E82B2E;
}
 .ao-banner-sec.transport-banner-sec .bg-video {
        width: 37%;
        right: 30rem;
        top: 40rem;
    }
    
.sdlc-new-tab-swiper .swiper-wrapper {
    margin-bottom: 10rem;
}
.sdlc-new-tab-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .sdlc-new-tab-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2rem 0 0rem;
}
 .transport-page-sec .sdlc-content-card-img-div {
         padding: 0rem 0rem 1rem 0rem;
 }
    .transport-page-sec .sdlc-content-card-img-div video {
    width: 40%;
}
}
/*SDLC New changes responsiveness divya 25-6-25*/
 /*  Common Banner Video Responsive Divya 14-8-25 */

 /* Mobile Devices */

 @media only screen and (max-width: 319.5px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 80%;
         right: 0;
         left: auto;
         top: 0;
         height: 50%;
         position: relative;
         object-fit: contain;
         transform: none;
     }
 }

 @media only screen and (min-width: 320px) and (max-width: 767.5px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 80%;
         right: 0;
         left: auto;
         top: 0;
         height: 50%;
         position: relative;
         object-fit: contain;
         transform: none;
     }
 }

 /* Tab Devices */
 @media only screen and (min-width: 768px) and (max-width: 1023.5px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 @media only screen and (min-width: 1024px) and (max-width: 1280px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 /*  Desktop Devices */
 @media only screen and (min-width: 1281px) and (max-width:1440px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 @media only screen and (min-width: 1824px) and (max-width: 1920px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 @media only screen and (min-width: 1921px) and (max-width: 2560px) {

     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 /* 6k resolution */
 @media only screen and (min-width: 3841px) and (max-width: 6144px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }

 /* 8k resolution */
 @media only screen and (min-width: 6145px) and (max-width: 7681px) {
     .gdm-banner-sec.code-fusion-banner .bg-video {
         width: 33%;
         right: auto;
         margin: 0;
         position: absolute;
         top: 50%;
         left: 70%;
         transform: translate(-50%, -50%);
     }
 }



 /* Home Page New badge section Divya 13-8-25*/
.home-new-badge-sec {
    position: relative;
    background-color: #000;
}

.home-new-badge-card {
    position: relative;
    background-color: #1C1C1C;
    padding: 3rem;
    border-radius: 0.5rem;
}

.home-new-badge-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-new-badge-content-col {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.home-new-badge-content-div h2 {
    width: 98%;
    margin-bottom: 4rem;
    line-height: normal;
}

.home-new-badge-img-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-new-badge-sec .col-md-5 {
    display: flex;
    width: 100%;
    height: 100%;
}

.home-new-badge-img-div {
    width: 100%;
}

/* Home Page New badge section Responsive Divya 13-8-25 */

/* Responsiveness Media Query */

/* Mobile Devices */

@media only screen and (max-width: 319.5px) {
    .home-new-badge-card {
        padding: 1rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 1rem;
        width: 100%;
    }

    .home-new-badge-sec .col-md-5 {
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {

    .home-new-badge-card {
        padding: 1rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 1rem;
        width: 100%;
    }

    .home-new-badge-sec .col-md-5 {
        margin-top: 1rem;
    }
}

/* Tab Devices */
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }

    .home-new-badge-card {
        padding: 1rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 1rem;
        width: 100%;
        font-size: 28px;
        line-height: normal;
    }

    .home-new-badge-sec .col-md-5 {
        display: flex;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

    .home-new-badge-card {
        padding: 2rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 2rem;
        width: 100%;
        font-size: 35px;
        line-height: normal;
    }

    .home-new-badge-sec .col-md-5 {
        display: flex;
    }
}


/*  Desktop Devices */
@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .home-new-badge-card {
        padding: 2rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 2rem;
        width: 100%;
        font-size: 45px;
    }
}

/* Large */
@media only screen and (min-width: 1600px) and (max-width: 1823px) {}

@media only screen and (min-width: 1824px) and (max-width: 1920px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .home-new-badge-card {
        padding: 3rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 3rem;
        width: 90%;
    }

}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }

    .home-new-badge-card {
        padding: 4rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 4rem;
        width: 85%;
    }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }

    .home-new-badge-card {
        padding: 3rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 4rem;
        width: 85%;
    }
}

/* 6k resolution */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .home-new-badge-card {
        padding: 7rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 7rem;
    }

}

/* 8k resolution */
@media only screen and (min-width: 6145px) and (max-width: 7681px) {
    .home-new-badge-sec .col-md-11.home-new-badge-col {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .home-new-badge-card {
        padding: 8rem;
    }

    .home-new-badge-content-div h2 {
        margin-bottom: 10rem;
    }

}
button.faq-list-item__title, button.faq-list-item__title {
        color:#000;
}

.faq-container button {
    color:#000;
}
