/* Fonts */

body:lang(ar),
.typography-body-reduced-tight:lang(ar),
.graph-gallery .item-container .gallery-item .bar-badge-wrapper .badge-caption {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-hero-copy:lang(ar),
.typography-hero-headline:lang(ar),
.typography-headline-elevated:lang(ar),
.typography-article-eyebrow,
.typography-article-copy:lang(ar),
.typography-tile-headline,
.section-efficiency .tile-copy,
.typography-tile-copy:lang(ar),
.typography-label:lang(ar),
.section-increased-performance .badge .badge-caption:lang(ar),
.typography-article-eyebrow:lang(ar),
.typography-password-copy:lang(ar),
.typography-tile-headline:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1068px) {
  .section-increased-performance .tile-copy,
  .section-efficiency .tile-copy,
  .typography-tile-copy:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-hero-intro:lang(ar),
  .typography-service-tile-copy:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-product-tile-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

#ac-globalfooter .ac-gf-sosumi p,
#ac-globalfooter .ac-gf-sosumi li {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

/* Fonts ends */

/* 2021 */

.graph-gallery
  .item-container
  .gallery-item
  .bar-badge-wrapper
  .bar-container
  .bar {
  margin-right: 0;
  margin-left: 1em;
}

.resources-tile {
  margin-left: var(--tile-margin);
  margin-right: 0;
}

@media only screen and (min-width: 1069px) {
  .resources-tile:last-of-type,
  .resources-tile:nth-child(4n) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .resources-tile:last-of-type,
  .resources-tile:nth-child(2n) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 734px) {
  .resources-tile {
    margin-left: 0;
  }
}

.segmentnav > button:not(:first-of-type)::before {
  right: -1px;
  left: unset;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-4k-streaming .tile-copy-container {
    margin-right: 0;
    margin-left: 48px;
  }
}

.tile-modal .modal-cta {
  left: var(--postion);
  right: unset;
}

@media only screen and (max-width: 735px) {
  .section-best-in-class .tabnav {
    direction: ltr;
  }
}

.tile-picture-wrapper,
.section-quick-note,
.section-live-text {
  direction: ltr;
}

.section-4k-streaming .tile-picture-wrapper,
.section-quick-note .tile-content,
.section-live-text .tile-content {
  direction: rtl;
}

.graph-gallery
  .item-container
  .gallery-item
  .bar-badge-wrapper
  .bar-container
  .bar-mask {
  transform: scaleX(-1);
}

.graph-gallery
  .item-container
  .gallery-item
  .bar-badge-wrapper
  .bar-container
  .bar {
  margin-right: 1em;
  margin-left: 0;
}

.section-4k-streaming,
.section-4k-streaming .tile-picture-wrapper {
  direction: ltr;
}

.section-4k-streaming .tile-content {
  padding: 40px 30px 40px 40px;
}

@media only screen and (max-width: 768px) {
  .section-4k-streaming .tile-content {
    padding: 40px 20px 20px 30px;
  }

  .section-security .section-shopping.section .tile-featured-content {
    padding: 220px 0;
  }
}

.section-4k-streaming .tile-content {
  direction: rtl;
}

.section-live-text .tile-picture-wrapper {
  max-width: 100%;
  padding-right: 0;
}

#overview-smart-tools-live-text-1 {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
  .large-span-12.grid-item-password .section-password .tile-featured-content {
    margin: 0 auto;
  }
}

caption,
th {
  text-align: right;
}

.section-browser-privacy table > caption {
  direction: ltr;
}

.section-privacy.article .article-header > .article-copy > p {
  line-height: 1.5;
}

.section-security
  .section-passkeys
  .tile-featured-content
  .typography-password-copy {
  line-height: 1.25;
}

.section-customization .tile-picture-wrapper,
.section-tab-groups .tile-picture-wrapper {
  direction: rtl;
}

/* section safari */

.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: 17px;
  line-height: 1.17648;
  font-weight: 400;
  letter-spacing: -0.022em;
  font-family: 'SF Pro AR Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  min-width: 28px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 18px;
  background: #0071e3;
  color: #fff;
}

.section-safari .article-headline {
  max-inline-size: 10em;
}

.main article.section-safari {
  padding-top:170px
}

@media only screen and (max-width: 1068px) {
  .main article.section-safari {
      padding-top:140px
  }
}

@media only screen and (max-width: 734px) {
  .main article.section-safari {
      padding-top:100px
  }
}

.main article.section-safari .headline {
  max-inline-size:10em
}

.main article.section-safari .headline + table {
  -webkit-margin-before: 2.5rem;
  margin-block-start:2.5rem
}

.main article.section-safari table + .button {
  -webkit-margin-before: 3.125rem;
  margin-block-start:3.125rem
}

.main article.section-safari table {
  border-collapse: separate;
  inline-size: min(100%, 63rem);
  margin-inline: auto;
}

.main article.section-safari caption {
  block-size: 0;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  max-inline-size: 66%;
  -webkit-margin-after: calc(28px - 1em - 3px);
  margin-block-end:calc(28px - 1em - 3px)
}

.main article.section-safari caption span {
  font-weight: 600;
  font-size: 28px;
  line-height:1
}

@media only screen and (max-width: 734px) {
  .main article.section-safari caption {
      block-size: unset;
      inline-size: unset;
      max-inline-size:unset
  }
}

.main article.section-safari :is(thead, tbody) :is(th, td):not(:first-child) {
  text-align:center
}

.main article.section-safari thead th {
  -webkit-padding-after: 1.375rem;
  padding-block-end: 1.375rem;
  line-height:1
}

@media only screen and (max-width: 734px) {
  .main article.section-safari thead th {
      -webkit-padding-after: .5rem;
      padding-block-end:.5rem
  }
}

.main article.section-safari thead th:not(:first-child) {
  padding-inline: 1.75rem;
  text-align:center
}

@media only screen and (max-width: 1068px) {
  .main article.section-safari thead th:not(:first-child) {
      padding-inline:.875rem
  }
}

.main article.section-safari thead th:not(:first-child) picture {
  display: block;
  -webkit-margin-after: 0.125rem;
  margin-block-end:0.125rem
}

.main article.section-safari tbody :is(th, td) {
  border-bottom: 1px solid #3e3e3e;
  padding-block:1.125rem
}

@media only screen and (max-width: 734px) {
  .main article.section-safari tbody :is(th, td) {
      padding-block:1.375rem
  }
}

.main article.section-safari tbody td {
  text-align:center
}

@media only screen and (max-width: 734px) {
  .main article.section-safari tbody th {
      font-size:14px
  }
}

.main article.section-safari tbody tr:first-of-type :is(th, td) {
  -webkit-padding-before: 0;
  padding-block-start:0
}

.main article.section-safari .button {
  font-size: 14px;
  color:#fff
}

.main article.section-safari .button:is(:active, :focus) {
  text-decoration:none
}

html.no-switch-to-safari .main article.section-safari .button {
  display:none
}

.main article.section-safari .icon {
  block-size: 1.5625rem;
  aspect-ratio: 1;
  vertical-align:middle
}

.main article.section-safari .icon.icon-checkmark-circle {
  color:#00d959
}

.main article.section-safari .icon.icon-xmark-circle {
  color:#ff3037
}

/* section safari ends */