.elementor-widget-global .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3358 .elementor-element.elementor-global-3891{margin:40px 40px calc(var(--kit-widget-spacing, 0px) + 40px) 40px;padding:10px 10px 10px 10px;}.elementor-3358 .elementor-element.elementor-global-3891 .elementor-main-swiper .swiper-slide{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:30px;border-color:#F3791C;padding:20px 20px 20px 20px;}.elementor-3358 .elementor-element.elementor-global-3891 .elementor-swiper-button{font-size:20px;}.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__text{font-family:"Inter", Sans-serif;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__name{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__title{color:#F3791C;font-family:"Roboto Slab", Sans-serif;font-weight:400;}/* Start custom CSS for html, class: .elementor-element-7270312 *//* =========================================================
   CROSSTEK ABOUT HERO
   ========================================================= */

.ct-about-hero {
  --ct-navy: #142d3d;
  --ct-deep-navy: #0d2230;
  --ct-orange: #f3791c;
  --ct-cream: #f7f5ef;
  --ct-white: #ffffff;
  --ct-muted: #b8c2c8;

  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(243, 121, 28, 0.14),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      var(--ct-deep-navy) 0%,
      var(--ct-navy) 100%
    );

  color: var(--ct-white);

  border-radius: 0 0 32px 32px;
}


/* Decorative background shape */

.ct-about-hero::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -160px;

  width: 420px;
  height: 420px;

  border: 70px solid rgba(243, 121, 28, 0.06);
  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   INNER
   ========================================================= */

.ct-about-hero__inner {
  position: relative;
  z-index: 2;

  width: min(1180px, calc(100% - 48px));
  min-height: 680px;

  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
  align-items: center;
  gap: clamp(50px, 7vw, 100px);

  padding: 110px 0 100px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ct-about-hero__content {
  max-width: 690px;
}


.ct-about-hero__eyebrow {
  margin: 0 0 18px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}


.ct-about-hero__title {
  margin: 0;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.045em;
}


.ct-about-hero__title span {
  color: var(--ct-orange);
}


.ct-about-hero__intro {
  max-width: 610px;

  margin: 28px 0 0;

  color: rgba(255, 255, 255, 0.78);

  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.ct-about-hero__actions {
  display: flex;
  align-items: center;
  gap: 22px;

  margin-top: 34px;
}


.ct-about-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  min-height: 52px;

  padding: 13px 23px;

  background: var(--ct-orange);
  color: var(--ct-deep-navy);

  border-radius: 999px;

  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}


.ct-about-hero__button span {
  font-size: 17px;
  transition: transform 0.25s ease;
}


.ct-about-hero__button:hover {
  background: var(--ct-white);
  color: var(--ct-deep-navy);

  transform: translateY(-2px);

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.18);
}


.ct-about-hero__button:hover span {
  transform: translateY(3px);
}


/* =========================================================
   VISUAL
   ========================================================= */

.ct-about-hero__visual {
  position: relative;

  width: 100%;
  max-width: 500px;
  height: 500px;

  margin-left: auto;
}


/* Main image */

.ct-about-hero__image {
  position: absolute;

  overflow: hidden;

  background-color: rgba(255, 255, 255, 0.08);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.25);
}


.ct-about-hero__image--large {
  top: 0;
  left: 0;

  width: 72%;
  height: 78%;

  border-radius: 26px;

  background-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/09/jon-crosstek-support-desk.webp");

    background-position: center 20%;
}

.ct-about-hero__image--small {
  right: 0;
  bottom: 0;

  width: 48%;
  height: 48%;

  border: 8px solid var(--ct-navy);
  border-radius: 22px;

  background-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/09/crosstek-inside-computer.webp");

    background-position: center 65%;
}


/* =========================================================
   STATEMENT CARD
   ========================================================= */

.ct-about-hero__statement {
  position: absolute;
  left: 36%;
  bottom: 7%;

  z-index: 5;

  min-width: 220px;

  padding: 25px 28px 27px;

  background: var(--ct-deep-navy);

  border:
    1px solid rgba(255, 255, 255, 0.08);

  border-radius: 18px;

  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.3);
}


.ct-about-hero__statement::after {
  content: "";

  position: absolute;
  top: 18px;
  right: 18px;

  width: 48px;
  height: 48px;

  border: 9px solid rgba(243, 121, 28, 0.16);
  border-radius: 50%;
}


.ct-about-hero__statement-label {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 9px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.13em;
  text-transform: uppercase;
}


.ct-about-hero__statement strong {
  position: relative;
  z-index: 2;

  display: block;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.035em;
}


/* =========================================================
   SUBTLE IMAGE MOVEMENT
   ========================================================= */

.ct-about-hero__image--large {
  animation: ct-about-float-one 7s ease-in-out infinite;
}


.ct-about-hero__image--small {
  animation: ct-about-float-two 9s ease-in-out infinite;
}


@keyframes ct-about-float-one {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}


@keyframes ct-about-float-two {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(9px);
  }
}


/* Respect accessibility preferences */

@media (prefers-reduced-motion: reduce) {
  .ct-about-hero__image--large,
  .ct-about-hero__image--small {
    animation: none;
  }

  .ct-about-hero__button {
    transition: none;
  }
}


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

@media (max-width: 1024px) {

  .ct-about-hero__inner {
    width: min(100% - 40px, 900px);

    grid-template-columns: 1fr 0.8fr;
    gap: 45px;

    min-height: auto;

    padding: 90px 0;
  }


  .ct-about-hero__title {
    font-size: clamp(46px, 6vw, 62px);
  }


  .ct-about-hero__visual {
    height: 420px;
  }


  .ct-about-hero__statement {
    left: 24%;

    min-width: 200px;

    padding: 22px;
  }


  .ct-about-hero__statement strong {
    font-size: 24px;
  }

}


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

@media (max-width: 767px) {

  .ct-about-hero {
    border-radius: 0 0 22px 22px;
  }


  .ct-about-hero::before {
    top: -120px;
    right: -170px;

    width: 320px;
    height: 320px;

    border-width: 50px;
  }


  .ct-about-hero__inner {
    width: calc(100% - 36px);

    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 50px;

    padding: 72px 0 65px;
  }


  .ct-about-hero__content {
    max-width: none;
  }


  .ct-about-hero__eyebrow {
    margin-bottom: 14px;

    font-size: 11px;
  }


  .ct-about-hero__title {
    font-size: clamp(38px, 11vw, 52px);
    line-height: 1;
  }


  .ct-about-hero__title br {
    display: none;
  }


  .ct-about-hero__intro {
    margin-top: 22px;

    font-size: 16px;
    line-height: 1.65;
  }


  .ct-about-hero__actions {
    margin-top: 28px;
  }


  .ct-about-hero__button {
    min-height: 50px;

    padding: 13px 21px;
  }


  /* Images */

  .ct-about-hero__visual {
    width: 100%;
    max-width: 500px;
    height: 390px;

    margin: 0 auto;
  }


  .ct-about-hero__image--large {
    width: 76%;
    height: 75%;

    border-radius: 20px;
  }


  .ct-about-hero__image--small {
    width: 46%;
    height: 44%;

    border-width: 6px;
    border-radius: 18px;
  }


  .ct-about-hero__statement {
    left: 23%;
    bottom: 4%;

    min-width: 190px;

    padding: 20px 21px;
  }


  .ct-about-hero__statement strong {
    font-size: 23px;
  }

}


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

@media (max-width: 480px) {

  .ct-about-hero__inner {
    width: calc(100% - 30px);
  }


  .ct-about-hero__title {
    font-size: 38px;
  }


  .ct-about-hero__visual {
    height: 340px;
  }


  .ct-about-hero__image--large {
    width: 78%;
    height: 72%;
  }


  .ct-about-hero__image--small {
    width: 47%;
    height: 42%;
  }


  .ct-about-hero__statement {
    left: 16%;
    bottom: 1%;

    min-width: 178px;

    padding: 18px 19px;
  }


  .ct-about-hero__statement strong {
    font-size: 21px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d38aba *//* =========================================================
   CROSSTEK ABOUT STORY
   ========================================================= */

.ct-about-story {
  --ct-navy: #142d3d;
  --ct-deep-navy: #0d2230;
  --ct-orange: #f3791c;
  --ct-cream: #f7f5ef;
  --ct-white: #ffffff;
  --ct-ink: #15222c;
  --ct-muted: #63717a;

  position: relative;
  overflow: hidden;

  background: var(--ct-cream);

  padding: clamp(85px, 9vw, 140px) 0;
}


/* =========================================================
   INNER
   ========================================================= */

.ct-about-story__inner {
  width: min(1180px, calc(100% - 48px));

  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(380px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;

  gap: clamp(65px, 8vw, 120px);
}


/* =========================================================
   VISUAL
   ========================================================= */

.ct-about-story__visual {
  position: relative;

  width: 100%;
  max-width: 480px;
  min-height: 590px;
}


/* =========================================================
   MAIN IMAGE
   ========================================================= */

.ct-about-story__image {
  position: absolute;

  top: 0;
  left: 0;

  z-index: 2;

  width: 88%;
  height: 88%;

  overflow: hidden;

  background-color: #d9d5ce;
  background-position: 35% center;
  background-repeat: no-repeat;
  background-size: cover;

  border-radius: 28px;

  box-shadow:
    0 28px 70px rgba(13, 34, 48, 0.14);

  background-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/09/jon-aged-eight-first-computer.webp");
 }


/* =========================================================
   LARGE DECORATIVE CROSSTEK COG
   ========================================================= */

.ct-about-story__visual::before {
  content: "";

  position: absolute;

  top: 38px;
  right: -20px;

  z-index: 1;

  width: 150px;
  height: 150px;

  background: var(--ct-orange);

  -webkit-mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.12;

  transform: rotate(8deg);

  pointer-events: none;
}


/* =========================================================
   OVERLAPPING CARD
   ========================================================= */

.ct-about-story__card {
  position: absolute;

  right: 0;
  bottom: 0;

  z-index: 4;

  width: min(300px, 76%);

  padding: 28px 30px 31px;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      var(--ct-navy) 0%,
      var(--ct-deep-navy) 100%
    );

  border-radius: 20px;

  box-shadow:
    0 22px 55px rgba(13, 34, 48, 0.25);
}


/* =========================================================
   SMALL CROSSTEK COG ON CARD
   ========================================================= */

.ct-about-story__card::after {
  content: "";

  position: absolute;

  top: 18px;
  right: 18px;

  z-index: 1;

  width: 58px;
  height: 58px;

  background: var(--ct-orange);

  -webkit-mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.12;

  transform: rotate(8deg);

  pointer-events: none;
}


/* =========================================================
   CARD LABEL
   ========================================================= */

.ct-about-story__card-label {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 11px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.ct-about-story__card strong {
  position: relative;
  z-index: 2;

  display: block;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 700;

  line-height: 1.08;
  letter-spacing: -0.035em;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ct-about-story__content {
  max-width: 620px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.ct-about-story__eyebrow {
  margin: 0 0 16px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}


/* =========================================================
   TITLE
   ========================================================= */

.ct-about-story__title {
  margin: 0;

  color: var(--ct-navy);

  font-family: "Poppins", sans-serif;
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 700;

  line-height: 1.04;
  letter-spacing: -0.045em;
}


.ct-about-story__title span {
  color: var(--ct-orange);
}


/* =========================================================
   BODY COPY
   ========================================================= */

.ct-about-story__copy {
  margin-top: 30px;
}


.ct-about-story__copy p {
  margin: 0 0 18px;

  color: var(--ct-muted);

  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;

  line-height: 1.75;
}


.ct-about-story__copy p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   QUOTE
   ========================================================= */

.ct-about-story__quote {
  position: relative;

  margin-top: 34px;

  padding:
    24px
    28px
    24px
    68px;

  background: rgba(255, 255, 255, 0.72);

  border:
    1px solid rgba(20, 45, 61, 0.08);

  border-radius: 16px;
}


/* =========================================================
   QUOTE MARK
   ========================================================= */

.ct-about-story__quote-mark {
  position: absolute;

  top: 16px;
  left: 22px;

  color: var(--ct-orange);

  font-family: Georgia, serif;
  font-size: 58px;
  font-weight: 700;

  line-height: 1;
}


/* =========================================================
   QUOTE COPY
   ========================================================= */

.ct-about-story__quote p {
  margin: 0;

  color: var(--ct-navy);

  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 600;

  line-height: 1.55;
}


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

@media (max-width: 1024px) {

  .ct-about-story {
    padding: 90px 0;
  }


  .ct-about-story__inner {
    width: min(100% - 40px, 900px);

    grid-template-columns:
      minmax(320px, 0.85fr)
      minmax(0, 1.15fr);

    gap: 55px;
  }


  .ct-about-story__visual {
    min-height: 500px;
  }


  .ct-about-story__visual::before {
    top: 34px;
    right: -15px;

    width: 125px;
    height: 125px;
  }


  .ct-about-story__card {
    width: min(260px, 78%);

    padding: 24px 25px;
  }


  .ct-about-story__card::after {
    width: 50px;
    height: 50px;
  }


  .ct-about-story__title {
    font-size: clamp(38px, 4.8vw, 48px);
  }

}


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

@media (max-width: 767px) {

  .ct-about-story {
    padding: 72px 0 78px;
  }


  .ct-about-story__inner {
    width: calc(100% - 36px);

    display: flex;
    flex-direction: column;

    gap: 55px;
  }


  .ct-about-story__visual {
    width: 100%;
    max-width: 520px;

    min-height: 460px;

    margin: 0 auto;
  }


  .ct-about-story__image {
    width: 86%;
    height: 86%;

    border-radius: 22px;
  }


  .ct-about-story__visual::before {
    top: 30px;
    right: -10px;

    width: 115px;
    height: 115px;
  }


  .ct-about-story__card {
    width: min(275px, 78%);

    padding: 23px 24px 25px;

    border-radius: 17px;
  }


  .ct-about-story__card::after {
    top: 16px;
    right: 16px;

    width: 46px;
    height: 46px;
  }


  .ct-about-story__card strong {
    font-size: 24px;
  }


  .ct-about-story__content {
    max-width: none;
  }


  .ct-about-story__eyebrow {
    margin-bottom: 13px;
  }


  .ct-about-story__title {
    font-size: clamp(36px, 9.5vw, 46px);
  }


  .ct-about-story__copy {
    margin-top: 24px;
  }


  .ct-about-story__copy p {
    font-size: 15.5px;
    line-height: 1.7;
  }


  .ct-about-story__quote {
    margin-top: 28px;

    padding:
      22px
      22px
      22px
      58px;
  }


  .ct-about-story__quote-mark {
    top: 15px;
    left: 18px;

    font-size: 48px;
  }


  .ct-about-story__quote p {
    font-size: 16px;
  }

}


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

@media (max-width: 480px) {

  .ct-about-story__inner {
    width: calc(100% - 30px);
  }


  .ct-about-story__visual {
    min-height: 390px;
  }


  .ct-about-story__image {
    width: 90%;
    height: 82%;
  }


  .ct-about-story__visual::before {
    top: 24px;
    right: -8px;

    width: 95px;
    height: 95px;
  }


  .ct-about-story__card {
    width: 76%;

    padding: 20px;
  }


  .ct-about-story__card::after {
    top: 14px;
    right: 14px;

    width: 40px;
    height: 40px;
  }


  .ct-about-story__card strong {
    font-size: 21px;
  }


  .ct-about-story__title {
    font-size: 36px;
  }


  .ct-about-story__quote {
    padding:
      20px
      18px
      20px
      52px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6e131f *//* =========================================================
   CROSSTEK ABOUT VALUES / HOW WE WORK
   ========================================================= */

.ct-about-values {
  --ct-navy: #142d3d;
  --ct-navy-deep: #0d2230;
  --ct-orange: #f3791c;
  --ct-white: #ffffff;
  --ct-muted: #b8c2c8;

  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(243, 121, 28, 0.10),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      var(--ct-navy-deep) 0%,
      var(--ct-navy) 100%
    );

  padding: clamp(90px, 9vw, 140px) 0;

  color: var(--ct-white);
}


/* =========================================================
   INNER
   ========================================================= */

.ct-about-values__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ct-about-values__header {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  align-items: end;

  gap: clamp(40px, 6vw, 90px);

  margin-bottom: 55px;
}


.ct-about-values__heading {
  max-width: 780px;
}


.ct-about-values__eyebrow {
  margin: 0 0 16px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}


.ct-about-values__title {
  margin: 0;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;
  font-size: clamp(40px, 4.5vw, 60px);
  font-weight: 700;

  line-height: 1.03;
  letter-spacing: -0.045em;
}


.ct-about-values__title span {
  color: var(--ct-orange);
}


.ct-about-values__intro {
  max-width: 420px;

  margin: 0;

  color: rgba(255, 255, 255, 0.70);

  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;

  line-height: 1.75;
}


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

.ct-about-values__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;
}


/* =========================================================
   CARDS
   ========================================================= */

.ct-about-values__card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 360px;

  padding: 30px 28px;

  overflow: hidden;

  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.025)
    );

  border:
    1px solid rgba(255, 255, 255, 0.08);

  border-radius: 20px;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}


/* orange decorative glow */

.ct-about-values__card::before {
  content: "";

  position: absolute;

  right: -28px;
  bottom: -28px;

  width: 120px;
  height: 120px;

  background: var(--ct-orange);

  -webkit-mask-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");
  mask-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.08;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease;

  pointer-events: none;
}

.ct-about-values__card:hover::before {
  transform: rotate(12deg) scale(1.08);
  opacity: 0.15;
}


.ct-about-values__card:hover {
  transform: translateY(-7px);

  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.09),
      rgba(255, 255, 255, 0.04)
    );

  border-color: rgba(243, 121, 28, 0.30);

  box-shadow:
    0 25px 55px rgba(0, 0, 0, 0.18);
}


.ct-about-values__card:hover::before {
  transform: scale(1.08);

  border-color: rgba(243, 121, 28, 0.16);
}


/* =========================================================
   NUMBER
   ========================================================= */

.ct-about-values__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 46px;
  height: 46px;

  margin-bottom: auto;

  color: var(--ct-orange);

  background: rgba(243, 121, 28, 0.08);

  border:
    1px solid rgba(243, 121, 28, 0.18);

  border-radius: 50%;

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.06em;
}


/* =========================================================
   CARD HEADINGS
   ========================================================= */

.ct-about-values__card h3 {
  position: relative;
  z-index: 2;

  margin: 45px 0 13px;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;
  font-size: 23px;
  font-weight: 700;

  line-height: 1.15;
  letter-spacing: -0.025em;
}


.ct-about-values__card h3 span {
  color: var(--ct-orange);
}


/* =========================================================
   CARD COPY
   ========================================================= */

.ct-about-values__card p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: rgba(255, 255, 255, 0.66);

  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;

  line-height: 1.7;
}


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

@media (max-width: 1024px) {

  .ct-about-values {
    padding: 90px 0;
  }


  .ct-about-values__inner {
    width: min(100% - 40px, 900px);
  }


  .ct-about-values__header {
    grid-template-columns: 1fr;

    gap: 25px;

    margin-bottom: 45px;
  }


  .ct-about-values__intro {
    max-width: 620px;
  }


  .ct-about-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;
  }


  .ct-about-values__card {
    min-height: 320px;
  }

}


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

@media (max-width: 767px) {

  .ct-about-values {
    padding: 75px 0;
  }


  .ct-about-values__inner {
    width: calc(100% - 36px);
  }


  .ct-about-values__header {
    margin-bottom: 35px;
  }


  .ct-about-values__title {
    font-size: clamp(36px, 9vw, 46px);
  }


  .ct-about-values__title br {
    display: none;
  }


  .ct-about-values__intro {
    font-size: 15px;
    line-height: 1.7;
  }


  .ct-about-values__grid {
    grid-template-columns: 1fr;

    gap: 14px;
  }


  .ct-about-values__card {
    min-height: 0;

    padding: 25px 24px;
  }


  .ct-about-values__number {
    margin-bottom: 40px;
  }


  .ct-about-values__card h3 {
    margin: 0 0 12px;

    font-size: 22px;
  }


  .ct-about-values__card p {
    max-width: 520px;

    font-size: 14px;
  }

}


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

@media (max-width: 480px) {

  .ct-about-values__inner {
    width: calc(100% - 30px);
  }


  .ct-about-values__title {
    font-size: 36px;
  }


  .ct-about-values__card {
    border-radius: 17px;
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ct-about-values__card,
  .ct-about-values__card::before {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-201d8d5 *//* =========================================================
   CROSSTEK ABOUT TEAM
   ========================================================= */

.ct-about-team {
  --ct-navy: #142d3d;
  --ct-deep-navy: #0d2230;
  --ct-orange: #f3791c;
  --ct-cream: #f7f5ef;
  --ct-white: #ffffff;
  --ct-muted: #63717a;

  position: relative;
  overflow: hidden;

  scroll-margin-top: 120px;

  background: var(--ct-cream);

  padding: clamp(90px, 9vw, 140px) 0;
}


/* =========================================================
   INNER
   ========================================================= */

.ct-about-team__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ct-about-team__header {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.55fr);
  align-items: end;

  gap: clamp(40px, 7vw, 100px);

  margin-bottom: 55px;
}

.ct-about-team__eyebrow {
  margin: 0 0 16px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ct-about-team__title {
  margin: 0;

  color: var(--ct-navy);

  font-family: "Poppins", sans-serif;
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.045em;
}

.ct-about-team__title span {
  color: var(--ct-orange);
}

.ct-about-team__intro {
  max-width: 420px;
}

.ct-about-team__intro p {
  margin: 0;

  color: var(--ct-muted);

  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}


/* =========================================================
   PANEL
   ========================================================= */

.ct-about-team__panel {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;

  gap: clamp(45px, 6vw, 90px);
}


/* =========================================================
   PHOTOS
   ========================================================= */

.ct-about-team__photos {
  position: relative;

  width: 100%;
  max-width: 460px;
  min-height: 440px;
}

.ct-about-team__photo {
  position: absolute;

  overflow: hidden;

  background-color: #dad7d0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  box-shadow: 0 22px 55px rgba(13, 34, 48, 0.12);
}

.ct-about-team__photo--one {
  top: 0;
  left: 0;

  width: 74%;
  height: 76%;

  border-radius: 24px;

  background-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/09/crosstek-team-at-work.webp");
}

.ct-about-team__photo--two {
  right: 0;
  bottom: 0;

  width: 46%;
  height: 44%;

  border: 8px solid var(--ct-cream);
  border-radius: 20px;

  background-image: url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/09/crosstek-workshop.webp");
}
}


/* =========================================================
   CONTENT
   ========================================================= */

.ct-about-team__content {
  max-width: 560px;
}

.ct-about-team__content p {
  margin: 0 0 18px;

  color: var(--ct-muted);

  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

.ct-about-team__content p:last-child {
  margin-bottom: 0;
}

.ct-about-team__signoff {
  color: var(--ct-navy) !important;
  font-weight: 600 !important;
}


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

@media (max-width: 1024px) {

  .ct-about-team {
    padding: 90px 0;
  }

  .ct-about-team__inner {
    width: min(100% - 40px, 900px);
  }

  .ct-about-team__header {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 45px;
  }

  .ct-about-team__intro {
    max-width: 620px;
  }

  .ct-about-team__panel {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .ct-about-team__photos {
    max-width: 520px;
    min-height: 400px;
  }

  .ct-about-team__content {
    max-width: 620px;
  }
}


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

@media (max-width: 767px) {

  .ct-about-team {
    padding: 75px 0;
  }

  .ct-about-team__inner {
    width: calc(100% - 36px);
  }

  .ct-about-team__header {
    margin-bottom: 35px;
  }

  .ct-about-team__title {
    font-size: clamp(38px, 10vw, 48px);
  }

  .ct-about-team__title br {
    display: none;
  }

  .ct-about-team__photos {
    min-height: 340px;
  }

  .ct-about-team__content p {
    font-size: 15.5px;
    line-height: 1.7;
  }
}


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

@media (max-width: 480px) {

  .ct-about-team__inner {
    width: calc(100% - 30px);
  }

  .ct-about-team__title {
    font-size: 36px;
  }

  .ct-about-team__photos {
    min-height: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acbd822 *//* =========================================================
   CROSSTEK ABOUT - LONG TERM RELATIONSHIPS
   ========================================================= */

.ct-about-longterm {
  --ct-navy: #142d3d;
  --ct-deep-navy: #0d2230;
  --ct-orange: #f3791c;
  --ct-white: #ffffff;

  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      140deg,
      var(--ct-deep-navy) 0%,
      var(--ct-navy) 100%
    );

  padding: clamp(90px, 9vw, 140px) 0;

  color: var(--ct-white);
}


/* =========================================================
   LARGE BACKGROUND CROSSTEK COG
   ========================================================= */

.ct-about-longterm__cog {
  position: absolute;

  right: -120px;
  top: 50%;

  width: 500px;
  height: 500px;

  transform: translateY(-50%);

  background: var(--ct-orange);

  -webkit-mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.045;

  pointer-events: none;
}


/* =========================================================
   INNER
   ========================================================= */

.ct-about-longterm__inner {
  position: relative;
  z-index: 2;

  width: min(1180px, calc(100% - 48px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(300px, 0.75fr)
    minmax(0, 1.25fr);

  align-items: center;

  gap: clamp(70px, 9vw, 135px);
}


/* =========================================================
   LEFT STAT
   ========================================================= */

.ct-about-longterm__stat {
  position: relative;
}


.ct-about-longterm__eyebrow {
  margin: 0 0 25px;

  color: var(--ct-orange);

  font-family: "Poppins", sans-serif;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}


/* Big number */

.ct-about-longterm__number {
  margin: 0;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;

  font-size: clamp(110px, 12vw, 180px);
  font-weight: 700;

  line-height: 0.8;

  letter-spacing: -0.08em;
}


.ct-about-longterm__number span {
  position: relative;

  top: -0.35em;

  margin-left: 5px;

  color: var(--ct-orange);

  font-size: 0.42em;

  letter-spacing: 0;
}


/* label below number */

.ct-about-longterm__number-label {
  margin: 30px 0 0;

  color: rgba(255, 255, 255, 0.62);

  font-family: "Poppins", sans-serif;

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

  line-height: 1.6;

  letter-spacing: 0.02em;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.ct-about-longterm__content {
  max-width: 700px;
}


.ct-about-longterm__title {
  margin: 0;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;

  font-size: clamp(38px, 4vw, 56px);
  font-weight: 700;

  line-height: 1.05;

  letter-spacing: -0.045em;
}


.ct-about-longterm__title span {
  color: var(--ct-orange);
}


/* =========================================================
   BODY COPY
   ========================================================= */

.ct-about-longterm__copy {
  max-width: 650px;

  margin-top: 30px;
}


.ct-about-longterm__copy p {
  margin: 0 0 18px;

  color: rgba(255, 255, 255, 0.68);

  font-family: "Poppins", sans-serif;

  font-size: 15px;
  font-weight: 400;

  line-height: 1.75;
}


.ct-about-longterm__copy p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   SUPPORTING POINTS
   ========================================================= */

.ct-about-longterm__points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 30px;

  margin-top: 45px;

  padding-top: 36px;

  border-top:
    1px solid rgba(255, 255, 255, 0.10);
}


.ct-about-longterm__point {
  display: grid;

  grid-template-columns: 28px 1fr;

  gap: 14px;

  align-items: start;
}


/* small cog */

.ct-about-longterm__point-mark {
  display: block;

  width: 24px;
  height: 24px;

  margin-top: 2px;

  background: var(--ct-orange);

  -webkit-mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}


.ct-about-longterm__point h3 {
  margin: 0 0 8px;

  color: var(--ct-white);

  font-family: "Poppins", sans-serif;

  font-size: 17px;
  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -0.02em;
}


.ct-about-longterm__point h3 span {
  color: var(--ct-orange);
}


.ct-about-longterm__point p {
  margin: 0;

  color: rgba(255, 255, 255, 0.58);

  font-family: "Poppins", sans-serif;

  font-size: 13px;
  font-weight: 400;

  line-height: 1.65;
}


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

@media (max-width: 1024px) {

  .ct-about-longterm {
    padding: 90px 0;
  }


  .ct-about-longterm__inner {
    width: min(100% - 40px, 900px);

    grid-template-columns:
      minmax(240px, 0.65fr)
      minmax(0, 1.35fr);

    gap: 65px;
  }


  .ct-about-longterm__number {
    font-size: clamp(100px, 14vw, 140px);
  }


  .ct-about-longterm__cog {
    right: -180px;

    width: 420px;
    height: 420px;
  }

}


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

@media (max-width: 767px) {

  .ct-about-longterm {
    padding: 75px 0;
  }


  .ct-about-longterm__inner {
    width: calc(100% - 36px);

    display: flex;
    flex-direction: column;

    align-items: stretch;

    gap: 55px;
  }


  .ct-about-longterm__number {
    font-size: 112px;
  }


  .ct-about-longterm__number-label {
    margin-top: 22px;
  }


  .ct-about-longterm__content {
    max-width: none;
  }


  .ct-about-longterm__title {
    font-size: clamp(36px, 9.5vw, 46px);
  }


  .ct-about-longterm__title br {
    display: none;
  }


  .ct-about-longterm__copy {
    margin-top: 24px;
  }


  .ct-about-longterm__points {
    grid-template-columns: 1fr;

    gap: 28px;

    margin-top: 35px;

    padding-top: 30px;
  }


  .ct-about-longterm__cog {
    top: auto;
    right: -130px;
    bottom: -100px;

    width: 330px;
    height: 330px;

    transform: none;

    opacity: 0.035;
  }

}


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

@media (max-width: 480px) {

  .ct-about-longterm__inner {
    width: calc(100% - 30px);
  }


  .ct-about-longterm__number {
    font-size: 96px;
  }


  .ct-about-longterm__title {
    font-size: 36px;
  }

}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-3891 *//* Customer testimonial section */

.elementor-3358 .elementor-element.elementor-global-3891 {
  width: min(1180px, calc(100% - 48px));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.elementor-3358 .elementor-element.elementor-global-3891 .swiper-slide {
  background: #ffffff;
  border: 1px solid rgba(20, 45, 61, 0.06);
  border-radius: 40px;
  box-shadow: 0 18px 60px rgba(20, 45, 61, 0.08);
}

.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__text {
  font-family: "Poppins", sans-serif !important;
  position: relative;
  color: #172b3a;
  font-size: clamp(19px, 1.8vw, 25px);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.025em;
  font-style: normal;
  padding-left: 90px;
  margin-bottom: 28px;
}

.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__text::before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  color: #f58220;
  font-size: 90px;
  font-weight: 700;
  line-height: 0.7;
}

.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__name {
  color: #63717a;
  font-weight: 700;
  padding-left: 90px;
}

.elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__title {
  color: #f58220;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-left: 90px;
}

.elementor-3358 .elementor-element.elementor-global-3891 .swiper-pagination-bullet-active {
  background: #f58220;
}

@media (max-width: 600px) {
  .elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__text,
  .elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__name,
  .elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__title {
    padding-left: 0;
  }
  .elementor-3358 .elementor-element.elementor-global-3891 .elementor-testimonial__text::before {
    position: static;
    display: block;
    margin-bottom: 8px;
  }
  .elementor-3358 .elementor-element.elementor-global-3891 .swiper-slide {
    border-radius: 30px;
  }
    .elementor-3358 .elementor-element.elementor-global-3891 {
    width: calc(100% - 32px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-826c5eb *//* =========================================================
   CROSSTEK ABOUT - FINAL CTA
   Orange service-page style
   ========================================================= */

.ct-about-cta {
  --ct-navy: #142d3d;
  --ct-deep-navy: #0d2230;
  --ct-orange: #f3791c;
  --ct-cream: #f7f5ef;
  --ct-white: #ffffff;

  position: relative;

  background: var(--ct-white);

  padding:
    clamp(70px, 7vw, 105px)
    24px;
}


/* =========================================================
   ORANGE CARD
   ========================================================= */

.ct-about-cta__inner {
  position: relative;

  width: min(1180px, 100%);

  margin: 0 auto;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #f3791c 0%,
      #ff9a3d 100%
    );

  border-radius: 30px;

  padding:
    clamp(70px, 8vw, 105px)
    clamp(30px, 7vw, 90px);

  box-shadow:
    0 22px 55px rgba(20, 45, 61, 0.10);
}


/* =========================================================
   CROSSTEK COG
   ========================================================= */

.ct-about-cta__cog {
  position: absolute;

  right: -95px;
  top: 50%;

  width: 390px;
  height: 390px;

  transform: translateY(-50%) rotate(8deg);

  background: var(--ct-deep-navy);

  -webkit-mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  mask-image:
    url("https://crosstek.beaconhosted.co.uk/wp-content/uploads/2026/08/crosstek-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  opacity: 0.055;

  pointer-events: none;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ct-about-cta__content {
  position: relative;
  z-index: 2;

  max-width: 780px;

  margin: 0 auto;

  text-align: center;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.ct-about-cta__eyebrow {
  margin: 0 0 16px;

  color: var(--ct-deep-navy);

  font-family: "Poppins", sans-serif;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  opacity: 0.72;
}


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

.ct-about-cta__title {
  margin: 0;

  color: var(--ct-deep-navy);

  font-family: "Poppins", sans-serif;

  font-size: clamp(42px, 5vw, 64px);
  font-weight: 700;

  line-height: 1.02;

  letter-spacing: -0.045em;
}


.ct-about-cta__title span {
  color: var(--ct-white);
}


/* =========================================================
   INTRO
   ========================================================= */

.ct-about-cta__intro {
  max-width: 650px;

  margin:
    24px
    auto
    0;

  color: rgba(13, 34, 48, 0.76);

  font-family: "Poppins", sans-serif;

  font-size: 16px;
  font-weight: 400;

  line-height: 1.7;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ct-about-cta__button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 13px;

  min-height: 54px;

  margin-top: 31px;

  padding: 14px 25px;

  background: var(--ct-deep-navy);

  color: var(--ct-white);

  border-radius: 999px;

  font-family: "Poppins", sans-serif;

  font-size: 14px;
  font-weight: 700;

  line-height: 1;

  text-decoration: none;

  white-space: nowrap;

  box-shadow:
    0 12px 28px rgba(13, 34, 48, 0.20);

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}


.ct-about-cta__button span {
  font-size: 18px;

  transition: transform 0.25s ease;
}


.ct-about-cta__button:hover {
  background: var(--ct-white);

  color: var(--ct-deep-navy);

  transform: translateY(-3px);

  box-shadow:
    0 18px 38px rgba(13, 34, 48, 0.20);
}


.ct-about-cta__button:hover span {
  transform: translateX(4px);
}


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

@media (max-width: 1024px) {

  .ct-about-cta {
    padding:
      70px
      20px;
  }


  .ct-about-cta__inner {
    padding:
      75px
      50px;
  }


  .ct-about-cta__cog {
    right: -130px;

    width: 340px;
    height: 340px;
  }

}


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

@media (max-width: 767px) {

  .ct-about-cta {
    padding:
      55px
      18px;
  }


  .ct-about-cta__inner {
    padding:
      58px
      25px;

    border-radius: 22px;
  }


  .ct-about-cta__title {
    font-size: clamp(36px, 9.5vw, 46px);
  }


  .ct-about-cta__title br {
    display: none;
  }


  .ct-about-cta__intro {
    margin-top: 20px;

    font-size: 15px;
  }


  .ct-about-cta__button {
    margin-top: 27px;

    min-height: 52px;

    padding:
      14px
      22px;
  }


  .ct-about-cta__cog {
    right: -100px;
    top: auto;
    bottom: -100px;

    width: 250px;
    height: 250px;

    transform: rotate(8deg);

    opacity: 0.045;
  }

}


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

@media (max-width: 480px) {

  .ct-about-cta {
    padding:
      45px
      15px;
  }


  .ct-about-cta__inner {
    padding:
      50px
      20px;
  }


  .ct-about-cta__title {
    font-size: 36px;
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ct-about-cta__button,
  .ct-about-cta__button span {
    transition: none;
  }

}

.ct-about-cta__note {
  position: relative;
  z-index: 1;

  margin: 20px 0 0;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;

  color: rgba(13, 34, 48, 0.65);
}/* End custom CSS */