.elementor-55 .elementor-element.elementor-element-bfa4cfa{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-55 .elementor-element.elementor-element-bfa4cfa:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-bfa4cfa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F121A;}.elementor-55 .elementor-element.elementor-element-86ebf8d{width:100%;max-width:100%;}.elementor-55 .elementor-element.elementor-element-38473ad{--display:flex;--min-height:0px;--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;border-style:none;--border-style:none;}.elementor-55 .elementor-element.elementor-element-38473ad:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-38473ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-55 .elementor-element.elementor-element-89434aa{width:100%;max-width:100%;}.elementor-55 .elementor-element.elementor-element-89434aa > .elementor-widget-container{padding:020px 0px 0020px 0px;}.elementor-55 .elementor-element.elementor-element-86369e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-86369e1:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-86369e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-55 .elementor-element.elementor-element-86369e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-316ecd8{--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;}.elementor-55 .elementor-element.elementor-element-cfcdbcf{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-120fef5 > .elementor-widget-container{padding:035px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-120fef5 img{width:100%;max-width:91%;height:445px;object-fit:fill;}.elementor-55 .elementor-element.elementor-element-505f69d{--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;}.elementor-55 .elementor-element.elementor-element-505f69d:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-505f69d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-2dec71f{text-align:center;}.elementor-55 .elementor-element.elementor-element-2dec71f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:700;line-height:50px;color:#000000;}.elementor-55 .elementor-element.elementor-element-f31e8b0{--display:flex;--min-height:0px;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-f31e8b0:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-f31e8b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-55 .elementor-element.elementor-element-c0d2c17 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-55 .elementor-element.elementor-element-34f0515{--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;}.elementor-55 .elementor-element.elementor-element-34f0515:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-34f0515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-55 .elementor-element.elementor-element-5b9cfbe{--display:flex;--min-height:0px;--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;border-style:none;--border-style:none;}.elementor-55 .elementor-element.elementor-element-5b9cfbe:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-5b9cfbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-55 .elementor-element.elementor-element-c668f60{width:100%;max-width:100%;}.elementor-55 .elementor-element.elementor-element-c668f60 > .elementor-widget-container{padding:20px 0px 020px 0px;}.elementor-55 .elementor-element.elementor-element-9d50909{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-9d50909:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-9d50909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-55 .elementor-element.elementor-element-7de6ef1 > .elementor-widget-container{padding:40px 0px 040px 0px;}.elementor-55 .elementor-element.elementor-element-7de6ef1{text-align:center;}.elementor-55 .elementor-element.elementor-element-7de6ef1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-55 .elementor-element.elementor-element-e8d5b14{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-e8d5b14:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-e8d5b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-55 .elementor-element.elementor-element-8cc7614{--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;}.elementor-55 .elementor-element.elementor-element-23ae778 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-55 .elementor-element.elementor-element-e4010b0{--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;}.elementor-55 .elementor-element.elementor-element-233e678 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-55 .elementor-element.elementor-element-233e678 img{width:100%;max-width:100%;height:368px;opacity:1;}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-bfa4cfa{--content-width:1400px;}.elementor-55 .elementor-element.elementor-element-316ecd8{--width:50%;}.elementor-55 .elementor-element.elementor-element-cfcdbcf{--width:50%;}.elementor-55 .elementor-element.elementor-element-8cc7614{--width:50%;}.elementor-55 .elementor-element.elementor-element-e4010b0{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-86ebf8d */.hero-section {
  background-color: #0f121a;
  color: white;
  padding: 80px 20px 40px 80px; /* Top, Right, Bottom, Left */
}

.hero-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin: auto;
  flex-wrap: wrap;
}

.hero-left {
  flex: 1;
  padding-right: 40px;
}

.hero-left h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
  
}

.hero-left p {
  font-size: 20px;
  line-height: 1.6;
  color: #cfcfcf;
  margin-bottom: 40px;
}

.hero-btn {
  display: inline-block;
  background-color: #f5c842;
  color: #000;
  padding: 20px 32px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.hero-btn:hover {
  box-shadow: 0 0 20px #f5c842;
  transform: scale(1.05);
}

.hero-right {
  flex: 1;
  text-align: center;
}

.hero-right img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89434aa */.free-trial-section {
  background-color: #000000; /* optional black background */
  text-align: center;
  padding: 20px 20px;
}

.free-trial-section h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 0 auto;
}

.white-text {
  color: #ffffff;
  font-weight: 500;
  margin-right: 10px;
}

.gold-text {
  color: #d4af37;
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46b363b */.community-section {
  background-color: #FAF7F1;
  padding: 60px 40px;
}

.community-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}

.community-left {
  flex: 1;
  min-width: 300px;
}

.community-left h2 {
  font-size: 38px;
  font-weight: 800;
  color: #D4AF37;
  margin-bottom: 10px;
  line-height: 1.3;
}

.community-left h2 span {
  color: #000;
  font-weight: 700;
}

.subheadline {
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
  line-height: 1.6;
}

.highlight-bold {
  font-weight: 700;
  color: #D4AF37;
  font-style: italic;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

}



.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-list li {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-bottom: 16px;
  color: #111;
}

.feature-list img {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}

.community-right {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.community-right img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.15));
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-120fef5 */.glow-image {
  box-shadow: 0 0 25px 5px rgba(212, 175, 55, 0.4); /* Gold glow */
  border-radius: 10px; /* optional for smoother corners */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0d2c17 *//* SECTION BACKGROUND + LAYOUT */
.features-section {
  background-color: #FAF7F1;
  padding: 25px 40px;
}

.features-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: wrap;
}

/* TESTIMONIAL CARD STYLING */
.feature-card {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.08),
    0 0 40px rgba(244, 205, 88, 0.15); /* Subtle gold glow */
  padding: 40px 30px;
  flex: 1;
  min-width: 280px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 
    0 12px 28px rgba(0, 0, 0, 0.1),
    0 0 60px rgba(244, 205, 88, 0.25); /* Stronger glow on hover */
}

/* GOLD CIRCLE (Now with profile image inside) */
.icon-circle {
  width: 70px;
  height: 70px;
  background-color: #d4af37;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}

/* PROFILE IMAGE INSIDE GOLD CIRCLE */
.profile-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}

/* HEADLINE (Name) */
.feature-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #000;
}

/* Role Below Name */
.testimonial-role {
  font-size: 14px;
  font-weight: 600;
  color: #888;
  margin-bottom: 12px;
}

/* Testimonial Quote */
.testimonial-text {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 1.6;
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c668f60 *//* Free Trial Section Styling */
.free-trial-section {
  background-color: ##0F121A; /* dark theme */
  padding: 10px 10px;
  text-align: center;
}

.trial-content h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

.trial-content h2 strong {
  color: #d4af37; /* gold */
}

.cta-button {
  display: inline-block;
  background-color: #d4af37;
  color: #000;
  font-weight: 600;
  padding: 14px 30px;
  font-size: 1.1rem;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.cta-button:hover {
  box-shadow: 0 0 20px #f5c842;
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23ae778 */<style>
/* Section Wrapper */
.comparison-section {
  padding: 60px 30px;
  background-color: #fffdf8;
  max-width: 1200px;
  margin: auto;
}

/* Section Heading */
.comparison-heading {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  font-family: 'Inter', sans-serif;
  color: #1a1a1a;
}

/* Flex Container (Only needed if not using Elementor's section) */
.comparison-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;
}

/* Comparison Table */
.comparison-table {
  width: 100%;
  font-family: 'Inter', sans-serif;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fffef8;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
  transform: perspective(1000px) translateZ(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.comparison-table:hover {
  transform: perspective(1000px) translateZ(6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.row {
  display: flex;
  border-top: 1px solid #e0e0e0;
}
.row:first-child {
  border-top: none;
}

.cell {
  flex: 1;
  padding: 16px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-left: 1px solid #e0e0e0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.cell:first-child {
  border-left: none;
}

.row.header .cell-left {
  background-color: #d3d3d3;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.row.header .cell-right {
  background-color: #d4af37;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}

.cell-left {
  background-color: #f9f9f9;
  color: #e63946;
}

.cell-right {
  background-color: #fffef5;
  color: #219653;
}

/* Right Column Image */
.discord-screenshots {
  flex: 1 1 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.discord-screenshots img {
  width: 100%;
  max-width: 700px;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
</style>/* End custom CSS */