/* roots */
:root {

  /* colors */
  --clr-Primary-50: #F0F8FF;
  --clr-Primary-70: #B0DEFF;
  --clr-Primary-400: #245BAF;
  --clr-Primary-500: #1B4585;
  --clr-Gray-500: #71717A;
  --clr-Gray-600: #525252;
  --clr-Gray-800: #262626;


  /* font family */
  --ff-apercuPro: "apercuPro";
  --ff-jost: "Jost", sans-serif;
  --ff-anton: "Anton", sans-serif;
  --ff-nunito: "Nunito", sans-serif;
  --ff-poppins: "Poppins", sans-serif;
  --ff-gooseberryJuice: "Gooseberry Juice";

  /* Font size */
  --fs-xxlarger: clamp(2.5rem, 1.4035rem + 3.5088vw, 5rem);
  /* Approx. 40px - 80px */
  --fs-xlarger: clamp(2rem, 1.1228rem + 2.807vw, 4rem);
  /* Approx. 32px - 64px */
  --fs-larger: clamp(1.5rem, 0.9518rem + 1.7544vw, 2.75rem);
  /* Approx. 24px - 44px */
  --fs-large: clamp(1.25rem, 0.7018rem + 1.7544vw, 2.5rem);
  /* Approx. 20px - 40px */
  --fs-medium: clamp(1.5rem, 1.5rem + 0.15vw, 2rem);
  /* Approx. 24px - 32px */
  --fs-regular: clamp(1.25rem, 1.125rem + 0.1vw, 1.5rem);
  /* Approx. 20px - 24px */
  --fs-small: clamp(1.125rem, 1.0947rem + 0.1515vw, 1.25rem);
  /* Approx. 18px - 20px */
  --fs-xsmall: clamp(1rem, 0.9673rem + 0.1538vw, 1.125rem);
  /* Approx. 16px - 18px */
  --fs-smaller: clamp(0.875rem, 0.875rem + 0.1vw, 1rem);
  /* Approx. 14px - 16px */
}


/* Define Apercu Pro font */
@font-face {
  font-family: 'Gooseberry Juice';
  src: url('/assets/font/gooseberry-juice/Gooseberry\ Juice.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* Define Apercu Pro font with regular, medium and bold styles */
@font-face {
  font-family: 'apercuPro';
  src: url('../font/apercu-font-family/Apercu\ Pro\ Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'apercuPro';
  src: url('../font/apercu-font-family//Apercu\ Pro\ Medium.otf') format('opentype');
  font-weight: medium;
  font-style: normal;
}

@font-face {
  font-family: 'apercuPro';
  src: url('../font/apercu-font-family/Apercu\ Pro\ Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* Color Utilities */

/* Text Colors */
.text-Primary-50 {
  color: var(--clr-Primary-50);
}

.text-Primary-70 {
  color: var(--clr-Primary-70);
}

.text-Primary-400 {
  color: var(--clr-Primary-400);
}

.text-Primary-500 {
  color: var(--clr-Primary-500);
}

.text-Gray-500 {
  color: var(--clr-Gray-500);
}

.text-Gray-600 {
  color: var(--clr-Gray-600);
}

.text-Gray-800 {
  color: var(--clr-Gray-800);
}

/* Background Colors */
.bg-Primary-50 {
  background-color: var(--clr-Primary-50);
}

.bg-Primary-70 {
  background-color: var(--clr-Primary-70);
}

.bg-Primary-400 {
  background-color: var(--clr-Primary-400);
}

.bg-Primary-500 {
  background-color: var(--clr-Primary-500);
}

.bg-Gray-500 {
  background-color: var(--clr-Gray-500);
}

.bg-Gray-600 {
  background-color: var(--clr-Gray-600);
}

.bg-Gray-800 {
  background-color: var(--clr-Gray-800);
}

/* Font Family */
.ff-apercuPro {
  font-family: var(--ff-apercuPro);
}

.ff-jost {
  font-family: var(--ff-jost);
}

.ff-anton {
  font-family: var(--ff-anton);
}

.ff-nunito {
  font-family: var(--ff-nunito);
}

.ff-poppins {
  font-family: var(--ff-poppins);
}


/* Font Size */
.fs-xxlarger {
  font-size: var(--fs-xxlarger);
}

.fs-xlarger {
  font-size: var(--fs-xlarger);
}

.fs-larger {
  font-size: var(--fs-larger);
}

.fs-large {
  font-size: var(--fs-large);
}

.fs-medium {
  font-size: var(--fs-medium);
}

.fs-regular {
  font-size: var(--fs-regular);
}

.fs-small {
  font-size: var(--fs-small);
}

.fs-xsmall {
  font-size: var(--fs-xsmall);
}

.fs-smaller {
  font-size: var(--fs-smaller);
}

.jcycn-sectionWrapper {
  position: relative;
  --max-width: 1620px;
  --padding: clamp(1.25rem, -47.1591rem + 54.5455vw, 8.75rem);
  width: min(var(--max-width), 100% - var(--padding)*2);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .mobile-only-wrapper {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
}
.jcycn-app {
  background-color: var(--clr-Primary-50);
}


/* General Styling */

/* section heading style start */
.section-heading {
  width: min(500px, 100%);
  margin-inline: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0.625rem, 0.4129rem + 1.0606vw, 1.5rem);
}

.section-heading.section-heading-zoomIn {
  animation: zoomIn-animation 0.6s ease-out forwards;
}

@keyframes zoomIn-animation {
  from {
    transform: scale(0.3);
  }

  to {
    transform: scale(1);
  }
}


/* Button Styles */
/* Primary Button */
.jcycn-neutralBtn button,
.jcycn-primaryBtn button {
  position: relative;
  border: 2px solid transparent;
  background-color: var(--clr-Primary-50);
  z-index: 10;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 230px;
  height: 60px;
  transition: all 300ms ease-out;
}

.jcycn-neutralBtn button {
  width: 150px;
  height: 40px;
  transition: all 800ms ease;
}

.jcycn-primaryBtn .gradient-border {
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 40px;
  background: linear-gradient(90deg, #1C53B1 0%, #3D97D6 50%, rgba(28, 83, 177, 0.7) 100%);
  z-index: 5;
  box-sizing: border-box;
}

.jcycn-neutralBtn button span,
.jcycn-primaryBtn button span {
  font-family: var(--ff-apercuPro);
  font-size: var(--fs-small);
  font-weight: 500;
  background: linear-gradient(180deg, #1C53B1 0%, #3D97D6 50%, #1C53B1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-transform: uppercase;
}

.jcycn-neutralBtn button i,
.jcycn-primaryBtn button i {
  background: linear-gradient(180deg, #1C53B1 0%, #3D97D6 50%, #1C53B1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 24px;
}

.jcycn-primaryBtn button:hover {
  border: 2px solid #fff;
  background-color: transparent;
  color: #FFFFFF;
}

.jcycn-neutralBtn button:hover span,
.jcycn-neutralBtn button:hover i,
.jcycn-primaryBtn button:hover span,
.jcycn-primaryBtn button:hover i {
  -webkit-text-fill-color: #FFFFFF;
  text-fill-color: #FFFFFF;
}

.jcycn-primaryBtn button:hover~.gradient-border {
  display: none;
}

/* Secondary Button */
.jcycn-secondaryBtn button {
  position: relative;
  border: 1.49px solid #245BAF;
  background-color: #1B4585;
  z-index: 10;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 230px;
  height: 60px;
  transition: all 300ms ease-out;
}

.jcycn-secondaryBtn button span {
  font-family: var(--ff-apercuPro);
  font-size: var(--fs-small);
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
}

.jcycn-secondaryBtn button i {
  color: #FFFFFF;
  font-size: 24px;
}

/* Hover Effects */
.jcycn-neutralBtn button:hover,
.jcycn-primaryBtn button:hover,
.jcycn-secondaryBtn button:hover {
  background-color: #1B4585 !important;
  width: 253px;
  height: 62px;
  border: 1.49px solid #245BAF !important;
  box-shadow: 0px 0px 12px 0px #3D97D6;
  overflow: hidden;
}

.jcycn-primaryBtn button:hover::after,
.jcycn-primaryBtn button:hover::before,
.jcycn-secondaryBtn button:hover::after,
.jcycn-secondaryBtn button:hover::before,
.jcycn-neutralBtn button:hover::after,
.jcycn-neutralBtn button:hover::before {
  content: '';
  position: absolute;
  background: linear-gradient(180deg, #1C53B1 0%, #3BA6F0 36.4%);
  width: 110px;
  height: 110px;
  filter: blur(50px);
  z-index: -1;
}

.jcycn-neutralBtn button:hover::after,
.jcycn-secondaryBtn button:hover::after,
.jcycn-primaryBtn button:hover::after {
  left: -110px;
  animation: gradientAnimationLeft 2s ease-out infinite;
}

.jcycn-neutralBtn button:hover::before,
.jcycn-secondaryBtn button:hover::before,
.jcycn-primaryBtn button:hover::before {
  right: -110px;
  animation: gradientAnimationRight 2s ease-out infinite;
}

/* Keyframes for Animation */
@keyframes gradientAnimationLeft {
  0% {
    transform: translateX(0%);
  }

  40% {
    transform: translateX(190%);
  }

  60% {
    transform: translateX(190%);
  }

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

@keyframes gradientAnimationRight {
  0% {
    transform: translateX(0%);
  }

  40% {
    transform: translateX(-190%);
  }

  60% {
    transform: translateX(-190%);
  }

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

/* Responsive Styles */
@media (max-width: 768px) {

  .jcycn-primaryBtn button,
  .jcycn-secondaryBtn button {
    width: 200px;
    height: 50px;
  }

  .jcycn-primaryBtn button:hover,
  .jcycn-secondaryBtn button:hover {
    width: 220px;
    height: 55px;
  }
}






/* Header style starts*/
.jcycn-header {
  position: relative;
}

.jcycn-navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jcycn-navigation .nav-lists .nav-items a {
  font-family: var(--ff-nunito);
  font-size: var(--fs-xsmall);
  font-weight: 700;
  line-height: 65px;
  color: #000000;
  text-transform: uppercase;
}



.jcycn-heroSection {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  height: 100svh;
  padding-top: 140px;
  padding-inline: 20px;
}


.scrolled-LandingPage .jcycn-heroContent-top {
  opacity: 1;
  visibility: visible;
}

.jcycn-heroContent-top {
  opacity: 0;
  visibility: hidden;
  transition: all 700ms ease-in-out;
  width: min(800px, 100%);
}

.jcycn-heroContent-top .heroContent-subtitle {
  padding-bottom: clamp(0.625rem, 0.4735rem + 0.7576vw, 1.25rem);
}

.jcycn-heroContent-top .heroContent-subtitle::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 49px;
  height: auto;
  border: 3px solid #FFFFFF;
  border-radius: 8px;
}


.jcycn-heroContent-top .heroContent-heading {
  padding-top: clamp(1.5rem, 1.7235rem + 0.7576vw, 2rem);
}

.scrolled-LandingPage .jcycn-herobutton {
  margin-top: 2.5rem;
}

.scrolled-LandingPage .jcycn-herobutton .jcycn-primaryBtn button {
  border: 2px solid #fff;
  border-radius: 40px;
}

.scrolled-LandingPage .jcycn-herobutton button {
  background-color: transparent;
  color: #FFFFFF;
}

.scrolled-LandingPage .jcycn-herobutton button span {
  -webkit-text-fill-color: #FFFFFF;
  text-fill-color: #FFFFFF;
}

.scrolled-LandingPage .jcycn-herobutton button i {
  -webkit-text-fill-color: #FFFFFF;
  text-fill-color: #FFFFFF;
}

.scrolled-LandingPage .jcycn-herobutton .jcycn-primaryBtn .gradient-border {
  display: none;
}

.jcycn-herobutton {
  animation: heroButton-FadeIn 700ms ease-in-out;
  will-change: opacity;
  transition: all 500ms ease;
  -webkit-animation: heroButton-FadeIn 700ms ease-in-out;
  -moz-animation: heroButton-FadeIn 700ms ease-in-out;
  -o-animation: heroButton-FadeIn 700ms ease-in-out;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

@keyframes heroButton-FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.scrolled-LandingPage .jcycn-scrollBtn {
  opacity: 1;
  visibility: visible;
}

/* Default styles (for larger screens) */
.jcycn-scrollBtn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 700ms ease-in-out, visibility 700ms ease-in-out;
}

.jcycn-scrollBtn button {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: scrollBtnGrow 2s ease-in-out infinite;
}

.jcycn-scrollBtn button::after,
.jcycn-scrollBtn button::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #FFFFFF;
  animation: removeAfterBefore 2s ease-in-out infinite;
}

.jcycn-scrollBtn button::after {
  left: 0;
}

.jcycn-scrollBtn button::before {
  right: 0;
}

.jcycn-scrollBtn button span {
  font-family: var(--ff-jost);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.12em;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 5px;
  animation: growFont 2s ease-in-out infinite;
}

.jcycn-scrollBtn button img {
  animation: scrollBtnIconGrow 2s ease-in-out infinite;
}

/* Keyframe animations */
@keyframes scrollBtnGrow {

  0%,
  20%,
  80%,
  100% {
    width: 100px;
    height: 100px;
  }

  40%,
  60% {
    width: 110px;
    height: 110px;
  }
}

@keyframes scrollBtnIconGrow {

  0%,
  20%,
  80%,
  100% {
    width: 0;
    height: 0;
  }

  40%,
  60% {
    width: 30px;
    height: 30px;
  }
}

@keyframes removeAfterBefore {

  0%,
  20%,
  80%,
  100% {
    width: 8px;
    height: 2px;
  }

  40%,
  60% {
    width: 0px;
    height: 0px;
  }
}

@keyframes growFont {

  0%,
  20%,
  80%,
  100% {
    font-size: var(--fs-smaller);
  }

  40%,
  60% {
    font-size: var(--fs-xsmall);
  }
}

/* Mobile styles (for screens 768px and smaller) */
@media (max-width: 768px) {
  .jcycn-scrollBtn button {
    width: 80px;
    height: 80px;
  }

  .jcycn-scrollBtn button::after,
  .jcycn-scrollBtn button::before {
    width: 6px;
    height: 1px;
  }

  .jcycn-scrollBtn button span {
    font-size: 12px;
  }

  .jcycn-scrollBtn button img {
    width: 20px;
    height: 20px;
  }

  @keyframes scrollBtnGrow {

    0%,
    20%,
    80%,
    100% {
      width: 80px;
      height: 80px;
    }

    40%,
    60% {
      width: 90px;
      height: 90px;
    }
  }

  @keyframes scrollBtnIconGrow {

    0%,
    20%,
    80%,
    100% {
      width: 0;
      height: 0;
    }

    40%,
    60% {
      width: 20px;
      height: 20px;
    }
  }

  @keyframes removeAfterBefore {

    0%,
    20%,
    80%,
    100% {
      width: 6px;
      height: 1px;
    }

    40%,
    60% {
      width: 0px;
      height: 0px;
    }
  }

  @keyframes growFont {

    0%,
    20%,
    80%,
    100% {
      font-size: 12px;
    }

    40%,
    60% {
      font-size: var(--fs-smaller);
    }
  }
}

/* landing page animation part */
.jcycn-appWrapper .scrolled-LandingPage {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 90;
}

.scrolled-LandingPage .jcycn-navWrapper {
  width: 100%;
  height: 140px;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: unset;
}

.scrolled-LandingPage .jcycn-navWrapper::before {
  display: none;
}

.scrolled-LandingPage .emptyBack-block {
  display: block !important;
}

.jcycn-navWrapper {
  --max-width: 1620px;
  --padding: clamp(1.25rem, -2.1071rem + 5.7143vw, 3.75rem);
  width: min(var(--max-width), 100% - var(--padding)*2);
  height: 110px;
  border-radius: 20px;
  transition: all 800ms ease-in-out;
  box-shadow: 0px 0px 50px -25px #00000080;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.jcycn-navWrapper .jcycn-sectionWrapper {
  --padding: clamp(1.25rem, -2.1071rem + 5.7143vw, 3.75rem);
}

.scrolled-LandingPage .jcycn-navWrapper .jcycn-headerLogo a:nth-child(1) {
  opacity: 1;
  visibility: visible;
}

.jcycn-navWrapper .jcycn-headerLogo a:nth-child(1) {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease-in-out;
}

.scrolled-LandingPage .jcycn-navWrapper .jcycn-headerLogo a:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.jcycn-navWrapper .jcycn-headerLogo a:nth-child(2) {
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease-in-out;
}

@media (min-width:1200px) {
  .scrolled-LandingPage .jcycn-navigation .nav-items a {
    color: #FFFFFF;
  }
}

.scrolled-LandingPage .jcycn-heroContent-bottom {
  position: absolute;
  top: 0;
  left: 0;
}

.scrolled-LandingPage .jcycn-heroContent-bottom {
  height: 100%;
  justify-content: center;
}

.jcycn-heroContent-bottom .textBg-gradient {
  background: linear-gradient(89.99deg, #1C53B1 -15.17%, #3D97D6 42.41%, rgba(28, 83, 177, 0.8) 99.99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.jcycn-heroContent-bottom .text-image-content {
  column-gap: clamp(0.9375rem, 0.7102rem + 1.1364vw, 1.875rem);
  row-gap: 0px;
}

@media (min-width:1200px) {
  .scrolled-LandingPage .jcycn-navigationLeft {
    animation: navigationSlideLeftIn 500ms ease-in-out;
    /* Vendor prefixes for older browser support */
    -webkit-animation: navigationSlideLeftIn 500ms ease-in-out;
    /* Safari */
    -moz-animation: navigationSlideLeftIn 500ms ease-in-out;
    /* Older Firefox */
    -o-animation: navigationSlideLeftIn 500ms ease-in-out;
    /* Older Opera */
  }

  @keyframes navigationSlideLeftIn {
    0% {
      transform: translateX(-200%);
    }

    100% {
      transform: translate(0);
    }
  }

  .scrolled-LandingPage .jcycn-navigationRight {
    animation: navigationSlideRightIn 500ms ease-in-out;
    -webkit-animation: navigationSlideRightIn 500ms ease-in-out;
    /* Safari */
    -moz-animation: navigationSlideRightIn 500ms ease-in-out;
    /* Older Firefox */
    -o-animation: navigationSlideRightIn 500ms ease-in-out;
    /* Older Opera */
  }

  @keyframes navigationSlideRightIn {
    0% {
      transform: translateX(200%);
    }

    100% {
      transform: translate(0);
    }
  }
}

.scrolled-LandingPage .jcycn-headerLogo {
  animation: headerLogoZoomIn 500ms ease-in-out;
  transform-origin: center;
}

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

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

.scrolled-LandingPage .jcycn-heroContent-top {
  display: flex;
}

.jcycn-heroContent-top {
  display: none;
}

.jcycn-heroContent-top .heroContent-subtitle {
  animation: subtitle-FadeIn 700ms ease-in-out;
  -webkit-animation: subtitle-FadeIn 700ms ease-in-out;
  /* Safari */
  -moz-animation: subtitle-FadeIn 700ms ease-in-out;
  /* Older Firefox */
  -o-animation: subtitle-FadeIn 700ms ease-in-out;
  /* Older Opera */
  will-change: opacity;
}

@keyframes subtitle-FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.jcycn-heroContent-top .heroContent-heading .animationText {
  display: inline-block;
  font-size: clamp(2.5rem, 1.7424rem + 3.7879vw, 5.625rem);
  padding-right: 20px;
  animation: animationText-SlideIn 500ms ease-in-out;
  -webkit-animation: animationText-SlideIn 500ms ease-in-out;
  /* Safari */
  -moz-animation: animationText-SlideIn 500ms ease-in-out;
  /* Older Firefox */
  -o-animation: animationText-SlideIn 500ms ease-in-out;
  /* Older Opera */
}

@keyframes animationText-SlideIn {
  0% {
    transform: var(--start-transform);
  }

  100% {
    transform: translate(0%, 0%);
  }
}

/* Apply specific directions */
.jcycn-heroContent-top .heroContent-heading .animationText[data-direction="topLeft"] {
  --start-transform: translate(-200%, -50%);
}

.jcycn-heroContent-top .heroContent-heading .animationText[data-direction="topRight"] {
  --start-transform: translate(200%, -50%);
}

.jcycn-heroContent-top .heroContent-heading .animationText[data-direction="bottomLeft"] {
  --start-transform: translate(-200%, 50%);
}

.jcycn-heroContent-top .heroContent-heading .animationText[data-direction="bottomRight"] {
  --start-transform: translate(200%, 50%);
}

.scrolled-LandingPage .jcycn-landingPage-img {
  scale: 20;
}

.scrolled-LandingPage .jcycn-landingPage-img .jcycn-overlay {
  opacity: 0.7;
}

.jcycn-landingPage-img {
  position: relative;
  width: 131px;
  height: 70px;
  scale: none;
  transition: all 800ms ease-in-out;
}

@media (max-width: 640px) {

  .jcycn-landingPage-img {
    width: 110px;
    height: 50px;
  }
}

.scrolled-LandingPage.jcycn-header::before {
  opacity: 0;
  visibility: hidden;
}

.jcycn-header::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #F0F8FF;
  z-index: 30;
  opacity: 1;
  visibility: visible;
  transition: all 1s ease;
}

.scrolled-LandingPage .jcycn-headerLogoWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.jcycn-headerLogoWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* mobile navigation style */

@media (max-width: 1200px) {
  .scrolled-LandingPage .jcycn-headerLogoWrapper {
    left: 0 !important;
    transform: translate(0, -50%) !important;
  }

  .jcycn-headerLogoWrapper {
    left: 0 !important;
    transform: translate(0, -50%) !important;
  }

  .jcycn-navWrapper .jcycn-sectionWrapper {
    justify-content: end;
  }

  .scrolled-LandingPage .jcycn-navigation {
    padding-right: 4rem;
  }

  .scrolled-LandingPage .jcycn-hamburgerBtn button i {
    color: #FFFFFF;
  }

  .jcycn-hamburgerBtn button i {
    color: var(--clr-Primary-400);
  }

  .jcycn-navigation {
    position: fixed;
    top: -1rem;
    right: -2rem;
    width: 80%;
    min-height: 100vh;
    background: #3D97D6;
    z-index: 90;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 2rem;
    gap: 20px;
    overflow-y: scroll;
    transform: translateX(100%);
    transition: all 500ms ease-in-out;
  }

  .jcycn-navWrapper.mobile-navWrapper .jcycn-navigation {
    transform: translateX(0);
  }

  .jcycn-navigation .mobileNav-heading {
    display: flex !important;
  }

  .mobileNav-heading .jcycn-closeBtn i {
    color: #FFFFFF;
  }

  .jcycn-navigation .nav-lists {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }

  .jcycn-navigation .nav-lists .nav-items a {
    color: #FFFFFF;
  }

  .jcycn-hamburgerBtn {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .jcycn-heroContent-top .heroContent-heading .animationText {
    padding-right: 10px;
  }

  .scrolled-LandingPage .jcycn-navWrapper,
  .jcycn-navWrapper {
    height: 100px;
  }

  .jcycn-headerLogo {
    width: 80px;
    height: 60px;
  }

  .jcycn-heroSection {
    padding-top: 150px;
    padding-inline: 0px;
  }
}

@media (max-width: 500px) {
  .jcycn-navigation {
    width: 100%;
  }
}


/* thematic area section style */
@media (min-width:1620px) {
  .thematicArea-card figure {
    height: 517px;
  }
}

@media (max-width: 1620px) {
  .thematicArea-card figure {
    height: 420px;
  }
}


@media (min-width:768px) {
  .thematicArea-card {
    scale: 0.3;
    transition: all 500ms ease-in-out;
  }

  .thematicArea-list-zoomIn .thematicArea-card {
    scale: 1;
  }

  .thematicArea-card figure img {
    transition: all 300ms ease-in-out;
  }

  .thematicArea-card figure figcaption {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
  }

  .thematicArea-card:hover figure img {
    transform: scale(1.2);
  }

  .thematicArea-card:hover figure figcaption {
    opacity: 1;
    visibility: visible;
  }

  .thematicArea-card figure .overlay {
    transition: all 300ms ease-in-out;
  }

  .thematicArea-card:hover figure .overlay {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 20%, rgba(1, 1, 1, 0.5) 83.11%, rgba(32, 32, 32, 0.7) 100%);
  }

  .thematicArea-card:hover h4 {
    color: var(--clr-Primary-500);
  }
}

@media (max-width:768px) {
  .thematicArea-card figure .overlay {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 20%, rgba(1, 1, 1, 0.5) 83.11%, rgba(32, 32, 32, 0.7) 100%);
  }

  .thematicArea-card figure figcaption {
    width: 100%;
    padding: 12px;
  }

}


/*  our campaing section style*/
.ourCampaing-card .card-content {
  border-bottom: 2px solid #D4D4D4;
}

.ourCampaing-card .card-textStroke {
  display: inline-block;
  font-size: clamp(3.125rem, 2.3674rem + 3.7879vw, 6.25rem);
  font-family: var(--ff-apercuPro);
  color: #FFFFFF;
  -webkit-text-stroke: 2px var(--clr-Gray-600);
}

.ourCampaing-card:hover .card-content {
  box-shadow: 0px 0px 12px 0px #A3D9FF;
  box-shadow: 0px 0px 12px 0px #A3D9FF;
  border: 1px solid #F0F8FF;
}



@media (min-width: 1040px) {
  .ourCampaing-card {
    position: relative;
    height: 374px;
  }

  .ourCampaing-card .card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 60px;
    column-gap: 60px;
    row-gap: 20px;
    transition: all 500ms ease;
  }

  .ourCampaing-card:hover .card-content {
    top: 50%;
    transform: translateY(-50%);

    border-radius: 24px;
  }

  .ourCampaing-card .card-contentText {
    flex: 0 0 clamp(25rem, -18.0769rem + 67.3077vw, 42.5rem);
  }

  .ourCampaing-card .card-image {
    position: absolute;
    top: 0;
    right: 40px;
    width: 374px;
    height: 374px;
    opacity: 0;
    visibility: hidden;
    transition: all 800ms ease;
  }

  .ourCampaing-card:hover .card-image {
    opacity: 1;
    visibility: visible;
  }


}

@media (max-width: 1250px) {
  .ourCampaing-card {
    height: 350px;
  }

  .ourCampaing-card .card-content {
    padding: 40px;
    column-gap: 40px;
  }

  .ourCampaing-card .card-image {
    position: absolute;
    top: 0;
    right: 40px;
    width: 350px;
    height: 350px;
    opacity: 0;
    visibility: hidden;
    transition: all 800ms ease;
  }
}

@media (max-width:1024px) {
  .ourCampaing-card {
    height: 100%;
  }

  .ourCampaing-card .card-content {
    padding: 20px;
  }

  .ourCampaing-card .card-image {
    display: none;
  }

  .ourCampaing-card .card-contentText {
    flex: 1;
  }
}

@media (max-width:768px) {
  .ourCampaing-card .card-content {
    position: relative;
    flex-direction: column;
    align-items: start;
  }
}

/* timeline section style */

@media (max-width: 1025px) {
  .jcycn-ourJourney {
    padding-bottom: 0 !important;
  }
}

.section-timeline {
  position: relative;
  top: 0;
  left: 0;
  height: 800px;
  overflow: hidden;
}

.timeline-container article {
  position: relative;
  z-index: 1000;
}

.timeline-year {
  position: relative;
  padding-bottom: 60px;
}

.timeline-year .timeline-year-info {
  border-bottom: 2px solid #B0DEFF;
  margin-right: clamp(1.25rem, -4.4615rem + 9.2308vw, 5rem);
}

.timeline-year::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 4px;
  background: linear-gradient(90deg, #5EBBFC 0%, #A3D9FF 74.5%, rgba(163, 217, 255, 0.5) 145.31%);
}


.timeline-year::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(5px);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(61, 151, 214, 0.8) 0%, #57BAFF 50%, rgba(61, 151, 214, 0.8) 100%);
}


.timeline-year.active-timeline::after {
  transform: translateX(14px);
  width: 34px;
  height: 34px;
  background: linear-gradient(180deg, rgba(28, 83, 177, 0.8) 0%, #3D97D6 50%, rgba(28, 83, 177, 0.8) 100%);
  border-radius: 50px;
}


.timeline-markers {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(7px, 7px);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #F0F8FF;
  z-index: 10;
}

.timeline-container .timeline-year-title {
  font-size: var(--fs-xlarger);
  font-family: var(--ff-apercuPro);
  font-weight: 500;
  color: var(--clr-Primary-500);
}

.timeline-container .timeline-year .timeline-year-description {
  font-size: var(--fs-small);
  font-family: var(--ff-jost);
  font-weight: 400;
  color: var(--clr-Gray-500);
  text-align: justify;
  padding-top: 20px;
  padding-bottom: 40px;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: all 800ms ease;
}


.timeline-container .timeline-year.active-timeline .timeline-year-description {
  opacity: 1;
  visibility: visible;
  max-height: 700px;
}


/* timeline image container style */

.timeline-yearImage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(17, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: clamp(2.5rem, -1.3077rem + 6.1538vw, 5rem);
}

.timeline-image {
  border-radius: 8px;
  transition: all 1s ease;
  opacity: 0;
  visibility: hidden;
}


.timelineImage-1 {
  grid-area: 1 / 1 / 4 / 3;
  height: 300px;
  margin-top: 40px;
  transform: translateX(-400%);
}

.timelineImage-2 {
  grid-area: 1 / 3 / 4 / 5;
  height: 340px;
  transform: translateX(400%);
}

.timelineImage-3 {
  grid-area: 4 / 2 / 6 / 4;
  height: 300px;
  transform: translateX(400%);
}

.articleImageContainer-slideIn .timeline-yearImage-show {
  z-index: 30;
}

.articleImageContainer-slideIn .timeline-yearImage-show .timeline-image {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}


@media (max-width:1024px) {
  .timeline-yearImage {
    grid-template-rows: repeat(20, 1fr);
  }

  .timelineImage-1 {
    grid-area: 1 / 1 / 4 / 3;
    height: 240px;
    margin-top: 0;
  }

  .timelineImage-2 {
    grid-area: 1 / 3 / 4 / 6;
    height: 240px;
  }

  .timelineImage-3 {
    grid-area: 4 / 6 / 6 / 1;
    height: 240px;
  }
}

@media (max-width: 990px) {
  .article-imageContainer {
    display: none;
  }

  .timeline-year {
    padding-left: 60px;
    padding-bottom: 100px;
  }

  .timeline-year.active-timeline {
    padding-bottom: 40px;
  }

  .timeline-year::before {
    left: 0;
    transform: translateX(15px);
  }


  .timeline-year::after {
    left: 0;
    transform: translateX(10px);
  }


  .timeline-year.active-timeline::after {
    transform: translateX(0px);
    width: 34px;
    height: 34px;
    background: linear-gradient(180deg, rgba(28, 83, 177, 0.8) 0%, #3D97D6 50%, rgba(28, 83, 177, 0.8) 100%);
    border-radius: 50px;
  }

  .timeline-markers {
    left: 0;
    transform: translate(7px, 7px);
  }

}


/* Ensure that the section is wide enough to accommodate the scrolling content */
.jcycn-marqueeContainer {
  --gap: 20px;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.jcycn-marqueeContent {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
}

.jcycn-marqueeContent.leftScroll {
  animation: marqueeScroll-left 12s linear infinite;
}

@keyframes marqueeScroll-left {
  from {
    transform: translateX(calc(-100% - var(--gap)));
  }

  to {
    transform: translateX(0);
  }
}

.jcycn-marqueeContent.scrollRight {
  animation: marqueeScroll-right 12s linear infinite;
}

@keyframes marqueeScroll-right {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));

  }
}

.jcycn-marqueeContent .text-stroke {
  display: inline-block;
  color: #FFFFFF;
  -webkit-text-stroke: 1px var(--clr-Primary-500);
}



/* sucess stories section style */


.sucessStories-image {
  width: 100%;
  margin-bottom: 20px;
}

.successStories-imagecontainer {
  width: 100%;
  margin: 0 auto;
}

.sucessStories-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  justify-content: center;
  align-items: center;
  padding-inline: 20px;
}

.sucessStories-image .card-image {
  width: 760px;
  height: 377px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sucessStories-image .card-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: opacity 500ms ease;
}

.sucessStories-image.sucessStoriesImage-active .card-content {
  transform: translateY(20);
  opacity: 1;
  visibility: visible;
  transition: all 1s ease;
}

.sucessStories-image.sucessStoriesImage-overly .card-image {
  position: relative;
}

.sucessStories-image.sucessStoriesImage-overly .card-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.4;
}



@media (max-width: 1200px) {
  .sucessStories-image .card-image {
    width: 600px;
    height: 350px;
  }
}

@media (max-width: 1024px) {
  .sucessStories-image {
    gap: 20px;
  }

  .sucessStories-image .card-image {
    width: 500px;
    height: 300px;
  }
}

/* trusted by section style */

.trustedPartner {
  position: relative;
  margin-left: 130px;
  transition: all 500ms ease;
}

@media (max-width: 1200px) {
  .trustedPartner {
    margin-left: 20px;
  }

}

.trustedPartner-slider .slick-slide {
  margin-right: 10px;
  margin-left: 10px;
}

.trustedPartner-slider .slick-list {
  padding: 0 5% 0 0;
}



/* footer style */
footer {
  border: 3px solid;
  border-image-source: linear-gradient(108.74deg, rgba(105, 120, 255, 0.282) 0%, rgba(255, 255, 255, 0.54) 36.46%, rgba(255, 255, 255, 0.3) 73.96%, rgba(61, 151, 214, 0.246) 100%);
  box-shadow: 0px 0px 50px -25px #00000080;
  background: linear-gradient(108.74deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.06) 100%);
}

.jcycn-wordAnimation button {
  width: 100%;
}


.jcycn-wordAnimation span {
  display: inline-block;
  font-family: var(--ff-gooseberryJuice);
  font-size: clamp(5rem, 2.2576rem + 13.7121vw, 16.3125rem);
  font-weight: 400;
  background: linear-gradient(180deg, #C7CFE4 0%, #9EACBD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-transform: uppercase;
  line-height: normal;
}

.jcycn-wordAnimation {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.jcycn-wordAnimation .letter {
  display: inline-block;
  animation: none;
  opacity: 0;
  visibility: hidden;
}

.jcycn-wordAnimation.animate .letter {
  transform: translateX(-700%) translateY(0) rotate(9deg);
  animation: slideBounce 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  opacity: 1;
  visibility: visible;
}

.jcycn-wordAnimation.animate .letter:nth-child(1) {
  --delay: 0.5s;
  --rotate-start: 9deg;
  --rotate-end: 0deg;
}

.jcycn-wordAnimation.animate .letter:nth-child(2) {
  --delay: 0.4s;
  --rotate-start: 20deg;
  --rotate-end: 0deg;
}

.jcycn-wordAnimation.animate .letter:nth-child(3) {
  --delay: 0.3s;
  --rotate-start: -15deg;
  --rotate-end: 0deg;
}

.jcycn-wordAnimation.animate .letter:nth-child(4) {
  --delay: 0.2s;
  --rotate-start: 10deg;
  --rotate-end: 0deg;
}

.jcycn-wordAnimation.animate .letter:nth-child(5) {
  --delay: 0.1s;
  --rotate-start: -8deg;
  --rotate-end: 0deg;
}

.jcycn-wordAnimation.animate .letter {
  animation-delay: var(--delay);
}

@keyframes slideBounce {
  0% {
    transform: translateX(-700%) translateY(-50px) rotate(var(--rotate-start));
  }

  10% {
    transform: translateX(-500%) translateY(25px) rotate(calc(var(--rotate-start) * -1.5));
  }

  30% {
    transform: translateX(-300%) translateY(-20px) rotate(calc(var(--rotate-start) * 0.5));
  }

  50% {
    transform: translateX(-100%) translateY(40px) rotate(calc(var(--rotate-end) + 5deg));
  }

  60% {
    transform: translateX(0%) translateY(10px) rotate(var(--rotate-end));
  }

  70% {
    transform: translateX(0%) translateY(-20px) rotate(var(--rotate-end));
  }

  80% {
    transform: translateX(0%) translateY(5px) rotate(var(--rotate-end));
  }

  90% {
    transform: translateX(0%) translateY(0) rotate(calc(var(--rotate-end) - 5deg));
  }

  100% {
    transform: translateX(0%) translateY(0) rotate(var(--rotate-end));
  }
}


@media (max-width: 640px) {

  .footer-quickLinks,
  .footer-reachOut {
    display: none;
  }

  .jcycn-footer .jcycn-sectionWrapper .flex {
    justify-content: center;
  }
}

* pagination css */
.smariddihi-pagination button {
	width: 40px;
	height: 40px;
	border: 1.25px solid #d4d4d4;
	border-radius: 8px;
}

.pagination-number .smariddihi-pagination-number.active {
	background-color: #0182dd;
	border: 1.25px solid #0182dd;
	color: #ffffff;
}

@media (max-width: 436px) {
	.pagination-number> :not(:first-child) {
		display: none;
	}

	.smariddihi-pagination .smariddihi-pagination-prev,
	.smariddihi-pagination .smariddihi-pagination-next {
		padding: 6px;
	}

	.smariddihi-pagination-number {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}
/* publication css pages */
.publication-gridCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.publication-gridCards .gridCard:first-child {
  height: 490px;
}

.publication-gridCards .gridCard1 {
  grid-area: 1 / 1 / 3 / 3;
}

.publication-gridCards .gridCard2 {
  grid-area: 1 / 3 / 2 / 4;
  height: 230px;

}

.publication-gridCards .gridCard3 {
  grid-area: 2 / 3 / 3 / 4;
  height: 230px;
}

.gridCard .image-cardoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(19, 21, 21, 0.1) 0%, rgba(19, 21, 21, 0.4) 60.7%, rgba(19, 21, 21, 0.4) 100%);
  z-index: 10;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.publication-listCards .gridCards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 30px;
  overflow: hidden;
  height: auto !important;
}

.publication-listCards .gridCards-container .publication-listCard {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.publication-listCards .gridCards-container .publication-listCard .gridCard figure {
  height: 230px;
}

@media (max-width:768px) {
  .publication-gridCards {
    grid-template-columns: repeat(4, 1fr);
  }

  .publication-gridCards .gridCard1 {
    grid-area: 1 / 1 / 2 / 5;
    height: 350px;
  }

  .publication-gridCards .gridCard2 {
    grid-area: 2 / 1 / 3 / 3;
    height: 230px;
  }

  .publication-gridCards .gridCard3 {
    grid-area: 2 / 3 / 4 / 5;
    height: 230px;
  }

  .publication-listCards .gridCards-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .publication-gridCards {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }

  .publication-gridCards .gridCard {
    grid-area: unset;
  }

  .publication-gridCards .gridCard figure figcaption {
    padding: 15px !important;
  }

  .publication-gridCards .gridCard {
    height: 300px !important;
  }


  .publication-gridCards .gridCard figcaption div>img {
    width: 27px;
    height: 27px;
  }

  .publication-gridCards .gridCard h3 {
    font-size: 20px;
  }

  .publication-gridCards .gridCard p {
    font-size: 16px;
  }

  .publication-gridCards .gridCard .badge-wrapper {
    padding: 6px 16px;
  }

  .publication-gridCards .gridCard .badge-content {
    font-size: 14px;
  }

  .publication-listCards .gridCards-container {
    grid-template-columns: 1fr;
  }
}


/* publication filters container style */
.publicationFilter-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

/* Scale smooth transition on hover the image css */
.hover-imageScale figure>img {
  transition: transform 0.3s ease;
}

.hover-imageScale:hover figure>img {
  transform: scale(1.1);
}


/* success stories page css  */
.successStories-listingCards .gridCards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
}

.successStories-listingCards .gridCards-container .gridCard figure {
  height: 230px;
}

@media (max-width: 768px) {
  .successStories-listingCards .gridCards-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .successStories-listingCards .gridCards-container {
    grid-template-columns: 1fr;
  }
}

.caseStories-tabsBtns div {
  display: none;
}

.caseStories-tabs-siderbar>div.shadow {
  display: none;
}

.caseStories-tabsBtns li:has(a) {
  transition: all 0.2s ease;
}

.caseStories-tabsBtns li:has(a[aria-selected="true"]) {
  border-left: 6px solid #F18F01;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}



/* oue teams page css */
.jagriti-teamMember .gridCards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
  height: auto !important;
}

@media (max-width: 768px) {
  .jagriti-teamMember .gridCards-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 540px) {
  .jagriti-teamMember .gridCards-container {
    grid-template-columns: 1fr;
  }
}

.jagriti-teamMember .ourTeamCard {
  position: relative !important;
  border: 1px solid #80C1EB;
  background:white;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden;
  height: 450px;
  top: 0 !important;
  left: 0 !important;
  padding-inline: 15px;
  padding-bottom: 30px;
}

.jagriti-teamMember .ourTeamCard::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../image/icon/Rectangle-bottom-curve.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 100%;
  height: 100%;
}

.jagriti-teamMember .ourTeamCard figure {
  width: 165px;
  height: 165px;
  transition: all 0.5s ease;
  margin-inline: auto;
  margin-top: 3rem;
}

.jagriti-teamMember .ourTeamCard figure::after {
  content: '';
  position: absolute;
  top: 0;
  left: 23px;
  background-image: url(../image/icon/half-ellipse.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}


.jagriti-teamMember .ourTeamCard .teamCard-content {
  height: 125px;
  overflow: hidden;
}

.jagriti-teamMember .ourTeamCard:has(.teamCard-content):hover figure {
  width: 100px;
  height: 100px;
  margin-top: 0;
}

.jagriti-teamMember .ourTeamCard:has(.teamCard-content):hover figure::after {
  left: 15px;
  top: 5px;
  width: 90%;
  height: 90%;
}

.jagriti-teamMember .ourTeamCard:hover .teamCard-content {
  opacity: 1;
  display: block;
  transition: all 500ms ease-in-out;
}

.jagriti-teamMember .ourTeamCard:has(.teamCard-content):hover .teamCard-info {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* pagination css */
.jagriti-pagination button {
  width: 40px;
  height: 40px;
  border: 1.25px solid #D4D4D4;
  border-radius: 8px;
}

.pagination-number .jagriti-pagination-number.active {
  background-color: #1B4585;
  border: 1.25px solid #1B4585;
  color: #ffffff;
}

@media (max-width:436px) {
  .pagination-number>:not(:first-child) {
    display: none;
  }

  .jagriti-pagination .jagriti-pagination-prev,
  .jagriti-pagination .jagriti-pagination-next {
    padding: 6px;
  }

  .jagriti-pagination-number {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
#tabs li.active > a > p {
  background-color: #36265F;
  color: #ffffff;
  border-color: #36265F;
}
.gradient-border {
  border: 3px solid transparent;
  border-radius: 9999px;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(108.74deg,
                rgba(105,120,255,0.282) 0%,
                rgba(255,255,255,0.54) 36.46%,
                rgba(255,255,255,0.3) 73.96%,
                rgba(61,151,214,0.246) 100%) border-box;
}
.outlined-text{
  -webkit-text-stroke: 1px #D4D4D4;
  color: transparent;
}

/* 
for contact form */

/* Gradient outer wrapper */
.bg-gradient-btn {
    background: linear-gradient(90deg, #1C53B1 0%, #3D97D6 50%, rgba(28,83,177,0.7) 100%);
    display: inline-block;
    padding: 2px;
    border-radius: 9999px;
}

/* White inner wrapper */
.kirdarc-btn-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-radius: 9999px;
    background: #ffffff;
}

/* The actual input styled to look like the span text */
.wpcf7 input.kirdarc-submit {
    all: unset;
    cursor: pointer;
    font-weight: 600;
    font-size: inherit;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: linear-gradient(90deg, #1C53B1 0%, #3D97D6 50%, rgba(28,83,177,0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    line-height: inherit;
}

/* Arrow */
.kirdarc-arrow {
    background: linear-gradient(90deg, #1C53B1 0%, #3D97D6 50%, rgba(28,83,177,0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hide CF7 spinner */
.wpcf7-spinner {
    display: none !important;
}


/* custom style for single page */

/* Reset WordPress default blockquote styles */
.post-content-body blockquote,
.post-content-body .wp-block-quote,
.post-content-body .wp-block-quote p {
    border: none !important;
    border-left: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    font-style: normal !important;
    quotes: none !important;
    background: none !important;
}
.post-content-body blockquote::before,
.post-content-body blockquote::after,
.post-content-body .wp-block-quote::before,
.post-content-body .wp-block-quote::after {
    content: none !important;
    display: none !important;
}