.stories--tw :is(.absolute) {
  position: absolute;
}

.stories--tw :is(.relative) {
  position: relative;
}

.stories--tw :is(.bottom-0) {
  bottom: 0px;
}

.stories--tw :is(.top-\[20rem\]) {
  top: 20rem;
}

.stories--tw :is(.right-0) {
  right: 0px;
}

.stories--tw :is(.top-0) {
  top: 0px;
}

.stories--tw :is(.z-10) {
  z-index: 10;
}

.stories--tw :is(.mx-auto) {
  margin-left: auto;
  margin-right: auto;
}

.stories--tw :is(.mb-0) {
  margin-bottom: 0px;
}

.stories--tw :is(.mb-\[-200px\]) {
  margin-bottom: -200px;
}

.stories--tw :is(.mb-\[100px\]) {
  margin-bottom: 100px;
}

.stories--tw :is(.mb-\[20px\]) {
  margin-bottom: 20px;
}

.stories--tw :is(.mb-\[30px\]) {
  margin-bottom: 30px;
}

.stories--tw :is(.mb-\[37px\]) {
  margin-bottom: 37px;
}

.stories--tw :is(.mb-\[40px\]) {
  margin-bottom: 40px;
}

.stories--tw :is(.mb-\[48px\]) {
  margin-bottom: 48px;
}

.stories--tw :is(.mb-\[50px\]) {
  margin-bottom: 50px;
}

.stories--tw :is(.mb-\[52px\]) {
  margin-bottom: 52px;
}

.stories--tw :is(.mb-\[55px\]) {
  margin-bottom: 55px;
}

.stories--tw :is(.mb-\[5px\]) {
  margin-bottom: 5px;
}

.stories--tw :is(.mb-\[70px\]) {
  margin-bottom: 70px;
}

.stories--tw :is(.mt-\[130px\]) {
  margin-top: 130px;
}

.stories--tw :is(.mt-\[430px\]) {
  margin-top: 430px;
}

.stories--tw :is(.mb-\[32px\]) {
  margin-bottom: 32px;
}

.stories--tw :is(.ml-auto) {
  margin-left: auto;
}

.stories--tw :is(.block) {
  display: block;
}

.stories--tw :is(.flex) {
  display: flex;
}

.stories--tw :is(.h-\[260px\]) {
  height: 260px;
}

.stories--tw :is(.h-\[45px\]) {
  height: 45px;
}

.stories--tw :is(.h-\[80px\]) {
  height: 80px;
}

.stories--tw :is(.h-\[inherit\]) {
  height: inherit;
}

.stories--tw :is(.h-auto) {
  height: auto;
}

.stories--tw :is(.h-fit) {
  height: -moz-fit-content;
  height: fit-content;
}

.stories--tw :is(.h-\[54px\]) {
  height: 54px;
}

.stories--tw :is(.h-\[auto\]) {
  height: auto;
}

.stories--tw :is(.h-full) {
  height: 100%;
}

.stories--tw :is(.max-h-\[220px\]) {
  max-height: 220px;
}

.stories--tw :is(.w-\[320px\]) {
  width: 320px;
}

.stories--tw :is(.w-\[33px\]) {
  width: 33px;
}

.stories--tw :is(.w-\[45px\]) {
  width: 45px;
}

.stories--tw :is(.w-\[80px\]) {
  width: 80px;
}

.stories--tw :is(.w-\[inherit\]) {
  width: inherit;
}

.stories--tw :is(.w-full) {
  width: 100%;
}

.stories--tw :is(.w-\[150px\]) {
  width: 150px;
}

.stories--tw :is(.w-auto) {
  width: auto;
}

.stories--tw :is(.min-w-\[80px\]) {
  min-width: 80px;
}

.stories--tw :is(.min-w-\[266px\]) {
  min-width: 266px;
}

.stories--tw :is(.max-w-\[1030px\]) {
  max-width: 1030px;
}

.stories--tw :is(.max-w-\[1224px\]) {
  max-width: 1224px;
}

.stories--tw :is(.max-w-\[1240px\]) {
  max-width: 1240px;
}

.stories--tw :is(.max-w-\[1242px\]) {
  max-width: 1242px;
}

.stories--tw :is(.max-w-\[1244px\]) {
  max-width: 1244px;
}

.stories--tw :is(.max-w-\[200px\]) {
  max-width: 200px;
}

.stories--tw :is(.max-w-\[395px\]) {
  max-width: 395px;
}

.stories--tw :is(.max-w-\[45px\]) {
  max-width: 45px;
}

.stories--tw :is(.max-w-\[715px\]) {
  max-width: 715px;
}

.stories--tw :is(.max-w-\[815px\]) {
  max-width: 815px;
}

.stories--tw :is(.max-w-\[864px\]) {
  max-width: 864px;
}

.stories--tw :is(.max-w-\[266px\]) {
  max-width: 266px;
}

.stories--tw :is(.max-w-\[400px\]) {
  max-width: 400px;
}

.stories--tw :is(.flex-1) {
  flex: 1 1 0%;
}

.stories--tw :is(.flex-shrink-0) {
  flex-shrink: 0;
}

.stories--tw :is(.shrink-0) {
  flex-shrink: 0;
}

.stories--tw :is(.grow-0) {
  flex-grow: 0;
}

.stories--tw :is(.flex-col) {
  flex-direction: column;
}

.stories--tw :is(.flex-col-reverse) {
  flex-direction: column-reverse;
}

.stories--tw :is(.flex-wrap) {
  flex-wrap: wrap;
}

.stories--tw :is(.items-center) {
  align-items: center;
}

.stories--tw :is(.justify-end) {
  justify-content: flex-end;
}

.stories--tw :is(.justify-center) {
  justify-content: center;
}

.stories--tw :is(.justify-between) {
  justify-content: space-between;
}

.stories--tw :is(.gap-\[15px\]) {
  gap: 15px;
}

.stories--tw :is(.gap-\[20px\]) {
  gap: 20px;
}

.stories--tw :is(.gap-\[24px\]) {
  gap: 24px;
}

.stories--tw :is(.gap-\[30px\]) {
  gap: 30px;
}

.stories--tw :is(.gap-\[50px\]) {
  gap: 50px;
}

.stories--tw :is(.gap-\[68px\]) {
  gap: 68px;
}

.stories--tw :is(.gap-x-\[20px\]) {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.stories--tw :is(.gap-y-\[30px\]) {
  row-gap: 30px;
}

.stories--tw :is(.gap-y-\[32px\]) {
  row-gap: 32px;
}

.stories--tw :is(.self-center) {
  align-self: center;
}

.stories--tw :is(.overflow-hidden) {
  overflow: hidden;
}

.stories--tw :is(.rounded-\[10px\]) {
  border-radius: 10px;
}

.stories--tw :is(.rounded-\[38px\]) {
  border-radius: 38px;
}

.stories--tw :is(.rounded-full) {
  border-radius: 9999px;
}

.stories--tw :is(.rounded-t-\[15px\]) {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.stories--tw :is(.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\]) {
  background-color: rgba(0,0,0,0.6);
}

.stories--tw :is(.bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.stories--tw :is(.bg-cover) {
  background-size: cover;
}

.stories--tw :is(.bg-no-repeat) {
  background-repeat: no-repeat;
}

.stories--tw :is(.stroke-\[\#75A7FF\]) {
  stroke: #75A7FF;
}

.stories--tw :is(.stroke-\[inherit\]) {
  stroke: inherit;
}

.stories--tw :is(.object-contain) {
  -o-object-fit: contain;
     object-fit: contain;
}

.stories--tw :is(.object-cover) {
  -o-object-fit: cover;
     object-fit: cover;
}

.stories--tw :is(.p-0) {
  padding: 0px;
}

.stories--tw :is(.p-\[0_15px\]) {
  padding: 0 15px;
}

.stories--tw :is(.p-\[25px\]) {
  padding: 25px;
}

.stories--tw :is(.p-\[40px\]) {
  padding: 40px;
}

.stories--tw :is(.\!p-\[40px\]) {
  padding: 40px !important;
}

.stories--tw :is(.px-\[25px\]) {
  padding-left: 25px;
  padding-right: 25px;
}

.stories--tw :is(.px-\[26px\]) {
  padding-left: 26px;
  padding-right: 26px;
}

.stories--tw :is(.px-\[67px\]) {
  padding-left: 67px;
  padding-right: 67px;
}

.stories--tw :is(.py-\[16px\]) {
  padding-top: 16px;
  padding-bottom: 16px;
}

.stories--tw :is(.px-\[56px\]) {
  padding-left: 56px;
  padding-right: 56px;
}

.stories--tw :is(.py-\[72px\]) {
  padding-top: 72px;
  padding-bottom: 72px;
}

.stories--tw :is(.\!px-\[56px\]) {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.stories--tw :is(.\!py-\[72px\]) {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.stories--tw :is(.pb-\[10rem\]) {
  padding-bottom: 10rem;
}

.stories--tw :is(.pb-\[123px\]) {
  padding-bottom: 123px;
}

.stories--tw :is(.pb-\[34px\]) {
  padding-bottom: 34px;
}

.stories--tw :is(.pt-\[38px\]) {
  padding-top: 38px;
}

.stories--tw :is(.pt-\[70px\]) {
  padding-top: 70px;
}

.stories--tw :is(.text-center) {
  text-align: center;
}

.stories--tw :is(.text-\[16px\]) {
  font-size: 16px;
}

.stories--tw :is(.text-\[18px\]) {
  font-size: 18px;
}

.stories--tw :is(.text-\[20px\]) {
  font-size: 20px;
}

.stories--tw :is(.text-\[24px\]) {
  font-size: 24px;
}

.stories--tw :is(.text-\[26px\]) {
  font-size: 26px;
}

.stories--tw :is(.text-\[30px\]) {
  font-size: 30px;
}

.stories--tw :is(.text-\[36px\]) {
  font-size: 36px;
}

.stories--tw :is(.text-\[37px\]) {
  font-size: 37px;
}

.stories--tw :is(.text-\[40px\]) {
  font-size: 40px;
}

.stories--tw :is(.text-\[47px\]) {
  font-size: 47px;
}

.stories--tw :is(.font-\[500\]) {
  font-weight: 500;
}

.stories--tw :is(.font-\[600\]) {
  font-weight: 600;
}

.stories--tw :is(.font-medium) {
  font-weight: 500;
}

.stories--tw :is(.font-semibold) {
  font-weight: 600;
}

.stories--tw :is(.leading-\[100\%\]) {
  line-height: 100%;
}

.stories--tw :is(.leading-\[113\%\]) {
  line-height: 113%;
}

.stories--tw :is(.leading-\[115\%\]) {
  line-height: 115%;
}

.stories--tw :is(.leading-\[118\%\]) {
  line-height: 118%;
}

.stories--tw :is(.leading-\[120\%\]) {
  line-height: 120%;
}

.stories--tw :is(.leading-\[122\%\]) {
  line-height: 122%;
}

.stories--tw :is(.leading-\[125\%\]) {
  line-height: 125%;
}

.stories--tw :is(.leading-\[139\%\]) {
  line-height: 139%;
}

.stories--tw :is(.leading-\[188\%\]) {
  line-height: 188%;
}

.stories--tw :is(.leading-\[36px\]) {
  line-height: 36px;
}

.stories--tw :is(.leading-\[93\%\]) {
  line-height: 93%;
}

.stories--tw :is(.tracking-\[0\.4px\]) {
  letter-spacing: 0.4px;
}

.stories--tw :is(.\!text-white) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.stories--tw :is(.text-\[\#0A1321\]) {
  --tw-text-opacity: 1;
  color: rgb(10 19 33 / var(--tw-text-opacity));
}

.stories--tw :is(.text-\[\#1C1D2A\]) {
  --tw-text-opacity: 1;
  color: rgb(28 29 42 / var(--tw-text-opacity));
}

.stories--tw :is(.text-\[\#353434\]) {
  --tw-text-opacity: 1;
  color: rgb(53 52 52 / var(--tw-text-opacity));
}

.stories--tw :is(.text-\[\#75A7FF\]) {
  --tw-text-opacity: 1;
  color: rgb(117 167 255 / var(--tw-text-opacity));
}

.stories--tw :is(.text-black) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.stories--tw :is(.text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.stories--tw :is(.text-\[\#0154D7\]) {
  --tw-text-opacity: 1;
  color: rgb(1 84 215 / var(--tw-text-opacity));
}

.stories--tw :is(.opacity-\[0\.8\]) {
  opacity: 0.8;
}

.stories--tw :is(.bg-blend-hard-light) {
  background-blend-mode: hard-light;
}

.stories--tw .circles-2 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.stories--tw .circles-2:before {
  content: "";
  position: absolute;
  background: #aec2ff;
  opacity: 0.8;
  filter: blur(150px);
  width: 832.11px;
  height: 818.58px;
  left: -519.35px;
  top: 5157px;
}

.stories--tw .circles-2:after {
  content: "";
  position: absolute;
  background: #aec2ff;
  opacity: 0.8;
  filter: blur(150px);
  width: 1201.72px;
  height: 1182.18px;
  right: -729px;
  top: calc(4687.15px - 1250px);
}

.stories--cta .cta .cta-box {
  box-shadow: 6px 4px 28px 0px rgba(26, 68, 176, 0.20);
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
}

.featured__stories {
  border-radius: 20px;
  padding: 25px;
}

@media (min-width: 1024px) {
  .featured__stories {
    padding: 50px;
  }
}

.featured__stories {
  background: linear-gradient(109.28deg, #ffffff 1.49%, #e1e9ff 98.12%);
}

.featured__stories .banner-logo {
  filter: invert(1);
}

@media (max-width: 1279px) {
  .featured__stories .slick-nav .slick-arrow.next,
  .featured__stories .slick-nav .slick-arrow.prev{
    position:absolute;
    display:flex;
    top:460px;
    z-index:9999;
  }
  .featured__stories .slick-nav .slick-arrow.next{
    right:20px;
  }
  .featured__stories .slick-nav .slick-arrow.prev{
    left:20px;
  }
}

@media (min-width: 1280px) {
  .featured__stories .slick-nav {
    display: block;
  }
}

.featured__stories .slick-nav .slick-arrow {
  height: 56.4px;
  width: 56.4px;
  border-radius: 100%;
  background-color: #497edc;
  color: #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.featured__stories .slick-nav .slick-arrow:before {
  font-family: ETmodules;
  font-size: 38px;
  font-weight: 400;
}

.featured__stories .slick-nav .slick-arrow.prev:before {
  content: "#";
}

.featured__stories .slick-nav .slick-arrow.next:before {
  content: "$";
}

.featured__stories .stories .slick-list {
  margin-bottom: 40px;
}

.featured__stories .stories .slick-list .slick-track {
  top: 0px;
  left: 0px;
  margin-left: 0px;
  display: flex;
}

.featured__stories .stories .slick-list .slick-track .story a {
  background: linear-gradient(
                            140.64deg,
                            #7aaaff 19.13%,
                            rgba(40, 93, 255, 0.29) 96.46%
                        );
  transition: all 0.3s ease-out;
}

.featured__stories .stories .slick-list .slick-track .story a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(122 170 255 / var(--tw-bg-opacity));
}

.featured__stories .stories .slick-dots {
  display: flex;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.featured__stories .stories .slick-dots li button {
  height: 15px;
  width: 15px;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(73 126 220 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: transparent;
}

.featured__stories .stories .slick-dots li.slick-active button {
  --tw-bg-opacity: 1;
  background-color: rgb(73 126 220 / var(--tw-bg-opacity));
}

#story__archive-list .filters .category a {
  border-radius: 32px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(33 82 207 / var(--tw-border-opacity));
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(33 82 207 / var(--tw-text-opacity));
  transition: all 0.3s ease-in;
}

#story__archive-list .filters .category a:hover,
                #story__archive-list .filters .category a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(33 82 207 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#story__archive-list .slider-controls {
  display: flex;
  justify-content: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

#story__archive-list .slider-controls .slick-arrow {
  height: 56.4px;
  width: 56.4px;
  background-color: white;
  color: #497edc;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 0;
}

#story__archive-list .slider-controls .slick-arrow:before {
  font-family: ETmodules;
  font-size: 38px;
  font-weight: 400;
}

#story__archive-list .slider-controls .slick-arrow.slide-m-prev:before {
}

#story__archive-list .slider-controls .slick-arrow.slide-m-next:before {
}

#story__archive-list .slide-m-dots {
  align-self: center;
}

#story__archive-list .slide-m-dots .slick-dots {
  display: flex;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

#story__archive-list .slide-m-dots li button {
  height: 15px;
  width: 15px;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(73 126 220 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: transparent;
}

#story__archive-list .slide-m-dots li.slick-active button {
  --tw-bg-opacity: 1;
  background-color: rgb(73 126 220 / var(--tw-bg-opacity));
}

#story__archive-list .stories_list a.story_link svg {
  stroke: #75A7FF;
}

#story__archive-list .stories_list a.story_link:hover svg {
  stroke: #0a1321;
}

#story__archive-list .stories_list {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  #story__archive-list .stories_list {
    margin-bottom: 40px;
  }
}

#story__archive-list .stories_list .slick-list .slick-track {
  top: 0px;
  left: 0px;
  margin-left: 0px;
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

@media (min-width: 1024px) {
  #story__archive-list .stories_list .slick-list .slick-track .slick-slide {
    opacity: 0;
  }

  #story__archive-list .stories_list .slick-list .slick-track .slick-slide.slick-active {
    opacity: 1;
  }
}

#story__archive-list .stories_list .slick-list .slick-track .slick-slide > div {
  margin-bottom: 35px;
  display: flex;
  -moz-column-gap: 35px;
       column-gap: 35px;
}

#story__archive-list .stories_list .slick-list .slick-track .slick-slide .story_card {
  height: 480px;
  /*max-width: 320px;*/
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 4px 4px 20px rgba(73, 126, 220, 0.4);
}

.cs-archive .cta-with-background-image, .cs-single .cta-with-background-image {
  min-height: 468px;
  background: #000 url(../../../images/bg-cta.png) no-repeat right center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 0 15px;
}

.cs-archive .cta-with-background-image h2, .cs-single .cta-with-background-image h2 {
  font-size: 50px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .cs-archive .cta-with-background-image h2, .cs-single .cta-with-background-image h2 {
    font-size: 63.3551px;
  }
}

.cs-archive .cta-with-background-image .cta-inner > div, .cs-single .cta-with-background-image .cta-inner > div {
  margin-top: 35.58px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.cs-archive .cta-with-background-image .button-holder, .cs-single .cta-with-background-image .button-holder {
  margin-top: 54.04px;
}

.cs-archive .cta-with-background-image .button-holder a, .cs-single .cta-with-background-image .button-holder a {
  background: rgba(255, 255, 255, 0.12);
  border: 2px solid #ffffff;
  border-radius: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 267px;
  height: 57.05px;
  font-weight: 500;
  font-size: 20px;
  line-height: 118%;
  color: white;
}

.cs-single .about-section {
  padding-top: 280px;
}

@media (min-width: 1280px) {
  .cs-single .about-section {
    padding-top: 280px;
  }
}

.cs-single .single-story__banner {
  background: url(../img/single-story-banner-v2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 160px;
}

.cs-single .single-story__banner .blue-box {
  position: relative;
  top: 10rem;
  z-index: 1;
  margin-top: 0px;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media (min-width: 768px) {
  .cs-single .single-story__banner .blue-box {
    max-width: 60%;
  }
}

@media (min-width: 1024px) {
  .cs-single .single-story__banner .blue-box {
    max-width: 1224px;
  }
}

@media (min-width: 1280px) {
  .cs-single .single-story__banner .blue-box {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}

.cs-single .single-story__banner .blue-box ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 1024px) {
  .cs-single .single-story__banner .blue-box ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.cs-single .single-story__banner .blue-box ul li {
  margin-bottom: 0px;
  margin-right: 0px;
  width: initial;
  max-width: initial;
  padding-left: 80px;
}

.cs-single .single-story__banner .blue-box ul li img {
  max-height: 62px;
  max-width: 62px;
}

.cs-single .single-story__summary {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 25 / var(--tw-bg-opacity));
}

.cs-single .single-story__summary .about-content span p {
  color: inherit;
}

.cs-single .single-story__testimonial.second__testimonial {
  position: relative;
  top: 10rem;
  z-index: 1;
  background-color: transparent;
}

.cs-single .single-story__testimonial {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 25 / var(--tw-bg-opacity));
}

.cs-single .single-story__testimonial .testimonial {
  background: linear-gradient(
                106.29deg,
                #1c1d2a 38.69%,
                #0a1321 67.65%
            );
  box-shadow: -20px 20px 50px 0px rgba(87, 134, 214, 0.3);
  border-radius: 15px;
}

.cs-single .single-story__testimonial .testimonial p {
  font-size: 24px;
  font-weight: 400;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__testimonial .testimonial .customer_info p {
  margin-bottom: 5px;
  font-size: 19.2165px;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__testimonial .testimonial .customer_info p.customer_name {
  font-weight: 600;
}

.cs-single .single-story__testimonial .about_customer p {
  font-size: 20px;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__testimonial .customer_items .item_details p {
  font-size: 18px;
  font-weight: 500;
  line-height: 133%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__testimonial .customer_items .item_details ul {
  margin-left: 1.5rem;
}

.cs-single .single-story__testimonial .customer_items .item_details ul li {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 133%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__testimonial .customer_items .item_details ul li:before {
  content: "\2022";
  margin-left: -1em;
  display: inline-block;
  width: 1em;
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(174 194 255 / var(--tw-text-opacity));
}

.cs-single .single-story__sticky-cards .c-container {
  max-width: 1224px;
}

.cs-single .single-story__sticky-cards .sticky-content-true-item.is-active, .cs-single .single-story__sticky-cards .sticky-content-virtual-item.is-active {
}

.cs-single .single-story__sticky-cards .sticky-content-true-item-box:before {
  --tw-content: none;
  content: var(--tw-content);
}

.cs-single .single-story__sticky-cards .sticky-content-true-item-box-content {
  width: 100%;
}

.cs-single .single-story__sticky-cards .sticky-content-header {
  margin-bottom: 25px;
  padding-top: 0px;
}

@media (min-width: 1024px) {
  .cs-single .single-story__sticky-cards .sticky-content-header {
    margin-bottom: 75px;
  }
}

.cs-single .single-story__new-life .new_life-content p {
  /*margin-bottom: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 121%;
  letter-spacing: 0.4px;
  --tw-text-opacity: 1;
  color: rgb(11 11 11 / var(--tw-text-opacity));*/
	font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
    font-weight: 400;
}

.cs-single .single-story__new-life .new_life-content h1,
            .cs-single .single-story__new-life .new_life-content h2,
            .cs-single .single-story__new-life .new_life-content h3,
            .cs-single .single-story__new-life .new_life-content h4,
            .cs-single .single-story__new-life .new_life-content h5 {
  margin-bottom: 30px;
}

.cs-single .single-story__new-life .new_life-content blockquote {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 20px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 50px;
  font-style: normal;
}

@media (min-width: 1024px) {
  .cs-single .single-story__new-life .new_life-content blockquote {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}

.cs-single .single-story__new-life .new_life-content blockquote {
  box-shadow: -20px 20px 50px 0px rgba(87, 134, 214, 0.3);
}

.cs-single .single-story__new-life .new_life-content blockquote p:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='34' viewBox='0 0 42 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.50784 4.83364C6.40747 1.69013 10.7951 0.0966797 16.5469 0.0966797H18.6136V5.9228L16.952 6.25555C14.1205 6.82183 12.1509 7.9358 11.0969 9.57059C10.5469 10.4513 10.235 11.4597 10.1917 12.4971H16.5469C17.095 12.4971 17.6207 12.7148 18.0083 13.1024C18.3959 13.49 18.6136 14.0157 18.6136 14.5638V29.031C18.6136 31.3106 16.7597 33.1644 14.4801 33.1644H2.07973C1.5316 33.1644 1.00592 32.9467 0.618328 32.5591C0.23074 32.1715 0.0129953 31.6458 0.0129953 31.0977V20.764L0.0191955 14.7312C0.000594918 14.5018 -0.392085 9.06631 3.50784 4.83364ZM37.2142 33.1644H24.8138C24.2657 33.1644 23.74 32.9467 23.3524 32.5591C22.9648 32.1715 22.7471 31.6458 22.7471 31.0977V20.764L22.7533 14.7312C22.7347 14.5018 22.342 9.06631 26.2419 4.83364C29.1416 1.69013 33.5292 0.0966797 39.281 0.0966797H41.3477V5.9228L39.686 6.25555C36.8546 6.82183 34.885 7.9358 33.831 9.57059C33.281 10.4513 32.9691 11.4597 32.9257 12.4971H39.281C39.8291 12.4971 40.3548 12.7148 40.7424 13.1024C41.1299 13.49 41.3477 14.0157 41.3477 14.5638V29.031C41.3477 31.3106 39.4938 33.1644 37.2142 33.1644Z' fill='url(%23paint0_linear_3917_4761)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3917_4761' x1='1.9961' y1='10.3023' x2='23.3408' y2='42.8454' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237AAAFF'/%3E%3Cstop offset='1' stop-color='%23285DFF' stop-opacity='0.29'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 42px;
  height: 32px;
  display: inline-block;
  margin-right: 15px;
}

@media (min-width: 1024px) {
  .cs-single .single-story__new-life .new_life-content blockquote p:before {
    margin-right: 30px;
  }
}

.cs-single .single-story__new-life .new_life-content blockquote p:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='34' viewBox='0 0 42 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.4922 28.9613C35.5925 32.1048 31.2049 33.6982 25.4531 33.6982H23.3864V27.8721L25.048 27.5394C27.8795 26.9731 29.8491 25.8591 30.9031 24.2243C31.4531 23.3436 31.765 22.3352 31.8083 21.2978H25.4531C24.905 21.2978 24.3793 21.0801 23.9917 20.6925C23.6041 20.3049 23.3864 19.7792 23.3864 19.2311V4.76395C23.3864 2.48434 25.2403 0.630486 27.5199 0.630486H39.9203C40.4684 0.630486 40.9941 0.848225 41.3817 1.23581C41.7693 1.6234 41.987 2.14909 41.987 2.69722V13.0309L41.9808 19.0637C41.9994 19.2931 42.3921 24.7286 38.4922 28.9613ZM4.78578 0.630486H17.1862C17.7343 0.630486 18.26 0.848225 18.6476 1.23581C19.0352 1.6234 19.2529 2.14909 19.2529 2.69722V13.0309L19.2467 19.0637C19.2653 19.2931 19.658 24.7286 15.7581 28.9613C12.8584 32.1048 8.47077 33.6982 2.71904 33.6982H0.652309V27.8721L2.31396 27.5394C5.14539 26.9731 7.11499 25.8591 8.16902 24.2243C8.719 23.3436 9.03092 22.3352 9.07426 21.2978H2.71904C2.17091 21.2978 1.64523 21.0801 1.25764 20.6925C0.870052 20.3049 0.652309 19.7792 0.652309 19.2311V4.76395C0.652309 2.48434 2.50617 0.630486 4.78578 0.630486Z' fill='url(%23paint0_linear_3917_4766)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3917_4766' x1='40.0039' y1='23.4926' x2='18.6592' y2='-9.05048' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237AAAFF'/%3E%3Cstop offset='1' stop-color='%23285DFF' stop-opacity='0.29'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 42px;
  height: 32px;
  display: inline-block;
  margin-left: 15px;
}

@media (min-width: 1024px) {
  .cs-single .single-story__new-life .new_life-content blockquote p:after {
    margin-left: 30px;
  }
}

.cs-single .single-story__about {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(12 17 27 / var(--tw-bg-opacity));
}

.cs-single .single-story__about.review-sect:before,
            .cs-single .single-story__about.review-sect:after {
  --tw-content: none;
  content: var(--tw-content);
}

.cs-single .single-story__about.review-sect .review-bg-black {
  bottom: 0;
  top: -10rem;
  z-index: -1;
  height: 300px;
}

@media (min-width: 1024px) {
  .cs-single .single-story__about.review-sect .review-bg-black {
    height: 300px;
  }
}

.cs-single .single-story__about.review-sect .review-bg-black {
  transform: skew(0, -3.7deg);
}

.cs-single .single-story__about .about_content {
  padding-top: 50px;
}

@media (min-width: 1280px) {
  .cs-single .single-story__about .about_content {
    padding-top: 132px;
  }
}

.cs-single .single-story__about .about_content p {
  font-size: 24px;
  font-weight: 500;
  line-height: 121%;
  letter-spacing: 0.4px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cs-single .single-story__about .about_content:before {
  content: "";
  position: absolute;
  background-position: center right;
  background-image: url(../../../images/banner-trademark.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  width: 692.05px;
  height: 745.33px;
  right: -209.68px;
  top: 160px;
}

.cs-single .cta-with-background-image {
  position: relative;
  z-index: 1;
}

.skewed-bg {
  background-color: white;
  transform: skew(0, -3.7deg);
  position: relative;
  right: 0px;
  left: 0px;
  top: -7rem;
  height: 200px;
  width: 100vw;
  padding-top: 4rem;
}

.stories--tw :is(.hover\:stroke-\[\#0a1321\]:hover) {
  stroke: #0a1321;
}

.stories--tw :is(.hover\:text-\[\#0a1321\]:hover) {
  --tw-text-opacity: 1;
  color: rgb(10 19 33 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .stories--tw :is(.md\:w-\[48px\]) {
    width: 48px;
  }

  .stories--tw :is(.md\:flex-row) {
    flex-direction: row;
  }

  .stories--tw :is(.md\:gap-\[24px\]) {
    gap: 24px;
  }

  .stories--tw :is(.md\:gap-\[48px\]) {
    gap: 48px;
  }

  .stories--tw :is(.md\:gap-\[56px\]) {
    gap: 56px;
  }

  .stories--tw :is(.md\:gap-\[72px\]) {
    gap: 72px;
  }

  .stories--tw :is(.md\:px-\[38px\]) {
    padding-left: 38px;
    padding-right: 38px;
  }

  .stories--tw :is(.md\:pb-\[124px\]) {
    padding-bottom: 124px;
  }

  .stories--tw :is(.md\:pt-\[56px\]) {
    padding-top: 56px;
  }

  .stories--tw :is(.md\:text-\[47px\]) {
    font-size: 47px;
  }
}

@media (min-width: 1024px) {
  .stories--tw :is(.lg\:absolute) {
    position: absolute;
  }

  .stories--tw :is(.lg\:mb-\[72px\]) {
    margin-bottom: 72px;
  }

  .stories--tw :is(.lg\:mb-\[77\.83px\]) {
    margin-bottom: 77.83px;
  }

  .stories--tw :is(.lg\:mb-\[94px\]) {
    margin-bottom: 94px;
  }

  .stories--tw :is(.lg\:w-2\/5) {
    width: 40%;
  }

  .stories--tw :is(.lg\:w-3\/5) {
    width: 60%;
  }

  .stories--tw :is(.lg\:w-\[500px\]) {
    width: 500px;
  }

  .stories--tw :is(.lg\:w-\[545px\]) {
    width: 545px;
  }

  .stories--tw :is(.lg\:max-w-\[400px\]) {
    max-width: 400px;
  }

  .stories--tw :is(.lg\:max-w-\[505px\]) {
    max-width: 505px;
  }

  .stories--tw :is(.lg\:flex-row) {
    flex-direction: row;
  }

  .stories--tw :is(.lg\:p-0) {
    padding: 0px;
  }

  .stories--tw :is(.lg\:p-\[0_25px\]) {
    padding: 0 25px;
  }

  .stories--tw :is(.lg\:px-\[104px\]) {
    padding-left: 104px;
    padding-right: 104px;
  }

  .stories--tw :is(.lg\:pb-\[60px\]) {
    padding-bottom: 60px;
  }

  .stories--tw :is(.lg\:pt-\[88px\]) {
    padding-top: 88px;
  }

  .stories--tw :is(.lg\:text-\[30px\]) {
    font-size: 30px;
  }

  .stories--tw :is(.lg\:text-\[40px\]) {
    font-size: 40px;
  }

  .stories--tw :is(.lg\:text-\[47px\]) {
    font-size: 47px;
  }

  .stories--tw :is(.lg\:leading-\[64\%\]) {
    line-height: 64%;
  }
}

@media (min-width: 1280px) {
  .stories--tw :is(.xl\:mb-\[145px\]) {
    margin-bottom: 145px;
  }

  .stories--tw :is(.xl\:flex) {
    display: flex;
  }

  .stories--tw :is(.xl\:w-\[800px\]) {
    width: 800px;
  }

  .stories--tw :is(.xl\:px-\[100px\]) {
    padding-left: 100px;
    padding-right: 100px;
  }

  .stories--tw :is(.xl\:pt-\[230px\]) {
    padding-top: 230px;
  }

  .stories--tw :is(.xl\:text-\[47px\]) {
    font-size: 47px;
  }
}

.mobile-filter-dropdown, .mobile-filter-dropdown:focus {
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #2152cf;
    border-radius: 50px;
    margin: 0 0 50px 0;
    padding:10px 30px; 
    align-self:center;
    font-size: 18px;
    font-weight:500;
    color: #2152cf;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="blue" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>') no-repeat;
    background-position: calc(100% - 12px) center;
    cursor: pointer;
}

.mobile-filter-dropdown option {
    font-size: 18px;
    background-color: #fff;
    color: #2152cf;
}


#story__archive-list .filters .category:hover {
  cursor:pointer;

}

#story__archive-list.mobile {
  padding: 0 30px;
}

#story__archive-list .story_card {
margin-bottom:35px !important;
}

#story__archive-list .stories_list .slick-list .slick-track .slick-slide > div {
margin-bottom:0 !important;
}

#story__archive-list.mobile .story_card {
height: 480px;
border-radius: 15px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
box-shadow: 4px 4px 20px rgba(73, 126, 220, 0.4);
margin-bottom:35px;
}

#story__archive-list.mobile .slider-controls {
display:none;
}

.mobile_load_more {
  border: 2px solid #2152cf;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 35px;
    width: 45%;
    margin: 0 auto;
    margin-bottom: 45px;
}

.mobile_load_more {
  display: none;
  cursor: pointer;
}

.mobile_load_more a {
  color:#2152cf;
} 

@media (max-width: 600px) {
  .mobile_load_more {
    display: flex;
  }
}
@media (max-width: 1136px) {
   #archive-banner > div {
    top:10rem !important;
  }
}