@charset "UTF-8";
:root {
  --color-contrast: #FFFFFF;
  --color-eggblue: #16dad3;
  --color-yellow: #FFB446;
  --color-green: #56B245;
  --color-brick-red: #FD6043;
  --color-brick-red-dark: #F05133;
  --color-gray-dark: #5E6267;
  --color-gray-light: #8998A7;
  --color-pink: #E54C82;
  --color-dark-secondary: #292F38;
  --color-dark-primary: #1F242B;
  --color-dark: #11151A;
  --color-blue: #2D8BD0;
}
@font-face {
  font-family: 'Jali Arabic';
  src: url('/themes/custom/s2d/assets/fonts/Jali/Jali-Arabic-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jali Arabic';
  src: url('/themes/custom/s2d/assets/fonts/Jali/Jali-Arabic-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: 'Jali Arabic', sans-serif;
}
.site-header .menu--link {
  display: block;
  height: 40px;
  padding: 0 15px;
  text-decoration: none;
  line-height: 40px;
}

@keyframes tiltZoom {
  from {
    transform: rotate(-12deg) scale(1.2);
  }
  to {
    transform: rotate(12deg) scale(0.8);
  }
}
@keyframes fade-in {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes popout {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  30% {
    transform: scale(1.1) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
@keyframes rotateProducts {
  0% {
    transform: rotate(0deg);
  }
  17% {
    transform: rotate(51deg);
  }
  33% {
    transform: rotate(103deg);
  }
  50% {
    transform: rotate(154deg);
  }
  67% {
    transform: rotate(206deg);
  }
  83% {
    transform: rotate(257deg);
  }
  100% {
    transform: rotate(309deg);
  }
}
@keyframes rotateProductImage {
  0% {
    transform: rotate(0deg);
  }
  17% {
    transform: rotate(-51deg);
  }
  33% {
    transform: rotate(-103deg);
  }
  50% {
    transform: rotate(-154deg);
  }
  67% {
    transform: rotate(-206deg);
  }
  83% {
    transform: rotate(-257deg);
  }
  100% {
    transform: rotate(-309deg);
  }
}
@keyframes moveTopBottom {
  from {
    transform: translateY(-20px) scale(1.2);
  }
  to {
    transform: translateY(10px) scale(0.8);
  }
}
@keyframes animateZoom {
  from {
    transform: scale(0.8);
  }
  80% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.font-style-body-text-14 {
  font: normal normal normal 18px/24px "Cairo";
  color: #B8B9BA;
}
@media (min-width: 992px) {
  .font-style-body-text-14 {
    font: normal normal normal 20px/28px "Cairo";
    color: #E3E3E3;
    letter-spacing: -0.66px;
  }
}

.font-style-body-text-18 {
  font: normal normal normal 18px/24px "Cairo";
  color: #B8B9BA;
}
@media (min-width: 992px) {
  .font-style-body-text-18 {
    font: normal normal normal 18px/24px "Cairo";
    color: #FFFFFFB3;
    letter-spacing: 0;
  }
}

.site-header .menu--link.is-active, .font-style-active-navigation {
  font-size: 14px;
  color: #0057FF !important;
    font-weight: 600 !important;
}

.site-header .menu--link, .font-style-inactive-navigation {
  font-size: 14px;
}

.font-style-inactive-arabic-navigation {
  font: normal normal bold 12px/23px "CairoBold";
}

.font-style-hero-banner-title-1 {
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 18px;
}

.font-style-hero-banner-title-2 {
  font-size: 40px;
  line-height: 1.2;
}

.font-style-hero-banner-cta-title {
  font-size: 16px;
  line-height: 1.2;
}

.font-style-hero-banner-cta-subtitle {
  font-size: 12px;
}

.font-style-hero-banner-cta-support-text {
  font-size: 10px;
  font-style: oblique;
}

.font-style-heading-support {
  font-size: 12px;
  letter-spacing: 2.8px;
}

.font-style-main-heading {
  font-size: 22px;
  line-height: 22px;
}

.font-style-active-icon-state-paragraph {
  font-size: 14px;
  line-height: 20px;
}

.font-style-inactive-icon-state-heading {
  font-size: 18px;
  line-height: 22px;
}

.font-style-inactive-icon-state-paragraph {
  font-size: 14px;
  line-height: 20px;
}

.font-style-icon-heading {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2.8px;
}

.font-style-main-heading-2 {
  font-size: 20px;
  line-height: 22px;
}

.font-style-subheading {
  font-size: 12px;
  line-height: 3;
  font: normal normal normal 12px/18px "Cairo";
}

.font-style-small-heading {
  font-size: 20px;
  line-height: 1;
}

.font-style-rocket-active-heading {
  font-size: 18px;
  line-height: 22px;
}

.font-style-rocket-active-paragraph, .font-style-rocket-inactive-paragraph {
  font-size: 14px;
  line-height: 20px;
}

.font-style-rocket-inactive-heading {
  font-size: 18px;
  line-height: 22px;
}

.font-style-banner-heading-1 {
  font-size: 40px;
  line-height: 49px;
}

.font-style-cta-2 {
  font-size: 20px;
  line-height: 1.2;
}

.font-style-support-heading-2 {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 2.8px;
}

.font-style-heading-style-2 {
  font-size: 20px;
  line-height: 22px;
}

.font-style-support-heading-3 {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 2.8px;
}

.font-style-heading-style-3 {
  font-size: 20px;
  line-height: 22px;
}

.font-style-paragraph-style-2 {
  font-size: 14px;
  line-height: 20px;
}

.font-style-testimonial-name {
  font-size: 18px;
  line-height: 1.2;
}

.font-style-testimonial-occupation {
  font-size: 14px;
  line-height: 1.2;
}

.font-style-faq-active, .font-style-faq-inactive {
  font-size: 18px;
  line-height: 1.2;
}

.font-style-footer-heading {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 2.8px;
}

.font-style-footer-sections {
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .font-style-hero-banner-title-1 {
    font-size: 14px;
    letter-spacing: 2.8px;
    font: normal normal bold 14px/52px "CairoBold";
  }

  .font-style-hero-banner-title-2 {
    font-size: 60px;
  }

  .font-style-hero-banner-cta-title {
    font-size: 20px;
  }

  .font-style-hero-banner-cta-support-text {
    font-size: 12px;
  }

  .font-style-heading-support {
    font-size: 16px;
    letter-spacing: 3.2px;
    font-weight: 600;
  }

  .font-style-main-heading {
    font-size: 36px;
    line-height: 45px;
  }

  .font-style-active-icon-state-paragraph {
    font-size: 18px;
    line-height: 23px;
  }

  .font-style-inactive-icon-state-heading {
    font-size: 25px;
    line-height: 34px;
  }

  .font-style-inactive-icon-state-paragraph {
    font-size: 18px;
    line-height: 23px;
  }

  .font-style-icon-heading {
    font-size: 16px;
    line-height: 24px;
  }

  .font-style-main-heading-2 {
    font-size: 50px;
    line-height: 61px;
  }

  .font-style-subheading {
    font-size: 14px;
  }

  .font-style-small-heading {
    font-size: 36px;
  }

  .font-style-rocket-active-heading {
    font-size: 26px;
    line-height: 28px;
  }

  .font-style-rocket-inactive-heading {
    font-size: 26px;
    line-height: 28px;
  }

  .font-style-banner-heading-1 {
    font-size: 60px;
    line-height: 70px;
  }

  .font-style-cta-2 {
    font-size: 21px;
  }

  .font-style-support-heading-2 {
    font-size: 20px;
  }

  .font-style-heading-style-2 {
    font-size: 40px;
    line-height: 45px;
  }

  .font-style-support-heading-3 {
    font-size: 16px;
  }

  .font-style-heading-style-3 {
    font-size: 56px;
    line-height: 64px;
  }

  .font-style-paragraph-style-2 {
    font-size: 20px;
    line-height: 32px;
  }

  .font-style-testimonial-name {
    font-size: 22px;
  }

  .font-style-testimonial-occupation {
    font-size: 16px;
  }

  .font-style-faq-active, .font-style-faq-inactive {
    font-size: 24px;
  }
}
.font-style-sub-pages-heading {
  font: normal normal bold 28px/67px "CairoBold";
  text-transform: capitalize;
}

.font-style-sub-pages-subheading {
  font: normal normal bold 14px/17px "CairoBold";
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.font-style-sub-pages-body {
  font: normal normal normal 17px/28px "Cairo";
}

/**
 *
 * Text Editor Related Styles
 *
 */
.text-align-center {
  text-align: center;
}

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

.text-align-right {
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

.headline-eyebrow {
  letter-spacing: 4px;
}

a {
  color: #2D8BD0;
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: underline;
}

/**
 *
 * Colors Provided By UI/UX
 *
 */
.text-color-contrast {
  color: #FFFFFF;
}

.text-color-eggblue {
  color: #ffffff;
}
.text-color-green {
  color: #56B245;
}

.text-color-brick-red {
  color: #FD6043;
}

.text-color-brick-red-dark {
  color: #F05133;
}

.text-color-gray-dark {
  color: #5E6267;
}

.text-color-gray-light {
  color: #8998A7;
}

.text-color-pink {
  color: #E54C82;
}

.inline-component > p,
.inline-component > div,
.inline-component [data-component] {
  display: inline;
}

p {
  margin-top: 0;
}

/**
 *
 * Developer Specified Styles From UI
 * 
 */
/**
 *
 * Font Style Defined By UI/UX
 *
 */
/**
 * Override Font Family
**/
.ff-MontserratSemiBold {
  font-family: "MontserratSemiBold" !important;
}

.ff-Montserrat {
  font-family: "Montserrat" !important;
}

.ff-OpensansSemiBold {
  font-family: "OpensansSemiBold" !important;
}

.ff-Opensans {
  font-family: Opensans !important;
}

.ff-OpensansLight {
  font-family: "OpensansLight" !important;
}

.ff-Cairo {
  font-family: "Cairo" !important;
}

.ff-CairoBold {
  font-family: "CairoBold" !important;
}

.ff-LibreFranklinBold {
  font-family: "LibreFranklinBold" !important;
}

.ff-LibreFranklinSemiBold {
  font-family: "LibreFranklinSemiBold" !important;
}

.ff-LibreFranklinMedium {
  font-family: "LibreFranklinMedium" !important;
}

.ff-LibreFranklinLight {
  font-family: "LibreFranklinLight" !important;
}

.ff-LibreFranklin {
  font-family: "LibreFranklin" !important;
}

.ff-LibreFranklinBoldItalic {
  font-family: "LibreFranklinBoldItalic" !important;
}

.ff-LibreFranklinSemiBoldItalic {
  font-family: "LibreFranklinSemiBoldItalic" !important;
}

.ff-LibreFranklinMediumItalic {
  font-family: "LibreFranklinMediumItalic" !important;
}

.ff-LibreFranklinLightItalic {
  font-family: "LibreFranklinLightItalic" !important;
}

.ff-LibreFranklinItalic {
  font-family: "LibreFranklinItalic" !important;
}

.ff-PoppinsBold {
  font-family: "PoppinsBold" !important;
}

.ff-PoppinsSemiBold {
  font-family: "PoppinsSemiBold" !important;
}

.ff-PoppinsMedium {
  font-family: "PoppinsMedium" !important;
}

.ff-PoppinsLight {
  font-family: "PoppinsLight" !important;
}

.ff-Poppins {
  font-family: "Poppins" !important;
}

.ff-PoppinsBoldItalic {
  font-family: "PoppinsBoldItalic" !important;
}

.ff-PoppinsSemiBoldItalic {
  font-family: "PoppinsSemiBoldItalic" !important;
}

.ff-PoppinsMediumItalic {
  font-family: "PoppinsMediumItalic" !important;
}

.ff-PoppinsLightItalic {
  font-family: "PoppinsLightItalic" !important;
}

.ff-PoppinsItalic {
  font-family: "PoppinsItalic" !important;
}

/**
 * Common Classes
**/
.font-style-login-text {
  font: normal normal 600 12px/15px "Poppins" !important;
  text-transform: uppercase !important;
}

.font-style-login-arbic {
  font: normal normal 600 12px/15px "Cairo" !important;
}

.inline-component {
  width: fit-content;
  margin: auto;
}

/**
 * ====================================================================================================
 * [Deprecated] Will be Removed
 * ====================================================================================================
 *
 */
.title-1-color {
  color: #16dad3;
}

.title-2-color {
  color: #FFB446;
}

.title-3-color {
  color: #E54C82;
}

.title-4-color {
  color: #F05133;
}

.title-5-color {
  color: #56B245;
}

.eyebrow {
  font-size: 12px;
  letter-spacing: 2.8px;
}

@media (min-width: 992px) {
  #feature-30 .eyebrow {
    padding-bottom: 0px;
  }

  .eyebrow {
    font-size: 14px;
    margin-left: 4px;
    margin-top: 3px;
    display: block;
    padding-bottom: 5px;
    padding-top: 8px;
  }
}
/**
 * ====================================================================================================
 * [Deprecated] Ends Here
 * ====================================================================================================
 *
 */
.messages {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  margin-top: 0;
  margin-bottom: 50px;
  max-width: 80%;
}

.tabs.primary {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
}

.user-pass, .user-form, .user-login-form {
  max-width: 350px;
  margin: 100px auto;
}

.form-item {
  margin-bottom: 20px;
}
.form-item .form-email,
.form-item .form-text {
  max-width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  color: black;
}
.form-item label {
  max-width: 100%;
  margin-bottom: 10px;
  display: block;
  color: orange;
  font-size: 24px;
}
.form-item .description {
  font-size: 14px;
  margin-top: 10px;
  color: gray;
}

.select2-container {
  width: 100%;
}
.select2-container .search-results {
  background: black;
}
.select2-container .select2-selection--single {
  height: 48px;
}
.select2-container--open .select2-dropdown--below {
  background-color: black;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
  color: #fff;
  border: 0;
  background-color: #515050;
  height: 40px;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 70px;
  }
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #515050;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: white;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 70px;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  right: 0;
  background-image: url(/static/svgs/Drop.svg);
  height: 18px;
  width: 20px;
  background-size: contain;
  border: 0;
  display: block;
  margin-top: 3px;
  margin-right: 0;
  top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}

[data-icon=close]:after, [data-icon=drop]:after, [data-icon=arrow-down]:after, [data-icon=arrow]:after, [data-icon=globe]:before, [data-icon=account]:before, [data-icon=instagram]:before, [data-icon=linkedin]:before, [data-icon=twitter]:before, [data-icon=facebook]:before {
  content: "";
  color: black;
  height: 24px;
  width: 24px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 16px;
}

[data-icon] {
  position: relative;
}

[data-icon=facebook]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Facebook.svg");
}

[data-icon=twitter]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Twitter.svg");
}

[data-icon=linkedin]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Linkedin.svg");
}

[data-icon=instagram]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Instagram.svg");
}

[data-icon=account]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Account.svg");
}

[data-icon=globe]:before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Globe.svg");
}

[data-icon=arrow]:after {
  height: 28px;
  flex: 0 0 28px;
  min-width: 28px;
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Arrow-Right.svg");
  background-size: auto 26px;
}

[data-icon=arrow-down]:after {
  height: 36px;
  flex: 0 0 36px;
  min-width: 36px;
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Arrow-Down.svg");
  background-size: auto 32px;
}


[data-icon=close]:after {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Close.svg");
  background-size: auto 20px;
}

.icon-only {
  font-size: 0;
}

[data-icon=none]:before {
  content: none;
}

.button {
  text-align: left;
  vertical-align: middle;
  user-select: none;
  background-color: #F05133;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.5;
  border: none;
  display: inline-flex;
  border-radius: 6px;
  padding: 7px 13px;
  width: fit-content;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  height: 60px;
  margin-left: 10px;
  transition: all 300ms ease-in-out;
}
.button.small, .button--small {
  height: 40px;
  font-size: 14px;
}
.button.small:after, .button--small:after {
  flex: 0 0 20px;
  min-width: 18px;
  background-size: auto 18px;
}
.button:last-child {
  margin-left: 0;
}
.button:focus, .button:hover {
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0px 15px 20px rgba(8, 8, 8, 0.116);
}
.button img {
  max-width: 100%;
}
.button--icon {
  display: block;
}
.button--text-wrapper {
  margin-left: 0.8rem;
  width: 100%;
}
.button--icon-wrapper {
  width: auto;
  display: inline-block;
}
.button--icon-wrapper img {
  vertical-align: middle;
}
.button--title, .button--description {
  flex: 1 1 100%;
  display: block;
  color: var(--color-contrast);
}
.button--title {
  font-size: 14px;
  font-weight: 500;
}
.button--details, .button--description {
  font-size: 10px;
}
@media (min-width: 992px) {
  .button--details, .button--description {
    font-size: 12px;
  }
}
.button--description {
  font-size: 12px;
  line-height: 15px;
}
.button--details {
  margin-top: 11px;
}
.button.block {
  width: 100%;
}
.button.blue {
  background-color: var(--color-blue);
  height: 54px;
}
.button.blue .button--title {
  font-family: 'Jali Arabic', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.button.blue:hover, .button.blue:focus {
  background-color: #246fa6;
}
.button.pink {
  background-color: #E54C82;
  height: 54px;
}
.button.pink .button--title {
  font-family: 'Jali Arabic', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.button.pink:hover, .button.pink:focus {
  background: #de2063;
}
.button.red-gradient {
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
}
.button.red-gradient:hover, .button.red-gradient:focus {
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 60%, #E75573 100%) 0% 0% no-repeat padding-box;
}
.button.icon-only {
  padding: 0;
  background-color: transparent;
}
.button.icon-only .button--text-wrapper {
  visibility: hidden;
  height: 0;
  width: 0;
}
@media (min-width: 992px) {
  .button--title {
    font-size: 20px;
  }
  .button.pink .button--title, .button.blue .button--title {
    font-size: 16px;
  }
}

.media-image--wrapper img {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.site-header {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  width: 100%;
}
.site-header + main {
  padding-top: 92px;
}
.site-header--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  display: flex;
  padding: 16px 6px;
  justify-content: center;
  align-items: center;
  background-color: #1F242B;
}
.site-header--account-toggle-wrapper {
  margin-right: auto;
}
.site-header--menu-toggle-wrapper {
  margin-left: auto;
}
.site-header .menu--link {
  display: flex;
  align-items: center;
  color: #FFF;
  line-height: 1;
  text-transform: uppercase;
}
.site-header .menu--link.is-active {
  color: #FFB446;
}
.site-header .menu--link:focus, .site-header .menu--link:hover {
  color: #2ad5d0;
}
.site-header--logo {
  z-index: 11;
}
.site-header--navigation {
  display: none;
  z-index: 11;
}
.site-header--menu-toggle {
  height: 48px;
  background: transparent;
  border: 0;
  width: 48px;
  padding: 8px;
}
.site-header--menu-toggle .icon-bar {
  display: block;
  height: 3px;
  border-radius: 2px;
  background-color: white;
}
.site-header--menu-toggle .icon-bar + .icon-bar {
  margin-top: 8px;
}
.site-header--menu-toggle .icon-bar:nth-child(2) {
  width: 67%;
}
.site-header--menu-toggle .icon-bar:nth-child(3) {
  width: 33%;
}
.site-header.js-site-header--mobile [data-icon]:before {
  background-size: auto 21px;
  margin-right: 10px;
}
.site-header.js-site-header--mobile .menu--wrapper--lvl-0 {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.site-header.js-site-header--mobile .menu--link {
  justify-content: center;
  font: normal normal normal 18px/24px "Cairo";
  line-height: 1;
  margin-top: 24px;
  letter-spacing: 2.7px;
}
.site-header.js-site-header--mobile .menu--link.is-active {
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}
.site-header.js-site-header--mobile .site-header--navigation {
  position: fixed;
  background: #1C232B;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  padding: 15px;
  padding-top: 125px;
}
.site-header.js-site-header--mobile .site-header--menu-toggle.close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}
.site-header.js-site-header--mobile .site-header--menu-toggle.close .icon-bar {
  transform: rotate(45deg);
}
.site-header.js-site-header--mobile .site-header--menu-toggle.close .icon-bar:nth-child(2) {
  width: 100%;
  transform: rotate(-45deg);
  margin-top: -2px;
}
.site-header.js-site-header--mobile .menu--user-account-arabic .menu--wrapper--lvl-0,
.site-header.js-site-header--mobile .menu--account .menu--wrapper--lvl-0 {
  flex-direction: row-reverse;
  justify-content: center;
  display: flex;
  margin-top: 40px;
}
.site-header.js-site-header--mobile .menu--user-account-arabic .menu--wrapper--lvl-0 .menu--item,
.site-header.js-site-header--mobile .menu--account .menu--wrapper--lvl-0 .menu--item {
  flex: 0 0 50%;
}
.site-header.js-site-header--mobile .menu--user-account-arabic .menu--wrapper--lvl-0 .menu--link,
.site-header.js-site-header--mobile .menu--account .menu--wrapper--lvl-0 .menu--link {
  margin: 0 8px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 992px) {
  .site-header {
    padding: 0;
  }
  .site-header + main {
    padding-top: 94px;
  }
  .site-header--wrapper {
    display: flex;
    padding: 12px 40px;
  }
  .site-header--account-toggle-wrapper, .site-header--menu-toggle-wrapper {
    display: none;
  }
  .site-header--navigation {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .site-header--navigation .menu--wrapper {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
  }
  .site-header--navigation .menu--link {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 100 !important;
  }
  .site-header--navigation .menu--main, .site-header--navigation .menu--account {
    display: flex;
    align-items: center;
  }
  .site-header--navigation .menu--main {
    margin: 0 ;
  }
  .site-header--navigation .menu--account .menu--item--lvl-0 {
    position: relative;
  }
}

.js-menu-country-list {
  list-style: none;
  margin: 0;
  position: absolute;
  right: 0;
  width: 240px;
  top: 64px;
  padding: 0 0 16px 0;
  background: #1C232B;
}
.js-menu-country-list a {
  font: normal normal normal 12px/27px "Cairo";
}
.js-menu-country-list li {
  display: flex;
  align-items: center;
  font: normal normal normal 12px/27px "Cairo";
  padding: 8px 20px;
}
.js-menu-country-list li[data-country] {
  cursor: pointer;
}
.js-menu-country-list li[data-country]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.js-menu-country-list img {
  height: auto;
  width: 30px;
  margin-right: 10px;
}

[data-current-country] img {
  height: 30px;
  width: auto;
  margin-top: 5px;
}

.menu--link.js-external-login-link {
  padding-right: 0;
}
.menu--link.js-external-login-link:after {
  content: "/";
  display: inline-block;
  margin-left: 5px;
  color: #FFF;
}
.menu--link.js-external-register-link {
  padding-left: 5px;
}
.site-footer--top #content-14 {
  background: #FD6043;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
  position: relative;
}
.site-footer--top #content-14 .content--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  display: flex;
  flex-direction: column-reverse;
}
.site-footer--top #content-14 .content--wrapper .media-image {
  width: 200px;
  position: relative;
  bottom: -16px;
}
.site-footer--top #content-14 .content--wrapper .media-image--wrapper {
  text-align: center;
}
.site-footer--top #content-14 .content--text {
  padding: 50px 16px;
  text-align: center;
  z-index: 9;
}
.site-footer--top #content-14 .content--text h3 {
  font-size: 28px;
}
.site-footer--top #content-14 .content--cta-wrapper {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.site-footer--top #content-14 .content--cta-wrapper .button:first-child {
  margin-left: 30px;
}
.site-footer--top #content-14 .content--cta-wrapper .button:last-child {
  margin-left: 0;
}
.site-footer--top #content-14 .content--media {
  z-index: 9;
  flex: 0 0 50%;
}
.site-footer--columns--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  padding: 0 40px;
}
.site-footer--column a {
  text-decoration: none;
  color: white;
}
.site-footer--column .menu--wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.site-footer--column .menu--wrapper--lvl-2 {
  display: flex;
}
.site-footer--column .menu--wrapper--lvl-2 > .menu--item {
  width: 32px;
}
.site-footer--column .menu--link {
  text-decoration: none;
  color: #000000;
  font-size: 18px;
  line-height: 35px;
}
.site-footer--column .menu--link.icon-only {
  height: 24px;
  width: 24px;
  overflow: hidden;
  display: block;
  padding: 0;
  line-height: 22px;
  margin-left: 20px;
}
.site-footer--column .menu--item {
  margin-bottom: 0px;
}
.site-footer--column .menu--item--lvl-1 {
  flex: 0 0 100%;
}
.site-footer--column .menu--item--lvl-0 {
  flex: 0 0 50%;
}
.site-footer--column .menu--item--lvl-0 > .menu--link {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2.8px;
}

.site-footer--column .menu--item--lvl-0:nth-child(3) {
  flex: 1 1 100%;
}
.site-footer--column .menu--item--lvl-0:nth-child(3) .menu--item--lvl-1 {
  flex: 1 1 50%;
}
.site-footer--column .menu--item--lvl-0:nth-child(3) .menu--item--lvl-1:nth-child(2) {
  margin-top: -50px;
}
.site-footer--column--fourth {
  text-align: center;
  width: 50%;
}
.site-footer--column--fourth p {
  margin-bottom: 11px;
  font: normal normal normal 16px/18px "Cairo";
}
.site-footer--column--fourth img {
  margin-bottom: 24px;
  width: 100%;
}
.site-footer--copyright {
  margin-top: 50px;
  margin-bottom: 11px;
}
.site-footer--copyright--wrapper {
  text-align: center;
  font-size: 12px;
  color: gray;
}
@media (min-width: 992px) {
  .site-footer--top #content-14 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    background-color: transparent;
    min-height: 410px;
  }
  .site-footer--top #content-14 .content--media {
    flex: 0 0 35%;
  }
  .site-footer--top #content-14 .content--wrapper {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    background: #11151a;
  }
  .site-footer--top #content-14 .content--wrapper .media-image {
    width: auto;
    bottom: -35px;
  }
  .site-footer--top #content-14 .content--wrapper .media-image--wrapper {
    max-width: 500px;
    margin-right: auto;
    text-align: center;
    transform: scale(1.18);
    transform-origin: right;
  }
  .site-footer--top #content-14 .content--cta-wrapper {
    justify-content: flex-start;
  }
  .site-footer--top #content-14 .content--text {
    text-align: left;
    margin-right: 0;
    margin-left: auto;
    padding-left: 85px;
  }
  .site-footer--top #content-14 .content--text h3 {
    font: normal normal bold 36px/45px "Cairo";
    margin-top: 50px;
  }
  .site-footer--top #content-14:before {
    content: "";
    background: #FD6043;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 20%;
  }
  .site-footer--top #content-70 .content--text {
    margin-left: auto;
  }
  .site-footer--top #content-70 .content--text p {
    margin-bottom: 5px;
  }
  .site-footer--column--third {
    width: 20%;
    color: #000000;
    font-size: 14px;
  }
  .site-footer--columns {
    margin-top: 50px;
    display: none;
  }
  .site-footer--columns--wrapper {
    display: flex;
    justify-content: center;
    max-width: 1280px;
  }
  .site-footer--column .menu--wrapper {
    display: block;
  }
  .site-footer--column .menu--wrapper--lvl-1 {
    display: block;
  }
  .site-footer--column .menu--item--lvl-0 {
    flex: 0 0 33%;
  }
 
  .site-footer--column .menu--item--lvl-0:nth-child(3) {
    flex: 1 1 33%;
  }
  .site-footer--column .menu--item--lvl-0:nth-child(3) .menu--item--lvl-1:nth-child(2) {
    margin-top: 0;
  }
  .site-footer--copyright {
    margin-top: 1px;
    margin-bottom: 24px;
  }
}

[dir=ltr] .site-footer--column .menu--item--lvl-0 > .menu--link {
  font-family: 'Jali Arabic', sans-serif;
}
[dir=ltr] .site-footer--column .menu--item--lvl-0 > .menu--link.is-active{
  font-weight: 700;
}

nav#block-footermenu ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

nav#block-footermenu ul li {
  display: inline-flex;
  padding: 8px;
  font-size: 16px;
}

nav#block-footermenu ul li a {
  color: #B2B5B8;
  border-right: 2px solid #44484E;
  padding-right: 12px;
}

nav#block-footermenu ul li:last-child a {
  border-right: unset;
}

@media only screen and (max-width: 767px) {
  .newsletter--container .button.form-element {
    right: 12% !important;
  }

  .newsletter--container .button.form-element {
    width: 28% !important;
  }

  ul.share-link {
    display: inline-flex;
    margin-top: 0;
  }
}
.site-footer--column .menu--item--lvl-0 > .menu--link {
  letter-spacing: 0;
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}
.site-footer--top .content {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%);
}
.site-footer--top .content--text h3 {
  text-align: right;
}

.feature {
  position: relative;
}
.feature[data-background-image] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature ul {
  list-style: none;
  padding: 0;
  text-align: right;
}
.feature ul > li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
}
.feature ul > li:before {
  content: "";
  display: inline-block;
  background: url("/themes/custom/s2d/assets/images/icons/svg/Checkmark.svg");
  height: 22px;
  width: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}
.feature .button {
  width: 100%;
}
.feature--wrapper {
  align-items: center;
  z-index: 1;
  position: relative;
}
.feature--working {
  text-align: center;
}
.feature--working .media-image {
  max-width: 200px;
}
.feature--working .feature--content {
  margin-top: 50px;
  margin-bottom: 50px;
}
.feature--working .feature--content .content--text h3 {
  font-size: 23px;
}
.feature--working .feature--content .content--wrapper {
  display: flex;
  text-align: right;
}
.feature--working .feature--content .content--media {
  margin: 20px;
}
.feature--working .feature--content .content .media-image {
  width: 90px;
  height: auto;
}
.feature--centered {
  text-align: center;
}
.feature--centered .feature--title {
  margin: auto;
}
.feature--qualities-ileft .feature--wrapper, .feature--qualities .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
.feature--qualities-ileft .feature--description, .feature--qualities .feature--description {
  color: #FFFFFFB3;
}
.feature--qualities-ileft .media-image--wrapper, .feature--qualities .media-image--wrapper {
  position: relative;
}
.feature--qualities .feature--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature--qualities .feature--content > .content {
  flex: 0 0 50%;
}
.feature--descriptive .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  max-width: 1024px;
}
.feature--descriptive .feature--title {
  text-align: center;
}
.feature--descriptive .feature--media, .feature--descriptive .feature--details {
  flex-basis: 0;
  flex-grow: 1;
}
.feature--descriptive .feature--content .content {
  max-width: 1024px;
  margin: auto;
  margin-top: 50px;
}
.feature--descriptive .feature--content .content--wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.feature--descriptive .feature--content .content:nth-child(odd) .content--wrapper {
  flex-direction: row-reverse;
}
.feature--descriptive .feature--content .content--text {
  max-width: 290px;
  font-size: 16px;
}
.feature--descriptive .feature--content .content--text h3 {
  font-size: 26px;
}
.feature--descriptive .feature--content .content .media-image {
  max-width: 100px;
}
.feature--infograph-bottom .feature--details {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  margin-bottom: 30px;
}
.feature--infograph-bottom .feature--content {
  margin-bottom: 100px;
}
.feature--infograph-bottom .media-image {
  max-width: 200px;
}
@media (min-width: 992px) {
  .feature--infograph-bottom {
    padding: 0;
  }
}
.feature--tleft-dright {
  position: relative;
}
.feature--tleft-dright .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
.feature--tleft-dright .feature--title {
  text-align: center;
  margin-bottom: 50px;
}
.feature--tleft-dright .form-item label {
  display: none;
}
.feature--tleft-dright .webform-submission-form {
  max-width: 350px;
}
@media (min-width: 992px) {
  .feature--tleft-dright .feature--description, .feature--tleft-dright .feature--media, .feature--tleft-dright .feature--title {
    flex: 0 0 50%;
  }
  .feature--tleft-dright .feature--title {
    margin-left: 50px;
    margin-bottom: 0;
  }
}
.feature--product-rotation .feature--wrapper {
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
}
.feature--product-rotation .feature--media {
  width: 335px;
  position: relative;
  height: 450px;
  transform-origin: center;
  animation: rotateProducts 30s linear 0s infinite;
  background-image: url(/sites/store2door.com/files/media-images-small/aqua%20ring.png);
  background-size: 100%;
  background-size: 24em;
  background-position: center;
  background-repeat: no-repeat;
  top: -20px;
  transform: scale(0.9);
  margin-left: auto;
  margin-right: auto;
}
.feature--product-rotation .feature--text {
  text-transform: capitalize;
  opacity: 1;
  padding: 0;
  text-align: center;
  z-index: 1;
  position: relative;
}
.feature--product-rotation .feature--text h2 {
  font-size: 60px;
  line-height: 67px;
  font: normal normal normal 40px/42px "Cairo";
  margin-bottom: 10px;
}
.feature--product-rotation .media-image {
  position: relative;
  display: block;
  transform: scale(1.4);
}
.feature--product-rotation .media-image--wrapper {
  position: absolute;
  width: 80px;
  max-width: inherit;
  text-align: center;
  top: 203px;
  left: 131px;
  transition-delay: 0.5s;
  display: flex;
  align-items: center;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.feature--product-rotation .media-image--wrapper:nth-child(1) {
  max-width: 36%;
  transform: scale(2.5);
}
.feature--product-rotation .media-image--wrapper:nth-child(1) .media-image {
  animation: rotateProductImage 30s linear infinite;
}
.feature--product-rotation .media-image--wrapper:nth-child(2) {
  transform: rotate(0deg) translate(12em) rotate(0deg);
  margin-top: -20px;
}
.feature--product-rotation .media-image--wrapper:nth-child(3) {
  transform: rotate(51deg) translate(12em) rotate(-51deg);
}
.feature--product-rotation .media-image--wrapper:nth-child(4) {
  transform: rotate(103deg) translate(12em) rotate(-103deg);
}
.feature--product-rotation .media-image--wrapper:nth-child(5) {
  transform: rotate(154deg) translate(12em) rotate(-154deg);
}
.feature--product-rotation .media-image--wrapper:nth-child(6) {
  transform: rotate(206deg) translate(12em) rotate(-206deg);
}
.feature--product-rotation .media-image--wrapper:nth-child(7) {
  transform: rotate(257deg) translate(12em) rotate(-257deg);
}
.feature--product-rotation .media-image--wrapper:nth-child(8) {
  transform: rotate(309deg) translate(12em) rotate(-309deg);
}
.feature #feature-50 .feature--details {
  max-width: 63%;
  flex: 0 0 55%;
  margin-right: 44%;
}
@media (min-width: 992px) {
  .feature .button {
    width: fit-content;
  }
  .feature--product-rotation .feature--wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  .feature--product-rotation .feature--text {
    max-width: 500px;
    margin-right: 87px;
    margin-left: auto;
    text-align: right;
    letter-spacing: 0px;
  }
  .feature--product-rotation .feature--text h2 {
    font: normal normal normal 60px/70px "Cairo";
  }
  .feature--product-rotation .feature--media {
    max-width: 50%;
    height: 620px;
    width: 620px;
    top: 0;
  }
  .feature--product-rotation .media-image--wrapper {
    max-width: 15%;
    top: 37%;
    right: 41%;
    border-radius: 50px;
    height: 160px;
    width: 160px;
  }
  .feature--product-rotation .media-image--wrapper:nth-child(1) {
    top: 50%;
    right: 50%;
    max-width: 26%;
    transform: translateX(50%) translateY(-50%) scale(1.4);
  }
  .feature--working .feature--title > h2 {
    font-size: 36px;
    line-height: 45px;
  }
  .feature--working .feature--content {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 60px auto;
    border-bottom: 4px solid #11151A;
    max-width: 1079px;
  }
  .feature--working .feature--content .content--wrapper {
    display: block;
    text-align: center;
  }
  .feature--working .feature--content .content--media {
    margin: 0;
    margin-bottom: 30px;
  }
  .feature--working .feature--content .content--text h3 {
    font-size: 25px;
  }
  .feature--qualities {
    margin-top: 60px;
  }
  .feature--qualities .feature--wrapper {
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
  }
  .feature--qualities .feature--media, .feature--qualities .feature--details {
    flex: 0 0 50%;
  }
  .feature--qualities .feature--details {
    margin-right: auto;
    margin-left: 48%;
  }
  .feature--qualities .feature--media + .feature--details {
    margin-right: auto;
    margin-left: auto;
  }
  .feature--qualities .feature--content {
    display: flex;
  }
  .feature--qualities .feature--content > .content {
    flex: 0 1 auto;
    margin: 4px;
    margin-left: 60px;
    text-align: center;
  }
  .feature--qualities .feature--content {
    flex-wrap: nowrap;
  }
  .feature--qualities .feature--title > h2 {
    font-size: 60px;
    line-height: 70px;
  }
  .feature--qualities .feature--details {
    max-width: 50%;
  }
  .feature--qualities .feature--media {
    max-width: 425px;
  }
  .feature--qualities-ileft .feature--wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .feature--qualities-ileft .feature--media, .feature--qualities-ileft .feature--details {
    flex: 0 0 50%;
  }
  .feature--qualities-ileft .feature--details {
    margin-right: 48%;
    margin-left: auto;
  }
  .feature--qualities-ileft .feature--media + .feature--details {
    margin-right: auto;
    margin-left: auto;
  }
  .feature--qualities-ileft .feature--content > .content {
    flex: 0 1 auto;
    margin: 4px;
    margin-left: 40px;
    text-align: center;
  }
  .feature--tleft-dright {
    position: relative;
    padding: 100px 0;
  }
  .feature--tleft-dright .feature--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feature--infograph-bottom .feature--details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .feature--infograph-bottom .feature--title, .feature--infograph-bottom .feature--description {
    flex: 0 0 40%;
  }
}
.feature--media, .feature--description {
  transition: all 1s ease-in-out;
}

.carousel .glide__slides {
  margin: 0;
  padding: 0;
}
.carousel--controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.carousel--full-width .content--text {
  text-align: center;
  margin: -50px 0 20px 0;
}
.carousel--full-width .content--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
.carousel--full-width .carousel--bullet {
  border: 0;
  background: transparent;
  height: 40px;
  padding: 0;
}
.carousel--full-width .carousel--bullet span {
  height: 12px;
  width: 15px;
  border-radius: 12px;
  border: 2px solid #343C46;
  background-color: #343C46;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.carousel--full-width .carousel--bullet.glide__bullet--active span {
  width: 30px;
  background-color: #4D5765;
  border-color: #4D5765;
}
@media (min-width: 992px) {
  .carousel--full-width .carousel--bullet {
    display: inline-block;
  }
}
.carousel--testimonials .carousel--description {
  text-align: center;
}
.carousel--testimonials .carousel--items {
  position: relative;
  flex: 0 0 50%;
  max-width: 600px;
}
.carousel--testimonials .carousel--controls {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
.carousel--testimonials .carousel--arrow {
  position: relative;
  line-height: 1;
  height: 48px;
  width: 48px;
  text-align: center;
  padding: 0;
  border: 0;
  margin: 0 8px;
}
.carousel--testimonials .carousel--arrow-button {
  height: 48px;
  width: 48px;
  display: block;
  border: 0;
  background-image: url(/themes/custom/s2d/assets/images/icons/svg/Carousel-Right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.carousel--testimonials .carousel--arrow-button:focus {
  outline: none;
}
.carousel--testimonials .carousel--arrow--left .carousel--arrow-button {
  background-image: url(/themes/custom/s2d/assets/images/icons/svg/Carousel-Left.svg);
}
.carousel--testimonials .content {
  transition: all 300ms;
  display: flex;
  height: 100%;
}
.carousel--testimonials .content.js-loaded {
  opacity: 0.5;
}
.carousel--testimonials .content--wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 0 0 24px 20px;
  z-index: 1;
}
.carousel--testimonials .content--wrapper:after {
  content: "";
  display: block;
  width: 80%;
  right: 50%;
  right: calc(50% + 10px);
  height: 50px;
  position: absolute;
  background: #2F3843;
  border-radius: 0 0 8px 8px;
  transform: translateX(-50%);
  bottom: 0;
  z-index: -1;
}
.carousel--testimonials .content--text {
  padding: 20px 15px;
  border-radius: 0 0 8px 8px;
  background: #1f242b;
  height: 100%;
}
.carousel--testimonials .content--text h3 {
  font: normal normal bold 20px/44px "CairoBold";
}
.carousel--testimonials .content--text:after, .carousel--testimonials .content--text:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}
.carousel--testimonials .content--text:before {
  height: 20px;
  width: 20px;
  background: transparent;
  bottom: 30%;
  right: 5px;
  border: 3px solid #FD6043;
  animation: moveTopBottom 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s infinite alternate-reverse;
}
.carousel--testimonials .content--text:after {
  height: 9px;
  width: 9px;
  background: #FD6043;
  top: 50%;
  left: 10%;
}
.carousel--testimonials .content--media {
  position: relative;
  background: linear-gradient(-180deg, transparent 0%, transparent 50%, #1f242b 50%, #1f242b 100%);
}
.carousel--testimonials .content--media:after, .carousel--testimonials .content--media:before {
  content: "";
  display: block;
  position: absolute;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}
.carousel--testimonials .content--media::before {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Hexagon.svg");
  top: 157px;
  height: 16px;
  width: 16px;
  left: -8px;
  animation: moveTopBottom 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite alternate-reverse;
}
.carousel--testimonials .content--media:after {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Inverted-Comma.svg");
  top: 85px;
  left: 21px;
  height: 30px;
  width: 23px;
  animation: animateZoom 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite alternate-reverse;
}
.carousel--testimonials .content .media-image--wrapper {
  background: orange;
  background: linear-gradient(-180deg, transparent 0%, transparent 50%, #F05133 50%, #F05133 100%);
  border-radius: 50%;
  overflow: hidden;
  width: 132px;
  height: 132px;
}
.carousel--testimonials .content .media-image--wrapper:after, .carousel--testimonials .content .media-image--wrapper:before {
  content: "";
  display: block;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  position: absolute;
}
.carousel--testimonials .content .media-image--wrapper:before {
  background: linear-gradient(270deg, transparent 0%, transparent 50%, #56B245 50%, #56B245 100%);
  top: 30%;
  right: 10px;
}
.carousel--testimonials .content .media-image--wrapper:after {
  background: linear-gradient(0deg, transparent 0%, transparent 50%, #FFB446 50%, #FFB446 100%);
  bottom: -25px;
  left: 52%;
}
.carousel--testimonials .glide__slide--active .content.js-loaded {
  opacity: 1;
}
.carousel--products .content--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
}
.carousel--products .content--media {
  max-width: 580px;
  text-align: left;
}
.carousel--products .content--text {
  flex: 0 0 58%;
  position: absolute;
  width: 700px;
  right: 0px;
  max-width: none;
  z-index: 1;
  top: 76px;
}
@media (min-width: 992px) {
  .carousel--full-width .content--wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
  }
  .carousel--full-width .content--media {
    min-width: 40%;
    max-width: 50%;
  }
  .carousel--full-width .content--text {
    max-width: 500px;
    margin-right: 87px;
    margin-left: auto;
    text-align: left;
    letter-spacing: 0px;
    text-transform: capitalize;
    opacity: 1;
    padding: 0;
  }
  .carousel--full-width .content--text h2 {
    font-size: 60px;
    line-height: 67px;
  }
  .carousel--testimonials {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
  }
  .carousel--testimonials .content--media:before {
    top: 334px;
    height: 36px;
    width: 41px;
    left: -24px;
  }
  .carousel--testimonials .content--media:after {
    top: 215px;
    left: 41px;
    height: 60px;
    width: 60px;
  }
  .carousel--testimonials .content--wrapper {
    padding: 0 20px;
  }
  .carousel--testimonials .content--wrapper:after {
    width: 87%;
    right: 50%;
  }
  .carousel--testimonials .content .media-image--wrapper {
    width: 348px;
    height: 348px;
  }
  .carousel--testimonials .content .media-image--wrapper:after, .carousel--testimonials .content .media-image--wrapper:before {
    height: 145px;
    width: 145px;
  }
  .carousel--testimonials .content .media-image--wrapper:before {
    top: 31%;
    right: 30px;
  }
  .carousel--testimonials .content .media-image--wrapper:after {
    left: 34%;
    bottom: -72px;
  }
  .carousel--testimonials .content--text {
    font: normal normal 600 18px/24px "Cairo";
    padding: 48px;
    padding-top: 80px;
    margin-bottom: 25px;
  }
  .carousel--testimonials .content--text h3 {
    font: normal normal 600 20px/44px "Cairo";
  }
  .carousel--testimonials .content--text h3 + p {
    font: normal normal normal 16px/32px "Cairo";
  }
  .carousel--testimonials .carousel--description {
    padding: 50px;
    max-width: 570px;
    text-align: right;
  }
  .carousel--testimonials .carousel--description h2 {
    font: normal normal bold 56px/64px "Cairo";
  }
  .carousel--testimonials .carousel--description h2 strong {
    font: normal normal bold 60px/64px "Poppins";
  }
  .carousel--testimonials .carousel--description h2 + p {
    font: normal normal normal 16px/32px "Cairo";
  }
  .carousel--testimonials .carousel--description p {
    font: normal normal normal 18px/24px "Cairo";
  }
  .carousel--testimonials .carousel--description p span {
    font: normal normal bold 16px/32px "Cairo";
  }
  .carousel--testimonials .carousel--controls {
    display: flex;
    bottom: 73px;
    left: 40px;
    margin-bottom: 0;
  }
}

.carousel--controls {
  direction: ltr;
}
.carousel--description {
  text-align: revert;
  padding: 0 20px;
}
.carousel--testimonials .content .media-image--wrapper:before {
  transform: scaleX(-1);
}
.carousel--testimonials .content--wrapper {
  padding: 0 20px 24px 0;
}
.carousel--testimonials .content--wrapper:after {
  width: 87%;
  transform: translateX(50%);
  z-index: -1;
}
@media (min-width: 992px) {
  .carousel--description {
    padding: 0;
  }
  .carousel--testimonials {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
  }
  .carousel--testimonials .content--media:before {
    left: -17px;
  }
  .carousel--testimonials .content--wrapper {
    padding: 0 20px 0 24px;
  }
  .carousel--full-width .content--text {
    text-align: revert;
  }
  .carousel--full-width .content--media {
    transform: scaleX(-1);
  }
  .carousel--full-width .content--wrapper {
    justify-content: space-between;
  }
}

.accordion {
  counter-reset: number;
}
.accordion--section {
  margin-top: 100px;
}
.accordion--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  padding: 0 14px 20px 12px;
}
.accordion--wrapper p {
  font: normal normal normal 12px/18px "Cairo";
}
.accordion dd {
  transition: all 0.2s ease-in-out;
  margin: 0 0 2px 0;
  padding: 0 40px;
  height: auto;
  color: #FFFFFFB3;
  font-size: 14px;
  line-height: 28px;
  font: normal normal normal 14px/20px "Cairo";
}
.accordion dt {
  display: flex;
  position: relative;
  align-items: flex-start;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  list-style-type: decimal;
  line-height: 29px;
  margin-top: 20px;
  font: normal normal bold 18px/24px "CairoBold";
}
.accordion dt:before {
  counter-increment: number;
  content: counter(number) " ";
  flex: 0 0 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
}
.accordion dt:after {
  content: "-";
  display: inline-block;
  transition: all 0.3s ease-in-out;
  line-height: 19px;
  vertical-align: middle;
  text-align: center;
  height: 19px;
  width: 19px;
  flex: 0 0 19px;
  font-size: 38px;
  margin-right: auto;
  margin-top: 7px;
}
.accordion dt:focus, .accordion dt[aria-expanded=true] {
  color: #FD6043;
  outline: none;
}
.accordion dt[aria-expanded=false]:after {
  content: "+";
}
.accordion dt[aria-expanded=false] + dd {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .accordion {
    padding-right: 40px;
    margin-top: 80px;
  }
  .accordion--wrapper p {
    font: normal normal normal 21px/39px "Cairo";
  }
  .accordion dt {
    font: normal normal bold 24px/29px "CairoBold";
    letter-spacing: -0.75px;
  }
  .accordion dt:before {
    margin-left: 27px;
  }
  .accordion dd {
    margin-bottom: 30px;
    padding: 0 40px 0 67px;
    font-size: 17px;
    font: normal normal normal 17px/28px "Cairo";
  }
}
.accordion--default .accordion {
  padding: 30px;
}
.accordion--default dt:before {
  display: flex;
  background: #222931;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding-right: 2px;
  position: relative;
  right: -8px;
}
@media (min-width: 992px) {
  .accordion--default .accordion {
    padding: 0;
  }
}
.accordion--sequenced {
  padding: 0 20px;
}
.accordion--sequenced .accordion--wrapper {
  background: #232931;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 100px;
}
.accordion--sequenced .accordion--wrapper > h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
.accordion--sequenced .accordion dt:after {
  width: 25px;
  flex: 0 0 25px;
}
@media (min-width: 992px) {
  .accordion--sequenced {
    padding: 0;
  }
  .accordion--sequenced .accordion {
    padding: 0 61px 0 12px;
  }
  .accordion--sequenced .accordion--wrapper {
    padding-bottom: 36px;
  }
  .accordion--sequenced .accordion--wrapper > h2 {
    font: normal normal bold 60px/70px "Cairo";
  }
}

.accordion dd {
  font: normal normal normal 17px/28px "Cairo";
}
.accordion dt:before {
  content: counter(number) " ";
}
@media (min-width: 992px) {
  .accordion dd {
    padding: 0 67px 0 40px;
  }
}
@media (min-width: 992px) {
  .accordion--sequenced .accordion {
    padding: 0 12px 0 61px;
  }
}

.calculator--form-wrapper .form-element--select-search {
  max-width: 100%;
}
.calculator--form-wrapper .button.large {
  margin-top: 35px;
  width: 222px;
  background: transparent linear-gradient(270deg, #F26247 0%, #CB3F23 100%) 0% 0% no-repeat;
}
.calculator--selected-countries {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.calculator--selected-countries span {
  display: inline-block;
  margin: 0 4px;
  align-items: center;
}
.calculator--selected-total, .calculator--selected-option {
  display: flex;
  justify-content: space-between;
  background-color: #343a44;
  padding: 10px;
}
.calculator--selected-total {
  background-color: #3D4450;
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}

.retail-outlets--container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
  padding-top: calc(100vh - 30px);
}
.retail-outlets--form {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 23px;
}
.retail-outlets--form .form-element--select-search {
  flex: 0 0 90px;
}
.retail-outlets--form .form-element--select-search .placeholder {
  background-color: #252D34;
}
.retail-outlets--form .form-element--text {
  margin-top: 10px;
  font: normal normal bold 14px/17px "CairoBold";
}
.retail-outlets--form .form-element--text-wrapper {
  flex: 1 1 100%;
  background-color: #1A1E26;
}
.retail-outlets--form .form-element--text-wrapper:nth-child(2) {
  margin-top: 0;
}
.retail-outlets--form .form-element.button {
  width: 91px;
  margin: 0;
  position: absolute;
  height: 34px;
  border-radius: 4px;
  left: 10px;
}
.retail-outlets--form .form-element.button .button--text-wrapper {
  margin: 0;
}
.retail-outlets--form .form-element.button .button--title {
  letter-spacing: 1.2px;
  font: normal normal bold 12px/15px "CairoBold";
}
.retail-outlets--section {
  margin-bottom: 50px;
}
.retail-outlets--section .google-map {
  width: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
}
.retail-outlets--loading {
  transition: all 0.3s ease-in-out;
  opacity: 0.1;
}
.retail-outlets--list {
  overflow-y: scroll;
  max-height: 500px;
}
.retail-outlets--list::-webkit-scrollbar {
  display: none;
}
.retail-outlets--dashboard {
  background-color: #1F242B;
  padding: 22px;
  position: relative;
  overflow: hidden;
  height: 665px;
  z-index: 2;
}
.retail-outlets--dashboard h2 {
  font: normal normal bold 28px/28px "CairoBold";
  margin-bottom: 12px;
  text-align: center;
}
.retail-outlets--dashboard .add-title {
  font: normal normal bold 12px/15px "CairoBold";
  text-transform: uppercase;
}
.retail-outlets--dashboard .add-text {
  font: normal normal normal 14px/17px "Cairo";
  color: #FFB446;
  margin-top: 10px;
  margin-bottom: 6px;
}
.retail-outlets--dashboard .add-city {
  font: normal normal normal 14px/17px "Cairo";
}
.retail-outlets--dashboard .add-sep {
  padding: 0 7px;
  vertical-align: middle;
}
.retail-outlets--details {
  padding-left: 40px;
}
.retail-outlets--wrapper {
  display: flex;
  font-size: 12px;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid transparent;
  background-color: #11151A;
  margin-bottom: 16px;
  cursor: pointer;
  position: relative;
}
.retail-outlets--wrapper.active, .retail-outlets--wrapper:hover {
  border-color: #EE6C4B;
}
.retail-outlets--wrapper:after {
  content: "";
  display: block;
  height: 21px;
  width: 21px;
  background-image: url(/themes/custom/s2d/assets/images/icons/svg/Arrow-Right.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  left: 20px;
  opacity: 0.3;
}
.retail-outlets--image {
  height: 80px;
  width: 80px;
  flex: 0 0 80px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 4px;
  margin-left: 8px;
  object-fit: contain;
  background-color: skyblue;
}
@media (min-width: 992px) {
  .retail-outlets--section {
    min-height: 715px;
  }
  .retail-outlets--section .google-map {
    height: 100%;
  }
  .retail-outlets--dashboard {
    position: absolute;
    width: 489px;
    top: 25px;
    right: 25px;
  }
  .retail-outlets--container {
    padding-top: 0;
  }
}

.track-shipment {
  text-align: left;
}
.track-shipment .form {
  display: flex;
  justify-content: center;
  width: fit-content;
  position: relative;
  margin: auto;
  margin-bottom: 70px;
}
.track-shipment .form .form-label {
  font: normal normal bold 14px/17px "CairoBold";
}
.track-shipment .form-element--text {
  margin-top: 13px;
  color: #000000;
}
.track-shipment .form-element--text-wrapper {
  background: #F6F7FA;
  max-width: 100%;
}
.track-shipment .form-element.button {
  margin: 0;
      background: #0057FF;
    border-radius: unset;
        height: auto;
    width: 60px;
}
.track-shipment .form-element.button .button--text-wrapper {
  margin-left: 0;
}
.track-shipment .form-element.button .button--title {
  font-size: 0;
}
.track-shipment .form-element--modal--wrapper {
  min-width: 80%;
}
@media (min-width: 992px) {
  .track-shipment .form-element--modal--wrapper {
    min-width: 60%;
  }
}
.track-shipment .form-element--modal--wrapper .histories {
  overflow-y: scroll;
  max-height: 80vh;
}
.track-shipment .wrapper {
  display: flex;
  flex-wrap: wrap;
}
.track-shipment .description,
.track-shipment .histories {
  flex: 0 0 100%;
}
.track-shipment .status,
.track-shipment .summary {
  background-color: #F6F7FA;
  border-radius: 4px;
  margin-bottom: 25px;
}
.track-shipment .details {
  display: flex;
  flex-wrap: wrap;
}
.track-shipment .details-column {
  flex: 0 1 50%;
  padding: 15px;
}
.track-shipment .header {
  padding: 8px 12px;
  background-color: #0057FF;
  height: 60px;
}
.track-shipment .header .font-style-hero-banner-cta-support-text {
  font: normal normal normal 12px/14px "Poppins";
  letter-spacing: 0;
  margin-top: 3px;
}
.track-shipment .header .headline {
  font: normal normal bold 16px/29px "CairoBold";
}
.track-shipment .entry-title {
  font-size: 14px;
  color: #737477;
}
.track-shipment .entry-value { 
  font-size: 18px;
}
.details-column:first-of-type {
    color: #0057FF;
}
.track-shipment .histories {
  text-align: left;
}
.track-shipment .history {
  display: flex;
  align-items: center;
  margin-bottom: 56px;
  position: relative;
  z-index: 1;
}
.track-shipment .history--headline {
  font-size: 32px;
  margin-bottom: 60px;
  font-weight: 600;
  margin-top: 80px;
}
.track-shipment .history--eta {
  margin-bottom: 20px;
  font: normal normal normal 14px/20px "Cairo";
  border-bottom: 2px solid #FD6043;
  width: fit-content;
}
.track-shipment .history--wrapper {
  position: relative;
  margin-top: 20px;
}
.track-shipment .history--wrapper:before {
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  content: "";
  border-right: 2px dashed orange;
  bottom: 0;
  min-height: 300px;
  position: absolute;
  right: 16px;
  opacity: 0.4;
  display: none;
}
.track-shipment .history .icon {
  height: 32px;
  width: 32px;
  overflow: hidden;
  margin-left: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #11151a;
  flex: 0 0 32px;
}
.track-shipment .history .text {
  font-size: 14px;
  margin-right: 45px;
}
.track-shipment .history .text-date {
  font: normal normal 14px/21px "Poppinssemibold";
}

.track-shipment .status-PROCESSED,
.track-shipment .status-DEPARTED,
.track-shipment .status-DF,
.track-shipment .status-1 {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/StatusID1.svg");
}
.track-shipment .status-IC,
.track-shipment .status-CR,
.track-shipment .status-HIP,
.track-shipment .status-HOP,
.track-shipment .status-AF,
.track-shipment .status-SMS,
.track-shipment .status-DEX29,
.track-shipment .status-RTOPS,
.track-shipment .status-2 {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/StatusID2.svg");
}
.track-shipment .status-SOP,
.track-shipment .status-RTI,
.track-shipment .status-SMS,
.track-shipment .status-3 {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/StatusID3.svg");
}
.track-shipment .status-DL,
.track-shipment .status-4 {
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/StatusID4.svg");
}
@media (min-width: 992px) {
  .track-shipment .description,
.track-shipment .histories {
    flex: 0 0 40%;
  }
  .track-shipment .histories {
    margin-right: 40px;
  }
  .track-shipment .form {
    margin-bottom: 80px;
  }
}

.form-element.button {
  margin-top: 30px;
}
.form-element.button.block {
  width: 100%;
}
.form-element.button.red.small {
  background: #0057FF;
}
.form-element.button.red.small .button--title {
  font: normal normal bold 14px/17px "CairoBold";
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.form-element--wrapper.error {
  background-color: rgba(255, 0, 0, 0.2);
}
.form-element--select {
  cursor: pointer;
  background: transparent;
  padding: 0 20px;
}
.form-element--select option {
  color: #1A1E26;
}
.form-element--select--block {
  min-width: 350px;
  display: block;
}
.form-element--textarea-wrapper, .form-element--text-wrapper {
  position: relative;
  width: 100%;
  border-radius: 4px;
}
.form-element--textarea-wrapper .form-element, .form-element--text-wrapper .form-element {
  background: transparent;
  width: 100%;
}
.form-element--textarea-wrapper .form-label, .form-element--text-wrapper .form-label {
  position: absolute;
  top: 31px;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  font: normal normal normal 20px/28px "Cairo";
  color: #B9BABC;
  letter-spacing: 0.12px;
}
.form-element--textarea-wrapper .form-label.active, .form-element--text-wrapper .form-label.active {
  font: normal normal normal 10px/12px "Cairo";
  top: 8px;
  right: 10px;
  transform: none;
}
.form-element--textarea-wrapper:not(:first-child), .form-element--text-wrapper:not(:first-child) {
  margin-top: 15px;
}
.form-element--text-wrapper {
  height: 60px;
}
.form-element--text, .form-element--textarea {
  border: 0;
  margin-top: 18px;
  padding: 0 12px;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}
.form-element--text {
  background: #1A1E26 0% 0% no-repeat padding-box;
  height: 46px;
  color: #FFFFFF;
  height: 22px;
}
.form-element--text.select {
  border-radius: 0;
  width: 100%;
}
.form-element--text:focus {
  outline: none;
}
.form-element--textarea {
  width: 350px;
  max-width: 100%;
  height: 80px;
}
.form-element--textarea:focus {
  outline: none;
}
.form-element--textarea::-webkit-scrollbar {
  display: none;
}
.form-elements--inline {
  display: flex;
}
.form-elements--inline:not(:first-child) {
  margin-top: 15px;
}
.form-elements--inline .form-element--wrapper:first-child {
  margin-left: 100px;
}
.form-elements--inline .form-element--wrapper:last-child {
  width: 350px;
    border-bottom: 1px solid #99B527;
}
.form-element--select-search {
  position: relative;
}

.form-element--select-search .placeholder,
.form-element--select-search .option {
  cursor: pointer;
}
.form-element--select-search .placeholder {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-element--select-search .placeholder:after {
  position: absolute;
  left: 20px;
  transition: all 0.3s ease-in-out;
}
.form-element--select-search .text-wrapper {
  font: normal normal normal 21px/26px "Cairo";
}
.form-element--select-search .label {
  display: block;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  font: normal normal 300 21px/26px "Cairo";
}
.form-element--select-search .label.inactive {
  position: absolute;
  top: 8px;
  font: normal normal normal 12px/12px "Cairo";
}
.form-element--select-search .option {
  line-height: 60px;
}
.form-element--select-search .dropdown {
  position: absolute;
  max-height: 30vh;
  right: 0;
  left: 0;
  z-index: 2;
  overflow-y: scroll;
  border-radius: 0 0 4px 4px;
}
.form-element--select-search .dropdown::-webkit-scrollbar {
  display: none;
}
.form-element--select-search .dropdown .form-element--text-wrapper {
  border-radius: 0;
}
.form-element--select-search.inline {
  margin: 0;
  min-width: 80px;
  display: inline-block;
}
.form-element--select-search.inline:after {
  content: "›";
  display: inline-block;
  transform: rotate(90deg);
  height: 4px;
  width: 7px;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 20px;
}
.form-element--select-search.inline .text-wrapper {
  font: normal normal normal 14px/17px "Cairo";
}
.form-element--select-search.inline .option,
.form-element--select-search.inline .placeholder {
  height: 46px;
  padding: 0 10px;
}
.form-element--select-search.inline .placeholder {
  border-radius: 0 4px 4px 0;
  padding-left: 50px;
}
.form-element--select-search.inline .dropdown .option {
  padding-right: 30px;
  line-height: 40px;
}
.form-element--select-search.inline .dropdown .option:after, .form-element--select-search.inline .dropdown .option:before {
  content: "";
  position: absolute;
  z-index: 1;
}
.form-element--select-search.inline .dropdown .option:before {
  right: 9px;
  top: 13px;
  display: inline-block;
  width: 3px;
  height: 8px;
  z-index: 2;
  opacity: 0.2;
  border: 0.5px solid #ffffff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.form-element--select-search.inline .dropdown .option:after {
  background: #15191F;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  right: 4px;
}
.form-element--select-search.block {
  height: 60px;
  min-width: 320px;
  display: block;
}
.form-element--select-search.block .option,
.form-element--select-search.block .placeholder {
  padding: 0 20px;
  height: 60px;
  background-color: #43474d;
}
.form-element--select-search.block .placeholder {
  border-radius: 10px;
  padding-left: 50px;
}
.form-element--select-search.block-small {
  height: 46px;
  width: 350px;
  display: block;
  border-bottom: 1px solid #99B527;
}
.form-element--select-search.block-small .option,
.form-element--select-search.block-small .placeholder {
  height: 46px;
  padding: 0 10px;
  font: normal normal normal 14px/46px "Cairo";
}
.form-element--select-search.block-small .option:after,
.form-element--select-search.block-small .placeholder:after {
  opacity: 0.3;
}
.form-element--select-search.block-small .placeholder {
  padding-left: 40px;
  border-radius: 4px;
}
.form-element--select-search.block-small .placeholder:after {
  left: 10px;
}
.form-element--select-search.block-small .label {
  font: normal normal 300 14px/16px "Cairo";
}
.form-element--select-search.block-small .label.inactive {
  top: 7px;
  font: normal normal normal 10px/12px "Cairo";
}
.form-element--select-search.block-small .text-wrapper {
  margin-top: 14px;
  font: normal normal normal 14px/17px "Cairo";
}
.form-element--select-search.active .placeholder {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-element--select-search.active .placeholder:after {
  transform: rotate(180deg);
}
.form-element--modal {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-element--modal-body--open {
  overflow: hidden;
}
.form-element--modal--wrapper {
  width: 340px;
  max-width: 100%;
  position: relative;
  padding: 20px;
  height: auto;
  background: transparent linear-gradient(139deg, #252D38 80%, #000000 100%) 0% 0% no-repeat padding-box;
  border-radius: 8px;
}
.form-element--modal--headline {
  margin: 0 0 20px 0;
  letter-spacing: 0px;
  color: #FFB446;
  text-align: center;
  font-size: 22px;
  line-height: 26px;
  font-weight: bolder;
}
@media (min-width: 992px) {
  .form-element--modal--headline {
    font-size: 22px;
  }
}
.form-element--modal--close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (min-width: 992px) {
  .form-element--modal--wrapper {
    width: 390px;
  }
}

.messages {
  z-index: 1;
  position: relative;
}

.google-map--info {
  color: #1A1E26;
}
.google-map .gmnoprint {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #1A1E26 inset;
  background-clip: content-box !important;
}

.contact--form-wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  display: flex;
  padding: 39px 0 38px 0;
  padding-top: 90vh;
}
.contact--form {
  width: 390px;
  background: #252D38;
  padding: 20px;
  z-index: 9;
  background: #ffffff;
  border-radius: 8px;
}
.contact--form h2 {
  text-align: left;
  font: normal normal bold 22px/27px "MontserratSemiBold";
}
.contact--form .form-element.button {
  margin-top: 30px;
}
.contact--form .form-element.button .button--title {
  font: normal normal bold 14px/18px "MontserratSemiBold";
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.contact--container .google-map {
  width: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
}
@media (min-width: 992px) {
  .contact--form-wrapper {
    padding: 39px 38px 39px 40px;
  }
  .contact--container .google-map {
    height: auto;
  }
}

.newsletter--form {
  position: relative;
}
.newsletter--container {
  max-width: 458px;
  margin: auto;
}
.newsletter--container .button--title {
  font-size: 14px;
}
.newsletter--container .button.form-element {
  margin: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent linear-gradient(259deg, #56B245 0%, #2B5923 100%) 0% 0% no-repeat padding-box;
  width: 118px;
  height: 48px;
  text-align: center;
}

.page {
  font-family: 'Jali Arabic', sans-serif;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  background-color: #ffffff;
  color: white;
  font-weight: normal;
}

[dir=ltr] {
  font-family: 'Jali Arabic', sans-serif;
  font-weight: normal;
  font-size: 13px;
}
[dir=ltr] b,
[dir=ltr] strong {
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}
[dir=ltr] i,
[dir=ltr] em {
  font-family: 'Jali Arabic', sans-serif;
  font-style: italic;
}

@media (min-width: 992px) {
  [dir=ltr] {
    font-size: 18px;
    line-height: 24px;
  }
}
#page-58 main,
#page-63 main,
#page-61 main {
  padding-left: 20px;
  padding-right: 20px;
}

#page-13 {
  overflow: hidden;
}

@media (min-width: 992px) {
  #feature-107 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: -65px;
    top: -34px;
    background-position: center 35px;
  }
  #feature-107 .feature--details {
    margin-right: 85px;
    margin-top: 20px;
  }
  #feature-107 .feature--details h2 {
    margin-top: -12px;
  }
  #feature-107 .feature--cta-wrapper {
    margin-top: 10px;
  }
  #feature-107 .feature--cta-wrapper .button {
    min-width: 340px;
  }
  #feature-107 .feature--wrapper {
    min-height: 715px;
  }
  #feature-107 .feature--media {
    max-width: calc(50% - 85px);
    margin-left: -10px;
    margin-top: -41px;
    margin-right: 10px;
  }
  #feature-107 .feature--media .media-image {
    display: block;
  }
  #feature-107 .feature--media .media-image img {
    max-width: 641px;
  }
  #feature-107 .feature--media .media-image--wrapper {
    transform: translateX(-85px);
  }
}

#feature-30 {
  position: relative;
  background-color: #1f242b;
  padding-top: 37px;
  padding-bottom: 45px;
}
#feature-30.js-loaded,
#feature-30 .js-loaded {
  transition: all 0.3s ease-in-out;
}
#feature-30 h2 {
  font-size: 20px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-30 .feature--content .content {
  border-right: 5px solid #2AD5D0;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.42, 0, 0.15, 1.4);
  transition-delay: 0s;
}
#feature-30 .feature--content .content--media {
  flex: 0 0 100px;
  align-items: flex-start;
}
#feature-30 .feature--content .content img,
#feature-30 .feature--content .content .media-image {
  width: 100px;
  height: auto;
  object-fit: contain;
  display: block;
}
#feature-30 .feature--content .content--wrapper {
  align-items: center;
}
#feature-30 .feature--content .content h3 {
  font: normal normal normal 18px/22px "Cairo";
  margin-bottom: 7px;
}
#feature-30 .feature--content .content p {
  font: normal normal normal 14px/20px "Cairo";
  margin-bottom: 0;
}
#feature-30 .feature--content .content + .content {
  padding-top: 45px;
}
#feature-30 .feature--content .content.js-loaded {
  opacity: 0.1;
}
#feature-30 .feature--content .content.js-loaded.js-active {
  opacity: 1;
}
#feature-30 .feature--content .content.js-loaded.js-active:nth-child(2) {
  transition-delay: 500ms;
}
#feature-30 .feature--content .content.js-loaded.js-active:nth-child(3) {
  transition-delay: 1000ms;
}
#feature-30 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
}
#feature-30 .feature--wrapper:after {
  content: "";
  display: block;
  background-image: url("/static/images/Paperplane@2x.png");
  height: 150px;
  width: 161px;
  background-size: 100%;
  position: absolute;
  top: -100px;
  right: -20px;
  transition: all 1s ease-in-out;
}
#feature-30 .feature--wrapper .button {
  width: 340px;
}
#feature-30.js-loaded:after {
  transition-delay: 900ms;
  right: -100px;
}
#feature-30.js-active:after {
  right: 0;
}
@media (min-width: 992px) {
  #feature-30:after {
    height: 200px;
    width: 200px;
    top: 100px;
    right: 0;
  }
  #feature-30 h2 {
    font-size: 36px;
    max-width: 985px;
    margin: auto;
    font: normal normal 34px/40px "PoppinsSemiBold";
    margin-top: -5px;
  }
  #feature-30 .feature--content {
    max-width: 1079px;
  }
  #feature-30 .feature--content .content {
    flex: 0 0 33%;
    padding: 0 30px 48px 30px;
    margin-bottom: -4px;
    border-right: 0;
    border-bottom: 5px solid transparent;
    border-bottom-color: #2AD5D0;
  }
  #feature-30 .feature--content .content img,
#feature-30 .feature--content .content .media-image {
    width: auto;
    height: 113px;
    margin: auto;
    display: block;
    object-fit: contain;
  }
  #feature-30 .feature--content .content + .content {
    padding-top: 0;
  }
  #feature-30 .feature--content .content:first-child {
    padding-right: 0;
    padding-left: 59px;
  }
  #feature-30 .feature--content .content:last-child {
    padding-left: 0;
    padding-right: 59px;
  }
  #feature-30 .feature--content .content.js-active {
    opacity: 1;
  }
  #feature-30 .feature--content .content h3 {
    font: normal normal normal 25px/34px "Cairo";
    margin-bottom: 15px;
  }
  #feature-30 .feature--content .content p {
    font: normal normal normal 18px/24px "Cairo";
  }
  #feature-30 .feature--wrapper:after {
    top: 51px;
    left: -19px;
  }
}

#feature-31 {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#feature-31:after {
  content: "";
  background: #1f242b;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
#feature-31 .feature--media {
  position: absolute;
  bottom: -50px;
  z-index: 1;
  width: 200px;
  left: -50px;
}
#feature-31 .feature--media .media-image {
  display: block;
  transform-origin: right;
  transition: all 300ms ease-in-out;
}
#feature-31 .feature--media .media-image.js-loaded {
  transform: translateX(200px);
}
#feature-31 .feature--media .media-image.js-active {
  transform: translateX(0px);
}
#feature-31 .feature--title {
  font-size: 20px;
  text-align: center;
}
#feature-31 .feature--title p .eyebrow {
  font: normal normal normal 12px/18px "Cairo";
  letter-spacing: 2.4px;
}
#feature-31 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-31 .feature--content > .content:last-child {
  margin-left: auto;
}
#feature-31 .feature--content .content {
  transition: all 0.8s;
}
#feature-31 .feature--content .content.js-loaded {
  transform: rotateY(50deg);
  transform-style: preserve-3d;
}
#feature-31 .feature--content .content.js-active {
  transform: rotateY(0deg);
}
#feature-31 .feature--content .content .eyebrow {
  font: normal normal normal 12px/16px "Poppins";
}
#feature-31 .feature--details {
  z-index: 1;
}
#feature-31 .feature--details .content--wrapper {
  padding: 15px;
  text-align: center;
}
#feature-31 .feature--details .media-image {
  width: 69px;
  display: block;
  margin: auto;
}
#feature-31 .feature--details .media-image--wrapper {
  text-align: center;
}
#feature-31 .feature--details .button {
  margin-right: 0;
}
@media (min-width: 992px) {
  #feature-31:after {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  #feature-31 .feature--title {
    max-width: 550px;
    text-align: right;
  }
  #feature-31 .feature--title p .eyebrow {
    font: normal normal normal 14px/18px "Cairo";
  }
  #feature-31 .feature--title h2 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-31 .feature--media {
    position: relative;
    bottom: -80px;
    left: 0;
  }
  #feature-31 .feature--details {
    margin-left: auto;
    margin-right: 61px;
  }
  #feature-31 .feature--details .button {
    margin-right: 0;
  }
  #feature-31 .feature--details .button + .button {
    margin-right: 30px;
  }
  #feature-31 .feature--details .media-image {
    width: 142px;
  }
  #feature-31 .feature--content {
    justify-content: left;
  }
  #feature-31 .feature--content .content .eyebrow {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 3.2px;
    font: normal normal bold 16px/24px "CairoBold";
  }
}

#feature-42 {
  margin-bottom: 100px;
  padding-top: 80px;
  z-index: 1;
}
#feature-42 .media-image {
  transition: all 1s;
  width: 130px;
  max-width: 130px;
}
#feature-42 .media-image.js-loaded {
  transform: translate(-100px, -50px) rotate(15deg);
  transform-origin: center;
}
#feature-42 .media-image.js-active {
  transform: translate(0px, 0px) rotate(0deg) scale(1.5);
}
#feature-42 .button {
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
  margin-top: 35px;
  width: 222px;
}
#feature-42 .button--title {
  font: normal normal normal 21px/25px "CairoBold";
}
#feature-42 .feature--cta-wrapper {
  margin-bottom: 50px;
}
#feature-42 .feature--title .eyebrow {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-42 .feature--title h3 {
  font-size: 20px;
  margin-bottom: 25px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-42 .feature--title p {
  font-size: 14px;
  line-height: 20px;
  font: normal normal normal 14px/20px "Cairo";
}
#feature-42 .feature--media {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
  top: -100px;
}
#feature-42:after {
  content: "";
  background: #1f242b;
  clip-path: polygon(0 0, 100% 11%, 100% 90%, 0% 100%);
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 992px) {
  #feature-42 {
    position: relative;
    padding-top: 11%;
  }
  #feature-42 .feature--title {
    margin: auto;
    max-width: 742px;
  }
  #feature-42 .feature--title .eyebrow {
    font: normal normal normal 18px/23px "Cairo";
  }
  #feature-42 .feature--title h3 {
    margin-bottom: 50px;
    font: normal normal bold 40px/45px "CairoBold";
    margin-top: 30px;
  }
  #feature-42 .feature--title p {
    font: normal normal normal 18px/24px "Cairo";
  }
  #feature-42 .media-image {
    transition: all 1s;
    width: 100%;
    max-width: 100%;
  }
  #feature-42 .media-image--wrapper {
    max-width: 100%;
    margin: auto;
    margin-bottom: -200px;
  }
  #feature-42 .media-image.js-loaded {
    transform: scale(0.2) rotate(15deg);
  }
  #feature-42 .media-image.js-active {
    transform: scale(1) rotate(0deg);
  }
}

#feature-45 h2 {
  width: 70%;
  margin: auto;
}

#feature-45 {
  margin-top: 160px;
}

#feature-83,
#feature-45 {
  margin-top: 100px;
}
#feature-83 .feature--wrapper,
#feature-45 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-83 .feature--title,
#feature-45 .feature--title {
  margin-bottom: 60px;
}
#feature-83 .feature--title h2,
#feature-45 .feature--title h2 {
  font-size: 20px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-83 .feature--title p,
#feature-45 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-83 .feature--media,
#feature-45 .feature--media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#feature-83 .feature--media .media-image,
#feature-45 .feature--media .media-image {
  transition: all 0.3s ease-in-out;
  transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1);
}
#feature-83 .feature--media .media-image.js-loaded,
#feature-45 .feature--media .media-image.js-loaded {
  transform: scale(0.2);
}
#feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
  flex: 0 0 20%;
  padding: 10px;
}
#feature-83 .feature--media .media-image--wrapper:nth-child(odd) .media-image.js-active,
#feature-45 .feature--media .media-image--wrapper:nth-child(odd) .media-image.js-active {
  transform: scale(1);
}
#feature-83 .feature--media .media-image--wrapper:nth-child(even) .media-image.js-active,
#feature-45 .feature--media .media-image--wrapper:nth-child(even) .media-image.js-active {
  transform: scale(1);
}
@media (min-width: 992px) {
  #feature-83 .feature--media,
#feature-45 .feature--media {
    padding-left: 60px;
    padding-right: 60px;
  }
  #feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
    flex: 1 1 16%;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  #feature-83 .feature--title h2,
#feature-45 .feature--title h2 {
    font-size: 60px;
    line-height: 70px;
    font: normal normal bold 60px/70px "CairoBold";
    max-width: 800px;
    /* margin: auto; */
    margin: 0 auto 30px;
  }
  #feature-83 .feature--title p,
#feature-45 .feature--title p {
    font: normal normal normal 18px/24px "Cairo";
  }
  #feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
    flex: 1 1 11%;
  }
}

#carousel-43 .carousel--description {
  padding: 0 10px 0 30px;
}

#feature-40 h2,
#feature-40 h1 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-40 #content-21.js-loaded .issue {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
#feature-40 #content-21.js-active .issue {
  opacity: 1;
}
#feature-40 #content-21.js-active .issue--1 {
  transition-delay: 300ms;
}
#feature-40 #content-21.js-active .issue--2 {
  transition-delay: 600ms;
}
#feature-40 #content-21.js-active .issue--3 {
  transition-delay: 900ms;
}
#feature-40 #content-21.js-active .issue--4 {
  transition-delay: 1200ms;
}
#feature-40 #content-21.js-active .issue--5 {
  transition-delay: 1500ms;
}
#feature-40 #content-21.js-active .issue--6 {
  transition-delay: 1800ms;
}
#feature-40 #content-21 .content--text {
  position: relative;
}
#feature-40 #content-21 .content--text:before, #feature-40 #content-21 .content--text:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background: #FD6043;
  left: 0;
  top: 0;
}
#feature-40 #content-21 .content--text:before {
  right: 0;
  left: auto;
  top: auto;
  bottom: 0;
}
#feature-40 #content-21 .content--description {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-40 #content-21 .issue {
  width: 50%;
  margin-right: auto;
  display: flex;
  align-items: center;
  z-index: 9;
}
#feature-40 #content-21 .issue--text {
  padding: 10px 20px;
  font: normal normal 300 16px/18px "Cairo";
}
#feature-40 #content-21 .issue--icon {
  transform: translateX(-50%);
}
#feature-40 #content-21 .issue--arrow {
  min-width: 50px;
  height: 2px;
  background: #fd6043;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: -30px;
  margin-left: -10px;
}
#feature-40 #content-21 .issue--arrow:before, #feature-40 #content-21 .issue--arrow:after {
  content: "";
  background: black;
  display: block;
  border: 2px solid #fd6043;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
#feature-40 #content-21 .issue--arrow:before {
  box-shadow: 2px 1px 14px 1px #fd6043;
}
#feature-40 #content-21 .issue--arrow:after {
  height: 4px;
  width: 4px;
  top: auto;
  bottom: 0;
  background-color: #fd6043;
}
#feature-40 #content-21 .issue:nth-child(even) {
  margin-left: auto;
  margin-right: 0;
  flex-direction: row-reverse;
}
#feature-40 #content-21 .issue:nth-child(even) .issue--text {
  text-align: right;
}
#feature-40 #content-21 .issue:nth-child(even) .issue--icon {
  transform: translateX(50%);
}
#feature-40 #content-21 .issue:nth-child(even) .issue--arrow {
  flex-direction: row-reverse;
  margin-right: -10px;
  margin-left: -30px;
}
#feature-40 #content-21 .issue:nth-child(even) .issue--arrow:after {
  height: 20px;
  width: 20px;
  box-shadow: 2px 1px 14px 1px #fd6043;
  background-color: black;
}
#feature-40 #content-21 .issue:nth-child(even) .issue--arrow:after {
  height: 4px;
  width: 4px;
  background-color: #fd6043;
}
#feature-40 #content-21 .issue--wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 50px 0;
}
#feature-40 #content-21 .issue--wrapper::after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 100%;
  background: #FD6043;
  top: 0;
  right: 50%;
}
@media (min-width: 992px) {
  #feature-40 #content-21 .content--text:after, #feature-40 #content-21 .content--text:before {
    content: none;
    display: none;
  }
  #feature-40 #content-21 .content--description {
    font: normal normal normal 18px/24px "Cairo";
  }
  #feature-40 #content-21 .issue {
    flex: 0 0 16%;
    width: 16%;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  #feature-40 #content-21 .issue--text {
    margin: 10px auto;
    padding: 0;
    font: normal normal 300 18px/22px "Cairo";
  }
  #feature-40 #content-21 .issue--icon {
    position: absolute;
    right: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    font-size: 23px;
  }
  #feature-40 #content-21 .issue--arrow {
    position: relative;
    width: 2px;
    min-width: auto;
    height: 50px;
    background: #fd6043;
    margin-right: 0;
    margin-left: 0;
  }
  #feature-40 #content-21 .issue--arrow:before, #feature-40 #content-21 .issue--arrow:after {
    content: "";
    position: absolute;
    background: black;
    display: block;
    border: 2px solid #fd6043;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  #feature-40 #content-21 .issue--arrow:before {
    transform: translate(-50%, -50%);
    box-shadow: 2px 1px 14px 1px #fd6043;
  }
  #feature-40 #content-21 .issue--arrow:after {
    height: 4px;
    width: 4px;
    top: auto;
    bottom: 0;
    background-color: #fd6043;
  }
  #feature-40 #content-21 .issue:nth-child(odd) {
    transform: translateY(50%);
  }
  #feature-40 #content-21 .issue:nth-child(even) {
    transform: translateY(-50%);
    flex-direction: column-reverse;
  }
  #feature-40 #content-21 .issue:nth-child(even) .issue--text {
    text-align: center;
  }
  #feature-40 #content-21 .issue:nth-child(even) .issue--icon {
    position: absolute;
    right: 50%;
    transform: translate(-50%, 50%);
    z-index: 9999;
    bottom: 0;
  }
  #feature-40 #content-21 .issue:nth-child(even) .issue--arrow {
    top: auto;
    margin-right: 0;
    margin-left: 0;
  }
  #feature-40 #content-21 .issue:nth-child(even) .issue--arrow:after {
    height: 20px;
    width: 20px;
    top: auto;
    bottom: 0;
    transform: translate(-50%, 50%);
    box-shadow: 2px 1px 14px 1px #fd6043;
  }
  #feature-40 #content-21 .issue:nth-child(even) .issue--arrow:before {
    height: 4px;
    width: 4px;
    top: 0;
    bottom: auto;
    background-color: #fd6043;
    box-shadow: none;
  }
  #feature-40 #content-21 .issue--wrapper {
    display: flex;
    position: relative;
    padding: 0 10%;
    flex-direction: row;
    padding: 0;
    margin: 120px 0;
    margin-bottom: 200px;
  }
  #feature-40 #content-21 .issue--wrapper::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #FD6043;
    top: 50%;
    right: 0;
  }
}
#feature-40 .feature--content {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-40 .feature--description p {
  font: normal normal normal 12px/18px "Cairo";
}
@media (min-width: 992px) {
  #feature-40 h2,
#feature-40 h1 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-40 .feature--details {
    margin-right: auto;
    margin-left: 41px;
    max-width: 97%;
    flex: 0 0 1;
    display: flex;
  }
  #feature-40 .feature--title {
    flex: 0 0 44%;
  }
  #feature-40 .feature--description {
    font: normal normal normal 18px/24px "Cairo";
    flex: 0 0 46%;
    margin-left: 86px;
  }
  #feature-40 .feature--description p {
    font: normal normal normal 18px/24px "Cairo";
  }
}

#feature-32 {
  overflow: hidden;
}
#feature-32 #media-image-54 {
  position: absolute;
  z-index: -11;
  right: 50px;
  bottom: 73px;
}
#feature-32 #media-image-54 .media-image {
  display: block;
  width: 180px;
}
@media (min-width: 992px) {
  #feature-32 #media-image-54 {
    display: inline-block;
    position: relative;
    top: initial;
    z-index: 1;
    right: 10px;
    bottom: -4px;
  }
}
#feature-32 #media-image-55 {
  display: none;
}
@media (min-width: 992px) {
  #feature-32 #media-image-55 {
    display: block;
    position: absolute;
    width: fit-content;
  }
}
#feature-32 #rocket-path-svg-1-clone,
#feature-32 #rocket-path-svg-1 {
  display: none;
  fill: none;
  stroke: #1F242B;
  stroke-width: 3px;
  stroke-miterlimit: 10;
  stroke-dasharray: 3px, 8px;
}
#feature-32 #rocket-path-svg-1-clone-wrapper,
#feature-32 #rocket-path-svg-1-wrapper {
  position: absolute;
  top: 95px;
  width: 103%;
  left: 98px;
}
#feature-32 #rocket-path-svg-1-clone-container,
#feature-32 #rocket-path-svg-1-container {
  height: 0;
  position: relative;
}
#feature-32 #rocket-path-svg-1-clone {
  stroke: #d8133e;
  stroke-width: 2px;
  stroke-miterlimit: 10;
  stroke-dasharray: 0;
}
#feature-32 .feature--title h2,
#feature-32 .feature--title h3 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-32 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-32 .feature--content {
  /** Waiting for animation from UX **/
  z-index: 2;
  position: relative;
}
#feature-32 .feature--content .content {
  flex: 0 0 90%;
}
#feature-32 .feature--content .content--text h3 {
  font: normal normal bold 18px/22px "CairoBold";
  margin-bottom: 8px;
}
#feature-32 .feature--content .content--text p {
  font: normal normal normal 14px/20px "Cairo";
}
#feature-32 .feature--wrapper {
  padding-bottom: 200px;
}
@media (min-width: 992px) {
  #feature-32 {
    padding-top: 1px;
  }
  #feature-32 #rocket-path-svg-1-clone,
#feature-32 #rocket-path-svg-1 {
    display: block;
  }
  #feature-32 .feature--description {
    position: absolute;
    top: 500px;
    right: 0;
    left: 0;
    min-height: 220px;
  }
  #feature-32 .feature--content {
    display: block;
    transform: translateX(0);
    left: -11px;
  }
  #feature-32 .feature--content .content {
    margin-top: 72px;
  }
  #feature-32 .feature--content .content--text h3 {
    font: normal normal bold 24px/28px "CairoBold";
  }
  #feature-32 .feature--content .content--text h3 strong {
    font: normal normal 26px/28px "poppinssemibold";
  }
  #feature-32 .feature--content .content--text p {
    font: normal normal normal 16px/24px "Cairo";
  }
  #feature-32 .feature--content .content.js-loaded:nth-child(odd) .content--text {
    transition: all 2s;
    transform: translateX(-100px) scale(0.7);
    opacity: 0.2;
  }
  #feature-32 .feature--content .content.js-loaded:nth-child(even) .content--text {
    opacity: 0.2;
    transition: all 2s;
    transform: translateX(100px) scale(0.7);
  }
  #feature-32 .feature--content .content.js-active:nth-child(odd) .content--text {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  #feature-32 .feature--content .content.js-active:nth-child(even) .content--text {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  #feature-32 .feature--wrapper {
    position: relative;
    margin-top: 90px;
  }
  #feature-32 .feature--title {
    position: relative;
  }
  #feature-32 .feature--title h3 {
    font: normal normal bold 34px/40px "CairoBold";
    margin-top: 55px;
    margin-bottom: 155px;
  }
  #feature-32 .feature--title h2 {
    max-width: 896px;
    margin: -28px auto 10px;
    font: normal normal 60px/70px "Poppins-semibold";
  }
  #feature-32 .feature--title p {
    font: normal normal normal 14px/17px "Cairo";
  }
}

#feature-33 {
  padding-bottom: 140px;
  margin-bottom: 200px;
  z-index: 1;
}
#feature-33 .form-element--select-search.block .label:not(.inactive) {
  font: normal normal 300 16px/26px "Cairo";
}
#feature-33 .button--title {
  font: normal normal normal 20px/24px "CairoBold";
}
#feature-33 .feature--title h2 {
  font: normal normal bold 40px/49px "CairoBold";
}
#feature-33 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
  z-index: 1;
}
#feature-33 .feature--media {
  top: 350px;
  max-width: 100%;
  position: absolute;
  left: 80px;
}
#feature-33:after {
  content: "";
  background: #1f242b;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
#feature-33 .media-image--wrapper {
  max-width: 780px;
  margin-left: auto;
}
#feature-33 .calculator--form-wrapper .button.large {
  width: 100%;
  min-width: 320px;
  min-width: 210px;
  float: right;
  margin-block: auto;
  background: transparent linear-gradient(270deg, #F26247 0%, #CB3F23 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 992px) {
  #feature-33 {
    padding-bottom: 160px;
    margin-bottom: 0;
  }
  #feature-33 .calculator--form-wrapper .form-element--select-search.block {
    width: 320px;
    float: left;
  }
  #feature-33 .calculator--form-wrapper .form-element--select-search.block .label:not(.inactive) {
    font: normal normal normal 20px/26px "Cairo";
    letter-spacing: 0.13px;
    color: #fff;
  }
  #feature-33 .calculator--form-wrapper .form-element--select-search.block .placeholder {
    background: transparent linear-gradient(270deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
  }
  #feature-33 .calculator--form-wrapper .button--title {
    font-size: 21px;
    font-family: 'Jali Arabic', sans-serif;
    letter-spacing: -0.66px;
  }
  #feature-33 .calculator--form-wrapper .button.large {
    width: 212px;
    border-radius: 5px;
  }
  #feature-33 .feature--title {
    max-width: 580px;
    text-align: right;
  }
  #feature-33 .feature--title h2 {
    font-size: 60px;
    line-height: 70px;
    font: normal normal 60px/70px "CairoBold";
    margin-top: -18px;
    margin-bottom: 30px;
  }
  #feature-33 .feature--description {
    flex: 0 0 42%;
  }
  #feature-33 .feature--media {
    position: absolute;
    width: 700px;
    right: 0px;
    max-width: none;
    z-index: 1;
    top: -152px;
  }
}

#feature-34 .button {
  width: 100%;
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
}
#feature-34 .feature--title h1 {
  font-size: 20px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-34 .feature--description {
  font: normal normal normal 14px/20px "Cairo";
}
@media (min-width: 992px) {
  #feature-34 .feature--details {
    margin-right: 0;
    max-width: 63%;
    flex: 0 0 55%;
    margin-right: 39%;
  }
  #feature-34 .feature--wrapper {
    min-height: 500px;
    position: relative;
    margin-left: 18px;
  }
  #feature-34 .feature--title h1 {
    font-size: 60px;
    line-height: 70px;
    font: normal normal 60px/70px "PoppinsSemiBold";
  }
  #feature-34 .feature--description {
    font: normal normal normal 18px/24px "Cairo";
  }
  #feature-34 .feature--description p {
    margin-top: 20px;
    margin-bottom: 55px;
  }
  #feature-34 .feature--description p span {
    font: normal normal normal 20px/28px "Poppins";
  }
  #feature-34 .button {
    width: 222px;
    margin-top: 22px;
  }
  #feature-34 .media-image--wrapper {
    position: absolute;
    max-width: 30%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
  }
  #feature-34 .media-image--wrapper:before {
    height: 275px;
    width: 275px;
  }
}

#feature-48 {
  margin-bottom: 80px;
}
#feature-48 .button {
  width: 100%;
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
}
#feature-48 .feature--title h1,
#feature-48 .feature--title h2 {
  font-size: 20px;
}
@media (min-width: 992px) {
  #feature-48 {
    padding-right: 0;
  }
  #feature-48 .feature--details {
    margin-left: 0;
    margin-left: 45%;
    flex: 0 0 57%;
  }
  #feature-48 .feature--details p {
    font: normal normal normal 20px/28px Poppins;
    letter-spacing: -0.63px;
    color: #FFFFFFB3;
    opacity: 1;
    margin-top: 22px;
  }
  #feature-48 .feature--wrapper {
    min-height: 500px;
    position: relative;
    margin-top: 100px;
  }
  #feature-48 .feature--title h1,
#feature-48 .feature--title h2 {
    font: normal normal normal 60px/70px "Cairo";
  }
  #feature-48 .button {
    width: fit-content;
    margin-top: 60px;
  }
  #feature-48 .media-image--wrapper {
    position: absolute;
    max-width: 38%;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
  }
  #feature-48 .media-image--wrapper:before {
    height: 275px;
    width: 275px;
  }
}

#page-13 {
  overflow: hidden;
}

#carousel-25 {
  background-repeat: repeat-y;
  background-position: bottom;
  background-size: 100% auto;
}
#carousel-25 .carousel--controls {
  display: none;
}
#carousel-25 .content--text .eyebrow {
  display: block;
  max-width: 230px;
  margin: auto;
  font: normal normal normal 12px/15px "Cairo";
}
#carousel-25 .content h2 {
  font: normal normal normal 40px/42px "Cairo";
}
#carousel-25 .button {
  margin-left: 0;
  min-width: 320px;
}
#carousel-25 .content--cta-wrapper {
  margin-top: 20px;
}
@media (min-width: 992px) {
  #carousel-25 .content--text .eyebrow {
    display: inline;
    font: normal normal normal 14px/17px "Cairo";
  }
  #carousel-25 .content h2 {
    font: normal normal normal 60px/70px "Cairo";
  }
}

#feature-30 .feature--wrapper:after {
  transform: scaleX(-1);
}
#feature-30 .feature--content > .content--text {
  text-align: right;
}
@media (min-width: 992px) {
  #feature-30 .feature--wrapper:after {
    top: -69px;
  }
  #feature-30 .feature--content > .content--text {
    text-align: center;
  }
}

#feature-31:after {
  transform: scaleX(-1);
}
#feature-31 .feature--content .content--text {
  font: normal normal normal 16px/24px Cairo;
}
@media (min-width: 992px) {
  #feature-31 .feature--cta-wrapper, #feature-31 .feature--title {
    text-align: right;
  }
  #feature-31 .feature--details .button + .button {
    margin-right: 0;
    margin-left: 30px;
  }
}

#feature-83,
#feature-45 {
  margin-top: 100px;
}
#feature-83 .feature--wrapper,
#feature-45 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-83 .feature--title,
#feature-45 .feature--title {
  margin-bottom: 60px;
}
#feature-83 .feature--title h2,
#feature-45 .feature--title h2 {
  font-size: 20px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-83 .feature--title p,
#feature-45 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-83 .feature--media,
#feature-45 .feature--media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#feature-83 .feature--media .media-image,
#feature-45 .feature--media .media-image {
  transition: all 0.3s ease-in-out;
  transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1);
}
#feature-83 .feature--media .media-image.js-loaded,
#feature-45 .feature--media .media-image.js-loaded {
  transform: scale(0.2);
}
#feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
  flex: 0 0 20%;
  padding: 10px;
}
#feature-83 .feature--media .media-image--wrapper:nth-child(odd) .media-image.js-active,
#feature-45 .feature--media .media-image--wrapper:nth-child(odd) .media-image.js-active {
  transform: scale(1);
}
#feature-83 .feature--media .media-image--wrapper:nth-child(even) .media-image.js-active,
#feature-45 .feature--media .media-image--wrapper:nth-child(even) .media-image.js-active {
  transform: scale(1);
}
@media (min-width: 992px) {
  #feature-83 .feature--media,
#feature-45 .feature--media {
    padding-left: 60px;
    padding-right: 60px;
  }
  #feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
    flex: 1 1 16%;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  #feature-83 .feature--title h2,
#feature-45 .feature--title h2 {
    font-size: 60px;
    line-height: 70px;
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-83 .feature--title p,
#feature-45 .feature--title p {
    font: normal normal normal 21px/39px "Cairo";
  }
  #feature-83 .feature--media .media-image--wrapper,
#feature-45 .feature--media .media-image--wrapper {
    flex: 1 1 11%;
  }
}

#carousel-43 .carousel--description {
  padding: 0 20px;
}

@media (min-width: 992px) {
  #feature-40 .feature--description p {
    font: normal normal normal 18px/24px "Cairo";
  }
}

#feature-32 {
  overflow: hidden;
}
#feature-32 #media-image-54 {
  position: absolute;
  z-index: -11;
  right: 95px;
}
#feature-32 #media-image-54 .media-image {
  display: block;
  width: 180px;
}
@media (min-width: 992px) {
  #feature-32 #media-image-54 {
    display: inline-block;
    position: relative;
    top: initial;
    z-index: 1;
    left: 0;
    right: auto;
  }
}
#feature-32 #media-image-55 {
  display: none;
}
@media (min-width: 992px) {
  #feature-32 #media-image-55 {
    display: block;
    position: absolute;
    width: fit-content;
  }
}
#feature-32 #rocket-path-svg-1-clone,
#feature-32 #rocket-path-svg-1 {
  display: none;
  fill: none;
  stroke: #1F242B;
  stroke-width: 3px;
  stroke-miterlimit: 10;
  stroke-dasharray: 3px, 8px;
}
#feature-32 #rocket-path-svg-1-clone-wrapper,
#feature-32 #rocket-path-svg-1-wrapper {
  position: absolute;
  top: 95px;
  width: 103%;
  left: 98px;
}
#feature-32 #rocket-path-svg-1-clone-container,
#feature-32 #rocket-path-svg-1-container {
  height: 0;
  position: relative;
}
#feature-32 #rocket-path-svg-1-clone {
  stroke: #d8133e;
  stroke-width: 2px;
  stroke-miterlimit: 10;
  stroke-dasharray: 0;
}
#feature-32 .feature--title h2,
#feature-32 .feature--title h3 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-32 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-32 .feature--content {
  /** Waiting for animation from UX **/
  z-index: 2;
  position: relative;
}
#feature-32 .feature--content .content {
  flex: 0 0 90%;
}
#feature-32 .feature--content .content--text h3 {
  font: normal normal bold 18px/22px "CairoBold";
}
#feature-32 .feature--content .content--text p {
  font: normal normal normal 14px/20px "Cairo";
}
#feature-32 .feature--wrapper {
  padding-bottom: 200px;
}
@media (min-width: 992px) {
  #feature-32 {
    padding-top: 180px;
  }
  #feature-32 #rocket-path-svg-1-clone,
#feature-32 #rocket-path-svg-1 {
    display: block;
  }
  #feature-32 .feature--content {
    display: block;
    transform: translateX(0);
  }
  #feature-32 .feature--content .content {
    margin-top: 72px;
  }
  #feature-32 .feature--content .content--text h3 {
    font: normal normal bold 26px/28px "CairoBold";
  }
  #feature-32 .feature--content .content--text p {
    font: normal normal normal 16px/23px "Cairo";
  }
  #feature-32 .feature--content .content.js-loaded:nth-child(odd) .content--text {
    transition: all 2s;
    transform: translateX(-100px) scale(0.7);
    opacity: 0.2;
  }
  #feature-32 .feature--content .content.js-loaded:nth-child(even) .content--text {
    opacity: 0.2;
    transition: all 2s;
    transform: translateX(100px) scale(0.7);
  }
  #feature-32 .feature--content .content.js-active:nth-child(odd) .content--text {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  #feature-32 .feature--content .content.js-active:nth-child(even) .content--text {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  #feature-32 .feature--wrapper {
    position: relative;
  }
  #feature-32 .feature--title {
    position: relative;
  }
  #feature-32 .feature--title h3 {
    font-size: 36px;
    font: normal normal bold 36px/45px "CairoBold";
  }
  #feature-32 .feature--title h2 {
    font-size: 50px;
    line-height: 61px;
    max-width: 714px;
    margin: 10px auto;
    font: normal normal bold 50px/61px "CairoBold";
  }
  #feature-32 .feature--title p {
    font: normal normal normal 14px/17px "Cairo";
  }
  #feature-32 .feature--description > div {
    direction: ltr;
    transform: scaleX(-1);
  }
}

#feature-33:after {
  transform: scaleX(-1);
}

#feature-34 .button {
  width: 100%;
  background: transparent linear-gradient(70deg, #E54C82 0%, #E75573 29%, #EB6A4E 100%) 0% 0% no-repeat padding-box;
}
#feature-34 .feature--title h1 {
  font-size: 20px;
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-34 .feature--description {
  font: normal normal normal 14px/20px "Cairo";
}
@media (min-width: 992px) {
  #feature-34 .feature--details {
    margin-right: 0;
  }
  #feature-34 .feature--wrapper {
    min-height: 500px;
    position: relative;
  }
  #feature-34 .feature--title h1 {
    font-size: 60px;
    line-height: 70px;
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-34 .feature--description {
    font: normal normal normal 21px/39px "Cairo";
  }
  #feature-34 .button {
    width: fit-content;
  }
  #feature-34 .media-image--wrapper {
    position: absolute;
    max-width: 30%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
  }
  #feature-34 .media-image--wrapper:before {
    height: 275px;
    width: 275px;
  }
}

#feature-86 {
  padding: 0;
}

#feature-50 {
  height: 681px;
  margin-top: 0;
  padding: 0;
}
#feature-50 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  background-position: center;
  background-size: cover;
  padding: 14px;
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
}
#feature-50 .feature--title {
  text-align: center;
}
#feature-50 .feature--title h2 span {
  font: normal normal normal 35px/37px "Cairo";
}
#feature-50 .feature--title p span {
  font: normal normal normal 12px/18px "Cairo";
}
@media (min-width: 992px) {
  #feature-50 {
    min-height: 715px;
  }
  #feature-50 .feature--wrapper {
    padding: 0;
    margin-top: 0;
  }
  #feature-50 .feature--details {
    margin-left: 42px;
    margin-bottom: 80px;
    flex: 0 0 54%;
    margin-right: 36%;
    max-width: 57%;
  }
  #feature-50 .feature--title {
    text-align: right;
  }
  #feature-50 .feature--title p {
    padding: 0;
    margin: 0;
  }
  #feature-50 .feature--title h2 span {
    font: normal normal normal 60px/70px "CairoBold";
  }
  #feature-50 .feature--title p span {
    font: normal normal normal 14px/52px "Cairo";
  }
}

#feature-67 {
  z-index: 1;
}
#feature-67:after {
  content: "";
  background: #1F242B;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
#feature-67 .feature--media {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 40px;
}
#feature-67 .feature--wrapper {
  text-align: center;
}
#feature-67 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-67 .feature--title p {
  font: normal normal normal 14px/20px "Cairo";
}
#feature-67 .feature--title ul {
  width: fit-content;
  margin: auto;
}
#feature-67 .feature--title ul li {
  font: normal normal normal 14px/20px "Cairo";
}
#feature-67 .media-image img {
  width: 100%;
}
#feature-67 .media-image--wrapper:nth-child(1) {
  margin-left: 12px;
}
@media (min-width: 992px) {
  #feature-67 {
    margin-top: 100px;
    padding-right: 0;
  }
  #feature-67 .button.pink {
    width: 340px;
  }
  #feature-67 .feature--media {
    margin-bottom: 0;
  }
  #feature-67 .feature--details {
    margin-left: 30px;
    margin-right: 30px;
    max-width: calc(50% - 60px);
  }
  #feature-67 .feature--wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    margin-bottom: 150px;
    margin-top: 80px;
    text-align: right;
  }
  #feature-67 .feature--title h2 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-67 .feature--title p {
    font: normal normal normal 21px/39px "Cairo";
  }
  #feature-67 .feature--title ul {
    margin-right: 0;
  }
  #feature-67 .feature--title ul li {
    font: normal normal normal 20px/24px "Cairo";
    letter-spacing: 0;
    margin-bottom: 22px;
  }
  #feature-67 .media-image--wrapper:nth-child(1) {
    margin-left: 0;
  }
}

#feature-63 {
  margin-top: 0;
  z-index: 1;
}
#feature-63:after {
  content: "";
  background: #1f242b;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
#feature-63 .feature--wrapper {
  display: flex;
  flex-direction: column-reverse;
}
#feature-63 .feature--title {
  text-align: center;
}
#feature-63 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
@media (min-width: 992px) {
  #feature-63 .feature--wrapper {
    margin-top: 107px;
    flex-direction: row-reverse;
  }
  #feature-63 .feature--title {
    text-align: right;
  }
  #feature-63 .feature--title h2 {
    font: normal normal bold 20px/22px "CairoBold";
  }
  #feature-63 .feature--media {
    margin-right: 34px;
    max-width: 37%;
  }
  #feature-63 .feature--details {
    margin-left: 61px;
    flex: 0 0 48%;
  }
  #feature-63 .media-image--wrapper:before {
    content: " ";
    height: 275px;
    width: 275px;
    display: block;
    position: absolute;
    background: #554338;
    opacity: 0.3;
    border-radius: 150px;
    bottom: 0;
    left: 0;
    transform: scale(0.8);
    transition: all 0.3s ease-in-out;
    animation: tiltZoom 5s linear 2s infinite alternate;
  }
}

#feature-65 {
  text-align: right;
  margin-bottom: 30px;
}
#feature-65 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative;
  text-align: center;
}
#feature-65 .feature--media {
  margin-right: 34px;
  max-width: 564px;
  margin-top: 72px;
}
#feature-65 .feature--title {
  padding-top: 120px;
}
#feature-65 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-65 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
#feature-65 .feature--title:after {
  content: "";
  display: block;
  background-image: url(/themes/custom/s2d/assets/images/infographics/Paperplane@2x.png);
  background-size: 100%;
  position: absolute;
  transition: all 1s ease-in-out;
  background-repeat: no-repeat;
  top: 0;
  right: -20px;
  width: 245px;
  height: 157px;
}
#feature-65 .feature--content {
  display: flex;
  justify-content: center;
}
#feature-65 .feature--content .media-image {
  width: 69px;
  display: block;
  margin: auto;
}
#feature-65 .feature--content .content {
  cursor: pointer;
}
#feature-65 .feature--content .content--wrapper {
  border-left: 4px solid gray;
}
#feature-65 .feature--content .content.js-display-active .content--wrapper {
  border-color: #D84A2F;
}
#feature-65 .feature--content .content--text {
  max-width: 130px;
  margin-top: 13px;
}
#feature-65 .feature--content .content--text > h4,
#feature-65 .feature--content .content--text > h3 {
  font: normal normal bold 12px/16px "CairoBold";
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
#feature-65 .feature--content .content--text p {
  display: none;
}
@media (min-width: 992px) {
  #feature-65 {
    margin-top: 200px;
  }
  #feature-65 .feature--wrapper {
    display: flex;
    text-align: right;
  }
  #feature-65 .feature--wrapper .feature--details {
    margin-left: 55px;
    margin-right: auto;
    padding-left: 24px;
  }
  #feature-65 .feature--title {
    margin: 0 auto auto 0;
    padding-top: 0;
  }
  #feature-65 .feature--title h2 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-65 .feature--title p {
    font: normal normal normal 14px/17px "Cairo";
  }
  #feature-65 .feature--title:after {
    top: 121px;
    width: 314px;
    height: 201px;
  }
  #feature-65 .feature--content {
    display: block;
    text-align: right;
    flex: 0 1 40%;
    max-width: 434px;
  }
  #feature-65 .feature--content .media-image {
    width: 103px;
  }
  #feature-65 .feature--content .content {
    margin-bottom: 70px;
    background: transparent linear-gradient(88deg, #363A40 0%, #33373C9A 63%, #2E323700 100%) 0% 0% no-repeat padding-box;
    margin-right: 20px;
    width: 520px;
    padding: 10px 15px;
    text-align: left;
    margin-bottom: 20px;
  }
  #feature-65 .feature--content .content--wrapper {
    display: flex;
    padding: 0 0 0 14px;
  }
  #feature-65 .feature--content .content--media {
    margin-left: 38px;
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
  }
  #feature-65 .feature--content .content--text {
    max-width: none;
    font: normal normal normal 16px/22px "Cairo";
    margin-top: 5px;
  }
  #feature-65 .feature--content .content--text > h4 {
    font: normal normal bold 22px/24px "CairoBold";
    letter-spacing: 0px;
    text-transform: none;
  }
  #feature-65 .feature--content .content--text > h3 {
    font: normal normal bold 25px/34px "CairoBold";
    letter-spacing: 0px;
    text-transform: none;
  }
  #feature-65 .feature--content .content--text p {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }
}

#feature-50 .feature--title h2 {
  font: normal normal normal 35px/37px "Cairo";
}
#feature-50 .feature--title p {
  font: normal normal normal 12px/18px "Cairo";
}
@media (min-width: 992px) {
  #feature-50 .feature--wrapper {
    transform: scaleX(-1);
  }
  #feature-50 .feature--title {
    text-align: revert;
    transform: scaleX(-1);
  }
}

@media (min-width: 992px) {
  #feature-67 .feature--details {
    text-align: right;
  }
}

#feature-63:after {
  transform: scaleX(-1);
}
@media (min-width: 992px) {
  #feature-63 .feature--title {
    text-align: right;
  }
}

#feature-65 .feature--title:after {
  transform: scaleX(-1);
}
@media (min-width: 992px) {
  #feature-65 .feature--title {
    margin: 0 0 auto auto;
    text-align: right;
  }
  #feature-65 .feature--content .content--text {
    text-align: right;
  }
}

#feature-58 .component--rest-form {
  padding: 0 20px;
}
#feature-58 .component--rest-form .form-element--text-wrapper {
  height: 46px;
}
#feature-58 .component--rest-form .form-element--text-wrapper .form-label {
  position: absolute;
  top: 24px;
  font: normal normal normal 14px/28px "Poppins";
}
#feature-58 .component--rest-form .form-element--text-wrapper .form-label.active {
  top: 1px;
}
@media (min-width: 992px) {
  #feature-58 {
    padding-top: 81px !important;
  }
  #feature-58 .component--rest-form {
    padding: 0;
  }
}

#feature-88 {
  padding: 44px 87px;
  background-color: #252D38;
}
#feature-88 a {
  text-decoration: none;
  color: #FFFFFF;
}
#feature-88 #content-39 .content--text {
  margin: auto;
}
#feature-88 #content-39 .content--text p {
  text-align: center;
}
@media (min-width: 992px) {
  #feature-88 #content-39 .content--text p {
    text-align: right;
  }
}
#feature-88 .content--cta-wrapper {
  display: flex;
}
#feature-88 .content--cta-wrapper .icon-only {
  height: 18px;
  margin-left: 0;
}
#feature-88 .content--cta-wrapper .icon-only:before {
  height: 18px;
  width: 17px;
  background-size: 100%;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(1):before {
  height: 19px;
  width: 9px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(2):before {
  height: 17px;
  width: 17px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(3):before {
  height: 17px;
  width: 14px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(4):before {
  height: 16px;
  width: 16px;
}
#feature-88 .feature--title h2 {
  text-align: right;
  font: normal normal bold 20px/30px "Poppins";
}
#feature-88 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-88 .feature--content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
#feature-88 .feature--content > .content {
  flex: 0 0 100%;
}
#feature-88 .feature--content > .content:last-child:before, #feature-88 .feature--content > .content:first-child:before {
  content: none;
}
#feature-88 .feature--content .content {
  position: relative;
  margin-bottom: 35px;
}
#feature-88 .feature--content .content--wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
#feature-88 .feature--content .content--media {
  flex: 0 0 24px;
  margin-left: 24px;
}
#feature-88 .feature--content .content--text p {
  margin-bottom: 0;
  font: normal normal normal 16px/24px Poppins;
}
#feature-88 .feature--content .content:last-child {
  margin: 1px;
  position: absolute;
  right: -47px;
  top: 78px;
  flex: 0 0 4%;
}
@media (min-width: 992px) {
  #feature-88 .feature--content > .content {
    flex: 0 0 20%;
  }
  #feature-88 .feature--content .content {
    margin-bottom: 0;
  }
  #feature-88 .feature--content .content:nth-child(1) {
    margin-left: 47px;
    padding-left: 35px;
  }
  #feature-88 .feature--content .content:nth-child(1):after {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 3px solid #454f5d;
  }
  #feature-88 .feature--content .content:nth-child(1) .content--text {
    width: 280px;
  }
  #feature-88 .feature--content .content:nth-child(1) .content--media {
    flex: 0 0 24px;
    margin-left: 7px;
    height: 24px;
  }
  #feature-88 .feature--content .content:nth-child(2) {
    margin-left: 46px;
    padding-right: 25px;
  }
  #feature-88 .feature--content .content:nth-child(2):after {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 3px solid #454f5d;
  }
  #feature-88 .feature--content .content:nth-child(2) .content--text {
    width: 211px;
  }
  #feature-88 .feature--content .content:nth-child(2) .content--media {
    flex: 0 0 22px;
    margin-left: 12px;
    height: 22px;
  }
  #feature-88 .feature--content .content:nth-child(3) {
    margin-left: 46px;
  }
  #feature-88 .feature--content .content:nth-child(3) .content--text {
    width: 145px;
  }
  #feature-88 .feature--content .content:nth-child(3) .content--media {
    flex: 0 0 22px;
    margin-left: 10px;
    height: 22px;
  }
}

@media (min-width: 992px) {
  #feature-58 {
    padding: 0;
  }
}

#feature-88 {
  padding-top: 38px;
  background-color: #252D38;
}
#feature-88 a {
  text-decoration: none;
  color: #FFFFFF;
}
#feature-88 #content-39 .content--text {
  margin: auto;
}
#feature-88 #content-39 .content--text p {
  text-align: center;
}
@media (min-width: 992px) {
  #feature-88 #content-39 .content--text p {
    text-align: right;
  }
}
#feature-88 .content--cta-wrapper {
  display: flex;
}
#feature-88 .content--cta-wrapper .icon-only {
  height: 18px;
  margin-left: 0;
}
#feature-88 .content--cta-wrapper .icon-only:before {
  height: 18px;
  width: 17px;
  background-size: 100%;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(1):before {
  height: 19px;
  width: 9px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(2):before {
  height: 17px;
  width: 17px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(3):before {
  height: 17px;
  width: 14px;
}
#feature-88 .content--cta-wrapper .icon-only:nth-child(4):before {
  height: 16px;
  width: 16px;
}
#feature-88 .feature--title h2 {
  text-align: right;
  font: normal normal bold 22px/27px "MontserratSemiBold";
}
#feature-88 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-88 .feature--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 35px;
}
#feature-88 .feature--content > .content {
  flex: 0 0 100%;
}
#feature-88 .feature--content > .content:last-child:before, #feature-88 .feature--content > .content:first-child:before {
  content: none;
}
#feature-88 .feature--content .content {
  position: relative;
  margin-bottom: 35px;
}
#feature-88 .feature--content .content--wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
#feature-88 .feature--content .content--media {
  flex: 0 0 24px;
  margin-left: 24px;
}
#feature-88 .feature--content .content--text p {
  margin-bottom: 0;
  font: normal normal normal 16px/24px "Cairo";
}
#feature-88 .feature--content .content:last-child {
  margin-right: auto;
}
@media (min-width: 992px) {
  #feature-88 .feature--content > .content {
    flex: 0 0 20%;
  }
  #feature-88 .feature--content .content {
    margin-bottom: 0;
  }
  #feature-88 .feature--content .content:nth-child(1) {
    margin-left: 47px;
    padding-left: 47px;
  }
  #feature-88 .feature--content .content:nth-child(1):after {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 3px solid #454f5d;
  }
  #feature-88 .feature--content .content:nth-child(1) .content--text {
    width: 241px;
  }
  #feature-88 .feature--content .content:nth-child(1) .content--media {
    flex: 0 0 24px;
    margin-left: 7px;
    height: 24px;
  }
  #feature-88 .feature--content .content:nth-child(2) {
    margin-left: 46px;
  }
  #feature-88 .feature--content .content:nth-child(2):after {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 3px solid #454f5d;
  }
  #feature-88 .feature--content .content:nth-child(2) .content--text {
    width: 211px;
  }
  #feature-88 .feature--content .content:nth-child(2) .content--media {
    flex: 0 0 22px;
    margin-left: 12px;
    height: 22px;
  }
  #feature-88 .feature--content .content:nth-child(3) {
    margin-left: 46px;
  }
  #feature-88 .feature--content .content:nth-child(3) .content--text {
    width: 125px;
  }
  #feature-88 .feature--content .content:nth-child(3) .content--media {
    flex: 0 0 22px;
    margin-left: 10px;
    height: 22px;
  }
}

#feature-72 .feature--wrapper {
  position: relative;
  height: 95vh;
  height: calc(100vh - 120px);
  display: flex;
  align-items: center;
}
#feature-72 .feature--title p {
  font: normal normal normal 14px/52px "Cairo";
}
#feature-72 .feature--title h2 {
  font: normal normal normal 60px/70px "Cairo";
}
#feature-72 .feature--description {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#feature-72 .feature--description p {
  margin: 0;
}
#feature-72 .feature--description:after {
  display: block;
  height: 21px;
  width: 21px;
  background-image: url("/themes/custom/s2d/assets/images/icons/svg/Arrow-Down.svg");
  background-size: contain;
  content: "";
  background-repeat: no-repeat;
  margin: auto;
  animation-name: bounce;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: center;
}
@media (min-width: 992px) {
  #feature-72 .feature--wrapper {
    height: calc(100vh - 120px);
  }
  #feature-72 .feature--title {
    max-width: 800px;
  }
  #feature-72 .feature--title p {
    font: normal normal normal 14px/52px "Cairo";
  }
  #feature-72 .feature--title h2 {
    font: normal normal normal 60px/70px "Cairo";
  }
}

#feature-74 {
  position: relative;
  overflow: hidden;
  padding-bottom: 150px;
}
#feature-74 .feature--wrapper {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  padding-top: 100px;
}
#feature-74 .feature--wrapper:before {
  content: "";
  display: block;
  background-image: url("/static/images/Paperplane@2x.png");
  height: 100px;
  width: 130px;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 1s ease-in-out;
}
#feature-74 .feature--wrapper:after {
  content: "";
  background: url("/themes/custom/s2d/assets/images/infographics/Direction-Arrow-1-Red.svg");
  width: 703px;
  height: 217px;
  display: block;
  position: absolute;
  z-index: 1;
  right: -480px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 88%;
}
#feature-74 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-74 .feature--title p {
  font: normal normal normal 14px/20px "Cairo";
}
@media (min-width: 992px) {
  #feature-74 .feature--wrapper {
    flex-direction: row-reverse;
  }
  #feature-74 .feature--wrapper:after {
    right: 10%;
  }
  #feature-74 .feature--media {
    margin-left: 60px;
    margin-right: 60px;
  }
  #feature-74 .feature--details {
    margin-left: 60px;
    max-width: 496px;
  }
  #feature-74 .feature--title h2 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-74 .feature--title p {
    font: normal normal normal 18px/24px "Cairo";
    letter-spacing: 0;
    color: #FFFFFFB3;
    margin-top: 10px;
  }
}

#feature-76 {
  overflow: hidden;
  padding-bottom: 160px;
}
#feature-76 .feature--wrapper {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
#feature-76 .feature--wrapper:after {
  content: "";
  background: url("/themes/custom/s2d/assets/images/infographics/Direction-Arrow-2-Blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 217px;
  width: 703px;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  top: 88%;
  left: -480px;
}
#feature-76 .feature--title h2 {
  font: normal normal bold 20px/22px "CairoBold";
}
#feature-76 .feature--title p {
  font: normal normal normal 14px/20px "Cairo";
}
@media (min-width: 992px) {
  #feature-76 .feature--wrapper {
    flex-direction: row;
    text-align: right;
  }
  #feature-76 .feature--wrapper:after {
    left: 20%;
  }
  #feature-76 .feature--details {
    max-width: 591px;
    margin-right: 46px;
    text-align: right;
    flex: 0 0 46%;
  }
  #feature-76 .feature--title h2 {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-76 .feature--title p {
    font: normal normal normal 21px/39px "Cairo";
  }
}

#feature-78 {
  overflow: hidden;
}
#feature-78 .feature--wrapper {
  margin-bottom: 218px;
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
#feature-78 .feature--wrapper:after {
  content: "";
  background: url("/themes/custom/s2d/assets/images/infographics/Direction-Arrow-3-Yellow.svg");
  height: 363px;
  width: 600px;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  right: -380px;
  top: 349px;
}
@media (min-width: 992px) {
  #feature-78 .feature--wrapper {
    flex-direction: row-reverse;
    text-align: right;
    position: relative;
  }
  #feature-78 .feature--wrapper:after {
    right: 0;
    top: 65%;
  }
  #feature-78 .feature--details {
    margin-left: 60px;
    max-width: 44%;
  }
  #feature-78 .feature--details .font-style-body-text-14 {
    font-size: 18px;
    line-height: 24px;
  }
  #feature-78 .feature--details strong {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 16px;
    display: block;
  }
  #feature-78 .feature--title p {
    max-width: 511px;
  }
}

#feature-80 .feature--title h2 {
  font: normal normal bold 40px/49px "CairoBold";
}
@media (min-width: 992px) {
  #feature-80 {
    margin-top: 15px;
    margin-bottom: 80px;
  }
  #feature-80 .feature--title {
    max-width: 1082px;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
  }
  #feature-80 .feature--title h2 span {
    font: normal normal bold 60px/70px "CairoBold";
  }
  #feature-80 .media-image {
    max-width: 460px;
    margin-top: 80px;
    height: 400px;
  }
}

@media (min-width: 992px) {
  #feature-74 .feature--wrapper {
    flex-direction: row;
  }
  #feature-74 .feature--wrapper:after {
    right: 24%;
    transform: scaleX(-1);
  }
  #feature-74 .feature--wrapper:before {
    transform: scaleX(-1);
  }
}

@media (min-width: 992px) {
  #feature-76 .feature--wrapper {
    flex-direction: row-reverse;
  }
  #feature-76 .feature--wrapper:after {
    right: 10%;
    transform: scaleX(-1);
  }
}

@media (min-width: 992px) {
  #feature-78 .feature--wrapper {
    flex-direction: row;
  }
  #feature-78 .feature--wrapper:after {
    right: 45%;
    transform: scaleX(-1);
  }
}

#feature-54 {
  direction: ltr;
}
#feature-54 .feature--media {
  max-width: initial;
  position: relative;
}
#feature-54 .feature--details {
  text-align: center;
}
#feature-54 .media-image img {
  width: 100%;
}
@media (min-width: 992px) {
  #feature-54 {
    margin-bottom: 30px;
  }
  #feature-54 .feature--details {
    text-align: right;
    max-width: 557px;
    margin-right: 0;
  }
}

#feature-85 {
  padding: 20px 0 180px 0;
  z-index: 1;
}
#feature-85 .media-image--wrapper:nth-child(1) .media-image {
  width: 100%;
}
#feature-85 .media-image--wrapper:nth-child(2) {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#feature-85 .feature--title {
  margin-bottom: 20px;
  margin-top: 20px;
}
#feature-85 .feature--content {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-85 .feature--content .content {
  padding: 20px;
}
#feature-85 .feature--content .content--wrapper {
  background-color: #313740;
  padding: 10px 0;
  height: 100%;
  border-radius: 6px;
}
#feature-85 .feature--content .content--text {
  text-align: center;
  padding: 0 10px;
}
#feature-85 .feature--content .content--text p {
  color: #E3E3E3;
  font: normal normal normal 16px/26px "Cairo";
  letter-spacing: -0.5px;
}
#feature-85:after {
  content: "";
  background: #1f242b;
  clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 992px) {
  #feature-85:after {
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
  }
  #feature-85 .feature--content {
    display: flex;
    flex-wrap: wrap;
  }
  #feature-85 .feature--content .media-image--wrapper {
    text-align: center;
  }
  #feature-85 .feature--content .content {
    flex: 0 1 50%;
  }
}
@media (min-width: 992px) {
  #feature-85 .feature--content .content {
    flex: 0 1 33.33%;
  }
}

@media (min-width: 992px) {
  #feature-54 .feature--wrapper {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  #feature-69 .feature--wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
  }
  #feature-69 .feature--title {
    margin-bottom: 50px;
    margin-top: 30px;
    height: 1px;
  }
  #feature-69 .feature--title h1 strong {
    font: normal normal bold 60px/71px "PoppinsMedium";
    letter-spacing: 0px;
    opacity: 1;
    margin-bottom: 10px;
    display: block;
  }
  #feature-69 .media-image--wrapper {
    max-width: 1074px;
    margin: auto;
  }
}

@media (min-width: 992px) {
  #feature-69 .feature--wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
  }
  #feature-69 .feature--title {
    margin-bottom: 50px;
    margin-top: 30px;
  }
  #feature-69 .media-image--wrapper {
    max-width: 1074px;
    margin: auto;
  }
}

#feature-61 form {
  width: 100%;
}
#feature-61 .form-element--text-wrapper {
  width: 100%;
}
#feature-61 .feature--wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#feature-61 .feature--wrapper h2.text-align-center strong {
  font: normal normal 28px/67px "Cairo";
}
@media (min-width: 992px) {
  #feature-61 form {
    width: 376px;
  }
  #feature-61 .form-element--text-wrapper {
    width: 376px;
    height: 60px;
  }
}

.statusicon {
  width: 90px;
  height: 90px;
  background: #242B34 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: auto;
  margin-bottom: 18px;
}

.statusicon img {
  width: 40px;
  height: 40px;
}

.track-shipment .history .text:before {
  z-index: -10;
  pointer-events: all;
  content: "";
  border-top: 1px dashed #2ad5d073;
  width: 267px;
  height: 1px;
  position: absolute;
  top: 39px;
}

.track-shipment .history .text:last-child:before {
  z-index: -10;
  pointer-events: all;
  border-top: 1px dashed #2ad5d073;
  width: 267px;
  height: 1px;
  position: absolute;
  top: 39px;
  display: none;
}

.text.iconcntr {
  text-align: center;
}

.history--wrapper.tmline:before {
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  content: "";
  border-right: 2px dashed orange;
  bottom: 0;
  min-height: 300px;
  position: absolute;
  right: 16px;
  opacity: 0.4;
}

.history.topicons {
  margin-left: 102px;
}

[dir=rtl] {
  font-family: 'Jali Arabic', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
[dir=rtl] b,
[dir=rtl] strong {
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 700;
}
[dir=rtl] .site-header .menu--link {
  font-family: 'Jali Arabic', sans-serif;
  font-weight: 100;
}
[dir=rtl] .button {
  text-align: right;
}
[dir=rtl] .button:after {
  transform: rotate(-180deg);
}
[dir=rtl] .button--title {
  line-height: 1.2;
}
[dir=rtl] .button.blue .button--title {
  font: normal normal bold 14px/20px "CairoBold";
}
[dir=rtl] .button.pink .button--title {
  font: normal normal bold 14px/20px "CairoBold";
}
[dir=rtl] .track-shipment .histories {
  direction: ltr;
}
[dir=rtl] .contact--form h2 {
  text-align: right;
}
[dir=rtl] .contact--remove-it-now {
  display: none;
}
[dir=rtl] .form-element--textarea-wrapper .form-element, [dir=rtl] .form-element--text-wrapper .form-element {
  text-align: right;
}
[dir=rtl] .form-element--textarea-wrapper .form-label, [dir=rtl] .form-element--text-wrapper .form-label {
  text-align: right;
}
[dir=rtl] .form-element--select-search.inline:after {
  transform: rotate(-90deg);
}
@media (min-width: 992px) {
  [dir=rtl] #feature-74,
[dir=rtl] #feature-76,
[dir=rtl] #feature-78 {
    text-align: right;
    direction: ltr;
  }
  [dir=rtl] #feature-74 .feature--details,
[dir=rtl] #feature-76 .feature--details,
[dir=rtl] #feature-78 .feature--details {
    direction: rtl;
    text-align: right;
  }
}
[dir=rtl] #feature-88 .feature--title h2 {
  text-align: right;
}

/*# sourceMappingURL=style-rtl.css.map */
.site-footer--column--first,
.site-footer--column--second{
  width: 15%;
}
#block-s2d-contactsociallink .field--name-body p{
  padding-right: 9px;
}
@media (min-width: 992px) {
    .site-header--navigation .menu--main {
        margin: 0;
    }
    .paragraph--type-left-right-content{
      display: flex;
    }
    .paragraph--type-left-right-content .group-left{
      margin-top: auto;
      margin-bottom:auto;    
      margin-left: 30px;
    }
    .paragraph--type-left-right-content .group-right{
      display: flex;
      justify-content: center;
    }
     .paragraph--type-text-only-content .group-right{
        width: 90%;
    }
    .paragraph--type-text-only-content .group-left {
        width: 10%;
    }
    #block-s2d-content h1 {
    font-size: 64px;
    letter-spacing: -4px;
}
#page-33 .paragraph--type-left-right-content .group-right{
    width: 63%;
}
}
.slider-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  white-space: nowrap;
  top: 64px;
  transform-origin: center;
  transform: rotate(-3deg);
}
#page-34 .site-bottom-content{
    clip-path: polygon(0 12%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -100px;
}
#block-s2d-shoopingslider-2 .slider-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  white-space: nowrap;
  top: 10px;
  transform-origin: center;
  transform: rotate(-4.5deg);
}
#block-s2d-shoopingslider .slider-wrapper {
  width: 100%;
      position: unset;
  height: 100px;
  overflow: hidden;
  white-space: nowrap;
  transform-origin: center;
  transform: rotate(-3deg);
}


.slider {
  display: inline-block;
  white-space: nowrap;
  animation: slide-rtl 400s linear infinite; /* Slow down the animation speed */
}

.slider span {
  color: #0066FF;
  font-weight: bold;
  font-size: 24px;
  font-family: 'Jali Arabic', sans-serif;
  margin-right: 50px;
  transform: rotate(4deg);  /* Counter-rotation to make text appear upright */
}
.smart-slider {
    transform: rotate(3deg);
}
.smart-slider span{
  color: #FF83FF;
}

@keyframes slide-rtl {
  0% {
    transform: translateX(-0%);
  }
  100% {
    transform: translateX(100%);
  }
}
.page{
  color: #000000;
}
.download-jak{
  margin-top: 90px;
  text-align: center;
}
.download-jak h1{
  font-weight: 600;
  font-size: 64px;
}
.app-icon{
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 40px;
}
#media-image-296 {
    margin-right: 30px;
}
.site-footer--top{
  border-bottom: 1px solid #99B527;
  padding-bottom: 50px;
}
.paragraph--type-text-only-content{
  color: #fff;
  display: flex;
    justify-content: center;
    align-items: center;
}
.yellow{
  color: #C3F401;
}
#block-s2d-howjakworks h2{
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin : 0;
  padding: 195px 0 60px 0;
  font-size: 64px;
  letter-spacing: -4px;
}
#block-s2d-howjakworks h3{
  font-size: 36px;
  margin-bottom: 10px;
}
.path-frontpage .site-bottom-bar{
      background: #000000;
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    margin-bottom: -108px;
}
#page-34 .site-bottom-bar {
    background: #000000;
}
#page-34 #block-s2d-howjakworks h2 {
    padding: 70px 0 60px 0;
}

#block-s2d-howjakworks .field__item{
  padding-bottom: 12px;
}
.paragraph--type-text-only-content .group-right .field--name-field-description{
  float: left;
  font-size: 110px;
  color: #494E54;
  padding-bottom: 0px !important;
    margin-top: -45px;
    margin-bottom: -40px;
}
.field--name-field-faq {
    counter-reset: number;
}
.field--name-field-faq details{
  border: 0;
}
h1.page-title {
    text-align: center;
}
.faqfield-question{
  color: #0057FF;
}
summary.faqfield-question:before {
    counter-increment: number;
    content: counter(number) " ";
    background: #EBEFFB 0% 0% no-repeat padding-box;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    color: #000000;
    margin-right: 10px;
}
.faqfield-details[open] summary.faqfield-question:after{
content: "-";
    width: 25px;
    font-size: 30px;
    float: right;
    color: #000000;
}
summary.faqfield-question:after {
    content: "+";
    width: 25px;
    font-size: 30px;
    float: right;
    color: #000000;
}
.faqfield-answer{
  margin-left: 47px;
}
#block-s2d-main-menu{
  position: relative;
    right: 70px;
}

#block-s2d-language{
  position: relative;
    right: 65px;
    top: 8px;
}
span.lang-en.menu--link:after {
    background-image: url(/themes/custom/s2d/assets/images/icons/svg/globe.svg);
    content: "";
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 16px;
}
span.lang-en.menu--link:before {
    content: '';
    background-image: url(/themes/custom/s2d/assets/images/icons/svg/language-arrow.svg);
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px;
    margin-right: 6px;
    background-size: auto;
}
#block-useraccountarabic .menu--wrapper {
    border: 1px solid #206AFA;
}
#block-useraccountarabic .menu--wrapper a {
    color: #0057FF !important;
    text-transform: capitalize !important;
        padding: 0 15px 0 0;
}
.menu--link.js-external-login-link {
    padding-left: 0;
}
#block-s2d-hometitle h1{
  line-height: 128px;
}
.site-footer {
    background-color: #C3F401;
    background-position: bottom;
    background-repeat: no-repeat;
    clip-path: polygon(0 13%, 100% 0%, 100% 100%, 0% 100%);
}
#block-s2d-jakcart {
    padding-top: 80px;
    padding-bottom: 0px;
    background: #0057FF;
    margin-bottom: -82px;
    background-image: url(/sites/default/files/media-images-large/how-it-work-bg.png);
    background-repeat: no-repeat;
}
.field--name-field-content {
    padding-bottom: 125px;
}
#page-34 .field--name-field-content {
    padding-bottom: 60px;
}
#FeatureSliderText span {
    color: #FF83FF;
}
.feature--title p:first-of-type {
  color: #737477;
  font-size: 16px;
}
.track-shipment .form-element.button .button--title:after {
    content: '';
    background-image: url('/themes/custom/s2d/assets/images/icons/svg/white-arrow-bg.svg');
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    font-size:0;
}
.statusicon {
  width: 90px;
  height: 90px;
  background: #C3F401 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: auto;
  margin-bottom: 18px;
}
.feature--title p.text-align-center,  
.text-status {
    color: #737477;
    font-size: 16px;
}
.paragraph--type-text-only-content .group-left .field--name-field-description {
    font-size: 110px;
    color: #494E54;
}
#block-s2d-howjakworks .field__item:nth-child(4) .paragraph {
    border-bottom: 1px solid #C3F401;
}
#page-33 .site-header + main{
    padding: 100px 40px 0 0px;
}
#block-s2d-calculator{
  margin-top: 70px;
}
.form-element--select-search,
.form-element--text-wrapper,
.form-element--select-search {
  margin-right: 11px !important; 
}
.calculator--form-wrapper .form-element--wrapper.form-element--select-search.block-small:first-child::before {
    content: "";
    display: inline-block;
    background-image: url(/themes/custom/s2d/assets/images/icons/svg/form-arrow.svg);
    padding: 46px 437px 0 0;
    background-repeat: no-repeat;
}
.calculator--form-wrapper .form-elements--inline:first-child .form-element--wrapper:first-child label{
      padding-bottom: 100px;
}