.elementor-20 .elementor-element.elementor-element-b922cf8{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-c47023f{--display:flex;}.elementor-20 .elementor-element.elementor-element-928cb7a{--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-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-20 .elementor-element.elementor-element-520fac0{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-520fac0 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-5f145f3{--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;}.elementor-20 .elementor-element.elementor-element-573e62b{--display:flex;}.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-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-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-20 .elementor-element.elementor-element-c0d7e04 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-c0d7e04 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-bdc749e{--display:flex;}.elementor-20 .elementor-element.elementor-element-25e56a8 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-25e56a8 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-86c9969{--display:flex;}.elementor-20 .elementor-element.elementor-element-834d640 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-834d640 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-d57fc47{--display:flex;}.elementor-20 .elementor-element.elementor-element-4079452{--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-20 .elementor-element.elementor-element-ac69b87{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-ac69b87 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-858522d{--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;}.elementor-20 .elementor-element.elementor-element-ed042d8{--display:flex;}.elementor-20 .elementor-element.elementor-element-2e812b1 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-2e812b1 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e6484f9{--display:flex;}.elementor-20 .elementor-element.elementor-element-e2f1db2 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e2f1db2 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-28652a0{--display:flex;}.elementor-20 .elementor-element.elementor-element-d679a1b .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-d679a1b .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-7bebe21{--display:flex;}.elementor-20 .elementor-element.elementor-element-b06b917{--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-20 .elementor-element.elementor-element-4bee230{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-4bee230 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-eda1862{--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;}.elementor-20 .elementor-element.elementor-element-dcb636f{--display:flex;}.elementor-20 .elementor-element.elementor-element-38a1d6e .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-38a1d6e .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-6313aff{--display:flex;}.elementor-20 .elementor-element.elementor-element-d384d9e .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-d384d9e .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-a80d30a{--display:flex;}.elementor-20 .elementor-element.elementor-element-214e107 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-214e107 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-5b63659{--display:flex;}.elementor-20 .elementor-element.elementor-element-6dfd1be{--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-20 .elementor-element.elementor-element-2833343{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-2833343 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-de43fb3{--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;}.elementor-20 .elementor-element.elementor-element-7f2d2d1{--display:flex;}.elementor-20 .elementor-element.elementor-element-14a93fc .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-14a93fc .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-152b21d{--display:flex;}.elementor-20 .elementor-element.elementor-element-f73ffeb .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-f73ffeb .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-f888d66{--display:flex;}.elementor-20 .elementor-element.elementor-element-eecb0ba .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-eecb0ba .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-83ab277{--display:flex;}.elementor-20 .elementor-element.elementor-element-4e61bc8{--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-20 .elementor-element.elementor-element-39240be{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-39240be .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-194382d{--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;}.elementor-20 .elementor-element.elementor-element-f973d1b{--display:flex;}.elementor-20 .elementor-element.elementor-element-30afc25 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-30afc25 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-fd7df49{--display:flex;}.elementor-20 .elementor-element.elementor-element-4d1fa03 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-4d1fa03 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-7cc4c64{--display:flex;}.elementor-20 .elementor-element.elementor-element-9be1c9c .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-9be1c9c .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-930e629{--display:flex;}.elementor-20 .elementor-element.elementor-element-00328ea{--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-20 .elementor-element.elementor-element-c8d5b12{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-c8d5b12 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-26fdbfd{--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;}.elementor-20 .elementor-element.elementor-element-9997fce{--display:flex;}.elementor-20 .elementor-element.elementor-element-7cc9923 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-7cc9923 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-d71af0e{--display:flex;}.elementor-20 .elementor-element.elementor-element-e460efe .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e460efe .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-d613638{--display:flex;}.elementor-20 .elementor-element.elementor-element-17c1208 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-17c1208 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-34e0247{--display:flex;}.elementor-20 .elementor-element.elementor-element-1e13a31{--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-20 .elementor-element.elementor-element-b95200c{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-b95200c .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-c396eec{--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;}.elementor-20 .elementor-element.elementor-element-015f0ef{--display:flex;}.elementor-20 .elementor-element.elementor-element-cb9a66b .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-cb9a66b .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-22cf3e5{--display:flex;}.elementor-20 .elementor-element.elementor-element-119f590 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-119f590 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-bf13e72{--display:flex;}.elementor-20 .elementor-element.elementor-element-c19ddb5 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-c19ddb5 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-18422aa{--display:flex;}.elementor-20 .elementor-element.elementor-element-ed002f2{--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-20 .elementor-element.elementor-element-54ba599{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-54ba599 .elementor-heading-title{color:#052955;}.elementor-20 .elementor-element.elementor-element-890b4a6{--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;}.elementor-20 .elementor-element.elementor-element-b12cb2d{--display:flex;}.elementor-20 .elementor-element.elementor-element-a2809e1 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-a2809e1 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-feb6eb5{--display:flex;}.elementor-20 .elementor-element.elementor-element-4668d66 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-4668d66 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e1a03b1{--display:flex;}.elementor-20 .elementor-element.elementor-element-0fc6137 .elementor-button-content-wrapper .elementor-button-icon i:before{font-size:16px;}.elementor-20 .elementor-element.elementor-element-0fc6137 .elementor-button-content-wrapper .elementor-button-icon svg{font-size:16px;}.elementor-20 .elementor-element.elementor-element-847dc85{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-border-radius:32px 32px 32px 32px;--n-tabs-title-color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-847dc85.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-573e62b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed042d8 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb636f *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f2d2d1 *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f973d1b *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9997fce *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015f0ef *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12cb2d *//* SMO Plan Card */
.card {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border: 1px solid #e5ecf5;
  border-radius: 20px;
  padding: 28px;
  max-width: 420px;
  margin: 25px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Heading */
.card h2.elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #1a1a1a; /* dark but clean */
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Image */
.card img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(0,115,230,0.15);
  transition: transform .3s;
}
.card img:hover {
  transform: scale(1.05);
}

/* Inclusions section */
.inclusions .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0073e6;
}
.inclusions-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inclusion-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid #e0ebf7;
  border-radius: 14px;
  background: #fdfdff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.08);
  transition: all .3s;
}
.inclusion-item:hover {
  background: #f0f8ff;
  transform: translateX(5px);
}
.inclusion-item svg {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: #0073e6;
}
.inclusion-item h4 {
  margin: 0 0 5px;
  font-size: 15px;
  color: #222;
}
.inclusion-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.badge {
  background: #eef6ff;
  border: 1px solid #cfe4ff;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #155fb9;
  font-weight: 600;
}

/* Button */
.card .elementor-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 22px;
  padding: 14px 20px;
  border-radius: 35px;
  background: linear-gradient(90deg, #0073e6, #00c6ff);
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all .3s;
  box-shadow: 0 6px 18px rgba(0,115,230,0.25);
}
.card .elementor-button:hover {
  background: linear-gradient(90deg, #005bb5, #0092cc);
  box-shadow: 0 8px 24px rgba(0,115,230,0.35);
  transform: scale(1.03);
}/* End custom CSS */