.elementor-1068 .elementor-element.elementor-element-ba1858e:not(.elementor-motion-effects-element-type-background), .elementor-1068 .elementor-element.elementor-element-ba1858e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://karaoulasdentalclinic.gr/wp-content/uploads/2022/09/pexels-daniel-frank-305566.jpg");background-position:center center;}.elementor-1068 .elementor-element.elementor-element-ba1858e > .elementor-background-overlay{background-color:var( --e-global-color-bd4e52e );opacity:0.45;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1068 .elementor-element.elementor-element-ba1858e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-1068 .elementor-element.elementor-element-f171b5b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1068 .elementor-element.elementor-element-f171b5b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1068 .elementor-element.elementor-element-c824149 .elementor-heading-title{color:var( --e-global-color-a14096c );}.elementor-1068 .elementor-element.elementor-element-c824149 > .elementor-widget-container{padding:10em 5em 10em 25em;}.elementor-1068 .elementor-element.elementor-element-71b7622 > .elementor-container{max-width:1200px;}.elementor-1068 .elementor-element.elementor-element-71b7622 > .elementor-background-overlay{background-image:url("https://karaoulasdentalclinic.gr/wp-content/uploads/2022/09/dots.png");background-position:bottom right;background-repeat:no-repeat;opacity:0.56;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1068 .elementor-element.elementor-element-71b7622{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 0em 4em 0em;}.elementor-bc-flex-widget .elementor-1068 .elementor-element.elementor-element-d6f0de9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1068 .elementor-element.elementor-element-d6f0de9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1068 .elementor-element.elementor-element-d6f0de9 > .elementor-element-populated{padding:2em 2em 2em 02em;}.elementor-1068 .elementor-element.elementor-element-22298e4 .elementor-heading-title{color:var( --e-global-color-5d34f14 );font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;letter-spacing:0.7px;}.elementor-1068 .elementor-element.elementor-element-00b0efd .elementor-heading-title{color:var( --e-global-color-bd4e52e );font-family:"Manrope", Sans-serif;font-size:25px;font-weight:600;line-height:30px;}.elementor-1068 .elementor-element.elementor-element-b6edfef{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-1068 .elementor-element.elementor-element-bc420ae > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1068 .elementor-element.elementor-element-910dd6f img{width:100%;border-radius:0% 0% 0% 0%;}.ee-tooltip.ee-tooltip-910dd6f.to--top,
							 .ee-tooltip.ee-tooltip-910dd6f.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-910dd6f.to--left,
							 .ee-tooltip.ee-tooltip-910dd6f.to--right{margin-top:0px;}.elementor-1068 .elementor-element.elementor-element-c331e84 img{width:100%;border-radius:0% 0% 0% 0%;}.ee-tooltip.ee-tooltip-c331e84.to--top,
							 .ee-tooltip.ee-tooltip-c331e84.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-c331e84.to--left,
							 .ee-tooltip.ee-tooltip-c331e84.to--right{margin-top:0px;}.elementor-1068 .elementor-element.elementor-element-2f6e512:not(.elementor-motion-effects-element-type-background), .elementor-1068 .elementor-element.elementor-element-2f6e512 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, var( --e-global-color-6e5299d ) 20%, #117396 20%);}.elementor-1068 .elementor-element.elementor-element-2f6e512{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1068 .elementor-element.elementor-element-2f6e512 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1068 .elementor-element.elementor-element-eb1bbca.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1068 .elementor-element.elementor-element-eb1bbca.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1068 .elementor-element.elementor-element-eb1bbca > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1068 .elementor-element.elementor-element-ee3310e .elementor-heading-title{color:var( --e-global-color-a14096c );font-family:"Manrope", Sans-serif;font-size:25px;font-weight:600;}.elementor-1068 .elementor-element.elementor-element-7a91563:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.85;}.elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-a14096c );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:01em -5em 1em 4em;--e-column-margin-right:-5em;--e-column-margin-left:4em;padding:0em 0em 0em 0em;}.elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated, .elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated > .elementor-background-overlay, .elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group{padding-right:calc( 17px/2 );padding-left:calc( 17px/2 );margin-bottom:17px;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-form-fields-wrapper{margin-left:calc( -17px/2 );margin-right:calc( -17px/2 );margin-bottom:-17px;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-type-html{padding-bottom:0px;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-bd4e52e );}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-bd4e52e );}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-bd4e52e );}.elementor-1068 .elementor-element.elementor-element-054f1dc .e-form__buttons__wrapper__button-next{background-color:#128ABA;color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-button[type="submit"]{background-color:#128ABA;color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1068 .elementor-element.elementor-element-054f1dc{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1068 .elementor-element.elementor-element-054f1dc > .elementor-widget-container{padding:3em 3em 3em 3em;border-radius:50% 50% 50% 50%;}.elementor-1068 .elementor-element.elementor-element-87ae486:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://karaoulasdentalclinic.gr/wp-content/uploads/2022/09/dots.png");background-position:41px 281px;background-repeat:no-repeat;background-size:auto;}.elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://karaoulasdentalclinic.gr/wp-content/uploads/2022/09/dots.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;opacity:0.99;}.elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1366px){.elementor-1068 .elementor-element.elementor-element-c824149 > .elementor-widget-container{padding:10em 0em 10em 5em;}}@media(max-width:1024px){.elementor-1068 .elementor-element.elementor-element-ba1858e:not(.elementor-motion-effects-element-type-background), .elementor-1068 .elementor-element.elementor-element-ba1858e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1068 .elementor-element.elementor-element-c824149 > .elementor-widget-container{padding:10em 0em 05em 2em;}.elementor-1068 .elementor-element.elementor-element-87ae486:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1068 .elementor-element.elementor-element-7a91563 > .elementor-element-populated{margin:1em 1em 1em 1em;--e-column-margin-right:1em;--e-column-margin-left:1em;}.elementor-1068 .elementor-element.elementor-element-87ae486:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1068 .elementor-element.elementor-element-87ae486 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-1068 .elementor-element.elementor-element-d6f0de9{width:53.459%;}.elementor-1068 .elementor-element.elementor-element-bc420ae{width:46.5%;}.elementor-1068 .elementor-element.elementor-element-2768b45{width:100%;}.elementor-1068 .elementor-element.elementor-element-eb1bbca{width:48.945%;}.elementor-1068 .elementor-element.elementor-element-7a91563{width:41.272%;}.elementor-1068 .elementor-element.elementor-element-87ae486{width:9%;}}@media(min-width:2400px){.elementor-1068 .elementor-element.elementor-element-c824149 > .elementor-widget-container{padding:10em 0em 10em 40em;}}/* Start custom CSS for html, class: .elementor-element-e47f4bc */.guided-benefits,
.guided-statement {
  font-family: "Manrope", sans-serif;
}

.guided-benefits {
  padding: 90px 20px;
  background: #f8fbfc;
}

.guided-benefits__inner {
  max-width: 1180px;
  margin: 0 auto;
}

.guided-benefits__heading {
  max-width: 680px;
  margin-bottom: 50px;
}

.guided-benefits__heading span {
  display: block;
  margin-bottom: 10px;
  color: #1484a8;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.guided-benefits__heading h2 {
  margin: 0;
  color: #07577a;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 500;
}

.guided-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #dce8ec;
  border: 1px solid #dce8ec;
}

.guided-benefit {
  position: relative;
  min-height: 250px;
  padding: 36px 32px;
  background: #fff;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.guided-benefit:hover {
  z-index: 2;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 70, 100, 0.08);
}

.guided-benefit__number {
  margin-bottom: 28px;
  color: #1aa4cc;
  font-size: 14px;
  font-weight: 600;
}

.guided-benefit h3 {
  margin: 0 0 14px;
  color: #07577a;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;
}

.guided-benefit p {
  margin: 0;
  color: #7b858b;
  font-size: 15px;
  line-height: 1.7;
    font-weight: 300;
}

@media (max-width: 991px) {
  .guided-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .guided-benefits {
    padding: 70px 20px;
  }
}

@media (max-width: 600px) {
  .guided-benefits {
    padding: 55px 18px;
  }

  .guided-benefits__heading {
    margin-bottom: 32px;
  }

  .guided-benefits__heading h2 {
    font-size: 28px;
  }

  .guided-benefits__grid {
    grid-template-columns: 1fr;
  }

  .guided-benefit {
    min-height: auto;
    padding: 30px 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-854b24b */.guided-highlight {
  position: relative;
  overflow: hidden;
  padding: 72px 20px;
  background: #167f9f;
  color: #fff;
  font-family: "Manrope", sans-serif;
}

/* Decorative circle */
.guided-highlight::after {
  content: "";
  position: absolute;
  right: -90px;
  top: -120px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  pointer-events: none;
}

.guided-highlight__inner {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}


/* =========================
   MAIN LAYOUT
========================= */

.guided-highlight__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 90px;
  align-items: center;
}


/* Hide old SVG column */
.guided-highlight__visual {
  display: none;
}


/* =========================
   TEXT
========================= */

.guided-highlight__text span {
  display: block;
  margin-bottom: 12px;

  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;

  opacity: .78;
}

.guided-highlight__text h2 {
  margin: 0;

  max-width: 650px;

  font-size: clamp(42px, 4vw, 60px);
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -0.035em;
}

.guided-highlight__text h2 strong {
  display: block;
  font-weight: 700;
}

.guided-highlight__text p {
  max-width: 650px;

  margin: 26px 0 0;

  font-size: 16px;
  line-height: 1.75;
  font-weight: 300;

  opacity: .82;
}


/* =========================
   1 SESSION BADGE
========================= */

.guided-highlight__badge {
  width: 190px;
  height: 190px;

  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  justify-self: end;
}

.guided-highlight__badge-number {
  font-size: 74px;
  line-height: .9;
  font-weight: 700;
}

.guided-highlight__badge-label {
  margin-top: 12px;

  font-size: 12px;
  font-weight: 600;

  letter-spacing: .15em;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

  .guided-highlight {
    padding: 65px 25px;
  }

  .guided-highlight__content {
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 45px;
  }

  .guided-highlight__badge {
    width: 150px;
    height: 150px;
  }

  .guided-highlight__badge-number {
    font-size: 58px;
  }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

  .guided-highlight {
    padding: 55px 20px;
  }

  .guided-highlight__content {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .guided-highlight__text span {
    font-size: 14px;
  }

  .guided-highlight__text h2 {
    font-size: 38px;
  }

  .guided-highlight__text p {
    margin-top: 20px;
    font-size: 15px;
  }

  .guided-highlight__badge {
    justify-self: start;

    width: 135px;
    height: 135px;
  }

  .guided-highlight__badge-number {
    font-size: 52px;
  }

  .guided-highlight__badge-label {
    font-size: 10px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2a688e *//* ===================================
   GUIDED VIDEOS
=================================== */

.guided-videos {
  padding: 85px 20px 95px;
  background: #fff;
  font-family: "Manrope", sans-serif;
}

.guided-videos__inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}


/* HEADING */

.guided-videos__heading {
  max-width: 720px;
  margin-bottom: 45px;
}

.guided-videos__heading > span {
  display: block;
  margin-bottom: 10px;

  color: #167f9f;
  font-size: 15px;
  font-weight: 500;
}

.guided-videos__heading h2 {
  margin: 0 0 16px;

  color: #07577a;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.guided-videos__heading p {
  margin: 0;

  color: #7d878c;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
}


/* GRID */

.guided-videos__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}


/* VIDEO */

.guided-video-card__media {
  position: relative;
  overflow: hidden;

  width: 100%;
  aspect-ratio: 16 / 9;

  background: #eaf1f3;
}

.guided-video-card__media iframe {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  border: 0;
}


/* CONTENT UNDER VIDEO */

.guided-video-card__content {
  position: relative;
  padding: 22px 0 0 50px;
}

.guided-video-card__number {
  position: absolute;
  top: 23px;
  left: 0;

  color: #1a91b2;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .08em;
}

.guided-video-card h3 {
  margin: 0 0 8px;

  color: #07577a;
  font-size: 19px;
  line-height: 1.4;
  font-weight: 500;
}

.guided-video-card__content p {
  max-width: 450px;
  margin: 0;

  color: #7d878c;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 300;
}


/* TABLET / MOBILE */

@media (max-width: 767px) {

  .guided-videos {
    padding: 60px 20px 70px;
  }

  .guided-videos__heading {
    margin-bottom: 32px;
  }

  .guided-videos__heading h2 {
    font-size: 28px;
  }

  .guided-videos__grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

}


@media (max-width: 480px) {

  .guided-video-card__content {
    padding-left: 40px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fde5a3 *//* ==========================================
   GUIDED CLINICAL CASES
========================================== */

.guided-cases {
  padding: 95px 20px;
  background: #f7fafb;
  font-family: "Manrope", sans-serif;
}

.guided-cases *,
.guided-cases *::before,
.guided-cases *::after {
  box-sizing: border-box;
}

.guided-cases__inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}


/* ==========================================
   SECTION HEADING
========================================== */

.guided-cases__heading {
  max-width: 720px;
  margin-bottom: 55px;
}

.guided-cases__heading > span {
  display: block;
  margin-bottom: 10px;

  color: #1684a5;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.guided-cases__heading h2 {
  margin: 0 0 18px;

  color: #07577a;
  font-size: clamp(32px, 3.4vw, 46px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -.035em;
}

.guided-cases__heading p {
  max-width: 650px;
  margin: 0;

  color: #7c878c;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
}


/* ==========================================
   CASE
========================================== */

.guided-case {
  padding: 48px;
  margin-bottom: 45px;

  background: #fff;
  border: 1px solid #e5eef1;
}

.guided-case:last-child {
  margin-bottom: 0;
}


/* ==========================================
   TOP / BEFORE AFTER
========================================== */

.guided-case__top {
  display: grid;
  grid-template-columns: .95fr 1.15fr 1.15fr;
  gap: 20px;
  align-items: center;
}


/* INTRO */

.guided-case__intro {
  padding-right: 25px;
}

.guided-case__label {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-bottom: 22px;
}

.guided-case__label span {
  color: #1684a5;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .13em;
}

.guided-case__label::after {
  content: "";

  display: block;
  width: 30px;
  height: 1px;

  background: #1684a5;
}

.guided-case__intro h3 {
  margin: 0 0 18px;

  color: #07577a;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -.02em;
}

.guided-case__intro p {
  margin: 0;

  color: #7c878c;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 300;
}


/* CASE LINK */

.guided-case__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-top: 25px;

  color: #1684a5;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;

  transition: opacity .2s ease;
}

.guided-case__link:hover {
  opacity: .7;
}

.guided-case__arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  border: 1px solid #1684a5;
  border-radius: 50%;

  font-size: 15px;
}


/* ==========================================
   BEFORE / AFTER IMAGE
========================================== */

.guided-case__result {
  margin: 0;
}

.guided-case__image {
  position: relative;
  overflow: hidden;

  width: 100%;
  aspect-ratio: 16 / 10;

  background: #eef3f5;
}

.guided-case__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform .5s ease;
}

.guided-case__result:hover img {
  transform: scale(1.025);
}


/* BEFORE / AFTER TAG */

.guided-case__tag {
  position: absolute;
  top: 14px;
  left: 14px;

  padding: 7px 14px;

  color: #fff;
  background: rgba(7, 87, 122, .86);

  border-radius: 30px;

  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .15em;
}

.guided-case__tag--after {
  left: auto;
  right: 14px;

  background: #1684a5;
}


/* IMAGE CAPTION */

.guided-case__result figcaption {
  padding: 11px 15px;

  color: #07577a;
  background: #edf7fa;

  text-align: center;

  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
}


/* ==========================================
   STEPS
========================================== */

.guided-case__steps {
  margin-top: 45px;
  padding-top: 30px;

  border-top: 1px solid #e6edef;

  scroll-margin-top: 120px;
}

.guided-case__steps-title {
  display: flex;
  align-items: center;
  gap: 16px;

  margin-bottom: 24px;
}

.guided-case__steps-title h4 {
  margin: 0;

  color: #1684a5;
  font-size: 17px;
  font-weight: 500;
}

.guided-case__steps-title > span {
  display: block;

  width: 35px;
  height: 1px;

  background: #1684a5;
}


/* ==========================================
   STEPS GRID
========================================== */

.guided-case__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px 16px;
}


/* STEP */

.guided-step {
  min-width: 0;
  margin: 0;
}

.guided-step__image {
  position: relative;
  overflow: hidden;

  width: 100%;
  aspect-ratio: 4 / 3;

  background: #edf2f4;
}

.guided-step__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform .4s ease;
}

.guided-step:hover img {
  transform: scale(1.035);
}


/* CAPTION */

.guided-step figcaption {
  padding-top: 11px;

  color: #68777e;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 300;
}

.guided-step figcaption span {
  display: block;

  margin-bottom: 4px;

  color: #1684a5;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1000px) {

  .guided-case {
    padding: 35px;
  }

  .guided-case__top {
    grid-template-columns: 1fr 1fr;
  }

  .guided-case__intro {
    grid-column: 1 / -1;

    max-width: 650px;
    padding: 0 0 15px;
  }

  .guided-case__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 650px) {

  .guided-cases {
    padding: 65px 18px;
  }

  .guided-cases__heading {
    margin-bottom: 35px;
  }

  .guided-cases__heading h2 {
    font-size: 31px;
  }

  .guided-cases__heading h2 br {
    display: none;
  }


  /* CASE */

  .guided-case {
    padding: 22px;
    margin-bottom: 30px;
  }

  .guided-case__top {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .guided-case__intro {
    grid-column: auto;
    padding-bottom: 10px;
  }

  .guided-case__intro h3 {
    font-size: 22px;
  }


  /* BEFORE / AFTER remain one under another */

  .guided-case__image {
    aspect-ratio: 16 / 10;
  }


  /* STEPS */

  .guided-case__steps {
    margin-top: 35px;
  }

  .guided-case__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 12px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 400px) {

  .guided-case {
    padding: 18px;
  }

  .guided-case__grid {
    grid-template-columns: 1fr;
  }

}/* End custom CSS */