.elementor-5253 .elementor-element.elementor-element-30e6570{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5253 .elementor-element.elementor-element-38e7007 > .elementor-widget-container{background-color:#02010100;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5253 .elementor-element.elementor-element-e977e3a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:50px 60px;--row-gap:50px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:17px;font-weight:700;border-style:none;border-radius:10px 10px 10px 10px;padding:18px 40px 18px 40px;}.elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button:hover, .elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button:focus{background-color:#02010100;color:#FFFFFF;}.elementor-5253 .elementor-element.elementor-element-f70da6a > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:1px 1px 1px 1px;background-image:linear-gradient(288deg, #858585 0%, #0C0C0C 100%);border-radius:10px 10px 10px 10px;}.elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button:hover svg, .elementor-5253 .elementor-element.elementor-element-f70da6a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:17px;font-weight:700;border-style:none;border-radius:10px 10px 10px 10px;padding:18px 40px 18px 40px;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button:hover, .elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button:focus{background-color:#02010100;color:#FFFFFF;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d > .elementor-widget-container{background-color:#D4D4D4;background-image:url("https://mymarketingpass.com/wp-content/uploads/2026/01/Component-107-1.png");padding:1px 1px 1px 1px;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 10px 10px;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button:hover svg, .elementor-5253 .elementor-element.elementor-element-f7b1a8d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button{background-color:#000000;font-family:"Rajdhani", Sans-serif;font-size:17px;font-weight:700;border-style:none;border-radius:10px 10px 10px 10px;padding:18px 40px 18px 40px;}.elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button:hover, .elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button:focus{background-color:#02010100;color:#FFFFFF;}.elementor-5253 .elementor-element.elementor-element-7a46bbf > .elementor-widget-container{background-color:#D4D4D4;background-image:url("https://mymarketingpass.com/wp-content/uploads/2026/01/Component-108.png");padding:1px 1px 1px 1px;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 10px 10px;}.elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button:hover svg, .elementor-5253 .elementor-element.elementor-element-7a46bbf .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-5253 .elementor-element.elementor-element-e977e3a{--content-width:1260px;}}/* Start custom CSS for html, class: .elementor-element-38e7007 */.elementor-5253 .elementor-element.elementor-element-38e7007 * {
    font-family: "Rajdhani", Sans-serif !important;
}

.elementor-5253 .elementor-element.elementor-element-38e7007::before,
.elementor-5253 .elementor-element.elementor-element-38e7007::after {
  box-sizing: border-box;
}


.elementor-5253 .elementor-element.elementor-element-38e7007 .elementor-widget-container .table-shell{
    box-shadow: #EC222780 0px 0px 80px;
    border-radius: 18px;
}

.elementor-5253 .elementor-element.elementor-element-38e7007 {
      color-scheme: only dark;
  --bg-dark: #0c0c0c;
  --bg-accent: #2a0b0d;
  --grid-line: rgba(255, 255, 255, 0.08);
  --cell-dark: rgba(10, 10, 10, 0.92);
  --cell-mid: rgba(28, 28, 28, 0.95);
  --blue-border: #1e87ff;
  --check: #18f2b1;
  --muted-x: rgba(255, 255, 255, 0.15);
  margin: 0 !important;
  font-family: "Rajdhani", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  color: #f2f2f2;
}

.elementor-5253 .elementor-element.elementor-element-38e7007 table{
    margin: 0 !important;
}

.elementor-5253 .elementor-element.elementor-element-38e7007 thead th{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.table-block {
   width: min(1220px, 96vw);
}

.table-shell {
  width: 100%;
  border-radius: 18px;
  box-shadow:
    0 0 18px rgba(196, 22, 32, 0.55),
    0 30px 50px rgba(0, 0, 0, 0.65);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.65);
}

.cta-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 22px 6px 0;
  background: transparent;
  width: 65%;
  margin-left: auto;
}

/*.cta-button {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 10px;*/
/*  padding: 14px 18px;*/
/*  border-radius: 14px;*/
/*  text-decoration: none;*/
/*  font-size: 18px;*/
/*  font-weight: 600;*/
/*  text-transform: none;*/
/*  border: 1px solid rgba(255, 255, 255, 0.25);*/
/*  color: #d6d6d6;*/
/*  background: rgba(0, 0, 0, 0.4);*/
/*  --slice-duration: 0.6s;*/
/*  transition:*/
/*    transform 0.2s ease,*/
/*    box-shadow 0.2s ease,*/
/*    border-color 0.2s ease;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/*.cta-button:hover {*/
/*  transform: translateY(-2px);*/
/*  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);*/
/*}*/

/*.cta-button::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  inset: -120% auto -120% -120%;*/
/*  width: 90%;*/
/*  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100%);*/
/*  transform: translateX(-120%);*/
/*  opacity: 0.9;*/
/*}*/

/*.cta-button:hover::before {*/
/*  animation: cta-slice var(--slice-duration) ease-in-out;*/
/*}*/

/*.cta-essentials::before {*/
/*  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100%);*/
/*}*/

/*.cta-executive::before {*/
/*  background: linear-gradient(90deg, transparent 0%, rgba(245, 34, 45, 0.85) 50%, transparent 100%);*/
/*}*/

/*.cta-director::before {*/
/*  background: linear-gradient(90deg, transparent 0%, rgba(233, 181, 94, 0.9) 50%, transparent 100%);*/
/*}*/

/*@keyframes cta-slice {*/
/*  0% {*/
/*    transform: translateX(-120%);*/
/*  }*/
/*  50% {*/
/*    transform: translateX(60%);*/
/*  }*/
/*  100% {*/
/*    transform: translateX(140%);*/
/*  }*/
/*}*/

/*.cta-essentials {*/
/*  border-color: rgba(255, 255, 255, 0.4);*/
/*  color: #cfcfcf;*/
/*}*/

/*.cta-essentials:hover {*/
/*  animation: cta-fill-essentials 0.25s ease forwards;*/
/*  animation-delay: calc(var(--slice-duration) + 0.5s);*/
/*}*/

/*.cta-executive {*/
/*  border-color: rgba(241, 34, 45, 0.7);*/
/*  color: #f5222d;*/
/*}*/

/*.cta-executive:hover {*/
/*  animation: cta-fill-executive 0.25s ease forwards;*/
/*  animation-delay: calc(var(--slice-duration) + 0.5s);*/
/*}*/

/*.cta-director {*/
/*  border-color: rgba(233, 181, 94, 0.7);*/
/*  color: #e9b55e;*/
/*}*/

/*.cta-director:hover {*/
/*  animation: cta-fill-director 0.25s ease forwards;*/
/*  animation-delay: calc(var(--slice-duration) + 0.5s);*/
/*}*/

/*@keyframes cta-fill-essentials {*/
/*  to {*/
/*    background: linear-gradient(180deg, #d9d9d9, #8b8b8b);*/
/*    color: #ffffff;*/
/*  }*/
/*}*/

/*@keyframes cta-fill-executive {*/
/*  to {*/
/*    background: linear-gradient(180deg, #d7262f, #8c1218);*/
/*    color: #ffffff;*/
/*  }*/
/*}*/

/*@keyframes cta-fill-director {*/
/*  to {*/
/*    background: linear-gradient(180deg, #f0d28e, #b17b2c);*/
/*    color: #111111;*/
/*  }*/
/*}*/

.feature-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 1060px;
}

.feature-table colgroup col:not(:first-child) {
  width: 260px;
}

.feature-table th,
.feature-table td {
  border: 1px solid var(--grid-line);
  padding: 3px 12px;
  text-align: center;
  font-size: 21px;
  font-weight: 400;
}

.feature-table th:not(:first-child),
.feature-table td:not(:first-child) {
  padding-left: 30px;
  padding-right: 30px;
}

.feature-table thead th {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.feature-table thead th.features {
  background: #0a0a0a;
  color: #f40009;
  font-weight: 700;
  font-size: 36px;
  width: 53%;
  text-align: right;
  padding-right: 45px;
}

.feature-table thead th.essentials {
  background: linear-gradient(100deg, #0C0C0C, #D4D4D4);
  color: #ffffff;
  font-weight: 700;
  font-size: 31px;
  text-transform: capitalize;
}

.feature-table thead th.executive {
  background: linear-gradient(-100deg, #0C0C0C -20%, #EC1F27 100%);
  color: #f7f7f7;
  font-weight: 700;
  font-size: 31px;
  text-transform: capitalize;
}

.feature-table thead th.director {
  background: linear-gradient(180deg, #f0d28e, #b17b2c);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 31px;
  text-transform: capitalize;
}

.feature-table tbody th {
  text-align: right;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  padding-right: 45px;
  white-space: nowrap;
}

.dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 10px;
  vertical-align: middle;
}

.dot-red {
  background: radial-gradient(circle at 30% 30%, #ff6a6a, #a00000);
}

.dot-gold {
  background: linear-gradient(180deg, #9e693d 0%, #e8b85e 26%, #f6ddac 48%, #e8b85e 75%, #9e693d 100%);
}

.dot-silver {
  background: linear-gradient(180deg, #f1f1f1 0%, #cfcfcf 35%, #8a8a8a 70%, #ededed 100%);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
}

.feature-table tbody tr:nth-child(odd) {
  background: var(--cell-dark);
}

.feature-table tbody tr:nth-child(even) {
  background: var(--cell-mid);
}

.feature-table tbody tr {
  transition: background 0.2s ease;
}

.feature-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(120, 10, 12, 0.9), rgba(40, 6, 8, 0.9));
}

.feature-table tbody tr:hover th {
  color: #ec2227;
  transform: translateY(-2px);
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.check {
  color: transparent;
  font-size: 0;
  font-weight: 700;
  background: url("https://mymarketingpass.com/wp-content/uploads/2026/01/checkmark.png") center no-repeat;
  background-size: 26px 26px;
}

.x {
  color: transparent;
  font-size: 0;
  font-weight: 600;
  background: url("https://mymarketingpass.com/wp-content/uploads/2026/01/x.png") center no-repeat;
  background-size: 26px 26px;
}

.muted {
  color: var(--muted-x);
}

.x.muted {
  color: transparent;
}

.number {
  color: #ff3b3b;
  font-weight: 700;
}

.feature-table tbody tr:last-child {
  background: #3b82f6;
  color: #f4f7ff;
  font-weight: 700;
}

.feature-table tbody tr:last-child th {
  padding-right: 50px;
}

.feature-table tbody tr:last-child th {
  color: #f4f7ff;
}

.feature-table tbody tr:last-child:hover {
  background: #3b82f6;
}

.feature-table tbody tr:last-child .x {
  color: #ffffff;
}

.feature-table tbody tr:last-child .check {
  color: #ff8800;
}

.feature-table tbody tr:last-child .check,
.feature-table tbody tr:last-child .x {
  background: none;
}

@media (max-width: 760px) {
  .table-shell {
    width: 100%;
    overflow-x: auto;
  }

  .table-block {
    width: 100%;
  }

  .feature-table {
    min-width: 900px;
  }

  .feature-table th,
  .feature-table td {
    font-size: 14px;
  }

  .feature-table thead th {
    font-size: 16px;
  }

  .feature-table thead th.features {
    font-size: 24px;
  }

  .cta-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px 6px 0;
    width: 100%;
  }

  .cta-button {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .table-shell {
    width: 100%;
    overflow-x: auto;
  }

  .table-block {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .feature-table {
    min-width: 820px;
  }

  .feature-table colgroup col:not(:first-child) {
    width: 200px;
  }

  .feature-table th,
  .feature-table td {
    font-size: 13px;
  }

  .feature-table th:not(:first-child),
  .feature-table td:not(:first-child) {
    font-size: 12px;
  }

  .feature-table thead th {
    font-size: 14px;
  }

  .feature-table thead th.features {
    font-size: 20px;
  }

  .feature-table thead th.essentials,
  .feature-table thead th.executive,
  .feature-table thead th.director {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f70da6a */.elementor-5253 .elementor-element.elementor-element-f70da6a span {
    background: #0C0C0C;
background: linear-gradient(to right, #0C0C0C -50%, #D4D4D4 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-f70da6a:hover span {
    background: #0C0C0C;
background: linear-gradient(to right, #fff -50%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-f70da6a:hover path {
    fill:#fff;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7b1a8d */.elementor-5253 .elementor-element.elementor-element-f7b1a8d span {
background: #690000;
background: linear-gradient(to right, #690000 0%, #EC1F27 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-f7b1a8d:hover span {
    background: #0C0C0C;
background: linear-gradient(to right, #fff -50%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-f7b1a8d:hover path {
    fill:#fff;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7a46bbf */.elementor-5253 .elementor-element.elementor-element-7a46bbf span {
background: #690000;
background: linear-gradient(to right, #F6DDAC 0%, #F6DDAC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-7a46bbf:hover span {
    background: #0C0C0C;
background: linear-gradient(to right, #000 -50%, #000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.elementor-5253 .elementor-element.elementor-element-7a46bbf:hover path {
    fill:#000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30e6570 */thead,
thead th,
thead td {
  border: none !important;
}


.plan.director {
    background-image: url('https://mymarketingpass.com/wp-content/uploads/2026/01/Header-Cell.png') !important;
}


thead tr {
overflow: hidden;
    border: 1px solid #000;
}


.cta-button.cta-essentials, .cta-button.cta-executive, .cta-button.cta-director{
    border:1px solid red;
    font-size:17px;
    text-align: center;
    padding: 15px 40px;
    border-radius: 12px;
}


.cta-button.cta-essentials {
   background: radial-gradient(circle at 100% 100%, #000000 0, #000000 3px, transparent 3px) 0% 0%/8px 8px no-repeat,
            radial-gradient(circle at 0 100%, #000000 0, #000000 3px, transparent 3px) 100% 0%/8px 8px no-repeat,
            radial-gradient(circle at 100% 0, #000000 0, #000000 3px, transparent 3px) 0% 100%/8px 8px no-repeat,
            radial-gradient(circle at 0 0, #000000 0, #000000 3px, transparent 3px) 100% 100%/8px 8px no-repeat,
            linear-gradient(#000000, #000000) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat,
            linear-gradient(#000000, #000000) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat,
            linear-gradient(131deg, #a6a6a6 0%, #ffffff 48%, #6c6c6c 100%);
border-radius: 8px;
padding: 9px;
box-sizing: border-box; 
}/* End custom CSS */