@media (min-width: 767px) {
  .px-md-6 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .mx-md-6 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
}

.--container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .--container {
    max-width: 540px;
  }
}

@media (min-width: 767px) and (max-width: 1400px) {
  .--container {
    max-width: calc(100% - 110px) !important;
    margin: auto !important;
  }

  .--fs-6 {
    font-size: 0.8rem !important;
  }

  .--fs-4 {
    font-size: 1.25rem !important;
  }

  .--fs-3 {
    font-size: 1.5rem !important;
  }

  .--fs-5 {
    font-size: 1.15rem !important;
  }
}
 @media (min-width : 1920px) {
  .--container{
    max-width: calc(100% - 130px) !important;
  }
 }

@media (min-width: 1400px) {
  .--fs-6 {
    font-size: 0.9rem !important;
  }

  .--fs-4 {
    font-size: 1.35rem !important;
  }

  .--fs-3 {
    font-size: 1.6rem !important;
  }

  .--fs-5 {
    font-size: 1.2rem !important;
  }

  .--container {
    max-width: 1400px !important;
    margin: auto !important;
  }
}

.fs-xl {
  font-size: 3.5rem !important;
}

.lh-sm {
  line-height: 1.2;
}

.me-xxl {
  margin-right: 7rem !important;
}

.-mb--5 {
  margin-bottom: -5.5rem;
}

.inset-0 {
  inset: 0 !important;
}

@media (max-width: 767px) {
  .lh-sm-xxl {
    line-height: 2 !important;
  }
}

/* @media (min-width: 1400px) {
  .fs-xl {
    font-size: 3.65rem !important;
  }

  .fs-1 {
    font-size: 2.65rem !important;
  }

  .fs-2 {
    font-size: 2.15rem !important;
  }

  .fs-3 {
    font-size: 1.85rem !important;
  }

  .fs-4 {
    font-size: 1.65rem !important;
  }

  .fs-5 {
    font-size: 1.4rem !important;
  }

  /* .fs-6 {
    font-size: 1.2rem !important;
  }
} */

body {
  --gradiant-green: transparent linear-gradient(105deg, #0045FF 0%, #0071E0 100%) 0% 0% no-repeat padding-box;
  --text-grey-1: #ffffff;
}

.text-gray-1 {
  color: var(--text-grey-1) !important;
}

.place-items-center {
  place-items: center !important;
}

.w-45 {
  width: 45% !important;
}

.w-125 {
  width: 125% !important;
}

.w-3rem {
  width: 3rem !important;
}

.h-1rem {
  height: 1rem !important;
}

.bg-gradiant-green {
  background: var(--gradiant-green);
}

.bg-gradiant-green-2 {
  background: linear-gradient(
    148deg,
    #0e353e 0%,
    #105e62 30%,
    #00b087 100%
  ) !important;
}

@media (min-width: 767px) {
  .bg-md-gradiant-green {
    background: var(--gradiant-green) !important;
  }
  .bg-md-white {
    background: #ffffff !important;
  }

  .text-md-white {
    color: #fff !important;
  }
  .text-md-black {
    color: #000 !important;
  }
}

.bg-light-blue {
  background-color: #dbefed !important;
}

.-mt-3rem {
  margin-top: -3rem !important;
}

.-mt-5rem {
  margin-top: -5rem !important;
}

@media (min-width: 767px) {
  .-mt-md-6rem {
    margin-top: -6rem !important;
  }

  .-mt-8-6rem {
    margin-top: -8.6rem !important;
  }

  .rounded-md-4 {
    border-radius: 1rem !important;
  }
}

.rounded-4 {
  border-radius: 1rem !important;
}

.rounded-5 {
  border-radius: 2rem !important;
}

.bg-light-gray {
  background-color: #00000023 !important;
}

.bs {
  box-shadow: 2px 3px 6px #00000039 !important;
}

.bs-2 {
  box-shadow: 3px 3px 6px #00000039 !important;
}

.z-9 {
  z-index: 9 !important;
}

.bg-banner {
  background: transparent;
}

@media (max-width: 767px) {
  .bg-mobile-banner {
    background: linear-gradient(330deg, #3c3c3c, #0f0f0f);
  }

  .margin-sm-negitive {
    margin-top: -3rem !important;
  }
}

@media (min-width: 767px) {
  .bg-banner {
    background: linear-gradient(90deg, transparent, transparent) right/50% 100%,
      linear-gradient(330deg, #3c3c3c, #0f0f0f) left / 52% 100%;
    background-repeat: no-repeat;
  }
}

main .cta-btn {
  padding-left: 3.5rem !important;
  padding-right: 1.5rem !important;
  position: relative;
  box-shadow: 0px 3px 6px #00000029;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  transition: all 350ms linear !important;
}

main .cta-btn::before {
  content: "";
  position: absolute;
  height: 2.7em;
  width: 2.7em;
  background-color: #0f0f0f;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  box-shadow: 1px 1px 3px #00000029;
  background-color: #fff;
  background-image: url(images/stampit/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center center;
  transition: all 100ms linear !important;
}

main .cta-btn:hover {
  /* padding-left: 1.5rem !important;
  padding-right: 3.5rem !important; */
  /* color: #00b087 !important; */
  /* color: #000 !important; */
}

main .cta-btn:hover::before {
  /* left: calc(100% - 2.7rem); */
  transform: translateY(-50%) rotateZ(-30deg);
  /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
}

.banner-image {
  scale: 1.5;
}

.bg-banner-right {
  perspective: 1rem;
}

.bg-banner-right::before {
  top: 28%;
  transform: translateY(-50%);
  content: "";
  position: absolute;
  width: 130%;
  height: 20rem;
  background-color: #e7f5f1;
  z-index: -1;
  transform-style: preserve-3d;
  transform: translateZ(-0.06rem);
}

.bg-banner-right::after {
  content: "";
  position: absolute;
  width: 135%;
  height: 110%;
  top: -38%;
  left: -7%;
  background-image: url(images/stampit/banner-bg-right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: rotateZ(-5deg) scale(1.15);
  z-index: -1;
}

@media (min-width: 1400px) {
  .bg-banner-right::before {
    width: 140%;
    top: 25%;
    height: 25rem;
    transform: translateZ(-0.08rem) translateX(-0.1rem);
  }
}

/*  */
.stamping-difference * {
  pointer-events: none;
}

/*  */
#StempingDataContainer .description {
  height: 8rem;
}

.stamping-difference {
  transform-origin: left;
  transition: all 300ms linear;
}
/*  */

.bg-banner-inverse {
  background: linear-gradient(330deg, #3c3c3c, #323232);
  box-shadow: 2px 3px 6px #00000039;
}

/*  */

.hover-effect > * {
  transition: all 200ms linear;
  cursor: default;
}

.hover-effect > *:hover {
  scale: 1.01;
  box-shadow: hsl(218, 11%, 65%, 0.2) 0px 3px 8px;
  background-color: #fff;
}

.hover-effect > * img {
  transition: all 200ms linear;
}

.hover-effect > *:hover img {
  scale: 1.3;
  /* fill: #017246; */
  /* filter: brightness(1.4) contrast(0.9) saturate(1.1); */
}

/*  */
#indian-dynamic-map .cls-1,
#indian-dynamic-map .cls-2 {
  /* fill: #fff; */
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 0.29px;
}

#indian-dynamic-map .cls-2 {
  fill: #fff;
}
#indian-dynamic-map .map-hover-effect {
  transition: all 300ms linear;
  fill: #dbefed;
  cursor: pointer;
}
#indian-dynamic-map .map-hover-effect:hover,
#indian-dynamic-map .map-hover-effect.active {
  fill: #13a980;
  stroke-width: 0px;
  filter: drop-shadow(1px 1px 2px #0000002a);
  scale: 1.005;
  position: relative;
  z-index: 999;
}

/*  */

@media (min-width: 767px) {
  .stamping-dynamic-card {
    width: 85%;
  }
}

.stamping-dynamic-card .active {
  background-color: #dbefed;
  box-shadow: 3px 3px 6px #00000039;
  border-radius: 0.8rem;
}

.bar-line {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.stamping-dynamic-card .detail-card {
  left: 110%;
}

.slider-container {
  position: relative;
  height: 15rem;
}

.slider-container > * {
  width: 25%;
}

.slider-card {
  background-color: #fff;
  height: 10rem;
  border-radius: 1.5rem;
  position: relative;
  transform-style: preserve-3d;
}

.slider-card::after,
.slider-card::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 100%;
}

.slider-card::after {
  left: 0;
  transform: translateX(-50%) translateZ(-0.1rem);
}

.slider-card::before {
  right: 0;
  transform: translateX(50%) translateZ(-0.1rem);
}

.slider-card > * {
  overflow: hidden !important;
  width: 100%;
  height: 100%;
}

.slider-card img {
  position: absolute;
  margin: auto;
  width: 50%;
  /* height: 80%; */
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 300ms linear;
}

.slider-card .center {
  left: 50%;
  opacity: 1;
}

.slider-card .left {
  left: -100%;
  opacity: 0;
}

.slider-card .right {
  left: 100%;
  opacity: 0;
}

/*  */

@media (min-width: 767px) {
  .dash-line::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.15em;
    background: repeating-linear-gradient(
      90deg,
      #ffffff 0 1rem,
      transparent 1rem 2rem
    );
    top: calc(50% + 4.6em);
    z-index: 1;
  }
}

@media (min-width: 1400px) {
  .dash-line::after {
    top: calc(50% + 4.7em);
  }
}

/*  */

.vertical-dash-line::before {
  content: "";
  width: 100%;
  height: 0.15rem;
  position: absolute;
  background: repeating-linear-gradient(
    90deg,
    #fff 0 0.75rem,
    transparent 0.75rem 1.5rem
  );
  top: 31%;
  left: 0;
  z-index: -1;
}

@media (min-width: 47rem) {
  .vertical-dash-line::before {
    top: 35%;
  }
}

.dot-heading {
  padding-left: 1rem;
}

.dot-heading::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 100%;
  left: 5.2rem;
  transform: translateX(-50%);
  top: 5.7rem;
}

@media (min-width: 767px) {
  .vertical-dash-line::before {
    width: 0.15em;
    height: 100%;
    background: repeating-linear-gradient(
      180deg,
      #fff 0 0.75rem,
      transparent 0.75rem 1.5rem
    );
    top: 0;
    left: 5.8rem;
  }

  .dot-heading {
    padding-left: 9rem;
  }

  .dot-heading::before {
    width: 2.5rem;
    height: 2.5rem;
    left: 5.2rem;
    top: 0;
  }
}
/*  */

.bg-quote::after {
  content: "";
  position: absolute;
  width: 7rem;
  height: 7rem;
  background-image: url(images/stampit/big-quote.svg);
  background-size: 100% 100%;
  top: 75%;
  left: 70%;
  filter: opacity(0.1);
  z-index: -1;
}

.rewiew .client-logo {
  width: 5rem !important;
  height: 5rem !important;
}

@media (min-width: 767px) {
  .bg-quote::after {
    width: 20rem;
    height: 20rem;
    top: 10%;
    left: 70%;
  }

  .rewiew .client-logo {
    width: 10rem !important;
    height: 10rem !important;
  }
}

@media (min-width: 767px) {
  .gap-md-6 {
    gap: 5rem;
  }
}

.rewiew .review-text::before,
.rewiew .review-text::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
}

.rewiew .review-text::before {
  top: 0.3rem;
  left: -3rem;
  background-image: url(images/stampit/start-quote.svg);
  background-size: 100% 100%;
}

.rewiew .review-text::after {
  bottom: 0.3rem;
  right: 0rem;
  background-image: url(images/stampit/end-quote.svg);
  background-size: 100% 100%;
}

.review-slider {
  height: 25rem;
}

.review-slider > * {
  position: absolute;
  transform-origin: left 10%;
  transition: all 300ms linear;
  opacity: 0;
  --top: 10.5rem;
  top: var(--top);
}

.review-slider > .prev {
  top: var(--top);
  left: -2rem;
  opacity: 0;
  transform: scale(0);
}

.review-slider > .prev .description {
  opacity: 0;
}

.review-slider > .active {
  top: var(--top);
  opacity: 1;
  left: 1rem;
  transform: scale(1) translateX(0rem);
}

.review-slider > .next {
  top: var(--top);
  opacity: 0;
  left: 100%;
  transform: scale(0);
}

@media (min-width: 767px) {
  .review-slider > * {
    transform-origin: left;
  }

  .review-slider > .prev {
    top: -4rem;
    left: 5rem;
    transform: scale(0);
  }

  .review-slider > .active {
    top: 45%;
    left: 1rem;
  }

  .review-slider > .next {
    top: 100%;
    left: 5rem;
  }
}

.review-slider > .next .description {
  opacity: 0;
}

/*  */

.faq-bg-design::before,
.faq-bg-design::after {
  content: "";
  position: absolute;
  background-color: #00b087;
  --width: 25%;
}

.faq-bg-design::before {
  width: var(--width);
  top: 6rem;
  height: 0.07rem;
}

.faq-bg-design::after {
  width: 1.5rem;
  height: 1.5rem;
  top: 6rem;
  left: var(--width);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

/*  */
.faq-accordion {
  background-color: #f7f7f7 !important;
  box-shadow: 0px 2px 5px #00000029 !important;
  padding-left: 7rem !important;
}

.faqs .accordion-item {
  border: none !important;
  margin-bottom: 1.5rem;
}

.faqs .accordion-button:not(.collapsed) {
  color: #000;
}

.faqs .accordion-button::before {
  position: absolute;
  content: "";
  transition: all 200ms linear;
  width: 0;
  height: 0;
  border-left: 2px solid #01a080;
  border-bottom: 2px solid #01a080;
  top: 50%;
  left: 3.6rem;
}

.faqs .accordion-button:not(.collapsed)::before {
  width: 4rem;
  height: calc(50% + 2rem);
}

.faqs .accordion-button::after {
  left: 3rem !important;
  position: absolute;
  background-image: url(images/stampit/plus.svg);
}

.faqs .accordion-button:not(.collapsed)::after {
  background-image: url(images/stampit/minus.svg);
}

.faqs .accordion-collapse {
  padding-left: 9rem;
}
/*  */

/* Parallax Effect */
main {
  position: relative;
  z-index: 0;
  /* display: grid; */
  grid-template-areas: "stack";
}

.parallax {
  z-index: 1;
  grid-area: stack;
  animation: parallax linear;
  animation-timeline: scroll();
}

@keyframes parallax {
  to {
    transform: translateY(calc(var(--parallax-speed) * 150px));
  }
}

/*  */
@media (max-width: 767px) {
  /* body {
    overflow-x: hidden;
  } */

  #STATE_DATA p {
    height: 3rem;
  }
  .border-sm-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  #Document_Execution_Carousel .splide__slide,
  #sliderSecond .splide__slide {
    height: 20rem;
    width: 90%;
  }

  #Document_Execution_Carousel .splide__arrow,
  #sliderSecond .splide__arrow {
    display: none !important;
  }

  #Document_Execution_Carousel .splide__pagination,
  #sliderSecond .splide__pagination {
    bottom: -2rem;
  }

  #Document_Execution_Carousel .splide__pagination__page.is-active,
  #sliderSecond .splide__pagination__page.is-active {
    background: #4cbd9a;
  }

  #Document_Execution_Carousel .splide__slide,
  #sliderSecond .splide__slide {
    transition: scale 100ms linear !important;
  }

  #Document_Execution_Carousel .splide__slide:not(.is-active),
  #sliderSecond .splide__slide:not(.is-active) {
    scale: 0.9;
    transform-origin: bottom;
  }
}
@media (min-width: 767px) {
  .grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .border-md-end {
    border-right: 1px solid #dee2e6 !important;
  }
}

@media (max-width: 414px) {
  .faqs .accordion-button::after {
    left: 2rem !important;
  }

  .faqs .accordion-button::before {
    left: 2.6rem;
  }

  .faq-accordion {
    padding-left: 4em;
  }

  .faqs .accordion-collapse {
    padding-left: 5rem;
  }

  .faqs .accordion-button:not(.collapsed)::before {
    width: 3rem;
  }
}

@media (max-width: 767px) {
  .-mobile-leading-block {
    grid-template-columns: repeat(3, minmax(10rem, 12rem));
    grid-template-rows: minmax(4rem, 5rem);
  }

  .-mobile-leading-block.-bottom {
    transform: translateX(-6.3rem);
  }

  .-ms-m-40 {
    margin-left: 40% !important;
  }
}

/*  */

.-pannel-btn::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border-radius: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(images/inkit/right-arrow.svg);
  background-size: 60% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 200ms linear;
}

.-pannel-btn:hover::before {
  transform: translateY(-50%) rotateZ(-25deg);
}

.-scroll-top-btn {
  width: 4rem;
  height: 4rem;
}
.bg-gradient-2{
  background: linear-gradient(145deg, rgba(16,94,98,1) 47%, rgba(31,164,139,1) 89%);
}
.bg-gradient-kfs{
  background: linear-gradient(90deg, rgba(192,232,223,1) 0%, rgba(249,249,249,1) 40%, rgba(249,249,249,1) 60%, rgba(192,232,223,1) 100%);
}
.banner-effect{
  /* font-size: 30px; */
  /* transform: translateY(20px); */
  transform: translateY(-350%);
  animation: banner 1s 1s 1 forwards;
}

@keyframes banner {
  from{
      transform: translateY(-150%);
  }
  to{
      transform: translateY(0%);
  }
}
.bg-grey-10 {
  background-color: rgba(144, 144, 144, 0.12) !important;
}
.bg-insurance-1{
  background: transparent linear-gradient(115deg, #1A53BC 0%, #071F84 100%) 0% 0% no-repeat padding-box !important;
    background-size: cover !important;
    min-height: 800px;
}
.line {
  border-top: dashed #1A53BC;
  border-spacing: 10px !important;
  position: absolute;
  left: 0;
  top: 55%;
  width: 100%;
  height: 100%;
}
.f-black-1{
  color: #080808;
}
.bg-curved-image{
  background: url(../../images/industry/banner.svg) no-repeat !important;
  background-size: cover !important;
}
.digitise-construction-industry{
  background: url(/images/digitise-construction-industry/digitise-construction-industry.png) no-repeat;
  background-size: cover;
  min-height: 800px;
}
.f-blue-box{
  color: #000;
  font-weight: 600;
}
@media(max-width:767px){
  .mobilewidth{
    width: 100%;
  }
  .bg-insurance-1{
    background: transparent linear-gradient(115deg, #1A53BC 0%, #071F84 100%) 0% 0% no-repeat padding-box !important;
  }
  .bg-curved-image{
    background: transparent linear-gradient(115deg, #1A53BC 0%, #071F84 100%) 0% 0% no-repeat padding-box !important;
  }
}
.min-height-box{
  min-height: 230px;
}