html {
  scroll-behavior: smooth;
}

.page-node-15 h3 {
  font-size: 3vw;
}

/*** banner section ***/
.show-mobile {
  display: none;
}

.fade-in {
  animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.pointer-cont span {
  line-height: 1.2;
  margin-top: 0;
  float: left;
}

.page-node-15 .banner-text {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: initial;
  left: 0;
}

.page-node-15 h2.hdrText {
  font-size: 3.79vw;
  width: 57%;
  color: #fff;
  line-height: 1;
  margin-left: 12.4%;
}

.page-node-15 .pointer {
  width: 38vw;
  height: 33vh;
  background-color: rgba(255, 0, 0, 0.7);
  margin: 3% 0;
}

.page-node-15 .pointer:before {
  content: "";
  position: absolute;
  right: -6vw;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 6vw solid rgba(255, 0, 0, 0.5);
  border-top: 33vh solid transparent;
}

.page-node-15 .pointer-cont {
  color: #fff;
  font-size: 6.29vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 6vw;
  font-family: system-ui;
  line-height: 1;
  font-weight: 700;
}

.page-node-15 p.hdrDesc {
  color: #fff;
  margin-top: 2%;
  font-size: 2vw;
  margin-left: 14%;
}

.owl-dots {
  position: absolute;
  bottom: 10rem;
  margin: 0;
  width: 24%;
  left: 0;
  right: auto;
}

.banner .experiences-area .owl-dots .owl-dot:nth-child(2)::after,
.banner .owl-dots .owl-dot:nth-child(1)::after {
  background-color: #fff;
}

.owl-dot {
  margin: 30px auto;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff !important;
  border-left: 2px solid #fff !important;
}

.owl-dots .owl-dot:nth-child(2) {
  transform: rotate(135deg);
  margin-right: 50px;
}

.owl-dots .owl-dot:nth-child(1) {
  transform: rotate(-45deg);
  margin-right: 12%;
}

.owl-dots .owl-dot:nth-child(2)::after,
.owl-dots .owl-dot:nth-child(1)::after {
  content: "";
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  transform: rotate(-45deg) translate(15px, 4px);
  left: -5px;
  top: 2px;
  position: relative;
}

.owl-theme .owl-dots .owl-dot span {
  display: none;
}

.owl-theme .owl-nav {
  font-size: 40px;
}

/*** overview section ***/
.rel-v-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.overview ul {
  padding-left: 20px;
}

.overviewSection {
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding: 5% 0 0;
}

.container-sec .shadegreen,
.container-sec .shadered {
  display: none;
}

.overviewSection .textArea {
  width: 40vw;
  top: 4vw;
  right: 9vw;
}

.overviewSection .textArea .common-paragraph-text {
  width: 25vw;
}

.page-node-4320 .overview-content .moreContent ul {
  padding-left: 25px;
}

/*** *****/
.common-outline-text {
  color: black;
  -webkit-text-stroke: 2px black;
  -webkit-text-fill-color: white;
  font-size: 3vw;
  margin-bottom: 2%;
  position: relative;
}

.gradient-text {
  background-image: linear-gradient(27deg, rgb(60, 209, 150), rgb(48, 75, 213));
  background-origin: content-box;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 4.2vw;
  line-height: 1.3;
  font-weight: 700;
}

.common-paragraph-text {
  /* margin-top: 1vw; */
  font-size: 1.1vw;
  width: 40vw;
}

.image-content {
  width: 90%;
}

.textArea {
  width: 48vw;
  top: 4vw;
}

.position-absolute {
  position: absolute;
}

.top-right {
  right: 0;
}

/*** our culture ***/
.culture-area .imageArea {
  position: relative;
}

.culture-area .imageArea .img {
  height: auto;
  width: 100%;
}

#imga {
  z-index: 10;
}

#imgb {
  z-index: 20;
}

#imgc {
  z-index: 30;
}

.culture-area .imageArea .trek {
  height: 100%;
  z-index: 40;
}

.culture-area .knowMoreButton span {
  color: #fff;
}

.culture-area .textArea {
  width: 28vw;
  left: 16vw;
  bottom: 3vw;
  background: rgba(246, 25, 25, 0.8);
  border-radius: 60px;
  padding: 2vw 2vw;
  z-index: 40;
  top: 15vw;
  height: 50vh;
}

.culture-area .animationButton {
  margin-top: 0;
}

.culture-area .textArea .common-outline-text {
  -webkit-text-stroke: 1px #fff;
  letter-spacing: 1px;
  font-weight: 500;
}

.culture-area .textArea .common-paragraph-text {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 300;
  width: auto;
}

.culture-area .textArea .common-outline-button {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 2vw;
}

.display-mobile {
  display: none;
}

/*** animation text ***/
.container-sec {
  height: auto;
  width: 100%;
  min-width: 100%;
  /*display: flex;
  justify-content: space-between;
  align-items: flex-end;*/
  overflow: hidden;
  position: relative;
}

.common-heading {
  font-size: 3vw;
  width: 44vw;
}

.common-paragraph-text {
  /* margin-top: 1.5vw; */
  font-size: 20px;
}

.width40 {
  width: 40vw;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.width60 {
  width: 60vw;
}

.width50 {
  width: 50vw;
}

.top-right {
  top: 0;
  right: 0;
}

section#H1-section4 {
  padding-top: 5%;
}

.videotext-area {
  position: relative;
}

.videotext-area .textArea {
  top: 3vw;
  right: 10vw;
}

.videotext-area .textArea .common-outline-text {
  width: -moz-max-content;
  width: max-content;
  writing-mode: vertical-rl;
  display: inline-block;
  position: absolute;
  top: 0vw;
  left: -18vw;
}

.videotext-area .textArea .common-outline-text span {
  display: inline-block;
  white-space: nowrap;
}


.videotext-area-second .textArea {
  bottom: 5vw;
  top: auto;
  left: 20vw;
}

.videotext-area-second .common-outline-text {
  width: -moz-max-content;
  width: max-content;
  writing-mode: vertical-rl;
  display: inline-block;
  position: absolute;
  top: -2vw;
  left: -14vw;
  transform: rotateZ(-360deg);
}

.videotext-area-second .common-outline-text span {
  display: inline-block;
  white-space: nowrap;
}

.videotext-area-second .common-paragraph-text,
.videotext-area-second .common-heading {
  width: 34vw;
  color: #fff;
}

.harmoniVideo h4.common-subheading {
  color: #fff;
}

.videotext-area-second .knowMoreButton .circle {
  border: 1px solid #fff;
}

.videotext-area-second .knowMoreButton span,
.videotext-area-second .knowMoreButton .circle .icon {
  color: #fff;
}

.videotext-area-second button.common-outline-button.animate-active {
  color: #fff;
  border: 1px solid #fff;
}

.common-outline-button {
  transition: all 0.3s linear;
  animation: animateButton 0.3s linear;
}

@keyframes animateButton {
  0% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* our partners section */
#H1-section8 .img-content {
  margin-top: 100px;
}

.partnersSection,
.partnersSayingSection {
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding: 5% 5%;
}

.partnersSection .col-sm-6:last-child p {
  margin-bottom: 0;
}

.newSection {
  overflow: hidden;
  position: relative;
  padding: 0 5% 2% 5%;
}

.header-text-black {
  font-size: 4.2vw;
}

.icon-list {
  margin: 5% 0;
}

.class-rel {
  position: relative;
  top: 10vh;
  left: 24vw;
}

.class-abs {
  position: absolute !important;
  top: 20vh;
  left: 26vw;
}

.active.fade-right {
  animation: fade-right 1s ease-in;
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.animateActive {
  animation: animate 2s linear;
}

@keyframes animate {
  0% {
    transform: translateY(45px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/*** key frames ***/
@keyframes animateButton {
  0% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animate-active {
  /* animation: animateActive 0.5s ease-in, 0.3s linear; */
}

@keyframes animateActive {
  0% {
    transform: translateY(45px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animate-active-top {
  transform: translateY(-3.5vw);
  animation: animateActiveTop 0.3s linear;
}

@keyframes animateActiveTop {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-3.5vw);
  }
}

.animate-active-top-image {
  transform: translateY(1.5vw);
  animation: animateActiveTopImage 0.3s linear;
}

@keyframes animateActiveTopImage {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(1.5vw);
  }
}

.animate-active-bgcolor {
  animation: animateActiveBgColor 0.5s linear;
}

@keyframes animateActiveBgColor {
  0% {
    background: linear-gradient(180deg, purple, white) !important;
  }

  100% {
    background: inherit;
  }
}

.animate-active-bottom {
  transform: translateY(3vw);
  animation: animateActiveBottom 0.5s linear;
}

@keyframes animateActiveBottom {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(3vw);
  }
}

.animate-active-opacity {
  opacity: 1;
  animation: animateActiveOpacity 0.5s ease-in, 0.3s linear;
}

@keyframes animateActiveOpacity {
  0% {
    opacity: 0;
    transform: translateY(45px);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.animate-active-left {
  opacity: 1;
  animation: animateActiveLeft 0.5s ease-in, 0.3s linear;
}

@keyframes animateActiveLeft {
  0% {
    transform: translateX(-55px);
  }

  100% {
    transform: translateX(0px);
  }
}

/*** carousel-section ***/
.expertise-content {
  width: auto;
  float: right;
  margin-right: 4%;
}

section#H1-section2 {
  padding: 0;
}

.expertise-text {
  width: auto;
  position: absolute;
  left: 10%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
}

.our-expertise h2.common-outline-text {
  left: 7%;
}

.expertise-text .common-heading {
  width: 40vw;
  padding-left: 6vw;
  margin-top: 4vh;
}

.expertise-text .common-paragraph-text {
  padding-left: 6vw;
  margin-top: 1vh;
  width: 50vw;
  font-size: 1.12vw;
}

.expertise-text .knowMoreButton {
  left: 12%;
  top: 0;
}

.expertise-text button.common-outline-button {
  margin-left: 6vw;
  width: 9vw;
  margin-top: 2vw;
}

.our-expertise .owl-dots {
  display: none;
}

.our-expertise .owl-theme .owl-nav {
  display: block;
}

.our-expertise .owl-prev,
.our-expertise .owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: orangered !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  height: 2.5vw !important;
  width: 2.5vw !important;
  font-size: 4vw !important;
  border-radius: 50% !important;
  border: 1px solid #ccc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99 !important;
}

.our-expertise .owl-prev {
  left: 4vw;
}

.our-expertise .owl-next {
  right: 4vw;
}

.our-expertise .owl-prev span,
.our-expertise .owl-next span {
  position: relative;
  top: -10px;
  font-size: 4vw !important;
}

.fade-right-img {
  animation: rtl 1s ease-in;
}

@keyframes rtl {
  0% {
    transform: translateX(50px);
    opacity: 1;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/*** carrer section ***/
.careersection .textArea {
  width: 40vw;
  top: 14vw;
  transform: translateY(0px);
  right: -4vw;
}

/*** insights ***/
.insight-area {
  position: relative;
  flex-direction: column;
  padding: 2vw;
}

.page-view-insights .banner-text {
  width: 50vw;
  top: 35%;
}

.views-exposed-form .js-form-item {
  margin-right: 1.5vw;
}

.views-exposed-form label,
.views-exposed-form .form-select {
  font-size: 1vw;
}

.views-exposed-form .js-form-submit {
  background-color: #ff0000;
  border: 1px solid #ff0000;
  font-size: 20px;
}

.view-filters span.glyphicon {
  font-size: 1vw;
  margin: 2% 1% 0;
}

.view-filters svg {
  height: 1.5vw;
  margin-top: 2.5%;
  fill: #ff0000;
}

#views-exposed-form-insights-page-1 .insight-area .textArea {
  width: 100%;
}

.insight-area .textArea .common-outline-text {
  left: 5vw;
}

.view-filters svg {
  font-size: 30px;
  filter: drop-shadow(-1px -1px 0px #000000) drop-shadow(1px -1px 0px #000000) drop-shadow(1px 1px 0px #000000) drop-shadow(-1px 1px 0px #000000);
}

.view-filters svg {
  height: 1.3vw;
  margin-top: 2.5%;
  fill: #ffffff;
}

.insight-area .imageArea {
  height: 40vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 5%;
}

.insight-area .imageArea .insight-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 23vw;
  justify-content: center;
  height: 25vw;
  cursor: pointer;
}

.insight-area .imageArea .insight-image img {
  height: 5vw;
}

.insight-area .imageArea .insight-image .insight-text {
  font-size: 20px;
  width: 18vw;
  text-align: center;
  margin: 1.5vw auto 0;
  display: block;
}

.insight-image .animationButton {
  margin-top: 5vh;
}

.insight-area .imageArea .insight-image:hover {
  box-shadow: 3px 3px 5px 2px rgb(219, 219, 219);
}

.insight-image.reveal.fade-bottom.delay.active {
  animation: fade-bottom 1s ease-in;
}

/*** our people ***/
.width60 {
  width: 60vw;
}

.width50 {
  width: 50vw;
}

.top-right {
  top: 0;
  right: 0;
}

.ourpeople-area {
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  position: relative;
  padding: 3% 0;
}

.ourpeople-area .imageArea {
  height: 40vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.ourpeople-area .imageArea .img {
  height: 100%;
  width: auto;
  -o-object-fit: fill;
  object-fit: fill;
  position: static;
  bottom: 0;
  opacity: 1;
  animation: ourPeople 20s infinite;
  animation-timing-function: linear;
  transform: translateY(0);
}

.ourpeople-area .imageArea .img-1 {
  bottom: -100%;
}

@keyframes ourPeople {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.ourpeople-area .textArea {
  height: 100%;
  width: 57vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ourpeople-area .textArea .common-paragraph-text {
  width: 80%;
  position: relative;
  right: 0;
  left: 2%;
}

.ourpeople-area .textArea .common-outline-button {
  right: 15vw;
  position: relative;
}

.ourpeople-area .animationButton {
  right: 17.3vw;
  position: relative;
}

.ourpeople-area .show {
  opacity: 1 !important;
  animation: slideUp 2s linear infinite;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }

  50% {
    transform: translateY(0%);
  }

  75% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-100%);
  }
}

/*** joinSonata ***/
.joinSection .textArea {
  right: 0;
}

/*InTheNews*/
.view-newsroom .animationButton {
  margin-left: 5%;
}

.page-node-4884 table {
  margin: 0 auto;
}

/* L1 page code starts here */
/** Button style **/
.title-red {
  color: #ff0000;
  font-size: 15px;
}

/** Fade effect from left to right **/
.anim-active .ftr {
  animation: ftr-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes ftr-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

/** 2nd element animation **/
.anim-active .ftr-anim-delay2 {
  animation: delay2-ftr-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes delay2-ftr-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

/** 3rd element animation **/
.anim-active .ftr-anim-delay3 {
  animation: delay3-ftr-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes delay3-ftr-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

.ftr {
  animation: ftr-anim 0.7s ease-out;
  visibility: hidden;
}

@keyframes ftr-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
  }
}

/** 2nd element animation **/
.ftr-anim-delay2 {
  animation: delay2-ftr-anim 0.7s ease-in;
  visibility: hidden;
}

@keyframes delay2-ftr-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
  }
}

/** 3rd element animation **/
.ftr-anim-delay3 {
  animation: delay3-ftr-anim 0.7s ease-in;
  visibility: hidden;
}

@keyframes delay3-ftr-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
  }
}

/** Fade effect from right to left **/
.anim-active .ftl {
  animation: ftl-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes ftl-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

/** 2nd element animation **/
.anim-active .ftl-anim-delay2 {
  animation: delay2-ftl-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes delay2-ftl-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

/** 3rd element animation **/
.anim-active .ftl-anim-delay3 {
  animation: delay3-ftl-anim1 0.7s ease-in;
  visibility: visible;
}

@keyframes delay3-ftl-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

.ftl {
  animation: ftl-anim 0.7s ease-out;
  visibility: hidden;
}

@keyframes ftl-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(100%);
    visibility: hidden;
  }
}

/** 2nd element animation **/
.ftl-anim-delay2 {
  animation: delay2-ftl-anim 0.7s ease-in;
  visibility: hidden;
}

@keyframes delay2-ftl-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(100%);
    visibility: hidden;
  }
}

/** 3rd element animation **/
.ftl-anim-delay3 {
  animation: delay3-ftl-anim 0.7s ease-in;
  visibility: hidden;
}

@keyframes delay3-ftl-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(100%);
    visibility: hidden;
  }
}

/** Fade effect from bottom to top **/
.anim-active .ftt {
  animation: ftt-anim1 0.7s ease-in;
  visibility: visible;
}

.section-spacing.WhyFabricImg .col-sm-6:nth-child(2) p img {
  width: 100%;
}

@keyframes ftt-anim1 {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.ftt {
  animation: ftt-anim 0.7s ease-in;
  visibility: hidden;
}

@keyframes ftt-anim {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
}

.more-cta {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  height: 23px;
}

.more-cta a.know-more,
.more-cta a.more-red {
  padding: 5px 15px;
  font-size: 10px;
  border-radius: 25px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

.more-cta a.more-red {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  line-height: 12px;
  display: block;
  background: #f00;
  border: 1px solid #f00;
  color: #fff;
  white-space: nowrap;
}

.more-cta:hover a.more-red {
  visibility: visible;
  animation: ctaMore 0.2s ease-in;
}

/** container starts here **/
.container-wrap {
  padding-left: calc(7.35% - 7.5px);
  padding-right: calc(7.35% - 7.5px);
}

.btn-border-white {
  padding: 5px 20px;
  border: 1px solid #fff;
  border-radius: 25px;
  background: none;
  color: #fff;
  font-size: 12px;
}

.section-banner img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/** Card stack animation section begins here **/
.node--type-industry section.container-fluid .col-md-5 p {
  width: 100%;

}
}

.node--type-industry .col-md-5.card-tit h2 {
  padding-top: 5%;
}

/*.node--type-industry .col-md-5.card-tit {
  margin-left: 0;
}*/


.node--type-industry section.overview.container-fluid h2,
.node--type-industry section.container-fluid.offerings h2,
.node--type-industry section.overview.container-fluid p,
.node--type-industry section.container-fluid.offerings p {
  margin-left: 0;
}

.card-stack-wrap {
  margin-top: 30px;
  padding-bottom: 50px;
}

.card-stack-wrap article {
  display: flex;
  position: relative;
  min-height: 500px;
  max-width: 1640px;
  width: 100%;
  margin: 0 auto;
  padding: 5% 5% 0;
  border-radius: 30px;
  color: #fff;
  transform-origin: 50% -160%;
}

.card-stack-wrap article .row {
  width: 100%;
}

.card-stack-wrap article .row .col-lg-6:first-child {
  padding-bottom: 3%;
}

.card-stack-wrap article p {
  margin-bottom: 10px;
}

.card-stack-wrap .stack-card {
  margin-bottom: 80px;
  min-height: 500px;
  width: 100%;
}

.card-stack-wrap .stack-card:last-child {
  margin-bottom: 10px;
}

.card-stack-wrap article h2 {
  margin-bottom: 20px;
  margin-left: 0 !important;
  font-weight: 700;
}

.card-stack-wrap article img {
  display: block;
  margin: 0 auto;
  padding-top: 40px;
  max-height: 500px;
  max-width: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-stack-wrap article .btn-border-white {
  width: 190px;
  text-decoration: none;
  cursor: pointer;
}

.card-stack-wrap article .btn-border-white:hover {
  color: #fff;
}

.card-stack-wrap article ul {
  padding-left: 25px;
  margin-bottom: 10px;
  max-height: 30vh;
  overflow-y: auto;
}

.card-stack-wrap article ul li ul {
  overflow: visible;
  max-height: inherit;
  margin-bottom: 5px;
}

.card-stack-wrap article ul li {
  padding-bottom: 10px;
  font-size: 18px;
  list-style: disc;
}

.card-stack-wrap article ul li p {
  margin-bottom: 0;
}

.card-stack-wrap article.overview-card-1,
.card-stack-wrap article.overview-card-6 {
  background: #00be9b;
}

.card-stack-wrap article.overview-card-2,
.card-stack-wrap article.overview-card-7 {
  background: #009dd9;
}

.card-stack-wrap article.overview-card-3,
.card-stack-wrap article.overview-card-8 {
  background: #8e5da3;
}

.card-stack-wrap article.overview-card-4,
.card-stack-wrap article.overview-card-9 {
  background: #ff9400;
}

.card-stack-wrap article.overview-card-5,
.card-stack-wrap article.overview-card-10 {
  background: #ff117b;
}

.card-stack-wrap article.overview-card-6,
.card-stack-wrap article.overview-card-11 {
  background: #8e5da3;
}

@keyframes hover-efx {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

/** Offering section **/
.offerings {
  padding-bottom: 70px;
  background: #fff;
}

.page-node-4455 .offerings {
  padding-bottom: 0;
}

.page-node-5017 .offerings {
  padding-top: 5%;
}

.offerings h2 {
  margin: 20px 0 15px;
  font-weight: bolder;
  line-height: 1.3;
}

.offerings h3 {
  line-height: 1.3;
  font-weight: 600;
}

.offerings>.container-wrap>.row>.col-md-5 {
  width: 70%;
}

.offering-list {
  margin: 20px 0;
  padding-left: 0 !important;
  border-radius: 20px;
  border: 1px solid #707070;
  list-style: none;
}

.offering-list>li {
  position: relative;
  border-bottom: 1px solid #707070;
  margin-bottom: 1px;
  overflow: hidden;
  transition: all 0.2s;
  list-style: none;
}

.offering-list>li .row:before {
  display: none;
}

.offering-list>li:last-child {
  border-bottom: 0;
}

.offering-list li figure {
  height: 0;
  margin-left: -20px;
  background: #d8d8d8;
  transform: translateX(-100%);
  transform-origin: center left;
  transition: height 0.4s;
  margin-bottom: -20%;
}

.offering-list li:hover figure {
  height: 100%;
  transform: translateX(0);
  margin-bottom: 0;
}

.offering-list>li:first-child {
  border-radius: 20px 20px 0 0;
}

.offering-list>li:last-child {
  border-radius: 0 0 20px 20px;
}

.offering-list .cont-info {
  font-size: 0.9vw;
}

.offering-list li .left-section {
  position: relative;
  left: -24%;
  overflow: hidden;
  transition: all 0.3s ease-in;
}

.offering-list li .offer-list-info {
  padding: 25px 30px;
}

.offering-list li h3 {
  font-weight: 700;
  font-size: 2vw;
  margin-bottom: 20px;
}

.offering-list li p {
  margin-bottom: 0;
  font-size: 1.2vw;
  line-height: 1.4;
}

.offering-list li ul {
  margin: 15px 0 0;
  padding-left: 25px;
  list-style: disc;
  font-size: 1.2vw;
  line-height: 1.4;
}

.offering-list li .cta-section {
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition: 0.2s ease-in;
}

.offering-list li ul li,
.offering-list li ol li {
  padding: 5px 0;
  font-size: 1.2vw;
  list-style: disc;
}

.offering-list li ul li span {
  font-size: 1.2vw;
}

.offering-list li .num-more {
  display: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #ccc;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  color: #959595;
  position: absolute;
  bottom: 0;
}

.offering-list li .off-know-more {
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease-in;
  position: absolute;
  right: 50px;
  bottom: 20px;
  top: auto;
}

.offering-list li .knowMoreButton .circle {
  border: 1px solid #fff;
}

.offering-list li .knowMoreButton .circle .icon,
.offering-list li .knowMoreButton>span a {
  color: #fff;
}

.offering-list li .knowMoreButton:hover .circle {
  border: 1px solid #ff0000;
}

.offering-list li .summary-ellipsis {
  display: none;
}

.offering-list li picture {
  background: #dedede;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 29vh;
}

.offering-list li .auto-height picture {
  max-height: 48.1vh;
}

.offering-list li picture img {
  width: 100%;
  height: fit-content;
}

.offering-list li .left-section.auto-height {
  overflow: visible;
  height: auto;
}

.offering-list li .left-section.auto-height .row {
  height: 100%;
}

.offering-list li.expanded .left-section {
  height: auto;
}

.offering-list li.active .more-content.expanded .off-know-more {
  visibility: hidden;
  opacity: 0;
}

.offering-list li:hover {
  background: #333;
  color: #fff;
}

.offering-list li:hover .left-section {
  left: 12px;
}

.offering-list li .col-md-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.offering-list li .summary-content {
  margin-right: 50px;
  padding-right: 200px;
  font-size: 1.2vw;
  line-height: 1.4;
}

.offering-list li .actual-content {
  transition: 0.3s ease-in;
  display: none;
  max-height: 24vh;
  overflow-y: auto;
}

.offering-list li:hover .actual-content {
  padding-right: 200px;
}

.page-node-4534 .offering-list li .actual-content {
  max-height: 30vh;
}

.offering-list li .actual-content::-webkit-scrollbar {
  width: 10px;
  background: #f2f2f2;
  border-radius: 15px;
}

.offering-list li .actual-content::-webkit-scrollbar-track {
  border-radius: 15px;
}

.offering-list li .actual-content::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: #ff0000;
}

.offering-list li.active .left-section.auto-height .summary-content {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  display: none;
}

.offering-list li.active .left-section.auto-height .actual-content {
  visibility: visible;
  opacity: 1;
  display: block;
}

.offering-list li .actual-content .animationButton {
  margin-top: 15px;
}

.offering-list li:hover .num-more {
  visibility: hidden;
}

.offering-list li:hover .off-know-more {
  visibility: visible;
  opacity: 1;
}

.offering-list li.active .left-section.auto-height .off-know-more {
  visibility: hidden;
  opacity: 0;
}

/** Offering section ends here **/

/** Advantages section begins here */
.advantages {
  position: relative;
  padding-bottom: 70px;
  min-height: 1400px;
  background-image: url(../images/advantages.png);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-node-4551 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_16_0.jpg);
}

.page-node-5002 .advantages {
  background-image: url(../images/advantages.png);
}

/** IOS background attachment property **/
@supports (-webkit-touch-callout: none) {
  .advantages {
    background-attachment: scroll;
  }
}

@supports not (-webkit-touch-callout: none) {
  .advantages {
    background-attachment: fixed;
  }
}

.advantages:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.advantages .advantages-wrap {
  position: relative;
  padding-left: 7.32%;
  padding-right: 7.32%;
}

.advantages h2 {
  padding: 30px 0;
  text-align: center;
  font-weight: 600;
  color: #fff;
}

.advantages .adv-card {
  width: 24vw;
  padding: 30px 20px;
  background-color: rgba(64, 61, 60, 0.3);
  border: 1px solid #bec0c1;
  border-radius: 16px;
  color: #fff;
  backdrop-filter: blur(7px);
  min-height: 16vh;
}

.advantages .adv-card ul {
  padding-left: 25px;
}

.advantages .adv-box-wrap {
  display: flex;
}

.advantages .adv-box-wrap:nth-child(even) {
  flex-direction: row-reverse;
}

.advantages .adv-title {
  padding-top: 50px;
}

.advantages .adv-title.fixed {
  position: sticky;
  top: 0;
  width: 100%;
  text-align: center;
}

.advantages .adv-card h4 {
  font-weight: 700;
}

.advantages .adv-card p {
  line-height: 1.7;
  margin: 10px 0 0;
}

/** Our partners section **/
#H1-section8 .img-contnet {
  margin-top: 100px;
}

.our-partners {
  position: relative;
}

.our-partners .container-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  padding: 0 7%;
}

.our-partners .container-wrap h2 {
  padding: 0 0 50px;
  font-weight: 600;
  font-size: 40px;
}

.our-partners .container-wrap figure {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.our-partners .container-wrap img {
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.our-partners .container-wrap [class*="col-"]:first-child figure {
  padding-left: 0;
}

/** Industries section begins here **/
.industries-wrap .container-wrap {
  padding-left: 7%;
  padding-right: 7%;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
}

.industries {
  position: relative;
  transition: transform 0.5s;
  width: 100%;
  margin-bottom: -1px;
  contain: paint;
}

.views-exposed-form .js-form-submit {
  padding: 5px 25px;
}

[id*="industries-"] {
  position: relative;
  transition: all 1.5s ease-in;
  border: 0;
  margin-bottom: 0;
}

[id*="industries-"] picture {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

[id*="industries"] img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: calc(100vh + 98px);
}

[id*="industries-"] .container {
  position: relative;
}

[id*="industries-"] .industry-paragraph-wrap {
  position: absolute;
  color: #fff;
}


[id*="industries-"] h2 {
  font-size: 2.8vw;
  font-weight: 600;
  right: 0;
}

[id*="industries-"] .industry-paragraph-wrap {
  right: 7%;
  top: 38%;
  width: 40%;
  color: #fff;
}

#industries-3 h3 {
  width: 24vw;
}

#industries-2 h3,
#industries-4 h3 {
  right: 10%;
  width: 35%;
}

.industries .nav-wrap {
  position: sticky;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 15px;
  z-index: 5;
}

.industries .nav-wrap>strong {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  margin: 10px auto;
}

[id*="industries-"] .industry-paragraph-wrap ul {
  padding-left: 25px;
}

.industries .nav-wrap ul {
  display: block;
  margin-top: -10px;
}

.industries .nav-wrap ul li {
  display: inline-block;
  border: 2px solid transparent;
}

.industries .nav-wrap ul li.active {
  opacity: 0.3;
  border: 2px solid #fff;
}

.industries .nav-wrap ul li img {
  width: 120px;
}

.industries .nav-wrap ul li a {
  padding: 0;
}

.industries .nav-wrap ul li a:hover,
.industries .nav-wrap ul li a.active {
  opacity: 0.9;
}

/** Case studies begins here **/
.case-studies {
  position: relative;
  /* background: rgb(0, 188, 158);
  background: -moz-linear-gradient(left, rgba(0, 188, 158, 1) 0%, rgba(0, 164, 204, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 188, 158, 1) 0%, rgba(0, 164, 204, 1) 100%);
  background: linear-gradient(to right, rgba(0, 188, 158, 1) 0%, rgba(0, 164, 204, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bc9e', endColorstr='#00a4cc', GradientType=1); */
  background: none;
  overflow: hidden;
}

.case-studies-wrap {
  position: relative;
  min-height: 100vh;
  background-image: url(../images/case-studies.webp);
  background-attachment: fixed;
  background-position: left 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.case-studies-wrap .cs-stacked-cards {
  position: relative;
  min-height: 100vh;
  margin-left: 5%;
  display: flex;
  align-items: center;
}

.case-studies-wrap .cs-title {
  margin-right: -50px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 26px;
  font-weight: 500;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element {
  position: absolute;
  width: 350px;
  height: 450px;
  padding: 20px;
  border-radius: 10px;
  transition: 0.5s;
}

.case-studies-wrap .cs-stacked-cards .cards-wrap {
  position: relative;
  min-height: 600px;
  width: 100%;
  display: flex;
  align-items: center;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-1 {
  left: 40px;
  top: 100px;
  background: #ffffff;
  z-index: 5;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-2 {
  left: 30px;
  top: 75px;
  background: #e9d5f7;
  z-index: 4;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-3 {
  left: 20px;
  top: 50px;
  background: #d1abef;
  z-index: 3;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-4 {
  left: 10px;
  top: 25px;
  background: #bd82eb;
  z-index: 2;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-5 {
  left: 0;
  top: 0;
  background: #ac72d9;
  z-index: 1;
}

.case-studies-wrap .cs-stacked-cards .cs-card-element.card-active {
  transform: translateY(-100vh) rotate(-55deg);
  transition: 0.5s;
  visibility: hidden;
  transform-origin: bottom left;
}

.case-studies-wrap .cs-card-element strong {
  position: absolute;
  top: 3px;
  font-size: 14px;
  font-weight: 500;
}

.case-studies-wrap .cs-card-element h3 {
  margin: 10px 0;
  line-height: 1.4;
  font-weight: 600;
  font-size: 22px;
}

.case-studies-wrap .cs-card-element p {
  font-size: 14px;
}

.case-studies-wrap .cs-arrow-wrap {
  position: absolute;
  transform: scale(1.2);
  bottom: 10px;
  left: 40px;
}

.case-studies-wrap .cs-arrow-wrap a {
  display: inline-block;
  margin: 5px 8px;
  cursor: pointer;
}

.case-studies-wrap .prev.disable,
.case-studies-wrap .next.disable {
  opacity: 0.3;
  pointer-events: none;
}

/** Thought leadership **/
.thought-leadership {
  position: relative;
  padding: 50px 0 50px 3%;
  height: 70vh;
}

.thought-leadership .inner-content {
  position: relative;
}

.thought-leadership .row {
  margin-right: 0;
}

.thought-leadership h2 {
  margin: 30px 0;
  font-size: 2.8vw;
  font-weight: 600;
  line-height: 1.4;
}

.thought-leadership.testimonials {
  overflow: hidden;
  padding: 5% 7%;
}

.page-node-4681 .thought-leadership.testimonials {
  padding-bottom: 0;
}

.title-red {
  color: #ff0000;
  font-size: 20px;
  text-transform: uppercase;
}

.thought-leadership.testimonials p {
  margin: 50px 0 30px;
  width: 80%;
}

.thought-leadership .cs-arrow-wrap {
  bottom: 0;
}

.thought-leadership .cs-arrow-wrap svg {
  transform: scale(1.4);
}

.thought-leadership.testimonials {
  overflow: visible;
  height: 100vh;
}

.thought-leadership.testimonials p {
  margin: 50px 0 30px;

}

.thought-leadership.testimonials .posted-by strong {
  display: block;
  font-size: 14px;
}

.thought-leadership.testimonials .tm-animation-wrap {
  position: relative;
}

.thought-leadership.testimonials .posted-by span {
  font-size: 11px;
}

.thought-leadership.testimonials .owl-nav {
  position: absolute;
  text-align: left;
  font-size: 40px;
  bottom: auto;
  top: -43px;
  left: -6px;
}

.thought-leadership.testimonials .row {
  align-items: flex-start !important;
}

.thought-leadership.testimonials img:first-child {
  position: absolute;
  z-index: 9;
  max-width: 35%;
  left: 24%;
  top: 90px;
  height: 12vw;
  /* animation: fade-away1 0.7s ease-out;*/
}

@keyframes fade-away1 {
  from {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translateX(100%);
    visibility: hidden;
  }
}

.thought-leadership.testimonials img:last-child {
  position: relative;
  right: 0;
  max-width: 50%;
  margin: 10px auto;
  display: block;
}

/** Hover effect lists **/

.hover-effect-lists {
  position: relative;
}

.hover-effect-lists .title {
  transform: rotate(-90deg);
  position: absolute;
  font-size: 1.4vw;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  left: 14%;
}

.hover-effect-lists ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.3vw;
}

.hover-effect-lists ul li:hover {
  background-color: #00be9b;
  color: #fff;
  transform: scale(1.1);
}

/* Landing page banner section styles */
.banner.inner-carousel {
  width: 100%;
  height: auto;
  position: relative;
}

.banner-text {
  position: absolute;
  top: 28%;
  display: flex;
  flex-direction: column;
  left: calc(7.35% + 7.5px);
  color: #fff;
  height: auto;
}

h2.hdrText {
  position: relative;
  color: #fff;
  font-size: 4.2vw;
  width: 35%;
  font-weight: 330;
  margin-bottom: 2%;
}

.pointer-cont {
  font-size: 6vw;
  width: 100%;
}

p.hdrDesc {
  font-size: 3.8em;
  clear: both;
}

/* overview section */
.page-node-4169 .overview {
  max-width: 100%;
  padding: 6% 7%;
}


.overview-content h3 {
  font-size: 2.5vw;
  font-family: 'Segoe-UI-Bold';
}

/* Video title */
.video-content-text.common-outline-text {
  left: 7%;
}


/* Expertise section */
.expertise-text {
  left: 7%;
}


/* Microsoft fabric: width adjustment */
.videotext-area .textArea .common-paragraph-text {
  width: 100%;
}

/* Partners section */
.partnersSection {
  padding: 5% 7%;
}

.partnersSayingSection {
  padding: 5% 10% 0;
}

.newSection {
  padding: 5% 10%;
}

/* new name to be added to p tag to adjust width as follows */
.partnersSection .common-paragraph-text {
  width: 80%;
}

/* new class name to be added to text: Discover the invaluable feedback and testimonials from our esteemed partners, sharing their firsthand experiences and insights about collaborating with us. */
.partnersSayingSection .common-paragraph-text {
  width: 90%;
}

/* Next para */
.newSection .common-paragraph-text {
  width: 45.5%;
}

/*** awards-section ***/
.awards-recognition {
  padding: 5% 7% 1%;
}

.awards-cont .common-heading {
  font-size: 3vw;
  width: 72%;
  transform: translateY(0px);
  opacity: 1;
}

.awards-cont p {
  display: flex;
  width: 28%;
  justify-content: end;
  align-items: end;
  flex-direction: column;
}

.awards-carousel {
  height: 25vh;
  display: flex !important;
  justify-content: end;
  align-items: end;
}

.awards-carousel.owl-carousel img {
  display: block;
  width: auto;
  height: 100%;
}

.awards-cont {
  display: flex;
  width: 100%;
}

.awards-carousel .owl-dots {
  display: none;
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 24%;
  left: 34%;
  right: auto;
}

.awards-carousel .owl-dot {
  margin: 30px auto;
  width: 15px;
  height: 15px;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
}

.awards-carousel .owl-dots .owl-dot:nth-child(2)::after,
.awards-carousel .owl-dots .owl-dot:nth-child(1)::after {
  content: "";
  display: block;
  width: 2px;
  height: 30px;
  background-color: #000;
  transform: rotate(-45deg) translate(15px, 4px);
  left: -5px;
  top: 2px;
  position: relative;
}

/*** newsroom ***/
section.in-the-news {
  padding: 0 7%;
}

section.in-the-news a {
  color: #000;
  width: 100%;
  float: left;
  font-size: 1.6vw;
  font-family: 'Segoe-UI-Bold';
  line-height: 1.2;
}

.in-the-news h2.common-outline-text {
  margin-bottom: -5vh;
  text-transform: uppercase;
  margin-top: 6vh;
}

.newsSectionlist p {
  font-size: 1.2vw;
  margin-top: 5.4%;
  margin-bottom: 0;
}

.newsroom-inner-content span {
  font-size: 16px;
}

.newsSectionCont .newsroom-inner-content {
  font-size: 0.9vw;
  border-bottom: 1px solid #808080;
  overflow: hidden;
  padding: 0 0 2%;
  margin-bottom: 3%;
}

.newsSectionlist a {
  margin: 2% 0;
}

/*** carousel-clientExperienceSection ***/
.experiences-area .slide {
  flex-direction: row;
}

.experiences-area .slide .imageArea {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  width: 50%;
  margin-top: 5%;
}

.experiences-area .slide .imageArea .quote {
  height: 3vw;
  z-index: 10;
  position: relative;
  left: -5vw;
  transition: opacity 1s linear;
  animation: opacityAnimate 1s linear;
  animation-delay: 0.5s;
  top: 45px;
}

.experiences-area .slide .imageArea .path {
  height: auto;
  z-index: 5;
  top: 5vw;
  animation: opacityAnimate 1s linear;
  animation-delay: 1s;
  width: auto;
}

.experiences-area .slide .imageArea .img-client {
  height: auto;
  z-index: 90;
  animation: opacityAnimate 1s linear;
  animation-delay: 1.5s;
  mix-blend-mode: difference;
  left: -49px;
  margin-top: -430px;
  width: auto;
}

.experiences-area .slide .textArea {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 5%;
  background-color: #000;
  border-radius: 30px;
  width: 100%;
  top: 0;
  color: #fff;
}

.client-exp {
  display: flex;
  margin-top: 15vh;
}

.quote {
  width: 10vw;
  position: relative;
  top: -19vh;
  z-index: 9999;
  height: 1vh;
  left: 0;
}

.experiences-area {
  padding: 5% 5% 0;
}

.experiences-area .slide .textArea p {
  font-size: 1.75vw;
  width: 100%;
}

.experiences-area li:first-child {
  font-size: 30px;
  font-family: 'Segoe-UI-Bold';
  margin-top: 4vh;
}

.experiences-area li {
  list-style: none;
  font-size: 20px;
  margin: 0 0 1vh;
}

.owl-carousel.owl-theme.testimonials-carousel {
  position: relative;
}

.testimonials-carousel .owl-nav {
  position: absolute;
  top: auto;
  bottom: 22%;
  right: 44%;
  left: auto;
}

.experiences-area .owl-dots {
  left: 37vw;
}

.experiences-area .owl-dots .owl-dot:nth-child(2)::after,
.owl-dots .owl-dot:nth-child(1)::after {
  background-color: #000;
}

.experiences-area .owl-dot {
  margin: -1px auto;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
}


/*** ThoughtLeadership Section Stlyes ***/
section.thought-leadership-spotlight {
  position: relative;
  padding: 5% 0 5% 7%;
}

section.thought-leadership-spotlight .col-sm-6:nth-child(2) {
  padding: 0;
}

.leadership-spot-content .col-sm-6.reveal.fade-right.active {
  padding: 0;
}

.leadership-spot-content .col-sm-6.reveal.fade-left.active {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.leadership-spot-content {
  display: flex;
}

.leadership-spot-content .col-sm-6.reveal.fade-left.active h3 {
  margin-top: 4vh;
}

.leadership-spot-content .active.fade-bottom {
  margin-top: 2vh;
}

.leadership-spot-content a {
  color: #000;
  text-decoration: none;
}

.leadership-spot-content .animationButton {
  margin-top: 2vh;
}

/* Board of directors */
.bm-banner-wrapper {
  padding: 0 3%;
  position: relative;
  padding-left: 50%;
}

.bm-banner-wrapper h2 {
  position: absolute;
  top: 35%;
  left: 5%;
}

.bm-banner-img-wrap {
  position: relative;
  margin-top: 130px;
  text-align: right;
  display: flex;
  align-items: end;
  justify-content: end;
}

.bm-banner-img-wrap img {
  width: auto;
  height: 100%;
}

.bm-banner .container-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
}

.bm-banner .v-center {
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.leadership-banner.bm-banner h2 {
  font-size: 6.25vw;
}

.bm-banner .container-wrap .v-center .col-md-5 {
  min-height: 100vh;
}

.bm-img-wrap {
  position: absolute;
  width: 36vw;
  bottom: 0;
  top: auto;
  right: 0;
}

.bm-banner .img-background {
  display: none;
  height: auto;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  position: absolute !important;
  top: 176px;
  bottom: 0;
  width: 100%;
  background: rgb(0, 188, 159);
  background: -moz-linear-gradient(45deg, rgba(0, 188, 159, 1) 0%, rgba(0, 163, 205, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0, 188, 159, 1) 0%, rgba(0, 163, 205, 1) 100%);
  background: linear-gradient(45deg, rgba(0, 188, 159, 1) 0%, rgba(0, 163, 205, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bc9f', endColorstr='#00a3cd', GradientType=1);
}

.bm-banner img {
  bottom: 0;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.board-members {
  position: sticky;
  top: 90px;
  min-height: 85vh !important;
}

.board-members h2 {
  margin: 30px 0;
  text-align: center;
}

.board-members .members-list {
  position: absolute;
  display: flex;
  list-style: none;
  height: 100%;
  width: 100%;
  padding: 0;
  background: #313131;
}

.members-list li {
  position: relative;
  width: 14.3%;
  border-right: 1px solid #525252;
  overflow: hidden;
  transition: all 1.1s ease-out;
  z-index: 0;
}

.members-list li .likedin-icon img {
  margin-top: -20px;
}

.members-list li .board-img {
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: -25px;
  transform: translateX(-10%) scale(1);
  right: 0;
  animation: memImg1 0.7s ease-in-out;
  width: auto;
  height: 64%;
  max-width: initial;
  z-index: 1;
}

.members-list li:nth-child(2) .board-img {
  left: -60px;
}

.members-list li:nth-child(3) .board-img {
  left: -40px;
}


.members-list li:last-child .board-img {
  left: -10px;
}


@keyframes memImg1 {
  from {
    transform: translateX(0) scale(1.5);
  }

  to {
    transform: translateX(-10%) scale(1);
  }
}

.members-list li:nth-child(odd) {
  background: #313131;
}

.members-list li:nth-child(odd) h3,
.members-list li:nth-child(odd) .mem-icon,
.members-list li:nth-child(odd) .mem-designation,
.members-list li:nth-child(odd) .li-icon a {
  color: #009dd9;
}

.members-list li:nth-child(even) h3,
.members-list li:nth-child(even) .mem-icon,
.members-list li:nth-child(even) .mem-designation,
.members-list li:nth-child(even) .li-icon a {
  color: #00be9b;
}

.members-list li:nth-child(even) {
  background: #404040;
}

.members-list li h3 {
  transition: 0.3s ease-in;
  position: absolute;
  top: 20px;
  width: 100%;
  white-space: nowrap;
}

.members-list li:hover h3.mem-title,
.members-list li.active h3.mem-title {
  visibility: hidden;
  opacity: 0;
}

.members-list li h3.hov-mem-title {
  visibility: hidden;
  opacity: 1;
}

.members-list li:hover h3.hov-mem-title,
.members-list li.active h3.hov-mem-title {
  visibility: visible;
  opacity: 1;
}

.members-list li .member-info {
  padding: 20px;
  color: #fff;
  padding-top: 65px;
}

.members-list li .animationButton {
  position: absolute;
  top: 120px;
  white-space: nowrap;
  visibility: hidden;
}

.members-list li:hover .animationButton {
  visibility: visible;
}

.members-list li.active .animationButton {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.members-list li .mem-designation {
  white-space: nowrap;
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  min-height: 55px;
}

.members-list li:hover {
  width: 60%;
}

.members-list li:hover .board-img {
  animation: memImg 0.7s ease-in-out;
  transform: scale(1.3) translateX(0);
}

@keyframes memImg {
  from {
    transform: translateX(-10%) scale(1);
  }

  to {
    transform: translateX(0) scale(1.3);
  }
}

.members-list li .visible-on-hover {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in;
  z-index: 9;
}

.members-list li .bio-cont {
  position: relative;
  z-index: 0;
  padding-top: 20px;
}

.members-list li.active .bio-cont {
  max-height: 55vh;
  overflow-y: auto;
  width: 60%;
  padding-right: 20px;
}

.members-list li:hover .visible-on-hover,
.members-list li.active .visible-on-hover {
  visibility: visible;
  opacity: 1;
}

.members-list li .li-icon {
  display: none;
}

.members-list li .mem-icon {
  transform: scale(2.3);
  cursor: pointer;
  margin-left: 10px;
}

.members-list li .mem-close {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  transform: scale(2.3);
  cursor: pointer;
  transition: 0.5s ease-in;
  color: #ff0000;
  z-index: 9;
}

.members-list li.active .mem-close {
  visibility: visible;
  opacity: 1;
}

.members-list li.active {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  animation: memWidth 0.3s ease-in;
  z-index: 9;
}

@keyframes memWidth {
  from {
    position: relative;
  }

  to {
    position: absolute;
  }
}

.members-list li p {
  opacity: 0;
  transition: 0.9s ease-in;
  font-size: 1vw;
  line-height: 1.4;
  margin-bottom: 2.5vh;
}

.members-list li.active p {
  opacity: 1;
}

.members-list li.active .member-info .board-img {
  transform: scale(1.5) translateX(0);
  animation: activeImg 0.5s ease-in-out;
  transition: 0.5s ease-in;
  right: 70px;
  left: auto !important;
}

@keyframes activeImg {
  from {
    transform: scale(1.5) translateX(0);
  }

  to {
    transform: scale(1.5) translateX(0);
  }
}

.members-list li .linkedin-icon img {
  width: 70px;
  margin-left: 5px;
  margin-top: -2px;
}

/** ETL css style **/
.etl-wrap h1,
.etl-members h1 {
  text-align: center;
  padding: 50px 0;
  font-size: 4.2vw;
}

.etl-lists {
  margin-top: 10%;
  text-align: center;
}

.etl-lists img {
  margin-top: -50%;
  max-width: 100%;
}

.etl-lists h4 {
  margin: 10px 0;
  font-size: 1.2vw;
  font-weight: 700;
}

.etl-lists p {
  color: #fff;
  font-size: 1.15vw;
  min-height: 100px;
}

.etl-lists .views-row div:nth-child(odd) h4 {
  color: #00be9b;
}

.etl-lists .views-row div:nth-child(even) h4 {
  color: #009dd9;
}

.etl-lists .animationButton {
  margin-top: 20px;
}

/* etl page modification styles */
.path-executive-leadership .etl-wrap:before {
  display: none;
  content: "Executive Leadership Team";
  position: absolute;
  color: #fff;
  font-size: 4.3vw;
  font-weight: 700;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.etl-wrap {
  margin: 0;
  background: #202020;
  padding: 4vh 0 0 0;
  margin-top: 0;
  position: relative;
  z-index: 4;
}

.etl-members h1 {
  color: #fff;
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  padding-top: 30px;
}

.etl-lists .row-1,
.etl-lists .row-2,
.etl-lists .row-3 {
  margin: 13vh auto 0;
  float: none;
}

.etl-lists .views-field-nothing {
  margin-bottom: 18vh;
}

.etl-lists .row-3 .views-field-nothing {
  margin-bottom: 8vh;
}

.etl-lists .etl-shade-bg {
  padding: 0;
  border-radius: 50px 50px 0px 0px;
  box-shadow: 12px 12px 25px #000000a1;
  background: #2e2e2e;
  width: 100%;
}

.etl-lists span.field-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.etl-lists .knowMoreButton .circle {
  color: #707070;
}

.etl-lists .knowMoreButton a {
  color: #707070;
  text-decoration: none;
}

/* etl inner page or individual leader page */
.etl-wrap .transition-img .banner-bg-gradient {
  z-index: -2;
}

.title-cont {
  margin-top: 13vh;
  margin-bottom: 5vh;
}

.title-cont h4 {
  font-size: 3.65vw;
  color: #00be9b;
  font-weight: 700;
}

.title-cont span {
  font-size: 2em;
  color: #fff;
  margin-bottom: 5vh;
}

#block-sonata-new-content .etl-content p {
  padding: 0.5vh 0 2vh 7vw;
  font-size: 1.8em;
  color: #a7a9ac;
}

#block-sonata-new-content .etl-content p a img {
  width: 70px;
  margin-left: 5px;
  margin-top: -2px;
}

.etl-inner {
  min-height: 100vh;
  overflow: hidden;
  margin: 0 auto;
  padding: 10% 0 0 0;
}

.etl-content .transition-img .img-fluid {
  position: absolute;
  top: 0;
  left: 0;
  width: 41vw;
  height: auto;
}

@media only screen and (min-width: 1240px) and (max-width: 1279px) {
  .members-list li:nth-child(2) .board-img {
    left: -25px;
  }

  .members-list li:nth-child(3) .board-img {
    left: 0px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .allianceSection p.common-subheading {
    padding-top: 39%;
  }
}

@media screen and (min-width:1820px) {

  /* .offering-list li .off-know-more {
        top: 24vh;
    }*/
  .offering-list li .actual-content {
    max-height: 35vh;
  }

  /* L1 page stacked cards */
  .card-stack-wrap article,
  .card-stack-wrap .stack-card {
    min-height: 600px;
  }

  .card-stack-wrap article img {
    max-height: 600px;
  }

  /* board of directors  */
  .thought-leadership.testimonials {
    height: 80vh;
  }

  .case-studies-wrap .cs-stacked-cards .cards-wrap {
    min-height: 650px;
  }

  .case-studies-wrap .cs-stacked-cards {
    margin-left: 20%;
  }

  .case-studies-wrap .cs-stacked-cards .cs-card-element {
    width: 430px;
    height: 500px;
  }

  .case-studies-wrap .cs-card-element p {
    font-size: 16px;
  }

  .case-studies-wrap .cs-card-element h3 {
    font-size: 26px;
  }

  .case-studies-wrap .cs-arrow-wrap {
    bottom: 10px;
  }

  .members-list li .mem-designation {
    font-size: 1.4vw;
  }

  .members-list li .mem-designation {
    min-height: 75px;
  }

  .members-list li .member-info {
    padding-top: 65px;
  }

  .members-list li .animationButton {
    top: 24%;
  }

  .members-list li:nth-child(2) .board-img {
    left: -120px;
  }

  .members-list li .board-img {
    height: 70%;
    transform: translateX(-18%) scale(1);
  }

  .members-list li:nth-child(1) .board-img {
    left: -20px;
  }

  .members-list li:nth-child(2) .board-img {
    left: -80px;
  }

  .members-list li:nth-child(3) .board-img {
    left: -35px;
  }

  .members-list li:nth-child(8) .board-img {
    left: -20px;
  }

  @keyframes memImg1 {
    from {
      transform: translateX(0) scale(1.5);
    }

    to {
      transform: translateX(-18%) scale(1);
    }
  }

  .members-list li:hover .board-img {
    animation: memImg 0.7s ease-in-out;
    transform: scale(1.5) translateX(0);
  }

  @keyframes memImg {
    from {
      transform: translateX(-22%) scale(1);
    }

    to {
      transform: translateX(0) scale(1.5);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.5) translateX(0);
    animation: activeImg 0.5s ease-in-out;
    transition: 0.5s ease-in;
  }

  @keyframes activeImg {
    from {
      transform: scale(1.5) translateX(0);
    }

    to {
      transform: scale(1.5) translateX(55%);
    }
  }

  /* banner section */
  .bm-img-wrap {
    width: 45vw;
  }

  .leadership-banner p {
    font-size: 36px;
    width: 60%;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin-top: 10vh;
  }

  /* learders section */
  .etl-content {
    margin-top: 0vh;
  }

  .title-cont span {
    font-size: 3em;
    margin-bottom: 5vh;
  }

  #block-sonata-new-content .etl-content p {
    padding: 0.5vh 4vw 2vh 8vw;
    font-size: 2em;
  }

  /* sonata-and-microsoft */
  .modal.fade .modal-dialog {
    transform: translate(0, 250px);
  }
}

/** Carrers page style  **/
#careers-page .banner-text .animationButton a {
  color: #fff;
}

#careers-page .banner-text .knowMoreButton .circle .icon {
  color: #fff;
}

#cr-office-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 110vh;
}

.cr-overview-info h3 {
  margin-bottom: 30px;
}

#cr-office-slider img {
  position: relative;
  top: 0;
  left: 0;
  max-width: fit-content;
  height: auto;
  overflow: hidden;
}

.cr-overview-info {
  position: absolute;
  left: 90px;
  top: auto;
  bottom: 0;
  height: calc(100% - 90px);
  width: 26vw;
  padding: 30px;
  border-radius: 30px 30px 0 0;
  /*background: transparent linear-gradient(28deg, var(---00be9b) 0%, #009DD9 100%) 0% 0% no-repeat padding-box;*/
  background: transparent linear-gradient(28deg, #00BE9B 0%, #009DD9 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  z-index: 9;
}

.cr-overview-info p {
  font-size: 17px;
}

/** Careers insights wrap **/
.cr-insights-wrap {
  margin: 50px auto;
}


.cr-insights-wrap .top-bottom-space {
  margin-top: 6%;
  margin-bottom: 6%;

  .cr-insights-wrap h4 {
    .careers-gallery .image-preview {
      margin: 0;
      display: flex;
      height: 17vh;
      align-items: center;
      padding-left: 40px;
    }

    .cr-insights-wrap .v-middle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 1;
    }

    .cr-insights-wrap .cr-bg-gradient {
      width: 100%;
      padding: 0;
      border-radius: 100px 0 0 100px;
      /*background: transparent linear-gradient(28deg, var(---00be9b) 0%, #009DD9 100%) 0% 0% no-repeat padding-box;*/
      background: transparent linear-gradient(28deg, #00BE9B 0%, #009DD9 100%) 0% 0% no-repeat padding-box;
      color: #fff;
    }

    .cr-insights-wrap .left {
      margin-right: -90px;
    }

    .cr-insights-wrap .left .animationButton {
      margin-left: 50px;
    }

    .cr-insights-wrap .right {
      margin-left: -90px;
      text-align: right;
      align-content: flex-end;
      flex-wrap: wrap-reverse;
    }

    .cr-insights-wrap .right .animationButton {
      margin-right: 50px;
      width: 100%;
    }

    .cr-insights-wrap .right .cr-bg-gradient {
      border-radius: 0 100px 100px 0;
      padding-right: 50px;
      text-align: left;
    }

    /** Careers Gallery style **/
    .careers-gallery-wrap {
      text-align: center;
    }

    .careers-gallery-wrap h2 {
      margin: 25px 0;
    }

    .careers-gallery-wrap .title-cont {
      margin-top: 0;
      padding-left: 15%;
      padding-right: 11%;
      margin-bottom: 50px;
      text-align: left;
    }

    .careers-gallery-wrap .v-middle {
      justify-content: center;
      align-items: center;
    }

    .careers-gallery {
      position: relative;
      margin: 100px auto;
      max-width: 850px;
    }

    .careers-gallery ul {
      list-style: none;
      padding: 0;
    }

    top: 0;
    margin: 0 auto;
    width: 100%;
  }

  .careers-gallery .image-preview img {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    left: 50px;
    right: 0;
    bottom: 0;
    max-width: 100%;
    transition: 1s ease-in;
  }

  .careers-gallery .image-preview img.visible {
    visibility: visible;
    opacity: 1;
  }

  .careers-gallery .c-thumbnails {
    position: relative;
    display: flex;
    align-items: center;
    width: 850px;
    height: 850px;
    margin: 0 auto;
    border: 1px solid #707070;
    border-radius: 50%;
  }

  .careers-gallery .c-thumbnails li {
    width: 60px;
    height: 60px;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    left: -29px;

    .thank-you-page-wrapper h2 {
      border: 1px solid transparent;
      transition: 0.3s ease-in;
      list-style: none;
    }

    .careers-gallery .c-thumbnails li img {
      width: 50px;
      height: 50px;
      margin: -1px;
    }

    .careers-gallery .c-thumbnails li:hover,
    .careers-gallery .c-thumbnails li.active {
      border: 1px solid #009DD9;
    }

    .careers-gallery .c-thumbnails li:nth-child(1),
    .careers-gallery .c-thumbnails li:nth-child(5) {
      top: -29px;
      left: 50%;
      transform: translateX(-50%);
    }

    .careers-gallery .c-thumbnails li:nth-child(5) {
      top: auto;
      bottom: -29px;
    }

    .careers-gallery .c-thumbnails li:nth-child(2),
    .careers-gallery .c-thumbnails li:nth-child(8) {
      left: auto;
      top: 15%;
      right: 65px;
    }

    .careers-gallery .c-thumbnails li:nth-child(8) {
      right: auto;
      left: 65px;
    }

    .careers-gallery .c-thumbnails li:nth-child(3),
    .careers-gallery .c-thumbnails li:nth-child(7) {
      top: calc(50% - 50px);
    }

    .careers-gallery .c-thumbnails li:nth-child(3) {
      left: auto;
      right: -29px;
    }

    .careers-gallery .c-thumbnails li:nth-child(4),
    .careers-gallery .c-thumbnails li:nth-child(6) {
      top: auto;
      bottom: 15%;
      right: 65px;
      left: auto;
    }

    .careers-gallery .c-thumbnails li:nth-child(6) {
      right: auto;
      left: 65px;
    }

    @media screen and (max-width:1600px) {

      .careers-gallery,
      .careers-gallery .c-thumbnails {
        width: 650px;
        height: 650px;
      }

      .careers-gallery .image-preview img {
        max-width: calc(100% - 40px);
        left: 20px;
        top: 20px;
      }

      .careers-gallery .c-thumbnails li:nth-child(2),
      .careers-gallery .c-thumbnails li:nth-child(4) {
        right: 35px;
      }

      .careers-gallery .c-thumbnails li:nth-child(6),
      .careers-gallery .c-thumbnails li:nth-child(8) {
        left: 35px;
      }
    }

    @media screen and (max-width:1400px) {

      .careers-gallery,
      .careers-gallery .c-thumbnails {
        width: 450px;
        height: 450px;
      }

      .careers-gallery .c-thumbnails li:nth-child(2),
      .careers-gallery .c-thumbnails li:nth-child(8) {
        top: 10%;
      }

      .careers-gallery .c-thumbnails li:nth-child(2) {
        right: 25px;
      }

      .careers-gallery .c-thumbnails li:nth-child(6) {
        left: 10px;
      }

      .careers-gallery .c-thumbnails li:nth-child(4) {
        right: 10px;
      }
    }

    @media screen and (max-width:1023px) {

      .azure-inner-carousel .knowMoreButton>p a,
      .azure-inner-carousel .knowMoreButton>p a span {
        font-size: 13px;
      }
    }

    #cr-office-slider {
      max-width: 100%;
      min-height: 100vh;
    }

    .cr-insights-wrap [class*="col-"] {
      width: 100%;
    }

    .cr-insights-wrap [class*="offset-"] {
      margin-left: 0;
    }

    .cr-insights-wrap .cr-bg-gradient,
    .cr-insights-wrap .right .cr-bg-gradient {
      border-radius: 100px;
      margin-bottom: 25px;
    }

    .cr-insights-wrap .row:nth-child(2) {
      flex-direction: column-reverse;
    }

    .cr-insights-wrap .right {
      margin-left: 0;
      flex-wrap: initial;
    }

    .cr-insights-wrap .animationButton {
      position: absolute;
      right: 50px;
      top: 20px;
    }

    .cr-insights-wrap .animationButton {
      right: -26px;
    }


    .cr-insights-wrap .right .animationButton {
      margin-right: 0;
    }

    .cr-insights-wrap img {
      width: 100%;
    }

    .careers-gallery,
    .careers-gallery .c-thumbnails {
      width: 350px;
      height: 350px;
    }

    .careers-gallery .image-preview img {
      max-width: calc(100% - 40px);
      left: 20px;
      top: 20px;
    }

    .careers-gallery .c-thumbnails li:nth-child(2),
    .careers-gallery .c-thumbnails li:nth-child(4) {
      right: 0;
    }

    .careers-gallery .c-thumbnails li:nth-child(6),
    .careers-gallery .c-thumbnails li:nth-child(8) {
      left: 0;
    }
  }

  /** Careers inner pages style **/
  .dna-page-wrap {
    margin: 70px auto;
  }

  .dna-page-wrap h4 {
    font-weight: 600;
  }

  .dna-page-wrap .col-md-8 {
    padding-left: 30px;
  }

  .dna-page-wrap>.row {
    padding-bottom: 70px;
  }

  .dna-page-wrap>.row .col-md-6 p {
    transition: 0.8s ease-out;
  }

  .dna-page-wrap>.row .col-md-6:hover p {
    transform: translateY(20px);
  }

  .dna-page-wrap>.row .col-md-6 path {
    transition: fill .4s ease;
  }

  .banner-text .bannerSection {
    width: 100%;
  }

  .dna-page-wrap .radial-blue.left {
    left: -10%;
    top: -10%;
    transform: scale(0.8);
  }

  .dna-page-wrap .radial-blue.top {
    left: 35%;
    top: -30%;
    transform: scale(0.7);
    opacity: 0.6;
  }

  .dna-page-wrap .radial-pink.bottom {
    top: auto;
    bottom: -5%;
    left: auto;
    right: -5%;
    transform: scale(0.9);
  }

  .dna-page-wrap figure {
    text-align: center;
    border-right: 1px solid #ccc;
  }

  /** Vertical Carousel **/
  .vertical-carousal-wrap {
    padding: 50px 0;
    overflow: hidden;
  }

  .vertical-carousal {
    position: relative;
  }

  .vertical-carousal h3 {
    display: none;
  }

  .vertical-carousal h4 {
    font-size: 30px;
    margin: 0 0 20px;
  }

  .vertical-carousal ul {
    overflow: hidden;
    list-style: none;
  }

  .vertical-carousal li {
    transition: 1s ease-in;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 50px 0;
    visibility: hidden;
  }

  .vertical-carousal .title-red {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
  }

  .vertical-carousal .title-red:first-child {
    visibility: visible;
    opacity: 1;
  }

  .vertical-carousal li.active {
    visibility: visible;
  }

  .vertical-carousal img {
    max-width: 75%;
    transition: 1s ease-in;
  }

  .vertical-carousal li.active:nth-child(1) img {
    transform: rotate(10deg);
  }

  .vertical-carousal li:nth-child(1) img {
    transform: rotate(20deg);
  }

  .vertical-carousal li.active:nth-child(2) img {
    transform: rotate(0);
  }

  .vertical-carousal li:nth-child(2) img {
    transform: rotate(-15deg);
  }

  .vertical-carousal li.active:nth-child(3) img {
    transform: rotate(0);
  }

  .vertical-carousal li:nth-child(3) img {
    transform: rotate(15deg);
  }

  .vertical-carousal .carousal-arrow {
    position: absolute;
    left: 10px;
    bottom: 0;
    transform: scale(1.5);
  }

  .vertical-carousal .carousal-arrow span {
    cursor: pointer;
  }

  /** icon color on hover **/
  .dna-page-wrap .deep-thinking:hover path {
    fill: #ef4e2b;
  }

  .dna-page-wrap .emotions-at-work:hover path {
    fill: #EC1C24;
  }

  .dna-page-wrap .enc-init:hover path {
    fill: #203569;
  }

  .dna-page-wrap .play-to-win:hover path {
    fill: #1F80A9;
  }

  .dna-page-wrap .everyone-count:hover path {
    fill: #570A77;
  }

  .dna-page-wrap .run-for-it:hover path {
    fill: #00998E;
  }

  .dna-page-wrap .richer-role:hover path {
    fill: #ff117b;
  }

  .dna-page-wrap .customer-impact:hover path {
    fill: #8e5da3;
  }

  .dna-page-wrap .freedom-row:hover path {
    fill: #00be9b;
  }

  .dna-page-wrap .growth:hover path {
    fill: #009dd9;
  }

  /* common changes please check below code and write here for L1pages changes */

  .banner-text {
    width: 47vw;
    top: 35%;
  }

  .page-node-5026 .banner-text {
    width: 45vw;
  }

  section.overview {
    padding: 5% 7.32%;
  }

  .overview-content,
  .both-side-content .container-fluid {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }

  h2.hdrText {}

  .overviewSection .textArea {
    width: 44vw;
  }

  .overviewSection .textArea .common-paragraph-text {
    width: 40vw;
  }


  a.readmore {
    color: red;
  }

  .textArea.scroll {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
  }

  .textArea.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }

  .textArea.scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
  }

  a#readmore {
    color: #000;
  }

  .expertise-text a.know-more-btn {
    color: #ff0000;
  }

  .joinSection .textArea {
    height: auto;
  }

  .overviewSection.joinSection .textArea {
    width: 36vw;
  }

  /* Insights page */
  .page-view-insights .views-row,
  .page-view-insights-case-study .views-row {
    width: 56.67%;
    margin-left: 5%;
    position: relative;
  }

  .view-filters {
    margin: 4% 5% 3% 5%;
    border-bottom: 2px solid #000;
    display: flex;
    align-items: center;
  }

  .page-view-insights .tit-txt {
    font-size: 1.6vw;
    ;
  }


  .tit-txt {
    font-size: 1.05vw;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 1vh;
  }

  .views-field.views-field-field-industry.labelContent {
    text-transform: uppercase;
  }

  .labelContent {
    font-size: 16px;
    margin-bottom: 2vh;
  }

  p.small-txt {
    font-size: 20px;
  }

  .page-view-insights .views-field-body h2,
  .page-view-insights-case-study .views-field-body h2 {
    font-size: 1.05vw;
  }

  .page-view-insights .views-field-body p,
  .page-view-insights-case-study .views-field-body p,
  .page-view-insights .views-field-body span,
  .page-view-insights-case-study .views-field-body span {
    font-size: 18px;
    float: left;
    width: 100%;
  }

  /*.page-view-insights .views-field.views-field-field-links,
.page-view-insights-case-study .views-field.views-field-field-links {
  padding-bottom: 3%;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 3vh;
}
*/

  .blog-views-lhs .views-infinite-scroll-content-wrapper div {
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
  }

  .page-view-insights .views-row {
    border-bottom: 1px solid #c7c7c7;
    padding: 30px 0;
  }

  .page-view-insights-case-study .field-content .tit-txt {
    font-size: 1.6vw
  }

  .page-view-insights .views-row,
  .page-view-insights-case-study .views-row {
    margin-left: 9%;
  }

  .page-view-insights .views-row:first-child {
    padding-top: 4%;
  }

  .blog-views-wrap .views-row {
    width: 100%;
    margin-left: 0;
  }

  .blog-views-wrap .view-rhs-list {
    position: sticky;
    top: 90px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px #ddd;
    padding: 20px;
  }

  .blog-views-wrap .view-rhs-list .view-content.row {
    margin: 0;
  }

  .page-view-insights .views-row .views-field.views-field-field-links {
    padding-bottom: 0;
    border: 0;
    margin-bottom: 0;
  }

  .pager li>a,
  .pager li>span {
    background-color: #ff0000;
    border: 1px solid #ff0000;
    font-size: 20px;
    color: #fff;
  }

  .pager li>a:hover,
  .pager li>a:focus {
    background-color: #ffff;
    color: #ff0000;
  }


  .views-field-uid span.field-content {
    font-size: 16px;
  }

  .views-field-uid span.field-content time.datetime {
    display: inline;
  }

  .page-view-insights-case-study .views-field-body a {
    font-size: 16px !important;
  }

  /* Sustainability */
  #csr-policy .row {
    width: 90%;
  }

  #csr-policy ul.csr-list {
    display: flex;
    width: 45vw;
    justify-content: space-between;
  }

  #csr-policy li,
  #csr-policy a {
    color: #FF0000;
    min-width: fit-content;
    list-style-type: none;
  }

  .page-node-1820 .banner-text {
    width: 47vw;
    top: 30%;
  }

  .page-node-1820 h2.hdrText {
    font-size: 3.8vw;
  }

  .page-node-1820 .pointer-cont {
    font-size: 5.2vw;
    width: 90%;
  }

  .page-node-1820 p.hdrDesc {
    font-size: 2vw;
    line-height: 1.5;
    width: 90%;
  }


  /* overview */

  div#csr-policy {
    max-height: 100px !important;
    height: 100px;
  }

  .page-node-1820 .overview-content p {
    font-size: 20px;
    top: 5vw;
  }

  /* philosophy-of-change */
  .philosophy-of-change {
    padding: 0 3% 5% 10% !important;
  }

  .philosophy-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 16%;
    width: 78%;
  }

  .philosophy-content h2 {
    padding-right: 9%;
    margin-bottom: 5%;
  }

  .road-less-traveled {
    margin: 0 7%;
    padding: 0 7% 5% 7% !important;
  }

  .outer-div {
    display: flex;
    margin-top: 2%;
  }

  .inner-div-1,
  .inner-div-2 {
    width: 60%;
    padding-right: 8%;
  }

  .inner-div-1 {
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 14%;
  }

  .inner-div-2 li {
    list-style-type: disc;
  }

  .ul-type-2 li {
    list-style-type: circle;
    margin-left: 4%;
  }

  /* generic resource section */
  .vertical-carousal-wrap {
    padding: 70px 3% 70px 5%;
    overflow: hidden;
    min-height: auto !important;
  }

  .vertical-carousal {
    position: relative;
  }

  .vertical-carousal h3 {
    margin: 30px 0 20px;
  }

  .vertical-carousal ul {
    overflow: hidden;
  }

  .vertical-carousal li {
    transition: 1s ease-in;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 70px 0 50px;
    visibility: hidden;
  }

  .vertical-carousal li.active {
    visibility: visible;
  }

  .vertical-carousal img {
    max-width: 75%;
    transition: 1s ease-in;
  }

  .vertical-carousal li.active:nth-child(1) img {
    transform: rotate(10deg);
  }

  .vertical-carousal li:nth-child(1) img {
    transform: rotate(20deg);
  }

  .page-node-4916.node--type-hiring-drive .table-1,

  .vertical-carousal li.active:nth-child(2) img {
    transform: rotate(0);
  }

  .vertical-carousal li:nth-child(2) img {
    transform: rotate(-15deg);
  }

  .vertical-carousal li.active:nth-child(3) img {
    transform: rotate(0);
  }

  .vertical-carousal li:nth-child(3) img {
    transform: rotate(15deg);
  }

  .vertical-carousal .carousal-arrow {
    position: absolute;
    left: 10px;
    bottom: 0;
    transform: scale(1.5);
  }

  .vertical-carousal .carousal-arrow span {
    cursor: pointer;
  }

  /* d and i page */
  .page-node-4491 .banner-text {
    width: 34vw;
    top: 30%;
  }

  .page-node-4491 .pointer-cont span {
    font-size: 6vw;
  }

  .page-node-4491 p.hdrDesc {
    font-size: 5em;
    line-height: 1.5;
  }

  .page-node-1820 .section-spacing.row.both-side-content {
    padding: 5% 7.32% 5% 7.32%;
  }

  .d-i-page h2 {
    color: #000;
    font-size: 4.2vw;
    line-height: 1.5;
    margin-bottom: 2%;
    margin-top: 8%;
  }

  .d-i-page .overview-content p {
    font-size: 1.04vw;
    width: 76%;
  }

  .quote-div {
    position: absolute;
    left: 22%;
    z-index: 2;
  }

  .path-div {
    position: absolute;
    top: 12%;
  }

  .client-div {
    position: absolute;
    left: 19%;
    top: 38%;
  }

  .d-i-page .imageArea p {
    width: 24%;
    transform: translate(370%, 145%);
  }

  /* consulting */
  .page-node-4489 div#jsi-particle-container {
    position: absolute;
    top: 5%;
    left: 50%;
  }

  .consulting-loop .knowMoreButton .circle {
    color: #707070;
  }

  .consulting-loop .knowMoreButton .circle .icon {
    color: #707070;
  }

  .consulting-loop .knowMoreButton a {
    color: #ff0000;
  }

  .consulting-loop .owl-item.cloned {
    width: 69vw !important;
    margin-right: 6vw !important;
  }

  div#deeperservices,
  .dataServices-sec {
    position: absolute;
    width: 36vw;
    padding: 3vw;
  }

}

#delivery-platform .bold-content {
  width: 90%;
}

.case-study-imaage {
  padding-top: 10vw;
}

.deeper-sec h4,
.dataServices-sec h4 {
  font-size: 1.08vw;
  font-weight: 800;
  margin: 1vw 0;
}

.deeper-sec h2,
.deeper-sec h4,
.deeper-sec p,
.dataServices-sec h2,
.dataServices-sec h4,
.dataServices-sec p {
  color: #fff;
}

.leadership-spot-content h2,
.leadership-spot-content p {
  color: #000;
}

.page-node-4489 .knowMoreButton .circle {
  color: #606060;
}

.page-node-4489 .knowMoreButton .circle .icon {
  right: -25px;
  color: #606060;
}

.page-node-4489 .knowMoreButton a {
  color: #ff0000;
}

div#delivery-platform p strong {
  font-size: 1.88vw;
  color: #ff0000;
}

div#delivery-platform h2 {
  width: 47vw;
}

.page-node-4489 section.thought-leadership-spotlight {
  top: 0vh;
  padding: 0 0 7% 7%;
}

/*new content for home page */
.video-para p {
  width: 100% !important;
}

.video-para h3 {
  color: #fff;
  font-size: 1.5vw;
}

.subheading {
  font-size: 1.2vw;
  color: #fff;
}

.page-node-15 .bannerSection h2.hdrText {
  font-size: 5rem;
  width: 32vw;
  line-height: 1.2;
}

.page-node-15 .bannerSection .pointer {
  width: 64rem;
  height: 24rem;
}

.page-node-15 .bannerSection h2.hdrText {
  font-size: 3.7vw;
  width: 51vw;
  line-height: 1.2;
}

.page-node-15 .bannerSection .pointer-cont {
  font-size: 6.22vw;
}

.page-node-15 .bannerSection .pointer {
  width: 52vw;
  height: 34vh;
}

.page-node-15 .bannerSection .pointer-cont {
  margin-left: 6vw;
}

.page-node-15 .bannerSection .pointer:before {
  right: -8.99vw;
  border-left: 9vw solid rgba(255, 0, 0, 0.7);
  border-top: 34vh solid transparent;
}

.width40 h4 {
  color: #000;
  font-size: 2.5vw;
}

.overviewSection.joinSection .textArea .common-paragraph-text {
  width: 22vw;
}


.culture-area .knowMoreButton .circle .icon,
.culture-area .knowMoreButton:hover .circle span.icon,
.culture-area .knowMoreButton:hover .circle {
  color: #fff !important;
}

.culture-area .knowMoreButton:hover .circle,
.videotext-area-second .knowMoreButton:hover .circle {
  border: none;
}

.video-content-text h2.common-heading {
  display: none;
}

/*aboutUS*/
.textArea.width100 {
  width: 100%;
}

li.borderGreen h4,
li.borderGreen p,
li.borderblue h4,
li.borderblue p {
  color: #000;
}

li.borderGreen {
  color: #00BE9B;
  padding-left: 2%;
  border-left: 0.3vw solid;
}

li.borderblue {
  color: #009DD9;
  padding-left: 2%;
  border-left: 0.3vw solid;
}

li.borderblue h4,
li.borderGreen h4 {
  font-size: 2.3vw;
  font-weight: 700;
}

li.borderblue,
li.borderGreen {
  margin-bottom: 4vh;
  margin-left: 5vw;
}

.moretext {
  display: none;
}

a.moreless-button {
  color: #000;
}

.platformationSection .subheading {
  font-size: 2vw;
  color: #000;
  text-align: center;
}

/** Platforms carousel **/
.addtl-sec-carousel-wrap {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 7%;
}

.platform-carousel {
  margin-top: 45px;
  padding-left: 100px;
}


.platform-carousel h2 {
  font-size: 2.5vw;
}

.platform-carousel .item {
  position: relative;
}

.platform-carousel .owl-theme .owl-nav {
  position: absolute;
  left: 100px;
}

.platform-carousel .animationButton {
  margin: 0 auto;
}

.platform-carousel .knowMoreButton .circle {
  border-color: #fff;
}

.platform-carousel .knowMoreButton .circle .icon {
  color: #fff;
}

.platform-carousel .knowMoreButton:hover .circle .icon {
  color: #fff;
}

.platform-carousel .knowMoreButton:hover .circle {
  border-color: #ff0000;
}

.platform-carousel .img-shade {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: transparent linear-gradient(180deg, var(---009dd9) 0%, var(---00be9b) 100%) 0% 0% no-repeat padding-box;*/
  background: transparent linear-gradient(180deg, #009DD9 0%, #00BE9B 100%) 0% 0% no-repeat padding-box;
  border-radius: 80px 0px;
  mix-blend-mode: multiply;
  transition: 0.9s ease-in;
}

.platform-carousel .carousel-content {
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: 25px;
  color: #ffffff;
  z-index: 9;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  transition: 0.9s ease-in;
}

.platform-carousel .item:hover .img-shade,
.platform-carousel .item:hover .carousel-content {
  visibility: visible;
  opacity: 1;
}

.platform-carousel .owl-stage-outer {
  margin-right: -15%;
}

.platform-carousel .owl-stage {
  padding-left: 0 !important;
}

.space-bottom {
  padding-bottom: 70px;
}

.platform-carousel.owl-theme .owl-nav {
  position: absolute;
  left: 100px;
  display: block;
}

.page-node-4476 .platform-carousel.owl-theme .owl-nav {
  display: none;
}

.platform-carousel.owl-theme .owl-nav button:hover {
  background: none;
  color: #000;
}

.platform-carousel i {
  font-size: 40px;
}

.platform-carousel .animationButton {
  margin: 0 auto;
}

.platform-carousel .animationButton a {
  color: #fff !important;
}

@media screen and (min-width: 1820px) {
  .platform-carousel .img-shade {
    border-radius: 130px 0px;
  }

  .page-node-5026 .platform-carousel .img-shade {
    border-radius: 80px 0px;
  }
}


/****code for changes ***/
.page-node-15 .bannerSection h2.hdrText {
  font-size: 3.2vw;
  width: 48vw;
  line-height: 1.2;
}

.page-node-15 .bannerSection .pointer-cont {
  font-size: 5.5vw;
}

.page-node-15 .bannerSection .pointer {
  width: 45vw;
  height: 34vh;
}

.page-node-15 .banner-text {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 96%);

  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 96%);

  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 96%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000', GradientType=1);
  width: 50%;
}

sup {
  top: -1.5em;
  font-size: 1vw;
}

.experiences-area .owl-dots {
  bottom: 0;
}

.experiences-area .slide .imageArea .quote {
  height: 11.25vw;
  z-index: 10;
  position: relative;
  left: 7vw;
  transition: opacity 1s linear;
  animation: opacityAnimate 1s linear;
  animation-delay: 0.5s;
  top: -38vh;
}

.moretext {
  display: none;
}

/* advantages background image */
.page-node-4250 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantage_0.jpg);
}

.page-node-4309 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_7_0.jpg);
}

.page-node-4312 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_0.jpg);
}

.page-node-4567 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_4.jpg);
}

.page-node-4360 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_20.jpg);
}

.page-node-4545 .advantages {
  background-image: url(/sites/default/files/advantage/image/rezopia-advantage.jpg);
}

.page-node-4557 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_3.jpg);
}

.page-node-4170 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_11.jpg);
}

.page-node-4204 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages.jpg);
}

.page-node-4270 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_13.jpg);
}

.page-node-4285 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_14.jpg);
}

.page-node-4603 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_6.jpg);
}

.page-node-4349 .advantages,
.page-node-5078 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_1.jpg);
}

.page-node-4294 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages_12.jpg);
}

.page-node-4905 .advantages {
  background-image: url('/sites/default/files/advantage/image/advantages_7_0.jpg');
}

.fin-process-automation .advantages {
  background-image: url('/sites/default/files/advantage/image/advantages_16.jpg');
}

.hr-process-automation .advantages {
  background-image: url('/sites/default/files/advantage/image/advantages_18.jpg');
}

.scm-process-automation .advantages {
  background-image: url('/sites/default/files/advantage/image/advantages_19.jpg');
}

.op-to-ol .advantages {
  background-image: url(/sites/default/files/advantage/image/advantage.webp);
}

.isv-new .advantages {
  background-image: url(/sites/default/files/advantage/image/advantage-isv-dt.webp);
}

.devops .advantages {
  background-image: url(/sites/default/files/advantage/image/advantages.webp);
}

.both-side-content ul {
  padding-left: 25px;
}

/* video text */
.video-section-cont h2.common-outline-text {
  position: absolute;
  top: 7vw;
  left: 7vw;
  text-transform: capitalize;
}

section.video-section-cont {
  position: relative;
}

/* our expertise */
section#H1-section2 {
  padding: 0;
  min-height: 90vh !important;
  position: relative;
}

.our-expertise .owl-carousel {
  position: absolute;
  top: 0;
}

.expertise-text .common-heading {
  width: 45vw;
  padding-left: 6vw;
  margin-top: 15vh;
}

.our-expertise .owl-theme .owl-nav {
  position: absolute;
  top: 27vh;
  width: 98%;
}

/* our partners */
.newSection .common-paragraph-text {
  font-size: 1.5vw;
  width: 100% !important;
}

.newSection h5 {
  font-weight: bolder;
  font-size: 1.5vw;
  margin-top: 1.5vw;
}

.newSection .common-paragraph-text {
  margin-top: 0;
}

.partnersSayingSection {
  margin-left: 5vw;
}

.newSection {
  padding: 1.5% 15% 5% 15%;
}

.newSection .common-paragraph-text:first-child {
  margin-top: 3vh;
}

.author-section.reveal.fade-bottom.delay {
  margin-top: 2vw;
}

/* read more */

.more-content .summary-remainder {
  display: none;
}

.more-cotnent.expanded .summary-ellipsis {
  display: none;
}

.more-content.expanded .summary-remainder {
  display: inline;
}

/*partners-page*/
.partnersSection .icon-list {
  margin: 0;
}

/* newsroom */
.newsroom-inner-content p {
  font-weight: bolder;
  margin-bottom: 2vh;
  margin-top: 0;
}

.newsSectionlist span {
  display: block;
}

.newsroom-inner-content {
  margin: 0;
}

section.in-the-news a {
  font-family: 'Segoe-UI';
}

section.in-the-news a:hover {
  color: #ff0000;
}

section.in-the-news .knowMoreButton:hover>span a {
  color: #fff;
}

/** Hover effect lists **/

.hover-effect-lists {
  position: relative;
}

.hover-effect-lists .title {
  transform: rotate(-90deg);
  position: absolute;
  font-size: 1.4vw;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  left: 14%;
}

.hover-effect-lists ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.3vw;
}

.hover-effect-lists .col-md-5 h2 {
  margin: 0 !important;
  font-size: 4.2vw;
}

.hover-effect-lists ul li {
  display: flex;
  align-items: center;
  width: 60vw;
  margin-bottom: 5px;
  padding: 3vw 2vw;
  border: 1px solid #bebebe;
  border-radius: 1.5vw;
  justify-content: flex-start;
  transition: all 0.2s linear;
  height: 8vw;
}

.hover-effect-lists ul li strong {
  width: 50%;
  display: flex;

  .hover-effect-lists ul li>span,
}

.hover-effect-lists ul li h3 {
  font-size: 1.5vw;
  font-weight: 700;
}

.hover-effect-lists ul li>span {
  width: 15%;
}

.hover-effect-lists ul li .inline-elem {
  display: inline;
  font-size: 20px;
  font-weight: 600;
  width: 15%;
}

.hover-effect-lists ul li h3,
.hover-effect-lists ul li .cont-sec {
  width: 60%;
  margin-bottom: 0;
}

.hover-effect-lists ul li .animationButton {
  visibility: hidden;
  opacity: 0;
  width: 30%;
  transition: 0.3s ease-in;
}

.hover-effect-lists ul li .knowMoreButton {
  float: right;
}

.hover-effect-lists ul li .knowMoreButton .circle {
  border: 1px solid #fff;
}

.hover-effect-lists ul li .knowMoreButton .circle .icon,
.hover-effect-lists ul li .knowMoreButton>span a {
  color: #fff;
  margin-left: 0 !important;

  .hover-effect-lists ul li .knowMoreButton:hover .circle {
    border: 1px solid #ff0000;
  }

  .hover-effect-lists ul li:hover {
    color: #fff;
    transform: scale(1.1);
    background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
  }

  .hover-effect-lists.disable-hover ul li:hover {
    transform: none;
  }

  .hover-effect-lists ul li:hover .animationButton {
    visibility: visible;
    opacity: 1;
  }

  .hover-effect-lists .title-red,
  .hover-effect-lists .row {
    padding: 0 6%;
  }

  .page-node-4307 .hover-effect-lists .title-red,
  .page-node-4307 .hover-effect-lists .row {
    padding: 0;
  }


  .hover-effect-lists .col-md-5 {
    width: 70%;
    margin-bottom: 2%;
  }

  .testimonials-carousel .owl-nav {
    position: absolute;
    text-align: left;
    font-size: 40px;
    bottom: auto;
    top: 0;
    left: 20%;
  }

  .testimonials-carousel button.owl-prev,
  .testimonials-carousel button.owl-next {
    font-size: 3vw !important;
  }

  .experiences-area .slide .textArea {}

  .testimonials-carousel .owl-theme .owl-nav [class*=owl-] {
    font-size: 54px !important;
  }

  .testimonials h3 {
    font-size: 3vw !important;
  }

  /* vertical tab for health care page */
  /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
  }

  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
  }

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }

  /* Create an active/current "tab button" class */
  .tab button.active {
    background-color: #ccc;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
  }

  /* ourculture */
  .culture-area p {
    font-size: 1.5vw;
  }

  /*changes on call */
  .page-node-4269 .healthcare-solution {
    position: relative;
  }

  .page-node-4269 .hls-solution-sec {
    position: absolute;
    top: 0;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 7%;
  }

  h2.quick-tab-heading {
    margin-left: 12%;
  }

  div#quicktabs-healthcare_payers_offerings,
  div#quicktabs-healthcare_providers {
    display: flex;
    padding: 3% 5% 5%;
  }

  /* fix for know more color on overview section */
  .overview .overview-content p a {
    color: #ff0000;
  }

  /*overveiw coontent scroll */
  .col-sm-6.moreContent {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
  }

  /*retail video section */
  .overview-video iframe {
    border: 0;
    width: 80%;
    height: 400px;
  }

  /* cloud transformation heading margin left to h2 */
  .col-md-5.card-tit {
    margin-left: 7%;
  }

  /*platformation*/
  .node--type-platformation .consulting-pg .banner-content img.img-fluid {
    display: block;
  }

  .node--type-platformation .consulting-pg .banner-content {
    width: 100%;
    background-color: transparent;
    min-height: auto;
  }

  .node--type-platformation #jsi-particle-container {
    height: auto !important;
  }

  /*Digital-moderniztion-circle*/
  .node--type-digital-modernization-engineer .allianceSection .icon img {
    height: 100%;
  }

  /*.node--type-digital-modernization-engineer .allianceSection .icon-hover:hover img {
  width: 95px;
  margin-top: 0.5vw;
}*/

  .node--type-digital-modernization-engineer .icon-hover .column-subheading {
    font-size: 32px;
    font-weight: 600;
    margin-top: 5vh;
  }

  .container-sec.allianceSection h2 {
    width: 97%;
  }

  /*careersPage*/
  section.viewport-height.cr-overview-wrap {
    min-height: fit-content !important;
  }

  #cr-office-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
  }

  #cr-office-slider img {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    overflow: hidden;
  }

  .cr-overview-info {
    width: 35% !important;
    top: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: end;
    vertical-align: bottom;
    height: 85%;
    bottom: 0;
  }

  /*diversity-inclusion*/
  .page-node-4491 .quote {
    width: auto;
    margin-top: -44%;
    height: 100%;
    top: 0;
  }

  .page-node-4491 .path-div {
    position: relative;
    top: 12%;
  }


  .page-node-4491 .d-i-page .imageArea p {
    width: 100%;
    transform: none;
    margin-top: 10%;
  }

  /*margin-top-node-type-page*/
  .page-node-1108 section#page,
  .page-node-454 section#page,
  .page-node-456 section#page {
    padding-top: 10%;
  }

  /*morecontent*/
  .scrollContent {
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
  }

  /*investoers-relationship*/
  .page-node-764 .textIndent-left p,
  .page-node-764 .textIndent-left-2 p {
    margin-left: 0;
  }

  .page-node-764 li {
    list-style: none;
  }
}

.annual .knowMoreButton:hover .circle,
.ssl .knowMoreButton:hover .circle,
.present .knowMoreButton:hover .circle {
  padding: 1% 0;
}

.annual .knowMoreButton,
.ssl .knowMoreButton,
.present .knowMoreButton {
  margin-bottom: 2%;
}

/*-----------------Gcode-------Sep13-------------*/
/*---------------Social media icons alignment 1180px -----------*/

@media screen and (max-width: 1400px) {

  .mm-navbar__title span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1180px) {

  .node--type-digital-modernization-engineer .case-studies-wrap .cs-stacked-cards {
    position: relative;
    min-height: 100vh;
    margin-left: -10%;
    display: flex;
    align-items: center;
  }

  .knowMoreButton .circle .icon {
    left: 0;
    position: absolute;
    height: 14px;
    margin-left: 11px;
    font-size: 30px !important;
    transition: 0.3s ease-in;
    color: #606060;
    top: -10px !important;
  }

  .careers-landing-pg .cr-insights-wrap .animationButton a {
    color: #fff;
  }

  ul#block-sonata-new-sociallinks {
    padding: 8px 0px 8px 0vw;
    margin: 0px 0px 0px 2% !important;
    width: auto !important;
  }

  .site-footer__bottom {
    margin-top: 25px;
    width: 96%;
    margin-left: 2%;
  }

  .site-footer ul#block-aboutusfootermenu-2 {
    padding-left: 2vw;
  }

  .banner-text .bannerSection {
    position: absolute;
    left: -20px;
  }
}

@media only screen and (max-width: 559px) {
  ul#block-sonata-new-sociallinks {
    margin: 0px 0px 0px 4% !important;
  }
}

@media only screen and (max-width: 767px) {
#myForm .modal-dialog {
    max-width: 97vw !important;
    width: 100% !important;
}


  .page-node-4520 .hdrArea h2,
  .banner-text h2 {
    font-size: 35px !important;
    color: #fff;
  }

  .app-services-list .col-sm-1 img {
    max-width: 100px;
  }

  .node--type-landing-page .banner-content .img-fluid {
    height: 110vh;
  }
}

/*hyper-automation-automation*/
.page-node-4507 .banner-text h2 {
  color: #000;
  margin-left: 8%;
}

/*-----------Excelsheet 20 sep---------------------*/

/*---------------hembugurmenu gap------*/
@media screen and (max-width: 1400px) {
  .mm-wrapper_opening #page {
    border-left: 1px solid #ccc;
    padding-right: 4px;
  }
}

/*----------------Submenu left side view----------*/

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .we-mega-menu-ul>.we-mega-menu-li:nth-child(4) .we-mega-menu-submenu .we-mega-menu-submenu {
    left: auto;
    right: 100%;
  }
}

/*-----know more button aligntment--------*/
@media only screen and (max-width: 1024px) {
  section#H1-section2 {
    padding-bottom: 0;
    min-height: 36vh !important;
    position: relative;
  }
}

/*------------isights image alignment------------*/

.animate-active-bottom {
  transform: translateY(3vw);
  animation: animateActiveBottom 0.5s linear;
}

/*-----------ISV sonata leading ection----------------*/

@media only screen and (max-width: 1180px) {
  .allianceSection .icon-hover {
    margin-top: 20%;
  }
}

.allianceSection .icon-hover {
  display: inline-block;
  position: relative;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20%;
  padding-right: 0;
  height: auto;
  text-align: center;
  width: 100%;
}

.thought-leadership.testimonials {
  overflow: visible;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .thought-leadership.testimonials {
    height: auto;
  }
}

/*------------Testimoials arrow marks alignment---medai query for ipad mini and pro----------------------*/

/*---------career page ui changes G---21sep------*/

@media screen and (max-width: 1023px) {
  .advantages .container-wrap {
    padding-left: 25px;
    padding-right: 25px;

  }

  .page-node-4603 .advantages {
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }

  .mm-wrapper_opening #page {
    border-left: 1px solid #ccc;
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  #careers-page .cr-insights-wrap .cr-bg-gradient {
    border-radius: 100px;
    margin-bottom: 60px !important;
  }

  .careers-gallery,
  .careers-gallery .c-thumbnails {
    width: 300px;
    height: 297px;
  }

  #careers-page .knowMoreButton {
    display: inline-block;
    padding: 22px 17px 17px 50px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
    top: 60px;
    right: 0px;
  }

  .page-node-3885 .banner-text h2 {
    font-size: 35px !important;
    margin-left: -20px;
  }

  .page-node-3885 .banner-text {
    top: 15%;
    left: 11%;
  }

  .careers-landing-pg .cr-insights-wrap .animationButton a {
    color: #fff;
  }

  .careers-gallery .c-thumbnails li:nth-child(3),
  .careers-gallery .c-thumbnails li:nth-child(7) {
    top: calc(57% - 50px);
  }

  .careers-gallery .c-thumbnails li:nth-child(1),
  .careers-gallery .c-thumbnails li:nth-child(5) {
    left: 50%;
    transform: translateX(-50%);
  }

  .careers-gallery .c-thumbnails li {
    width: 46px;
    height: 45px;
    padding: 5px;
  }

  .careers-gallery .c-thumbnails li img {
    width: 33px;
    height: 33px;
    margin: -1px;
  }
}

@media screen and (max-width: 1023px) {
  .cr-insights-wrap img {
    width: 99%;
  }
}

@media only screen and (max-width: 1024px) {
  .careers-gallery .c-thumbnails li img {
    width: 32px;
    height: 32px;
    margin: 0px;
  }

  .careers-gallery .c-thumbnails li {
    width: 45px;
    height: 46px;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    left: -29px;
    top: 0;
    border: 1px solid transparent;
    transition: 0.3s ease-in;
    list-style: none;
  }

  .cr-insights-wrap .animationButton {
    position: absolute !important;
    right: 22px !important;
    left: initial !important;
  }

  .cr-insights-wrap .animationButton .knowMoreButton {
    top: 35px;
  }

  .careers-gallery-wrap .title-cont {
    margin-top: 0;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 50px;
    text-align: left;
  }

  .careers-gallery .c-thumbnails li:nth-child(2),
  .careers-gallery .c-thumbnails li:nth-child(8) {
    top: 14%;
  }

  .careers-gallery .c-thumbnails li:nth-child(3),
  .careers-gallery .c-thumbnails li:nth-child(7) {
    top: calc(50% - 25px);
  }
}

@media screen and (max-width: 1600px) {
  .careers-gallery .image-preview img {
    max-width: calc(100% - 55px);
    left: 27px;
    top: 29px;
  }
}

/** Blog page style **/
.blog-inside-banner [class*="col-"] {
  position: relative;
}

.blog-banner-img-wrap {
  display: block;
}

.blog-banner-img {
  width: 100%;
  height: 100%;
}

.blog-title h2.title-short {
  font-size: 1.9vw;
}

.blog-title h3.title-long {
  font-size: 2.65vw;
}

.blog-template-wrap a {
  color: #0071b3;
}

.blog-template-wrap .blog-writer-info {
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #A7A9AC;
  background: #f1f2f2;
  margin-top: -20px;
  z-index: 5;
  position: absolute;
  width: calc(100% - 60px);
  left: 0;
  right: 0;
}

.blog-writer-info span,
.blog-writer-info strong {
  display: block;
  margin: 0;
}

.blog-template-wrap h3 {
  font-size: 1.9vw;
}

.blog-template-wrap h4 {
  font-size: 1.8vw;
}

.blog-template-wrap ul {
  padding-left: 25px;
  margin-bottom: 3.2vh;
}

.blog-template-wrap li {
  line-height: 1.8;
}

.blog-follow-icon {
  margin-top: 20px;
  font-size: 20px;
}

.blog-template-wrap .blog-date,
.blog-template-wrap .blog-time {
  font-size: 20px;
}

.blog-template-wrap .addtoany_list.a2a_kit_size_32 a>span {
  width: 26px;
  height: 26px;
}

.blog-template-wrap .blog-title {
  padding-left: 20px;
}

.blog-template-wrap .time-info {
  position: absolute;
  left: 30px;
  right: 10px;
  bottom: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #A7A9AC;
}

.blog-template-wrap .time-info .row {
  align-items: center;
}

.blog-template-wrap .social-icons-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.blog-template-wrap .blog-content-wrap {
  margin-top: 20%;
}

.blog-template-wrap .blog-date {
  margin-right: 20px;
}

.blog-inside-content {
  position: relative;
  padding: 0 10%;
}

.blog-template-wrap .comments h2 {
  font-size: 1.8vw;
}

.blog-conclusion-wrap {
  position: relative;
  margin: 5vh auto;
  padding: 2% 10%;
  background: #ECECEC;
}

.blog-suggestions hr {
  border-top-color: #000;
  opacity: 1;
}

.blog-suggestions img {
  width: 100%;
}

.path-comment .main-content .section {
  max-width: 60%;
  margin: 0 auto;
  padding: 12% 0;
  position: relative;
}

.path-comment .main-content .section a {
  color: #0071b3;
}

.path-comment .section #edit-comment-body-0-format-help-about {
  display: none;
}

.blog-template-wrap .comments #edit-submit,
.path-comment .section #edit-submit,
.blog-template-wrap .comments .btn,
.path-comment .section .comments .btn {
  background-color: #FF000B;
  font-size: 1.05vw;
  padding: 0.5vw 4vw;
  text-transform: uppercase;
  font-family: "Segoe-UI-Bold";
  border-color: transparent;
}

.blog-template-wrap #edit-comment-body-0-format-help-about,
.path-comment .section #edit-comment-body-0-format-help-about {
  display: none;
}

.path-comment .section ul.tips {
  padding-left: 20px;
}

/** Hiring drive page style */
.page-node-4916 .hiring-drive-wrap .offset-md-2.col-md-8+.job-listing-table {
  display: none;
}

padding: 7%;

.hiring-drive-wrap {
  padding-top: 5%;
  padding-bottom: 5%;
}

.hiring-drive-wrap h2 {
  padding-top: 50px;
  padding-bottom: 10px;
  font-size: 2vw;
  border-bottom: 2px solid #000;
}

.hiring-drive-wrap .table-responsive {
  border: 0;
}

.hiring-drive-wrap table {
  background: #fff;
}

.hiring-drive-wrap table tr th {
  font-size: 1vw;
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  padding: 9px;
}

.hiring-drive-wrap table tr td {
  width: 15%;
  padding: 9px;
  font-size: 1vw;
  color: #707070;
  background: #fff;
  border: 1px solid #ddd;
}

.hiring-drive-wrap table tr td:nth-child(2) {
  width: 30%;
}

.hiring-drive-wrap table tr td a {
  color: #008ee2;
  font-size: 1vw;
}

.hiring-drive-more-link {
  text-align: center;
  position: relative;
}

.hiring-drive-more-link a {
  color: #008ee2;
}

/*with out banner*/
.page-node-2855 .infrastructure-innerpage,
.page-node-2857 .infrastructure-innerpage,
.page-node-2859 .infrastructure-innerpage {
  margin-top: 15%;
}

.page-node-2855 .services-industry-list li,
.page-node-2857 .services-industry-list li,
.page-node-2859 .services-industry-list li {
  margin-left: 2%;
  margin-bottom: 1%;
}

/*need to added in particular section*/
.insight-area .imageArea .insight-image:nth-child(even) {
  margin-top: 20%;
}

/* HFS Complete Section*/
/*DataModernization*/
.position.common-outline-text {
  width: -moz-max-content;
  width: max-content;
  writing-mode: vertical-rl;
  display: inline-block;
  position: absolute;
  top: 0vw;
  left: 0;
}

.imageContent {
  position: relative;
  width: 85%;
  margin-left: 14%;
}

.blueGradientBox {
  background-image: linear-gradient(to right, #00be9b, #009dd9);
  width: 90%;
  position: absolute;
  color: #fff;
  top: 61%;
  left: 34%;
  padding: 4% 5%;
  border-radius: 50px 0;
}

.blueGradientBox .font40 {
  font-size: 1.7vw;
  margin-top: 4%;
  font-family: "Segoe-UI-Bold";
  line-height: 1.2;
  margin-bottom: 4%;
}

.blueGradientBox P {
  margin: 0;
}

p.font36 {
  font-size: 1.9vw;
  font-family: "Segoe-UI-Bold";
  margin-left: 3.5%;
}

.buttonContent {
  margin-left: 4%;
  margin-top: 4%;
}

.page-node-15 section.H1-section5 {
  padding: 5% 5%;
}

.H1-section5.section-spacing .col-sm-6:nth-child(2) {
  height: 100%;
  padding-left: 2%;
}

.buttonContent {
  margin-left: 1%;
  margin-top: 1.2%;
}

.buttonContent p {
  font-size: 20px;
}

.circle.playbtn span.icon {
  top: -14px;
  margin-left: 0;
}

.buttonSection {
  display: flex;
  margin-top: 30px;
}

.buttonSection .animationButton {
  margin-right: 8%;
}

/*Know more animation on hover*/
@media only screen and (min-width: 1024px) {
  .knowMoreButton:hover .circle.rotate .icon {
    color: #fff;
    left: calc(109% - 53px);
    transform: rotate(91deg);
    top: 5px;
  }

  .knowMoreButton:hover .circle.playbtn .icon path {
    fill: #fff;
    left: calc(100% - 36px);
  }

  .knowMoreButton:hover .circle.playbtn .icon {
    left: calc(100% - 36px);
  }
}

/*HFS FORM*/
.node--type-report-form-landing-page .layout--onecol .layout__region {
  display: flex;
}

.DisplayFlex {
  display: flex;
  align-items: center;
}

.node--type-report-form-landing-page form.webform-submission-form {
  width: 57%;
  border: 1px solid #000;
  padding: 3%;
  border-radius: 12px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}

.node--type-report-form-landing-page .webform-button--submit {
  background-color: #000;
  font-size: 1.05vw;
  padding: 0.5vw 3vw;
  text-transform: capitalize;
  font-family: "Segoe-UI-Bold";
  border-color: transparent;
  margin-left: 0;
  margin-top: 0;
  font-size: 17px;
  padding: 1% 8%;
}

.node--type-report-form-landing-page img {
  width: auto;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1/1;
  max-width: 100%;
}

.node--type-report-form-landing-page nav#navbar-main,
.node--type-report-form-landing-page .site-footer {
  display: none;
}

.node--type-report-form-landing-page .node__content {
  margin-top: 0;
}

.node--type-report-form-landing-page label {
  font-size: 1.2vw;
}

.node--type-report-form-landing-page .form-control {
  font-size: 1vw;
  margin-bottom: 1vw;
}

.playbtn svg.svg-icon {
  width: 0.7em !important;
  height: 0.7em !important;
  margin-left: 18%;
}

/*------Contactus-----------*/
.page-node-1096 span.fax-icon {
  display: none;
}

.page-node-1096 span.office-ph-icon:before {
  content: "\260F";
  margin-right: 10px;
}

.page-node-1096 .communicationSection .heading {
  width: 18vw;
  border-bottom: 2px solid #000;
  font-size: 20px;
  margin: 0px 0px 25px 0px;
  padding-top: 20px;
}

/*-------------Career---------*/


@media only screen and (max-width: 1180px) {
  .page-node-3885 .banner-text {
    width: 80% !important;
    position: absolute;
    bottom: 0;
    top: 13%;
    left: 4%;
    right: auto;
  }
}

@media only screen and (max-width: 1023px) {
  .cr-insights-wrap h4 {
    height: 10vh;
  }

  .cr-insights-wrap .animationButton .knowMoreButton {
    top: 80px;
  }

  #careers-page .cr-insights-wrap .cr-bg-gradient {
    border-radius: 100px;
    margin-bottom: 60px !important;
  }

}

@media only screen and (min-width: 1024px) {
  .page-node-3885 .cr-insights-wrap .animationButton {
    position: initial !important;
    margin-top: 0px;
  }

  .cr-insights-wrap .animationButton .knowMoreButton {
    top: 5px;
  }
}

/*----------about us page---------------*/

.abooutUsSection .reveal ul li {
  list-style: none;
}

.page-node-1820 .road-less-traveled {
  margin: 0;
  padding: 0 7% 5% 7% !important;
}


@media only screen and (max-width: 1180px) {
  .page-node-4491 .path-div {
    position: relative;
    top: 0px;
  }

  .page-node-4491 .d-i-page .imageArea p {
    width: 100%;
    transform: none;
    margin-top: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .page-node-1820 .pointer-cont span {
    font-size: 14px !important;
    font-family: Segoe-UI-Bold;
  }

  .page-node-1820 section.overview {
    padding-bottom: 45px !important;
  }

  .page-node-4491 .client-div {
    position: absolute;
    max-width: 60%;
  }

  .page-node-4491 .d-i-page .imageArea p {
    width: 100%;
    transform: none;
    margin-top: 35px;
  }

}


.page-node-4491 .pointer-cont span {
  color: #fff;
  margin-top: 2%;
  font-size: 4.2vw;
  margin-left: 0;
  font-family: 'Segoe-UI-Bold';
}

.page-node-4491 p.hdrDesc {
  font-size: 2vw;
  line-height: 1.5;

}


/*reviewissues*/

p.common-subheading {
  font-weight: bold;
}

.culture-area .knowMoreButton .circle {
  border: 1px solid #fff;
}

#quicktabs-container-locations .views-row {
  overflow: hidden;
}


/*commonCSSFixes*/

.page-node-4696 .addtl-sec-carousel-wrap {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 7%;
}

/*MicroFabric-RajvideoSection*/
.rajVideo .imageContent img,
.rajVideo h2 {
  position: relative;
}

.rajVideo .blueGradientBox {
  width: 75%;
  top: 50%;
}

.centerAlign {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}

.page-node-4349 .centerAlign {
  justify-content: center;
}

.rajVideo .buttonContent {
  margin-left: 0;
  margin-top: 0;
}

.rajVideo .fontSize15 {
  font-size: 1.15vw;
}


#specilization-sec .spec-section .gold-sec div p,
#specilization-sec .spec-section .top-space div p {
  margin-bottom: 1.2vh;
}

.page-node-4294 .allianceSection p.common-subheading {
  padding-top: 10%;
}

/*icon images*/

.icon-hover p {
  margin: 0;
  font-size: 20px;
}

.icon-hover p.common-subheading {
  font-size: 24px;
  margin-bottom: 1vh;
  font-weight: bold;
}

.overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) {
  text-align: center;
}

/* D and I video */
section.d-i-video {
  position: relative;
  min-height: auto !important;
}

section.d-i-video h2 {
  position: absolute;
  left: 5%;
  top: 5%;
  text-transform: uppercase;
}

/*lifescience*/
.page-node-4309 .section-spacing.padding-btm {
  padding: 0 7%;
}

/*microFabric*/
.page-node-4349 video,
.page-node-5078 video {
  width: 100%;
  height: auto;
}

/*---diversity-inclusion---*/

.page-node-4491 .d-i-page .imageArea p {
  width: 19%;
  transform: none;
  margin-top: 22%;
  position: absolute;
  right: 14%;
  top: 0px;
  text-align: left;

  .page-node-4491 .path-div {
    position: relative;
    top: 12%;
    width: 70%;
  }

  z-index: 0;

  .page-node-4491 .quote {
    position: relative;
    height: 100%;
    left: -35px;
    max-width: 40%;
  }


  /*fabricPage*/
  h2.displayMobile {
    display: none;
  }


  @media screen and (max-width: 1400px) {
    .mm-wrapper_opening #page {
      border-left: 1px solid #ccc;
    }

    .page-node-4491 .d-i-page .imageArea p {
      top: 75px;
    }
  }


  /*----Aboout Us-----*/

  .aboutUs .allianceSection .icon-hover {
    display: inline-block;
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20%;
    padding-right: 10%;
    height: auto;
    text-align: center;
    width: 100%;
    padding-left: 0%;
  }

  /*-----ai-data-modernization----*/


  .page-node-4603 section.overview {
    padding: 5% 7% 5% 6%;
  }

  @media screen and (max-width: 767px) {

    .page-node-4603 .col-md-5.card-tit {
      margin-left: 1%;
    }

    .page-node-4603 .advantages-wrap .advantages .adv-card {
      width: 260px;
      max-width: 260px;
      position: static;
      margin: 20px 18px;
      box-sizing: content-box;
    }

    .page-node-15 .culture-area .knowMoreButton {
      top: 0px;
    }
  }

  @media only screen and (max-width: 1023px) {
    .page-node-4603 .col-md-5.card-tit {
      margin-left: 1%;
    }

    .page-node-4603 section.overview {
      padding: 5% 7% 5% 3%;
    }

    .banner-text .bannerSection {
      Padding-left: 5%;
    }


  }


  @media only screen and (max-width: 1180px) {
    .page-node-4603 .col-md-5.card-tit {
      margin-left: 5%;
    }

    .page-node-4603 #block-sonata-new-webform-10 button {
      margin-top: -215px;
      position: relative;
    }

    .page-node-15 .experiences-area .owl-carousel .owl-item img {
      top: 10px;
    }

    .page-node-15 #H1-section4 .width40 .knowMoreButton {
      top: 0px;
    }


    .insight-image .animationButton {
      margin-top: 2vh;
    }

    .view-newsroom .animationButton {
      margin-left: 3%;
    }
  }

  @media only screen and (max-width: 1023px) {
    .mm-wrapper_opening #page {
      border-left: 1px solid #ccc;
      padding-right: 0px;
    }
  }


  @media screen and (max-width: 1400px) {

    .page-node-4603 .advantages-wrap {
      padding-left: 4%;
      padding-right: 4%;
    }

    .mm-wrapper_opening #page {
      border-left: 1px solid #ccc;
      padding-right: 4px;
    }
  }

  @media screen and (max-width: 1024px) {
    .partnersSection div p img {
      width: 50%
    }

  }

  /*---12-Oct-g-----*/

  @media only screen and (max-width: 1180px) {
    .allianceSection .icon-hover {
      margin-top: 40px;
    }

    .thought-leadership.testimonials p {
      margin: 30px 0 30px;
    }

    .offering-list li ul {
      margin: 10px 0 0;
    }

    .page-node-4641 .advantages,
    .page-node-4637 .advantages {
      height: 100%;
      padding-bottom: 30px;
      margin-bottom: 0px;
    }

    .aboutUs .container-sec.allianceSection .animationButton {
      left: 0;
    }

  }

  /*---15 Oct----*/
  @media only screen and (max-width: 767px) {
    .aboutUs .container-sec.allianceSection .animationButton {
      left: -20px;
    }
  }

  @media only screen and (max-width: 1023px) {

    /*---microsoft-alliance---*/
    .page-node-4681 .allianceSection .icon-hover {
      margin-top: 35px;
    }

    /*----modern-distribution----*/
    .page-node-4562 .banner-text {
      width: 70% !important;
      position: absolute;
      bottom: 5%;
      top: auto;
      left: 7%;
      right: auto;
    }

    .page-node-4562 ul {
      padding-left: 20px;
      padding-right: 20px;
    }

    .page-node-4562 ul.offering-list {
      padding-left: 0;
    }

    .allianceSection p.common-subheading {
      font-weight: bolder;
      font-size: 20px;
      margin-top: 50px;
    }

    .allianceSection .icon-hover {
      margin-top: 35px;
    }

    .aboutUs .ExecutiveLeaderSection .textArea.width50.rhs {
      left: 20%;
    }

    /*carresr*/
    .page-node-3885 #careers-page .cr-insights-wrap .cr-bg-gradient {
      width: 50%;
    }
  }

  @media only screen and (max-width: 1024px) {
    .advantages {
      height: 100%;
      padding-bottom: 30px;
      margin-bottom: 0px;
    }

    /*--cfareers---*/
    .cr-insights-wrap h4 {
      margin: 0;
      display: flex;
      height: 10vh;
      align-items: center;
      padding-left: 40px;
    }
  }


  /*payers and providers*/
  .container-wrap.spacing {
    padding: 5% 8%;
  }

  /*BFSI*/
  .partnersSection a {
    color: #0071b3;
    text-decoration: none;
    font-size: 20px;
  }

  /*manufacturing-distribution*/
  .circle-info .col-sm-12 {
    display: flex;
  }

  .circle-info .col-sm-12>div {
    width: 25%;
    display: flex;
    align-items: center;
  }

  .circle-info .col-sm-12>div>p {
    width: 200px;
    height: 200px;
    border: 8px solid #00BE9B;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
  }

  .actual-content a {
    color: #ff0000;
  }

  /*awards&Accord*/
  .page-node-3541 .textArea.width50,
  .page-node-3543 .textArea.width50,
  .page-node-3545 .textArea.width50,
  .page-node-786 .textArea.width50 {
    position: absolute;
    top: 40%;
    left: 3%;
  }

  .page-node-3541 .awards-inner,
  .page-node-3543 .awards-inner,
  .page-node-3545 .awards-inner,
  .page-node-786 .awards-inner {
    /*qalityAssurance*/
  }

  .page-node-3541 .awards-inner li,
  .page-node-3543 .awards-inner li,
  .page-node-3545 .awards-inner li,
  .page-node-786 .awards-inner li {

    margin-bottom: 2vh;
  }

  .page-node-3541 a,
  .page-node-3543 a,
  .page-node-3545 a,
  .page-node-786 a {
    color: #ff0000;
  }

  .page-node-3541 h4,
  .page-node-3543 h4,
  .page-node-3545 h4,
  .page-node-786 h4 {
    line-height: 0.8;
  }

  .page-node-786 div#awards {
    padding: 5vh 5vw;
  }

  /*digital*/
  .page-node-4349 a,
  .page-node-5078 a {
    color: #ff0000;
  }

  /*stackcard*/
  .stack-card a {
    color: #fff;
    text-decoration: underline;
  }

  /*Insights*/
  .path-insights .field-content {
    font-size: 18px;
  }

  /*platformation-services-dynamics*/
  section.thought-leadership-spotlight .col-sm-6:nth-child(2) img {
    float: right;
  }

  /*15-11-blog*/

  .page-node-4831 .blog-suggestions,
  .page-node-4831 .comments {
    display: none;
  }

  .page-node-4831 .blog-inside-content img {
    width: 100%;
  }

  .page-node-4831 .blog-inside-content ol,
  .page-node-4831 .blog-inside-content ul {
    padding-left: 3%;
  }

  .page-node-4831 .blog-template-wrap .blog-content-wrap {
    margin-top: 15%;
  }

  .blog-written-name {
    font-size: 20px;
  }

  @media only screen and (min-width:1320px) {
    .page-node-4831 .blog-inside-content a {
      font-size: 20px;
    }

    .page-node-4831 .blog-inside-content li {
      font-size: 1.2vw;
    }

    .page-node-4831 .blog-inside-content {
      padding: 0 9%;
    }
  }

  /*D&I*/
  .page-node-4491 .content-image.imageArea {
    position: relative;
    margin-top: 65%;
    margin-left: 0;
    float: left;
    width: 100%;
  }

  .leftContentImage {
    float: left;
    width: 65%;
  }

  .leftContentImage .path-div {
    position: relative;
    top: 12%;
    width: 100%;
  }

  .leftContentImage .client-div {
    position: absolute;
    top: -5.1vw;
    /***validation right: ato; ***/
    left: 77px;
    display: flex;
    max-width: 44.5%;
  }

  .rightContentText {
    width: 35%;
    float: right;
    margin-top: 10%;
  }

  .rightContentText .quote-div {
    position: relative;
    left: 0;
    z-index: 2;
    width: 90%;
  }

  .d-i-page .imageArea .rightContentText p {
    width: 100%;
    transform: none;
    margin-top: 0;
    position: relative;
    right: -22px;
    top: 0px;
    text-align: left;
  }

  .d-i-page .overview-content p {
    font-size: 1.04vw;
    width: 100%;
  }


  /* landing page css starts from here */
  /* landingPage */
  /*--Micro Fabric--*/
  .node--type-landing-page ul {
    padding-left: 4rem;
  }

  .node--type-landing-page h4 {
    margin-bottom: 3%;
  }

  .basic-info-form {
    padding: 2%;
    border-radius: 12px;
    border: 1px solid #707070;
    width: 540px;
    float: right;
    position: relative;
    top: -110px;
    right: 65px;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(7px);
    height: 510px;
  }

  .node--type-landing-page .basic-info-form form label {
    font-size: 20px !important;
    /* line-height: 20px; */
  }

  .basic-info-form form label {
    text-align: left;
    font: normal normal normal 12px/15px Segoe-UI;
    line-height: 15px;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    padding-bottom: 37px;
    margin-top: -11px;
    line-height: 18px;
  }

  ul.timelines li {
    text-align: left;
    font: normal normal normal 15px/36px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin: 0;
    padding-left: 0px;
    padding-bottom: 15px;
  }

  ul.timelines li p {
    margin-bottom: 0;
    line-height: 24px;
  }


  ul.timelines li span {
    position: relative;
    left: -2px;
    font-size: 24px !important;
  }

  ul.timelines>li span::before {
    content: ' ';
    background: #00BE9B;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    left: 0px;
    top: 10px;
    margin-right: 30px;
  }


  ul.timelines::before {
    content: ' ';
    background: #D1D3D4;
    display: inline-block;
    position: absolute;
    left: 307px;
    width: 2px;
    height: calc(100% - 75px);
    z-index: 0;
    top: 40px;
  }

  .node--type-landing-page .right-form form input {
    height: 40px;
    border: 1px solid #000000;
    color: #000;
    font-size: 16px;
  }

  .node--type-landing-page .section-spacing {
    padding: 2% 7% 2% 7%;
    display: flex;
    flex-direction: column;
  }

  .agenda .col-sm-12 p {
    width: 78%;
    font-size: 20px;
  }

  /*---------------9-6--------------*/

  .node--type-landing-page .left-body {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font: normal normal normal 31px/24px Segoe-UI;
    padding-top: 1%;
    width: 59%;
  }

  .node--type-landing-page .left-body p {
    margin-top: -0.5vw;
    margin-bottom: 4rem;
    line-height: 28px;
    font-size: 18px;
  }


  .node--type-landing-page .form-submit {
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    border: 1px solid #000;
    margin-top: 25px;
    padding: 1% 10%;
    font-size: 18px;
  }

  .green-text {
    text-align: left;
    font: normal normal bold 13px/28px Segoe-UI;
    letter-spacing: 0px;
    color: #00BE9B;
    opacity: 1;
    padding-top: 10%;
    display: flex;
  }

  .node--type-landing-page .banner-text {
    width: 55vw;
    top: 50%;
    left: 7%;
  }

  .page-node-4976.node--type-landing-page .banner-text {
    width: 37vw;
    top: 23%;
  }

  .page-node-4976 H1-section6 p {
    margin-bottom: 0
  }

  .mf-banner-img {
    width: 50%;
    height: auto;
    margin-bottom: 75px;
  }

  .mf-date-img {
    max-width: 75%;
  }

  .page-node-4976.node--type-landing-page .banner-text p {
    width: 53vw;
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .page-node-4976.node--type-landing-page .banner-text p.green-text {
    font-size: 18px;
  }

  .page-node-4976.node--type-landing-page .banner-text h3 {
    font-family: "Segoe-UI";
    font-size: 18px;
  }

  .node--type-landing-page .banner-text p {
    font-size: 2vw;
    line-height: 1.3;
  }

  .agenda h3 {
    text-align: left;
    font: normal normal bold 30px/51px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 38px;
    margin-bottom: 30px;
  }

  ul.timelines {
    border-top: 2px solid;
    padding: 0px;
    padding-top: 0px;
    padding-top: 0px;
    padding-top: 30px;
    margin-top: 1%;
    position: relative;
  }

  .node--type-landing-page .left-body p {
    width: 100%;
  }

  .agenda li {
    list-style: none;
  }

  ul.timelines li div {
    float: left;
    width: 300px;
    font-size: 24px;

  }

  .node--type-landing-page .hdrArea h2 {
    font-size: 100px;
  }

  .node--type-landing-page .container-wrap {
    padding-left: 6%;
    padding-right: 3%;
  }

  /*landingpage-dynamics-migration-assessment*/
  .node--type-landing-page .js-form-item-country-country label {
    padding-bottom: 0;
    color: #000;
    margin-top: 1%;
    visibility: hidden;
  }

  .node--type-landing-page .form-select {
    font-size: 16px;
  }

  li.btm-space {
    margin: 2.5% 0;
  }

  h4.mg-space {
    margin: 5% 0;
  }

  @media only screen and (max-width: 1664px) {

    .node--type-landing-page .banner-text p {
      font-size: 2vw;
      margin-top: 0px;
    }

    .node--type-landing-page .container-wrap {
      padding-left: 6%;
      padding-right: 6%;
    }

    .node--type-landing-page .hdrArea h2 {
      font-size: 5vw;
      width: auto;
    }

    .node--type-landing-page h4 {
      font-size: 2.5vw;
    }

    .node--type-landing-page .left-body {
      text-align: left;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
      font: normal normal normal 31px/24px Segoe-UI;
      padding-top: 3%;
      width: 57%;
    }

    .basic-info-form {
      padding: 2%;
      border-radius: 12px;
      border: 1px solid #707070;
      width: 40%;
      float: right;
      position: relative;
      top: -86px;
      right: -10px;
      background-color: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(7px);

    }

    .agenda .col-sm-12 p {
      width: 78%;
      font-size: 20px;
    }

    ul.timelines li span {
      position: relative;
      left: -1px;
      font-size: 20px;
      width: auto;
      display: flex;
    }

    .node--type-landing-page .basic-info-form form label {
      font-size: 16px !important;
      line-height: 20px;
      padding-top: 12px;
    }

    .green-text {
      padding-top: 47px;
      display: flex;
    }

  }


  @media only screen and (max-width: 1023px) {
    .node--type-landing-page .banner-content {
      margin-right: 8px;
    }

    .node--type-landing-page .banner.inner-carousel {
      padding: 0;
      margin: 0 !important;
    }

    .node--type-landing-page .webform-submission-event-a-date-with-ms-fabric-form .form-control {
      font-size: 16px;
    }

    .node--type-landing-page button#edit-actions-submit {
      margin-top: -100px !important;
    }

    ul.timelines li span {
      position: relative;
      left: 33px;
      font-size: 20px;
    }

    .node--type-landing-page .left-body {
      padding: 0px;
      width: 100%;
      margin-top: -50px;
    }

    .node--type-landing-page .left-body p {
      width: 100%;
      position: relative;
      font-size: 20px !important;


    }

    .node--type-landing-page .container-wrap {

      display: flex;
      flex-direction: column-reverse;
    }

    .node--type-landing-page .green-text {
      font-size: 2vw;
      margin-top: -45px;
      display: block;
      line-height: 35px;
      /* position: absolute; */
      bottom: 25px;
    }

    .green-text {
      text-align: left;
      font: normal normal bold 20px/20px Segoe-UI;
      font-size: 20px;
      letter-spacing: 0px;
      color: #00BE9B;
      opacity: 1;
      bottom: 0px;
      display: ruby-text;
      padding-top: 85px;
    }

    .basic-info-form {
      background-color: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(7px);
      padding: 2%;
      border-radius: 12px;
      border: 1px solid #707070;
      opacity: 1;
      backdrop-filter: blur(20px);
      width: 100%;
      position: relative;
      top: -69px;
      right: 0px;
    }

    ul.timelines>li span::before {
      content: ' ';
      background: #00BE9B;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      height: 20px;
      left: -30px;
      top: -22px;
    }

    ul.timelines li span {
      position: relative;
      font-size: 14px !important;
      display: inline;
      left: 0;
      top: -5px;
    }

    ul.timelines::before {
      content: ' ';
      background: #D1D3D4;
      display: inline-block;
      position: absolute;
      left: 4px;
      width: 2px;
      z-index: 0;
    }

    ul.timelines li div {
      float: none;
      width: 275px;
    }

    ul.timelines::before {

      height: calc(100% - 112px);

    }

    display: flex;

    .node--type-landing-page .form-submit {
      background: #000000 0% 0% no-repeat padding-box;
      border-radius: 7px;
      opacity: 1;
      position: relative;
      top: 100px;
    }

    .node--type-landing-page .section-spacing {
      padding: 5% 5%;
      display: flex;
      flex-direction: column;
    }

    ul.timelines li {
      padding-left: 25px;
      line-height: 30px;
    }

    .agenda .col-sm-12 p {
      width: 100%;
    }

    .basic-info-form form label {
      padding-bottom: 30px;
      margin-top: 0px;

    }

    .agenda .col-sm-12 p {
      width: 100%;
      font-size: 20px;
    }

    ul#block-landing-page-sociallinks {
      position: absolute;
      left: 15px;
    }

    .site-footer__bottom {
      letter-spacing: 0.2px;
      margin-top: 50px;
      border-top: 1px solid #555;
      border-color: rgba(255, 255, 255, 0.15);
    }

    h4 {
      font-size: 38px;
      margin-bottom: 5%;
    }
  }


  @media only screen and (max-width: 1023px) {
    .node--type-landing-page .banner-text {
      /* width: 55vw; */
      top: 50%;
      left: 10%;
    }

    ul#block-landing-page-aboutusfootermenu-2 li.menu-item {
      padding: 0 0 0 3rem;
    }

    .page-node-4976.node--type-landing-page .banner-text {
      top: 59%;
    }

    .page-node-4976 .fabricImage img {
      max-width: 70%;
      margin-bottom: 25px;
    }

    .page-node-4976.node--type-landing-page .banner-text p {
      padding-top: 0;
      width: 100%;
      font-size: 18px !important;
      margin-bottom: 5px;
    }

    .page-node-4976.node--type-landing-page .banner-text h3 {
      font-size: 18px;
      font-family: "Segoe-UI";
    }

    .page-node-4976.node--type-landing-page p.green-text {
      width: 100% !important;
      padding-top: 10px;
      font-size: 16px !important;
      padding-bottom: 5px;
    }

    .page-node-4976.node--type-landing-page h4 {
      font-size: 22px;
    }
  }

  .node--type-landing-page .body-content .left-body p a,
  .link {
    color: #0071b3;
  }

  .timelines li {
    list-style: none;
  }


  /*platformation*/
  .node--type-digital-modernization-engineer ul li p {
    margin: 0;
  }

  /*fabric*/
  .page-node-4349 .calendly-link a,
  .page-node-5078 .calendly-link a {
    color: #fff;
  }

  /*webform button*/
  .web-cont-btn.button {
    font-size: 1.05vw;
  }

  /*homepage section etnow*/
  #hfs-data-modernization-report.section-spacing .col-sm-6:nth-child(2) {
    align-items: flex-start;
  }

  p.font36.left {
    margin-left: 1%;
    font-family: "Segoe-UI";
  }

  .buttonSection.et-now .animationButton {
    margin-right: 0;
  }

  .blueGradientBox.et-now {
    background-image: unset;
    width: 100%;
    position: absolute;
    color: #fff;
    top: 68%;
    left: 50%;
    padding: 0;
    border-radius: unset;
    height: auto;
  }

  /*ai-data-modernization*/
  .overview-extra .imageContent {
    width: 70%;
  }

  .overview-extra p.font36 {
    margin-left: 0;
  }

  section.overview-extra.container-fluid {
    padding: 5% 0 8%;
  }

  .overview-extra .col-sm-12,
  .overview-extra .col-sm-6 {
    padding: 0;
  }

  .overview-extra .imageContent {
    margin-left: 0;
  }

  /*cms chnages*/

  .rajVideo .imageContent {
    width: 75%;
  }

  /*------User login form--------*/
  .page-user-login {
    padding-top: 130px;
  }

  .page-user-login header#header.search-active,
  .page-user-login div#search {
    position: fixed;
  }

  .user-login-form {
    max-width: 600px;
    margin: 10vh auto;
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 20px 30px !important;
    border-radius: 10px;
  }

  .user-login-form .captcha__description,
  .user-login-form .text-muted {
    font-size: 14px;
    top: 2px;
    position: relative;
  }

  form#user-login-form button {
    font-size: 18px;
    margin-top: 15px;
    background-color: #FF000B;
    padding: 0.5vw 2vw;
    text-transform: uppercase;
    font-family: "Segoe-UI-Bold";
    border-color: transparent;
  }

  .captcha__element .input-group-prepend span {
    line-height: 2;
    font-size: 12px;
  }

  .user-login-form .form-control {
    font-size: 1.5rem
  }

  .page-not-found {
    padding: 170px 3% 20px;
    min-height: 70vh;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  @media(max-width:1023px) {
    .page-not-found {
      padding-top: 80px;
    }
  }

  /*new changes for contactUS*/
  .view-locations .col-sm-4.communicationSection,
  .view-locations .views-field.views-field-field-gmap {
    display: none;
  }

  h2.semi-circle-right {
    font-size: 36px;
    margin: 150px 0 50px;
  }

  .mobile-display {
    display: none;
  }

  .sticky-mail-box {
    position: sticky;
    top: 90px;
    margin-top: 70px;
    border: 1px solid #8F8F8F;
    border-radius: 14px;
    padding: 20px;
  }

  .sticky-mail-box span {
    font-size: 22px;
  }

  .sticky-mail-box strong {
    display: block;
    padding-top: 10px;
  }

  .sticky-mail-box strong a {
    color: #000;
    font-size: 26px;
  }

  .form-desc {
    font-size: 3rem;
    padding-left: 7%;
    padding-right: 7%;
    margin-bottom: 2%;
    margin-top: 2%;
  }

  .form-desc a {
    font-size: 4.8rem;
    text-decoration: underline;
    color: #000;
    font-weight: 700;
  }

  .page-node-1096 .form-select {
    height: 35px;
    font-size: 1.5rem;
  }

  .registered-off .field-content {
    font-size: 32px;
    color: #000;
    font-weight: 700;
  }

  .col-sm-12.addressSection {
    padding: 0 15px;
  }

  .page-node-1096 .js-form-item-company-name {
    margin-top: 25px;
  }

  .page-node-1096 .banner-text {
    top: 0;
    display: flex;
    justify-content: center;
    height: 100%;
  }

  #block-views-block-locations-block-9 .views-row:last-child {
    border: 0;
  }

  .page-node-1096 .form-control {
    font-size: 16px;
  }

  .page-node-1096 .js-form-item-company-name {
    margin-top: 0;
  }

  /*disclosures-under-regulation-46-of-the-lodr--05-02*/
  .page-node-3865 main#content {
    margin-top: 17vh;
  }

  .page-node-3865 table td,
  .page-node-3865 table th {
    text-align: center;
  }

  .page-node-3865 table th {
    color: #000;
  }

  /*error-message-alert*/
  .node--type-report-form-landing-page .alert-wrapper div {
    font-size: 20px;
  }

  .node--type-report-form-landing-page .alert-danger {
    opacity: 1;
  }

  /**form styles*/
  .page-node-4920.node--type-report-form-landing-page label,
  .page-node-4921.node--type-report-form-landing-page label,
  .page-node-4922.node--type-report-form-landing-page label {
    font-size: 3.6vw;
    margin-bottom: 5%;
  }

  .page-node-4920.node--type-report-form-landing-page .form-control,
  .page-node-4921.node--type-report-form-landing-page .form-control,
  .page-node-4922.node--type-report-form-landing-page .form-control {
    font-size: 23px;
    margin-bottom: 2vw;
    border: 0;
    border-bottom: 4px solid #000;
    box-shadow: none;
    width: 100%;
    min-height: 50px;
  }

  .page-node-4920.node--type-report-form-landing-page .webform-button--submit,
  .page-node-4921.node--type-report-form-landing-page .webform-button--submit,
  .page-node-4922.node--type-report-form-landing-page .webform-button--submit {
    background-color: #ff0000;
  }

  .page-node-4920.node--type-report-form-landing-page form.webform-submission-form,
  .page-node-4921.node--type-report-form-landing-page form.webform-submission-form,
  .page-node-4922.node--type-report-form-landing-page form.webform-submission-form {
    width: 100%;
    border: 0;
    padding: 0 7% 0;
    border-radius: 12px;
    background: #fff;
    position: relative;
    margin: 130px auto 0;
  }

  .page-node-4920 .DisplayFlex,
  .page-node-4921 .DisplayFlex,
  .page-node-4922 .DisplayFlex {
    display: flex;
    align-items: flex-start;
  }

  .page-node-4920.node--type-report-form-landing-page .logo img,
  .page-node-4921.node--type-report-form-landing-page .logo img,
  .page-node-4922.node--type-report-form-landing-page .logo img {
    aspect-ratio: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 0;
  }

  .page-node-4920.node--type-report-form-landing-page img,
  .page-node-4921.node--type-report-form-landing-page img,
  .page-node-4922.node--type-report-form-landing-page img {
    aspect-ratio: auto;
    margin-top: 40px;
  }

  .page-node-4920 ul.we-mega-menu-ul.nav.nav-tabs,
  .page-node-4921 ul.we-mega-menu-ul.nav.nav-tabs,
  .page-node-4922 ul.we-mega-menu-ul.nav.nav-tabs {
    display: none;
  }

  .page-node-4920.node--type-report-form-landing-page .site-footer,
  .page-node-4921.node--type-report-form-landing-page .site-footer,
  .page-node-4922.node--type-report-form-landing-page .site-footer {
    display: block;
    background: #000;
  }

  .page-node-4920 .layout__region.layout__region--content,
  .page-node-4921 .layout__region.layout__region--content,
  .page-node-4922 .layout__region.layout__region--content {
    display: block;
  }

  .page-node-4920 section#report-form-page,
  .page-node-4921 section#report-form-page,
  .page-node-4922 section#report-form-page {
    overflow: hidden;
  }

  .page-node-4920.node--type-report-form-landing-page nav#navbar-main,
  .page-node-4921.node--type-report-form-landing-page nav#navbar-main,
  .page-node-4922.node--type-report-form-landing-page nav#navbar-main {
    display: block;
    background-color: #000;
  }

  .page-node-4920 nav#navbar-top,
  .page-node-4921 nav#navbar-top,
  .page-node-4922 nav#navbar-top {
    display: none;
  }

  /*thankyou-page*/
  .thank-you-page-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

  .thank-you-page-wrapper img {
    max-width: 100%;
  }

  .thank-you-page-wrapper h3 {
    font-size: 1.9vw;
  }
}

font-size: 2.75vw;

.thank-you-page-wrapper .thank-you-content {
  position: absolute;
  padding-left: 7%;
  width: 50%;
  padding-top: 100px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.thank-you-page-wrapper a {
  color: #01B1FF;
}

/*microsoft fabric page*/
.off-know-more.cta-align {
  margin-top: 250px;
  margin-left: -2%;
}

.off-know-more.cta-align .knowMoreButton .circle {
  border: 1px solid #fff;
}

.off-know-more.cta-align .knowMoreButton>p a,
.off-know-more.cta-align .knowMoreButton .circle .icon {
  color: #fff;
}

.page-node-4349 .banner-carousel .owl-nav,
.page-node-5078 .banner-carousel .owl-nav {
  position: absolute;
  left: 6%;
  bottom: 20%;
  color: #fff;
}

.conference-modal-popup .modal-footer {
  text-align: left;
}

.page-node-4170 .icon-hover .circle {
  display: none;
}

.page-node-4170 .container-sec.allianceSection {
  padding: 1% 7% 3%;
}

.page-node-4170 .allianceSection .icon-hover {
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.page-node-4170 .icon-hover:hover {
  cursor: default;
}

.page-node-4170.node--type-digital-modernization-engineer .allianceSection .icon-hover:hover img {
  margin-top: 0;
}

.page-node-4170 .allianceSection .icon-hover {
  padding-top: 0;
}

.page-node-4170 .icon-hover .icon {
  position: static;
}

.page-node-4170 .icon img {
  width: auto !important;
}

.page-node-4888 .section-spacing {
  padding: 5% 7% 0;
}

.page-node-4888 .banner-text {
  top: 38%;
}

.app-services-list .img-fluid {
  width: auto;
}

.page-node-4888 .overview-extra {
  min-height: auto !important;
}

.app-services-list h4 {
  font-size: 1.25vw;
  margin-bottom: 10px;
}

.app-services-list .list-bullet-inside {
  margin-top: -10px;
}

.app-services-list ul {
  padding-left: 25px;
}

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

.v-middle-both {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.v-middle-sec .container-fluid .col-sm-6:first-child {
  display: flex;
  height: 100%;
}

.page-node-4169 .v-middle-sec .container-fluid .col-sm-6:first-child {
  flex-direction: column;
}

.incubation-sec h3 {
  padding-right: 5%;
}

.hov-pointer.node--type-digital-modernization-engineer .allianceSection .icon img {
  width: 100% !important;
  height: auto;
}

.hov-pointer .icon-hover .circle {
  display: none;
}

.hov-pointer .container-sec.allianceSection {
  padding: 0;
}

.hov-pointer section.overview-extra.container-fluid {
  padding: 0;
}

.hov-pointer.node--type-digital-modernization-engineer .allianceSection .icon-hover:hover img {
  margin-top: 0;
}

.hov-pointer .icon-hover:hover .icon {
  left: 41%;
  top: -2vw;
}

.hov-pointer .icon-hover:hover {
  cursor: default;
}

.hov-pointer .icon img {
  width: 100% !important;
}

/*fixing encore*/
.list-bullet-inside {
  padding-left: 20px;
  list-style: disc;
}

.list-bullet-inside>li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.list-bullet-inside>li:first-child {
  padding-top: 0;
}

section.container-fluid.managed-app-services {
  float: left;
}

section.container-fluid.managed-app-services .container-wrap {
  padding: 0;
  padding-top: 5%;
}

.page-node-4309 .overview-extra-content {
  float: left;
}

.page-node-4309 .overview-extra-content .section-spacing {
  padding: 0;
  padding-top: 5%;
}

.page-node-4309 .container-sec.allianceSection {
  padding-left: 0;
  padding-right: 0;
}

/*slider-caraosel-optima*/
.slideroptima .thought-leadership.testimonials p {
  margin: 0;
  width: 100%;
  margin-left: 3%;
  padding-bottom: 0.5%;
}

.slideroptima .thought-leadership h2 {
  margin: 20px 0;
  font-size: 2vw;
  font-weight: 600;
  line-height: 1.2;
  margin-left: 2%;
}

.slideroptima .thought-leadership.testimonials img:last-child {
  position: relative;
  right: 0;
  margin: 10px auto;
  display: block;
  max-width: 70%;
}

.slideroptima .thought-leadership.testimonials img:first-child {
  z-index: 9;
  left: 0;
  top: auto;
  height: auto;
  animation: none;
}

.slideroptima .thought-leadership.testimonials .owl-nav {
  position: static;
  text-align: left;
  font-size: 40px;
  bottom: -50px;
  top: auto;
  left: 2vw;
}

.slideroptima .thought-leadership.testimonials {
  padding: 0;
}

.slideroptima {
  min-height: fit-content;
}

.slideroptima .thought-leadership.testimonials .row {
  align-items: center !important;
  padding: 0 15px;
}

.optima-carousel ul {
  padding-left: 5rem;
}

.consulting-section {
  width: 100%;
}

.node--type-digital-modernization-engineer .hov-pointer .allianceSection .icon-hover:hover img {
  margin-top: 0;
}

/*ovverview readmore text*/
.readmore-text {
  overflow: hidden;
  height: 450px;
  overflow-y: scroll;
}

/*tmt*/
.img-wrap-gap {
  margin: 0 !important;
}

.img-wrap-gap img {
  margin-right: -5px;
  margin-bottom: 0 !important;
}

.advance-consult-partners p img {
  margin-right: -5px;
}

.page-node-4534 .overview-extra-content .section-spacing {
  padding: 3% 0 0;
  width: 100%;
}

/*dataprivacy & quality-assurance-services*/
.page-node-4307 section.overview-extra.container-fluid,
.page-node-4888 section.overview-extra.container-fluid {
  padding-top: 0;
  padding-bottom: 0;
}

/*cloud-transformation*/
.managed-text {
  padding: 0 0 0 5%;
}

.managed-content span {
  font-size: 36px;
  display: flex;
  align-items: center;
  height: 100%;
  color: #707070;
}

.managed-content:hover span {
  color: #fff;
}

.managed-content {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-bottom: 2%;
  padding: 0 3%;
  height: 100px;
}

.managed-text p,
.managed-content p,
.managed-content h3 {
  margin: 0;
}

.managed-content:hover {
  color: #fff;
  background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
}

.managed-content h3 {
  font-size: 24px;
}

.section-spacing.managed-cloud-section .col-sm-6:nth-child(2) {
  align-items: normal;
}

/*cloud-transformation-scalable*/
.page-node-4170 .managed-text {
  justify-content: center;
  flex-direction: column;
  align-items: baseline;
}

.page-node-4170 .managed-text p {
  display: block !important;
}

.page-node-4170 .managed-content:hover h3 {
  display: block;
}

/*scalable*/
.width80 {
  width: 82%;
}

.page-node-5024 .banner-text p,
.page-node-5026 .banner-text p {
  font-size: 24px;
  margin-bottom: 5px;
}

.page-node-5026 .owl-theme .owl-dots .owl-dot {
  display: none;
}

.page-node-5036 .banner-text p,
.page-node-5026 .banner-text p {
  font-size: 24px;
  width: 75%;
}

.page-node-5033 .banner-text p {
  font-size: 24px;
  width: 80%;
}

.page-node-5036 section.overview,
.page-node-5036 section.overview-extra.container-fluid,
.page-node-5040 section.overview,
.page-node-5040 section.overview-extra.container-fluid,
.page-node-5024 section.overview-extra.container-fluid,
.page-node-5017 section.overview,
.page-node-5017 section.overview-extra.container-fluid,
.page-node-5033 section.overview,
.page-node-5033 section.overview-extra.container-fluid,
.page-node-4204 section.overview-extra.container-fluid,
.page-node-5026 section.overview,
.page-node-5026 section.overview-extra.container-fluid,
.page-node-5002 section.overview-extra.container-fluid {
  display: none;
}

.row.gray-bg-content {
  display: flex;
}

.gray-bg-content .managed-content {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #F1F2F2;
  text-align: center;
  padding: 5% 0;
}

.gray-bg-content .col-md-3.col-sm-12 {
  padding-left: 15px;
  padding-right: 15px;
}

.page-node-4551 .container-wrap.addtl-sec-carousel-wrap {
  display: none;
}

.readmore-text.sec-height {
  height: 570px;
}

/*p.partners-icon.img-wrap-gap img {
    margin-right: -5px%;
}*/
p.partners-icon.img-wrap-gap img {
  margin-right: -5px;
}

/*scalable-content-dynamics-page*/
.managed-content {
  width: 100%;
}

.managed-text {
  display: flex;
  align-items: center;
}

.managed-content .product-text {
  display: none;
}

.managed-content:hover .product-text {
  display: block;
  cursor: pointer;
}

.managed-content:hover h3 {
  display: none;
}

/** d365 tab content  **/
.dyn-tabbed-content {
  display: flex;
  width: 100%;
}

.dyn-tabbed-content li {
  list-style: none;
  width: 20%;
  cursor: pointer;
  text-align: center;
}

.dyn-tabbed-content li strong {
  display: block;
  margin: 0 5px;
  padding: 5px 10px;
  background: #f2f2f2;
  border: 1px solid #707070;
  font-size: 16px;
  white-space: nowrap;
}

.dyn-tabbed-content li.active strong {
  color: #fff;
  background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
}

.dyn-tabbed-content li:first-child strong {
  margin-left: 0;
}

.dyn-tabbed-content li:last-child strong {
  margin-right: 0;
}

.d-tabbed-info {
  padding-top: 20px;
  width: 40%;
}

.d-tabbed-info>div {
  display: none;
}

/*d365-supply-chain-management-three-column-icon*/
.three-column-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.three-column-content {
  font-weight: 700;
  text-align: center;
  flex-direction: column;
  margin-top: 4%;
}

.page-node-5033 .three-column-icon {
  height: 100px;
}

.page-node-5033 .three-column-content {
  padding-right: 20px;
  padding-left: 20px;
}

.three-column-content h6 {
  font-size: 24px;
  font-family: 'Segoe-UI-Bold';
}

.three-column-content p {
  margin: 0 auto;
}

/*retail*/
.leadership-spot-content .fade-left.reveal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/*cloud-transformation*/
.managed-content:hover p {
  display: block !important;
}

.managed-text p {
  display: none !important;
}

/*d365-for-finance-and-operations%E2%80%8B*/
.d365-carousel.owl-loaded.owl-drag,
.d365erp-carousel.owl-loaded.owl-drag {
  padding: 2% 15px 5%;
}

.d365-carousel .owl-item.active,
.d365-carousel .owl-item.cloned,
.d365erp-carousel .owl-item.active,
.d365erp-carousel .owl-item.cloned {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-direction: column;
}

.d365-carousel .owl-stage,
.d365erp-carousel .owl-stage {
  display: flex;
}

.d365-carousel .icon-hover .circle,
.d365erp-carousel .icon-hover .circle {
  display: none;
}

.d365-carousel .icon-hover .icon,
.d365erp-carousel .icon-hover .icon {
  position: static;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.d365-carousel .common-subheading,
.d365erp-carousel .common-subheading {
  display: none;
}

.d365-carousel .owl-nav,
.d365erp-carousel .owl-nav {
  position: absolute;
  height: 55px;
  left: 0;
  right: 0;
  top: 0;
}

.d365-carousel button,
.d365erp-carousel button {
  position: absolute;
}

.d365-carousel .owl-prev,
.d365erp-carousel .owl-prev {
  left: 0;
}

.d365-carousel .owl-next,
.d365erp-carousel .owl-next {
  right: 0;
}

.d365-carousel span,
.d365erp-carousel span {
  font-size: 5vw;
  color: #707070;
}

.d365-carousel .owl-dots,
.d365erp-carousel .owl-dots {
  display: none;
}

h2.d365-heading.aos-init.aos-animate {
  padding: 0 8% 3%;
}

.d365erp-carousel .icon-hover p {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.page-node-5026 .platform-carousel h2 {
  font-size: 1.5vw;
}

.d365erp-carousel .owl-item.active {
  margin-right: 0;
}

.page-node-5026 h4 {
  font-size: 24px;

}

.page-node-5026 .hover-effect-lists ul li {
  height: 120px;
}

.page-node-5026 .hover-effect-lists ul li .inline-elem span {
  font-size: 36px;
  color: #707070;
}

.page-node-5026 .hover-effect-lists ul li:hover .inline-elem span {
  color: #fff;
}

.page-node-5026 .knowMoreButton>p a {
  color: #fff;
}

/*commodity-trading-risk-management*/
.page-node-4578 .managed-content:hover h3 {
  color: #fff;
  display: block;
}

/*-----11 March-------*/
/***edge***/
/*150% screen*/

@media only screen and (min-width: 1250px) and (max-width: 1255px) {
  .locations-section {
    margin-top: -4%;
  }

}

@media only screen and (min-width: 1230px) and (max-width: 1280px) {

  /***only for DT ***/
  .align-centet-dt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .page-node-5207 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    max-width: 75%;
  }
}

@media only screen and (min-width: 1270px) and (max-width: 1280px) {
  .case-studies-wrap .cs-stacked-cards {
    padding-left: 0;
  }

  /***bfsi***/
  .page-node-5154.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate,
  .page-node-5137.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate,
  .page-node-5145.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate {
    margin-top: 1%;
  }

  .page-node-5154 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img,
  .page-node-5137 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img,
  .page-node-5145 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    width: 70%
  }

  .members-list li:nth-child(2) .board-img {
    left: -60px !important;
  }

  .members-list li .board-img {
    transform: translateX(0%) scale(1) !important;
  }

  /***homepage***/

  .common-paragraph-text,
  .insight-area .imageArea .insight-image .insight-text,
  .culture-area p,
  #edit-privacy-policy p {
    font-size: 16px;
  }

  .thought-leadership.testimonials .owl-nav {
    position: absolute;
    text-align: left;
    font-size: 40px;
    bottom: auto;
    top: -25px;
    left: -6px;
  }

  .locations-section {
    margin-top: -4%;
  }

  .locations-section #quicktabs-container-locations .views-row {
    width: 80%;
  }

  .addressSection h4 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
  }

  .sticky-mail-box span {
    font-size: 18px;
  }

  .sticky-mail-box strong a {
    font-size: 18px;
  }

  .locations-section #quicktabs-container-locations .views-field.views-field-field-thumbnail-image {
    width: 30% !important;
  }

  section.row.region.region-footer-fourth {
    width: 40vw;
  }

  #block-sonata-new-sociallinks li.menu-item {
    right: 1%;
  }

  #block-quicktabslocations ul.quicktabs-tabs.list-group {
    width: fit-content;
  }

  .managed-content span {
    font-size: 25px;
  }

  .managed-content h3 {
    font-size: 18px;
  }

  .managed-text p {
    font-size: 16px;
  }

  .off-know-more.cta-align {
    margin-top: 150px;
  }

  /*ms-fabric*/
  .msfabric-video .centerAlign {
    margin-top: 15vw;
  }

  .image-1 img,
  .image-2 img {
    width: 28vw;
  }

  .resource-content p {
    top: 8%;
    font-size: 1.7vw;
    left: 2vw;
    padding: 0 4%;
  }

  /*form styles*/
  .page-node-4920.node--type-report-form-landing-page label,
  .page-node-4921.node--type-report-form-landing-page label,
  .page-node-4922.node--type-report-form-landing-page label {
    font-size: 42px;
  }

  .page-node-4923 .banner-text {
    width: 60vw;
    top: 25%;
  }

  /*menu style*/
  .we-mega-menu-ul>.dropdown-menu {
    margin-right: 1rem;
  }

  /*encore-chnages-quality-assurance-services*/
  .hov-pointer .icon-hover:hover .icon {
    left: 41% !important;
    top: -2vw !important;
  }

  .allianceSection span,
  .allianceSection p {
    font-size: 15px;
  }

  .icon-hover p.common-subheading {
    font-size: 18px;
  }

  .page-node-4170 .icon img,
  .hov-pointer .icon img {
    width: 80px !important;
  }

  .hov-pointer .allianceSection p.common-subheading {
    padding-top: 70px;
  }

}

@media only screen and (min-width:1355px) and (max-width: 1680px) {

  .thought-leadership.testimonials .owl-nav {
    top: -32px;
    left: -5px;
  }

  .form-desc a {
    font-size: 35px;
  }

  .addressSection h4 {
    font-size: 30px;
    margin-bottom: 2px;
  }

  .locations-section #quicktabs-container-locations .addressSection .heading,
  .locations-section #quicktabs-container-locations .communicationSection .heading {
    font-size: 20px;
  }

  .sticky-mail-box span,
  .sticky-mail-box strong a {
    font-size: 20px;
  }

  section.row.region.region-footer-fourth {
    width: 40vw;
  }

  #block-sonata-new-sociallinks li.menu-item {
    right: 1%;
  }

  .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    width: 50vw !important;
    padding: 1vw 2vw !important;
  }

  div#delivery-platform h2 {
    width: 50vw !important;
  }

  .off-know-more.cta-align {
    margin-top: 150px;
  }

  ul#block-sonata-new-sociallinks {
    margin-right: 0;
  }

  /**issue fixing encore*/
  p.partners-icon img {
    margin-bottom: 1%;
  }

  .managed-content span {
    font-size: 25px;
  }

  .managed-content h3 {
    font-size: 18px;
  }

  .managed-text p {
    font-size: 16px;
  }
}

/*formstyles*/
.page-node-4920.node--type-report-form-landing-page label,
.page-node-4921.node--type-report-form-landing-page label,
.page-node-4922.node--type-report-form-landing-page label {
  font-size: 42px;
}

.page-node-4923 .banner-text {
  width: 60vw;
  top: 25%;
}

/***validation
}***/
@media screen and (min-width: 1820px) {
  .platform-carousel .img-shade {
    border-radius: 130px 0px;
  }

  /*date-microsoft-fabric-new-jersey-usa*/
  .page-node-4976.node--type-landing-page .banner-text p,
  .page-node-4976.node--type-landing-page .banner-text h3,
  .page-node-4976.node--type-landing-page .banner-text p.green-text {
    font-size: 26px;
  }

  .mf-date-img {
    max-width: 100%;
  }

  .page-node-4976.node--type-landing-page .left-body p {
    margin-top: 2rem;
    margin-bottom: 4rem;
    line-height: 28px;
    font-size: 20px;
  }

  .page-node-4976 .basic-info-form form label {
    line-height: 28px;
  }

}

/*temporarly comment*/
.blob-blue,
.blob-pink {
  display: none;
}


/*--------------G--12 March 24---Responsuive fixes------------*/

@media only screen and (max-width: 1023px) {
  .offering-list li .actual-content {
    width: 100%;
  }

  section.calendly-link {
    position: relative;
    min-height: 70px !important;
    background-color: #e6e7e8;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*  margin-top: 60px;*/
  }

  .page-node-4603 section.calendly-link {
    margin-top: 0px;
  }

  .page-node-4269 section.calendly-link,
  .page-node-5002 section.calendly-link {
    margin-top: 0px;
  }

}

@media screen and (max-width: 1024px) {
  .page-node-5026 .hover-effect-lists ul li {
    height: 15vw !important;
  }

  .both-side-content .managed-content h3 {
    font-size: 16px;
  }

  .v-middle-both p span,
  .v-middle-both p {
    font-size: 14px;
  }

  #edit-privacy-policy p {
    font-size: 16px;
    color: #fff;
  }

  .v-middle-both ul li span {
    font-size: 16px;
  }
  img.logo.pd0 {
    width: 240px;
/*    margin-left: 50px !important;*/
  }

  .full-row-content .width40 p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1180px) {
 
 .managed-content {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-bottom: 3%;
    padding: 5% 3%;
    height: auto;
  }

  .width80 {
    width: 100% !important;
    display: block !important;
  }

  .v-middle-both {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .navbar-expand-lg .navbar-collapse {
    width: 100%;
    box-shadow: none;
    padding: 6px 25px;
  }

  .hover-effect-lists ul li h3 {
    font-size: 2.3vw;
    font-weight: 700;
  }

  .thought-leadership.testimonials .owl-nav {
    position: absolute;
    text-align: left;
    font-size: 40px;
    bottom: auto;
    top: -25px;
    left: -7px;
  }

  .thought-leadership.testimonials p:nth-child(1) {
    margin: 50px 1px 6px 5px;
  }

  /*----------21 M-----------*/
}

.page-node-4990 .section-spacing .col-sm-6:nth-child(1) h3 {
  width: 90%;
}


/*--------------------------------*/


/*@media only screen and (min-width: 767px) and (max-width: 1023px){*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {

  .cards-bfsi .banner-text {
    left: 8% !important;
  }

  /*section.overview {
    padding-left: 30px !important;
    padding-right: 30px !important;
}*/

  .col-md-5.card-tit {
    margin-left: 3%;
    width: 75%;
  }

  .cards-bfsi .partnersSection {
    padding: 5% 30px !important;
  }

  .case-studies-wrap .cs-title {
    left: 30px !important;
    top: 30px !important;
  }

  .addtl-sec-carousel .platform-operations {
    padding: 15px;
  }

  .thought-leadership.testimonials .owl-nav {
    top: -25px !important;
  }

  .owl-theme .owl-nav [class*=owl-] {
    margin: 8px;
  }

  section.thought-leadership-spotlight .col-sm-6:nth-child(2) {
    padding: 0;
    float: right;
    position: absolute;
    right: 0px;
    top: -25px;
  }

  .addtl-sec-carousel-wrap .col-sm-3 p {
    width: 246px;
    font-size: 20px;
  }

  .thought-leadership.testimonials p {
    margin: 55px 0 30px !important;
  }

  .addtl-sec-carousel .addtl-sec-carousel-wrap .platform-operations .col-sm-5 p {
    font-size: 20px;
  }

  .addtl-sec-carousel .platform-operations {
    padding: 15px;
  }
}

.page-node-5026 .owl-carousel .owl-nav.disabled {
  display: block;
}

.page-node-5026 .owl-carousel .owl-dots.disabled {
  display: none;
}

.d365-carousel .icon img {
  width: auto !important;
  height: 87px;
}

.page-node-5026 .platform-carousel.owl-carousel .owl-nav.disabled {
  display: none;
}

.d365-carousel .icon-hover p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}


/**scalable issue fixing for new implementation pages**/
/**update only laptop and DT css*/
.page-node-5015 .overview .cotnainer-wrap {
  display: flex
}

.page-node-5015 .overview-content .col-sm-6.moreContent {
  display: flex;
  height: 100%;
}

.overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
  float: right;
}

.page-node-5015 section.overview-extra.container-fluid {
  padding: 0;
}

/*platformation*/
.v-middle-sec.img-horizontal-align .col-sm-6:nth-child(2) {
  align-items: center
}

.space-clearing div#deeperservices,
.space-clearing .dataServices-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.paading-zero {
  padding: 0;
}

.bg-content {
  position: relative;
}

.bg-content-platformation {
  position: absolute;
  top: 5%;
  color: #fff;
  width: 100%;
  left: 5%;
}

.bg-content-platformation h2 {
  width: 45vw
}

.bg-content-platformation p {
  width: 90%
}

.padding-zero {
  padding: 0;
}

/*retail*/
.v-middle-sec .overview-video {
  display: flex;
}

.video-content.v-mibble-both {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*power-platform*/
.page-node-4328 .allianceSection .icon-hover h3 {
  display: none;
}

.page-node-4328 .icon-hover .circle {
  display: none;
}

.page-node-4328 .icon-hover:hover .icon {
  left: 0;
  top: -20px;
  margin: 0 auto;
  width: 100%;
}

.page-node-4328 .icon-hover .icon {
  left: 0;
  top: -20px;
  width: 100%;
  margin: 0;
}

.page-node-4328.node--type-digital-modernization-engineer .allianceSection .icon-hover:hover img {
  margin-top: 0;
}

.page-node-4328 .led-transformation,
.page-node-5013 .led-transformation {
  display: none;
}

.page-node-4328 .container-sec.allianceSection {
  display: block;
  width: 100%;
  padding: 0 7% 5%;
}

.page-node-4328 section.overview-extra.container-fluid {
  padding: 0;
}

/*power-platform
#image-cont.accordion-section .ckeditor-accordion-container {
    padding: 0 20%;
}

#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a, #image-cont.accordion-section .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: transparent;
    color: #000;
    padding: 30px 15px;
    border: 0;
    margin: 0;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl {
    position: relative;
    border: 1px solid #707070;
    border-radius: 30px;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a:hover,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
    border-radius: 30px 30px 25px 25px;
    
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt.active > a {
    background: transparent;
    color: #000;
    text-decoration: none;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    left: auto;
    right: 2%;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #ff0000;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
    background: #ff0000;
}
#image-cont.accordion-section .ckeditor-accordion-container > dl dt.active > a:hover > .ckeditor-accordion-toggle:before,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt.active > a:hover > .ckeditor-accordion-toggle:after,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle:before,
#image-cont.accordion-section .ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle:after {
    background: #fff;
}*/
/*power-platform*/
.accordion-section .ckeditor-accordion-container {
  padding: 0 20%;
}

.accordion-section .ckeditor-accordion-container>dl dt>a,
.accordion-section .ckeditor-accordion-container>dl dt>a:not(.button) {
  background-color: transparent;
  color: #000;
  padding: 30px 15px;
  border: 0;
  margin: 0;
}

.accordion-section .ckeditor-accordion-container>dl {
  position: relative;
  border: 1px solid #707070;
  border-radius: 30px;
}

.accordion-section .ckeditor-accordion-container>dl dt>a:hover,
.accordion-section .ckeditor-accordion-container>dl dt>a:not(.button):hover {
  background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
  border-radius: 30px 30px 25px 25px;
  color: #fff;

}

.accordion-section .ckeditor-accordion-container>dl dt.active>a {
  background: transparent;
  color: #000;
  text-decoration: none;
}

.accordion-section .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
  left: auto;
  right: 2%;
}

.accordion-section .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
.accordion-section .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
  background: #ff0000;
}

.accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:before,
.accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:after {
  background: #ff0000;
}

.accordion-section .ckeditor-accordion-container>dl dt.active>a:hover>.ckeditor-accordion-toggle:before,
.accordion-section .ckeditor-accordion-container>dl dt.active>a:hover>.ckeditor-accordion-toggle:after,
.accordion-section .ckeditor-accordion-container>dl dt>a:hover>.ckeditor-accordion-toggle:before,
.accordion-section .ckeditor-accordion-container>dl dt>a:hover>.ckeditor-accordion-toggle:after {
  background: #fff;
}

color: #000;

.bg-content-platformation.platformation-content {
  width: 50%;

}

/*platformation*/
.img-cont-right .container-fluid {
  padding: 0;
}

position: relative;

.img-cont-right .col-sm-6:nth-child(2) {
  display: block;
}

.img-cont-right .col-sm-6:nth-child(2) img {
  width: 90%;
  float: right;
}

.video-player {
  float: right;
}

/*platformationtm-framework*/
.padding-both-side {
  padding: 5% 7.32%;
}

.managed-content .animationButton {
  display: none !important;
}

.managed-content:hover .animationButton {
  display: block !important;
  width: 100%;
  float: left;
}

.managed-content .animationButton span {
  font-size: 1vw;
}

.managed-content .knowMoreButton .circle .icon {
  top: 4px;
}

.page-node-5073 .managed-content {
  display: flex;
  height: 150px;
  align-items: center;
}

.page-node-5073 .managed-text {
  flex-direction: column;
}

.managed-content .knowMoreButton .circle {
  border: 1px solid #fff;
}

.page-node-5073 .three-column-icon {
  height: 94px;
}

.page-node-5073 .width50 {
  width: 48vw;
}

.framework-background-content {
  padding: 0
}

.framework-background-content .bg-content-platformation {
  width: 40%;
}

.framework-background-content .container-fluid {
  padding: 0;
}

.page-node-5073 .img-cont-right .knowMoreButton .circle .icon {
  color: #606060;
}

.page-node-5073 .img-cont-right .knowMoreButton:hover .circle .icon {
  color: #fff;
}

.h3-optimization {
  font-size: 20px;
}

/*---------------------------------------------------*/
/*----  ipad - 24 M------*/
/*---------------------------------------------------*/

@media only screen and (max-width: 1023px) {

  .node--type-industry section.calendly-link,
  .page-node-4204 section.calendly-link {
    margin-top: 0px;
  }

  .node--type-digital-modernization-engineer .card-tit h2 {
    font-size: 26px !important;
    margin-left: 0;
  }

  .node--type-digital-modernization-engineer h2 strong {
    font-size: 30px;
  }

  .node--type-industry .industries .industries-wrap .industry-paragraph-wrap p {
    font-size: 18px;
  }

  .page-node-4320 .v-middle-both h2 {
    font-size: 30px;
  }

  .page-node-4578 .overview-content {
    flex-direction: inherit;
  }

  .page-node-4681 .allianceSection p.common-subheading {
    margin-top: 115px;
  }

  .page-node-4360 .advantages {
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {

  .page-node-4562 .v-middle-sec.section-spacing .col-sm-6:nth-child(2) {
    padding: 0;
    float: none;
  }

  .page-node-4562 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-4578 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-4170 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-4170 .container-fluid .col-sm-6 .readmore-text,
  .page-node-4204 .container-fluid .col-sm-6:first-child,
  .page-node-4320 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-4320 .v-middle-sec.section-spacing .col-sm-6:nth-child(2),
  .page-node-5026 .section-spacing .container-fluid .col-sm-6:first-child,
  .node--type-digital-modernization-engineer .section-spacing .col-sm-6:first-child,
  .page-node-5036 .section-spacing .col-sm-6:nth-child(2),
  .page-node-4360 .container-fluid .col-sm-6:first-child,
  .page-node-4169 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-3567 .v-middle-sec .container-fluid .col-sm-6:first-child,
  .page-node-3567 .consulting-pg .container-fluid .col-sm-6:first-child {
    float: left;
  }

  .page-node-4562 .overview-content,
  .page-node-4170 .overview-content,
  .page-node-4204 .overview-content,
  .page-node-4320 .overview-content,
  .page-node-4681 .overview-contentz,
  .page-node-5024 .overview-content,
  .page-node-5015 .overview-content,
  .page-node-4169 .overview-content {
    flex-direction: inherit;
  }

  .page-node-4562 .overview-content .moreContent,
  .page-node-4578 .overview-content .moreContent,
  .page-node-4170 .overview-content .moreContent,
  .page-node-4204 .overview-content .moreContent,
  .page-node-4320 .overview-content .moreContent,
  .node--type-alliances .overview-content .moreContent,
  .page-node-5024 .overview-content .moreContent,
  .page-node-4169 .overview-content .moreContent {
    max-height: 350px !Important;
    overflow: hidden;
    overflow-y: auto !important;
  }

  .page-node-4169 .thought-leadership.testimonials .owl-nav {
    top: -50px;
  }
}


@media screen and (max-width: 1024px) {
  .page-node-4320 .v-middle-both p {
    font-size: 18px;
  }

  .page-node-5026 .owl-carousel .owl-nav.disabled {
    display: block;
  }

}

@media only screen and (max-width: 1180px) {
  .allianceSection p.common-subheading {
    font-weight: bolder;
    font-size: 20px;
    margin-top: 10px;
  }

  .node--type-digital-modernization-engineer .partners-icon img {
    margin-right: -9px;
    margin-bottom: 0 !important;
    max-width: 48%;
    margin: 10px 5px 10px 0px;
  }

  /*-----Romovable css--------------------*/
  .node--type-digital-modernization-engineer h2 strong,
  .page-node-5024 h2 span,
  .page-node-4360 h2 strong {
    font-size: 30px;
  }

  /*---------*/
  .page-node-5026 .d365-carousel .owl-prev,
  .page-node-5026 .d365erp-carousel .owl-prev {
    left: 0;
    position: absolute;
  }

  .page-node-5026 .d365-carousel .owl-next,
  .page-node-5026 .d365erp-carousel .owl-next {
    right: 0;
    position: absolute;
  }

  .page-node-5026 .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .page-node-5026 .hover-effect-lists ul li {
    width: 75vw;
    padding: 20px;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 1023px) {
  .page-node-4170 .allianceSection p.common-subheading {
    padding-top: 4% !important;
  }

  .page-node-4328 .allianceSection p.common-subheading {
    padding-top: 20px;
  }
}


.page-node-4328 .allianceSection .icon-hover {
  cursor: default !important;
}

.page-node-4328 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
  float: right;
  max-width: 62%;
}

/** Need to check below css sections **/
.page-node-5026 .owl-carousel .owl-dots.disabled,
.page-node-5026 .owl-carousel .owl-nav.disabled {
  display: block;
}

.d365-carousel .icon img {
  width: auto !important;
  height: 87px;
}

.d365-carousel .icon-hover p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.page-node-4990 .overview-content img {
  margin-top: 5%;
}

.page-node-4990 .section-spacing .col-sm-6:nth-child(2) {
  right: -3%;
}

.page-node-4993 .overview-content img {
  position: relative;
  left: 5%;
  top: 0px;
}

.page-node-4993 .cotnainer-wrap {

  padding-top: 3%;
}

/*sonata-subsidaries*/
.page-node-3617 .ckeditor-accordion-container>dl dt>a:hover,
.page-node-3617 .ckeditor-accordion-container>dl dt>a:not(.button):hover {
  color: #000;
}

/*vertical-align*/
.page-node-4993 section.overview .overview-content .v-middle-both {
  height: 100%;
}

.page-node-4993 section.overview .overview-content {
  display: flex;
}

.page-node-4995 .overview-content {
  display: flex;
}

.page-node-4995 .overview-content {
  justify-content: center;
  display: flex;
  align-items: center;
  vertical-align: middle;
}

/*overview-extra-content-spacing*/
/*-------------
  quality-assurance-services-----*/
.page-node-4993 section.overview-extra.container-fluid {
  padding: 0;
}

/*led transformation image*/
.page-node-4328 .led-transformation,
.page-node-5015 .led-transformation {
  display: none;
}

/**/
.page-node-5075 nav.newmain.navbar.navbar-default.navbar-we-mega-menu.mobile-collapse.hover-action,
.page-node-5075 .navbar-toggle,
.page-node-5075 section.row.region.region-top-header,
.page-node-5075 .search-icon.search,
.page-node-5075 .overview-content,
.page-node-5075 nav#navbar-top {
  display: none;
}

.page-node-5075 #CollapsingNavbar .col-sm-3 {
  width: 50%;
}

/*.page-node-5075 #CollapsingNavbar .col-sm-3 img{
  width: 50%
}*/
.page-node-5075 nav#navbar-main {
  padding: 3%;
}

.page-node-5075 header#header {
  background: rgba(0, 0, 0, 0.9);
}

.page-node-5075 .banner-text {
  width: 57vw;
  left: 6%;
}

.page-node-5075 section.overview.container-fluid {
  display: none;
}

.page-node-5075 .overview-extra .container-wrap {
  padding-right: 0;
  padding-left: calc(7.35% - 1.9%);
}

.page-node-5075 section.overview-extra.container-fluid {
  padding: 0 0 8%;
}

.para-overview {
  float: left;
  width: 100%;
}

/*p.para-text-width {
    float: left;
    width: 60vw;
    padding-top: 5%;
}*/
p.para-text-width {
  float: left;
  width: 72vw;
  padding-top: 5%;
  font-size: 1.4vw;
}

p.img-right {
  float: right;
  margin: 0;
}

p.img-right img {
  width: 70%;
  position: relative;
  left: 4.6vw;
}

/*p.img-right{
 position: relative;
} 
p.img-right img{
 position: absolute;
 right: 0;
 left: auto;
 width: 11%; 
}*/
.page-node-5075 .rpa-platform-list-wrap ul li h4 {
  font-weight: 700;
}

.page-node-5075 .rpa-platform-list-wrap ul li svg {
  right: 80px;
}

@media only screen and (min-width: 1270px) and (max-width: 1280px) {
  p.img-right img {
    width: 68%;
    position: relative;
    left: 5.4vw;
  }

}

@media only screen and (min-width: 1810px) and (max-width: 1920px) {
  p.img-right img {
    width: 94%;
    position: relative;
    left: 0.6vw;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  p.img-right img {
    width: 89%;
    position: relative;
    left: 30px;
  }
/* table */
 .user-logged-in .form-control {
    height: 45px;
}
}

/***applybutton***/
.applybutton {
  display: none;
}

.applybutton {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: auto;
  right: 7%;
  top: auto;
  background-color: red;
  padding: 10px 0 5px 20px;
  border-radius: 15px 15px 0px 0px;
}

.applybutton .knowMoreButton>p a,
.applybutton .knowMoreButton .circle .icon {
  color: #fff;
}

.applybutton .knowMoreButton .circle {
  border: 1px solid #fff;
}

.applybutton p {
  margin: 0;
}

.applybutton .knowMoreButton:hover .circle {
  border: none;
  outline: none;
}

.applybutton .knowMoreButton .circle .icon {
  top: -9px;
}

.fabricImage p {
  font-size: 26px;
  font-weight: bold;
  margin-top: 20px;
}

p.fabric-cont {
  margin-top: 17px;
}

@media only screen and (min-width: 1270px) {
  .blog-template-wrap .time-info {
    position: relative;
  }
}


/***ms-fabric***/
.resource-container {
  position: relative;
}

.resource-content {
  position: absolute;
  top: 20%;
  width: auto;
  left: 5%;
}

.resource-content h2 {
  padding-left: 3%;
  padding-bottom: 3%
}

.resource-content .image-1 {
  float: left;
  position: relative;
}

.resource-content .image-2 {
  float: right;

}

/*.resource-content p {
  font-size: 24px;
    width: 75%;
    position: absolute;
    top: 8%;
    font-size: 32px;
    left: 3.2vw;
    text-align: center;
}*/
.resource-content p {
  width: 75%;
  position: absolute;
  top: 8%;
  font-size: 1.7vw;
  left: 2.5vw;
  text-align: center;
}

/*.resource-container .animationButton.fade-bottom.reveal {
    width: 40%;
    top: 250px;
    position: absolute;
    bottom: auto;
    left: 25%;
}*/
.resource-container .animationButton.fade-bottom.reveal {
  width: 40%;
  top: 50%;
  position: absolute;
  bottom: auto;
  left: 5vw;
}

.resource-container .knowMoreButton {
  padding: 2px 20px 5px 50px;
  width: 215px;
}

.msfabric-video.inner-carousel .owl-carousel .owl-item img {
  width: auto;
}

#block-sonata-new-microsoftfabricsameervideo .blueGradientBox {
  top: 60%;
}

.msfabric-video.inner-carousel .owl-theme .owl-nav {
  position: absolute;
  top: auto;
  left: auto;
  right: 40%;
  bottom: 70px;
}

.rajVideo .blueGradientBox {
  width: 95%;
  top: 50%;
  left: 18%;
}

.rajVideo .imageContent {
  width: 60%;
}


/***-------------------------
     sustainability page ------------------***/
/** Sustainability Vertical Tabs **/
.node--type-csr-pages .block-quicktabs {
  padding-left: 7.32%;
  padding-right: 7.31%;
}

#quicktabs-sustainability .quicktabs-tabs {
  display: flex;
  flex-direction: row;
}

#quicktabs-sustainability .quicktabs-tabs li {
  width: 25%;
  margin-right: 10px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
}

#quicktabs-sustainability .quicktabs-tabs li:nth-child(1) {
  border-bottom: 2px solid #00BE9B;
}

#quicktabs-sustainability .quicktabs-tabs li:nth-child(2) {
  border-bottom: 2px solid #009DD9;
}

#quicktabs-sustainability .quicktabs-tabs li:nth-child(3) {
  border-bottom: 2px solid #8E5DA3;
}

#quicktabs-sustainability .quicktabs-tabs li.active {
  background: #00BE9B;
}

#quicktabs-sustainability .quicktabs-tabs li a {
  display: block;
  margin-right: 10px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  color: #000;
}

#quicktabs-sustainability .quicktabs-tabs li.active a {
  color: #fff;
}

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

.sthome-vertical-tabs ul li.tab {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  list-style: none;
  background: none;
  border: 0;
  width: auto;
  height: auto;
  cursor: pointer;
  float: none;
  border-bottom: 1px solid #d8dadb;
  padding-right: 30px;
}

.sthome-vertical-tabs ul li.tab:after {
  content: '>';
  position: absolute;
  right: 10px;
}

.sthome-vertical-tabs ul li.tab:hover {
  color: #00BE9B;
  font-weight: 700;
}

.sthome-vertical-tabs .tab-content {
  display: none;
  padding: 10px;
}

.sthome-vertical-tabs .tab-content img {
  display: none;
  max-height: 70vh;
  width: auto;
  max-width: inherit;
}

.sthome-vertical-tabs .tab-content.active {
  display: block;
}

.sthome-vertical-tabs .tab-content.active img {
  display: block;
}

.sus-tabs-mob-accordion {
  display: none;
}

/* sustainability large carousel*/
#sustainability-carousel {
  margin-top: 50px;
  padding-top: 0;
  background: transparent linear-gradient(303deg, #009DD9 0%, #00BE9B 100%) 0% 0% no-repeat padding-box;
}

.sus-large-carousel-wrap {
  padding-left: 7.35%;
  overflow: hidden;
}

#sustainability-carousel .expertise-content {
  float: none;
  margin: 0;
}

#sustainability-carousel .sustain-carousel-text {
  color: #fff;
  padding-right: 50px;
  padding-top: 25px;
}

#sustainability-carousel .sustain-carousel-text .title {
  color: #000;
  padding-top: 50px;
  display: inline-block;
  border-bottom: 2px solid;
}

#sustainability-carousel ul {
  padding-left: 20px;
}

#sustainability-carousel .owl-theme .owl-nav {
  text-align: left;
  padding-left: 7.35%;
  position: absolute;
  top: 0;
  left: -15px;
}

#sustainability-carousel .secondImage {
  height: 78vh;
}

#sustainability-carousel .owl-carousel .owl-item img {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
}

/***---------------
    sustainability---------***/
/*banner section*/
.node--type-csr-pages .banner-text {
  width: 35vw;
}

/*overveiw-section*/
.node--type-csr-pages .overview-content {
  display: flex
}

.node--type-csr-pages .col-sm-6.moreContent {
  display: flex;
}

.node--type-csr-pages .center-align {
  display: flex;
  align-items: center;
}

/*certifications-section*/
.badge-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 15px 15px;
}

.badgeimage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  height: 164px;
}

.badge-description {
  border-top: 1px solid #ccc;
  padding: 0 16px;
}

.badge-carousel .addtl-sec-carousel-wrap {
  padding-left: 1%;
}

.badge-carousel .owl-stage {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.owl-carousel .owl-item .badgeimage img {
  width: auto;
}

.certification-carousel h3 {
  font-size: 24px;
  padding-top: 20px;
  margin-bottom: 5px;
}

.badge-carousel .width40,
.reports-section h2 {
  margin-bottom: 30px;
}

.node--type-csr-pages .section-spacing {
  padding-bottom: 20px
}

.badge-content {
  height: 386px;
}

.certification-carousel.owl-theme .owl-nav {
  float: left
}

.row.reports-disclouser {
  margin-left: 0;
}

/*Reports & Disclosures*/
.reports-disclouser .col:empty {
  display: none;
}

/*awards and recognitions*/
/*adding required code*/
section.ESG-Progress.details-card {
  width: 100%;
}

.align-items-tab {
}


.tab-height {
  display: flex;
}

.align-items-tab h3 {
  font-size: 3vw;
}

.card-body.pt-2 {
  padding: 13px !important;
}

/***/
.details-card {
  width: 100%;
  margin: 0px auto;
}

.ESG-Progress .card-content {
  background: #F1F2F2 0% 0% no-repeat padding-box;
  box-shadow: 20px 20px 75px #00000029;
  border-radius: 20px;
  opacity: 1;
  margin: 0;
  margin-right: 6vw;
}

.ESG-Progress .card-title-green h3 {
  text-align: left;
  font: normal normal bold 36px/48px Segoe-UI;
  letter-spacing: 0px;
  color: #00BE9B;
  border-bottom: 2px solid #00BE9B;
  margin-bottom: 20px;

}

.ESG-Progress .card-title-blue h3 {
  text-align: left;
  font: normal normal bold 36px/48px Segoe-UI;
  letter-spacing: 0px;
  color: #009DD9;
  border-bottom: 2px solid #009DD9;
  margin-bottom: 20px;

}

.ESG-Progress .card-title-purple h3 {
  text-align: left;
  font: normal normal bold 36px/48px Segoe-UI;
  letter-spacing: 0px;
  color: #8E5DA3;
  border-bottom: 2px solid #8E5DA3;
  margin-bottom: 20px;

}


.ESG-Progress .card-desc {
  padding: 0;

}

.ESG-Progress .font-weight-normal {
  font-weight: 700 !important;
  font-size: 28px;
  padding-top: 7px;
  padding-left: 5px;
}

.ESG-Progress .card-desc h3 {
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 10px;
}

.ESG-Progress .card-desc p {
  color: #808285;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  margin: 0px;
  margin-bottom: 0px;
  padding: 7px 0px 7px 0;
  font: normal normal normal 18px / 24px Segoe-UI;
}

.ESG-Progress .btn-card {
  background-color: #1ABC9C;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  padding: .84rem 2.14rem;
  font-size: .81rem;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  margin: 0;
  border: 0;
  -webkit-border-radius: .125rem;
  border-radius: .125rem;
  cursor: pointer;
  text-transform: uppercase;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
}
  padding-bottom: 3vh;
.ESG-Progress .btn-card:hover {
  background: orange;
}

.ESG-Progress a.btn-card {
  text-decoration: none;
  color: #fff;
}

/* End card section */

.ESG-Progress .text-primary {
  --bs-text-opacity: 1;
  color: rgb(27 27 27) !important;
}

.ESG-Progress .bottom-line {
  border-bottom: 2px solid #808285;
}

.ESG-Progress p,
.ESG-Progress h1 {
  text-align: left;
  font: normal normal normal 17px/24px Segoe-UI;
  letter-spacing: 0px;
  color: #808285;
}

.ESG-Progress .card {

  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #F1F2F2;
  background-clip: border-box;
  border: none;
  border-radius: 7px;
}

.main-title h1 {
  font: normal normal bold 58px/48px Segoe-UI;
  color: #000;
  text-align: left;

}

.main-title-content h1 {
  font: normal normal bold 58px / 48px Segoe-UI;
  color: #000;
  text-align: left;
  padding-bottom: 4vh;
  margin-top: 10%;
}

.awards-recognitions p {
  text-align: left;
  font: normal normal normal 18px/32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  width: 92%;
  margin-left: 1vw;
}

.awards-recognitions .text-right-p {
  padding-right: 10%;
}

.sthome-vertical-tabs ul li.tab.active {
  color: #00BE9B;
  font-weight: bold;
}

/*-------BG SDlider-------------------*/
@media screen and (max-width: 992px) {
  .blog-slider__img {
    transform: translateY(-50%) !important;
    width: 45%;
    flex-shrink: 0;
    height: 245px;
  }

  .blog-slider__item {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .blog-slider__content {
    text-align: center !important;
    padding: 0 30px !important;
  }

  .awards-recognitions .blog-slider__content {
    padding: 0;
    position: absolute;
    top: 60%;
    margin: 0px auto;
  }

  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #fff;
  /*  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);*/
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: all 0.3s;
  border: 1px solid #707070;
}

@media only screen and (width: 820px) and (height: 1106px) {
  .blog-slider__img {
    width: 230px;
    flex-shrink: 0;
    height: 230px;
    background-image: linear-gradient(147deg, #ffffff 0%, #ffffff 74%);
    box-shadow: 0px 3px 12px 1px rgb(76 76 76 / 12%);
    border-radius: 20px;
    transform: translateX(-170px);
    overflow: hidden;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .blog-slider__content {
    padding-right: 25px;
    width: 100%;
    margin-left: -40% !important;
  }

  .awards-recognitions p {
    text-align: left;
    font: normal normal normal 18px / 28px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 80%;
  }

  .main-title-content h1 {
    font: normal normal bold 43px / 46px Segoe-UI;
    color: #000;
    text-align: left;
    padding-bottom: 4vh;
    margin-top: 0%;
  }

  .awards-recognitions .blog-slider__text {
    font-size: 18px !important;
    line-height: 20px;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
    width: 94% !important;
    display: block;
}
 
 .blog-slider__content {
    padding-right: 25px;
    width: 100%;
    margin-left: -40% !important;
  }

  .awards-recognitions p {
    text-align: left;
    font: normal normal normal 18px / 28px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 80%;
  }

  .main-title-content h1 {
    font: normal normal bold 43px / 46px Segoe-UI;
    color: #000;
    text-align: left;
    padding-bottom: 4vh;
    margin-top: 0%;
  }

  .awards-recognitions .blog-slider__text {
    font-size: 18px !important;
    line-height: 20px;
  }
}


@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}


@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }

  .ESG-Progress .card-content {
    background: #F1F2F2 0% 0% no-repeat padding-box;
    box-shadow: 7px 8px 66px 17px #00000029;
    border-radius: 20px;
    opacity: 1;
    margin-bottom: 30px;
    margin-right: 0vw;
    width: 100%;
  }

  .ESG-Progress .main-title h2 {
    padding: 20px 0px;
  }

  .tab-height {
    display: flex;
    width: 100%;
  }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}

.blog-slider__item {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
  opacity: 1;
  transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
  transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
  transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
  transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
  transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
  transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
  transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
  transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
  transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
  transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
  transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
  transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
  transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
  transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
  transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
  transition-delay: 1.7s;
}

.blog-slider__img {
  width: 300px;
  flex-shrink: 0;
  height: 300px;
  /*background-image: linear-gradient(147deg, #ffffff 0%, #ffffff 74%);*/
  box-shadow: 0px 3px 12px 1px rgb(76 76 76 / 12%);
  border-radius: 20px;
  transform: translateX(-170px);
  overflow: hidden;
}

.blog-slider__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);*/
  border-radius: 20px;
  opacity: 0.8;
}

.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 20px;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 50%;
  }
}

@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }

}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}

@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}

.blog-slider__content {
  padding-right: 25px;
  width: 100%;
  margin-left: -20%;
}

.blog-slider__content>* {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}

.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}

.blog-slider__title {

  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}

.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1em;
  font-size: 20px;
}

.blog-slider__button {
  display: inline-flex;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0 !important;
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}

.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fd3838;
  height: 30px;
  box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }

  .blog-slider__img {
    flex-shrink: 0;
    height: auto;
  }
}

/***ending***/

/***after 992px ***/
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }

}

/***shared code by gani***/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .awards-recognitions p {
    text-align: left;
    font: normal normal normal 18px / 24px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 70%;
  }

  .blog-slider__content {
    padding-right: 25px;
    width: 100%;
    margin-left: -53%;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
    line-height: 25px;
  }

  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 13px 2px !important;
  }

  .blog-slider__pagination {
    position: absolute;
  }

  .blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    width: 15px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
  }

  .awards-recognitions p {
    text-align: left;
    font: normal normal normal 18px / 24px Segoe-UI;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 100%;
  }

  .awards-recognitions .text-right-p {
    padding-right: 10%;
    padding-bottom: 20%;
  }
}

/***150% recommended screen for sustainablity ***/
@media only screen and (min-width: 1270px) and (max-width: 1280px) {
  .node--type-csr-pages .overview-content p {
    font-size: 18px;
  }

  .ESG-Progress .card-title-green h3,
  .ESG-Progress .card-title-blue h3,
  .ESG-Progress .card-title-purple h3 {
    font: normal normal bold 25px/48px Segoe-UI
  }

  .ESG-Progress .font-weight-normal {
    font-size: 19px;
  }

  .card-body.pt-2 {
    padding: 0 13px !important;
  }

  .certification-carousel p {
    padding-bottom: 20px;
  }

  .width40 {
    width: 48vw;
  }

  .badge-content {
    height: 360px;
  }

  .badgeimage {
    height: 112px;
    width: 40%;
    margin: 0 auto;
  }

  .ESG-Progress .card-desc p {
    padding: 7px 0px 7px 0px;
    font: normal normal normal 15px / 20px Segoe-UI;
  }

  .ESG-Progress .card-desc h3 {
    padding: 0 10px;
  }

  .awards-recognitions p {
    font: normal normal normal 18px/26px Segoe-UI;
    width: 80%;
    margin-left: 1.4vw;
  }

  .certification-carousel h3 {
    font-size: 20px;
    padding-top: 20px;
    margin-bottom: 5px;
  }

}


}

@media only screen and (min-width: 992px) and (max-width: 1180px) {
  .blog-slider__content {
    padding-right: 25px;
    width: 100%;
    margin-left: -34%;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
.site-footer #block-sonata-sociallinks ul.clearfix.nav {
    float: right;
    margin-right: 8% !important;
} 
 .blog-slider__content {
    padding-right: 25px;
    width: 100%;
    margin-left: -30%;
  }
#servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI';
    PADDING: 0;
}
}

/***color sustainablity ***/
.node--type-csr-pages .card-stack-wrap article.overview-card-3,
.node--type-csr-pages .card-stack-wrap article.overview-card-8 {
  background: #009dd9;
}

.node--type-csr-pages .card-stack-wrap article.overview-card-2,
.node--type-csr-pages .card-stack-wrap article.overview-card-7 {

  background: #8e5da3;
}

/***tmp fix for msfabric textvideo ***/
@media only screen and (min-width: 1360px) {
  .msfabric-video .centerAlign {
    margin-top: 15vw;
  }

  .image-1 img,
  .image-2 img {
    width: 28vw;
  }

  .resource-content p {
    top: 8%;
    font-size: 1.7vw;
    left: 2vw;
    padding: 0 4%;
  }

}

/*** ms-fabric-page ***/
.thought-leadership.testimonials.ms-fabric-leadership .quote-section img:first-child {
  position: absolute;
  z-index: 9;
  max-width: 60%;
  left: auto;
  top: 105px;
  height: auto;
  animation: fade-away1 0.7s ease-out;
  right: 146px;
}

.thought-leadership.testimonials.ms-fabric-leadership .testimonials-content {
  width: 100%;
}

.thought-leadership.testimonials.ms-fabric-leadership .video-img {
  width: 100%;
}

.thought-leadership.testimonials.ms-fabric-leadership .video-img img:last-child,
.thought-leadership.testimonials.ms-fabric-leadership .video-img video:last-child {
  position: relative;
  right: 0;
  max-width: 100%;
  margin: 0;
  display: block;
  height: auto;
  top: auto;
  left: auto;
}

.thought-leadership.testimonials.ms-fabric-leadership .quote-section img:last-child {
  position: relative;
  right: 0;
  max-width: 80%;
  margin: 10px auto;
  display: block;
}

.ms-fabric-leadership .testimonials-content .quote-section {
  position: relative;
  width: 26%;
  position: relative;
  right: 0;
  max-width: 50%;
  margin: 10px auto;
  display: block;
}

.quote-section {
  position: relative;
  width: 40%;
}

.page-node-5078 section.overview {
  padding-bottom: 0;
}


/***scm-process-automation***/
.page-node-5109 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
  float: right;
  width: auto;
  height: 100%;
}

.page-node-5109 section.overview-extra.container-fluid {
  padding: 0;
}

/***platformation-page***/
.technology-environment .bg-content-platformation.row {
  width: 90%;
}

.technology-environment .container-fluid {
  padding: 0;
}

/***program-reboot-empowering-women***/
.empowering-women .hiring-drive-wrap .job-listing-table:nth-child(2),
.focused-hiring-drive .hiring-drive-wrap .job-listing-table:nth-child(2),
.career-opportunities-mexico .hiring-drive-wrap .job-listing-table:nth-child(2) {
  display: none;
}

.empowering-women .hiring-drive-wrap h2 {
  border-bottom: 0;
  padding: 0;
}

.focused-hiring-drive .hiring-drive-wrap h2,
.career-opportunities-mexico .hiring-drive-wrap h2 {
  border-bottom: 0;
}

.empowering-women .hiring-drive-wrap table tr th {
  background: #ccc;
}

.empowering-women h3 {
  width: 85%;
}

/****career-opportunities-mexico***/
.career-opportunities-mexico div.webform-managed-file-placeholder {
  font-size: 1.03vw;
  color: #777;
  padding-left: 2%;
}

.career-opportunities-mexico #edit-upload-resume-upload {
  float: left;
  width: 47%;
  margin-left: 1.5%;
}

.career-opportunities-mexico div#edit-upload-resume--description {
  font-size: 0.8vw;
  margin-left: 1.2%;
  float: left;
  width: 100%;
  padding: 1% 0;
}

.career-opportunities-mexico #edit-upload-resume {
  float: left;
  width: 100%;
}

.career-opportunities-mexico .alert-danger {
  opacity: 1;
}

.career-opportunities-mexico .alert-dismissible div {
  font-size: 15px;
}

.vcl_content.hiring_drive {
  display: none;
}

.career-opportunities-mexico .vcl_content.lets_connect {
  display: none;
}

.career-opportunities-mexico .vcl_content.hiring_drive {
  display: block;
}

.career-opportunities-mexico .hiring-drive-wrap table tr td:nth-child(2) {
  width: 80%;
}

.career-opportunities-mexico .hiring-drive-wrap .table-responsive {
  border: 0;
  height: auto !important;
}

.career-opportunities-mexico .hiring-drive-wrap table tr th {
  background: #ccc;
}

/***mexico-thank-you-page***/
.thank-you-page .thankyou-pagecontent {
  width: 90%;
  margin: 0 auto;
}

.thank-you-page .thankyou-pagecontent span,
.thank-you-page .thankyou-pagecontent p {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.page-node-5125 .featured-bottom {
  display: none;
}

/***bfsi-cards-color***/
.cards-bfsi .card-stack-wrap article.overview-card-1 {
  background: #E5AA4B;
}

.cards-bfsi .card-stack-wrap article.overview-card-2 {
  background: #8E5DA3;
}

.cards-bfsi .card-stack-wrap article.overview-card-3 {
  background: #009DD9;
}

.cards-bfsi .card-stack-wrap article.overview-card-4 {
  background: #00BE9B;
}

.cards-bfsi .card-stack-wrap article.overview-card-5 {
  background: #07002A;
}

.cards-bfsi .overview .cotnainer-wrap {
  display: flex;
}

.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.section-spacing.partnersSection .col-sm-6:nth-child(2) {
  align-items: end;
}

.page-node-4197.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate {
  display: block;
}

.page-node-4197.cards-bfsi .offerings .title-red {
  display: none;
}

.offerings h2 {
  text-transform: capitalize;
}

/*.page-node-4197 .offering-list>li:last-child .more-content .summary-remainder {
  display: inline-block;
}
.page-node-4197 .offering-list li:last-child:hover .off-know-more {
  display: none;
}*/
/***industries-bfsi-p-c-insurance***/
.page-node-5145 .case-studies-wrap .cs-arrow-wrap,
.page-node-4197 .case-studies-wrap .cs-arrow-wrap {
  display: none;
}

.page-node-4197 .advantages {
  background-image: url(/sites/default/files/advantage/image/advantage_2.jpg);
}

/***op-to-ol ***/
.op-to-ol .owl-carousel .owl-nav.disabled {
  display: block;
}

.op-to-ol ul {
  padding-left: 3rem;
}

.op-to-ol .accordion-section .ckeditor-accordion-container {
  padding: 0 2%;
}

.op-to-ol .swiper-details {
  justify-content: center;
  margin: 0;

}

.dark-carousel .dark-h2 {
  font-size: 3vw;
  margin: 0;
}

.op-to-ol .cs-arrow-wrap {
  display: none;
}

.op-to-ol .accordion-section li {
  margin-bottom: 15px;
}

.op-to-ol .swiper-3d {
  padding: 1% 0 0;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl {
  border-radius: 15px;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:before,
.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:after {
  background: #fff;
}

.op-to-ol .ckeditor-accordion-container>dl dd {
  margin: 3% 0;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt>a:hover,
.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt>a:not(.button):hover {
  border-radius: 15px 15px 15px 15px;
  padding: 20px 15px;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt>a,
.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt>a:not(.button) {
  padding: 20px 15px;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt.active>a,
.op-to-ol .accordion-section .ckeditor-accordion-container>dl dt.active>a:hover {
  background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
  border-radius: 15px 15px 3px 3px;
  color: #fff;
  padding: 10px 15px;
}

.op-to-ol .d365-carousel.owl-loaded.owl-drag {
  padding: 2% 15px 2%;
  margin-top: 5%;
}

.op-to-ol .overview-content {
  display: flex;
}

.op-to-ol .col-sm-6.moreContent.aos-init.aos-animate {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.op-to-ol section.container-fluid.mb-5 {
  margin-bottom: 0rem !important;
}

.op-to-ol #swiperDetails p {
  width: 50%;
}

.op-to-ol .case-studies-wrap .cs-stacked-cards .cs-card-element.card-1 {
  background: #e9d5f7;
}

.op-to-ol .ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler {
  border: 1px solid #ccc !important;
  margin-block: 10px !important;
  border-radius: 10px;
}

.op-to-ol .ckeditor-accordion-container>dl dd {
  margin: 0;
}

.op-to-ol .active a#DigitalAgendaPlatformation {
  margin: 0 !important;
}

.op-to-ol dd.active {
  border: 1px solid #ccc;
  border-top: 0;
  margin-top: -1% !important;
  border-radius: 10px;
}

.op-to-ol .accordion-section .ckeditor-accordion-container>dl {
  border: 0;
}

.op-to-ol .active p {
  margin-bottom: 2%;
}

.op-to-ol .active strong {
  margin-top: 3%;
  margin-bottom: 0;
}

.op-to-ol .ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler {
  margin-block: 0 !important;
}

.op-to-ol .accordion-section li {
  margin-bottom: 5px;
}

/** Exit intent popup **/
#leavePageModal {
  display: none;
  position: fixed;
  padding-top: 50px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#leavePageModal .modal-dialog {
  max-width: 62%;
  margin: 0 auto;
}

#leavePageModal .modal-body {
  padding: 0;
}

#leavePageModal .modal-content {
  border-radius: 17px;
}

#leavePageModal .close {
  right: 10px;
  top: 0;
  opacity: 1;
  color: #fff;
}

#leavePageModal .close span {
  font-size: 24px;
}

#leavePageModal .row {
  margin: 0;
}

#leavePageModal .modal-dialog [class*="col-"] {
  padding: 0;
}

.ei-content {
  height: 100%;
  padding: 30px 11%;
  text-align: center;
  background: #F1F2F2;
  border-radius: 15px;
}

.ei-content h2 {
  padding-left: 10%;
  padding-right: 10%;
}

.ei-content h4 {
  margin: 25px 0;
  font-size: 1.25vw;
}

.ei-content p {
  font-size: 1.25vw;
}

.ei-content #edit-bottom-text p {
  font-size: 15px;
}

.ei-content .webform-required {
  font-size: 16px;
  display: none;
}

.ei-content small {
  display: block;
  margin: 10px 0 20px;
}

.ei-content input {
  border: 2px solid #000;
  border-radius: 10px;
  background: #f1f2f2;
  font-size: 15px;
  height: 47px;
}

.ei-content #edit-email--description .webforms-required {
  text-align: left;
  font-size: 14px;
  color: #000;
}

.ei-content #edit-email--description .forms-required {
  color: #eb2329;
  font-size: 14px;
}

.ei-content input::placeholder {
  color: #000;
}

.ei-content button,
.ei-content button:hover,
.ei-content button:focus {
  display: block;
  margin: 20px 0;
  width: 100%;
  background: #eb2329 !important;
  color: #fff;
  border: 0;
  outline: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-family: 'Segoe-UI-Semibold';
}

.ei-rhs {
  height: 100%;
}

.ei-rhs img {
  height: 100%;
}

/***youtube***/
.youtube-bfsi iframe {
  border: 0;
  width: 90%;
  height: 60vh;
}

/***ask to add the css ***/
/*#block-homepagepov {
  display: none;
}*/

@media only screen and (min-width: 1360px) {

  .page-node-5154.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate,
  .page-node-5137.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate,
  .page-node-5145.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate {
    margin-top: 1%;
  }

  .page-node-5154 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img,
  .page-node-5137 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img,
  .page-node-5145 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    width: 70%
  }

  ul#block-sonata-new-copyrightmenu {
    width: 100%;
  }
}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active),
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
  .aboutUs .allianceSection .icon-hover {
    display: block;
    position: static;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 30%;
    padding-right: 10%;
    height: auto;
    text-align: center;
    width: 100%;
    padding-left: 0%;
  }
}

/***azure-carousel***/
.azure-carousel-content {
  width: 100%;
  display: flex;
  padding: 0 8%;
}

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

.azure-inner-carousel .owl-dots {
  display: none;
}

.azure-inner-carousel .owl-theme .owl-nav {
  display: block;
}

.azure-inner-carousel .owl-prev,
.azure-inner-carousel .owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: orangered !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  height: 2.5vw !important;
  width: 2.5vw !important;
  font-size: 4vw !important;
  border-radius: 50% !important;
  border: 1px solid #ccc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99 !important;
}

.azure-inner-carousel .owl-prev {
  left: 4vw;
}

.azure-inner-carousel .owl-next {
  right: 4vw;
}

.azure-inner-carousel .owl-prev span,
.azure-inner-carousel .owl-next span {
  position: relative;
  top: 0;
  font-size: 3vw;
  color: #ff0000;
  transform: translateY(-7.5%);
}

.azure-carousel-content .carousel-content {
  margin-left: 1%;
}

.azure-carousel-content .fade-left.reveal {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/***3-column-carousel***/
.three-column-sec-carousel .col-lg-4.col-md-6 {
  width: 100%;
}

.three-column-sec-carousel .icon img {
  margin: 0 auto;
}

.carousel .owl-prev,
.carousel .owl-next {
  position: absolute !important;
  top: 25% !important;
  transform: translateY(-50%) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: orangered !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  height: 2.5vw !important;
  width: 2.5vw !important;
  font-size: 4vw !important;
  border-radius: 50% !important;
  border: 1px solid #ccc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99 !important;
}

.carousel .owl-prev {
  left: 0;
}

.carousel .owl-next {
  right: 0;
}

.carousel .owl-prev span,
.carousel .owl-next span {
  position: relative;
  top: 0;
  font-size: 3vw;
  color: #ff0000;
  transform: translateY(-7.5%);
}

.carousel .owl-dots {
  display: none;
}

.carousel .owl-theme .owl-nav {
  display: block;
}

.carousel .owl-item.active {
  padding: 0 15px !important;
}

.carousel .container-sec.allianceSection {
  padding: 2% 7% 0;
}

.carousel .icon-content {
  padding: 15px 20px;
}


/***isv-new***/
.isv-new .overview-content img {
  max-width: 75%;
}

.isv-new .banner-text {
  top: 30%;
}

.isv-new .dyn-tabbed-content li {
  display: table;
  margin-right: 10px;
}

.isv-new .dyn-tabbed-content li strong {
  white-space: pre-wrap;
  vertical-align: middle;
}

.isv-new .dyn-tabbed-content li strong {
  display: table-cell;
  font-size: 1.2vw;
}

.isv-new .d-tabbed-info {
  width: 70%;
}

.isv-new .col-sm-6.moreContent {
  max-height: max-content;
  overflow: auto;
  overflow-y: auto;
}

.section-spacing.accordion-section .col-sm-6:nth-child(2) {
  justify-content: flex-start;
}

.new-insights .slideroptima .thought-leadership.testimonials .row {
  align-items: flex-start !important;
}

.new-insights .slideroptima .thought-leadership.testimonials img:first-child {
  max-width: fit-content;
  float: right;
}

.new-insights .slideroptima .thought-leadership.testimonials p,
.new-insights .slideroptima .thought-leadership h2 {
  margin-left: 0;
}

.isv-new.accordion .accordion-section .ckeditor-accordion-container {
  margin-top: 35px;
}

/***page-insights***/
.page-view-insights.path-insights .img-content h2.node__title {
  display: none;
}

.page-view-insights .view-rhs-list .views-row:last-child {
  border-bottom: 0;
}

/***vertical-tabs***/
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content .text-formatted {
  position: absolute;
  top: 18%;
  left: 3%;
  bottom: auto;
  right: auto;
  color: #fff;
}

.page-view-insights.path-insights .blog-views-lhs {
  margin-top: 10%;
}

.tab-content div {
  font-size: 14px;
}

.tab-content {
  border: 1px solid #ccc;
  padding: 0 0 3%;
}

.tab-content .node__content.clearfix {
  margin-top: 0;
}

.tab-content .node .field--type-image {
  width: 100%;
}

.tab-content img {
  width: 100%;
}

.tab-content .webinar-content {
  font-size: 18px;
  margin-bottom: 2%;
  margin-top: 2%;
  padding-left: 3%;
}

.tab-content .animationButton.fade-bottom.reveal.active {
  padding-left: 3%
}

.blog-views-lhs div {
  font-size: 14px;
}

.tab-content h2 {
  font-size: 1.67vw;
  width: 60%;
}

.page-view-insights.path-insights .col-lg-3.offset-lg-1.blog-views-rhs {
  margin-left: 2%;
  margin-top: 20px;
}

.view-rhs-list .tab-button[data-tab="tab1"] {
  padding-top: 0;
}

.tabs .field-content .tab-button.active p:nth-child(1) {
  font-size: 16px;
  font-family: 'Segoe-UI-Bold';
}

.page-view-insights.path-insights .blog-views-lhs {
  margin-top: 3%;
  border-top: 2px solid #00BE9B;
}

.blog-views-lhs h2:first-child {
  margin-top: 3%;
}

.page-view-insights .tit-txt {
  margin-top: 1%;
}

.page-view-insights.path-insights .view-insights .blog-views-wrap .view-rhs-list {
  position: static;
}

.blog-views-lhs .views-infinite-scroll-content-wrapper.clearfix>div {
  border: 0;
  border-top: 1px solid #ccc;
  padding-top: 2%;
}

.blog-views-lhs .views-infinite-scroll-content-wrapper div {
  border-bottom: 0;
  padding-bottom: 5px;
}

.blog-views-lhs .views-infinite-scroll-content-wrapper.clearfix>div:first-child {
  border-top: 0;
}

.page-view-insights.path-insights .col-lg-5.blog-views-rhs .view-rhs-list {
  width: auto;
  margin-left: 5%;
}

.page-view-insights.path-insights .blog-views-lhs .views-infinite-scroll-content-wrapper.clearfix>div {
  width: 70%;
}

/***newsletter***/
/***newsletter***/
.left-banner {
  position: relative;
}

.left-banner-cont {
  position: absolute;
  top: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  left: 4%;
}

.font24 {
  font-size: 1.25vw;
  font-family: 'Segoe-UI-Bold';
}

.font46 {
  font-size: 2.4vw;
  font-family: 'Segoe-UI-Bold';
}

.per60 {
  width: 60%;
}

.per90 {
  width: 90%;
}

h3.top-btm {
  margin: 9.5vh 0 4.5vh;
}

.org-announcement h4.font24 {
  width: 95%;
  min-height: auto;
}

.leader-content {
  float: left;
  width: 100%;
  margin-top: 7%;
}

.leader-image-section {
  width: 45%;
  float: left;
}

.leaders-content.accordion-section {
  width: 50%;
  float: right;
  margin-left: 5%;
}

.leader-speak {
  float: left;
  width: 100%;
  margin-bottom: 5%;
}

.nl-cs.case-studies {
  width: 100%;
  padding 3% 3%;
}

.playSection {
  width: 100%;
  display: flex;
}

.playcontent {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.play-image {
  width: 30%;
  display: flex;
  margin: auto;
}

.playcontent h3.top-btm {
  margin: 0 0 4.5vh;
}

.background-gray {
  background-color: #f1f2f2;
  padding: 5% 3%;
}

#H-section {
  margin: 5% 0;
}

.nl-cs .owl-theme .owl-dots .owl-dot span {
  display: block;
}

.nl-cs .owl-dots {
  position: relative;
  bottom: 0;
  margin: 0;
  width: 8%;
  left: 0;
  right: auto;
}

.nl-cs .owl-dots .owl-dot:nth-child(2)::after,
.nl-cs .owl-dots .owl-dot:nth-child(1)::after {
  display: none;
}

.nl-cs .owl-dot {
  margin: 30px auto;
  width: auto;
  height: auto;
  border-top: 0;
  border-left: 0;
  border: 0 !important;
}

.nl-cs .owl-dots .owl-dot:nth-child(2) {
  transform: none margin-right: 50px;
}

.nl-cs .owl-theme .owl-dots .owl-dot span {
  margin: 0;
}

.nl-cs {
  background-image: url("/sites/default/files/inline-images/newsletter/cohu.webp");
  background-color: #cccccc;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.whiteColor {
  color: #fff;
  margin-left: 3%;
}

.whiteColor {
  color: #fff;
  position: relative;
  left: 3%;
  top: 55px;
  margin: 0;
  padding-bottom: 5%;
}

.nl-cs h4 {
  margin: 2% 0 2%;
}

.nl-cs .owl-theme .owl-nav.disabled+.owl-dots {
  margin-left: 3%;
}

p.cs-title.whiteColor {
  padding-bottom: 0;
}


.nl-views-rhs {
  background-color: #e4e4e4;
  padding: 30px;
}

.view-rhs-list {
  position: sticky;
  top: 90px;
  border-radius: 10px;
  box-shadow: none;
}


.nl-views-rhs {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 30px;
}

.nl-views-rhs .view-content .tit-txt {
  text-align: left;
  font: normal normal bold 24px/30px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}

.nl-views-rhs .tabs .tab-button .tit-txt {
  text-align: left;
  font: normal normal bold 20px/30px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  text-transform: none;
}

.nl-views-rhs .field-content .tab-button {
  background: none;
}

.nl-views-rhs .tab-button p {
  margin-bottom: 15px;
  font-size: 20px;
}

hr {
  border: 2px solid #00BE9B;
  opacity: 1;
  width: 90% !important;
  margin: 0px auto;
}

.field-border {
  border-bottom: 1px dashed #707070;
  opacity: 1;
}

.detailstd {
  text-align: left;
  font: normal normal normal 20px/30px Segoe-UI;
  letter-spacing: 0px;
  color: #656565;
  opacity: 1;
}

.nl-views-rhs .view-content {
  padding-bottom: 50px;
}

.tit-txt-blue {
  text-align: left;
  font: normal normal bold 20px/27px Segoe-UI;
  letter-spacing: 0px;
  color: #009DD9;
  opacity: 1;
}

.nl-views-rhs .view-rhs-list {
  position: sticky;
  top: 90px;
  border-radius: 10px;
  box-shadow: none;
}

.page-view-insights .blog-views-lhs .knowMoreButton .circle {
  border-bottom: 1px solid #606060 !important;
}

.news-letter header#header {
  display: none;
}

@media only screen and (min-width: 1240px) and (max-width: 1279px) {
  .members-list li:nth-child(3) .board-img {
    left: -40px;
  }
}


/***accordion ***/
.accordion .accordion-section .ckeditor-accordion-container {
  padding: 0 2%;
}

.accordion .cs-arrow-wrap {
  display: block;
}

.accordion .accordion-section li {
  margin-bottom: 15px;
}

.accordion .accordion-section .ckeditor-accordion-container>dl {
  border-radius: 15px;
}

.accordion .accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:before,
.accordion .accordion-section .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:after {
  background: #fff;
}

.accordion .ckeditor-accordion-container>dl dd {
  margin: 3% 0;
}

.accordion .accordion-section .ckeditor-accordion-container>dl dt>a:hover,
.accordion .accordion-section .ckeditor-accordion-container>dl dt>a:not(.button):hover {
  border-radius: 15px 15px 15px 15px;
  padding: 20px 15px;
}

.accordion .accordion-section .ckeditor-accordion-container>dl dt>a,
.accordion .accordion-section .ckeditor-accordion-container>dl dt>a:not(.button) {
  padding: 20px 15px;
}

.accordion .accordion-section .ckeditor-accordion-container>dl dt.active>a,
.accordion .accordion-section .ckeditor-accordion-container>dl dt.active>a:hover {
  background: linear-gradient(90deg, rgba(0, 190, 155, 1) 0%, rgba(0, 157, 217, 1) 100%);
  border-radius: 15px 15px 3px 3px;
  color: #fff;
  padding: 10px 15px;
}

/*.accordion .col-sm-6.moreContent.aos-init.aos-animate {
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/
.accordion section.container-fluid.mb-5 {
  margin-bottom: 0rem !important;
}


.accordion .ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler {
  border: 1px solid #ccc !important;
  margin-block: 10px !important;
  border-radius: 10px;
}

.accordion .ckeditor-accordion-container>dl dd {
  margin: 0;
}

.accordion .active a#DigitalAgendaPlatformation {
  margin: 0 !important;
}

.accordion dd.active {
  border: 1px solid #ccc;
  border-top: 0;
  margin-top: -1% !important;
  border-radius: 10px;
}

.accordion .accordion-section .ckeditor-accordion-container>dl {
  border: 0;
}

.accordion .active p {
  margin-bottom: 2%;
}

.accordion .active strong {
  margin-top: 3%;
  margin-bottom: 0;
}

.accordion .ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler {
  margin-block: 0 !important;
}

.accordion .accordion-section li {
  margin-bottom: 5px;
}

.accordion .ckeditor-accordion-container>dl dd p {
  padding-top: 10px
}

/*-------------------------------*/
/*.isv-new .dyn-tabbed-content li strong {
    display: table-cell;
    font-size: 1.2vw;
}
.isv-new .owl-stage-outer.owl-height{height: 350px !important;}
.isv-new .owl-stage-outer.owl-height .knowMoreButton{margin-top: 25px;}
*/

/***bfsi-insurance***/
.page-node-5207 .addtl-sec-carousel-wrap {
  padding-top: 0;
}

.page-node-5207 .card-tit h2 {
  margin-left: 0 !important;
}

.page-node-5207 .banner-text .knowMoreButton .circle {
  border: 1px solid #fff;
}

.page-node-5207 .banner-text .knowMoreButton .circle .icon {
  color: #fff;
}

.page-node-5207 .card-stack-wrap article.overview-card-4 {
  background: #07002A;
}

/***only for DT ***/
@media only screen and (min-width: 1355px) {
  .align-centet-dt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .page-node-5207 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    max-width: 75%;
  }

}

/***devops***/
.devops section.overview-extra.container-fluid {
  display: none;
}

.devops section.container-sec.thought-leadership-spotlight {
  display: none;
}


/*****************/
/****************/

/**Sonata and Microsoft*/

/***************/
/**************/

body.page-node-10 {
  overflow-x: hidden;
}

.page-node-10 section.banner {
  padding: 0 0 0 8.9%;
  background-color: #f1f2f2;
  display: flex;
  margin-top: 100px;
}

/***header and banner height***/
.page-node-10 #navbar-top,
.page-node-10 #navbar-main {
  height: 100px;
}

.banner-font {
  font-size: 4.2vw;
  margin-bottom: 0;
}

/***common-css***/
.page-node-10 .w-60 {
  width: 60%;
}

.page-node-10 .w-75 {
  width: 75%;
}

h1,
h2,
h3,
h4 {
  padding-bottom: 3%;
}

.page-node-10 .mt-5 {
  margin-top: 3%;
}

/***overview-section***/
.page-node-10 section.overview {
  padding: 4% 7% 0;
}

.page-node-10 .middle-align {
  display: flex;
  height: 100%;
  justify-content: center;
  margin-top: 7%;
}

.page-node-10 .middle-align img {
  width: 70%;
}

/***services-section***/
.page-node-10 section.services-area {
  padding: 7% 7%;
}

/***banner-content***/
.page-node-10 .banner .content {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
}

.page-node-10 .s-box.col-md-3 {
  border: 1px solid #ccc;
  min-height: 30vh;
  padding-top: 2vw;
  padding-bottom: 1vw;
  padding-left: 0;
  padding-right: 0;
}

.page-node-10 .s-box h4 {
  width: 70%;
  line-height: 1.5;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
}

.page-node-10 .s-box p {
  width: 90%;
  padding-left: 15px;
  min-height: 10vh;
}

/***Readmore-button***/
.page-node-10 .animationButton {
  padding-left: 4%;
  text-align: left;
}

.page-node-10 .knowMoreButton {
  display: inline-block;
  padding: 5px 20px 5px 50px;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  width: auto;
  margin-left: 7px;
}

.page-node-10 .knowMoreButton .circle {
  height: 24px;
  width: 24px;
  border-radius: 25px;
  border: 1px solid #606060;
  display: inline-block;
  position: absolute;
  left: 0;
  transition: 0.3s ease-in;
}

.page-node-10 .knowMoreButton .circle .icon {
  left: 0;
  position: absolute;
  height: 14px;
  margin-left: 11px;
  font-size: 30px !important;
  transition: 0.3s ease-in;
  color: #606060;
  top: -12px;
}

.page-node-10 .knowMoreButton>span,
.page-node-10 .knowMoreButton>span p {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 18px;
  transition: 0.3s ease-in;
}

.page-node-10 .knowMoreButton>span a,
.page-node-10 .knowMoreButton>span a:not([href]),
.page-node-10 .knowMoreButton>span a.know-more-btn,
.page-node-10 .knowMoreButton>p a,
.page-node-10 .knowMoreButton>p a:not([href]),
.page-node-10 .knowMoreButton>p a.know-more-btn {
  color: #ff0000;
  font-size: 18px;
  text-decoration: none;
  height: 26px;
  line-height: 1.2;
  display: block;
  font-weight: 800;
}

.page-node-10 .knowMoreButton:hover .circle {
  background: #ff0000;
  border: 1px solid #ff0000;
  width: 100%;
  border-radius: 25px;
}

.page-node-10 .knowMoreButton:hover>span,
.page-node-10 .knowMoreButton:hover>p {
  transform: translateX(-30px);
}

.page-node-10 .knowMoreButton:hover>span a,
.page-node-10 .knowMoreButton:hover>span a:not([href]),
.page-node-10 .knowMoreButton:hover>p a,
.page-node-10 .knowMoreButton:hover>p a:not([href]) {
  color: #fff;
  text-decoration: none;
}


.page-node-10 .knowMoreButton:hover>p span a,
.page-node-10 .knowMoreButton:hover>p span a:not([href]) {
  color: #fff;
  text-decoration: none;
}

.page-node-10 .knowMoreButton:hover .circle .icon {
  color: #fff;
  left: calc(100% - 55px);
}

.page-node-10 .knowMoreButton.white .icon,
.page-node-10 .knowMoreButton.white>span a,
.page-node-10 .knowMoreButton.white>p a {
  color: #fff;
}

.page-node-10 .knowMoreButton.white .circle {
  border: 1px solid #ccc;
}

.page-node-10 .knowMoreButton.white:hover .circle {
  border: 1px solid #ff0000;
}

.page-node-10 .knowMoreButton.grey .icon,
.page-node-10 .knowMoreButton.grey>span a,
.page-node-10 .knowMoreButton.grey>p a {
  color: #707070;
}

.page-node-10 .knowMoreButton.grey .circle {
  border: 1px solid #707070;
}

.page-node-10 .knowMoreButton.grey:hover .circle {
  border: 1px solid #ff0000;
}

/***webinars***/
.page-node-10 section.Webinars-section {
  padding: 7% 7%;
  background-color: #f1f2f2;
}

.page-node-10 .image-sbox {
  border: 1px solid #ccc;
  padding-bottom: 2%;
}

.page-node-10 .image-sbox h4 {
  width: 70%;
  line-height: 1.5;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
}

.page-node-10 .image-sbox p {
  width: 90%;
  padding-left: 15px;
}


/*------------------Tabs----------------------*/


/*.page-node-10 .mstabs {
    margin: 0px auto;
    float: none;
    clear: both;
    padding: 1%;
    overflow: hidden;
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 999999;
}*/
.page-node-10 ul.mstabs-nav {
  padding: 2px 15px;
  display: inline;
}

.page-node-10 ul.mstabs-nav li {
  margin: 0px 15px;
  display: inline;
}

.page-node-10 ul.mstabs-nav li a {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.page-node-10 .tabsscroll {
  background-color: #f0f0f0;
  /* border: none; */
  background-color: #f1f1f1;
  border-radius: 30px;
  width: 55%;
  margin: 50px auto 50px auto;
  box-shadow: #ccc 2px 9px 17px;
  justify-content: center;
}

.page-node-10 .mstabPositioin {
  position: relative;
}

.page-node-10 .container {
  max-width: 100%;
}

.page-node-10 .node__content {
  font-size: 1.071em;
  margin-top: 0px;
}


.page-node-10 .navbar-collapse .logo img {
  height: auto;
  padding: 5% 0;
  margin-left: 8%;
  width: 100%;
}

/*.page-node-10 .col-sm-9.pd0.menu-list{
  display: none;
}*/
.page-node-10 .overview .content header p {
  font-size: 1.25vw;
  padding-bottom: 0px;
  font-family: 'Segoe-UI-Bold'
}

.page-node-10 section.microsoft-services {
  padding: 2.5% 7% 2.5%;
}

.page-node-10 #quicktabs-container-q img {
  width: 100%;
}

/******Quick Tabs*********/


.page-node-10 .quicktabs-wrapper .item-list ul li a {
  border-radius: 0px !important;
  padding-bottom: 9px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-weight: normal;
}

.list-group-item.active a {
  border-bottom: 3px solid #8E5DA3;
  font-weight: bolder !important;
}


.page-node-10 .quicktabs-wrapper .item-list ul li {
  margin: 0;
  padding: 0px 24px 0px 24px !important;
  text-align: center;
  letter-spacing: 0px;
  color: #000000 !important;
  border-right: 2px solid #000 !important;
  border-radius: 0px;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
  margin: 0;
  padding: 0.2em 0.5em 0 30px;
  text-align: center;
  font: normal normal normal 19px / 32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000 !important;
  background: none;
  border: none;
  border-radius: 0px;
}

.quicktabs-tabs #quicktabs-tab-q-4,
#quicktabs-tab-case_study-3,
#quicktabs-tab-insights-2,
#quicktabs-tab-resources-4 {
  border-right: none !important;
}


.page-node-10 .block-quicktabs-blockour-global-footprint {
  padding: 4.2% 8%;
  background: #F1F2F2 0% 0% no-repeat padding-box;
}

.page-node-10 .block-quicktabs-blockour-global-footprint h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list {
  text-align: center;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul {
  display: inline;
}

.page-node-10 #quicktabs-container-q {
  margin-top: 5%;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
  text-align: left;
  /*font: normal normal normal 18px/27px Segoe-UI;*/
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}


.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: none;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a {
  margin: 0;
  padding: 0.2em 0.5em 0 30px;
  text-align: center;
  font: normal normal normal 24px / 32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000 !important;
  background: none;
  border-radius: 0px;
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background: none;

}

.list-group-item.active a {
  border-bottom: 3px solid #000;
}

.page-node-10 .block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li {
  border-right: 5px solid #000;
}


.quicktabs-tabs #quicktabs-tab-q-4,
#quicktabs-tab-case_study-3,
#quicktabs-tab-insights-2,
#quicktabs-tab-resources-1 {
  border-right: none;
}

/**************OLur global footprint****************/


.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li {
  margin: 0;
  padding: 0px 21px 0px 10px;
  text-align: center;
  letter-spacing: 0px;
  color: #000000 !important;
  border-right: 5px solid #000;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: none;
}


/*************Service Areas**************/

.page-node-10 .block-views.block-views-blockresources-block-1 {
  padding: 4.2% 8%;
}

.page-node-10 .block-views.block-views-blockresources-block-1 h2 {
  text-align: center;
}

.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
  border: 1px solid #ccc;
  min-height: 30vh;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 0;
  padding-right: 0;
}

.page-node-10 .views-view-responsive-grid__item .views-field-title {
  line-height: 1;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
  font-size: 24px;
  font-weight: bold;
  width: 96%;
  text-align: left;

}

.page-node-10 .views-view-responsive-grid__item .views-field-body .field-content p {
  padding: 10px 18px 16px 18px !important;
  color: #6D6E71;
  width: 100% !important;
  font-family: 'Segoe-UI';
}

.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 4;
  --views-responsive-grid--cell-min-width: 100px;
  --views-responsive-grid--layout-gap: 0px !important;
}

.page-node-10 .views-view-responsive-grid__item .views-field-body .field-content p {
  width: 90%;
  padding-left: 15px;
  min-height: 10vh;
  text-align: left;
}

.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
  font-size: 1.25vw;
  color: #000;
  font-weight: normal;
  font-family: 'Segoe-UI-Semibold';
}

.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title p {
  font-size: 1vw;
}

.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-title {
  width: 94% !important;
}

.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .views-row .views-field-title span {
  color: #000;
  font-weight: normal;
  line-height: 1.2;
  font-family: 'Segoe-UI-Semibold';
font-size:1.25vw;
}

.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
  font-family: 'Segoe-UI-Bold';
}

/******Case Studies*********/


.page-node-10 .block-quicktabs-blockcase-study {
  padding: 4.2% 8%;
  background: #F1F2F2 0% 0% no-repeat padding-box;
  margin: 3% 0px;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list {
  text-align: center;
  margin-bottom: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul {
  display: inline;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
  margin: 0;
  padding: 0.2em 0.5em 0 30px;
  text-align: center;
  font: normal normal normal 24px / 32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000 !important;
  background: none;
  border: none;
  border-radius: 0px;
}

.quicktabs-tabs>li.active>a .quicktabs-tabs>li.active>a {
  text-shadow: none;
}

.page-node-10 #quicktabs-container-case_study {
  margin-top: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-main .text-formatted .row p {
  text-align: left;
  font: normal normal normal 18px/27px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}


.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item {
  border: 1px solid #ccc;
  padding-bottom: 2%;
  background: #fff;
  margin: 0 2px 5px;
}

.page-node-10 .block-quicktabs-blockcase-study .views-field-field-image .field-content img {
  max-width: 100%;
}

.page-node-10 #block-sonata-quicktabscasestudy .quicktabs-tabpage {
  width: 100%;
  background: none;
  padding: 0px;
  border: none;
  border-radius: 0px;
}

.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-title {
  width: 70%;
  line-height: 20px;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
  font-size: 18px;
  margin-top: 20px;
}

.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
  width: 90%;
  padding-left: 15px;
}

.page-node-10 .block-quicktabs-blockcase-study .list-group-item {
  font-weight: normal;
  background: none;
  border: none;
}

.page-node-10 .block-quicktabs-blockcase-study .quicktabs-tabs>li.active>a {
  font-weight: bold;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li.active a {
  font-weight: bold !important;
}


/******Insights*********/

.page-node-10 .block-quicktabs-blockinsights {
  padding: 4.2% 8%;
  background: none;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockinsights h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list {
  text-align: center;
  margin-bottom: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul {
  display: inline;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul li a {
  margin: 0;
  padding: 0.2em 0.5em 0 30px;
  text-align: center;
  font: normal normal normal 24px / 32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000 !important;
  background: none;
  border: none;
  border-radius: 0px;
}


.page-node-10 #quicktabs-container-insights {
  margin-top: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-main .text-formatted .row p {
  text-align: left;
  font: normal normal normal 18px/27px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}


.page-node-10 .block-quicktabs-blockinsights .views-view-responsive-grid__item {
  border: 1px solid #ccc;
  padding-bottom: 2%;
  background: #fff;
}

.page-node-10 .block-quicktabs-blockinsights .views-field-field-image .field-content img {
  max-width: 100%;
}

.page-node-10 #block-sonata-quicktabsinsights .quicktabs-tabpage {
  width: 100%;
  background: none;
  padding: 0px;
  border: none;
  border-radius: 0px;
}

.page-node-10 .block-quicktabs-blockinsights .views-view-responsive-grid__item .views-field-title,
.page-node-10 .views-row .views-field-title {
  width: 90%;
  line-height: 20px;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
  font-size: 18px;
  margin-top: 20px;
  text-align: left;
}

.page-node-10 .block-quicktabs-blockinsights .views-view-responsive-grid__item .views-field-body p,
.page-node-10 .views-field-body .field-content p {
  width: 90%;
  padding-left: 15px;
}
.page-node-10 #webinars .views-field-body .field-content p{
  padding-left: 20px;
  padding-top: 5px;
  text-align: left;
}
.page-node-10 .block-quicktabs-blockinsights .list-group-item {
  font-weight: normal;
  background: none;
  border: none;
}

.page-node-10 .block-quicktabs-blockinsights .quicktabs-tabs>li.active>a {
  font-weight: bold;
}


/******webinar*********/


.page-node-10 .block-views-blockresources-block-9 {
  padding: 4.2% 8%;
  background: #F1F2F2 0% 0% no-repeat padding-box;
  text-align: center;
}

.page-node-10 .block-views-blockresources-block-9 h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs.block-views-blockresources-block-9 .quicktabs-wrapper .item-list {
  text-align: center;
  margin-bottom: 5%;
}


/******Resources*********/


.page-node-10 .block-quicktabs-blockresources {
  padding: 4.2% 8%;
  background: none;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockresources h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list {
  text-align: center;
  margin-bottom: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul {
  display: inline;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul li a {
  margin: 0;
  padding: 0.2em 0.5em 0 30px;
  text-align: center;
  font: normal normal normal 24px / 32px Segoe-UI;
  letter-spacing: 0px;
  color: #000000 !important;
  background: none;
  border: none;
  border-radius: 0px;
}


.page-node-10 #quicktabs-container-resources {
  margin-top: 5%;
}

.page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-main .text-formatted .row p {
  text-align: left;
  font: normal normal normal 18px/27px Segoe-UI;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}


.page-node-10 .block-quicktabs-blockresources .views-view-responsive-grid__item {
  border: 1px solid #ccc;
  padding-bottom: 2%;
  background: #fff;
}

.page-node-10 .block-quicktabs-blockresources .views-field-field-image .field-content img {
  max-width: 100%;
}

.page-node-10 #block-sonata-quicktabsresources .quicktabs-tabpage {
  width: 100%;
  background: none;
  padding: 0px;
  border: none;
  border-radius: 0px;
}

.page-node-10 .block-quicktabs-blockresources .views-view-responsive-grid__item .views-field-title {
  width: 95%;
  line-height: 20px;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 15px;
  font-size: 18px;
  margin-top: 20px;
}

.page-node-10 .block-quicktabs-blockresources .views-view-responsive-grid__item .views-field-body p {
  width: 90%;
  padding-left: 15px;
  font-size: 18px;
}

.page-node-10 .block-quicktabs-blockresources .list-group-item {
  font-weight: normal;
  background: none;
  border: none;
}

.page-node-10 .block-quicktabs-blockresources .quicktabs-tabs>li.active>a {
  font-weight: bold;
}


#block-sonata-stickymenu {
  margin: 0px auto;
  float: none;
  clear: both;
  overflow: hidden;
  position: sticky;
  top: 0px;
  z-index: 999999;

}


.page-node-10 ul.mstabs-nav li {
  display: inline;
  margin: 0px 1px;
}

.page-node-10 .microsoft-services .row .col-md-2 {
  max-width: 100%;
  height: auto;

}

.page-node-10 .block-quicktabs-blockq {
  padding: 4% 7% 3%;
  background: #F1F2F2 0% 0% no-repeat padding-box;
  margin: 3% 0px;

}

.page-node-10 .block-quicktabs-blockour-global-footprint h2 {
  text-align: center;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list {
  text-align: center;
  margin-bottom: 5%;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul {
  display: inline;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a {
  border: none;
}

.page-node-10 #quicktabs-container-q {
  margin-top: 5%;
}

.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

/*------------------Tabs----------------------*/

.page-node-10 .mstabs {
  margin: 0px auto;
  float: none;
  clear: both;
  padding: 1%;
  overflow: hidden;
  position: sticky;
  top: 0px;
  z-index: 999;
}

.page-node-10 ul.mstabs-nav {
  padding: 2px 15px;
}

.page-node-10 ul.mstabs-nav li {
  padding: 0px 15px;
}

.page-node-10 ul.mstabs-nav li a {
  color: #000;
  font-size: 20px;
}

.page-node-10 .tabsscroll {
  background-color: #f0f0f0;
  /* border: none; */
  background-color: #f1f1f1;
  border-radius: 30px;
  width: 45%;
  margin: 0px auto;
  box-shadow: #ccc 2px 9px 17px;
  margin-top: 50px;
}

.page-node-10 .mstabPositioin {
  position: relative;
}

.page-node-10 header#header {
  position: fixed;
  width: 100%;
  z-index: 199;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}

.page-node-10 .main-content {
  padding-left: 0px;
  padding-right: 0px;
}

.modal.fade.in {
  opacity: 1;
}

.modal-body {
  padding: 30px 40px 20px;
}

h4#loadform,
span#access {
  font-size: 20px;
  margin-top: 20px;
}

.page-node-10 .modal-content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 10px 10px 20px #00000029 !important;
  border: 1px solid #707070;
  border-radius: 20px;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, 70px);
}

.modal-body label {
  font-size: 14px;
  color: #ccc;
}

.modal-body .col-md-6 {
  width: 100%;
}

.modal-body .col.layout-region-node-footer {
  width: 100%;
}

.modal-body .form-control {
  font-size: 14px;
  margin-bottom: 10px;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border: 0.5px solid #707070;
  border-radius: 5px;
  height: 25px !important;
}

.modal-body .btn-primary {
  background-color: #8E5DA3;
  border-color: #8E5DA3;
  font-size: 20px;
  background: #8E5DA3 0% 0% no-repeat padding-box;
  border-radius: 5px;
  text-align: center;
  font: normal normal bold 18px/27px Segoe-UI;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 6px 20px;
}

#webinars .views-view-responsive-grid__item {
  margin-bottom: 10%;
}

#webinars .views-view-responsive-grid__item-inner {
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
}

.modal {
  background: rgba(0, 0, 0, 0.6);
}

button.btn-close {
  font-size: 12px;
  font-weight: 700;
  float: right;
  top: 40px;
  position: absolute;
  right: 20px;
}
#myForm .modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
    width: 90%;
}

.quicktabs-wrapper .row {
  margin: 0;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: transparent;
  border-color: none;
}

.page-node-10 .block-quicktabs .quicktabs-wrapper .item-list ul li.active a {
  font-weight: bold;
}

.page-node-10 .block-quicktabs .quicktabs-wrapper .item-list ul li.active a {
  font-weight: bold !important;
}

/***table***/
.page-view-resource-statistics row {
  margin: 0;
}

.page-view-resource-statistics table tr th,
.page-view-resource-statistics table tr th a,
.page-view-resource-statistics table tr th a:hover,
.page-view-resource-statistics table tr th a:focus {
  color: #000;
  font-weight: bold;
  text-align: center;
}

.page-view-resource-statistics .views-field {
  text-align: center;
}
  .views-exposed-form input[type="date"].form-control {
        line-height: 30px;
        margin-top: 14px;
    }
.page-view-resource-statistics .table-responsive.col {
  padding: 30px 50px;
}
.page-view-resource-statistics .fieldset-wrapper {
    display: flex;
    align-items: center;
    margin-top: 5%;
}
.page-view-resource-statistics .fieldset-wrapper label,
.page-view-resource-statistics #edit-created-wrapper legend{
  display: none;
}
.page-view-resource-statistics thead > tr {
    border: 1px solid #ccc;
}
.page-view-resource-statistics th {
    background: #fff !important;
}
.page-view-resource-statistics tr td {
    background: #fff !important;
    border: 1px solid #ccc;
}
.page-view-resource-statistics .table {
    --bs-table-striped-bg: #fff;
}
.page-view-resource-statistics th {
    border: 1px solid #ccc !important;
}
/*.page-view-resource-statistics li.breadcrumb-item {
  display: none;
}

.page-view-resource-statistics .navbar-nav li.nav-item {
  display: none;
}
*/
li.breadcrumb-item{
  display: none;
}
.page-view-resource-statistics .views-field-field-resource a {
  font-size: 18px;
}

.page-view-resource-statistics .page-item:last-child .page-link {
  padding: 12px 12px;
  background: transparent;
  color: #ff0000;
  font-weight: bold;
  font-size: 0.98vw;
}
.page-view-resource-statistics .page-item:first-child .page-link {
    padding: 12px 12px;
    font-size: 0.938vw;
    color: #ff0000;
    font-weight: bold;
}

.page-view-resource-statistics .page-item:last-child .page-link span {
  font-size: 0.98vw;
}

.page-view-resource-statistics th#view-field-last-name-table-column,
.page-view-resource-statistics #view-field-resource-table-column a {
  font-size: 1.2vw;
}

.page-view-resource-statistics .view-filters {
  padding: 50px 50px 20px;
  display: inline-block;
  width: 100%;
  float: left;
  border-bottom: none !important;
}

.page-view-resource-statistics th#view-counter-table-column {
  width: 5%;
  font-size: 1.2vw;
}

.page-view-resource-statistics th#view-field-category-table-column {
  width: 20%;
}

.page-view-resource-statistics th#view-field-resource-link-table-column {
  width: 35%;
  font-size: 1.2vw;
}

.page-view-resource-statistics th#view-field-download-count-table-column {
  width: 15%;
  font-size: 1.2vw;
}

.views-field-field-resource-link a,
.page-view-resource-statistics table td,
.page-view-resource-statistics table th {
  font-size: 1.02vw;
  font-family: "Segoe-UI";
}

.page-view-resource-statistics #view-created-table-column {
    width: 10%;
}
.page-view-resource-statistics th#view-field-last-name-table-column {
    width: 15%;
}
.page-view-resource-statistics th#view-field-email-id-table-column {
    width: 18%;
}
.page-view-resource-statistics th#view-field-designation-table-column {
    width: 12%;
}
.page-view-resource-statistics th#view-field-resource-table-column {
    width: 24%;
}
.page-view-resource-statistics .pagination > li > a,
.page-view-resource-statistics .pagination > li > span {
    padding: 12px 12px;
    height: 42px;
    font-size: 0.938vw;
}
.page-view-resource-statistics ul.pagination.js-pager__items {
    display: flex;
    justify-content: center;
}
.page-view-resource-statistics .page-item.active .page-link {
    background-color: transparent;
    border-color: #ccc;
    color: #ff0000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: transparent;
    border-color: #ccc;
}
.page-view-resource-statistics th#view-title-table-column {
    width: 15%;
}
.path-resource-statistics th#view-title-table-column {
    width: 30%;
}
.is-active {
  color: #ff0000 !important;
  border-bottom: 2px solid #ff0000 !important;
}
/***admin-page***/
.user-logged-in .block-menu.navigation ul.clearfix.nav {
  padding: 10px 50px;
}

.user-logged-in .page-view-resource-statistics li.nav-item {
  list-style-type: none;
}

.user-logged-in a.nav-link--sonata-and-microsoft1-admin-content,
.user-logged-in a.nav-link--sonata-and-microsoft1-resource-statistics {
  border-bottom: 2px solid #000;
  color: #000;
}

.user-logged-in a.nav-link--sonata-and-microsoft1-resource-statistics {
  margin: 0 10px;
}

.user-logged-in .is-active {
  color: #000;
  border-bottom: 2px solid;
  margin: 0 10px;
}

.user-logged-in button.nav-link.nav-link- {
  background-color: transparent;
  border: 0;
  color: #000;
  border-bottom: 2px solid #000;
  padding: 10px 15px;
}

.user-logged-in a.nav-link--sonata-and-microsoft1-admin-content:hover,
.user-logged-in a.nav-link--sonata-and-microsoft1-resource-statistics:hover,
.user-logged-in button.nav-link.nav-link-:hover {
  color: #ff0000;
  border-bottom: 2px solid #ff0000;
}

.user-logged-in .form-no-label.mb-3 {
  padding-left: 50px;
  margin-top: 15px;
  font-size: 1.02vw;
}

.user-logged-in .form-no-label h4.label {
  font-size: 1.02vw;
  color: #000;
}

/* login page */
.user-login-form {
  max-width: 30vw;
  margin: 10vh auto;
  border: 1px solid #ddd;
  background: #f2f2f2;
  padding: 20px 30px !important;
  border-radius: 10px;
}

.user-logged-in label.js-form-required.form-required {
  margin-block: 2vh 1vh;
}

form#user-login-form button {
  font-size: 18px;
  margin-top: 15px;
  background-color: #FF000B;
  padding: 0.5vw 2vw;
  text-transform: uppercase;
  font-family: "Segoe-UI-Bold";
  border-color: transparent;
}

.user-logged-in .form-control {
  font-size: 1.02vw;
  font-family: "Segoe-UI";
}

.user-logged-in .view-filters span.glyphicon {
  float: left;
}

.user-logged-in form#views-exposed-form-resource-statistics-page-2 {
  float: left;
}

.user-logged-in ul.js-pager__items.pagination {
  padding-left: 50px;
}

.user-logged-in .form-control {
  height: auto;
}
.views-exposed-form .js-form-submit {
    padding: 2px 5px;
    font-size: 0.98vw;
}
.views-exposed-form .js-form-item {
    margin-right: 0.8vw;
}
.user-logged-in .view-filters svg {
  height: 1.5vw !important;
  margin-top: 22px !important;
  left: 1.9% !important;
}

.user-logged-in .views-exposed-form .js-form-submit {
  margin-top: -40px;
}

/* cms content */
nav#block-sonata-secondarynavigation li.nav-item {
  float: left;
  list-style: none;
}

nav#block-sonata-secondarynavigation a,
nav#block-sonata-secondarynavigation .link {
  color: #000;
  font-weight: 700;
}

nav#block-sonata-secondarynavigation a:hover,
nav#block-sonata-secondarynavigation .link:hover {
  color: #ff0000;
}

nav#block-sonata-secondarynavigation a.nav-link.nav-link--sonata-and-microsoft1-resource-statistics {
  margin: 0 10px;
}

.quicktabs-tabs>li.active>a {
  text-shadow: none !important;
}

.padding-both {
  padding: 4% 5% 0;
}

/* pop up form */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.popup-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

/* header */
.page-node-10 .search-wrapper,
.page-node-10 a.visually-hidden-focusable {
  display: none;
}

/* node-resources-page */
.node--type-resources .node__content.clearfix {
  padding: 30px 50px 50px;
  width: 50%;
}

.node--type-resources .field--name-body p {
  font-size: 1.02vw;
  font-weight: bold;
  float: left;
}

.node--type-resources .field--type-entity-reference .field__label {
  font-weight: bold;
}

.node--type-resources .field.field--name-field-resource-link.field--type-link.field--label-above {
  margin-bottom: 20px;
}

.node--type-resources .field__label {
  float: left;
  width: 100%;
  font-size: 1.5vw;
  margin-bottom: 4px;
  font-weight: bold;
}

.field--name-field-download-count .field__item {
  font-size: 1.25vw;
  font-weight: bold;
  color: #ff0000;
}

.form-control {
  font-size: 14px;
  font-family: 'Segoe-UI';
}
/* watch now button */
.left-body.col-sm-8 {
  margin-top: 3%;
}

a.watchnow {
  border: 4px solid #ff0000;
  padding: 0.5% 1%;
  border-radius: 30px;
  margin-left: 50%;
  margin-bottom: 1%;
  float: left;
  font-size: 1vw;
  font-weight: 700;
}
/* webinair */
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(1),
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(2) {
    width: 49%;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row{
  width: 32.3%;
  border: 1px solid #ccc;
  margin: 0 0 15px 10px;
  padding: 0; 
}
/* modal */
.modal-header{
  justify-content: flex-start;
  margin-left: 1%;
}

.modal-dialog {
    max-width: 37vw !important;
    width: 100% !important;
}
a.watchnow.watchnow-top {
    margin-top: 2%;
}
.w-90{
  width: 90%;
}
.overview .w-75 {
    width: 84%!important;
}
.w-88{
 width: 88%;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal {
    padding: 0;
}
/* footer */
.site-footer ul.clearfix.nav.navbar-nav {
    display: inline-block;
    margin-left: 5%;
    width: 100%;
}
.site-footer .site-footer__bottom {
    margin: 0 0 0 2%;
}
.site-footer section.row.region.region-footer-fifth {
    margin: 0;
}
.site-footer .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.site-footer #block-sonata-sociallinks ul.clearfix.nav {
    float: right;
    margin-right: 10%;
}

.site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
    width: 100%;
    display: block;
   margin-left:10px;
}
.site-footer #block-sonata-sociallinks ul.clearfix.nav {
    float: right;
    margin-right: 13%;
}
.site-footer nav#block-sonata-copyrightmenu li.nav-item:last-child {
    color: #fff;
    float: right;
}
.site-footer #block-sonata-footer .navbar-nav > li {
    float: left;
    margin-right: 3%;
    font-size: 1.042vw;
}
.site-footer #block-sonata-copyrightmenu .nav > li {
    position: relative;
    display: inline-block;
    font-size: 1.042vw;
}
/*150% screen recommendation*/

@media only screen and (min-width: 1230px) and (max-width: 1280px) {
  .page-node-10 p,
  .page-node-10 span,
  .page-node-10 a{
   }
    .node--type-winwire nav#navbar-main {
        width: 100%;
        margin: 0;
        margin-left: 2%;
        padding: 16px 0;
        display: block;
    }
  .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 16px / 32px Segoe-UI !important;
  }

  .page-node-10 ul.mstabs-nav li a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 90%;
    padding-left: 15px;
    font-size: 13px;
    font-weight: 300;
    color: #121212;
  }

  .page-node-10 .views-field-title .field-content a {
    font-size: 1.3vw;
    width: 100vw;
    font-weight: normal;
    line-height: 23px;
  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 90%;
    padding-left: 15px;
    font-size: 1vw;
    font-weight: 300;
    color: #121212;
  }
  .page-node-10 .views-view-responsive-grid__item .views-field-body .field-content p{
   font-size: 1vw;
}
  .page-node-10 .views-view-responsive-grid__item .views-field-title {
    width: 98%;
    line-height: 17px;
    border-left: 5px solid #8E5DA3;
    margin-left: -1px;
    padding-left: 15px;
  }

  .page-node-10 .overview .content p {
    font-size: 1.1vw;
    padding-bottom: 0px;
    line-height: 20px;
    width: 100% !important;
  }

  .page-node-10 .tabsscroll {
    margin: 60px auto 10px auto !important;
  }

  .mt-5 {
    margin-top: 1rem !important;
  }

  .banner h1 {
    padding-bottom: 1rem !important;
  }

  .page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
    font: normal normal normal 1.1vw / 20px Segoe-UI;
  }

  .page-node-10 .block-quicktabs .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 1.1vw / 32px Segoe-UI;

  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-title {
    width: 98%;
  }
  /***table***/
  .page-view-resource-statistics table td,
  .page-view-resource-statistics table th,
  .page-view-resource-statistics .page-item:last-child .page-link,
  .page-view-resource-statistics .page-item:first-child .page-link,
  .page-view-resource-statistics .views-field-field-resource a {
    font-size: 14px !important;
  }

  /* modal */
  .modal.fade .modal-dialog {
    transform: translate(0, 30px);
    width: 35vw;
  }

  .modal-header {
    padding: 0 15px;
  }

  h4#loadform {
    font-size: 17px;
  }

  .modal-body {
    padding: 10px 30px 10px;
  }

  .modal-body .form-control {
    height: 30px;
  }

  .modal-body .btn-primary {
    width: 12vw;
  }
.view-filters span.glyphicon {
    font-size: 1vw;
    margin: 2.3% 1% 0 0;
}
.views-exposed-form label, .views-exposed-form .form-select {
    font-size: 1vw;
}
.page-view-resource-statistics .fieldset-wrapper {
    margin-top: 6%;
}
.modal-dialog {
    max-width: 44vw !important;
    width: 100% !important;
}
  /* webaniars */
  #webinars #block-sonata-views-block-resources-block-9 .views-row{
    width: 32.3%;
  }
  .page-node-10 .block-quicktabs .quicktabs-wrapper .item-list ul li.active a {
    font-weight: bold !important;
  }
/*resources*/
.views-exposed-form input[type="date"].form-control {
    line-height: 1;
    margin-top: 8px;
}

 }

/*****175%****/
@media only screen and (min-width:1081px) and (max-width: 1191px) {

  .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul li a {

    font: normal normal normal 13px / 32px Segoe-UI !important;

  }

  .page-node-10 ul.mstabs-nav li a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 90%;
    padding-left: 15px;
    font-size: 13px;
    font-weight: 300;
    color: #121212;
  }

  .page-node-10 .views-field-title .field-content a {
    font-size: 1.3vw;
    width: 100vw;
    font-weight: normal;
    line-height: 1vw;
  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 90%;
    padding-left: 15px;
    font-size: 1vw;
    font-weight: 300;
    color: #121212;
  }

  .page-node-10 .views-view-responsive-grid__item .views-field-title {
    width: 98%;
    line-height: 17px;
    border-left: 5px solid #8E5DA3;
    margin-left: -1px;
    padding-left: 15px;
  }

  .page-node-10 .overview .content p {
    font-size: 14px;
    padding-bottom: 0px;
    line-height: 20px;
    width: 100% !important;
  }

  .page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
    font: normal normal normal 14px / 20px Segoe-UI;
  }

  .page-node-10 .block-quicktabs .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 14px / 32px Segoe-UI;

  }

  .page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-title {
    width: 98%;
  }

  /* modal */
  .modal.fade .modal-dialog {
    transform: translate(0, 30px);
    width: 35vw;
  }

  .modal-header {
    padding: 0 15px;
  }

  h4#loadform {
    font-size: 17px;
  }

  .modal-body {
    padding: 10px 30px 10px;
  }

  .modal-body .form-control {
    height: 30px;
  }

  .modal-body .btn-primary {
    width: 12vw;
  }
}

@media screen and (min-width:1300px) and (max-width:1680px) {

   .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
        font: normal normal normal 16px / 32px Segoe-UI !important;
   }

  .page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul li a,
  .page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 20px / 32px Segoe-UI !important;
  }

  /* modal */
  .modal.fade .modal-dialog {
    transform: translate(0, 30px);
    width: 35vw;
  }

  .modal-header {
    padding: 0 15px;
  }

  h4#loadform,
  span#access {
    font-size: 17px;
  }
  
  .modal-body {
    padding: 10px 30px 10px;
  }

  .modal-body .form-control {
    height: 30px;
  }

  .modal-body .btn-primary {
    width: 12vw;
  }
.views-exposed-form input[type="date"].form-control {
    line-height: 1.6;
    margin-top: 8px;
}
}

/* ticker CSS */
.news-ticker {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  background: #f8f9fa;
  padding: 10px;
  border: 1px solid #ddd;
}

.news-ticker li {
  display: inline-block;
  padding-right: 50px;
  font-weight: bold;
}

.bg-color-ticker {
    padding: 20px 50px;
    background: linear-gradient(to right, #8e5da3, #029cd8);
}
.bg-color-ticker a {
    font-size: 1.5vw;
    color: #fff;
    font-weight: 700;
}
  .scroll-text-ticker {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: scroll 30s linear infinite;
	font-size: 50px;
	color: red;
  }
 
  @keyframes scroll {
    0% {
      transform: translateX(80%);
    }
    100% {
      transform: translateX(-80%);
    }
  }

/* services */
h3.services-subtext {
  padding: 0 0 10px;
  margin: 0;
}
p.services-para {
  margin-bottom: 20px;
}


/* cta button alignment */
.views-view-responsive-grid__item {
    position: relative;
}


.views-field.views-field-field-resource-link {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item {
    position: relative;
}
.block-views-blockresources-block-9 .views-row {
    position: relative;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row {
    padding: 0 0 50px;
}
.page-node-10 .views-view-responsive-grid__item .views-field-body .field-content p{
  padding-bottom: 50px !important;
}

/*form phone number for webnair */
div#edit-field-phone-number-0 {
    float: left;
    width: 100%;
}
.country-select {
    margin-right: 10px;
}
input#edit-field-phone-number-0-phone {
    float: left;
    margin-top: 0;
}

#block-sonata-contenttype {
  display: none;
}

.phone-number-field label.form-item__label {
  float: left;
  width: 100%;
}
.phone-number-field .country-select {
  height: auto;
  border-bottom: 0 !important;
}
div#edit-field-phone-number-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    float: left;
    width: 100%;
}
.iti__arrow {
    border-top: 6px solid #555;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.js-form-item-field-phone-number-0-phone.form-item--field-phone-number-0-phone {
    width: 74.5%;
    border: 1px solid #000;
    border-radius: 7px;
    float: right;
} 
div#edit-field-opt-in-wrapper {
    float: left;
    margin-top: 20px;
}

div#edit-field-opt-in-wrapper .form-checkbox {
    width: 15px;
    height: 15px;
position: relative;
top: 1px;
}
div#edit-field-opt-in-wrapper .field-label-text{
   color: #000;
   font-size: 15px;
}

/* cookies */
.eu-cookie-compliance-banner .popup-content {
    position: fixed;
    top: auto;
    left: 0;
    transform: translate(0%, 0%);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    bottom: 0;
    max-width: 100%;
}
.eu-cookie-compliance-banner #popup-buttons button.hide-popup-button,
.eu-cookie-compliance-banner #popup-buttons button.find-more-button {
    background: none;
    border: 1px solid #f00;
    padding: 5px 20px;
    margin: 0 5px!important;
    border-radius: 4px;
}
.eu-cookie-compliance-banner #popup-buttons button.find-more-button{
  border: 1px solid #000;
}

@media screen and (min-width:1820px) {
 .modal-body .form-control {
    margin-bottom: 20px;
    height: 40px !important;
  }
 .js-form-item-field-phone-number-0-phone.form-item--field-phone-number-0-phone {
    width: 81.5%;
  }
}

.featured-bottom {
  display: none;
}
.featured-bottom {
    position: fixed;
    width: 100%;
    padding: 0.5% 7.5%;
    flex-direction: column;
    background-color: #3A3A3A;
    bottom: 0px;
    top: auto;
    z-index: 999;
}
#block-sonata-webform h2 {
    font-size: 1.5vw;
    width: 18%;
	float:left;
}
.featured-bottom #block-sonata-webform h2{
  margin-bottom: 0;
  margin-top: 5px;
}
#block-sonata-webform .content {
    float: left;
    width: 80%;
    padding-top: 2%;
}
.featured-bottom .block-webform-block {
    width: 95%;
    float: left;
}

.featured-bottom .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #fff !important;
    border: 0;
    border-radius: .375rem;
    opacity: 1;
background-color:#fff !important;
}

.featured-bottom #edit-actions button{
  margin-left: 1.5vw;
}

/* after submiting form */

#block-sonata-webform .webform-confirmation__message {
    color: #fff;
    font-size: 15px;
}





.ckeditor-accordion-container{
	width: 97%;
    margin: 0px auto;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: transparent;
    color: #000;

}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #ff0000;

}
.ckeditor-accordion-container > dl {
    position: relative;
    border: 0;
    margin: 0;
}
#servicearea .views-view-responsive-grid__item p{
  margin-bottom: 0;
}
#servicearea .ckeditor-accordion-container .styled dd p{margin-left: 16px;}
.page-node-10 #servicearea .views-view-responsive-grid__item .views-field-body .field-content .animationButton p {
    margin: 0 !important;
    padding: 0 !important;
}

/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #595959;
}
*/













 #servicearea .views-field.views-field-field-resource-link {
    position: relative;
    width: 100%;
}

 #servicearea .animationButton {
    padding-left: 2%;
    text-align: left;
}

#servicearea .views-view-responsive-grid__item .views-field-body .field-content p {
    padding-bottom: 20px !important;
}
/*
 #servicearea .knowMoreButton .circle .icon {
    top: -8px;
}
*/

.page-node-10 #servicearea .views-view-responsive-grid__item .views-field-body .field-content .animationButton p{
  padding-bottom: 0 !important;
  min-height: 5vh;
}

/****************************************/


#servicearea .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    display: inline-block;
    position: absolute;
    padding: 0 10px;
    width: 30px;
    height: 30px;
    z-index: 1;
    top: calc(50% - 1px);
    right: 11px;
    left:auto;
    box-sizing: border-box;
}

#servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Semibold';
    padding: 0;
    font-size: 0.98vw;
}
#servicearea .ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Semibold';
}
#servicearea .ckeditor-accordion-container > dl {
    position: relative;
}

.ckeditor-accordion-container{
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #6D6E71;
  margin-bottom: 10px;
}
.ckeditor-accordion-container:last-child {
    border: 0;
}



/* changes */
.ckeditor-accordion-container {
    padding: 10px 0;
    border-bottom: 1px solid #6D6E71;
    width: 85%;
    margin-left: 8%;
    margin-bottom: 0;
}
.ckeditor-accordion-container > dl {
    position: relative;
    border: 0;
    margin: 0;
}
#servicearea .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    display: inline-block;
    position: absolute;
    padding: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
    top: calc(50% - 1px);
    right: auto;
    left: -30px;
    box-sizing: border-box;
}
#servicearea .ckeditor-accordion-container p {
    padding: 0 !important;
    margin: 0 !important;
}
.ckeditor-accordion-container > dl dd{
  padding: 0;
}
#servicearea .ckeditor-accordion-container .animationButton {
    padding-left: 0;

}
#servicearea .ckeditor-accordion-container .knowMoreButton {
    margin-left: 0;
}
#servicearea .ckeditor-accordion-container .styled dd p{
  font-size: 0.85vw;
}


/* resources winwire styles */
/* header section */
.node--type-winwire nav#navbar-main {
 width: 100%;
  margin: 0;
/*  margin-left: 6%;
  padding: 20px 0;*/
}

.node--type-winwire .banner-section {
  position: relative;
margin-top: 18px;
}

/* banner section */
.node--type-winwire .banner-content {
  position: absolute;
  display: flex;
  left: 8%;
  vertical-align: middle;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  top: 0;
  width: 50%;
  color: #fff;
}

/* box */
.node--type-winwire .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.node--type-winwire .box .row {
  width: 100%;
}

.node--type-winwire .redbox {
  background: #FFEFEF 0% 0% no-repeat padding-box;
  opacity: 1;
  margin: 10px 10px 10px 0;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.node--type-winwire .bottomborder {
  border-bottom: 10px solid #F19E9A;
}

.node--type-winwire .counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 5% 5%;
}

.node--type-winwire .counter h5 {
  text-align: center;
}

.node--type-winwire .big,
.node--type-winwire .counter p {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  line-height: 1.2;
}

.node--type-winwire .highlighted {
  font-size: 1.979vw;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  font-family: 'Segoe-UI-Bold';
}

/* solutions */
.node--type-winwire ul.solution-list {
  padding: 0px;
  margin: 0 2.5%;
}

.node--type-winwire ul.solution-list li {
  display: list-item;
  text-align: left;
  letter-spacing: 0px;
}

/* box-two */
.node--type-winwire .col-lg-4.col-sm-12.box-two {
  flex: 0 0 70%;
  max-width: 70%;
  display: flex;
}

/* filters */
.node--type-winwire .js-form-item {
  width: 18%;
  margin: 0 10px;
}

.node--type-winwire .flex-wrap {
   flex-wrap: wrap !important;
   padding: 2% 0 2% 7.5%;
}

.node--type-winwire label {
  display: inline-block;
  font-size: 1vw;
  line-height: 1.2;
  padding: 0 3px;
  margin-bottom: 3%;
  font-weight: normal;
  color: #6D6E71;
}

.node--type-winwire button#edit-submit-resources,
.node--type-winwire button#edit-reset,
.node--type-winwire button.form-submit {
  font-size: 1.042vw;
  padding: 4px 15px;
  font-weight: 700;
  background: #8E5DA3;
  border: 1px solid #8E5DA3;
  border-radius: 30px 30px;
}

.node--type-winwire button#edit-reset {
  background: #ff0000;
}

.node--type-winwire .form-select,
input#edit-title {
  font-size: 1.042vw;
  color: #6D6E71;
}

.node--type-winwire .js-form-type-textfield input#edit-title {
   margin-top: 9%;
}

.node--type-winwire .form-type-textfield label {
  visibility: hidden;
}

.node--type-winwire input.form-control {
  margin-top: 10%;
  font-size: 1.042vw;
  height: auto;
}

.node--type-winwire .path-search em {
  font-size: 2vw;
  font-family: 'Segoe-UI-Semibold';
}

.node--type-winwire .path-search input.form-control {
  margin-top: 1%;
  font-size: 1.042vw;
  height: auto;
}

.node--type-winwire .path-search main#content {
    padding: 50px 100px 150px 100px;
}

/* views grid */
.node--type-winwire .view-content.row {
  padding: 2% 8%;
}

.node--type-winwire .view-content.row {
  padding: 2% 7%;
}

.node--type-winwire .views-view-responsive-grid__item {
  border: 1px solid #ccc;
  padding-bottom: 2%;
  background: #fff;
}

.node--type-winwire .views-field-field-image .field-content img {
  max-width: 100%;
}

.node--type-winwire .views-view-responsive-grid__item .views-field-title {
  width: 98%;
  line-height: 20px;
  border-left: 5px solid #8E5DA3;
  margin-left: -1px;
  padding-left: 10px;
  font-size: 18px;
  margin-top: 20px;
}

.node--type-winwire .views-view-responsive-grid__item .views-field-title span {
  font-size: 1.25vw;
  color: #000;
  font-family: 'Segoe-UI-Semibold';
  line-height: 1.2;
}

.node--type-winwire .views-view-responsive-grid__item .views-field-body .field-content p {
  padding: 10px 18px 16px 18px;
  color: #6D6E71;
  width: 100%;
  min-height: 10vh;
  text-align: left;
}

.node--type-winwire .views-field-body p {
  font-size: 0.938vw;
  padding-left: 3%;
  padding-top: 2%;
}

.node--type-winwire .views-field.views-field-nothing {
  float: left;
  width: 100%;
}

.node--type-winwire .card-footer {
  float: left;
  width: 100%;
  margin-top: 4%;
}

.node--type-winwire .card-footer-right {
  float: right;
  width: 60%;
  text-align: right;
  padding-right: 3%;
  font-size: 0.83vw;
}

.node--type-winwire .card-footer-left {
  float: left;
  width: 40%;
}

.node--type-winwire .card-footer-right a.download-pdf {
  margin: 0 10px;
}

.node--type-winwire .pink-box {
  background-color: #FFEFEF;
  padding: 10px;
  border: 1px solid #ccc;
}

/* client-overview */
.node--type-winwire .client-overview {
  width: 100%;
}

.node--type-winwire .client-overview .box {
  padding-left: 7%;
}

.node--type-winwire .client-overview .col-lg-5 {
  flex-direction: column;
}

.node--type-winwire .client-overview .box .row {
  flex-direction: column;
}

.node--type-winwire .client-overview .col.box-2 {
  display: flex;
}

.node--type-winwire .client-overview .col.redbox.bottomborder {
  width: 100%;
  max-width: 40%;
}

/* all sectons float */
.node--type-winwire .pressure_points,
.node--type-winwire .solutions,
.node--type-winwire .results,
.node--type-winwire .by-the-numbers,
.node--type-winwire .technology {
  float: left;
  padding: 3.5% 0 0;
}

/* pressure points */
.node--type-winwire .pressure_points .col-lg-7.col-sm-12.box {
  width: 100%;
}

.node--type-winwire .extra-content {
  float: left;
  margin-top: 3%;
}

/* results */
.node--type-winwire .results .col-lg-7.col-sm-12.box {
  flex: 0 0 70%;
  max-width: 70%;
  display: flex;
}

/* solutons */
.node--type-winwire .solutions .row.box-3 .col.redbox.bottomborder {
  max-width: 50%;
}

/* techonolgy */

/* propotional height columns */
.node--type-winwire .box-5,
.node--type-winwire .col-lg-5,
.node--type-winwire .box-3,
.node--type-winwire .col-lg-4,
.node--type-winwire .col-lg-3 {
  display: flex;
  padding: 0;
}

/* home page banner */
.node--type-winwire .banner-content h4{
  color: #000;
}

/* lazy load */
.node--type-winwire .views-view-responsive-grid.views-view-responsive-grid--horizontal {
   margin-bottom: 15px;
 }

/* cards footer */
.node--type-winwire .card-footer-bottom {
  float: left;
  border: 1px solid #ccc;
  width: 100%;
  padding: 0.5% 1%;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 1.25vw;
}
.node--type-winwire .card-footer-bottom a{
  margin: 0 0.5%;
}

/* sreach form */
.node--type-winwire .view-id-resources .view-filters {
  width: 75%;
  float: left;
  margin-left: 2%;
}
.node--type-winwire .search-wrapper {
  float: left;
 /* width: 20%;*/
  padding: 2.25% 0 2% 0;
margin-left: -12px;
}
.node--type-winwire .block-search .js-form-item {
  width: 100%;
}

/* color code for banner text */
.node--type-winwire .page-node-31 .banner-content {
    color: #000;
}

/* mailto content added */
.node--type-winwire .content-footer-bottom{
  padding: 0 7% 1%;
}
.node--type-winwire .content-footer-bottom {
    background-color: #e6e7e8;
    padding: 20px;
    float: left;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.node--type-winwire .content-footer-bottom p{
  margin: 0;
}

/* banner image */
.node--type-winwire .bg-image {
    background-image: url("/project100/sites/default/files/banner.webp");
    width: 100%;
    height: 67vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.node--type-winwire .dt-image{
  display: block;
}
.node--type-winwire .mb-image{
  display: none;
}

.node--type-winwire .banner-content h4 {
    color: #fff;
}

.node--type-winwire .show-mobile {
    display: none;
}


/* sonata logo header */
.node--type-winwire .navbar-collapse .logo img {
    height: auto;
    padding: 5.6% 0;
    margin-left: 4%;
    width: 100%;
}


.node--type-winwire ul {
    padding: 0 3%;
    margin-left: 15px;
}

/* data-color-ticker dynamic paragraph style */
.dynamic-paragraph {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.dynamic-paragraph p {
  flex: 1;
  text-align: center;
  margin: 0;
}

.dynamic-paragraph p:only-child {
  flex: 0 0 100%;
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
    width: 96%;
    display: block;
    margin-left: 5px;
}
	.page-node-10 .knowMoreButton:hover>p a {
    padding-left: 35px;
}
.page-node-10 .knowMoreButton:hover .circle {
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 88% !important;
    border-radius: 25px;
}
}

.modal.fade.show{
  opacity:1;
}


/*--------Accordion------------------------*/



#servicearea .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    display: inline-block;
    position: absolute;
    padding: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
    top: calc(50% - 3px);
    right: auto;
    left: -24px;
    box-sizing: border-box;
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
    transform: rotate(-46deg);
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
    transform: rotate(46deg);
    top: 0px;
    left: 0px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    right: 13px;
    left: auto;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
    left: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 6px;
}

.ckeditor-accordion-container {
    padding: 10px 0;
    border-bottom: 1px solid #6D6E71;
    width: 76%;
    margin-left: 10%;
    margin-bottom: 0;
}

/* sub solutions box */
.sub-solutions-container {
    display: flex;
    margin: 0 20px;
    border-radius: 10px;
    width: 93%;
}
.sub-solutions-container h6{
  font-size: 1vw;
}
.sub-solutions-container .managed-content {
    width: 50%;
    margin: 0 6px 0 0;
    border-radius: 10px;
    padding: 20px 5px;
    height: auto;
    background-color: #e6e7e9;
    transition: transform 0.5s ease-in-out;
    margin-bottom: 20px;
}
.sub-solutions-container .managed-content:hover {
    padding: 0;
    height: 100%;
    transform: scale(0.99);
}
.sub-solutions-container .managed-text {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
}
#servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .product-text p{
  padding: 10px  10px 5px 10px !important;
  color: #fff !important;
  font-size: 0.8vw;
 
}

#servicearea text {
    font-size: 1vw;
    margin-left: 4%;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-family: 'Segoe-UI';
    color: #000;
}
.sub-solutions-container .managed-content:hover h6 {
    display: none;
}
.sub-solutions-container:hover {
    padding: 0;
}
.sub-solutions-container .knowMoreButton .circle .icon{
  top: 4px;
}
.sub-solutions-container .knowMoreButton .circle{
  border-color: #fff;
}
.sub-solutions-container .knowMoreButton .circle .icon{
  color: #fff;
}
.page-node-10 #servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .animationButton p{
  min-height: auto;
}
.page-node-10 #servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .animationButton p{
  padding-bottom: 5px;
}
.sub-solutions-container .managed-content:first-child:hover {
    margin-left: 0;
}

/* subscribe form */
.alert-wrapper{
  z-index: 99;
}
a.navbar-brand {
    display: none !important;
}

/*.path-resource-statistics #block-sonata-content {
    font-size: 20px;
    text-align: center;
    margin: 17% 0px;
}*/

.table-striped td.views-field.views-field-field-resource-link,
.table-striped .views-field.views-field-field-resource-link {
    position: relative;
}
/***MSFT user register page****/
 .page-user-register .user-register-form{
    max-width: 30vw;
    margin: 10vh auto;
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 20px 30px !important;
    border-radius: 10px;
	}
	
.page-user-register .user-register-form #edit-actions button,
#block-sonata-webform .btn-primary{
    font-size: 18px;
    margin-top: 15px;
    background-color: #FF000B;
    padding: 0.5vw 2vw;
    text-transform: uppercase;
    font-family: "Segoe-UI-Bold";
    border-color: transparent;
}
.page-user-register .user-register-form .description {
    font-size: 1.2em;
}
.alert-dismissible.show{opacity:1 !important;}
.alert-dismissible.show {font-size:18px !important; color:#000 !important;} 

/* newsletter changes */
.alert.alert-dismissible.alert-danger {
    display: none !important;
}
#quicktabs-tabpage-resources-4 .view.view-resources.view-id-resources,
#quicktabs-tabpage-resources-2 .view.view-resources.view-id-resources  {
    font-size: 020px;
    text-align: center;
}

.mstabs-nav li a.active {
  color: #ff0000 !important;
}


/* feed back form */
#content #block-sonata-webform-2 {
    position: relative;
    width: 100%;
    float:left;
    padding: 4% 6.8% 1%;
    flex-direction: column;
    background-color: #fff;
    margin-bottom:65px;
}
#block-sonata-webform .webform-submission-subscribe-form .btn-primary {
    margin-left: 80%;
}
#content #block-sonata-webform-2 h2{
  width: 20%;
  float: left;
  color: #000;
}
#content #block-sonata-webform-2 .content{
  width: 80%;
  float: right;
}
#content #block-sonata-webform-2 .col-auto {
    width: 50%;
    float: left;
    padding: 0 1vw 0;
}

#content #block-sonata-webform-2 .form-control {
    font-weight: 400;
    line-height: 1.5;
    background-color: transparent;
    border-bottom: 1px solid #A7A9AC !important;
    border-radius: 0;
    border: 0;
    outline: none;
    color: #A7A9AC;
    font-size: 1.05vw;
}
form .form-type-textarea{
  width: 90%;
  float: left;
}
#content #block-sonata-webform-2 .form-control{
  height: 60px;
}
#content #block-sonata-webform-2 #edit-actions {
  float: left;
  width: 100%;
  margin-top: 2%;
  margin-left: 2%;
}
#content #block-sonata-webform-2 #edit-actions button{
  font-size: 18px;
}
#content #block-sonata-webform-2 .form-no-label {
    width: 50%;
    float: left;
    padding: 0 1%;
}
#block-sonata-webform .btn-primary{
  margin-top: 0;
  font-size: 15px;
}
.webform-confirmation__message, .webform-confirmation__back {
    font-size: 18px;
}

@media only screen and (min-width: 1820px) {

.webform-confirmation__message, .webform-confirmation__back {
    font-size: 25px;
}

}