.elementor-635 .elementor-element.elementor-element-44808891{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-44808891:not(.elementor-motion-effects-element-type-background), .elementor-635 .elementor-element.elementor-element-44808891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://docnito.com/wp-content/uploads/2026/01/pexels-yankrukov-8197534-1024x683.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.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-635 .elementor-element.elementor-element-3ce644ac{background-color:#FFFFFF91;border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);text-align:center;}.elementor-635 .elementor-element.elementor-element-3ce644ac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;text-shadow:7px 0px 87px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-635 .elementor-element.elementor-element-2339929{--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-635 .elementor-element.elementor-element-bfc7cf4{text-align:center;}.elementor-635 .elementor-element.elementor-element-38363b2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-635 .elementor-element.elementor-element-dcd8bce{--display:flex;}.elementor-635 .elementor-element.elementor-element-7a0fb42{--display:flex;}.elementor-635 .elementor-element.elementor-element-3dabda5{--display:flex;}.elementor-635 .elementor-element.elementor-element-18a37037{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-69785097{--display:flex;--min-height:0px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.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-635 .elementor-element.elementor-element-3b835d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-635 .elementor-element.elementor-element-3b835d7 img{width:100%;}.elementor-635 .elementor-element.elementor-element-5484c575{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-7px;--padding-top:1%;--padding-bottom:2%;--padding-left:2%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-e2dd712{margin:0px 14px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-635 .elementor-element.elementor-element-613754b{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:5%;}.elementor-635 .elementor-element.elementor-element-150fe85{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-7px;--padding-top:1%;--padding-bottom:2%;--padding-left:2%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-eee7853{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-7px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-2c41a92{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-f105207{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-d921c67{padding:0px 0px 0px 0px;}.elementor-635 .elementor-element.elementor-element-475b333{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-7px;--padding-top:1%;--padding-bottom:2%;--padding-left:2%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-c6fccee{margin:0px 14px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-635 .elementor-element.elementor-element-992f70c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-bcb036f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-7e6365a{--display:flex;}.elementor-635 .elementor-element.elementor-element-d3ae80d{--display:flex;}.elementor-635 .elementor-element.elementor-element-8d3c78e{--display:flex;}.elementor-635 .elementor-element.elementor-element-619b762{--display:flex;}.elementor-635 .elementor-element.elementor-element-69316c0{--display:flex;}.elementor-635 .elementor-element.elementor-element-0be9213{--display:flex;}.elementor-635 .elementor-element.elementor-element-e391008{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-a2e8429{text-align:center;}body.elementor-page-635:not(.elementor-motion-effects-element-type-background), body.elementor-page-635 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-635{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}@media(min-width:768px){.elementor-635 .elementor-element.elementor-element-44808891{--content-width:780px;}.elementor-635 .elementor-element.elementor-element-18a37037{--content-width:1920px;}.elementor-635 .elementor-element.elementor-element-69785097{--width:50%;}.elementor-635 .elementor-element.elementor-element-5484c575{--width:60%;}.elementor-635 .elementor-element.elementor-element-613754b{--content-width:1920px;}.elementor-635 .elementor-element.elementor-element-150fe85{--width:60%;}.elementor-635 .elementor-element.elementor-element-eee7853{--width:60%;}.elementor-635 .elementor-element.elementor-element-2c41a92{--content-width:1920px;}.elementor-635 .elementor-element.elementor-element-f105207{--width:50%;}.elementor-635 .elementor-element.elementor-element-475b333{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-635 .elementor-element.elementor-element-44808891{--content-width:580px;}.elementor-635 .elementor-element.elementor-element-69785097{--width:50%;}.elementor-635 .elementor-element.elementor-element-5484c575{--width:50%;}.elementor-635 .elementor-element.elementor-element-150fe85{--width:50%;}.elementor-635 .elementor-element.elementor-element-eee7853{--width:50%;}.elementor-635 .elementor-element.elementor-element-f105207{--width:50%;}.elementor-635 .elementor-element.elementor-element-475b333{--width:50%;}}@media(max-width:1024px){.elementor-635 .elementor-element.elementor-element-44808891{--min-height:0px;--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;}.elementor-635 .elementor-element.elementor-element-3ce644ac .elementor-heading-title{font-size:42px;}.elementor-635 .elementor-element.elementor-element-38363b2{--grid-auto-flow:row;}.elementor-635 .elementor-element.elementor-element-18a37037{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-635 .elementor-element.elementor-element-69785097{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-635 .elementor-element.elementor-element-613754b{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-635 .elementor-element.elementor-element-150fe85{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-635 .elementor-element.elementor-element-2c41a92{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-635 .elementor-element.elementor-element-f105207{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-635 .elementor-element.elementor-element-bcb036f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-635 .elementor-element.elementor-element-44808891:not(.elementor-motion-effects-element-type-background), .elementor-635 .elementor-element.elementor-element-44808891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-635 .elementor-element.elementor-element-44808891{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-635 .elementor-element.elementor-element-3ce644ac{text-align:center;}.elementor-635 .elementor-element.elementor-element-3ce644ac .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-635 .elementor-element.elementor-element-38363b2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-635 .elementor-element.elementor-element-18a37037{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-69785097{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-5484c575{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-613754b{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-150fe85{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-eee7853{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-2c41a92{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-f105207{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-635 .elementor-element.elementor-element-475b333{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-635 .elementor-element.elementor-element-bcb036f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-dfa7a01 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-826464d */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f8281 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c453200 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e21747 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e756e9 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dbad1b */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1d77d2 */comparison-set/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0b610 */comparison-set/* End custom CSS */
/* Start custom CSS *//* =========================================================
   Docnito — Comparison Cards (Elementor Safe)
   Paste this whole block into Theme Options > Custom CSS
   ========================================================= */

/* ---------- Layout: one comparison set containing 3 cards ---------- */
.comparison-set{
  /* IMPORTANT: let Elementor handle the 3 columns; we just style the cards */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Elementor sometimes constrains inner wrappers; make them full width */
.comparison-set,
.comparison-set .section_wrapper,
.comparison-set .wrap,
.comparison-set .mcb-wrap,
.comparison-set .mcb-wrap-inner,
.comparison-set .mcb-wrap-inner > .wrap{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Ensure the content area inside each column fills the column */
.comparison-set .column_attr,
.comparison-set .mcb-column-inner,
.comparison-set .mcb-column-inner > .column_attr{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ---------- Card base ---------- */
.comparison-card{
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(2, 8, 23, 0.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  transition: transform 140ms ease, box-shadow 140ms ease;
}

.comparison-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(2, 8, 23, 0.14);
}

/* ---------- Top header area ---------- */
.comparison-top{
  padding: 18px;
  color: #fff !important;
}

.comparison-leadline{
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  opacity: 0.95;
  margin: 0 0 6px 0;
}

.comparison-price{
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 10px 0;
}

.comparison-course{
  font-size: 16px;
  font-weight: 700;
  opacity: 1;
  margin: 0;
}

/* ---------- List ---------- */
.comparison-list{
  list-style: none;
  padding: 16px 18px 18px;
  margin: 0;
  display: grid;
  gap: 10px;
  color: #5b667a;
  font-size: 14px;
}

.comparison-list li{
  position: relative;
  padding-left: 28px;
  line-height: 1.3;
  margin: 0;
}

/* Reset theme/builder list bullets if any */
.comparison-list li::marker{ content: ""; }

.comparison-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
}

/* ✓ and ✕ signifiers */
.comparison-list li.is-yes::before{
  content: "✓";
  color: #0a7a3b;
}

.comparison-list li.is-no::before{
  content: "×";
  color: #b42318;
}

/* ---------- Button ---------- */
.comparison-btn{
  margin: auto 18px 18px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff !important;
  display: block;
  transition: filter 140ms ease, transform 140ms ease;
}

.comparison-btn:active{ transform: scale(0.99); }
.comparison-btn:hover{ filter: brightness(1.05); }

/* =========================================================
   Color Themes (Muffin columns)
   Uses column position within each comparison-set:
   1st column = teal/blue
   2nd column = green
   3rd column = red
   ========================================================= */

/* POSITION-CLASS COLOURS (Elementor-proof) */
.comparison-set .is-col-1 .comparison-top{
  background: linear-gradient(135deg, #12b4b1, #0ea5e9) !important;
  color: #fff !important;
}
.comparison-set .is-col-1 .comparison-btn{
  background: #0ea5e9 !important;
}

.comparison-set .is-col-2 .comparison-top{
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
}
.comparison-set .is-col-2 .comparison-btn{
  background: #16a34a !important;
}

.comparison-set .is-col-3 .comparison-top{
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  color: #fff !important;
}
.comparison-set .is-col-3 .comparison-btn{
  background: #b91c1c !important;
}/* End custom CSS */