.section-options {
  text-align: left;
}

.section-options .section-intro {
  margin-bottom: 1em;
}

.section-options .row {
  padding: 25px 0;
}

.section-options .row.divider {
  border-top: 1px solid #e2e2e2;
}

.section-options-image {
  height: 115px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.section-options-image-small {
  height: 50px;
}

@media only screen and (min-width: 391px) and (max-width: 450px) {
  .section-compare .two-lines-small {
    height: unset;
  }
}

@media only screen and (max-width: 735px) {
  .section-options .row {
    padding: 25px 0;
  }
}

@media only screen and (min-width: 736px) {
  .section-options-image-zain {
    margin-top: -64px;
  }
}

@media only screen and (max-width: 735px) {
  .zain {
    padding-top: 50px;
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-content {
    padding-top: 220px;
    padding-bottom: 100px;
  }

  .section-hero.no-cta .hero-intro {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 735px) {
  .section-hero.no-cta .hero-content {
    padding-top: 120px;
  }

  .section-hero.no-cta .hero-intro {
    padding: 0 20px;
  }
}

.section-carriers .section-headline {
  margin-bottom: 66px;
}

@media only screen and (max-width: 1068px) {
  .section-carriers .section-headline {
    margin-bottom: 52px;
  }
}

@media only screen and (max-width: 734px) {
  .section-carriers .section-headline {
    margin-bottom: 42px;
  }
}

/* compare */
.links-inline,
.links-stacked {
  margin-left: 0;
  margin-right: 0;
  list-style: none;
}

.links-stacked li {
  margin: 0;
  display: block;
}

.links-stacked li + li {
  margin-top: 0.4em;
}

.section-support {
  text-align: center;
  background-color: #f2f2f2;
}

.section-support .section-content {
  padding-top: 21px;
  padding-bottom: 48px;
}

@media only screen and (max-width: 1068px) {
  .section-support .section-content {
    padding-top: 28px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 734px) {
  .section-support .section-content {
    padding-top: 30px;
  }
}

.section-chat {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}

.section-chat .button-chat {
  background: rgba(0, 0, 0, 0);
  color: #1d1d1f;
  border-radius: 25px;
  border: 2px solid #1d1d1f;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
}

.section-chat .button-chat:hover {
  background: rgba(255, 255, 255, 0.08);
}

.section-chat .button-chat:active {
  background: rgba(0, 0, 0, 0.08);
}

.section-chat .button-chat:disabled,
.section-chat .button-chat.disabled {
  background: rgba(0, 0, 0, 0);
  color: #1d1d1f;
  opacity: 0.32;
}

@media only screen and (min-width: 1069px) {
  .section-chat .button-chat {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
    min-width: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
  }
}

@media only screen and (min-width: 1069px) {
  .section-chat .button-chat:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 1068px) {
  .section-chat .button-chat {
    margin-top: 30px;
    padding: 5px 13px;
  }
}

@media only screen and (max-width: 734px) {
  .section-chat .button-chat {
    margin-top: 31px;
  }
}

.section-chat .button-chat:active {
  background-color: #1d1d1f;
}

.section-chat .button-chat:hover {
  background-color: black;
  color: #fff;
}

.section-chat .column {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.typography-chat-copy {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 600;
  letter-spacing: 0.011em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

.typography-chat-copy:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-chat-copy {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

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

.typography-chat-copy {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 600;
  letter-spacing: 0.011em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-chat-copy {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

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

.typography-compare-all-cta {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 400;
  letter-spacing: 0.011em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

@media only screen and (max-width: 734px) {
  .typography-compare-all-cta {
    font-size: 19px;
    line-height: 1.4211;
    font-weight: 400;
    letter-spacing: 0.012em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

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

.typography-compare-all-cta {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 400;
  letter-spacing: 0.011em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

@media only screen and (max-width: 734px) {
  .typography-compare-all-cta {
    font-size: 19px;
    line-height: 1.4211;
    font-weight: 400;
    letter-spacing: 0.012em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

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

.typography-intro-elevated {
  font-size: 24px;
  line-height: 1.33341;
  font-weight: 400;
  letter-spacing: 0.009em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

.typography-intro-elevated:lang(ar) {
  line-height: 1.5;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
  .typography-intro-elevated {
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: 0.011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

@media only screen and (max-width: 1068px) {
  .typography-intro-elevated:lang(ar) {
    line-height: 1.52381;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

.typography-intro {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 400;
  letter-spacing: 0.011em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

.typography-intro:lang(ar) {
  line-height: 1.52381;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 734px) {
  .typography-intro {
    font-size: 19px;
    line-height: 1.4211;
    font-weight: 400;
    letter-spacing: 0.012em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
      "Arial", sans-serif;
  }
}

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

.typography-headline + .typography-intro {
  margin-top: 1.2em;
}

.typography-headline-super + .typography-intro-elevated {
  margin-top: 1.6em;
}

.typography-headline-elevated + .typography-intro-elevated {
  margin-top: 1.4em;
}
/* compare ends */

.section-hero.screens .image-hero-iphone-16 {
	background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero.screens .image-hero-iphone-16 {
		background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_large_2x.jpg")
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero.screens .image-hero-iphone-16 {
		background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_medium.jpg")
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero.screens .image-hero-iphone-16 {
		background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_medium_2x.jpg")
	}
}

@media only screen and (max-width: 734px) {
	.section-hero.screens .image-hero-iphone-16 {
		background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_small.jpg")
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero.screens .image-hero-iphone-16 {
		background-image: url("/mideast/iphone/buy/o/images/overview/hero__ges919d02kq6_small_2x.jpg")
	}
}




