@font-face {
  font-family: "Open Serif Book";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSerif/OpenSerif-Regular.ttf");
}
html,
body {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  background: #f4efe6 !important;
  color: #4c2542 !important;
  padding: 0 !important;
  font-family: "Open Sans", sans-serif !important;
  position: relative !important;
  margin: 0 !important;
  height: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  /* -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
  touch-action: pan-x pan-y;
}
.navbar {
  background: #f4f0e6 !important;
  margin: 0 auto;
  padding: 0 54px !important;
  position: sticky;
  top: 0;
  z-index: 999;
}
.navbar .navbar-border {
  border-bottom: 1px solid #4c2542;
  padding: 2rem 0 !important;
}
.navbar .nav-link {
  font-size: 14px;
  font-weight: 600;
  color: #4c2542;
}
.navbar .nav-link:nth-last-child(1) {
  margin-right: 0 !important;
  margin-left: 2rem !important;
}

.page {
  height: 100vh;
  display: flex;
}
header {
  position: relative;
  z-index: 10;
}
.navbar-nav {
  align-items: center;
  position: relative;
}
.navbar .nav-link {
  margin-left: 1rem !important;
  padding: 0 !important;
}
.navbar-brand img {
  width: 65%;
}
a {
  text-decoration: none;
}
.page section {
  width: 100%;
}
.page1-para,
.page2-para,
.page4-para,
.page5-para,
.page7-para,
.engage-page1-para,
.engage-page1-inner-para,
.engage-page2-para,
.engage-page2-inner-para,
.engage-page3-para,
.engage-page3-inner-para,
.expertise-page1-para,
.expertise-page1-inner-para,
.services-page-para,
.expertise-page2-inner-para,
.people-page1-para {
  font-size: 20px !important;
  line-height: 30px !important;
}
.page1-para {
  width: 550px;
}
.page2-para {
  width: 755px;
}
.page4-para {
  width: 630px;
}
.page5-para {
  width: 720px;
}
.page7-para {
  width: 265px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  padding-right: 0 !important;
}
.engage-page1-para {
  width: 740px;
}
.engage-page1-inner-para {
  width: 595px;
}
.engage-page2-para,
.engage-page3-para {
  width: 660px;
}
.engage-page2-inner-para,
.engage-page3-inner-para {
  width: 830px;
}

.expertise-page1-para {
  width: 765px;
}
.services-page-para {
  margin: 36px 0;
}
.services-page .consult-btn {
  width: 70%;
}
.services-page .first-section .consult-btn{
  margin-bottom: 2rem;
}
.services-page .page2 .consult-btn,
.services-page .page3 .consult-btn,
.services-page .page4 .consult-btn,
.services-page .page5 .consult-btn,
.engage-page .page2 .consult-btn,
.engage-page .page3 .consult-btn,
.engage-page .page4 .consult-btn,
.engage-page .page5 .consult-btn,
.engage-page .page6 .consult-btn {
  margin-top: 60px;
  filter: grayscale(1);
  opacity: 0.4;
  width: 95%;
}
.services-page .page2 .consult-btn.active,
.services-page .page3 .consult-btn.active,
.services-page .page4 .consult-btn.active,
.services-page .page5 .consult-btn.active,
.engage-page .page2 .consult-btn.active,
.engage-page .page3 .consult-btn.active,
.engage-page .page4 .consult-btn.active,
.engage-page .page5 .consult-btn.active,
.engage-page .page6 .consult-btn.active {
  filter: grayscale(0);
  opacity: 1;
}
.services-page-content h2 {
  font-family: "Open Serif Book", serif;
  margin-bottom: 2.5rem;
  font-size: 22px;
  font-weight: 700;
  position: relative;
}
.services-page-content h2:before {
  content: "";
  /* width: 30px;
  background: #fa5c3c !important;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -6px !important; */
    width: 30px;
    background: #fa5c3c !important;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -4px;
}
.open-position-cyan-card h2:before{
  content: "";
  /* width: 30px;
  background: #fa5c3c !important;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -6px !important; */
    width: 30px;
    background: #fa5c3c !important;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -4px;
}
.services-page-content span {
  font-size: 16px;
  width: 80% !important;
  display: block;
}
.services-page .first-section .read-more {
  margin-top: 30px;
}
.services-page .carousel-inner {
  margin-bottom: 2rem;
}
.orange-text {
  font-size: 55px;
  color: #fa5c3c;
  line-height: 56px;
}
.quotes-div {
  margin-top: 10px;
}
.quotes {
  text-align: left;
  padding: 0;
  font-size: 55px !important;
  line-height: 65px;
  color: #fa5c3c;
  font-family: "Open Serif Book", serif;
  font-weight: 700;
}
.crown {
  position: absolute;
  left: 435px;
  top: -5rem;
  width: 80px;
}
.p-initial {
  position: initial !important;
}
.main {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.main section {
  overflow: hidden;
}
.main section.page1,
.main section.page2,
.main section.page3,
.main section.page4,
.main section.page5,
.main section.page6,
.main section.page7 {
  background: #f4efe6;
}
.page-content {
  padding: 0 3rem 0 16rem;
  height: calc(100vh - 108px);
}
.page-content h1 {
  text-align: left;
  padding: 0;
  margin: 60px 0 20px;
  font-size: 45px !important;
  line-height: 55px;
  color: #4c2542 !important;
  font-family: "Open Serif Book", serif;
  font-weight: 700;
}
.index-page .first-section h1 {
  margin: 60px 0 20px;
}
.page-content h1 span {
  display: block;
}
.main section.page4 h1 {
  margin: 2rem 0 1rem;
}
.main section.page2 h3 {
  text-align: left;
  padding: 0;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 30px;
  color: #4c2542;
  font-family: "Open Serif Book", serif;
  font-weight: 700;
}
.ml-auto {
  margin-left: auto !important;
}
.watch-story {
  margin-top: 2rem;
}
.watch-story a {
  color: #4c2542;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  margin-left: 0.5rem;
}
.pencil-banner {
  background: url(../images/pencil.svg);
  width: 350px;
  height: 410px;
  position: absolute;
  top: 65px;
  right: 9rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.stage-banner {
  background: url(../images/why-banner.svg);
  width: 250px;
  height: 250px;
  position: absolute;
  top: 10px;
  right: 16rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.how-banner {
  background: url(../images/how-banner.svg);
  width: 250px;
  height: 250px;
  position: absolute;
  top: 60px;
  right: 18rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.tango-banner {
  background: url(../images/tango.svg);
  width: 300px;
  height: 250px;
  position: absolute;
  top: 28%;
  right: 14rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.wave {
  opacity: 0.6;
}
.wave-1 {
  background: url(../images/wave-1.svg);
  width: calc(100% + 120px);
  height: 340px;
  position: absolute;
  bottom: 0;
  left: -60px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}
.wave-2 {
  background: url(../images/wave-2.svg);
  width: 100%;
  height: 240px;
  position: absolute;
  bottom: 0;
  right: -23rem;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}
.pattern {
  position: relative;
}
.green-dotted-pattern {
  background: url(../images/green-dotted-pattern.svg);
  width: 22px;
  height: 160px;
  position: absolute;
  bottom: 3rem;
  left: 54px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.green-arrow-pattern {
  background: url(../images/green-arrow-pattern.svg);
  width: 22px;
  height: 160px;
  position: absolute;
  bottom: 10rem;
  left: 9.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.orange-dotted-pattern {
  background: url(../images/orange-dotted-pattern.svg);
  width: 22px;
  height: 160px;
  position: absolute;
  bottom: 3rem;
  left: 54px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.orange-arrow-pattern {
  background: url(../images/orange-arrow-pattern.svg);
  width: 22px;
  height: 160px;
  position: absolute;
  bottom: 10rem;
  left: 9.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.green-card {
  background: #91d3d7;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 30px;
  border-radius: 10px;
  margin-top: 1.5rem;
}
.green-card-numbers {
  font-size: 26px;
  font-weight: 700;
}
.green-card-numbers-text span {
  display: block;
}
.br-2 {
  border-right: 2px solid #542a4c;
}
.p-relative {
  position: relative !important;
}
.page-3-content {
  text-align: center;
  margin-top: 6rem;
}
.page-3-content h6 {
  font-size: 20px;
  padding-top: 0.5rem;
  margin-left: 1.5rem;
  font-weight: 700;
}
.page-4-content h6 {
  font-family: "Open Serif Book", serif;
  font-weight: 700;
  color: #8d578a;
  font-size: 18px;
  line-height: 24px;
  margin-left: 50px;
  height: 34px;
}
.page-4-content {
  margin-top: 2rem;
  position: relative;
}

.page-4-content-number {
  color: #ff6f4d;
  font-weight: bold;
  font-family: "Open Serif Book", serif;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 0;
}
.page-4-details {
  margin-left: 50px;
  display: block;
  font-size: 16px;
}
.carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  background-color: #542a4c !important;
  border-radius: 50px !important;
  border: 0 !important;
}
.carousel-indicators {
  bottom: -30px !important;
}
.carousel {
  margin-top: 3rem;
  display: flex;
  align-items: center;
}
.carousel-content h4 {
  color: #542a4c;
  font-family: "Open Serif Book", serif;
  font-weight: bold;
  font-size: 26px;
}
.carousel-content h5 {
  color: #fa5c3c;
  font-family: "Open Serif Book", serif;
  font-weight: bold;
  margin: 1rem 0 2.5rem;
  font-size: 20px;
}
.carousel-content p {
  font-size: 16px !important;
  line-height: 23px !important;
  font-style: italic !important;
  width: 73% !important;
  color: #542a4c;
}
.carousel-item.active {
  background: transparent !important;
}
.contact-section {
  background: #91d3d7;
  padding: 4rem;
  border-radius: 10px;
  margin-top: 40px;
}
.contact-section .form-control {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #542a4c;
  border-radius: 0;
  height: calc(3.3rem + calc(var(--bs-border-width) * 2)) !important;
  padding-bottom: 3px !important;
}
.contact-section .form-control:focus,
.contact-section .form-select:focus {
  border-color: #552a4c !important;
  box-shadow: none !important;
}
.contact-section .form-select {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #552a4c !important;
  border-radius: 0 !important;
  height: calc(4.5rem + calc(var(--bs-border-width) * 2)) !important;
}
.form-floating > label {
  font-size: 15px !important;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  min-height: calc(4.5rem + calc(var(--bs-border-width) * 2)) !important;
}
.contact-section .form-control:focus {
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.contact-section .btn-primary,
.contact-section .btn-primary:hover {
  background: #542a4c;
  border: none !important;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 8px;
}
.contact-section .btn-secondary,
.contact-section .btn-secondary:hover {
  background: #fa5c3c;
  border: none !important;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 18px;
  margin-top: 55px !important;
  border-radius: 8px;
}
.contact-section h6 {
  font-size: 13px;
  line-height: 16px;
  padding: 1rem 0 0 0;
}
.contact-form {
  padding-right: 2rem;
}
.contact-section .form-floating > .form-control,
.contact-section .form-floating > .form-control-plaintext {
  padding: 0;
  font-size: 15px;
  font-weight: 500;
}
.contact-section .form-select {
  font-size: 15px !important;
}
.form-floating > label {
  padding: 1rem 0 !important;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: transparent !important;
}
.footer-menu {
  display: flex;
  padding: 0;
  margin-top: 3rem;
  justify-content: space-between;
}
.footer-menu li {
  /* width: 23%; */
  list-style-type: none;
  font-weight: 700;
  font-size: 15px;
}
.sub-footer-menu {
  padding: 0;
  margin-top: 1.5rem;
}
.sub-footer-menu li {
  width: 100%;
  list-style-type: none;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 6px;
}
.social {
  display: flex;
  padding: 0;
  margin-top: 1rem;
}
.social li {
  width: auto;
  margin-right: 0.3rem;
}
.social li img {
  width: 22px;
  height: 22px;
  margin: 0 !important;
}
.social-logo {
  width: 26px;
}
.arrow-up {
  transform: rotate(90deg);
}
.arrow-down {
  transform: rotate(270deg);
}
.pr-0 {
  padding-right: 0 !important;
}
.page-3-content {
  position: absolute;
}
.page-3-content img {
  width: 50px;
}
::marker {
  color: transparent !important;
}
#bookmark ul li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #48304c;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#bookmark li.nav-active {
  border: 1px solid #443b55;
  border-radius: 50px;
  position: relative;
  left: -6px;
  margin-bottom: 10px;
  width: 20px;
  height: 20px;
  top: -7px;
  padding: 3px;
}
#bookmark li.nav-active::before {
  width: 12px;
  height: 12px;
}
.scroll-button {
  position: fixed;
  bottom: 5rem;
  right: 2rem;
  width: 40px;
  height: 150px;
  background-color: transparent;
  border: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
}
.scroll-button .material-icons {
  color: #4c2542;
}
.scroll-button h6 {
  color: #4c2542;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: absolute;
  top: 0;
  font-size: 12px;
  letter-spacing: 2px;
}
.scroll-button:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}
.read-more h6 {
  color: #4c2542;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 0;
  font-weight: 700;
}
.read-more1 {
  margin-top: 16px;
}
.read-more1 h6 {
  color: #fa5c3c;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 0;
  font-weight: 700;
}
.engage-page .page2 .read-more h6,
.engage-page .page4 .read-more h6{
  font-weight: 600;
}
.read-more button,
.read-more1 button {
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
}
.read-more button:focus-visible,
.read-more1 button:focus-visible {
  outline: 0 !important;
}
.read-more img,
.read-more1 img {
  transform: rotate(270deg);
  position: relative;
  left: 30px;
  top: 0px;
  width: 6px;
}
.engage-page #page3 .read-more1 h6 {
  color: #fa5c3c;
}
.engage-page #page3 h1 {
  margin-bottom: 0;
}
.engage-page #page3 h4 {
  font-family: "Open Serif Book", serif;
  margin-bottom: 2rem;
}
.contact-section h6 a {
  color: #4c2542 !important;
  font-weight: 600 !important;
}
.scroll-button img {
  position: absolute;
  right: 15px;
  top: 65px;
}
.contact-section .form-select {
  padding-left: 0;
}
.web-d-none {
  display: none !important;
}
.readme-content .tab-content {
  width: 60%;
}
.engage-first-tabs,
.engage-second-tabs,
.expertise-first-tabs {
  margin: 0 !important;
  width: 40%;
}
.engage-first-tabs h5,
.engage-first-tabs span,
.expertise-first-tabs h5 {
  color: #4c2542;
  font-family: "Open Serif Book", serif;
}
.engage-first-tabs h5,
.expertise-first-tabs h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.stage-col h6,
.engage-second-tabs h6 {
  color: #4c2542;
  font-family: "Open Serif Book", serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.stage-col h6:nth-child(2) {
  margin-bottom: 0;
}
.submenu .active,
.submenu1 .active,
.tabs .active,
.tabs1 .active,
.tabs1_1 .active,
.tabs2 .active,
.tabs2_1 .active,
.tabs3 .active,
.tabs3_1 .active,
.tabs4 .active,
.tabs4_1 .active {
  background: transparent;
  border-left: 4px solid #fa5c3c !important;
  border: 0;
  border-radius: 0;
  width: 100%;
}
.engage-first-tabs .button,
.engage-second-tabs .button {
  margin: 0 0 3rem;
  padding: 0 10px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  border-radius: 0;
  width: 100%;
  opacity: 0.65 !important;
}
.services-tabs {
  margin-top: 4rem;
}
.expertise-first-tabs .button {
  margin: 0 0 2rem;
  padding: 0 10px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  border-radius: 0;
  width: 100%;
  opacity: 0.65 !important;
}
.engage-first-tabs .button.active,
.engage-second-tabs .button.active,
.expertise-first-tabs .button.active {
  opacity: 1 !important;
}
.engage-page .first-section .consult-btn {
  margin: 60px 0 20px;
  width: 90%;
}
.engage-page .page2 .page-content h1,
.engage-page .page3 .page-content h1,
.engage-page .page4 .page-content h1 {
  margin: 30px 0 32px;
}
.stage-col {
  margin-top: 80px !important;
  margin-bottom: 2rem;
}
.stage-col-left h1 {
  z-index: 9;
  color: #fff !important;
  position: absolute;
  width: 83px;
  height: 83px;
  text-align: center;
  font-size: 30px !important;
  top: -32px;
  left: -4px;
}
.stage-col-left img {
  width: 75px;
  height: 75px;
  position: absolute;
  background-repeat: no-repeat;
  top: -13px;
  background-size: contain;
  left: 0;
  z-index: 0;
}
.stage-col-left {
  position: relative;
}
.stage-col-right {
  margin-left: 85px;
}
.normal-mt-1rem {
  margin-top: 1rem !important;
}
.consult-btn:nth-child(1) {
  margin-top: 60px;
}
.consult-btn {
  background: #91d3d7 !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center;
  padding: 6px !important;
  margin-bottom: 1.5rem;
  border: 0 !important;
}
.consult-btn img {
  width: 50px;
}
.consult-btn h3 {
  font-family: "Open Serif Book", serif;
  font-weight: 700;
  color: #4c2542;
  margin-bottom: 0;
  line-height: unset;
  margin-left: 12px !important;
  font-size: 24px !important;
}
.expertise-animate-section {
  position: relative;
  background: url(../images/expertise/expertise-bg.png) no-repeat;
  background-size: contain;
  left: -100px;
}
.expertise-page .page2 .consult-btn:nth-child(1),
.expertise-page .page3 .consult-btn:nth-child(1),
.expertise-page .page4 .consult-btn:nth-child(1),
.expertise-page .page5 .consult-btn:nth-child(1) {
  margin-top: 2rem;
}
.expertise-page .page2 .consult-btn,
.expertise-page .page3 .consult-btn,
.expertise-page .page4 .consult-btn,
.expertise-page .page5 .consult-btn {
  filter: grayscale(1);
  opacity: 0.2;
}
.expertise-page .page2 .consult-btn.active,
.expertise-page .page3 .consult-btn.active,
.expertise-page .page4 .consult-btn.active,
.expertise-page .page5 .consult-btn.active {
  filter: grayscale(0);
  opacity: 1;
}
.expertise-page .article-active {
  width: 60%;
  font-size: 20px;
  line-height: 30px;
  font-style: italic;
}
.expertise-page .article-active p {
  margin-bottom: 2rem;
}
.expertise-page .page-content h1 {
  margin: 60px 0 20px;
}
.expertise-page .page1-para {
  width: 1000px;
}
.expertise-page .page-content h1 span {
  display: inline;
}
.expertise-page .page-content h1 span img {
  width: 100px;
}
.expertise-content {
  padding: 80px 100px 80px 135px;
  color: #f4efe6;
  height: 100%;
}
.expertise-content a {
  color: #542a4c;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
}
.expertise-content h5 {
  font-size: 26px;
  color: #ff6f4d;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 20px;
}
.expertise-content h1 {
  margin: 10px 0 40px !important;
  color: #542a4c !important;
}
.fullStack,
.cloud,
.iot,
.bigData,
.cyberRisk,
.hyperLedger,
.mlops,
.devops,
.finops {
  position: absolute;
  background: transparent;
  border: none;
}
.fullStack {
  top: 14rem;
  left: 14rem;
}
.cloud {
  top: 8rem;
  left: 28rem;
}
.iot {
  top: 21rem;
  left: 28rem;
}
.bigData {
  top: 14rem;
  left: 44rem;
}
.cyberRisk {
  top: 22rem;
  left: 60rem;
}
.hyperLedger {
  top: 18rem;
  left: 93rem;
}
.mlops {
  top: 7rem;
  left: 60rem;
}
.devops {
  top: 18rem;
  left: 74rem;
}
.finops {
  top: 5rem;
  left: 84.4rem;
}
.fullStack img,
.devops img,
.finops img {
  width: 100px;
}
.cloud img {
  width: 90px;
}
.bigData img {
  width: 115px;
}
.cyberRisk img,
.mlops img {
  width: 70px;
}
.hyperLedger img,
.iot img {
  width: 120px;
}
.fullStack,
.cloud,
.iot,
.bigData,
.cyberRisk,
.hyperLedger,
.mlops,
.devops,
.finops {
  animation: expertise-wave 2s ease-in-out infinite;
  animation-delay: calc(0.1s * var(--i));
  transition: all 1s;
}
@keyframes expertise-wave {
  00% {
    transform: translateY(0em);
  }
  60% {
    transform: translateY(-0.6em);
  }
  100% {
    transform: translateY(0em);
  }
}
.fullStack:hover,
.cloud:hover,
.iot:hover,
.bigData:hover,
.cyberRisk:hover,
.hyperLedger:hover,
.mlops:hover,
.devops:hover,
.finops:hover {
  animation: normal;
  animation-delay: 2s;
  transform: scale(1.1);
}
.expertise-dialog-fullStack,
.expertise-dialog-cloud,
.expertise-dialog-iot,
.expertise-dialog-bigData,
.expertise-dialog-mlops,
.expertise-dialog-cyberRisk,
.expertise-dialog-devops,
.expertise-dialog-finops,
.expertise-dialog-hyperLedger {
  width: calc(100vw - 200px);
  height: calc(100vh - 80px);
  left: 0;
  bottom: 0;
  top: 105px;
  right: 22.4%;
  position: absolute;
  transform: translateX(-100%) translateY(100%) translateZ(0) rotate(0)
    scale(1, 1);
  background: transparent
    linear-gradient(180deg, #f5f4f0 0%, #f4efe6 42%, #f4ead7 100%, #f0f0f0 100%)
    0% 0% no-repeat padding-box;
  transition-delay: 450ms;
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.expertise-dialog-fullStack.active,
.expertise-dialog-cloud.active,
.expertise-dialog-iot.active,
.expertise-dialog-bigData.active,
.expertise-dialog-mlops.active,
.expertise-dialog-cyberRisk.active,
.expertise-dialog-devops.active,
.expertise-dialog-finops.active,
.expertise-dialog-hyperLedger.active {
  visibility: visible;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100vw - 200px);
  height: calc(100vh - 80px);
  background: transparent
    linear-gradient(180deg, #f5f4f0 0%, #f4efe6 42%, #f4ead7 100%, #f0f0f0 100%)
    0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000005c;
  border-radius: 0px 20px 0px 0px;
  z-index: 99;
  transform: translateX(0) translateY(0) translateZ(0) rotate(0) scale(1, 1);
}
.leftIconDialog {
  cursor: pointer;
  transform: rotate(90deg) !important;
  width: 6px !important;
  height: 101px;
  position: absolute;
  /* filter: invert(1); */
  left: 100px;
  top: 41px;
  z-index: 0;
}
.yellow-circle {
  position: absolute;
  z-index: 0;
  width: 44px;
  top: 6.5rem;
  left: 31rem;
  z-index: -1;
}
.pink-circle {
  position: absolute;
  width: 65px;
  top: 10.5rem;
  left: 43rem;
  z-index: -1;
}
.hide {
  display: none !important;
}
.active {
  display: block;
}
.cursor-p {
  cursor: pointer;
}
.stage-col-inner p {
  font-size: 16px;
  margin-top: 20px;
}
.stage-col-inner span {
  font-size: 16px;
  font-style: italic;
  display: block;
  margin-top: 26px;
}
.how-col h6 {
  margin-bottom: 5px;
}
.how-col span {
  font-size: 16px;
  font-family: "Open Serif Book", serif;
}
.how-col {
  margin-left: 16px;
  position: relative;
}
.how-col:before {
  content: "";
  width: 4px;
  background: #fa5c3c !important;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
}
.pr-45px {
  padding-right: 45px !important;
}
.pr-60px {
  padding-right: 60px !important;
}
.pr-85px {
  padding-right: 85px !important;
}
.engage-page .page6 h1 {
  margin-top: 40px;
}
.other-links-content {
  height: calc(100vh - 360px);
  overflow: auto;
  padding-right: 60px;
  margin-right: 30px;
}
.other-links-content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 2.5rem;
}
.other-links-content::-webkit-scrollbar {
  width: 1em;
}
.other-links-content::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #542a4c;
  border-radius: 50px;
  background: #f4ead7;
}
.other-links-content::-webkit-scrollbar-thumb {
  background-color: #542a4c;
  outline: none;
  border-radius: 50px;
}
.other-links-content h3 {
  font-family: "Open Serif Book", serif;
  margin-bottom: 2.5rem;
  margin-top: 4rem;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.other-links-content h3:before {
  content: "";
  width: 30px;
  background: #fa5c3c !important;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -6px;
}
.impact-content {
  /* height: calc(100vh - 82px); */
  overflow-y: auto;
  margin-right: 30px;
}
 .impact-content-inner {
  height: calc(100vh - 82px);
  overflow-y: auto;
  margin-right: 30px;
}
.impact-content p {
  font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    padding-right: 60px;
}
.impact-content h3 {
  font-family: "Open Serif Book", serif;
  margin-bottom: 2rem;
  margin-top: 2rem;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.impact-content h3:before {
  content: "";
  width: 24px;
  background: #fa5c3c !important;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -10px;
}
.impact-page .no-border h2:before{
  width: 0;

}
.impact-page .no-border span{
  margin-bottom: 4rem;
  font-family: "Open Sans", sans-serif !important;
}
.impact-page .no-border .material-icons{
  margin: 0 !important;
  transform: rotate(180deg);
  width: 100% !important;
  text-align: left;
}
.impact-page .cyan-card .no-border span{
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif !important;
}
.impact-page .what-we-did-col .no-border span{
  margin-bottom: 0rem;
}
.impact-content-inner img{
  margin: 2rem 0 !important;
}
.impact-content-inner .material-icons img{
  margin: 0 !important;
}
.impact-content-inner .all-stories{
  display: flex;
  flex-direction: column;
}
.impact-page .thr-col{
  margin-top: 6rem;
  margin-bottom: 20px;
}
.impact-page .thr-col h2{
  min-height: 52px;
  /* height: auto; */
}
/* .impact-page .thr-col .horz-border{
  margin-bottom: 50px;
} */
.impact-page .thr-col .horz-border:before{
  content: "";
    width: 30px;
    background: #fa5c3c !important;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 28px;
}
.impact-content::-webkit-scrollbar,
.impact-content-inner::-webkit-scrollbar {
  width: 0;
}
.impact-page .how-col{
  margin-left: 0;
}
.impact-page .page-4-content-number {
  color: #ff6f4d;
  font-weight: bold;
  font-family: "Open Serif Book", serif;
  font-size: 24px !important;
  line-height: 24px;
  position: absolute;
  left: 0;
}
.impact-page .client-challenge span{
  margin-bottom: 30px;
}
 .impact-page .page-4-content h6 {
  font-size: 18px;
  line-height: 28px;
 }
 .impact-page .page-4-content-number { 
  font-size: 18px !important;
  /* line-height: 32px;  */
}
.impact-page .stage-col-inner.how-col h2{
  font-size: 18px;
  line-height: 28px;
}
 .impact-page .what-we-did-col .how-col:before{
  height: 27px;
 }
 .impact-page .what-we-did-col .stage-col-inner span {
  margin-top: 0px;
}
.impact-page .services-page-content .what-we-did-col  h2{
  margin-bottom: 1.5rem !important;
}
.services-page-content .what-we-did-col span {
  margin-bottom: 1rem;
}
.text-orange{
  color: #fa5c3c !important;
}
.impact-page .text-orange,
.impact-page .text-white{
  line-height: 24px;
}
.impact-page .read-more h6{
  font-weight: 600;
}
.impact-page .cyan-card{
  margin: 3rem 0 4rem;
  background: #91d3d7;
  padding: 3rem;
  border-radius: 10px;
}
.impact-fixed-header{
  /* display: flex; */
  width: 100%;
  justify-content: space-between;
  position: sticky;
  position: -webkit-sticky;
  top: -60px;
  background: #f4efe6;
  z-index: 9; 
  /* margin-bottom: 1rem; */
  /* height: 165px; */
}
 
.impact-page .impact-fixed-header.no-border  span {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif !important;
  height: 65px;
}
.impact-page .impact-fixed-header.no-border  .material-icons img {
transform: rotate(90deg);
margin-right: -16px !important;
}
.impact-page .services-page-content .results span {
  font-size: 17px;
  width: 100% !important;
}
.impact-page .services-page-content .results h2:before {
  content: "";
  left: 0%;
}
.impact-page .rounded-card h2{
  margin-top: 4rem;
}
.impact-page .rounded-card h3{
  margin-top: 4rem;
  padding: 0 2rem;
}
.impact-page .rounded-card h2:nth-child(1)::before{
  content: "";
  background: url(../images/header-active.svg) !important;
  width: 100%;
  background-repeat: no-repeat !important;
  height: 100px;
  position: absolute;
  top: -4rem;
  left: 29%;
}
.impact-page .keyTakeaway{
  margin: 5rem 0 3rem;
}
.impact-page .keyTakeaway h2{
  margin-bottom: 4rem;
}
.impact-page .keyTakeaway span{
  width: 100% !important;
  padding: 0 3rem;
}
.impact-page h3{
  font-family: "Open Serif Book", serif;
  margin-bottom: 2.5rem;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.impact-page .services-page-content .keyTakeaway h2,
.impact-page .services-page-content .results h2{
  width: max-content;
  margin-left: auto;
  margin-right: auto;

}
.impact-page .services-page-content .keyTakeaway h2:before {
  content: "";
  left: 0;
} 
.impact-page .rounded-card-orange{
  background: #FA5C3C;
  padding: 4rem 0 2rem;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 2rem;
}
.impact-page .rounded-card-orange h2:nth-child(1)::before{
  content: "";
  background: url(../images/header-active-white.svg) !important;
  width: 100%;
  background-repeat: no-repeat !important;
  height: 100px;
  position: absolute;
  top: -4rem;
  left: 25%;
  background-size: contain !important;
}
.impact-page .important-content span, .impact-fixed-header-subContent span{
  width: 96% !important;
  margin-left: 2px;
}
.impact-page .thr-col span{
  margin-left: 2px;
}
.impact-list{
  margin-top: 28px;
  list-style-type: disc !important;
  padding-left: 0;
}
.impact-list li{
  font-size: 18px;
  line-height: 28px;
  width: 90% !important;
}
.impact-page .impact-fixed-header h2{
  margin-bottom: 8px;
}
.impact-page .impact-fixed-header h2 p{
  margin-bottom: 0 !important;
}
.italic-text {
  font-style: italic;
}
.b-radius-0 {
  border-radius: 0 !important;
}
.expertise-applications {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
}
.expertise-applications:nth-child(1) {
  margin-top: 40px;
}
.expertise-applications-bg {
  width: 95px;
  height: 95px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0px 3px 6px #0000000f;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.expertise-applications-img {
  width: 100%;
  padding: 10px;
  border-radius: 20px;
}
.expertise-page .carousel-item img {
  width: 100%;
}
.expertise-carousel-control-prev-icon img {
  transform: rotate(90deg);
}
.expertise-carousel-control-next-icon img {
  transform: rotate(270deg);
}
.expertise-page .carousel-control-next {
  top: -100% !important;
}
.expertise-page .carousel-control-next {
  width: auto;
  right: 65px;
}
.expertise-page .carousel-control-prev {
  width: auto;
  left: 65px;
  top: -25px !important;
  display: none;
}
.dummy-circle {
  background: transparent;
  box-shadow: none;
}
.expertise-dotted-pattern {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 28px;
}
.expertise-arrow-pattern1 {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 45px;
}
.expertise-arrow-pattern2 {
  position: absolute;
  top: 104px;
  right: 83px;
  width: 45px;
}
.sub-footer-menu li a {
  color: #4c2542 !important;
  text-decoration: none;
}
.read-more1 a {
  text-decoration: none !important;
}
.contact-page .contact-section {
  margin-top: 40px;
}
.p-0 {
  padding: 0 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: transparent !important;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 2.625rem !important;
  padding-bottom: 0.625rem !important;
}
.contact-form .form-floating {
  height: 50px;
}
.quotes {
  display: none;
}
.engage-arrow h6 {
  color: #ff6f4d !important;
}
.response-modal,
.response-modal-other-pg {
  position: absolute !important;
}
.response-modal {
  margin-top: 48px;
}
.modal-dialog {
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: calc(var(--bs-gutter-x) * .5) !important;
  padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
.modal-dialog h1{
  text-align: center !important;
}
.modal-body{
  padding: 0 0 83px !important;
}
.modal-content{
  background: #91d3d7 !important;
  /* padding: 4rem; */
  border-radius: 10px !important;
  border: 0 !important;
}
.modal-header{
  border-bottom: 0 !important;
}
.modal-backdrop{
  background-color: transparent !important;
  --bs-backdrop-opacity: 0 !important;
}
.submitting-text{
  font-size: 20px !important;
  line-height: 30px !important;
}
.modal-dialog .btn-close{
  font-size: 18px;
  opacity: 1;
}
.services-page .first-section .page-content h1 {
  margin: 60px 0 20px;
}
.expertise-modal.modal.fade .modal-dialog {
  transform: translate(0, 50px) !important;
}
.expertise-modal.modal.show .modal-dialog {
  transform: none !important;
}
.expertise-modal .modal-dialog {
  position: absolute !important;
  bottom: 0;
}
.expertise-modal .modal-fullscreen {
  width: calc(100vw - 90px) !important;
  height: calc(100vh - 112px) !important;
  margin-left: 40px;
}
.expertise-modal .modal-dialog h1 {
  text-align: left !important;
}
.expertise-modal .modal-fullscreen .modal-body {
  overflow-y: hidden !important;
}
.expertise-modal .modal-content {
  background: transparent
    linear-gradient(180deg, #f5f4f0 0%, #f4efe6 42%, #f4ead7 100%, #f0f0f0 100%)
    0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 6px #0000005C;
}
.custom-tooltip{
  font-size: 14px !important;
  --bs-tooltip-bg: #542A4C !important;
  --bs-tooltip-color: var(--bs-white);
  opacity: 1 !important;
}
.form-response{
  visibility: hidden;
  display: block !important;
  position: absolute;
  top: 30px;
  width: 100%;
  left: 6px;
}
.contact-section{
  position: relative;
}
.response-animation {
  animation: fadeIn ease 2s; ;
}
.fadeout {
	animation: fadeOut ease 2s;
  animation-delay: 2s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		
	}
	100% {
		opacity: 0;
		
	}
}

.expertise-toggle:focus{
  outline: 0 !important;
  box-shadow: none !important;
}
.container.expertise-page{
  max-width: 100% !important;
}
.engage-page .page2 .stage-col {
  margin-top: 50px !important;
}
 


/* .impact-fixed-header {
  height: 80px; 
  position: sticky;
  -webkit-position: sticky;
  top: -16px; 
  z-index: 1;
  color: white;
  text-align: center;
  -webkit-backface-visibility: hidden;
} */

/* .impact-fixed-header::before,
.impact-fixed-header::after {
  content: '';
  display: block;
  height: 16px;
  position: sticky;
  -webkit-position: sticky;
} */
/* 
.impact-fixed-header::before {
  top: 170px; 
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

.impact-fixed-header::after {
  background: linear-gradient(white 10%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.4) 70%, transparent);
  top: 190px;
  z-index: 2;
} */

.impact-fixed-header >.d-block {
  /* background: orange; */
  height: 170px;
  /* padding: 20px; */
  position: sticky;
  -webkit-position: sticky;
  top: 0px;
  /* margin-top: -16px; */
  z-index: 3;
  /* width: 100%; */
}
.header-shadow{
  box-shadow:0px 20px 26px -25px rgba(127, 137, 161, 0.3);
}
/* .pxc-content{
  height: 190px;
}
.qc-content{
  height: 180px;
} */
.justify-content-between{
  justify-content: space-between !important;
}
.iso-image img{
  width: 120px;
  height: 120px;
}
.impact-page .impact-content-inner,
.impact-page .impact-content{
  /* margin-top: 30px; */
  margin-top: 0;
}
.impact-page .impact-content-inner {
  /* height: calc(100vh - 136px) !important; */
  height: calc(100vh - 89px) !important;
  padding-top: 60px;
}
.technologies{
  margin-top: 5rem !important;
}
/* .technologies h6{
  display: flex;
} */
.technologies h2{
  margin-bottom: 3rem !important;
}
.chips{
  background: #eee;
    border-radius: 50px;
    border: 1px solid #4c2542;
    line-height: normal;
    margin: 0 2rem 2rem 0;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
    padding: 0 20px;
    width: max-content;
    color: #4c2542;
    font-weight: 600;
    font-family: 'Open Sans';
    display: inline-table;
}
.chips-ul{
  padding-left: 0;
}
.chips-container{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-right: auto;
  margin-left: auto;
}
.impact-page .chips-container  .page-4-content-number {
  left: 8px !important;
}
.btn-open-positions{
  background: #ee5a39;
  border: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border-radius: 8px;
  color: #fff;
  margin: 3rem 0 1rem !important;
  text-transform: uppercase;
}
.people-content .thr-col h2{
    min-height: 80px !important;
}
.testimonial-block .content img{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	margin: 0 !important;
	margin-right: 12px !important;
}
.testimonial-block .inner-box .content .author-info {
  position: relative;
font-family: "Open Serif Book", serif;
  font-weight: 700;
  color: #8d578a;
  font-size: 20px;
  /* line-height: 24px;
  height: 34px; */
}
.testimonial-block .inner-box .content span {
  position: relative;
  color: #e36a48;
  font-size: 16px;
  font-style: italic;
white-space: nowrap;
}
.iso-image img{
  margin: 0 !important;
}
.footer-locations {
  display: flex;
  gap: 2rem;
  font-size: 14px;
  margin-bottom: 2rem;
  flex-direction: row;
}
.location-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.footer-menu .location-logo {
  width: 30px;
  margin: 2px 10px 0 0 !important;
  height: auto;
}
.addresses p{
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
    line-height: 24px;
    white-space: pre;
}
.addresses p:first-child{
font-weight: 600;
}
.footer-menu li:first-child{
  width: 52%;
}
.copy-right-w100{
  width: 100% !important;
  display: block;
}
.addresses span{
  font-weight: 400;
}
.addresses span p:first-child{
  font-weight: 400;
}
.impact-wwd-content span{
  width: 96% !important;
}
.addresses span p{
  padding-right: 10px;
}
/* Media Query */
/* phone */
/* @media only screen and (min-device-width: 375px) and (max-device-width: 767.98px) { */
@media (max-width: 767.98px) {
  body, html{
    overflow-y: auto !important;
  }
  .expertise-modal .modal-fullscreen {
    width: 91vw !important;
    height: 85% !important;
    margin-left: 2.5rem;
  }
  .engage-slide-inner .stage-col-left img {
    top: -27px;
    left: -70px;
  }
  .service-slide,
  .engage-slide {
    margin-top: 0px !important;
  }
  .service-slide-item,
  .engage-slide-item {
    margin-bottom: 15px;
  }
  .form-response .text-center h1{
    font-size: 26px !important;
    margin-top: 200px !important;
  }
  .form-response p { 
    width: 90% !important;
  }
  .mob-d-block {
    display: block !important;
  }
  .mob-d-none {
    display: none !important;
  }
  .mob-2col {
    width: 50% !important;
    display: flex;
    justify-content: flex-start;
  }
  .mob-mt-5rem {
    margin-top: 5rem !important;
  }
  .mob-mt-40px{
    margin-top: 40px !important;
  }
  .mob-mt-5rem{
    margin-top: 5rem !important;
  }
  /* body,
  html {
    overflow: auto !important;
    overflow-x: hidden !important;
  } */
  .quotes {
    font-family: "Noto Serif Georgian", serif !important;
    font-size: 40px !important;
    line-height: 54px;
    min-height: 110px;
  }
  #toggle {
    width: 28px;
    height: 30px;
    margin: 10px auto;
    position: absolute;
    right: 24px;
    top: 16px;
    z-index: 999;
  }
  #toggle div {
    width: 100%;
    height: 4px;
    background: #4c2542;
    margin: 5px auto;
    transition: all 0.3s;
    border-radius: 10px;
  }
  #toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
  }
  #toggle.on .two {
    opacity: 0;
  }
  #toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
  }
  .navbar {
    position: fixed !important;
    top: 0;
    margin: 0;
    padding: 0 24px 0 !important;
    flex-wrap: nowrap !important;
    width: 100%;
  }
  .navbar-nav {
    align-items: start !important;
    padding-left: 0 !important;
    padding-top: 20px;
    border-top: 1px solid #4c2542;
    margin-top: 14px;
  }
  .navbar-nav a:last-child {
    margin-bottom: calc(100vh - 352px);
  }
  .navbar .navbar-border {
    display: block !important;
    padding: 16px 0 !important;
  }
  .nav-link svg {
    display: none;
  }
  .nav-link--active {
    color: rgb(250, 92, 60) !important;
  }
  .navbar-toggler {
    float: right;
    border: 0 !important;
  }
  .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .navbar-toggler-icon {
    background-image: url(../images/hamburger.svg) !important;
    height: 10rem !important;
    width: 28px !important;
  }
  .nav-link.active::before {
    background: transparent !important;
  }
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: rgb(227 106 72) !important;
  }
  .navbar .nav-link {
    margin-left: 0.5rem !important;
    padding: 0 !important;
    text-align: left !important;
    margin: auto;
    margin-top: 2rem;
    font-size: 18px !important;
    height: 50px;
    width: 100%;
  }
  .navbar .nav-link:nth-last-child(1) {
    text-align: left !important;
    margin-left: 0.5rem !important;
  }
  .onepage-pagination,
  .downIcon {
    display: none;
  }
  .mob-mt-0 {
    margin-top: 0 !important;
  }
  .wave-1 {
    left: 0;
  }
  .wave-2 {
    right: 0;
    background-position: bottom;
  }
  .page-content {
    padding: 40px 18px;
  }
  .page-3-content {
    text-align: center;
    margin-top: 30px;
  }
  .main section.page1 h1,
  .main section.page2 h1,
  .main section.page3 h1,
  .main section.page4 h1,
  .main section.page5 h1,
  .main section.page6 h1,
  .main section.page7 h1 {
    margin: 2rem 0 32px;
    font-size: 32px;
    line-height: 42px;
  }
  .page-content h1, .page1 h1 {
    font-family: "Noto Serif Georgian", serif !important;
    font-size: 30px !important;
    line-height: 40px;
    margin-bottom: 22px !important;
  }
  .page-content .orange-text {
    font-size: 40px !important;
    line-height: 50px;
  }

  .carousel-content h5 {
    margin: 8px 0 16px;
  }
  .page-content h1 span {
    display: block;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .page7-para,
  .engage-page1-para,
  .engage-page1-inner-para,
  .engage-page2-para,
  .engage-page2-inner-para,
  .engage-page3-para,
  .engage-page3-inner-para,
  .expertise-page1-para,
  .services-page-para,
  .expertise-page3-para,
  .expertise-page4-para,
  .expertise-page .article-active p {
    width: auto;
    font-size: 16px;
    line-height: 25px;
  }
  .page1 h1,
  .page2 h1,
  .page4 h1,
  .page5 h1,
  .page6 h1,
  .page7 .contact-section,
  .page7 .footer-menu {
    margin-top: 5rem !important;
  }
  .page3 h1 {
    margin-top: 22px !important;
  }
  .engage-page .page2 .stage-col-left h1 {
    margin-top: 7.5rem !important;
  }
  .engage-page .why-content .stage-col-left h1 {
    top: -18px;
  }
  .stage-col-right {
    margin-bottom: 3rem;
  }
  .why-scroll,
  .how-scroll {
    display: flex;
    min-height: 330px;
    overflow: scroll;
  }
  .why-content,
  .how-content {
    min-width: 100%;
    margin-top: 10rem;
  }
  .why-scroll::-webkit-scrollbar,
  .how-scroll::-webkit-scrollbar {
    display: none;
  }
  .company-imgs {
    display: flex;
    justify-content: space-between;
    height: 300px;
    overflow: scroll;
  }
  .consult-scroll,
  .design-scroll,
  .develop-scroll,
  .manage-scroll {
    display: flex;
    justify-content: space-between;
    height: 190px;
    overflow: scroll;
  }
  .company-imgs {
    flex-wrap: wrap;
  }
  .consult-content,
  .design-content,
  .develop-content,
  .manage-content {
    min-width: 100%;
  }
  .company-imgs::-webkit-scrollbar,
  .consult-scroll::-webkit-scrollbar,
  .design-scroll::-webkit-scrollbar,
  .develop-scroll::-webkit-scrollbar,
  .manage-scroll::-webkit-scrollbar {
    display: none;
  }
  .imgs {
    width: 28%;
  }
  .mob-moveDown {
    padding: 15px;
    text-align: center;
    margin-top: 4rem;
    z-index: 20;
  }
  .chevron-down {
    width: 40px;
    height: 40px;
    padding: 6px;
    border-radius: 50%;
    position: relative;
  }
  .client-content img:not(.chevron-down) {
    vertical-align: middle;
    width: 100px;
    height: 80px !important;
    object-fit: contain;
    padding: 10px;
    margin-bottom: 5rem;
    background: rgb(255 255 255 / 65%);
    box-shadow: 0px 3px 6px #0000000f;
    border-radius: 10px;
  }
  .company-slide .company-slide-inner,
  .mob-company-slide .company-slide-inner,
  .client-content .leftIcon,
  .client-content .rightIcon {
    background: transparent !important;
    box-shadow: none !important;
  }
  .owl-carousel .owl-item img {
    width: 100% !important;
    margin-top: 50px;
  }
  .green-dotted-pattern,
  .green-arrow-pattern,
  .pencil-banner,
  .orange-dotted-pattern,
  .orange-arrow-pattern {
    display: none !important;
  }
  .wrapper {
    height: calc(100% - 87px) !important;
  }
  .jos {
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
  }
  .onepage-wrapper .section {
    display: contents;
  }
  .disabled-onepage-scroll .onepage-wrapper {
    min-height: auto !important;
  }
  .onepage-wrapper,
  .expertise-page {
    height: 100% !important;
    display: contents;
  }
  .onepage-wrapper .first-section .page-content {
    margin-top: 100px;
  }
  .engage-page .page2 .page-content {
    margin-top: 0px;
  }
  .engage-page .page3 .page-content,
  .engage-page .page4 .page-content,
  .engage-page .page5 .page-content,
  .engage-page .page6 .page-content {
    margin-top: 0px;
  }
  .engage-page .stage-col {
    margin-top: 0 !important;
  }
  .mob-mb-30px {
    margin-bottom: 30px !important;
  }
  .mob-mb-50px {
    margin-bottom: 50px !important;
  }
  .mob-mb-70px {
    margin-bottom: 70px !important;
  }
  .mob-mw-50 {
    max-width: 50% !important;
  }
  .mob-mw-60 {
    max-width: 60% !important;
  }
  .mob-pr-0 {
    padding-right: 0 !important;
  }
  .stage-col-left h1 {
    top: -21px;
  }
  .watch-story {
    margin-top: 3rem;
  }
  .green-card-numbers-text span {
    display: inline;
  }
  .green-card .br-2 {
    border: none;
  }
  .mob-py-20px {
    padding: 20px 0;
  }
  .mob-pr-0 {
    padding-right: 0;
  }
  .carousel-item img {
    margin: auto;
    width: 40%;
  }
  .expertise-page .carousel-item img {
    margin: auto;
    width: 100% !important;
  }
  .expertise-page .page-content {
    margin-top: 90px;
  }
  .impact-page .page-content {
    margin-top: 60px;
  }
  .services-page-content span {
    width: 100% !important;
  }
  .carousel-item .carousel-content {
    text-align: center;
    margin-top: 2.5rem;
  }
  .carousel-item .carousel-content p {
    width: 100% !important;
    margin-top: 1rem !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 10px;
  }
  .contact-section {
    padding: 7rem 4rem;
  }
  .index-page .contact-section {
    margin-top: 62px;
  }
  .contact-section h6 {
    padding-right: 0;
  }
  .contact-section .btn-secondary,
  .contact-section .btn-secondary:hover {
    margin-top: 2rem !important;
    margin-bottom: 3rem;
  }
  .contact-form {
    padding-right: 0 !important;
  }
  .contact-form .btn {
    margin-top: 5rem !important;
  }
  .contact-form .form-floating > label {
    top: 5px;
  }
  .contact-section .form-control {
    height: calc(3.3rem + calc(var(--bs-border-width) * 29)) !important;
  }
  .contact-section .form-select {
    height: calc(3.3rem + calc(var(--bs-border-width) * 29)) !important;
  }
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown),
  .form-floating > .form-control:focus,
  .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 25px !important;
    padding-bottom: 0.625rem !important;
  }
  .footer-menu {
    display: block;
  }
  .footer-menu li {
    width: 100%;
    margin-top: 18px;
  }
  .footer-menu li ul li {
    width: 100%;
    margin-top: 0rem;
  }
  .sub-footer-menu {
    margin-top: 0.5rem;
  }
  .social li {
    width: auto !important;
  }
  .page,
  .page-content {
    height: max-content !important;
  }

  .index-page .page-content {
    height: max-content !important;
    min-height: calc(100vh - 100px);
  }
  .page-3-content {
    position: relative;
  }
  .page3 .col {
    width: 50% !important;
    min-width: 50% !important;
    display: flex;
    justify-content: space-around;
  }
  .page-3-content img {
    width: 80px;
  }
  .page-3-content img {
    width: 40px;
  }
  .page-3-content h6 {
    font-size: 16px;
  }

  .page5 .page-content .mt-4,
  .page4 .page-content .mt-4 {
    margin-top: auto !important;
  }
  .page-4-content h6 {
    height: auto !important;
    font-family: "Noto Serif Georgian", serif;
  }
  .page-4-content {
    margin-top: 2rem;
  }
  .page-4-content-number {
    font-size: 24px;
    font-family: "Noto Serif Georgian", serif;
  }
  .carousel-content h4,
  .carousel-content h5 {
    font-family: "Noto Serif Georgian", serif;
  }
  #bookmark,
  #scrollButton {
    display: none !important;
  }
  .social li img {
    margin-right: 1rem;
  }
  .expertise-page .page1-para {
    width: auto;
  }
  .fullStack {
    top: 100px;
    left: 0px;
  }
  .cloud {
    top: 30px;
    left: 55px;
  }
  .iot {
    top: 188px;
    left: 45px;
  }
  .bigData {
    top: 115px;
    left: 100px;
  }
  .mlops {
    top: 30px;
    left: 170px;
  }
  .cyberRisk {
    top: 210px;
    left: 165px;
  }
  .devops {
    top: 130px;
    left: 205px;
  }
  .finops {
    top: 30px;
    left: 255px;
  }
  .hyperLedger {
    top: 200px;
    left: 245px;
  }

  .leftIconDialog {
    left: 40px;
    top: -7px;
  }
  .expertise-content {
    padding: 30px 30px 30px 70px;
  }
  .expertise-page .page-content h1 {
    margin: 20px 0 20px;
  }
  .expertise-page .page-content h1 span img {
    width: 60px;
  }
  .expertise-dialog-fullStack,
  .expertise-dialog-cloud,
  .expertise-dialog-iot,
  .expertise-dialog-bigData,
  .expertise-dialog-mlops,
  .expertise-dialog-cyberRisk,
  .expertise-dialog-devops,
  .expertise-dialog-finops,
  .expertise-dialog-hyperLedger {
    width: auto;
    height: auto;
    left: 0;
    bottom: 0;
    top: 105px;
    right: 22.4%;
    position: absolute;
    transform: translateX(-100%) translateY(100%) translateZ(0) rotate(0)
      scale(1, 1);
    background: transparent
      linear-gradient(
        180deg,
        #f5f4f0 0%,
        #f4efe6 42%,
        #f4ead7 100%,
        #f0f0f0 100%
      )
      0% 0% no-repeat padding-box;
    transition-delay: 450ms;
    transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .fullStack img {
    width: 50px;
  }
  .cloud img {
    width: 62px;
  }
  .mlops img {
    width: 50px;
  }
  .devops img {
    width: 55px;
  }
  .iot img {
    width: 80px;
  }
  .bigData img,
  .finops img {
    width: 60px;
  }
  .cyberRisk img {
    width: 40px;
  }
  .hyperLedger img {
    width: 70px;
  }
  .yellow-circle {
    width: 32px;
    top: 15px;
    left: 79px;
  }
  .pink-circle {
    width: 44px;
    top: 87px;
    left: 93px;
  }
  .expertise-dialog-fullStack.active,
  .expertise-dialog-cloud.active,
  .expertise-dialog-iot.active,
  .expertise-dialog-bigData.active,
  .expertise-dialog-mlops.active,
  .expertise-dialog-cyberRisk.active,
  .expertise-dialog-devops.active,
  .expertise-dialog-finops.active,
  .expertise-dialog-hyperLedger.active {
    width: calc(100vw - 20px);
    position: fixed;
  }
  .expertise-applications {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
  }
  .expertise-applications:nth-child(1) {
    margin-bottom: 0;
  }
  .expertise-applications-bg {
    width: 45px;
    height: 45px;
    padding: 4px;
    margin-bottom: 30px;
    margin-right: 5px;
  }
  .expertise-dotted-pattern {
    top: 67px;
    width: 25px;
  }
  .expertise-arrow-pattern1 {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
  }
  .expertise-arrow-pattern2 {
    position: absolute;
    top: 50px;
    right: 53px;
    width: 28px;
  }
  .expertise-animate-section {
    position: relative;
    background: url(../images/expertise/expertise-bg.svg) no-repeat;
    left: 0px;
    background-size: 668px 297px;
    margin-top: 0px;
    height: 300px;
    background-position: top;
  }
  .expertise-page .first-section {
    height: 100% !important;
  }
  .services-page .consult-btn,
  .engage-page .consult-btn {
    width: 45%;
    float: left;
    margin: 0 0 20px;
  }
  .services-page .first-section .consult-btn,
  .engage-page .first-section .consult-btn {
    margin: 6px;
  }
  .services-page-content h2 {
    margin-bottom: 5rem;
    font-family: "Noto Serif Georgian", serif;
  }
  .stage-col h6,
  .engage-second-tabs h6 {
    font-family: "Noto Serif Georgian", serif;
  }
  .services-page .page2 .consult-btn,
  .services-page .page3 .consult-btn,
  .services-page .page4 .consult-btn,
  .services-page .page5 .consult-btn,
  .engage-page .page2 .consult-btn,
  .engage-page .page3 .consult-btn,
  .engage-page .page4 .consult-btn,
  .engage-page .page5 .consult-btn,
  .engage-page .page6 .consult-btn {
    margin-top: 0;
  }
  .services-page .consult-btn h3,
  .engage-page .first-section .consult-btn h3 {
    font-size: 20px;
    font-family: "Noto Serif Georgian", serif;
  }
  .services-page .consult-btn img,
  .engage-page .first-section .consult-btn img {
    width: 30px !important;
  }
  .engage-page .consult-btn img {
    width: 30px !important;
  }
  .services-page .page2 .consult-btn:nth-child(3),
  .services-page .page2 .consult-btn:nth-child(4) {
    margin-top: 0 !important;
  }
  .privacy-page .page-content h1,
  .terms-page .page-content h1,
  .accessibility-policy-page .page-content h1,
  .cookie-policy-page .page-content h1 {
    margin: 22px 0;
  }
  .privacy-page,
  .terms-page,
  .accessibility-policy-page,
  .cookie-policy-page {
    min-height: calc(100vh - 82px);
    overflow: hidden;
  }
  .cookie-policy-page section,
  .privacy-page section,
  .terms-page section,
  .accessibility-policy-page section {
    margin-top: 82px;
  }
  .other-links-content {
    height: calc(100vh - 240px);
    padding-right: 10px;
    margin-right: 10px;
  }
  .other-links-content h3 {
    margin-bottom: 6rem;
    margin-top: 10rem;
  }
  .mob-mt-10px {
    margin-top: 10px !important;
  }
  .mob-mt-7 {
    margin-top: 7rem !important;
  }
  .mob-mb-3rem {
    margin-bottom: 3rem;
  }
  .mob-mb-5rem {
    margin-bottom: 5rem;
  }
  .engage-page .why-content h6,
  .engage-page .how-content h6 {
    font-family: "Open Serif Book", serif;
    font-size: 20px;
    font-weight: 700;
    position: relative;
  }
  .contact-page {
    margin-top: 4rem;
  }
  .expertise-page .carousel-control-prev {
    left: 10px;
  }
  .form-response {
    height: 150px;
    margin-top: 16px;
  }
  .form-response p {
    width: 100%;
  }
  .impact-content p { 
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
}
.impact-page .services-page-content span {
  font-size: 16px; 
}
.impact-fixed-header{
  position: relative;
  /* margin-top: 90px; */
}
.impact-content-inner .read-more img{
  top: -10px;
}
.impact-content-inner .read-more img{
  left: 18px;
}


.impact-content, .impact-content-inner {
  /* height: calc(100vh - 90px); */
  overflow: auto;
}
.impact-content-inner{
  height: auto !important;
}
.impact-content-inner .read-more{
  position: absolute;
    right: 0;
    top: -6px 
}
.impact-page .read-more h6 {
  font-size: 12px;
}
.impact-page .impact-fixed-header.no-border span {
  height: 45px;
}
.impact-page .impact-fixed-header.no-border .material-icons img {
  margin-right: -42px !important;
}
.impact-page .thr-col h2{
  min-height: auto;
}
.impact-page .services-page-content .what-we-did-col span {
  width: calc(100% - 50px) !important;
}
.impact-page .services-page-content .how-col span {
  width: 100% !important;
}
.impact-page .important-content{
  margin-left: 50px;
}
/* .impact-page h2{
  margin-top: 4rem;
} */
.impact-content, .impact-content-inner{
  overflow-x: hidden;
}
.impact-page .page-4-content-number{
  top: 6px;
}
.impact-page .cyan-card {
  margin: 8rem 0;
}
.impact-page .cyan-card .how-col:before,
.mob-thr-col-border .how-col:before {
  content: "";
  left: 4px;
}
.impact-page .cyan-card .no-border h2,
.impact-page .mob-thr-col-border .no-border h2{
  margin-top: 0;
  margin-left: 10px;
}
 
.impact-page .services-page-content .results h2:before {
  content: "";
  left: 0;
}
.impact-page .rounded-card h2:nth-child(1)::before {
  content: "";
  width: 100px;
  background-repeat: no-repeat !important;
  height: 100px;
  position: absolute;
  top: -2rem;
  left: 34%;
  background-size: contain !important;
}
.impact-page .rounded-card h3 {
  margin: 6rem 0 8rem;
}
.impact-page .services-page-content .keyTakeaway h2:before{
  left: 0%;
}
/* .mob-four-rows .impact-fixed-header{
  height: 200px;
}
.mob-six-rows .impact-fixed-header{
  height: 285px;
} */
.impact-fixed-header >.d-block{
  height: auto !important;
}
.services-page .first-section .page-content h1,
.expertise-page .first-section .page-content h1,
.engage-page .first-section .page-content h1{
  margin-top: 0 !important;
}
/* .impact-page .page-content {
  height: 100vh !important;
  margin-top: 0 !important;
} */
.why-stage .stage-tab .stage-col-left h1{
  top: 0 !important;
}
.impact-page .impact-content-inner, .impact-page .impact-content {
  margin-top: 0;
}
.impact-page .impact-content-inner{
  height: auto !important;
  margin-top: 0 !important;
  padding-top: 0;
}
.chips{
  /* display: block; */
  margin-bottom: 12px;
  /* margin-left: 46px; */
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  width: fit-content;
  border-radius: 20px;
}
.chips-ul {
  margin: 2rem 0 4rem 0;
}
.impact-page .thr-col .horz-border:before{
  content: "";
  bottom: -4px;
}
.impact-fixed-header-subContent .no-border .d-block h2 p{
  display: inline !important;
}
.people-content .thr-col h2{
  min-height: auto !important;
}
.btn-open-positions.mt-3{
  margin-top: 5rem !important;
}
.people-content h2{
  margin-bottom: 2rem !important;
}
.testimonial-block .inner-box{
  width: 100% !important;
}
.impact-page .people-content .impact-content-inner,
.impact-page .impact-content-inner{
    height: auto !important;
}
.footer-locations{
  flex-direction: column;
  margin-top: 12px;
}
.footer-menu li:first-child{
  width: 100%;
}
.iso-image img {
  width: 90px;
  height: 90px;
}
}
/* ipad */
@media (min-width: 768px) and (max-width: 991.98px) {
  .page-content {
    padding: 0 3rem 0 13rem;
    height: calc(100vh - 200px);
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .contact-page .page-content,
  .last-section .page-content,
  .expertise-page .page-content
  {
    display: flex;
      justify-content: center;
      flex-direction: column;
  }
  .expertise-animate-section.container{
    min-height: 350px;
  }
  .tab-fsc-h350px{
    min-height: 450px;
  }

  
  .contact-page .page-content,
  .last-section .page-content,
  .expertise-page .page-content
  {
    display: flex;
      justify-content: center;
      flex-direction: column;
  }
  .expertise-animate-section.container{
    min-height: 350px;
  }

  .expertise-modal .modal-fullscreen {
    width: 93.2vw !important;
    height: 85% !important;
    margin-left: 2.5rem;
  }
  .tab-w-50 {
    width: 50% !important;
  }
  .tab-w-75 {
    width: 75% !important;
  }
  .tab-w-80 {
    width: 80% !important;
  }
  .tab-w-90 {
    width: 90% !important;
  }
  .tab-w-100 {
    width: 100% !important;
  }
  .tab-d-none {
    display: none !important;
  }
  .tab-d-block {
    display: block !important;
  }
  .pencil-banner {
    display: none;
    top: 400px !important;
    position: absolute;
    left: 10rem;
  }
  .tab-2col {
    width: 50% !important;
    display: flex;
    justify-content: flex-start;
  }
  .page-content h1 {
    margin: 0 0 24px !important;
  }
  .index-page .scale-section .page-content h1 {
    margin: 0 0 12px 0;
  }
  .submit-btn-wrapper{
    margin: 25px 0 15px !important;
  }
  #toggle {
    width: 34px;
    height: 36px;
    margin: 10px auto;
    position: absolute;
    right: 4rem;
    top: 20px;
    z-index: 999;
  }
  #toggle div {
    width: 100%;
    height: 6px;
    background: #4c2542;
    margin: 3px auto;
    transition: all 0.3s;
    border-radius: 10px;
  }
  #toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
  }
  #toggle.on .two {
    opacity: 0;
  }
  #toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
  }

  .navbar-brand img {
    width: 35%;
  }
  .navbar {
    position: fixed !important;
    top: 0;
    margin: 0;
    padding: 0 4rem 0 !important;
    flex-wrap: nowrap !important;
    width: 100%;
  }
  .navbar .navbar-border {
    display: block !important;
    padding: 16px 0 !important;
  }
  .navbar-toggler {
    float: right;
    border: 0 !important;
  }
  .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .navbar-toggler-icon {
    background-image: url(../images/hamburger.svg) !important;
    width: 28px !important;
    height: 7rem !important;
  }
  .nav-link.active::before {
    background: transparent !important;
  }
  .navbar-nav {
    align-items: start !important;
    padding-left: 0 !important;
    padding-top: 20px;
    border-top: 1px solid #4c2542;
  }
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: rgb(227 106 72) !important;
  }
  .navbar-nav a:last-child {
    margin-bottom: calc(100vh - 335px);
  }
  .navbar .nav-link:nth-last-child(1) {
    margin-left: 0.5rem !important;
  }
  .navbar-collapse {
    margin: 24px 0 !important;
  }
  .navbar .nav-link {
    margin-left: 0.5rem !important;
    padding: 0 !important;
    text-align: left !important;
    margin: auto;
    margin-top: 2rem;
    font-size: 22px !important;
    height: 70px;
    width: 100%;
  }
  /* .navbar .nav-link:nth-child(6) {
    display: none !important;
  } */
  .nav-link svg {
    display: none;
  }
  .nav-link--active {
    color: rgb(250, 92, 60) !important;
  }
  .onepage-pagination,
  .downIcon {
    display: none;
  }
  .onepage-wrapper,
  .expertise-page,
  .privacy-page,
  .terms-page,
  .impact-page {
    margin-top: 90px;
  }
  .orange-text {
    font-size: 54px;
    line-height: 70px;
    /* font-size: 44px; */
    /* line-height: 55px; */
  }
  .content__container {
    position: relative;
    height: 70px;
    overflow: hidden;
  }
  .page-content {
    padding: 2rem 3rem 0 8.5rem !important;
  }
  .page-content h1 span {
    display: block;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .page7-para {
    width: auto;
  }
  .green-arrow-pattern,
  .orange-arrow-pattern {
    bottom: 18rem;
    left: 6.5rem;
    width: 35px;
    height: 155px;
    display: none;
  }
  .green-dotted-pattern,
  .orange-dotted-pattern {
    bottom: 8rem;
    width: 35px;
    height: 155px;
    left: 1rem;
    display: none;
  }
  .page-4-content h6 {
    height: auto;
  }
  .page-4-content {
    margin-top: 3.5rem;
  }
  .scroll-button {
    bottom: 15rem !important;
  }
  .green-card .tab-br-0 {
    border-right: 0 !important;
  }
  .green-card .tab-bb-2 {
    border-bottom: 1px solid #542a4c !important;
  }
  .green-card .br-2 {
    border-right: 1px solid #542a4c;
  }
  .green-card .tab-w-50 {
    width: 50%;
  }
  .green-card .tab-pb-2rem {
    padding-bottom: 2rem !important;
  }
  .green-card .tab-pt-2rem {
    padding-top: 2rem !important;
  }
  .services-page-content .tab-w-100 span {
    font-size: 17px;
    width: 100% !important;
    display: block;
    margin-bottom: 30px;
  }
  .page-3-content {
    position: relative !important;
  }
  /* .page3 .col {
    flex: 0 0 auto;
    width: 25%;
  } */
  .services-page .page2 .col,
  .services-page .page3 .col,
  .services-page .page4 .col,
  .services-page .page5 .col {
    flex: 0 0 auto;
    width: 25%;
  }
  .page5 .tab-d-block .col {
    flex: 0 0 auto;
    width: 33%;
    min-width: 33%;
    margin-bottom: 3rem;
  }
  .page6 .carousel-item img {
    margin: auto;
    margin-bottom: 3rem;
  }
  .page6 .carousel-content {
    text-align: center;
  }
  .page6 .carousel-content p {
    width: 100% !important;
  }
  .footer-menu {
    display: block !important;
    margin-top: 20px;
  }
  .footer-menu li {
    width: 50%;
    float: left;
    display: block;
  }
  .footer-menu li:first-child{
    width: 50%;
    float: left;
    display: block;
  }
  .sub-footer-menu li {
    width: 100% !important;
    /* margin-top: 2rem; */
  }
  .copy-right-text{
    margin-top: 3rem;
  }
  .footer-menu li:nth-child(3),
  .footer-menu li:nth-child(4) {
    margin-top: 12px;
  }
  .sub-footer-menu li:nth-child(3),
  .sub-footer-menu li:nth-child(4) {
    margin-top: 0;
  }
  .sub-footer-menu {
    padding: 0;
    margin-bottom: 1rem;
  }
  .contact-form {
    padding-right: 0 !important;
  }
  .contact-section {
    padding: 4rem;
    margin-top: 80px !important;
  }
  .contact-section .btn-secondary,
  .contact-section .btn-secondary:hover {
    margin-top: 10px !important;
    margin-bottom: 20px;
  }
  .contact-section h6 {
    padding: 1rem 0rem 0 0;
    line-height: 20px;
  }
  /* .contact-page .contact-section {
    margin-top: 110px;
  } */
  .contact-page .page-content{
    margin-top: 90px;
  }
  .contact-section .page7-para {
    width: 80% !important;
  }
  .social {
    display: inline-flex !important;
  }
 
  .engage-page1-para,
  .engage-page2-para,
  .engage-page3-para,
  .engage-page1-inner-para,
  .engage-page2-inner-para,
  .engage-page3-inner-para,
  .expertise-page1-para {
    width: auto !important;
  }
  .stage-banner,
  .how-banner,
  .tango-banner {
    display: none;
  }
  .stage-col-right {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .stage-col-left img {
    position: relative;
    top: 0;
    margin-right: 20px;
  }
  .stage-col h6,
  .engage-second-tabs h6 {
    font-size: 20px;
    margin-top: 8px;
  }
  .engage-page .page5 .stage-col h6 {
    margin-top: 22px;
}
  .engage-page .stage-tab h6 {
    margin-top: 0;
  }
  .engage-page .why-stage .stage-tab {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .engage-page .page5 .stage-col {
    margin-top: 20px !important;
  }
  .engage-page .page2 .why-stage .stage-tab{
    margin-top: 0;
  }
  .stage-col-inner p{
    margin-top: 2px;
  }
  .engage-page .why-stage .stage-col {
    margin-top: 30px !important;
  }
  .consult-btn:nth-child(1) {
    margin-top: 0 !important;
  }
  .engage-page .consult-btn {
    margin-top: 0 !important;
  }
  .consult-btn {
    width: 100%;
    float: left;
  }
  .engage-page .page2 .consult-btn,
  .engage-page .page3 .consult-btn,
  .engage-page .page4 .consult-btn,
  .engage-page .page5 .consult-btn,
  .engage-page .page6 .consult-btn{
    margin-bottom: 30px;
  }
  .stage-col-inner.pr-85px{
    padding-right: 15px !important;
  }
  .consult-btn img {
    width: 38px;
  }
  .services-page .first-section .consult-btn img,
  .engage-page .page1 .consult-btn img {
    width: 50px;
}
  .services-page .consult-btn {
    width: 45%;
  }
  .services-page .consult-btn {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .consult-btn h3 {
    margin-left: 4px !important;
    font-size: 18px !important;
  }
  .expertise-page .page-content .col {
    width: 25% !important;
    max-width: 25% !important;
  }
  .tab-mt-2 {
    margin-top: 2rem !important;
  }
  .tab-mt-3 {
    margin-top: 3rem !important;
  }
  .tab-mt-7 {
    margin-top: 7rem !important;
  }
  .tab-mt-10 {
    margin-top: 10rem !important;
  }
  .tab-mt-2rem {
    margin-top: 2rem !important;
  }
  .tab-mr-1rem {
    margin-right: 1rem !important;
  }
  .tab-mb-0 {
    margin-bottom: 0 !important;
  }
  .tab-mb-5rem {
    margin-bottom: 5rem !important;
  }
  .client-content {
    margin-top: 6rem;
  }
  .client-content img:not(.chevron-down) {
    width: 230px !important;
    height: 90px !important;
    object-fit: contain;
    padding: 20px;
    margin-bottom: 6rem;
    background: rgb(255 255 255 / 65%);
    box-shadow: 0px 3px 6px #0000000f;
    border-radius: 10px;
  }
  .leftIcon {
    cursor: pointer;
    transform: rotate(90deg) !important;
    left: -80px !important;
    position: absolute;
    top: -40px;
  }
  .rightIcon {
    cursor: pointer;
    transform: rotate(270deg) !important;
    right: -100px !important;
    position: absolute;
    top: -40px;
  }
  .crown {
    display: none;
  }
  .carousel-item {
    text-align: left;
  }
  .carousel-item img {
    margin: auto;
    /* margin-bottom: 4rem; */
  }
  .services-page .carousel-item {
    text-align: left;
  }
  .carousel-content p {
    width: 100% !important;
  }
  .expertise-page .page1-para {
    width: auto;
  }
  .expertise-applications-img,
  .expertise-applications-bg .p-0{
    padding: 12px !important;
  }
  .expertise-animate-section {
    left: -50px;
    background-size: 604px 464px;
  }
  .fullStack {
    top: 21rem;
    left: 7rem;
  }
  .cloud {
    top: 13rem;
    left: 18.4rem;
  }
  .iot {
    top: 30rem;
    left: 19rem;
  }
  .bigData {
    top: 21rem;
    left: 30rem;
  }
  .mlops {
    top: 11rem;
    left: 40.5rem;
  }
  .cyberRisk {
    top: 33rem;
    left: 40rem;
  }
  .devops {
    top: 27rem;
    left: 49.5rem;
  }
  .finops {
    top: 12rem;
    left: 53.5rem;
  }
  .hyperLedger {
    top: 18rem;
    left: 64rem;
  }
  .fullStack img,
  .devops img {
    width: 92px;
  }
  .finops img {
    width: 75px;
  }
  .cloud img {
    width: 85px;
  }
  .iot img {
    width: 100px;
  }
  .hyperLedger img {
    width: 100px;
  }
  .bigData img {
    width: 97px;
  }
  .cyberRisk img,
  .mlops img {
    width: 63px;
  }
  .pink-circle {
    width: 46px;
    top: 18rem;
    left: 28.5rem;
  }
  .yellow-circle {
    top: 11.5rem;
    left: 21.5rem;
    width: 37px;
  }
  .stage-tab {
    width: 75% !important;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
  .stage-tab .stage-col-left h1 {
    top: 10px;
  }
  .stage-tab .how-col:before {
    top: 0px;
  }
  .stage-col-inner span {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .company-imgs {
    display: flex;
    flex-wrap: wrap;
    height: 250px;
    overflow: scroll;
    padding-right: 1.8rem;
  }
  .company-imgs::-webkit-scrollbar {
    display: none;
  }
  .imgs {
    display: flex;
    width: 33.33%;
  }
  .imgs:nth-child(3n + 1) {
    padding-left: 0px !important;
    justify-content: flex-start;
  }
  .imgs:nth-child(3n + 2) {
    justify-content: center;
  }
  .imgs:nth-child(3n + 3) {
    justify-content: flex-end;
  }
  .tab-moveDown {
    padding: 15px;
    text-align: center;
    margin-top: 4rem;
    z-index: 20;
  }
  .chevron-down {
    width: 60px;
    height: 60px;
    padding: 8px;
    border-radius: 50%;
    position: relative;
    left: -5px;
  }
  .other-links-content {
    height: calc(100vh - 385px);
  }
  .privacy-page .page-content h1,
  .terms-page .page-content h1,
  .accessibility-policy-page .page-content h1,
  .cookie-policy-page .page-content h1 {
    margin: 150px 0 32px;
  }
  .expertise-dialog-fullStack.active,
  .expertise-dialog-cloud.active,
  .expertise-dialog-iot.active,
  .expertise-dialog-bigData.active,
  .expertise-dialog-mlops.active,
  .expertise-dialog-cyberRisk.active,
  .expertise-dialog-devops.active,
  .expertise-dialog-finops.active,
  .expertise-dialog-hyperLedger.active {
    width: calc(100vw - 60px);
  }
  .expertise-applications {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
  }
  .expertise-applications:nth-child(1) {
    margin-bottom: 0;
  }
  .expertise-applications-bg {
    margin-bottom: 16px;
    margin-right: 3.5rem;
  }
  .expertise-page .page-content h1 {
    margin: 62px 0 20px;
  }
  .expertise-content {
    padding: 50px 100px 80px 100px;
}
.leftIconDialog {
  cursor: pointer;
  transform: rotate(90deg) !important;
  width: 6px !important;
  height: 101px;
  position: absolute;
  /* filter: invert(1); */
  left: 69px;
  top: 12px;
  z-index: 0;
}
  .expertise-page .carousel-control-prev {
    left: 20px;
  }
  .quotes {
    text-align: left;
    padding: 0;
    font-size: 60px !important;
    line-height: 70px;
    color: #fa5c3c;
    font-family: "Open Serif Book", serif;
    font-weight: 700;
    min-height: 140px;
  }
  .company-slide .company-slide-inner,
  .mob-company-slide .company-slide-inner,
  .client-content .leftIcon,
  .client-content .rightIcon {
    background: transparent !important;
    box-shadow: none !important;
  }
  .tab-mb-0{
    margin-bottom: 0 !important;
  }
  .impact-page .services-page-content span {
    font-size: 16px;
  }
  
  .impact-content-inner .read-more img{
    left: 0;
  }
  .impact-content, .impact-content-inner {
    height: 100%;
  }
  .impact-content-inner .read-more{
    position: absolute;
      right: 0;
      top: -16px 
  }
  .impact-page .read-more h6 {
    font-size: 16px;
  }
  .impact-page .impact-fixed-header .read-more h6 {
    margin-top: 10px;
  }
  .impact-page .impact-fixed-header.no-border span {
    height: 45px;
  }
  .impact-page .impact-fixed-header.no-border .material-icons img {
    margin-right: -42px !important;
  }
  .impact-page .thr-col h2{
    min-height: auto !important;
  }
  .impact-page .services-page-content .what-we-did-col span {
    width: calc(100% - 50px) !important;
  }
  .impact-page .services-page-content .how-col span {
    width: 100% !important;
  }
  .impact-page .important-content{
    margin-left: 62px;
  }
  .impact-page h2{
    margin-top: 1rem;
  }
  .impact-content, .impact-content-inner{
    overflow-x: hidden;
  }
  .impact-page .page-4-content-number{
    top: 6px;
  }
  .impact-page .cyan-card {
    margin: 8rem 0;
  }
  .impact-page .cyan-card .how-col:before,
  .mob-thr-col-border .how-col:before {
    content: "";
    left: 7px;
  }
  .impact-page .cyan-card .no-border h2,
  .impact-page .mob-thr-col-border .no-border h2{
    margin-top: 0;
    margin-left: 10px;
  }
   
  .impact-page .services-page-content .results h2:before {
    content: "";
    left: 0%;
  }
  .impact-page .rounded-card h2:nth-child(1)::before {
    content: "";
    width: 100px;
    background-repeat: no-repeat !important;
    height: 100px;
    position: absolute;
    top: -2.5rem;
    left: 42%;
    background-size: contain !important;
  }
  .impact-page .rounded-card h3 {
    margin: 4rem 0 8rem;
  }
  .impact-page .services-page-content .keyTakeaway h2:before{
    left: 0;
  }
  .impact-content p { 
    padding-right: 40px;
}
.impact-page .thr-col {
  margin-top: 1rem;
}
.impact-page .services-page-content .what-we-did-col .tab-w-100 span{
  margin-bottom: 0;
}
.impact-page .services-page-content .cyan-card .tab-w-100 span{
  margin-bottom: 30px;
}
.impact-page .keyTakeaway .col-md-4{
  width: 100%;
}
.impact-page .rounded-card .col-md-4{
  width: 100%;
}
/* .impact-fixed-header{
  height: 170px;
} */
.impact-page .impact-fixed-header h2 p{
  display: inline !important;
}
/* .two-rows-header .impact-fixed-header{
  height: 165px;
} */
.tab-mb-30px{
  margin-bottom: 30px;
}
 
.impact-page .no-border .material-icons img{
  position: relative !important;
  top: -18px !important;
  left: 19px !important;
}
.impact-fixed-header-subContent .no-border .d-block h2 p {
  display: inline !important;
}
/* .impact-page .thr-col h2 {
  min-height: auto;
} */
.impact-page .thr-col .horz-border:before {
  content: "";
  bottom: -4px !important;
}
.testimonial-block .inner-box, .testimonial-block .inner-box .content .text{
  width: 100% !important;
}
.technologies{
  margin-bottom: 5rem;
}
.impact-fixed-header{
  top: -75px;
}
.footer-locations{
  flex-direction: column;
  gap: 1rem;
}
.addresses span{
  display: flex;
  font-weight: 400;
  /* flex-direction: column; */
}
.addresses span p{
  display: contents;
}
.addresses span p:first-child{
  font-weight: 400;
}
.iso-image img {
  width: 100px;
  height: 100px;
}
}
/* ipad air*/
/* @media (min-width: 820px) and (max-width: 1179.98px){

} */
/* ipad pro*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  .expertise-modal .modal-fullscreen {
    width: 91vw !important;
    height: 91% !important;
    margin-left: 4rem;
  }
  .tab-w-75 {
    width: 75% !important;
  }
  .tab-w-80 {
    width: 80% !important;
  }
  .tab-w-90 {
    width: 90% !important;
  }
  .navbar .nav-link {
    white-space: nowrap;
  }

  .page-content h1 {
    font-size: 50px;
    line-height: 60px;
    margin: 50px 0;
  }
  .pencil-banner {
    display: none;
  }
  .watch-story {
    margin-top: 50px;
  }
  .green-dotted-pattern,
  .orange-dotted-pattern {
    width: 35px;
    height: 175px;
    bottom: 8rem;
    left: 2rem;
  }
  .green-arrow-pattern,
  .orange-arrow-pattern {
    width: 35px;
    height: 175px;
    bottom: 17rem;
    left: 7.5rem;
  }
  .scroll-button {
    bottom: 25rem;
  }
  .page-content h1 span {
    display: block;
  }
  .orange-text {
    font-size: 50px;
    color: #fa5c3c;
    line-height: 56px;
  }
  .tab-2col {
    width: 50% !important;
    display: flex;
    justify-content: flex-start;
  }
  .page-3-content {
    position: relative !important;
  }
  .page-3-content img {
    width: 65px;
  }
  .page-3-content h6 {
    font-size: 26px;
  }
  .tab-d-none {
    display: none !important;
  }
  .tab-d-block {
    display: block !important;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .engage-page1-para,
  .engage-page1-inner-para,
  .engage-page2-para,
  .engage-page2-inner-para,
  .engage-page3-para,
  .engage-page3-inner-para,
  .expertise-page1-para,
  .expertise-page1-inner-para,
  .services-page-para,
  .expertise-page2-inner-para {
    font-size: 24px;
    line-height: 34px;
  }
  .page-4-content h6 {
    font-size: 20px;
    margin-top: 4rem;
  }
  .page-4-details {
    font-size: 18px;
  }
  .client-content {
    margin-top: 4rem;
  }
  .client-content img:not(.chevron-down) {
    width: 180px !important;
    height: 100px !important;
    object-fit: contain;
    background: #fff;
    padding: 20px;
    margin-bottom: 4rem;
  }
  .footer-menu{
    display: block;
  }
  .footer-menu li {
    width: 50%;
    float: left;
    display: block;
}
  .footer-menu li:first-child {
    width: 50%;
    float: left;
    display: block;
}
.footer-locations{
  display: block;
}
.sub-footer-menu li {
  width: 100% !important;
}
.footer-locations {
  display: flex;
  gap: 2rem;
  font-size: 14px;
  margin-bottom: 2rem;
  flex-direction: column;
}
.social{
  display: block;
}
.iso-image{
  margin-top: 5rem;
}
.iso-image img {
  width: 90px;
  height: 90px;
}
.copy-right-text{
  margin-top: 3rem;
}
.addresses span{
  margin-bottom: 0 !important;
}
.submit-btn-wrapper{
  height: auto !important;
}
.contact-section .page7-para{
  width: 80% !important;
}
  .owl-carousel .owl-item img {
    width: 100% !important;
  }
  .carousel-item {
    text-align: left;
    width: 90% !important;
  }
  .carousel-content p {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .carousel-item img {
    margin: auto;
    margin-bottom: 4rem;
  }
  .contact-section {
    margin-top: 0;
  }
  .tab-w-100 {
    width: 100% !important;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .page7-para {
    width: auto;
  }
  .expertise-page .page1-para {
    width: auto;
  }
  .company-imgs {
    display: flex;
    flex-wrap: wrap;
    height: 250px;
    overflow: scroll;
    padding-right: 1.8rem;
  }
  .company-imgs::-webkit-scrollbar {
    display: none;
  }
  .imgs {
    display: flex;
    width: 33.33%;
  }
  .imgs:nth-child(3n + 1) {
    padding-left: 0px !important;
    justify-content: flex-start;
  }
  .imgs:nth-child(3n + 2) {
    justify-content: center;
  }
  .imgs:nth-child(3n + 3) {
    justify-content: flex-end;
  }
  .tab-moveDown {
    padding: 15px;
    text-align: center;
    margin-top: 4rem;
    z-index: 20;
  }
  .chevron-down {
    width: 80px;
    height: 80px;
    padding: 10px;
    border-radius: 50%;
    position: relative;
    left: -8px;
  }
  .privacy-page .page-content h1,
  .terms-page .page-content h1,
  .accessibility-policy-page .page-content h1,
  .cookie-policy-page .page-content h1 {
    margin: 80px 0 32px;
  }
  .services-page .carousel-item {
    text-align: left;
  }
  .expertise-dialog-fullStack.active,
  .expertise-dialog-cloud.active,
  .expertise-dialog-iot.active,
  .expertise-dialog-bigData.active,
  .expertise-dialog-mlops.active,
  .expertise-dialog-cyberRisk.active,
  .expertise-dialog-devops.active,
  .expertise-dialog-finops.active,
  .expertise-dialog-hyperLedger.active {
    width: calc(100vw - 60px);
  }
  .expertise-applications {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
  }
  .expertise-applications:nth-child(1) {
    margin-bottom: 0;
  }
  .expertise-applications-bg {
    width: 112px;
    height: 112px;
    margin-bottom: 62px;
    margin-right: 4rem;
    padding: 20px;
  }
  .dummy-circle {
    background: transparent;
    box-shadow: none;
  }
  .services-page .page2 .col,
  .services-page .page3 .col,
  .services-page .page4 .col,
  .services-page .page5 .col {
    flex: 0 0 auto;
    width: 50%;
  }
  .services-page-content h2 {
    font-size: 28px;
  }
  .services-page-content span {
    font-size: 22px;
    width: 100% !important;
    display: block;
    margin-bottom: 40px;
  }
  .services-page-content h2:before {
    content: "";
    width: 36px;
    background: #fa5c3c !important;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -6px !important;
  }
  .services-page .page2 .consult-btn.active,
  .services-page .page3 .consult-btn.active,
  .services-page .page4 .consult-btn.active,
  .services-page .page5 .consult-btn.active,
  .engage-page .page2 .consult-btn.active,
  .engage-page .page3 .consult-btn.active,
  .engage-page .page4 .consult-btn.active,
  .engage-page .page5 .consult-btn.active,
  .engage-page .page6 .consult-btn.active {
    margin-top: 0 !important;
  }
  .consult-btn:nth-child(1) {
    margin-top: 0 !important;
  }
  .tab-mt-2rem {
    margin-top: 2rem !important;
  }
  .services-page .first-section .read-more {
    margin-bottom: 60px;
  }
  .company-slide .company-slide-inner,
  .mob-company-slide .company-slide-inner,
  .client-content .leftIcon,
  .client-content .rightIcon {
    background: transparent !important;
    box-shadow: none !important;
  }
  .rightIcon {
    cursor: pointer;
    transform: rotate(270deg) !important;
    right: -100px !important;
    position: absolute;
    top: -40px;
  }
  .leftIcon {
    cursor: pointer;
    transform: rotate(90deg) !important;
    left: -50px !important;
    position: absolute;
    top: -40px;
  }
  .fullStack {
    top: 21rem;
    left: 10rem;
  }
  .cloud {
    top: 13rem;
    left: 18.4rem;
  }
  .iot {
    top: 30rem;
    left: 19rem;
  }
  .bigData {
    top: 21rem;
    left: 28rem;
  }
  .mlops {
    top: 11rem;
    left: 38.5rem;
  }
  .cyberRisk {
    top: 33rem;
    left: 38rem;
  }
  .devops {
    top: 27rem;
    left: 48.5rem;
  }
  .finops {
    top: 12rem;
    left: 52.5rem;
  }
  .hyperLedger {
    top: 18rem;
    left: 62rem;
  }
  .fullStack img,
  .devops img {
    width: 92px;
  }
  .finops img {
    width: 75px;
  }
  .cloud img {
    width: 85px;
  }
  .iot img {
    width: 100px;
  }
  .hyperLedger img {
    width: 100px;
  }
  .bigData img {
    width: 97px;
  }
  .cyberRisk img,
  .mlops img {
    width: 63px;
  }
  .pink-circle {
    width: 46px;
    top: 18rem;
    left: 28.5rem;
  }
  .yellow-circle {
    top: 11.5rem;
    left: 21.5rem;
    width: 37px;
  }
  .tab-mb-0{
    margin-bottom: 0 !important;
  }
  .impact-page .services-page-content span {
    font-size: 16px;
  }
  
  .impact-content-inner .read-more img{
    left: 0;
  }
  .impact-content, .impact-content-inner {
    height: 100%;
  }
  .impact-content-inner .read-more{
    position: absolute;
      right: 0;
      top: -16px 
  }
  .impact-page .read-more h6 {
    font-size: 16px;
  }
  .impact-page .impact-fixed-header .read-more h6 {
    margin-top: 10px;
  }
  .impact-page .impact-fixed-header.no-border span {
    height: 45px;
  }
  .impact-page .impact-fixed-header.no-border .material-icons img {
    margin-right: -42px !important;
  }
  .impact-page .thr-col h2{
    min-height: auto;
  }
  .impact-page .services-page-content .what-we-did-col span {
    width: calc(100% - 50px) !important;
  }
  .impact-page .services-page-content .how-col span {
    width: 100% !important;
  }
  .impact-page .important-content{
    margin-left: 62px;
  }
  .impact-page h2{
    margin-top: 0rem;
  }
  .impact-content, .impact-content-inner{
    overflow-x: hidden;
  }
  .impact-page .page-4-content-number{
    top: 6px;
  }
  .impact-page .cyan-card {
    margin: 8rem 0;
  }
  .impact-page .cyan-card .how-col:before,
  .mob-thr-col-border .how-col:before {
    content: "";
    left: 7px;
  }
  .impact-page .cyan-card .no-border h2,
  .impact-page .mob-thr-col-border .no-border h2{
    margin-top: 0;
    margin-left: 10px;
  }
   
  .impact-page .services-page-content .results h2:before {
    content: "";
    left: 0;
  }
  .impact-page .rounded-card h2:nth-child(1)::before {
    content: "";
    width: 100px;
    background-repeat: no-repeat !important;
    height: 100px;
    position: absolute;
    top: -2rem !important;
    left: 30%;
    background-size: contain !important;
  }
  .impact-page .rounded-card h3 {
    margin: 4rem 0 8rem;
  }
  .impact-page .services-page-content .keyTakeaway h2:before{
    left: 0;
  }
  .impact-content p { 
    padding-right: 40px;
}
.impact-page .thr-col {
  margin-top: 1rem;
}
.impact-page .services-page-content .what-we-did-col .tab-w-100 span{
  margin-bottom: 0;
}
.impact-page .services-page-content .cyan-card .tab-w-100 span{
  margin-bottom: 30px;
}
.impact-page .keyTakeaway .col-md-4{
  width: 100% !important;
}
.impact-page .rounded-card .col-md-4{
  width: 33.33% !important;
}
.impact-page .impact-fixed-header h2 p{
  display: inline !important;
}
.two-rows-header .impact-fixed-header{
  margin-bottom: 2rem;
}
.three-rows-header .impact-fixed-header{
  /* height: 215px; */
  margin-bottom: 2rem;
}
.impact-content-inner .read-more img {
  left: 22px;
  top: -19px;
}
.impact-fixed-header-subContent .no-border .d-block h2 p {
  display: inline !important;
}
}
/* large */
@media (min-width: 1440.98px) {
  .navbar {
    padding: 1rem 74px !important;
    margin: 0 auto !important;
  }
  .impact-content {
    /* height: calc(100vh - 117px); */
    overflow-y: auto;
}
  .navbar-brand img {
    width: 75% !important;
  }
  .navbar .nav-link {
    font-size: 18px !important;
    margin-left: 3rem !important;
  }
  .contact-section .btn-secondary, .contact-section .btn-secondary:hover{
    margin-top: 50px !important;
  }
  .expertise-modal .modal-fullscreen {
    width: calc(100vw - 131px) !important;
    height: calc(100vh - 131px) !important;
    margin-left: 58px;
  }
  .engage-page .page2 .stage-col {
    margin-top: 80px !important;
  }
  .page-content {
    padding: 0 3rem 0 210px;
  }
  .green-dotted-pattern,
  .green-arrow-pattern,
  .orange-dotted-pattern,
  .orange-arrow-pattern {
    width: 38px;
    height: 233px;
  }
  .green-dotted-pattern,
  .orange-dotted-pattern {
    bottom: 6rem !important;
    left: 60px !important;
  }
  .green-arrow-pattern,
  .orange-arrow-pattern {
    bottom: 18rem !important;
    left: 12rem !important;
  }
  .submit-btn-wrapper {
    margin: 0 0 4rem !important;
  }
  .btn-open-positions{
    font-size: 16px !important;
  }
  .expertise-page .green-dotted-pattern, .orange-dotted-pattern {
    bottom: 23rem !important;
}
.expertise-page .green-arrow-pattern, .orange-arrow-pattern {
    bottom: 35rem !important;
}

  .content__container__list .orange-text {
    line-height: 89px;
    font-size: 72px;
  }
  .content__container {
    height: 100px;
  }

  .quotes-div {
    margin-top: 10px;
  }
  .quotes {
    text-align: left;
    padding: 0;
    font-size: 75px !important;
    line-height: 85px;
    color: #fa5c3c;
    font-family: "Open Serif Book", serif;
    font-weight: 700;
  }
  .page-4-content-number { 
    top: 4px;
}
  h1,
  .page-content h1 {
    font-size: 56px !important;
    line-height: 68px !important;
    margin: 70px 0 20px !important;
  }
  .contact-section{
    margin-top: 70px !important;
  }
  .contact-section h1{
    margin-top: 0 !important;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .page7-para {
    font-size: 22px !important;
    line-height: 35px !important;
  }
  .page1-para {
    width: 610px;
  }
  .page2-para {
    width: 935px;
  }
  .page4-para {
    width: 770px;
    margin-bottom: 3rem;
  }
  .page5-para {
    width: 900px;
  }
  .expertise-page .page1-para {
    width: auto;
  }
  .engage-page3-para {
    width: 860px;
    margin-bottom: 3rem;
  }
  .engage-page .page6 h1 {
    margin-top: 40px;
  }
  .pencil-banner {
    width: 395px;
    height: 557px;
    top: 75px;
    right: 12rem;
  }
  .index-page .scale-section .page-content h1 {
    margin-top: 20px;
  }
  .watch-story a {
    font-size: 24px !important;
  }
  .watch-story {
    margin-top: 3rem !important;
  }
  .green-card {
    padding: 30px;
  }
  .green-card-numbers {
    font-size: 45px !important;
  }
  .green-card-numbers-text {
    font-size: 20px !important;
    line-height: 27px !important;
  }
  .page-3-content img {
    width: 75px !important;
  }
  .page-3-content h6 {
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
  }
  .page-3-content {
    text-align: center;
    margin-top: 6rem;
  }
  .main section.page4 h1 {
    margin: 2rem 0 1rem !important;
  }
  .page-4-content h6 {
    font-size: 26px !important;
    line-height: 40px !important;
    margin-bottom: 2rem !important;
  }
  .page-4-details {
    font-size: 22px !important;
    line-height: 32px !important;
  }
   
  .client-content {
    margin-top: 4rem !important;
  }
  .form-floating .form-control,
  .contact-section .form-select {
    font-size: 19px !important;
    height: calc(5rem + calc(var(--bs-border-width) * 2)) !important;
  }
  .contact-section h6 {
    font-size: 15px !important;
    line-height: 22px !important;
    padding: 1rem 0 0 0 !important;
  }
  .sub-footer-menu li {
    font-size: 16px !important;
  }
  .footer-menu li {
    font-size: 18px !important;
  }
  .footer-menu li:first-child{
    width: 45%;
  }
  .footer-menu {
    margin-top: 4rem !important;
  }
  .social li img {
    width: 25px !important;
    height: 25px !important;
  }
  .social li {
    margin-right: 0.5rem !important;
  }
  #bookmark {
    right: 74px !important;
  }
  .scroll-button {
    bottom: 20% !important;
    right: 58px !important;
  }
  .scroll-button h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .scroll-button img {
    position: absolute;
    right: 15px;
    top: 80px;
  }
  .nav-link.active::before {
    height: 70px !important;
    top: -18px !important;
  }
  .form-floating > label {
    font-size: 19px !important;
  }
  .read-more h6,
  .read-more1 h6 {
    font-size: 20px !important;
  }
  .impact-page .read-more h6,
  .impact-page .read-more1 h6 {
    font-size: 16px !important;
  }
  .engage-page1-para {
    width: 960px !important;
    margin-bottom: 2rem !important;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .engage-page1-para,
  .engage-page1-inner-para,
  .engage-page2-para,
  .engage-page2-inner-para,
  .engage-page3-para,
  .expertise-page1-para,
  .expertise-page1-inner-para,
  .services-page-para,
  .expertise-page2-inner-para,
  .expertise-page .article-active p,
  .people-page1-para {
    font-size: 25px !important;
    line-height: 35px !important;
  }
  .impact-content p,
  .impact-page .page-4-details, 
  .results span {
    font-size: 22px;
    line-height: 32px;
  }
  .addresses p{
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 0 !important;
  }
  .engage-first-tabs h5 {
    font-size: 24px !important;
  }
  .engage-first-tabs h5,
  .engage-first-tabs h5,
  .expertise-first-tabs h5 {
    font-size: 32px !important;
    line-height: 51px !important;
  }
  .engage-first-tabs span {
    font-size: 24px !important;
  }
  .engage-page1-inner-para {
    width: 775px !important;
    margin-bottom: 2rem;
  }
  .engage-page .page2 .engage-page2-para {
    width: 830px !important;
  }
  .stage-banner {
    width: 300px !important;
    height: 300px !important;
    top: 28px !important;
    right: 23rem !important;
  }
  .how-banner {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 60px;
    right: 18rem;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .stage-col {
    margin-top: 10rem !important;
    margin-bottom: 5rem !important;
  }
  .stage-col h6,
  .engage-second-tabs h6 {
    font-size: 26px !important;
  }
  .stage-col-left img {
    width: 100px !important;
    height: 100px !important;
  }
  .stage-col-right {
    margin-left: 105px;
  }
  .stage-col-left h1 {
    font-size: 40px !important;
    top: -55px !important;
    margin: 0 !important;
    left: 5px !important;
  }
  .how-col span {
    font-size: 24px;
  }
  .how-col {
    margin-left: 28px;
  }
  .how-col:before {
    content: "";
    height: 66px;
    left: -20px;
  }
  .engage-page2-inner-para {
    width: 1000px !important;
    margin-bottom: 5rem !important;
  }
  .xl-mt-140px {
    margin-top: 140px !important;
  }
  .engage-page #page3 h1 {
    margin-bottom: 0 !important;
  }
  .carousel-content p {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .carousel-content h4 {
    font-size: 40px !important;
  }
  .carousel-content h5 {
    font-size: 32px !important;
  }
  .carousel-item img {
    width: 320px !important;
  }
  .page7-para {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .engage-page #page3 h4 {
    font-size: 39px;
    line-height: 52px;
  }
  .tango-banner {
    width: 450px;
    height: 300px;
    top: 28%;
    right: 12rem;
  }
  .services-tabs {
    margin-top: 6rem;
  }
  .expertise-page1-para {
    width: 945px;
    margin-bottom: 2rem;
  }
  .engage-page .expertise-page1-para {
    width: 985px;
    margin-bottom: 2rem;
  }
  .consult-btn:nth-child(1) {
    margin-top: 70px;
  }
  .consult-btn img {
    width: 60px;
  }
  .consult-btn h3 {
    margin-left: 1rem !important;
    font-size: 36px !important;
  }
  .expertise-page .page2 .consult-btn:nth-child(1),
  .expertise-page .page3 .consult-btn:nth-child(1),
  .expertise-page .page4 .consult-btn:nth-child(1),
  .expertise-page .page5 .consult-btn:nth-child(1) {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .services-page-content h2 {
    margin-bottom: 20px;
    font-size: 30px;
  }
  
  .services-page-content span {
    font-size: 22px;
    line-height: 34px;
    width: 83% !important;
  }
  /* .services-page .page5 .services-page-content span {
    font-size: 22px;
    line-height: 34px;
    width: 89% !important;
} */
  .services-page-content h2:before {
    content: "";
    width: 42px;
    /* bottom: -6px !important; */
  }
  .services-page-para {
    margin: 20px 0 60px;
  }
  .services-page .page2 .consult-btn,
  .services-page .page3 .consult-btn,
  .services-page .page4 .consult-btn,
  .services-page .page5 .consult-btn,
  .engage-page .page2 .consult-btn,
  .engage-page .page3 .consult-btn,
  .engage-page .page4 .consult-btn,
  .engage-page .page5 .consult-btn,
  .engage-page .page6 .consult-btn {
    margin-top: 70px;
  }
  .engage-page .page2 h1,
  .engage-page .page3 h1,
  .engage-page .page4 h1 {
    margin: 30px 0 4rem !important;
    font-size: 60px;
    line-height: 70px;
  }
  .why-stage .stage-tab h1,
  .engage-page .page6 h1,
  .engage-page .page4 h1
  {
    margin-top: 60px !important;
  }
  .fullStack {
    top: 18rem;
    left: 19rem;
  }
  .cloud {
    top: 9rem;
    left: 38rem;
  }
  .iot {
    top: 29rem;
    left: 39rem;
  }
  .bigData {
    top: 20rem;
    left: 60rem;
  }
  .cyberRisk {
    top: 29rem;
    left: 81rem;
  }
  .mlops {
    top: 10rem;
    left: 81rem;
  }
  .devops {
    top: 23rem;
    left: 98rem;
  }
  .finops {
    top: 6rem;
    left: 114rem;
  }
  .hyperLedger {
    top: 25rem;
    left: 128rem;
  }
  .fullStack img {
    width: 150px;
  }
  .cloud img {
    width: 120px;
  }
  .iot img,
  .devops img,
  .finops img,
  .hyperLedger img {
    width: 150px;
  }
  .bigData img {
    width: 150px;
  }
  .cyberRisk img,
  .mlops img {
    width: 100px;
  }
  .yellow-circle {
    position: absolute;
    z-index: -1;
    width: 44px;
    top: 8rem;
    left: 43rem;
  }
  .pink-circle {
    position: absolute;
    width: 80px;
    top: 14.5rem;
    left: 59rem;
    z-index: -1;
  }
  .expertise-dialog-fullStack,
  .expertise-dialog-cloud,
  .expertise-dialog-iot,
  .expertise-dialog-bigData,
  .expertise-dialog-mlops,
  .expertise-dialog-cyberRisk,
  .expertise-dialog-devops,
  .expertise-dialog-finops,
  .expertise-dialog-hyperLedger {
    top: 140px;
  }
  .expertise-applications-bg {
    width: 90px;
    height: 90px;
    padding: 15px;
  }
  .expertise-content a {
    font-size: 26px;
    line-height: 60px;
  }
  .expertise-content h5 {
    font-size: 36px;
    line-height: 70px;
  }
  .expertise-page .page-content h3 {
    font-size: 26px;
    line-height: 40px;
  }
  .expertise-content {
    padding: 50px 100px 50px 155px;
  }
  .leftIconDialog {
    width: 9px !important;
    height: 111px;
    left: 100px;
    top: 22px;
  }
  .nav-link svg {
    top: 35%;
    width: 190px;
    height: 96px;
  }
  .engage-page2-para,
  .engage-page3-para {
    width: 900px;
  }
  .carousel-indicators {
    bottom: -60px !important;
  }
  .owl-carousel .owl-item img {
    padding: 20px !important;
    height: 130px !important;
  }
  .contact-section .page7-para {
    width: 80% !important;
  }
  .contact-section .btn-secondary,
  .contact-section .btn-secondary:hover,
  .contact-section .btn-primary,
  .contact-section .btn-primary:hover {
    font-size: 16px;
  }
  .stage-col-inner p {
    font-size: 22px;
  }
  .stage-col-inner span {
    font-size: 21px;
  }
  .large-pr-60px {
    padding-right: 60px;
  }
  .large-pr-80px {
    padding-right: 80px !important;
  }
  .other-links-content p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 2.5rem;
  }
  .other-links-content h3 {
    font-size: 26px;
  }
  .other-links-content {
    height: calc(100vh - 475px);
  }

  .expertise-applications {
    display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
  }
  .expertise-applications:nth-child(1) {
    margin-top: 40px;
  }
  .expertise-applications-bg {
    width: 120px;
    height: 120px;
    object-fit: contain;
    background: #fff;
    box-shadow: 0px 3px 6px #0000000f;
    padding: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
  }
  .expertise-applications-img {
    width: 100%;
    padding: 10px;
    border-radius: 20px;
  }
  .expertise-page .carousel-item img {
    width: 100% !important;
  }
  .dummy-circle {
    background: transparent;
    box-shadow: none;
  }
  .orange-text {
    font-size: 75px;
    color: #fa5c3c;
    line-height: 85px;
  }
  .services-page .consult-btn {
    width: 70%;
  }
  .services-page .expertise-page1-para {
    width: 800px;
  }
  
  .impact-content p { 
    padding-right: 90px;
    margin-bottom: 1rem;
}
.impact-content h3{
  margin-top: 7rem;
}
.impact-page .impact-content h3{
  margin-top: 2rem !important;
}
.impact-page h3 {
  font-size: 24px;
}
.impact-page .rounded-card h2:nth-child(1)::before {
  content: "";
  left: 34%;
}
.impact-page .rounded-card-orange { 
  margin-bottom: 4rem;
}
.impact-page .services-page-content span {
  font-size: 22px;
  line-height: 32px;
  width: 90% !important;
}
.impact-page .page-4-content h6 {
  font-size: 24px !important;
}
.impact-page .page-4-content-number { 
  font-size: 24px !important;
  line-height: 32px; 
}
.impact-page .stage-col-inner.how-col h2{
  font-size: 22px;
  line-height: 30px;
}
.impact-page .keyTakeaway span{
  width: 100% !important;
}
.impact-page .text-orange,
.impact-page .text-white{
  line-height: 34px;
}
.iso-image img{
  width: 120px;
  height: 120px;
}
.testimonial-block .content img {
  width: 60px;
  height: 60px;
}
.testimonial-block .inner-box .content .author-info{
  font-size: 20px;
}
.testimonial-block .inner-box .content span{
  font-size: 16px;
}
.impact-page .thr-col .horz-border:before {
  content: "";
  width: 42px;
  background: #fa5c3c !important;
  height: 3px;
  display: block;
  position: absolute;
  bottom: 26px;
}
.testimonial-block .inner-box .content .text{
  font-size: 22px !important;
        line-height: 32px !important;
}
.people-content .thr-col h2{
  min-height: 108px !important;
}
.submit-btn-wrapper{
  position: absolute;
  bottom: 46px;
}
}
@media (min-width: 1920px) {
  .services-page-content span {
    font-size: 22px;
    width: 85% !important;
  }
}
/* Extras */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100% !important;
  }
  .impact-page .thr-col h2 {
    min-height: 62px;
    /* height: auto; */
}

.chips{
  height: 32px;
    font-size: 18px;
    line-height: 32px;
}

.testimonial-block .content img{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	margin: 0 !important;
	margin-right: 12px !important;
}
.testimonial-block .inner-box .content .author-info {
  position: relative;
font-family: "Open Serif Book", serif;
  font-weight: 700;
  color: #8d578a;
  font-size: 22px;
  /* line-height: 24px;
  height: 34px; */
}
.testimonial-block .inner-box .content span {
  position: relative;
  color: #e36a48;
  font-size: 18px;
  font-style: italic;
white-space: nowrap;
}
.submit-btn-wrapper{
  position: absolute;
  bottom: 0px;
}
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100% !important;
  }
}
/* ipad pro portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .page-content {
    padding: 0 3rem 0 13rem;
    height: calc(100vh - 108px);
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .contact-page .page-content,
  .last-section .page-content,
  .expertise-page .page-content
  {
    display: flex;
      justify-content: center;
      flex-direction: column;
  }
  .expertise-animate-section.container{
    min-height: 420px;
  }
  .tab-fsc-h350px{
    min-height: 450px;
  }
  .index-page .first-section h1 {
    margin: 0 0 32px;
}
.page-content h1 {
  margin: 0 0 24px !important;
}
.contact-section .btn-secondary, .contact-section .btn-secondary:hover{
  margin: 10px 0 30px !important;
}
.engage-page .page1 .col-md-4,
.engage-page .page4 .col-md-3,
.engage-page .page4 .col-md-6 {
  width: 90% !important;
}
.engage-page .page4 .col-md-3,
.engage-page .page5 .col-md-4{
  margin-bottom: 40px;
}
/* .engage-page .page4 .col-md-3{
  margin-top: 60px !important;
} */
.stage-banner, .how-banner, .tango-banner{
  display: none;
}
.engage-page .page1 .consult-btn { 
  margin-bottom: 12px;
}
.engage-page .consult-btn { 
  margin-bottom: 60px;
}
.engage-page .why-stage .stage-tab {
  margin-bottom: 0;
  margin-top: 40px;
}
.stage-col-inner span { 
  margin-top: 10px;
}
.stage-col-left h1 { 
  top: -4px;
}
.stage-col-inner p,
.read-more1 h6 {
  font-size: 18px;
}
.stage-col{
  margin-top: 0 !important;
}
.engage-page .stage-col .col-md-4 {
  flex: 0 0 auto;
  width: 100% !important;
}
.engage-page .page1 .expertise-page1-para{
  margin-bottom: 60px;
}
.stage-col h6, .engage-second-tabs h6 { 
  font-size: 24px;
}
.stage-col-left img {
  width: 85px;
  height: 85px;
}
.stage-col-right {
  margin-left: 100px;
}
.impact-content-inner .read-more img {
  left: 20px;
  top: -18px;
}
}
/* 1536*864 */ /* 1536*754 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 1600px) {
  .services-page .page2 .consult-btn, .services-page .page3 .consult-btn, .services-page .page4 .consult-btn, .services-page .page5 .consult-btn, .engage-page .page2 .consult-btn, .engage-page .page3 .consult-btn, .engage-page .page4 .consult-btn, .engage-page .page5 .consult-btn, .engage-page .page6 .consult-btn {
    margin-top: 30px;
}
.engage-page .page2 .stage-col {
  margin-top: 40px !important;
}
.contact-section .btn-secondary, .contact-section .btn-secondary:hover {
  margin-top: 45px !important;
}
.contact-section {
  margin-top: 35px !important;
}
.contact-page .contact-section{
  margin-top: 35px !important;
}
.addresses p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  white-space: pre;
}
.footer-menu li:first-child{
  width: 55%;
}
  h1, .page-content h1 {
    font-size: 40px !important;
    line-height: 50px !important;
  margin-top: 30px !important;
}
.expertise-page .page-content{
  display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 158px;
}
.expertise-page .page-content h1{
  margin: 0 !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
.contact-page .page-content {
  padding: 0 3rem 0 210px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}
.contact-page .contact-section {
  margin-top: 0;
}
.services-page .consult-btn {
  width: 75%;
}
.helper-text {
  color: #fa5c3c;
  font-size: 12px !important;
  width: 100%;
  padding-right: 0 !important;
}
.contact-section h1{
  margin-top: 30px !important;
}
.consult-btn:nth-child(1) {
  margin-top: 30px !important;
}
.expertise-modal .modal-fullscreen {
  width: calc(100vw - 131px) !important;
  height: calc(100vh - 131px) !important;
  margin-left: 58px;
}
.content__container__list .orange-text {
  font-size: 58px !important;
  line-height: 89px !important;
}
.orange-text {
  font-size: 58px !important;
  color: #fa5c3c;
  line-height: 68px !important;
}
.page1-para, .page2-para, .page4-para, .page5-para, .engage-page1-para, .engage-page1-inner-para, .engage-page2-para, .engage-page2-inner-para, .engage-page3-para, .expertise-page1-para, .expertise-page1-inner-para, .services-page-para, .expertise-page2-inner-para, .expertise-page .article-active p {
  font-size: 20px !important;
  line-height: 32px !important;
}
.pencil-banner {
  width: 376px;
  height: 400px;
  top: 35px !important;
}
.page-3-content img {
  width: 65px !important;
}
.page-3-content h6 {
  font-size: 28px !important;
}
.page4-para {
  margin-bottom: 0 !important;
}
.page-4-content h6 {
  margin-bottom: 1rem !important;
}
.impact-page .page-4-content h6 {
  font-size: 20px !important;
}
.page-4-content-number{
  top:4px !important;
}
.owl-carousel {
  margin-top: 3rem !important;
}
.footer-menu {
  margin-top: 3rem !important;
}
.consult-btn h3 {
  font-size: 32px !important;
}
.services-page .first-section .page-content h1 {
  margin: 60px 0 20px;
}
.services-page-para {
  margin: 16px 0 40px !important;
}
.carousel-indicators {
  bottom: -30px !important;
}
.expertise-content {
  padding: 20px 100px 20px 155px !important;
}
.expertise-dialog-fullStack.active, .expertise-dialog-cloud.active, .expertise-dialog-iot.active, .expertise-dialog-bigData.active, .expertise-dialog-mlops.active, .expertise-dialog-cyberRisk.active, .expertise-dialog-devops.active, .expertise-dialog-finops.active, .expertise-dialog-hyperLedger.active {
  width: calc(100vw - 100px) !important;
}
.leftIconDialog { 
  top: -5px !important;
}
.expertise-content h5{
  margin-top: 0 !important;
}
.expertise-carousel-control-prev-icon img {
  transform: rotate(90deg);
  left: -40px;
  position: relative;
}
.expertise-carousel-control-next-icon img {
  transform: rotate(270deg);
  position: relative;
  right: -40px;
}
.page-4-details, .stage-col-inner p, .stage-col-inner span, .impact-page .services-page-content span,
.testimonial-block .inner-box .content .text, .services-page-content span {
        font-size: 18px !important;
        line-height: 28px !important;
    }
.impact-page .impact-content p {
  padding-right: 20px;
}
.services-page-content h2 {
  margin-bottom: 20px;
  font-size: 24px;
}


  .stage-banner {
    width: 250px !important;
    height: 250px !important;
    top: 28px !important;
    right: 100px !important;
  }
  .stage-col {
    margin-top: 50px !important;
  }
  .stage-col-left img {
    width: 85px !important;
    height: 85px !important;
  }
  .stage-col h6,
  .engage-second-tabs h6 {
    font-size: 24px !important;
  }
  .stage-col-right {
    margin-left: 95px;
  }
  .engage-page .pr-85px {
    padding-right: 46px !important;
  }

  .stage-col-left h1 {
    font-size: 36px !important;
    top: -56px !important;
    margin: 0 !important;
    left: 2px !important;
  }
  .stage-col-inner p {
    margin-top: 36px !important;
}
.engage-page3-para {
  margin-bottom: 16px !important;
}
  .engage-page2-para,
  .engage-page3-para {
    width: 800px;
  }
  .how-banner {
    width: 260px;
    height: 260px;
    position: absolute;
    top: 50px;
    right: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .how-stage .stage-tab {
    width: 30%;
  }
  .how-stage .stage-tab:nth-child(3) {
    width: 40%;
  }
  .engage-page .large-pr-80px {
    padding-right: 4px !important;
  }
  .tango-banner {
    display: none;
  }
  .engage-page .page6 .tab-w-90 {
    width: 90%;
  }
  .engage-page2-para,
  .engage-page3-para {
    width: 100%;
  }
  .engage-page .page4 .engage-page2-para {
    width: 90%;
  }
  /* .contact-page .contact-section {
    margin-top: 26px !important;
} */
  .fullStack {
    top: 100px;
    left: 100px;
  }
  .cloud {
    top: 72px;
    left: 340px;
  }
  .iot {
    top: 270px;
    left: 300px;
  }
  .bigData {
    top: 180px;
    left: 470px;
  }
  .mlops {
    top: 270px;
    left: 700px;
  }
  .cyberRisk {
    top: 50px;
    left: 700px;
  }
  .devops {
    top: 180px;
    left: 900px;
  }
  .hyperLedger {
    top: 240px;
    left: 1100px;
  }
  .finops {
    top: 50px;
    left: 1050px;
  }
  .yellow-circle {
    top: 60px;
    left: 390px;
  }
  .pink-circle {
    top: 150px;
    left: 450px;
  }
  .services-page-para {
    margin: 30px 0;
  }
  .submit-btn-wrapper {
    margin: 34px 0 !important;
  }
  /* .pencil-banner {
    top: 75px;
    right: 3rem;
  } */
  .other-links-content {
    height: calc(100vh - 375px);
}
.impact-content p, .impact-page .page-4-details, .results span {
  font-size: 18px;
  line-height: 28px;
}
.impact-content p {
  padding-right: 40px;
}
.impact-content h3 {
  margin-top: 4rem;
}


/* .impact-fixed-header{
  height: 200px;
} */
.impact-page .impact-fixed-header h2 p{
  display: inline !important;
}
/* .two-rows-header .impact-fixed-header{
  height: 165px;
} */
.impact-fixed-header{
  top: -70px;
}
}
/* ipad pro landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
 /* .impact-page .page-content{
  overflow-y: auto !important;
  height: calc(100vh - 190px);
 } */
 
  .expertise-modal .modal-fullscreen {
    width: 93.2vw !important;
    height: 85% !important;
    margin-left: 4rem;
  }

  /* .submit-btn-wrapper {
    margin-bottom: 0 !important;
  } */
  .consult-btn img {
    width: 40px;
}
  .stage-col {
    margin-top: 40px !important;
  }
  .engage-page .page6 .read-more1 {
    margin-top: 6px;
}
  .index-page .first-section h1 {
      margin: 82px 0 32px;
  }
  .pencil-banner {
    position: absolute;
    top: 80px;
    right: 5rem;
  }
  .scale-section h1 {
    margin-top: 40px;
  }
  .expertise-page1-para {
    width: 620px;
  }
  .services-page-para {
    margin: 0px 0 20px;
  }
  .services-page .page2 .services-page-para,
  .services-page .page3 .services-page-para,
  .services-page .page4 .services-page-para,
  .services-page .page5 .services-page-para,
  .services-page .page6 .services-page-para{
    margin: 5px 0 20px;
  }
  .services-page .page2 .consult-btn,
  .services-page .page3 .consult-btn,
  .services-page .page4 .consult-btn,
  .services-page .page5 .consult-btn,
  .engage-page .page2 .consult-btn,
  .engage-page .page3 .consult-btn,
  .engage-page .page4 .consult-btn,
  .engage-page .page5 .consult-btn,
  .engage-page .page6 .consult-btn {
    margin-top: 20px;
  }
  .services-page .carousel {
    margin-top: 0;
  }
  .services-page-content span {
    font-size: 17px;
    width: 90% !important;
  }
  
  .fullStack {
    top: 80px;
    left: 130px;
  }
  .cloud {
    top: 50px;
    left: 300px;
  }
  .iot {
    top: 160px;
    left: 280px;
  }
  .bigData {
    top: 100px;
    left: 44rem;
  }
  .cyberRisk {
    top: 170px;
    left: 60rem;
  }
  .hyperLedger {
    top: 17rem;
    left: 90rem;
  }
  .mlops {
    top: 50px;
    left: 60rem;
  }
  .devops {
    top: 100px;
    left: 74rem;
  }
  .finops {
    top: 5rem;
    left: 86rem;
  }
  .expertise-content {
    padding: 40px 100px 80px;
  }
  .yellow-circle {
    position: absolute;
    width: 44px;
    z-index: -1;
    top: 33px !important;
    left: 335px !important;
  }
  .pink-circle {
    position: absolute;
    width: 65px;
    top: 70px !important;
    left: 430px !important;
    z-index: -1;
  }
  .expertise-dialog-fullStack.active,
  .expertise-dialog-cloud.active,
  .expertise-dialog-iot.active,
  .expertise-dialog-bigData.active,
  .expertise-dialog-mlops.active,
  .expertise-dialog-cyberRisk.active,
  .expertise-dialog-devops.active,
  .expertise-dialog-finops.active,
  .expertise-dialog-hyperLedger.active {
    visibility: visible;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100vw - 80px);
  }
  .leftIconDialog {
    position: absolute;
    left: 56px;
    top: 0;
  }
  .engage-page .first-section .consult-btn {
    margin-top: 20px;
  }
  /* .engage-page .page2 .consult-btn, .engage-page .page3 .consult-btn, .engage-page .page4 .consult-btn, .engage-page .page5 .consult-btn, .engage-page .page6 .consult-btn,
  .engage-page .page2 .consult-btn.active, .engage-page .page3 .consult-btn.active, .engage-page .page4 .consult-btn.active, .engage-page .page5 .consult-btn.active, .engage-page .page6 .consult-btn.active{
    margin-top: 20px !important;
  } */
  .page-content h1 {
    margin: 50px 0 32px;
  }
  .stage-banner {
    background: url(../images/why-banner.svg);
    width: 230px;
    height: 230px;
    position: absolute;
    top: 3rem;
    right: 11rem;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .how-banner {
    background: url(../images/how-banner.svg);
    width: 250px;
    height: 250px;
    position: absolute;
    top: 60px;
    right: 10rem;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .engage-page .page3 .pr-85px {
    padding-right: 25px !important;
  }
  .engage-page .page5 .pr-60px {
    padding-right: 25px !important;
  }
  .tango-banner {
    background: url(../images/tango.svg);
    width: 300px;
    height: 250px;
    position: absolute;
    top: 28%;
    right: 7rem;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .downIcon {
    position: absolute;
    width: 0.7rem;
    right: 4.3rem;
    top: 68%;
  }
  .contact-page .contact-section, .contact-section {
    margin-top: 40px;
}
.expertise-page .page1-para{
  margin-bottom: 0;
}
.green-dotted-pattern, .orange-dotted-pattern {
  width: 24px;
  height: 165px;
}
.green-arrow-pattern, .orange-arrow-pattern {
  width: 24px;
  height: 165px;
  bottom: 11rem;
  left: 9.5rem;
}
/* .page-content {
  padding: 0 3rem 0 13rem;
} */
.index-page .first-section .page-content h1 {
  margin: 60px 0 20px;
}
.impact-content p{
  padding-right: 0;
}
/* .submit-btn-wrapper{
  position: absolute;
  bottom: 40px;
} */
.technologies{
  margin-bottom: 5rem;
}
}
/* ipad Air landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) {
  /* .engage-page .page-content {
    padding: 0 3rem 0 12rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
  } */
  .ipad-mini-d-none{
    display: none !important;
  }
  .ipad-mini-d-block{
    display: block !important;
  }
  .container{
    max-width: 100% !important;
  }
  .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    min-height: calc(4rem + calc(var(--bs-border-width) * 2)) !important;
}
.contact-form .form-floating {
  height: 42px;
}
.submit-btn-wrapper {
  margin: 25px 0 25px !important;
}
  .downIcon {
    position: absolute;
    width: 0.7rem;
    right: 4.3rem;
    top: 69%;
}
.engage-page .page2 .page-content,
.engage-page .page3 .page-content,
.engage-page .page4 .page-content,
.engage-page .page5 .page-content,
.engage-page .page6 .page-content{
  margin-top: 16px;
}
  .form-response .text-center h1{
    margin-top: 100px !important;
  }
  .form-response p{
    width: 80% !important;
  }
  .engage-page .page1 .expertise-page1-para{
    margin-bottom: 50px;
  }
  .engage-page .page1 .col-md-4{
    width: 33.33% !important;
  }
  .engage-page .page3 .stage-col,
  .engage-page .page5 .stage-col{
    height: auto;
    overflow-y: auto;
  }
  .footer-menu, .sub-footer-menu{
    margin-top: 10px;
  }
  .sub-footer-menu li{
    margin-bottom: 3px !important;
  }
  .expertise-modal .modal-fullscreen {
    width: 92vw !important;
    height: 89% !important;
    margin-left: 3.5rem;
  }
  .page-content h1 {
    font-size: 36px !important;
    margin: 20px 0 !important;
  }
  .scale-section .page-content h1{
    margin: 0 0 20px 0 !important;
  }
  .index-page .first-section .page-content h1 {
    margin: 0 0 50px 0 !important;
  }
  .tab-fsc-h350px {
    height: 350px;
  }
  .tab-fsc-h350px p{
    width: 80%;
  }
  .quotes {
    font-size: 50px !important;
  }
  .quotes-div {
    margin-top: 0;
  }
  .page1-para,
  .page2-para,
  .page4-para,
  .page5-para,
  .engage-page1-para,
  .engage-page1-inner-para,
  .engage-page2-para,
  .engage-page2-inner-para,
  .engage-page3-para,
  .engage-page3-inner-para,
  .expertise-page1-para,
  .expertise-page1-inner-para,
  .services-page-para,
  .expertise-page2-inner-para {
    font-size: 16px;
    line-height: 26px;
  }
  .orange-text {
    font-size: 44px;
    line-height: 54px;
  }
  .page-3-content img {
    width: 45px;
  }
  .page-3-content h6 {
    font-size: 20px;
  }
  .page-3-content {
    text-align: center;
    margin-top: 40px;
  }
  .page-4-content h6 {
    font-size: 20px;
    margin-top: 36px;
  }
  .mh-400px {
    max-height: 400px;
    overflow: auto;
  }
  .client-content img:not(.chevron-down) {
    background: transparent;
    box-shadow: none;
    margin-bottom: 0;
  }
  .rightIcon {
    right: -80px !important;
    top: -20px;
    position: absolute;
  }
  .leftIcon {
    left: -50px !important;
    top: -20px;
    position: absolute;
  }
  .contact-section {
    /* margin-top: 10px !important; */
    padding: 1rem 4rem 0;
  }
  .contact-section .mt-0{
    margin: 0 !important;
  }
  .contact-section .btn-secondary, .contact-section .btn-secondary:hover{
    margin-top: 1rem !important;
  }
  .expertise-page1-para {
    width: 695px;
  }
  .services-page .first-section .consult-btn {
    width: 48% !important;
    float: left;
    margin-right: 10px;
  }
  .services-page .consult-btn {
    width: 100% !important;
    float: left;
  }
  .services-page-para {
    margin: 0px 0 20px;
}
  .company-slide .company-slide-inner, .mob-company-slide .company-slide-inner {
    background: rgb(255 255 255 / 65%) !important;
    box-shadow: 0px 3px 6px #0000000f !important;
}
.services-page .page2 .col, .services-page .page3 .col, .services-page .page4 .col, .services-page .page5 .col {
  flex: 0 0 auto;
  width: 25%;
}
.consult-btn h3 { 
  font-size: 22px !important;
}
.services-page-content h2 {
  margin-bottom: 1rem;
}
/* .engage-page .first-section .col-md-4{
  width: 33.33% !important;
} */
.engage-page .page2 .stage-tab,
.engage-page .page4 .stage-tab{
  width: 100% !important;
  margin-bottom: 30px;
}
/* .engage-page .page1 .col-md-4 .consult-btn{
  margin-top: 50px !important;
} */
.engage-page .page2 .consult-btn, .engage-page .page3 .consult-btn, .engage-page .page4 .consult-btn{
  margin-top: 0px !important;
}
.stage-col-inner p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 8px;
}
.stage-col-inner span {
  margin-top: 0;
  margin-bottom: 30px;
}
.stage-banner, .how-banner, .tango-banner{
  display: none;
}
.stage-col {
  margin-top: 20px !important;
}
.stage-col-left img {
  width: 65px;
  height: 65px;
}
.stage-col-left h1{
  font-size: 28px !important;
  top: -30px;
  left: -4px;
  width: 72px;
}
.stage-col-right {
  margin-left: 72px;
}
/* .engage-page .consult-btn,
.engage-page .consult-btn.active{
  margin-top: 30px !important;
} */
.consult-btn img {
  width: 30px;
}
.services-page-content span {
  font-size: 16px !important;
  margin-bottom: 30px !important;
}
.services-page-content h2 {
  font-size: 22px !important;
}
.services-page-content h2:before {
  content: ""; 
  bottom: -6px !important;
}
.services-page .carousel-inner {
  margin-bottom: 0 !important;
}
.carousel-item {
  width: 98% !important;
  min-height: 370px;
}
.page-content {
  padding: 0 3rem 0 13rem;
  height: calc(100vh - 108px);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.contact-page .page-content,
.last-section .page-content,
.expertise-page .page-content
{
  display: flex;
    justify-content: center;
    flex-direction: column;
}
.expertise-animate-section.container{
  min-height: 350px;
}
.index-page .first-section .page-content {
  height: calc(100vh - 158px);
}
.green-dotted-pattern, .orange-dotted-pattern {
  width: 24px !important;
    height: 110px !important;
    bottom: 11rem !important;
    left: 40px;
}
.green-arrow-pattern, .orange-arrow-pattern {
  width: 24px !important;
    height: 110px;
    bottom: 17rem !important;
    left: 70px !important;
}
.green-arrow-pattern, .orange-arrow-pattern {
  bottom: 14rem;
  left: 5rem;
}
.expertise-animate-section{
  left: -50px;
}
.fullStack {
  top: 80px !important;
  left: 70px !important;
}
.cloud {
  top: 50px !important;
  left: 210px !important;
}
.iot {
  top: 160px !important;
  left: 190px !important;
}
.bigData {
  top: 100px !important;
  left: 330px !important;
}
.cyberRisk {
  top: 170px !important;
  left: 480px !important;
}
.mlops {
  top: 50px !important;
  left: 480px !important;
}
.devops {
  top: 100px !important;
  left: 580px !important;
}
.finops  {
  top: 50px !important;
  left: 680px !important;
}
.hyperLedger {
  top: 170px !important;
  left: 680px !important;
}
.yellow-circle {
  position: absolute;
  width: 44px;
  z-index: -1;
  top: 33px !important;
  left: 240px !important;
}
.pink-circle {
  position: absolute;
  width: 65px;
  top: 70px !important;
  left: 310px !important;
  z-index: -1;
}
.expertise-applications-bg {
  width: 90px;
  height: 90px;
  margin-bottom: 26px;
  margin-right: 7px;
  padding: 10px;
  display: flex !important;
    align-items: center !important;
}
.expertise-applications-bg img {
  margin: 0 auto !important;
}
.contact-form {
  padding-right: 0;
  margin-top: 1rem;
}
.three-rows-header .impact-fixed-header, .two-rows-header .impact-fixed-header {
  height: auto;
  margin-bottom: 2rem;
}
.impact-content-inner .read-more img {
  left: 22px;
  top: -19px;
}
}
/* ipad Mini landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* .page-content {
    padding: 0 3rem 0 13rem;
    height: calc(100vh - 181px);
  } */
  .expertise-applications-bg{
    width: 82px !important;
    height: 82px !important;
  }
  .ipad-mini-d-none{
    display: none !important;
  }
  .ipad-mini-d-block{
    display: block !important;
  }
  .tab-mb-30px{
    margin-bottom: 30px;
  }
  .impact-page .no-border .material-icons img{
    position: relative !important;
    top: -18px !important;
    left: 19px !important;
  }
}
/* samsung tab  landscape*/
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
.impact-page .page-content{
  overflow-y: auto !important;
  height: calc(100vh - 190px) !important;
}
}
@media (min-width:768px) and (max-width:1366px) {
  .impact-page .thr-col .horz-border:before {
    content: "";
    width: 30px;
    background: #fa5c3c !important;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 23px;
}
.chips{
  font-size: 17px;
}
.contact-section .btn-primary, .contact-section .btn-primary:hover{
  margin-top: 2rem !important;
}
}