:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.operations-carousel .swiper-slide {
  line-height: 0;
}
.operations-carousel img {
  width: 100%;
  height: auto;
  line-height: 0;
  border-radius: 14px;
  aspect-ratio: 1/0.7;
  object-fit: cover;
}
@media (min-width: 782px) {
  .operations-carousel img {
    aspect-ratio: 1/0.55;
  }
}
.operations-carousel .slide-content {
  margin-top: 1rem;
  background: #F8F6F2;
  border-radius: 14px;
  overflow: hidden;
}
.operations-carousel .slide-content .col-1 {
  background: linear-gradient(114deg, #CD136A -90%, rgb(81.7469879518, 15.9337349398, 156.5662650602) 55%, #1A2A6C 100%);
  padding: 3rem;
  position: relative;
}
.operations-carousel .slide-content .col-1 h3 {
  font-size: var(--wp--preset--font-size--font-34);
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 3;
}
.operations-carousel .slide-content .col-1 .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-20);
  font-weight: 500;
  line-height: 1.025;
  letter-spacing: -0.05ch;
  text-align: center;
  text-decoration: none;
  padding: 0.85ch 3rem;
  color: #1A2A6C;
  border: 0.15rem solid #CD136A;
  border-radius: 5rem;
  cursor: pointer;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  color: #fff;
  border: none;
  border-radius: 0;
  margin-top: 3rem;
  position: relative;
  z-index: 3;
}
.operations-carousel .slide-content .col-1 .btn:hover, .operations-carousel .slide-content .col-1 .btn:active, .operations-carousel .slide-content .col-1 .btn:focus {
  color: #fff;
  background: #CD136A;
}
.operations-carousel .slide-content .col-1 .btn:after {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  margin-left: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.054' cy='18.588' r='17.5' transform='rotate(-90 18.054 18.588)' stroke='%23F2F2F0'/%3E%3Cpath d='m17.148 27.001 8.544-8.377-8.544-8.45' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.174 18.628H9.424' stroke='%23fff' stroke-linecap='round'/%3E%3C/svg%3E");
  transition: margin 0.35s ease-in-out;
}
.operations-carousel .slide-content .col-1 .btn:hover, .operations-carousel .slide-content .col-1 .btn:active, .operations-carousel .slide-content .col-1 .btn:focus {
  background: transparent;
}
.operations-carousel .slide-content .col-1 .btn:hover:after, .operations-carousel .slide-content .col-1 .btn:active:after, .operations-carousel .slide-content .col-1 .btn:focus:after {
  margin-left: 1.4rem;
}
.operations-carousel .slide-content .col-1:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='180' fill='none'%3E%3Cmask id='b' width='300' height='180' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3CforeignObject width='0' height='0' x='0' y='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12.5px);clip-path:url(%23a);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%231226B8' d='M0 10C0 4.477 4.477 0 10 0h290v180H10c-5.523 0-10-4.477-10-10V10Z' data-figma-bg-blur-radius='25'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' fill-opacity='.07' d='M64.458-33.929c68.303-42.415 158.059-21.427 200.474 46.876 15.057 24.247 22.137 51.259 21.917 77.883-.097 11.832-9.768 21.345-21.599 21.248-11.832-.098-21.346-9.769-21.248-21.601.154-18.755-4.818-37.768-15.472-54.925-29.931-48.2-93.268-63.01-141.468-33.078-48.2 29.93-63.01 93.27-33.078 141.469 24.917 40.124 73.026 57.142 116.27 44.391 11.349-3.346 23.262 3.142 26.609 14.491 3.346 11.349-3.141 23.263-14.49 26.61-61.258 18.063-129.442-5.965-164.79-62.887C-24.833 98.244-3.847 8.487 64.458-33.929Zm217.994 217.31c12.489 0 22.614 10.125 22.614 22.615 0 12.49-10.125 22.615-22.614 22.615-12.49 0-22.615-10.125-22.615-22.615 0-12.49 10.125-22.615 22.615-22.615Zm-46.758-53.871c18.406 0 33.327 14.921 33.327 33.327s-14.921 33.327-33.327 33.327-33.327-14.921-33.327-33.327 14.921-33.327 33.327-33.327Zm-44.895-34.964c12.49 0 22.616 10.125 22.616 22.615 0 12.49-10.126 22.615-22.616 22.615-12.489 0-22.615-10.125-22.615-22.615 0-12.49 10.126-22.615 22.615-22.615Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 10C0 4.477 4.477 0 10 0h290v180H10c-5.523 0-10-4.477-10-10V10Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.operations-carousel .slide-content .col-2 {
  padding: 3rem;
}
.operations-carousel .slide-content .col-2 p {
  margin: 0;
}
@media (min-width: 560px) {
  .operations-carousel .slide-content {
    display: flex;
    flex-wrap: wrap;
  }
  .operations-carousel .slide-content > div {
    flex: 1;
  }
  .operations-carousel .slide-content .col-1 {
    display: flex;
    flex-direction: column;
  }
  .operations-carousel .slide-content .col-1 .btn {
    margin: auto auto 0 0;
  }
}
@media (min-width: 782px) {
  .operations-carousel .slide-content > div {
    flex: unset;
  }
  .operations-carousel .slide-content .col-1 {
    width: 320px;
  }
  .operations-carousel .slide-content .col-2 {
    width: calc(100% - 320px);
  }
}
.operations-carousel .slider-controls {
  width: 100px;
  height: 44px;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.operations-carousel .slider-controls .swiper-button-next,
.operations-carousel .slider-controls .swiper-button-prev {
  width: 44px;
  height: 44px;
}
.operations-carousel .slider-controls .swiper-button-next:after,
.operations-carousel .slider-controls .swiper-button-prev:after {
  display: none;
}
.operations-carousel .slider-controls .swiper-button-next:hover circle,
.operations-carousel .slider-controls .swiper-button-prev:hover circle {
  stroke: #CD136A;
}
.operations-carousel .slider-controls .swiper-button-next {
  right: 0;
}
.operations-carousel .slider-controls .swiper-button-prev {
  left: 0;
}
.operations-carousel .slider-controls circle {
  stroke: #fff;
  transition: stroke 0.35s ease-in-out;
}
@media (min-width: 900px) {
  .operations-carousel img {
    aspect-ratio: 1/0.6;
  }
  .operations-carousel .slide-content {
    width: calc(100% - 6rem);
    max-width: 78rem;
    margin: 0;
    position: absolute;
    top: 3rem;
    left: 3rem;
  }
  .operations-carousel .slider-controls {
    top: calc(100% - 7.4rem);
    right: 3rem;
  }
}
@media (min-width: 1250px) {
  .operations-carousel img {
    aspect-ratio: auto;
  }
  .operations-carousel .slide-content {
    top: 5rem;
    right: 5rem;
  }
  .operations-carousel .slider-controls {
    top: calc(100% - 9.4rem);
    right: 5rem;
  }
}