.elementor-2010 .elementor-element.elementor-element-433abb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-fcff191 */a{
    text-decoration: none !important;
}
header.entry-header .entry-title{
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ba8d02 */a{
    text-decoration: none !important;
}
header.entry-header .entry-title{
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64cf835 */:root {
  --ink: #101a35;
  --muted: #60708d;
  --card: #0d1529;
  --blue: #009fe3;
  --green: #00a978;
  --red: #e90045;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}

.steam-comparison {
  width: min(100%, 1180px);
  margin: clamp(44px, 8vw, 100px) auto;
  padding: 0 clamp(18px, 3vw, 32px);
  text-align: center;
  direction: rtl;
}

.steam-comparison__intro { margin: 0 auto clamp(30px, 4vw, 52px); }

.steam-comparison__eyebrow {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  margin: 0 0 10px;
  padding: 7px 17px;
  color: #02775a;
  background: #cef9e5;
  border: 1px solid #95efd0;
  border-radius: 999px;
  font-size: clamp(11px, 1.2vw, 14px);
  font-weight: 700;
}

.steam-comparison h2 {
  margin: 0;
  font-size: clamp(25px, 3.1vw, 44px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.45;
}

.steam-comparison__description {
  max-width: 900px;
  margin: 9px auto 0;
  color: var(--muted);
  font-size: clamp(13px, 1.35vw, 17px);
  font-weight: 500;
  line-height: 1.9;
}

.comparison-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  min-height: clamp(300px, 36vw, 510px);
  border: 4px solid #fff;
  border-radius: clamp(20px, 2.2vw, 30px);
  background: var(--card);
  box-shadow: 0 22px 35px rgb(13 21 41 / 19%);
}

.comparison-panel { position: relative; min-width: 0; overflow: hidden; }

.comparison-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
}

.comparison-panel__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(4 12 31 / .72) 0%, transparent 32%, transparent 60%, rgb(4 12 31 / .48) 100%);
}

.comparison-badge,
.comparison-caption { position: absolute; z-index: 1; margin: 0; font-weight: 700; white-space: nowrap; }

.comparison-badge {
  top: clamp(14px, 2vw, 24px);
  right: clamp(14px, 2vw, 24px);
  padding: 7px 15px;
  border-radius: 999px;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c606af */:root {
  --ink: #101a35;
  --muted: #60708d;
  --card: #0d1529;
  --blue: #009fe3;
  --green: #00a978;
  --red: #e90045;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}

.steam-comparison {
  width: min(100%, 1180px);
  margin: clamp(44px, 8vw, 100px) auto;
  padding: 0 clamp(18px, 3vw, 32px);
  text-align: center;
  direction: rtl;
}

.steam-comparison__intro { margin: 0 auto clamp(30px, 4vw, 52px); }

.steam-comparison__eyebrow {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  margin: 0 0 10px;
  padding: 7px 17px;
  color: #02775a;
  background: #cef9e5;
  border: 1px solid #95efd0;
  border-radius: 999px;
  font-size: clamp(11px, 1.2vw, 14px);
  font-weight: 700;
}

.steam-comparison h2 {
  margin: 0;
  font-size: clamp(25px, 3.1vw, 44px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.45;
}

.steam-comparison__description {
  max-width: 900px;
  margin: 9px auto 0;
  color: var(--muted);
  font-size: clamp(13px, 1.35vw, 17px);
  font-weight: 500;
  line-height: 1.9;
}

.comparison-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  min-height: clamp(300px, 36vw, 510px);
  border: 4px solid #fff;
  border-radius: clamp(20px, 2.2vw, 30px);
  background: var(--card);
  box-shadow: 0 22px 35px rgb(13 21 41 / 19%);
}

.comparison-panel { position: relative; min-width: 0; overflow: hidden; }

.comparison-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
}

.comparison-panel__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(4 12 31 / .72) 0%, transparent 32%, transparent 60%, rgb(4 12 31 / .48) 100%);
}

.comparison-badge,
.comparison-caption { position: absolute; z-index: 1; margin: 0; font-weight: 700; white-space: nowrap; }

.comparison-badge {
  top: clamp(14px, 2vw, 24px);
  right: clamp(14px, 2vw, 24px);
  padding: 7px 15px;
  border-radius: 999px;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d864f69 */.elementor-2010 .elementor-element.elementor-element-d864f69 .pwc-info-title{
    color:#fff !important;
}/* End custom CSS */