:root {
  --color-primary-500: #4e0052;
  --color-basic-100: #ffffff;
  --color-basic-400: #eeeeee;
  --color-basic-200: #fafafa;
  --color-basic-1100: #212121;
  --color-basic-500: #e0e0e0;
  --color-secondary-50: #fff1fb;
  --color-secondary-100: #ffdbf4;
  --color-secondary-500: #ff0db6;
  --color-link: #0d7dfe;
  --font-family: "Inter", system-ui, -apple-system, sans-serif;
  --font-size-title-mobile: 26px;
  --line-height-title-mobile: 32px;
  --font-size-title-desktop: 34px;
  --line-height-title-desktop: 40px;
  --font-size-section-title-mobile: 22px;
  --line-height-section-title-mobile: 30px;
  --font-size-section-title-desktop: 26px;
  --line-height-section-title-desktop: 32px;
  --font-size-subtitle: 22px;
  --line-height-subtitle: 30px;
  --font-size-body: 14px;
  --line-height-body: 22px;
  --font-size-body-large: 16px;
  --line-height-body-large: 26px;
  --font-size-button: 16px;
  --line-height-button: 26px;
  --radius-image: 32px;
  --radius-card: 32px;
  --radius-icon: 16px;
  --banner-radius-mobile: 24px;
  --banner-media-height-mobile: 487px;
  --banner-height-desktop: 650px;
  --spacing-content-mobile: 16px;
  --spacing-content-bottom-mobile: 24px;
  --spacing-content-gap-mobile: 24px;
  --spacing-content-gap-desktop: 32px;
  --spacing-content-left-desktop: 165px;
  --spacing-content-width-desktop: 506px;
  --button-height: 48px;
  --button-padding-x: 24px;
  --button-padding-y: 12px;
  --button-radius: 40px;
  --arrow-size-mobile: 48px;
  --arrow-size-desktop: 60px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: var(--font-family);
  color: var(--color-basic-1100);
  background-color: var(--color-basic-100);
}
img {
  display: block;
  max-width: 100%;
}
.banner {
  width: 100%;
  max-width: none;
  background-color: var(--color-primary-500);
  overflow: hidden;
  border-bottom-left-radius: var(--banner-radius-mobile);
  border-bottom-right-radius: var(--banner-radius-mobile);
}
.banner__slider {
  position: relative;
  width: 100%;
}
.banner__container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.banner__container--nav {
  position: absolute;
  top: 236.67px;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  padding: 0 var(--spacing-content-mobile);
}
.banner__viewport {
  overflow: hidden;
  width: 100%;
}
.banner__viewport:focus-visible {
  outline: 2px solid var(--color-basic-100);
  outline-offset: -2px;
}
.banner__slides {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
}
.banner__slide {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
}
.banner__media {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: var(--banner-media-height-mobile);
  overflow: hidden;
  background-color: var(--color-basic-400);
  border-bottom-left-radius: var(--banner-radius-mobile);
  border-bottom-right-radius: var(--banner-radius-mobile);
}
.banner__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% center;
}
.banner__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-content-gap-mobile);
  padding: var(--spacing-content-mobile);
  padding-bottom: var(--spacing-content-bottom-mobile);
  background-color: var(--color-primary-500);
  border-bottom-left-radius: var(--banner-radius-mobile);
  border-bottom-right-radius: var(--banner-radius-mobile);
}
.banner__title {
  margin: 0 !important;
  font-size: var(--font-size-title-mobile) !important;
  font-weight: 700 !important;
  line-height: var(--line-height-title-mobile) !important;
  color: var(--color-basic-100) !important;
  word-break: break-word !important;
}
.banner__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  border: none;
  border-radius: var(--button-radius);
  background-color: var(--color-basic-100);
  color: var(--color-primary-500);
  font-family: var(--font-family);
  font-size: var(--font-size-button);
  font-weight: 600;
  line-height: var(--line-height-button);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.banner__cta:hover {
  opacity: 0.9;
}
.banner__cta:focus-visible {
  outline: 2px solid var(--color-basic-100);
  outline-offset: 2px;
}
.banner__nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  width: 100%;
}
.banner__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--arrow-size-mobile);
  height: var(--arrow-size-mobile);
  padding: 0;
  border: none;
  background: #fff0;
  cursor: pointer;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
.banner__arrow:hover {
  opacity: 0.85;
}
.banner__arrow:focus-visible {
  outline: 2px solid var(--color-basic-100);
  outline-offset: 2px;
  border-radius: 50%;
}
.banner__arrow-icon {
  width: 100%;
  height: 100%;
}
.banner__arrow--prev .banner__arrow-icon {
  transform: rotate(180deg) scaleY(-1);
}
.banner__arrow-icon--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .banner__arrow-icon--mobile {
    display: none;
  }
  .banner__arrow-icon--desktop {
    display: block;
  }
  .banner__arrow--prev .banner__arrow-icon--desktop {
    transform: rotate(180deg) scaleY(-1);
  }
}
@media (min-width: 1024px) {
  .banner {
    overflow: visible;
    border-radius: 0;
  }
  .banner__viewport {
    height: var(--banner-height-desktop);
  }
  .banner__slide {
    position: relative;
    height: var(--banner-height-desktop);
  }
  .banner__media {
    position: absolute;
    inset: 0;
    height: 100%;
    border-radius: 0;
    background-color: var(--color-primary-500);
  }
  .banner__image {
    position: absolute;
    top: 0;
    left: -21.62%;
    width: 133.3%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }
  .banner__slide .banner__container {
    position: absolute;
    inset: 0;
    height: 100%;
    pointer-events: none;
  }
  .banner__content {
    position: absolute;
    top: calc(50% + 24px);
    left: var(--spacing-content-left-desktop);
    transform: translateY(-50%);
    width: var(--spacing-content-width-desktop);
    gap: var(--spacing-content-gap-desktop);
    padding: 0;
    background: #fff0;
    pointer-events: auto;
    border-radius: 0;
  }
  .banner__title {
    font-size: var(--font-size-title-desktop) !important;
    line-height: var(--line-height-title-desktop) !important;
  }
  .banner__cta {
    width: auto;
    align-self: flex-start;
  }
  .banner__container--nav {
    top: 300.5px;
    padding: 0 25px;
  }
  .banner__nav {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .banner__arrow {
    width: var(--arrow-size-desktop);
    height: var(--arrow-size-desktop);
  }
}
.who-we-are {
  background-color: var(--color-basic-100);
}
.who-we-are__title {
  margin: 0 !important;
  padding: 32px 16px 0 !important;
  font-size: var(--font-size-section-title-mobile) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-section-title-mobile) !important;
  text-align: center !important;
  color: var(--color-primary-500) !important;
}
.who-we-are__body {
  display: flex;
  flex-direction: column;
}
.who-we-are__media {
  margin: 24px 0 0;
  padding: 0 16px;
}
.who-we-are__image {
  width: 100%;
  aspect-ratio: 390 / 250;
  border-radius: var(--radius-image);
  object-fit: cover;
}
.who-we-are__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 24px;
}
.who-we-are__subtitle {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.who-we-are__text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
@media (min-width: 1024px) {
  .who-we-are {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 64px 76px 32px;
  }
  .who-we-are__title {
    padding: 0 !important;
    font-size: var(--font-size-section-title-desktop) !important;
    line-height: var(--line-height-section-title-desktop) !important;
  }
  .who-we-are__body {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    width: 100%;
    min-height: 418.667px;
  }
  .who-we-are__media {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  .who-we-are__image {
    aspect-ratio: 630 / 420;
    height: 100%;
    min-height: 418.667px;
  }
  .who-we-are__content {
    flex: 1;
    min-width: 0;
    justify-content: center;
    padding: 32px;
  }
}
.network-solutions {
  background-color: var(--color-basic-100);
}
.network-solutions__body {
  display: flex;
  flex-direction: column;
}
.network-solutions__media {
  margin: 0;
  padding: 24px 16px 0;
}
.network-solutions__image {
  width: 100%;
  aspect-ratio: 390 / 250;
  border-radius: var(--radius-image);
  object-fit: cover;
}
.network-solutions__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 24px;
}
.network-solutions__title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.network-solutions__text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
@media (min-width: 1024px) {
  .network-solutions {
    padding: 32px 76px;
  }
  .network-solutions__body {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    min-height: 418.667px;
  }
  .network-solutions__media {
    flex: 1;
    min-width: 0;
    order: 2;
    padding: 0;
  }
  .network-solutions__image {
    aspect-ratio: 630 / 420;
    min-height: 418.667px;
  }
  .network-solutions__content {
    flex: 1;
    min-width: 0;
    order: 1;
    justify-content: center;
    padding: 32px;
  }
}
.what-we-offer {
  background-color: var(--color-basic-100);
}
.what-we-offer__inner {
  padding: 16px;
}
.what-we-offer__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 24px !important;
  padding: 16px 0 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  text-align: center !important;
  color: var(--color-primary-500) !important;
}
.what-we-offer__carousel {
  overflow: visible;
  padding-bottom: 16px;
}
.what-we-offer__carousel:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.what-we-offer__track {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.what-we-offer__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 282px;
  padding: 24px;
  border: 1px solid var(--color-basic-500);
  border-radius: var(--radius-card);
  background-color: var(--color-basic-100);
}
.what-we-offer__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  padding: 4px;
  border: 1px solid var(--color-secondary-100);
  border-radius: var(--radius-icon);
  background-color: var(--color-secondary-50);
}
.what-we-offer__icon img {
  width: 48px;
  height: 48px;
}
.what-we-offer__card-title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.what-we-offer__card-text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
@media (min-width: 1024px) {
  .what-we-offer__inner {
    padding: 24px 76px;
  }
  .what-we-offer__title {
    flex-direction: row;
    justify-content: center;
    gap: 0.3em;
    margin-bottom: 32px !important;
    padding: 32px 0 0 !important;
    white-space: nowrap !important;
  }
  .what-we-offer__carousel {
    padding: 0 0 32px;
  }
  .what-we-offer__track {
    display: grid;
    flex-direction: unset;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    min-height: 278px;
  }
  .what-we-offer__card {
    width: auto;
    min-height: 278px;
    padding: 32px;
  }
}
.latest-news {
  background-color: var(--color-basic-100);
}
.latest-news__viewport {
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.latest-news__viewport:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.latest-news__track {
  display: grid;
  grid-template-columns: 1fr;
}
.latest-news__slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  pointer-events: none;
}
.latest-news__slide--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.latest-news__card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: linear-gradient(
    150.76deg,
    var(--color-secondary-50) 3.58%,
    var(--color-basic-100) 99.99%
  );
}
.latest-news__media {
  position: relative;
  flex-shrink: 0;
  height: 333.12px;
  overflow: hidden;
  border-top-left-radius: var(--radius-card);
  border-top-right-radius: var(--radius-card);
  background-color: var(--color-basic-400);
}
.latest-news__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.latest-news__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-news__overlay {
  display: none;
}
.latest-news__panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  padding-top: 40px;
  background-color: var(--color-primary-500);
}
.latest-news__top {
  display: contents;
}
.latest-news__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-body-large);
  font-weight: 400;
  line-height: var(--line-height-body-large);
  color: var(--color-basic-100);
}
.latest-news__flag {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.latest-news__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.latest-news__headline {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 500 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-basic-100) !important;
}
.latest-news__text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 500;
  line-height: var(--line-height-body);
  color: var(--color-basic-100);
}
.latest-news__dots {
  position: absolute;
  top: calc(333.12px + 32px);
  left: 50%;
  z-index: 2;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
  border: none;
  transform: translateX(-50%);
  pointer-events: none;
}
button.latest-news__dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none !important;
  border-radius: 10px;
  background-color: var(--color-basic-500) !important;
  cursor: pointer;
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
  transition: width 0.2s ease, background-color 0.2s ease;
}
button.latest-news__dot--active {
  width: 23px;
  border-radius: 40px;
  background-color: var(--color-secondary-500) !important;
}
@media (min-width: 1024px) {
  .latest-news__viewport {
    padding: 32px 76px;
  }
  .latest-news__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 482px;
    padding: 32px;
    background: #fff0;
  }
  .latest-news__media {
    position: absolute;
    inset: 0;
    height: auto;
    border-radius: var(--radius-card);
  }
  .latest-news__image {
    border-radius: var(--radius-card);
  }
  .latest-news__overlay {
    display: block;
    position: absolute;
    inset: 0;
    border-radius: var(--radius-card);
    background: linear-gradient(90deg, rgb(0 0 0 / 0.4) 0%, #fff0 100%);
  }
  .latest-news__panel {
    position: relative;
    z-index: 1;
    flex: 1;
    gap: 0;
    max-width: 627px;
    min-height: 100%;
    padding: 0;
    background: #fff0;
  }
  .latest-news__top {
    display: flex;
    flex: 1;
    align-items: flex-start;
  }
  .latest-news__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 32px;
  }
  .latest-news__dots {
    top: 64px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.why-turknet {
  background-color: var(--color-basic-100);
}
.why-turknet__inner {
  padding: 24px 16px;
}
.why-turknet__header {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 24px;
}
.why-turknet__title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  text-align: center !important;
  color: var(--color-primary-500) !important;
}
button.why-turknet__nav {
  display: none !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #fff0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.why-turknet__nav:hover {
  opacity: 0.85;
}
.why-turknet__nav:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.why-turknet__nav img {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.why-turknet__carousel-wrap {
  position: relative;
}
.why-turknet__carousel {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.why-turknet__carousel::-webkit-scrollbar {
  display: none;
}
.why-turknet__carousel:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.why-turknet__carousel {
  cursor: grab;
}
.why-turknet__carousel.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.why-turknet__track {
  display: flex;
  gap: 16px;
}
.why-turknet__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex: 0 0 calc((100% - 16px) / 1.25);
  min-height: 264px;
  padding: 32px;
  border: 1px solid var(--color-basic-500);
  border-radius: var(--radius-card);
  background-color: var(--color-basic-100);
  text-align: center;
  scroll-snap-align: start;
}
.why-turknet__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  padding: 4px;
  border: 1px solid var(--color-secondary-100);
  border-radius: var(--radius-icon);
  background-color: var(--color-secondary-50);
}
.why-turknet__icon img {
  width: 48px;
  height: 48px;
}
.why-turknet__card-title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.why-turknet__card-text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
.why-turknet__fade {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(90deg, #fff0 0%, var(--color-basic-100) 80.625%);
  backdrop-filter: blur(2px);
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.why-turknet__fade--hidden {
  opacity: 0;
}
@media (min-width: 1024px) {
  .why-turknet__inner {
    padding: 64px 76px;
  }
  .why-turknet__header {
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
  }
  button.why-turknet__nav {
    display: flex !important;
  }
  .why-turknet__track {
    gap: 24px;
  }
  .why-turknet__card {
    flex: 0 0 350px;
    width: 350px;
    min-height: 267px;
  }
  .why-turknet__fade {
    width: 146px;
  }
}
.contacts {
  background-color: var(--color-basic-200);
}
.contacts__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}
.contacts__carousel-wrap {
  position: relative;
}
.contacts__carousel {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.contacts__carousel::-webkit-scrollbar {
  display: none;
}
.contacts__carousel:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.contacts__carousel {
  cursor: grab;
}
.contacts__carousel.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.contacts__track {
  display: flex;
  gap: 24px;
}
.contacts__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 0 calc((100% - 24px) / 1.25);
  padding: 16px;
  border: 1px solid var(--color-basic-400);
  border-radius: var(--radius-card);
  background-color: var(--color-basic-100);
  scroll-snap-align: start;
}
.contacts__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-right: 16px;
}
.contacts__title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.contacts__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts__details p {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
.contacts__details a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-position: from-font;
}
.contacts__details a:hover {
  opacity: 0.85;
}
.contacts__fade {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(90deg, #fff0 0%, var(--color-basic-200) 80.625%);
  backdrop-filter: blur(2px);
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.contacts__fade--hidden {
  opacity: 0;
}
@media (min-width: 1024px) {
  .contacts__inner {
    padding: 64px 76px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
  }
  .contacts__track {
    gap: 32px;
  }
  .contacts__card {
    flex: 0 0 calc((100% - 64px) / 2.25);
    padding: 24px;
    gap: 32px;
  }
  .contacts__content {
    flex: 1;
    min-width: 0;
    padding-right: 32px;
  }
  .contacts__fade {
    width: 146px;
  }
}
.lets-talk {
  background-color: var(--color-basic-100);
}
.lets-talk__body {
  display: flex;
  flex-direction: column;
}
.lets-talk__media {
  margin: 0;
  padding: 24px 16px 0;
}
.lets-talk__image {
  width: 100%;
  aspect-ratio: 390 / 250;
  border-radius: var(--radius-card);
  object-fit: cover;
}
.lets-talk__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 16px 24px;
}
.lets-talk__copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lets-talk__title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.lets-talk__text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
.lets-talk__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  border: none;
  border-radius: var(--button-radius);
  background-color: var(--color-primary-500);
  color: var(--color-basic-100);
  font-family: var(--font-family);
  font-size: var(--font-size-button);
  font-weight: 600;
  line-height: var(--line-height-button);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.lets-talk__cta:hover {
  opacity: 0.9;
}
.lets-talk__cta:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
@media (min-width: 1024px) {
  .lets-talk__body {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    padding: 64px 76px 32px;
  }
  .lets-talk__media {
    flex: 1;
    min-width: 0;
    padding: 0;
  }
  .lets-talk__image {
    aspect-ratio: 630 / 420;
  }
  .lets-talk__content {
    flex: 1;
    min-width: 0;
    gap: 32px;
    padding: 0 32px;
  }
  .lets-talk__cta {
    width: auto;
    align-self: flex-start;
    margin-top: 0;
  }
}
.follow-linkedin {
  background-color: var(--color-basic-100);
}
.follow-linkedin__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}
.follow-linkedin__header {
  display: grid;
  grid-template-columns: 1fr;
}
.follow-linkedin__title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  text-align: center !important;
  color: var(--color-primary-500) !important;
}
button.follow-linkedin__nav {
  display: none !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #fff0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.follow-linkedin__nav:hover {
  opacity: 0.85;
}
.follow-linkedin__nav:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.follow-linkedin__carousel {
  overflow-x: auto;
  scroll-snap-type: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.follow-linkedin__carousel::-webkit-scrollbar {
  display: none;
}
.follow-linkedin__carousel:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.follow-linkedin__carousel {
  cursor: grab;
}
.follow-linkedin__carousel.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.follow-linkedin__track {
  display: flex;
  gap: 16px;
}
.follow-linkedin__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 0 100%;
  min-width: 0;
}
.follow-linkedin__media {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--radius-card);
  background-color: var(--color-basic-400);
}
.follow-linkedin__media--pink {
  background-color: #ffd3fe;
}
.follow-linkedin__media--dark {
  background-color: #02020a;
}
.follow-linkedin__media--purple {
  background-color: #4e0153;
}
.follow-linkedin__media--placeholder {
  background-color: var(--color-basic-400);
}
.follow-linkedin__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}
.follow-linkedin__image--contain {
  object-fit: contain;
}
.follow-linkedin__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px 24px;
}
.follow-linkedin__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.follow-linkedin__card-title {
  margin: 0 !important;
  font-size: var(--font-size-subtitle) !important;
  font-weight: 600 !important;
  line-height: var(--line-height-subtitle) !important;
  color: var(--color-primary-500) !important;
}
.follow-linkedin__card-text {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--line-height-body);
  color: var(--color-basic-1100);
}
.follow-linkedin__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  border: 1px solid var(--color-primary-500);
  border-radius: var(--button-radius);
  background-color: #fff0;
  color: var(--color-primary-500);
  font-family: var(--font-family);
  font-size: var(--font-size-button);
  font-weight: 600;
  line-height: var(--line-height-button);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.follow-linkedin__cta:hover {
  opacity: 0.85;
}
.follow-linkedin__cta:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
@media (min-width: 1024px) {
  .follow-linkedin__inner {
    gap: 32px;
    padding: 64px 76px;
  }
  .follow-linkedin__header {
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    gap: 24px;
  }
  button.follow-linkedin__nav {
    display: flex !important;
  }
  .follow-linkedin__track {
    gap: 32px;
  }
  .follow-linkedin__card {
    flex: 0 0 464px;
    width: 464px;
    gap: 32px;
  }
  .follow-linkedin__content {
    gap: 32px;
    padding: 0 24px 24px;
  }
}
.who-we-are,
.network-solutions,
.what-we-offer,
.latest-news,
.why-turknet,
.follow-linkedin,
.lets-talk {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}