/*** Arabic Fonts ****/
/********************/
.section-hero .headline,
.section-hero .subhead.subhead-tagline,
.section-os-gallery .card-set li .subhead-os-gallery {
  letter-spacing: 0;
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;  
}

a.button:lang(ar),
#ac-globalfooter .ac-gf-sosumi ul li:lang(ar),
#ac-globalfooter .ac-gf-directory .ac-gf-directory-column *,
#ac-globalfooter .ac-gf-directory .ac-gf-directory-column .ac-gf-directory-column-section-title-text  {
  letter-spacing: 0;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#ac-globalfooter .ac-gf-sosumi li:lang(ar) {
  line-height: 1.3333733333;
}
/********************/
/*** Arabic Fonts ****/


main {
  background-color: unset;
}

.section-hero .inline-media-container .inline-media-ui {
  display: none;
}

[data-component-list=InlineMedia] .play-pause-button {
  background: #fff;
}

[data-component-list=InlineMedia] .play-pause-button:hover {
  background: rgba(250,250,250,0.7);
}

.main [data-module-template="promos"].collection-module {
  left: unset;
  right: calc(var(--edge-border-width) + var(--safe-area-inset-lt));
}

.paddlenav-alpha {
  --sk-paddlenav-background: #fff;
  --sk-paddlenav-background-hover: rgba(250,250,250,0.7);
}

.scroll-gallery-playpause-container .scroll-gallery-playpause-button .icon-control {
  --icon-scrim-color: #fff;
  --icon-scrim-color-hover: rgba(250,250,250,0.7);
}

.main [data-module-template="heroes"] [data-unit-id] .split-copy-wrapper .unit-copy-wrapper .cta-links a:not(:only-child):not(:first-child) {
  margin-left: unset;
  margin-right: 13px;
}

.main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links a:not(:only-child):not(:first-child) {
  margin-left: unset;
  margin-right: 12px;
}

#main [data-module-template="heroes"].collection-module {
  /* margin-top: var(--gutter-width); */
}


#hala_w_sahla + .inline-media-ui {
  display: none;
}

.section-hero .image-container, 
.section-hero .overview-hero-wwdc25 {
  height: 734px;
}

.section-hero {
  margin-top: unset;
  height: 774px;
}

.section-hero {
   background-image: linear-gradient(to bottom, #F8F8FF, #EBE6FE);
}

.section-hero .overview-hero-wwdc25 {
  width: 100%;
}

[data-component-list=InlineMedia] video {
  width: unset;
}

.section-hero .image-container {
  width: auto;
}

 .section-hero video {
  margin-top: 57px;
  width: auto;
  height: 734px;
}

.section-os-gallery .subhead-os-gallery {
  font-weight: 400;
}

.section-hero .copy-container {
  z-index: 5;
  position: absolute;
  padding-top: 525px;
}

.section-hero .headline {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.07143;
}

.section-hero .subhead-hero {
  font-size: 28px;
  font-weight: 400;
  margin-top: 5px;
}

.section-hero .cta-container {
  margin-top: 19px;
}

.section-hero .subhead-tagline {
  font-size: 28px;
}

.section-hero .subhead.subhead-tagline {
  margin-top: 1px;
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  .section-hero .subhead.subhead-tagline {
    line-height: 28px;
  }
}

.section-os-gallery {
  background-color: #ebe6fe;
}

.section-os-gallery .card-set .card.tile.tile-rounded {
  display: flex;
  flex-direction: column-reverse;
}

.caption-tile .card {
  --sk-fill-tertiary: #fff;
}

.caption-tile .card .card-area-topic-container {
  padding-bottom: 48px;
}

/* .section-hero .section-content {
  margin-bottom: 0;
  padding-bottom: 50px;
} */

.section-hero .section-content {
  padding-bottom: unset;
}

.section-os-gallery .button {
  margin-top: 15px;
}

#overview-hero-wwdc25-1 {
  position: relative;
  top: 57px;
}

[data-component-list=InlineMedia] .inline-media-ui {
  height: 92%;
}

#os-gallery button.scroll-gallery-playpause-button {
  display: none;
}

/* BTS */
.homepage-section > * {
  letter-spacing: normal;
}

.homepage-section .button-tertiary {
    background: rgba(0, 0, 0, 0);
    color: #06c;
    border-color: #06c;
}
/* BTS */

@media screen and (max-width: 1068px) {
  /* .caption-tile .card .card-area-topic-container {
    padding-bottom: 60px;
  } */

  .section-hero .headline {
    font-size: 48px;
  }

  [data-component-list=InlineMedia] .inline-media-ui {
  height: 98%;
  }

  .section-os-gallery .button {
    margin-top: 11px;
  }

  .section-hero .button.button-super {
    --sk-button-padding-horizontal: 31px;
    --sk-button-padding-vertical: 18px;
  }

  .section-os-gallery .button-elevated {
    --sk-button-padding-horizontal: 21px;
    --sk-button-padding-vertical: 11px;
    font-size: 17px;
  }

  .section-hero video  {
    margin-top: 25px;
  }

  .section-hero .subhead-tagline {
    font-size: 24px;
  }

  .section-hero {
    height: 642px;
  }

  .section-hero .overview-hero-wwdc25,
  .section-hero .image-container,
  .section-hero video {
    height: 645px;
  }

  .reduced-motion .section-hero .overview-hero-wwdc25,
  .reduced-motion .section-hero .image-container,
  .reduced-motion .section-hero video {
    height: 515px;
  }

  #overview-hero-wwdc25-1 {
    top: 26px;
  }

  .section-hero .image-container {
    width: 1068px;
  }

  .section-hero .copy-container {
    padding-top: 430px;
  } 
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  .section-hero video {
    width: 100%;
    object-fit: cover;
  }

  .section-hero {
    padding-top: 23px;
  }
}


@media screen and (max-width: 734px) {
  [data-component-list=InlineMedia] .inline-media-ui {
    top: -48px;
  }

  .caption-tile .card .card-area-topic-container {
    padding-bottom: 32px;
  }

  .section-hero {
    height: unset;
  }

  .section-os-gallery {
    padding-top: 35px;
  }

  .section-hero .headline {
    font-size: 32px;
  }

  .section-hero .subhead-tagline {
    font-size: 19px;
  }

  .section-hero video {
    height: 515px;
    margin-top: 36px;
  }

  .section-hero .copy-container {
    padding-top: 354px;
  }

  .section-hero .image-container {
    height: 515px;
  }

  #overview-hero-wwdc25-1 {
    top: 36px;
  }

  .section-hero .image-container {
    width: auto;
  }

  .section-hero .button.button-super {
    --sk-button-padding-horizontal: 22px;
    --sk-button-padding-vertical: 12px;
  }

  .section-os-gallery .button-elevated {
    --sk-button-padding-horizontal: 14px;
    --sk-button-padding-vertical: 9px;
    font-size: 14px;
  }

  .unit-copy-wrapper .subhead.subhead-tagline {
    line-height: 23px;
    margin-top: 6px;
  }

  .scroll-gallery-playpause-container {
    bottom: 11px;
  }

  .scroll-gallery-paddlenav {
    --paddlenav-padding: 29px;
  }

  .section-hero {
    padding-top: 5px;
  } 

  .pg-takedown .section-content {
    margin-bottom: unset;
  }

  .pg-takedown.section-hero {
    padding-bottom: 20px;
  }
}

.scroll-gallery-playpause-container{
  right: 0;
  left: unset;
  margin-right: var(--responsive-gutter-width);
}