:root {
  --bs-body-font-family: Inter, sans-serif;
  --white: #fff;
  --black: #000;
  --black-100: #071722;
  --grey: #b4b9c9;
  --grey-100: #6d758f;
  --grey-200: #8892b3;
  --grey-300: #b8b8b8;
  --primary: #f48222;
  --primary-100: #f6923d;
  --secondary: #08325b;
  --secondary-50: rgba(8, 50, 91, 0.5);
  --bs-body-font-size: 16px;
  --bs-body-line-height: 150%;
  --bs-body-font-weight: 400;
  --bs-body-color: var(--secondary);
  --bs-body-bg: var(--white);
  --bs-border-color: #ebebeb;
  --purple: #9961ff;
  --success: #007e04;
  --blue: #0d30f8;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

body:has(header .navbar-toggler[aria-expanded="true"]) {
  overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
  }
}

.truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--secondary-50);
  margin-top: 12px !important;
  border-radius: 8px;
  padding: 16px;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
  border: none;
}

.dropdown:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  left: 0;
  top: 100%;
}

.dropdown-menu .dropdown-item {
  padding: 12px 16px;
  border-radius: 4px;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu > .first-submenu:has(.dropdown-menu:hover) > .dropdown-item {
  background-color: #ffe2ca;
  color: inherit;
  font-weight: 500;
}

.dropdown .dropdown-menu.show {
  display: flex;
}

#menu-primary .dropdown-menu > li {
  padding-right: 0 !important;
  position: relative;
}

#menu-primary .dropdown-menu > li.first-submenu > a {
  position: relative;
}

#menu-primary .dropdown-menu > li.first-submenu > a::after {
  content: "›";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  opacity: 0.7;
}

/* Margin & Padding */
.py-80 {
  padding-block: 80px;
}

.py-100 {
  padding-block: 100px;
}

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

.pt-120 {
  padding-top: 120px;
}

.pb-80 {
  padding-bottom: 80px;
}

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

.pb-120 {
  padding-bottom: 120px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-200 {
  padding-bottom: 200px;
}

.mb-80 {
  margin-bottom: 80px;
}

/* Color */
.border-primary {
  border-color: var(--primary) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-secondary-50 {
  background-color: var(--secondary-50) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-primary-100 {
  color: var(--primary-100) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

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

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

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

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

.text-black-100 {
  color: var(--black-100) !important;
}

.text-purple {
  color: var(--purple) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-blue {
  color: var(--blue) !important;
}

.text-18 {
  font-size: 18px;
}

.text-20 {
  font-size: 20px;
}

.text-40 {
  font-size: 40px !important;
}

.lh-32 {
  line-height: 32px;
}

.lh-34 {
  line-height: 34px;
}

.lh-48 {
  line-height: 48px !important;
}

.heading-2 {
  font-size: 40px;
  line-height: 120%;
}

.heading-3 {
  font-size: 32px;
  line-height: 120%;
}

/* Button */
.btn {
  padding: 10px 16px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: 0.2s all ease-in-out;
  min-width: fit-content;
}

.btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.btn.btn-primary,
.btn.btn-primary:active {
  background-color: var(--primary);
  color: var(--white);
}

.btn.btn-secondary,
.btn.btn-secondary:active {
  background-color: var(--secondary);
  color: var(--white);
}

.btn.btn-outline-primary,
.btn.btn-outline-primary:active {
  padding: 9px 15px;
  background-color: var(--white);
  border: 1px solid var(--primary);
  color: var(--black-100);
  letter-spacing: -1px;
}

/* Button */

/* pagination-wrapper */
.pagination-wrapper {
  gap: 6px;
}

.pagination-wrapper .page-numbers:not(.prev, .next) {
  width: 35px;
  height: 35px;
  min-width: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  color: #bdc2ca;
  border: 1px solid currentColor;
}

.pagination-wrapper .page-numbers.current {
  color: var(--primary);
}

.pagination-wrapper .page-numbers:is(.prev, .next) {
  color: #6a6d74;
}

.pagination-wrapper .page-numbers:not(.dots, .current) {
  cursor: pointer;
}

/* pagination-wrapper */

/* cursor */
.cursor {
  width: 20px;
  height: 20px;
  border: 1px solid var(--primary-100);
  border-radius: 50%;
  position: absolute;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  animation: cursorAnim 0.5s infinite alternate;
  pointer-events: none;
  z-index: 99;
}

.cursor::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  top: -6px;
  left: -6px;
  animation: cursorAnim2 0.5s infinite alternate;
}

@keyframes cursorAnim {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.6);
  }
}

@keyframes cursorAnim2 {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.2);
  }
}

@keyframes cursorAnim3 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(2.5);
  }

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

.expand {
  animation: cursorAnim3 0.5s forwards;
  border: 1px solid red;
}

/* cursor */

/* form */
.form-control-box .form-control {
  padding: 0 0 12px 0;
  border: none;
  border-bottom: 1px solid #dfe1e2;
  border-radius: 0;
}

.form-control-box .form-select {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 12px;
  border: none;
  border-bottom: 1px solid #dfe1e2;
  border-radius: 0;
  --bs-form-select-bg-img: url("../images/weui_arrow-outlined.svg");
  background-size: auto;
  background-position: right 0.4rem top 8px;
  cursor: pointer;
}

.form-control-box .form-control:focus,
.form-control-box .form-select:focus {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #dfe1e2;
}

/* form */

/* Header */
.main-header {
  z-index: 9;
  transition: 0.2s linear;
}

body .main-header.scrolled {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.main-header nav {
  padding: 20px 0;
}

.main-header nav .navbar-nav {
  gap: 32px;
}

.main-header nav .navbar-nav .nav-link.active {
  font-weight: 600;
}

.main-header nav .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary);
  transform-origin: right;
  transform: scaleX(0);
  transition: 250ms transform ease-out;
}

.main-header nav .navbar-nav .nav-link:hover:after {
  transform-origin: left;
  transform: scaleX(1);
}

.main-header nav .header-button {
  margin-inline-start: 32px;
}

/* Header */

/* Footer */
footer {
  padding-block: 72px;
  position: relative;
}

footer::after {
  content: "";
  position: absolute;
  width: 215px;
  height: 215px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -112px;
  background: rgba(255, 230, 0, 0.7);
  filter: blur(300px);
  border-radius: 100%;
  z-index: -1;
}

footer .subscribe {
  max-width: 370px;
}

footer .subscribe input {
  font-size: 14px;
  line-height: 1;
  padding: 13px 16px;
  color: var(--grey-100);
}

footer .subscribe input::placeholder {
  color: var(--grey-100);
}

footer .subscribe .btn {
  font-size: 14px;
  line-height: 10px;
  font-weight: 600;
}

footer .footer-top ul li a,
footer .footer-bottom p a {
  transition: 0.2s all ease-in-out;
}

footer .footer-top ul li a:hover {
  color: var(--primary);
}

footer .footer-social a {
  width: 24px;
  height: 24px;
  min-width: 24px;
  transition: 0.2s all ease-in-out;
}

footer .footer-social a:hover {
  background-color: var(--primary) !important;
}

footer .footer-bottom p a:hover {
  color: var(--secondary) !important;
}

/* Footer */

/* hero-banner */
.hero-banner .hero-banner-inner {
  min-height: 674px;
  border-radius: 20px;
}

.hero-banner .hero-banner-inner .content h1 {
  padding: 26px 0 56px;
  max-width: 970px;
  font-size: 64px;
  line-height: 120%;
}

.hero-banner .hero-banner-inner .content h1 svg {
  right: 1rem;
  top: 100%;
}

.hero-banner .hero-banner-inner .arrow-down {
  bottom: 40px;
}

.hero-banner .hero-banner-inner .arrow-down svg path {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

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

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

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

.hero-banner .hero-banner-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 86%;
  background: linear-gradient(
    180deg,
    rgba(8, 52, 95, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
}

.hero-banner .hero-banner-inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

/* hero-banner */

/* kripya-since-wrapper */
.kripya-since-wrapper {
  padding: 40px 0 123px;
}

.brand-slider .splide__slide {
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kripya-since-wrapper .brand-slider {
  margin-bottom: 120px;
}

.kripya-since-wrapper .kripya-since .content {
  margin-bottom: 80px;
}

.kripya-since-wrapper .kripya-since .since-box {
  padding: 32px;
  gap: 32px;
}

.kripya-since-wrapper .kripya-since .since-box .title {
  font-size: 24px;
  line-height: 150%;
}

.kripya-since-wrapper::before {
  content: "";
  width: 215px;
  height: 215px;
  border-radius: 100rem;
  background-color: #ffe600;
  opacity: 0.7;
  filter: blur(300px);
  position: absolute;
  top: 15%;
  right: 26%;
  z-index: 1;
}

.kripya-since-wrapper::after {
  content: "";
  width: 305px;
  height: 305px;
  border-radius: 100rem;
  background-color: #b58cd8;
  opacity: 0.7;
  filter: blur(220px);
  position: absolute;
  top: 38%;
  right: 18%;
  z-index: 1;
}

/* kripya-since-wrapper */

/* customer-impact */
.customer-impact {
  /* padding: 50px 0 377px; */
  padding: 60px 0 90px;
}

.customer-impact .impact-point .title {
  font-size: 100px;
  line-height: 130%;
}

.our-focus-wrapper .story-slider {
  margin-top: -298px;
  margin-bottom: 130px;
}

.story-slider-box {
  padding: 58px 50px;
  min-height: 562px;
}

.story-slider-box .image-box img {
  mix-blend-mode: lighten;
  position: relative;
  z-index: 1;
}

.story-slider-box .content-box {
  max-width: 500px;
}

.story-slider-box .content-box .title {
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 18px;
}

.story-slider .splide__arrows {
  display: flex;
  gap: 16px;
  position: absolute;
  top: 54px;
  right: 36px;
}

.story-slider .splide__arrow {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid var(--secondary);
  border-radius: 100rem;
  cursor: pointer;
  background-color: var(--secondary-50);
}

.story-slider .splide__arrow:disabled {
  background-color: transparent;
}

.story-slider .splide__arrow svg {
  fill: var(--secondary);
  height: 24px;
  width: 24px;
}

/* customer-impact */

/* our-focus-box */
.our-focus-wrapper::before {
  content: "";
  width: 947px;
  height: 1079px;
  position: absolute;
  background: url(../images/our-focus-bg.png) no-repeat top center;
  z-index: -1;
}

.our-focus-wrapper::after {
  content: "";
  width: 700px;
  height: 700px;
  border-radius: 100rem;
  position: absolute;
  background-color: #0884ef;
  opacity: 0.4;
  z-index: -1;
  top: 0;
  left: 8%;
  filter: blur(322px);
}

.our-focus-box .focus-box-img {
  min-height: 350px;
}

.our-focus-box .focus-box-content {
  padding: 100px 72px;
  min-height: 350px;
}

.our-focus-box.product-engineering .focus-box-content {
  background: linear-gradient(180deg, #08325b 0%, #0a3d6e 100%);
}

.our-focus-box.platform-engineering .focus-box-content {
  background: #005654;
}

.our-focus-box.implementation-customization .focus-box-content {
  background: #005374;
}

.our-focus-box.managed-services .focus-box-content {
  background: #006d99;
}

/* our-focus-box */

/* Why Kripya */
.why-kripya-wrapper::before {
  content: "";
  width: 457px;
  height: 1030px;
  position: absolute;
  background: url(../images/why-kripya-bg.svg) no-repeat center center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.why-kripya-wrapper::after {
  content: "";
  width: 353px;
  height: 353px;
  border-radius: 100rem;
  position: absolute;
  background-color: #0884ef;
  opacity: 0.6;
  top: 50%;
  transform: translateY(-50%);
  left: -63px;
  filter: blur(200px);
  z-index: -1;
}

.why-kripya {
  padding-block: 100px;
}

.why-kripya ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

.why-kripya ul li .title {
  margin-top: 32px;
  font-size: 22px;
  line-height: 32px;
}

/* Why Kripya */

/* Industry Insights */
.industry-insights {
  border-top: 1px solid #d2daea;
  border-bottom: 1px solid #d2daea;
  margin-bottom: 100px;
}

.industry-insights-box {
  padding: 60px 0;
}

/* Industry Insights */

/* Blog Slider - HomePage */
.blog-slider {
  margin: 20px 0 80px;
}

:is(.blog-slider, .other-blogs-slider) .splide__slide {
  width: auto !important;
}

.blog-slider .blog-slider-box {
  padding: 12px;
  max-width: 340px;
}

.blog-slider .blog-slider-box .blog-slider-img img {
  aspect-ratio: 14 / 15;
  object-fit: cover;
}

.blog-slider .blog-slider-box .date {
  font-size: 14px;
  color: #b0b0b0;
}

:is(.blog-slider, .other-blogs-slider) .splide__arrows {
  display: flex;
  gap: 12px;
  padding-left: 12px;
}

:is(.blog-slider, .other-blogs-slider) .splide__arrow {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid var(--primary);
  border-radius: 100rem;
  cursor: pointer;
}

:is(.blog-slider, .other-blogs-slider) .splide__arrow svg {
  height: 11.43px;
  width: 11.43px;
}

/* Blog Slider */

/* Connect with us */
.connect-with-us {
  padding: 180px 0 144px;
  background: linear-gradient(
      89.71deg,
      rgba(0, 0, 0, 0.35) 18.86%,
      rgba(0, 0, 0, 0) 99.75%
    ),
    url("../images/connect-with-us-bg.png") no-repeat center center;
  background-size: cover;
}

/* Connect with us */

/* page-banner */
.page-banner .page-banner-inner {
  border-radius: 20px;
  min-height: 552px;
}

.page-banner .page-banner-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 100%;
  background: linear-gradient(
    98.56deg,
    #01274c 20%,
    rgba(7, 48, 88, 0.6) 60%,
    rgba(255, 255, 255, 0) 80%
  );
  border-radius: 20px;
}

.product-engineering-main .page-banner .page-banner-inner::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  height: 100%;
  background: linear-gradient(
    -87.8deg,
    #01274c -43.33%,
    rgba(7, 48, 88, 0.5) -4.75%,
    rgba(255, 255, 255, 0) 34.58%
  );
  z-index: 1;
}

.page-banner .page-banner-inner .page-banner-text {
  padding-block: 40px;
  color: var(--white);
  letter-spacing: -1px;
}

.page-banner .page-banner-inner h2 {
  font-size: 64px;
  line-height: 120%;
  font-weight: 600;
}

.page-banner .page-banner-inner h1 {
  font-size: 28px;
  line-height: 120%;
  font-weight: 300;
}

/* page-banner */

/* GPTW */
.gptw-content::before {
  content: "";
  position: absolute;
  width: 215px;
  height: 215px;
  background-color: rgba(255, 230, 0, 0.7);
  border-radius: 100rem;
  filter: blur(300px);
  bottom: 0;
  right: 240px;
  z-index: -1;
}

.gptw-content::after {
  content: "";
  position: absolute;
  width: 304px;
  height: 304px;
  background-color: rgba(181, 140, 216, 0.7);
  border-radius: 100rem;
  filter: blur(220px);
  top: calc(100% - 113px);
  right: 118px;
  z-index: -1;
}

.gptw-content p {
  color: #071722;
}

.gptw-content p span {
  font-weight: 500;
}

/* GPTW */

/* box-grp */
.box-grp .box-grp-img {
  min-height: 460px;
}

.box-grp .box-grp-text {
  padding: 30px 100px;
  min-height: 460px;
}

.box-grp.our-vision .box-grp-text {
  background-color: #005654;
}

.box-grp.our-mission .box-grp-text {
  background-color: #005374;
}

/* box-grp */

/* Milestone Content */
.milestone-content {
  padding-block: 120px;
}

.milestone-statistics .statistics-number {
  font-size: 52px;
  line-height: 63px;
  font-weight: 500;
}

.milestone-statistics p {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  padding: 0 50px;
}

.milestone-statistics .milestone-box {
  position: relative;
}

.milestone-statistics .milestone-box + .milestone-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.16) 0px 1px,
    transparent 2px 4px
  );
}

.milestone-success .splide__slide {
  width: auto !important;
}

.milestone-success .splide__slide:first-child .milestone-slider-box img {
  clip-path: inset(0 0 0 15px);
}

.milestone-success .milestone-slider-box {
  max-width: 250px;
  letter-spacing: -0.85px;
}

.milestone-success .milestone-slider-box p {
  padding-inline: 20px 6px;
}

/* Our Locations */
.recognitions-locations .recognitions-right-bg::before,
.recognitions-locations .recognitions-left-bg::before {
  content: "";
  position: absolute;
  width: 461px;
  height: 902px;
  z-index: -1;
}

.recognitions-locations .recognitions-left-bg::before {
  left: 0;
  top: 198px;
  background: url(../images/certificate-left-bg.svg) no-repeat center left;
}

.recognitions-locations .recognitions-right-bg::before {
  top: 244px;
  right: 0;
  background: url(../images/certificate-right-bg.svg) no-repeat center right;
}

.recognitions-locations .recognitions-left-bg::after,
.recognitions-locations .recognitions-right-bg::after {
  content: "";
  width: 507px;
  height: 507px;
  border-radius: 100rem;
  position: absolute;
  background-color: #0884ef;
  opacity: 0.4;
  z-index: -2;
  filter: blur(322px);
}

.recognitions-locations .recognitions-left-bg::after {
  top: 139px;
  left: -326px;
}

.recognitions-locations .recognitions-right-bg::after {
  top: 139px;
  right: -326px;
}

.our-locations::before {
  content: "";
  position: absolute;
  top: 34px;
  left: -51px;
  width: 512px;
  height: 495px;
  background: url(../images/world-map.svg) no-repeat center left;
  mix-blend-mode: multiply;
  rotate: -6.25deg;
}

.about-main .recognitions-locations .recognitions-right-bg::before {
  top: -290px;
}

.about-main .recognitions-locations .recognitions-right-bg::after {
  top: -50px;
}

.about-main .our-locations::before {
  top: 100px;
}

.contact-main .our-locations::before {
  top: unset;
  bottom: 24px;
}

.our-locations {
  background: radial-gradient(
    180.06% 700.11% at 17.19% 74.96%,
    #ffffff 0%,
    #9cd1f0 100%
  );
}

.our-locations .our-locations-box {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 41.23%
  );
  border: 2px solid #ffffff;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.03));
  backdrop-filter: blur(2px);
  border-radius: 12px;
  overflow: hidden;
}

.our-locations .our-locations-img {
  padding: 21px 33px;
}

.our-locations .our-locations-img.usa-map {
  padding-inline: 24px;
}

.our-locations .our-locations-text {
  line-height: 19px;
  letter-spacing: -1px;
}

.our-locations .our-locations-text .email-box {
  padding: 6px 12px;
  background-color: rgba(8, 54, 98, 0.06);
  border-radius: 4px;
  margin-top: 14px;
  font-size: 16px;
  font-weight: normal;
  color: #071722;
}

.join-our-team {
  padding-block: 197px;
}

.join-our-team::before {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    270deg,
    rgba(14, 41, 60, 0) 0%,
    rgba(14, 41, 60, 0.77) 51.51%,
    #0e293c 114.48%
  );
}

.join-our-team .join-our-team-text .title {
  font-size: 44px;
  line-height: 53px;
}

/* Milestone Content */

/* common-mix-bg */
.common-mix-bg::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background-color: rgba(255, 230, 0, 0.8);
  border-radius: 100rem;
  filter: blur(200px);
  top: 80px;
  right: 250px;
  z-index: -1;
}

.common-mix-bg::after {
  content: "";
  position: absolute;
  width: 304px;
  height: 304px;
  background-color: rgba(181, 140, 216, 0.8);
  border-radius: 100rem;
  filter: blur(220px);
  top: 150px;
  right: 30px;
  z-index: -1;
}

.platform-engineering-main .common-mix-bg::before {
  background-color: rgba(255, 230, 0, 0.7);
  right: 150px;
}

.platform-engineering-main .common-mix-bg::after {
  background-color: rgba(181, 140, 216, 0.4);
}

.managed-services-main .common-mix-bg::before {
  background-color: rgba(255, 230, 0, 0.7);
  filter: blur(250px);
}

.managed-services-main .common-mix-bg::after {
  display: none;
}

/* common-mix-bg */

/* our-approach */
.our-approach::before {
  content: "";
  width: 1123px;
  height: 2001px;
  position: absolute;
  background: url(../images/our-approach-bg.svg) no-repeat center center;
  z-index: -1;
  right: 0;
  top: 0;
}

.product-engineering-main .our-approach::before {
  top: -25%;
}

.managed-services-main .our-approach::before {
  width: 1440px;
  height: 2407px;
  background: url(../images/managed-sevices-our-approach-bg.svg) no-repeat
    center center;
  top: -30%;
}

.implementation-customization-main .our-approach::before {
  display: none;
}

.our-approach::after {
  content: "";
  width: 400px;
  height: 400px;
  border-radius: 100rem;
  position: absolute;
  background-color: #9ad0f0;
  z-index: -1;
  bottom: 53px;
  right: 115px;
  filter: blur(220px);
}

.managed-services-main .our-approach::after {
  width: 500px;
  height: 500px;
  bottom: 300px;
  right: 0;
}

.our-approach-card {
  margin-bottom: 80px;
}

/* our-approach */

/* why-leading */
.why-leading {
  background-color: #005375;
  /* margin-top: 110px; */
}

.why-leading .story-slider {
  position: relative;
  top: -115px;
}

/* why-leading */

/* accelerate-platform */
.accelerate-platform {
  padding: 100px 0;
}

.accelerate-platform::before {
  content: "";
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    270deg,
    rgba(14, 41, 60, 0) 0%,
    rgba(14, 41, 60, 0.77) 51.51%,
    #0e293c 114.48%
  );
}

/* accelerate-platform */

/* vision-slider */
.vision-slider-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #015983 100%);
  z-index: 1;
}

.vision-slider-box {
  padding-block: 132px 160px;
  min-height: 599px;
}

.vision-slider .content-box {
  max-width: 500px;
}

.vision-slider .content-box .title {
  font-size: 45px;
  line-height: 54px;
}

.vision-slider .splide__arrows {
  display: flex;
  gap: 24px;
  position: absolute;
  bottom: 60px;
  left: 0;
}

.vision-slider .splide__arrow {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border: 1px solid var(--white);
  border-radius: 100rem;
  cursor: pointer;
}

.vision-slider .splide__arrow svg {
  fill: var(--white);
  height: 24px;
  width: 24px;
}

/* vision-slider */

/* choose-kripya */
.implementation-customization-main .choose-kripya,
.platform-engineering-main .choose-kripya,
.product-engineering-main .choose-kripya {
  background-color: #093662 !important;
}

.choose-kripya .choose-kripya-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 64px;
}

.choose-kripya .choose-kripya-inner .choose-kripya-box {
  padding: 20px;
}

.implementation-customization-main
  .choose-kripya
  .choose-kripya-inner
  .choose-kripya-box,
.platform-engineering-main
  .choose-kripya
  .choose-kripya-inner
  .choose-kripya-box,
.product-engineering-main
  .choose-kripya
  .choose-kripya-inner
  .choose-kripya-box {
  background: linear-gradient(
    132.48deg,
    rgba(1, 43, 85, 0.3) 2.57%,
    rgba(7, 36, 66, 0.3) 100%
  ) !important;
  border: 1px solid #1e4a77 !important;
}

.choose-kripya::before {
  content: "";
  width: 710px;
  height: 678px;
  position: absolute;
  background: url(../images/choose-kripya-bg.svg) no-repeat center center;
  z-index: 0;
  right: 0;
  top: -125px;
}

.implementation-customization-main .choose-kripya::before,
.platform-engineering-main .choose-kripya::before,
.product-engineering-main .choose-kripya::before {
  width: 661px;
  height: 408px;
  background: url(../images/choose-kripya-bg2.svg) no-repeat center center;
  top: 0;
}

.choose-kripya::after {
  content: "";
  width: 500px;
  height: 500px;
  border-radius: 100rem;
  position: absolute;
  background-color: #0884ef;
  opacity: 0.6;
  z-index: -1;
  top: 0;
  right: -55px;
  filter: blur(322px);
}

.implementation-customization-main .choose-kripya::after,
.platform-engineering-main .choose-kripya::after,
.product-engineering-main .choose-kripya::after {
  width: 304px;
  height: 304px;
  background-color: #9ad0f0;
  z-index: 0;
  bottom: calc(100% + 24px);
  top: unset;
  right: 24px;
  filter: blur(220px);
  opacity: 1;
}

.choose-kripya .choose-kripya-inner::before {
  content: "";
  width: 215px;
  height: 215px;
  border-radius: 100rem;
  position: absolute;
  background-color: #ffe600;
  opacity: 0.4;
  z-index: -1;
  top: 24px;
  left: 307px;
  filter: blur(300px);
}

.choose-kripya .choose-kripya-inner::after {
  content: "";
  width: 304px;
  height: 304px;
  border-radius: 100rem;
  position: absolute;
  background-color: #b58cd8;
  opacity: 0.4;
  z-index: -1;
  top: 150px;
  left: -22px;
  filter: blur(220px);
}

.implementation-customization-main .choose-kripya .choose-kripya-inner::before,
.implementation-customization-main .choose-kripya .choose-kripya-inner::after,
.platform-engineering-main .choose-kripya .choose-kripya-inner::before,
.product-engineering-main .choose-kripya .choose-kripya-inner::before,
.platform-engineering-main .choose-kripya .choose-kripya-inner::after,
.product-engineering-main .choose-kripya .choose-kripya-inner::after {
  display: none;
}

/* choose-kripya */

/* ready-scale */
.ready-scale::before {
  content: "";
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(
    52.29% 101.16% at 12.92% 55.15%,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* ready-scale */

/* real-world-impact */
.real-world-impact {
  background-color: #093765;
}

.real-world-impact .real-box {
  padding: 20px;
  background: linear-gradient(
    132.48deg,
    rgba(1, 43, 85, 0.3) 2.57%,
    rgba(7, 36, 66, 0.3) 100%
  );
  border: 1px solid #1e4a77;
  margin-top: 64px;
}

/* real-world-impact */

/* focus-area */
.focus-area-wrapper::before {
  content: "";
  width: 1440px;
  height: 1050px;
  position: absolute;
  background: url(../images/focus-area-bg.png) no-repeat center center;
  left: 0;
  top: 0;
  z-index: -1;
}

.focus-area-wrapper::after {
  content: "";
  width: 578px;
  height: 508px;
  border-radius: 100%;
  position: absolute;
  background-color: #0884ef;
  opacity: 0.2;
  z-index: -1;
  top: 370px;
  right: calc(100% - 120px);
  filter: blur(322px);
}

.focus-area .cus-accordion {
  max-width: 553px;
  margin-inline: auto;
  gap: 36px;
}

.cus-accordion .cus-accordion-box .title {
  cursor: pointer;
}

.cus-accordion .cus-accordion-box .title svg {
  min-width: 24px;
}

.cus-accordion .cus-accordion-box .title[aria-expanded="true"] .open,
.cus-accordion .cus-accordion-box .title[aria-expanded="false"] .close {
  display: none;
}

.cus-accordion .cus-accordion-box:has(.title[aria-expanded="true"])::before,
.cus-accordion .cus-accordion-box .title[aria-expanded="true"]::after {
  content: "";
  position: absolute;
  left: -24px;
  top: 0;
  width: 2px;
  height: 100%;
}

.cus-accordion .cus-accordion-box:has(.title[aria-expanded="true"])::before {
  background-color: #ababab;
}

.cus-accordion .cus-accordion-box .title[aria-expanded="true"]::after {
  background-color: #093765;
}

/* focus-area */

/* cutting-edge */
.cutting-edge::before {
  content: "";
  width: 215px;
  height: 215px;
  border-radius: 100rem;
  position: absolute;
  background-color: #ffe600;
  opacity: 0.7;
  filter: blur(300px);
  z-index: -1;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.cutting-edge::after {
  content: "";
  width: 304px;
  height: 304px;
  border-radius: 100rem;
  position: absolute;
  background-color: #b58cd8;
  opacity: 0.7;
  filter: blur(220px);
  z-index: -1;
  top: 100px;
  left: 50%;
}

.cutting-edge .cutting-edge-inner::before {
  content: "";
  width: 295px;
  height: 175px;
  border-radius: 100%;
  position: absolute;
  background-color: #ffe600;
  opacity: 0.7;
  filter: blur(300px);
  z-index: -1;
  top: 50%;
  left: -85px;
  transform: translateY(-50%);
}

.cutting-edge .cutting-edge-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 22px;
  row-gap: 8px;
}

.cutting-edge .cutting-edge-inner .edge-box {
  margin-inline-end: 15px;
  margin-block-end: 15px;
  min-height: 340px;
  perspective: none;
}

.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.cutting-edge .cutting-edge-inner .edge-box:hover .edge-box-inner {
  transform: rotateY(180deg);
}

.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner .edge-box-front,
.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner .edge-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 40px;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 1)
  .edge-box-inner
  .edge-box-front {
  background-color: #6bb267;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 2)
  .edge-box-inner
  .edge-box-front {
  background-color: #2ca168;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 3)
  .edge-box-inner
  .edge-box-front {
  background-color: #429b6f;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 4)
  .edge-box-inner
  .edge-box-front {
  background-color: #3a9668;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 5)
  .edge-box-inner
  .edge-box-front {
  background-color: #287a52;
}

.cutting-edge
  .cutting-edge-inner
  .edge-box:nth-child(6n + 6)
  .edge-box-inner
  .edge-box-front {
  background-color: #005654;
}

.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner .edge-box-back {
  background-color: #093765;
  transform: rotateY(180deg);
}

.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner .title {
  font-size: 24px;
  line-height: 150%;
}

.cutting-edge .cutting-edge-inner .edge-box .edge-box-inner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -15px;
  bottom: -15px;
  background-color: #f2f2f2;
  z-index: -1;
  transition: 0.6s;
}

.cutting-edge .cutting-edge-inner .edge-box:hover .edge-box-inner::before {
  right: 15px;
}

/* cutting-edge */

/* lead-future */
.lead-future {
  padding-block: 180px 143px;
  overflow: hidden;
}

.lead-future .container::after {
  content: "";
  position: absolute;
  width: 566px;
  height: 437px;
  border-radius: 100%;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.3);
  filter: blur(25px);
}

/* lead-future */

/* industry-challenges */
.industry-challenges {
  padding-block: 230px;
}

.industry-challenges .industry-challenges-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  padding-top: 20px;
  padding-left: 20px;
}

.industry-challenges::before {
  content: "";
  width: 215px;
  height: 215px;
  border-radius: 100rem;
  position: absolute;
  background-color: #ffe600;
  opacity: 0.7;
  filter: blur(300px);
  z-index: -1;
  top: 250px;
  right: 380px;
}

.industry-challenges::after {
  content: "";
  width: 304px;
  height: 304px;
  border-radius: 100rem;
  position: absolute;
  background-color: #b58cd8;
  opacity: 0.7;
  filter: blur(220px);
  z-index: -1;
  bottom: 150px;
  right: 250px;
}

.industry-challenges .image {
  margin-top: -40px;
  margin-right: -25px;
  z-index: 1;
  position: relative;
}

.industry-challenges .image::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 40px solid #939498;
  border-right: 50px solid transparent;
  top: 100%;
  right: 0;
}

.industry-challenges .image img {
  border-radius: 4px 4px 0 4px;
}

.industry-challenges .content {
  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.08);
  border-radius: 0 4px 4px 0;
  margin-bottom: -40px;
  margin-left: -25px;
}

.industry-challenges .content p {
  max-width: 490px;
  padding: 20px 20px 20px 65px;
}

/* industry-challenges */

/* contact-form */
.contact-form::before {
  content: "";
  width: 215px;
  height: 215px;
  border-radius: 100rem;
  position: absolute;
  background-color: #ffe600;
  opacity: 0.7;
  filter: blur(300px);
  z-index: -1;
  top: 117px;
  right: 299px;
}

.contact-form::after {
  content: "";
  width: 304px;
  height: 304px;
  border-radius: 100rem;
  position: absolute;
  background-color: #b58cd8;
  opacity: 0.7;
  filter: blur(220px);
  z-index: -1;
  bottom: 136px;
  right: 160px;
}

.contact-form .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;
  row-gap: 30px;
}

.contact-form .form .grid-cols-12 {
  grid-column: span 2;
}

/* contact-form */

/* featured-post */
.featured-post::after {
  display: none;
}

.featured-post {
  background-color: #01274c;
  margin-bottom: 112px;
}

.page-banner .page-banner-inner.featured-post .title {
  font-size: 44px;
  line-height: 53px;
  letter-spacing: -2px;
}

.featured-post .blog-list li a {
  padding-block: 6px;
}

.featured-post .blog-list li a.active {
  background-color: var(--white);
  color: var(--black-100);
}

.featured-post .page-banner-box {
  gap: 30px;
  box-shadow: 0px 20px 80px -30px rgba(40, 47, 244, 0.2);
  margin-bottom: -92px;
}

.featured-post .page-banner-box .content-box .content {
  letter-spacing: -1px;
}

.featured-post .page-banner-box .img-box {
  max-width: 650px;
}

/* featured-post */

/* blog-post */
.blog-post::before {
  content: "";
  position: absolute;
  width: 303.65px;
  height: 303.65px;
  background: rgba(181, 140, 216, 0.7);
  filter: blur(220px);
  border-radius: 100rem;
  top: 14%;
  right: 20%;
  z-index: -1;
}

.blog-post::after {
  content: "";
  position: absolute;
  width: 253.05px;
  height: 253.05px;
  background-color: rgba(181, 140, 216, 0.7);
  border-radius: 100rem;
  filter: blur(220px);
  bottom: 130px;
  left: 65px;
  z-index: -1;
}

.blog-post .container::before {
  content: "";
  position: absolute;
  width: 179px;
  height: 179px;
  background: rgba(255, 230, 0, 0.4);
  filter: blur(300px);
  border-radius: 100rem;
  bottom: -60px;
  right: 0;
  z-index: -1;
}

.blog-post-card {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  padding-bottom: 231px !important;
}

.blog-post-card .blog-label {
  padding-block: 6px;
  gap: 10px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -1px;
}

.blog-post-card .blog-content {
  min-height: 162px;
}

.blog-post-card .blog-content .badge {
  padding: 6px 7px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.blog-post-card.hover-animation .blog-content .badge {
  border: 1px solid #e1e3e4;
  color: #4f5963;
}

.blog-post-card .blog-content p {
  line-height: 140%;
}

.blog-post-card.hover-animation:hover *:not(.keep-as) {
  color: #ffffff !important;
  border-color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}

.blog-post-card .img-blog {
  border-radius: 8px;
  overflow: hidden;
  transform-origin: bottom;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 4px;
  height: 190px;
  width: calc(100% - 8px);
}

.blog-post-card.hover-animation:hover .img-blog {
  transition: all 0.3s ease-in-out;
  height: calc(100% - 8px);
}

.blog-post-card .img-blog::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    293.91deg,
    rgba(0, 0, 0, 0) 27.64%,
    rgba(0, 0, 0, 0.112) 78.76%
  );
}

.blog-post-card.hover-animation:hover .img-blog::before {
  background: linear-gradient(
      293.91deg,
      rgba(0, 0, 0, 0) 27.64%,
      rgba(0, 0, 0, 0.85) 78.76%
    ),
    linear-gradient(
      94.67deg,
      rgba(0, 0, 0, 0.4) 67.46%,
      rgba(0, 0, 0, 0.4) 90.64%
    );
  transition: all 0.3s ease-in-out;
}

.blog-post-card .img-blog img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-post-card.hover-animation .img-blog .arrow-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.blog-post-card.hover-animation:hover .img-blog .arrow-icon {
  opacity: 1;
}

/* blog-post */

/* Blog List Page */
.page-banner-small {
  min-height: 240px;
  border-radius: 20px;
  overflow: hidden;
  padding-block: 33px;
  margin-bottom: 68px;
}

.page-banner-small img {
  object-fit: cover;
}

.page-banner-small h1 {
  margin-top: 40px;
}

.page-banner-small::before {
  content: "";
  background: linear-gradient(
    97.02deg,
    rgba(1, 39, 76, 0.8) 13.89%,
    rgba(7, 48, 88, 0.4) 100.49%,
    rgba(255, 255, 255, 0) 110.1%
  );
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-list::before {
  content: "";
  position: absolute;
  width: 303.65px;
  height: 303.65px;
  background: rgba(181, 140, 216, 0.7);
  filter: blur(220px);
  border-radius: 100rem;
  top: 50%;
  right: 20%;
  z-index: -1;
}

.blog-list::after {
  content: "";
  position: absolute;
  width: 264.84px;
  height: 264.84px;
  background-color: rgba(181, 140, 216, 0.7);
  border-radius: 100rem;
  filter: blur(220px);
  bottom: 64px;
  left: 22px;
  z-index: -1;
}

.blog-list .container::before {
  content: "";
  position: absolute;
  width: 213px;
  height: 213px;
  background: rgba(255, 230, 0, 0.4);
  filter: blur(300px);
  border-radius: 100rem;
  bottom: -52px;
  right: 6px;
  z-index: -1;
}

/* Blog List Page */

/* Blog Detail Page */
.blog-detail-banner::before {
  content: "";
  position: absolute;
  width: 286.92px;
  height: 286.92px;
  background: rgba(181, 140, 216, 0.5);
  filter: blur(220px);
  border-radius: 100rem;
  bottom: -160px;
  left: 272px;
  z-index: -1;
}

.blog-detail-banner::after {
  content: "";
  position: absolute;
  width: 198.97px;
  height: 198.97px;
  background: #b58cd8;
  border-radius: 100rem;
  filter: blur(220px);
  bottom: -100px;
  right: 40px;
  z-index: -1;
}

.blog-post-details::before {
  content: "";
  position: absolute;
  width: 221.52px;
  height: 221.52px;
  background: rgba(181, 140, 216, 0.7);
  filter: blur(220px);
  border-radius: 100rem;
  bottom: -80px;
  left: 22px;
  z-index: -1;
}

.blog-post-details::after {
  content: "";
  position: absolute;
  width: 178px;
  height: 178px;
  background: rgba(255, 230, 0, 0.4);
  filter: blur(300px);
  border-radius: 100rem;
  top: calc(100% + 24px);
  right: 18px;
  z-index: -1;
}

.page-detail-banner {
  padding-bottom: 610px;
}

.page-detail-banner::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 70px;
  width: 100%;
  height: 500px;
  background: linear-gradient(
    100deg,
    rgba(1, 39, 76, 0.2) 5.44%,
    rgba(7, 48, 88, 0.1) 100.29%,
    rgba(255, 255, 255, 0) 110.81%
  );
  border-radius: 20px;
}

.page-detail-header-content {
  padding-top: 32px;
}

.page-detail-header-content .badge {
  border: 1px solid var(--grey-100);
  padding: 9px 16px;
}

.page-detail-header-content h1 {
  font-size: 44px;
  line-height: 130%;
  max-width: 78%;
  margin-inline: auto;
}

.page-detail-header-content .date {
  font-size: 14px;
  line-height: 17px;
  color: #5f667c;
}

.blog-details-banner-img {
  min-height: 500px;
  max-height: 500px;
  border-radius: 20px;
  bottom: 70px;
  object-fit: cover;
}

.blog-post-details ul li .orange-icon,
.event-details ul li .orange-icon {
  margin-top: 4px;
  min-width: 8px;
}

.blog-post-details ul li h4 {
  line-height: 120%;
}

.blog-post-details ul li p {
  line-height: 135%;
}

.blog-details-sidebar {
  background: #ffffff;
  border: 1px solid rgba(7, 23, 34, 0.08);
  box-shadow: 0px 20px 80px -30px #f3f1eb, -50px 20px 80px -30px #f3f1eb;
  border-radius: 12px;
  padding: 30px;
}

.related-blog-list {
  gap: 20px;
  max-height: 183px;
  overflow-y: auto;
}

.related-blog-list li .related-img-box {
  border-radius: 5px;
  overflow: hidden;
  min-width: 78px;
  width: 78px;
}

.related-blog-list li .related-cnt {
  margin-left: 20px;
}

.related-blog-list li .related-cnt span {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 13px;
}

.related-blog-list li .related-cnt h6 {
  line-height: 160%;
}

.other-blogs-slider .blog-post-card {
  max-width: 392px;
  height: 100%;
}

/* Blog Detail Page */

/* case-study-details */
.case-study-details .card {
  padding: 80px;
  box-shadow: 0px 20px 80px -30px rgba(40, 47, 244, 0.2);
  margin-top: -170px;
}

/* case-study-details */

/* event-detail-page */
.event-detail-banner .page-banner-inner {
  border-radius: 20px;
  min-height: 504px;
}

.event-detail-banner .page-banner-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    56.94% 56.94% at 48.49% 56.15%,
    rgba(0, 0, 0, 0.96) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 20px;
}

.event-details .image {
  border-radius: 20px;
}

.event-details::before {
  content: "";
  position: absolute;
  width: 286.92px;
  height: 286.92px;
  background: rgba(181, 140, 216, 0.5);
  filter: blur(220px);
  border-radius: 100rem;
  left: 20%;
  top: 8%;
  z-index: -1;
}

.event-details::after {
  content: "";
  position: absolute;
  width: 315.28px;
  height: 293.66px;
  background: rgba(255, 230, 0, 0.5);
  opacity: 0.4;
  filter: blur(197px);
  border-radius: 100rem;
  left: 12%;
  top: 35%;
  z-index: -1;
}

.event-details-sidebar::before {
  content: "";
  position: absolute;
  width: 198.97px;
  height: 198.97px;
  background: #b58cd8;
  filter: blur(220px);
  border-radius: 100rem;
  right: -42px;
  bottom: -52px;
  z-index: -1;
}

.recent-event-slider::before {
  content: "";
  position: absolute;
  width: 221.52px;
  height: 221.52px;
  background: rgba(181, 140, 216, 0.7);
  filter: blur(220px);
  border-radius: 100rem;
  left: 22px;
  bottom: 0;
  z-index: -1;
}

.recent-event-slider::after {
  content: "";
  position: absolute;
  width: 178px;
  height: 178px;
  background: rgba(255, 230, 0, 0.4);
  filter: blur(300px);
  border-radius: 100rem;
  right: 18px;
  bottom: -52px;
  z-index: -1;
}

/* event-detail-page */

/* opening-roles */
.opening-roles::before {
  content: "";
  position: absolute;
  width: 303.65px;
  height: 303.65px;
  background: rgba(181, 140, 216, 0.7);
  filter: blur(220px);
  border-radius: 100rem;
  right: 240px;
  top: 28%;
  z-index: -1;
}

.opening-roles::after {
  content: "";
  position: absolute;
  width: 215px;
  height: 215px;
  background: rgba(255, 230, 0, 0.7);
  filter: blur(300px);
  border-radius: 100rem;
  right: 379px;
  top: 16%;
  z-index: -1;
}

.opening-roles .job-search {
  max-width: 392px;
  padding: 6px 6px 6px 12px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(7, 23, 34, 0.12);
  border-radius: 8px;
}

.opening-roles .job-search:has(input:focus) {
  box-shadow: 0 0 0 0.25rem rgba(246, 146, 61, 0.25);
}

.opening-roles .job-search input:focus {
  outline: none;
}

.opening-roles .job-search input::placeholder {
  color: #6d758f;
}

.opening-roles .career-box {
  border-radius: 12px;
  padding: 20px;
  gap: 20px;
}

.opening-roles .career-box .img-box img {
  transition: 0.5s all ease-in-out;
}

.opening-roles .career-box:hover .img-box img {
  scale: 1.3;
}

.opening-roles .career-box .img-box {
  border-radius: 12px;
  width: 100%;
  max-width: 192px;
}

.opening-roles .career-box .img-box::after {
  content: "";
  background: linear-gradient(
    293.91deg,
    rgba(0, 0, 0, 0) 27.64%,
    rgba(0, 0, 0, 0.32) 78.76%
  );
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.opening-roles .career-box .date {
  font-size: 14px;
  line-height: 17px;
}

.opening-roles .career-box .badge {
  border: 1px solid #e1e3e4;
  color: #4f5963;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 16px;
}

.opening-roles .career-box .content {
  font-size: 14px;
  line-height: 170%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e3e4;
}

/* opening-roles */

/* Country Dropdown */
.intl-tel-input {
  position: relative;
  display: flex;
  align-items: center;
}

.intl-tel-input .flag-container {
  position: relative;
  border-bottom: 1px solid #dfe1e2;
  padding: 0;
}

.intl-tel-input .selected-flag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 35px;
  background-color: #efefef;
}

.intl-tel-input .selected-flag .iti-flag,
.intl-tel-input .selected-flag .iti-arrow {
  position: relative;
  top: inherit;
  right: inherit;
  margin: 0;
}

.intl-tel-input .selected-flag .iti-flag {
  margin-right: 7px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type="text"],
.intl-tel-input.allow-dropdown input[type="tel"],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type="text"],
.intl-tel-input.separate-dial-code input[type="tel"] {
  padding: 6px 0 6px 10px;
  margin: 0;
}

/* Country Dropdown */

/* Privacy Policy */
.privacy-policy h2 {
  font-size: 26px;
}

/* Privacy Policy */

/* firefox only */
@-moz-document url-prefix() {
  .kripya-since-wrapper::before {
    opacity: 0.05;
    width: 400px;
    height: 400px;
  }

  .kripya-since-wrapper::after {
    opacity: 0.1;
    width: 500px;
    height: 500px;
  }

  .our-focus-wrapper::after,
  .why-kripya-wrapper::after,
  .implementation-customization-main .choose-kripya::after,
  .platform-engineering-main .choose-kripya::after,
  .product-engineering-main .choose-kripya::after,
  .industry-challenges::before,
  .industry-challenges::after,
  .cutting-edge::before,
  .cutting-edge::after,
  .cutting-edge .cutting-edge-inner::before,
  .gptw-content::before,
  .gptw-content::after,
  footer::after {
    opacity: 0.2;
  }

  .recognitions-locations .recognitions-left-bg::after,
  .recognitions-locations .recognitions-right-bg::after {
    opacity: 0.15;
  }

  .common-mix-bg::before {
    width: 450px;
    height: 450px;
    opacity: 0.15;
  }

  .common-mix-bg::after {
    width: 504px;
    height: 504px;
    opacity: 0.15;
  }

  .our-approach::after {
    width: 500px;
    height: 500px;
    opacity: 0.4;
  }

  .choose-kripya::after,
  .choose-kripya .choose-kripya-inner::before,
  .choose-kripya .choose-kripya-inner::after {
    opacity: 0.15;
  }

  .focus-area-wrapper::after {
    opacity: 0.1;
  }

  .contact-form::before,
  .contact-form::after {
    opacity: 1;
  }

  .blog-post::before,
  .blog-post::after,
  .blog-post .container::before,
  .blog-list::before,
  .blog-list::after,
  .blog-list .container::before,
  .blog-post-details::after,
  .event-details::before,
  .event-details::after,
  .event-details-sidebar::before,
  .recent-event-slider::before,
  .recent-event-slider::after,
  .opening-roles::before,
  .opening-roles::after {
    opacity: 0.3;
  }

  .blog-detail-banner::before,
  .blog-detail-banner::after,
  .blog-post-details::before {
    opacity: 0.5;
  }
}

.wpcf7 form.failed .wpcf7-response-output {
  border: unset;
  padding-left: 0.5rem;
}