.elementor-202 .elementor-element.elementor-element-7d7ae1e{--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-202 .elementor-element.elementor-element-5fa3701{text-align:center;}.elementor-202 .elementor-element.elementor-element-5fa3701 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.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-202 .elementor-element.elementor-element-a2c1221{padding:0px 400px 0px 400px;text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#272727;}.elementor-202 .elementor-element.elementor-element-f6df4ac{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-202 .elementor-element.elementor-element-6aeb9c5{--display:flex;}.elementor-202 .elementor-element.elementor-element-a4536e8{--display:flex;}.elementor-202 .elementor-element.elementor-element-65b65c7{--display:flex;}@media(min-width:768px){.elementor-202 .elementor-element.elementor-element-f6df4ac{--width:86%;}.elementor-202 .elementor-element.elementor-element-6aeb9c5{--width:33%;}.elementor-202 .elementor-element.elementor-element-a4536e8{--width:33%;}.elementor-202 .elementor-element.elementor-element-65b65c7{--width:33%;}}@media(max-width:767px){.elementor-202 .elementor-element.elementor-element-5fa3701 .elementor-heading-title{font-size:30px;}.elementor-202 .elementor-element.elementor-element-a2c1221{padding:0px 0px 0px 0px;font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-8a93093 *//* =========================
   SC3 -> Hover SC4 Card
   ========================= */

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-card{
  /* Theme variables (easy customize) */
  --accent: #b80000;               /* hover border + button bg */
  --soft: #fdecec;                 /* icon circle bg */
  --text: #111111;
  --muted: #6f6f6f;

  /* Card */
  --card-bg: #ffffff;
  --border: #e7e7e7;               /* SC3 border */
  --radius: 12px;
  --pad: 28px;
  --shadow: 0 10px 26px rgba(0,0,0,.10);

  /* Hover */
  --hover-scale: 1.02;
  --hover-lift: -4px;
  --hover-shadow: 0 18px 40px rgba(0,0,0,.14);

  /* Icon */
  --icon-wrap: 72px;
  --icon-size: 28px;

  /* Typography */
  --font: poppins;
  --title-size: 19px;
  --title-weight: 600;
  --desc-size: 16px;

  /* Button (SC3 default) */
  --btn-bg: #ffffff;
  --btn-border: #e3e3e3;
  --btn-text: #111111;
  --btn-radius: 8px;
  --btn-pad-y: 8px;
  --btn-pad-x: 18px;

  display: block;
  text-decoration: none;
  color: inherit;

  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--pad);
  box-shadow: var(--shadow);

  text-align: center;
  font-family: poppins;

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-icon{
  width: var(--icon-wrap);
  height: var(--icon-wrap);
  border-radius: 999px;
  background: var(--soft);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-icon svg{
  width: var(--icon-size);
  height: var(--icon-size);
  fill: var(--accent);
  display:block;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-title{
  margin: 0 0 10px;
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  color: var(--text);
  line-height: 1.2;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-desc{
  margin: 0 0 18px;
  font-size: var(--desc-size);
  color: var(--muted);
  line-height: 1.6;
}

/* Button row */
.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  background: var(--btn-bg);
  border: 1px solid var(--btn-border);
  border-radius: var(--btn-radius);
  padding: var(--btn-pad-y) var(--btn-pad-x);

  color: var(--btn-text);
  font-weight: 500;

  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-arrow{
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-arrow svg{
  width: 100%;
  height: 100%;
  fill: currentColor;
  display:block;
}

/* =========================
   Hover = SC4 (card hover triggers all)
   ========================= */
.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-card:hover{
  transform: translateY(var(--hover-lift)) scale(var(--hover-scale));
  box-shadow: var(--hover-shadow);
  border-color: var(--accent);          /* outer border turns red */
}

/* Button turns red on card hover */
.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-card:hover .svc4-btn{
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

/* =========================
   No extra hover on button itself
   (keeps behavior consistent)
   ========================= */
.elementor-202 .elementor-element.elementor-element-8a93093 .svc4-btn:hover{
  background: inherit;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 767px){
  .elementor-202 .elementor-element.elementor-element-8a93093 .svc4-card{
    --pad: 22px;
    --title-size: 20px;
    --desc-size: 15px;
    --icon-wrap: 66px;
    --icon-size: 26px;
  }
}

@media (max-width: 480px){
  .elementor-202 .elementor-element.elementor-element-8a93093 .svc4-card{
    --pad: 20px;
    --title-size: 18px;
    --desc-size: 14px;
    --btn-pad-y: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af44068 *//* =========================
   SC3 -> Hover SC4 Card
   ========================= */

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-card{
  /* Theme variables (easy customize) */
  --accent: #b80000;               /* hover border + button bg */
  --soft: #fdecec;                 /* icon circle bg */
  --text: #111111;
  --muted: #6f6f6f;

  /* Card */
  --card-bg: #ffffff;
  --border: #e7e7e7;               /* SC3 border */
  --radius: 12px;
  --pad: 28px;
  --shadow: 0 10px 26px rgba(0,0,0,.10);

  /* Hover */
  --hover-scale: 1.02;
  --hover-lift: -4px;
  --hover-shadow: 0 18px 40px rgba(0,0,0,.14);

  /* Icon */
  --icon-wrap: 72px;
  --icon-size: 28px;

  /* Typography */
  --font: poppins;
  --title-size: 19px;
  --title-weight: 600;
  --desc-size: 16px;

  /* Button (SC3 default) */
  --btn-bg: #ffffff;
  --btn-border: #e3e3e3;
  --btn-text: #111111;
  --btn-radius: 8px;
  --btn-pad-y: 8px;
  --btn-pad-x: 18px;

  display: block;
  text-decoration: none;
  color: inherit;

  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--pad);
  box-shadow: var(--shadow);

  text-align: center;
  font-family: poppins;

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-icon{
  width: var(--icon-wrap);
  height: var(--icon-wrap);
  border-radius: 999px;
  background: var(--soft);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-icon svg{
  width: var(--icon-size);
  height: var(--icon-size);
  fill: var(--accent);
  display:block;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-title{
  margin: 0 0 10px;
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  color: var(--text);
  line-height: 1.2;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-desc{
  margin: 0 0 18px;
  font-size: var(--desc-size);
  color: var(--muted);
  line-height: 1.6;
}

/* Button row */
.elementor-202 .elementor-element.elementor-element-af44068 .svc4-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  background: var(--btn-bg);
  border: 1px solid var(--btn-border);
  border-radius: var(--btn-radius);
  padding: var(--btn-pad-y) var(--btn-pad-x);

  color: var(--btn-text);
  font-weight: 500;

  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-arrow{
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-202 .elementor-element.elementor-element-af44068 .svc4-arrow svg{
  width: 100%;
  height: 100%;
  fill: currentColor;
  display:block;
}

/* =========================
   Hover = SC4 (card hover triggers all)
   ========================= */
.elementor-202 .elementor-element.elementor-element-af44068 .svc4-card:hover{
  transform: translateY(var(--hover-lift)) scale(var(--hover-scale));
  box-shadow: var(--hover-shadow);
  border-color: var(--accent);          /* outer border turns red */
}

/* Button turns red on card hover */
.elementor-202 .elementor-element.elementor-element-af44068 .svc4-card:hover .svc4-btn{
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

/* =========================
   No extra hover on button itself
   (keeps behavior consistent)
   ========================= */
.elementor-202 .elementor-element.elementor-element-af44068 .svc4-btn:hover{
  background: inherit;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 767px){
  .elementor-202 .elementor-element.elementor-element-af44068 .svc4-card{
    --pad: 22px;
    --title-size: 20px;
    --desc-size: 15px;
    --icon-wrap: 66px;
    --icon-size: 26px;
  }
}

@media (max-width: 480px){
  .elementor-202 .elementor-element.elementor-element-af44068 .svc4-card{
    --pad: 20px;
    --title-size: 18px;
    --desc-size: 14px;
    --btn-pad-y: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c392fd *//* =========================
   SC3 -> Hover SC4 Card
   ========================= */

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-card{
  /* Theme variables (easy customize) */
  --accent: #b80000;               /* hover border + button bg */
  --soft: #fdecec;                 /* icon circle bg */
  --text: #111111;
  --muted: #6f6f6f;

  /* Card */
  --card-bg: #ffffff;
  --border: #e7e7e7;               /* SC3 border */
  --radius: 12px;
  --pad: 28px;
  --shadow: 0 10px 26px rgba(0,0,0,.10);

  /* Hover */
  --hover-scale: 1.02;
  --hover-lift: -4px;
  --hover-shadow: 0 18px 40px rgba(0,0,0,.14);

  /* Icon */
  --icon-wrap: 72px;
  --icon-size: 28px;

  /* Typography */
  --font: poppins;
  --title-size: 19px;
  --title-weight: 600;
  --desc-size: 16px;

  /* Button (SC3 default) */
  --btn-bg: #ffffff;
  --btn-border: #e3e3e3;
  --btn-text: #111111;
  --btn-radius: 8px;
  --btn-pad-y: 8px;
  --btn-pad-x: 18px;

  display: block;
  text-decoration: none;
  color: inherit;

  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--pad);
  box-shadow: var(--shadow);

  text-align: center;
  font-family: poppins;

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-icon{
  width: var(--icon-wrap);
  height: var(--icon-wrap);
  border-radius: 999px;
  background: var(--soft);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-icon svg{
  width: var(--icon-size);
  height: var(--icon-size);
  fill: var(--accent);
  display:block;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-title{
  margin: 0 0 10px;
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  color: var(--text);
  line-height: 1.2;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-desc{
  margin: 0 0 18px;
  font-size: var(--desc-size);
  color: var(--muted);
  line-height: 1.6;
}

/* Button row */
.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  background: var(--btn-bg);
  border: 1px solid var(--btn-border);
  border-radius: var(--btn-radius);
  padding: var(--btn-pad-y) var(--btn-pad-x);

  color: var(--btn-text);
  font-weight: 500;

  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-arrow{
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-arrow svg{
  width: 100%;
  height: 100%;
  fill: currentColor;
  display:block;
}

/* =========================
   Hover = SC4 (card hover triggers all)
   ========================= */
.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-card:hover{
  transform: translateY(var(--hover-lift)) scale(var(--hover-scale));
  box-shadow: var(--hover-shadow);
  border-color: var(--accent);          /* outer border turns red */
}

/* Button turns red on card hover */
.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-card:hover .svc4-btn{
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

/* =========================
   No extra hover on button itself
   (keeps behavior consistent)
   ========================= */
.elementor-202 .elementor-element.elementor-element-7c392fd .svc4-btn:hover{
  background: inherit;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 767px){
  .elementor-202 .elementor-element.elementor-element-7c392fd .svc4-card{
    --pad: 22px;
    --title-size: 20px;
    --desc-size: 15px;
    --icon-wrap: 66px;
    --icon-size: 26px;
  }
}

@media (max-width: 480px){
  .elementor-202 .elementor-element.elementor-element-7c392fd .svc4-card{
    --pad: 20px;
    --title-size: 18px;
    --desc-size: 14px;
    --btn-pad-y: 8px;
  }
}/* End custom CSS */