.elementor-kit-13{--e-global-color-primary:#2B40F5;--e-global-color-secondary:#00C3FF;--e-global-color-text:#000000;--e-global-color-accent:#59595C;--e-global-color-d5f2246:#BCBCC2;--e-global-color-4da0deb:#919395;--e-global-color-cdd31b7:#CDD0D3;--e-global-color-5b83953:#FFFFFF;--e-global-color-4d73fd4:#02010100;--e-global-color-cb55606:#1A1A1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Mark Pro", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:transparent;font-family:"Mark Pro", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:#FFFFFF;background-image:linear-gradient(99.1deg, var( --e-global-color-primary ) 19.1%, var( --e-global-color-secondary ) 76.59%);box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.15);border-radius:999px 999px 999px 999px;padding:14px 20px 14px 20px;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 a{font-family:"Helvetica Now Display", Sans-serif;font-size:18px;font-weight:700;line-height:24px;}.elementor-kit-13 h1{font-family:"Helvetica Now Display", Sans-serif;font-size:70px;font-weight:800;line-height:60px;}.elementor-kit-13 h2{font-family:"Helvetica Now Display", Sans-serif;font-size:48px;line-height:58px;}.elementor-kit-13 h3{font-family:"Helvetica Now Display", Sans-serif;font-size:40px;line-height:48px;}.elementor-kit-13 h4{font-family:"Helvetica Now Display", Sans-serif;font-size:32px;line-height:38px;}.elementor-kit-13 h5{font-family:"Helvetica Now Display", Sans-serif;font-size:28px;line-height:34px;}.elementor-kit-13 h6{font-size:24px;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.page-shell {
  width: 100%;
  padding-inline: clamp(20px, 5vw, 80px);
  box-sizing: border-box;
}

.content-shell {
  width: 100%;
  max-width: 1280px;
 
}

.gradient-text {
  background: linear-gradient(90deg, #2B40F5 40%, #00C3FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-2 {
      background: linear-gradient(180deg, #2B40F5 0%, #00C3FF 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.core-note {
    font-family: "Helvetica Now display";
    font-weight: 700;
    color: #2B40F5;
}


/* ================================
   FILLED BUTTON
   Normal: Gradient background + white text
   Hover: Gradient border + gradient text
================================ */

.gradient-filled-btn .elementor-button {
    position: relative;
    overflow: hidden;

    border-radius: 999px;
    padding: 14px 20px;

    border: 2px solid transparent;

    background:
        linear-gradient(98.1deg, #2B40F5 40.91%, #00C3FF 85.11%) padding-box;

    background-origin: border-box;
    background-clip: padding-box;

    background-color: transparent;

    box-shadow: none;

    color: white;

    transition: all 0.3s ease;
}

.gradient-filled-btn .elementor-button:hover {
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(93.56deg, #2B40F5 56.34%, #00C3FF 84.68%) border-box;

    border: 2px solid transparent;

    background-origin: border-box;
    background-clip: padding-box, border-box;

    color: transparent;
}

.gradient-filled-btn .elementor-button:hover span {
    background: linear-gradient(93.56deg, #2B40F5 56.34%, #00C3FF 84.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* ================================
   OUTLINE BUTTON
   Normal: Gradient border + gradient text
   Hover: Gradient background + white text
================================ */

.gradient-outline-btn .elementor-button {
  position: relative;
    overflow: hidden;

    border-radius: 999px;
    padding: 14px 20px;

    border: 2px solid transparent;

    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(93.56deg, #2B40F5 56.34%, #00C3FF 84.68%) border-box;

    background-origin: border-box;
    background-clip: padding-box, border-box;

    background-color: transparent;

    box-shadow: none;

    color: transparent;

    transition: all 0.3s ease;
}

.gradient-outline-btn .elementor-button span {
 background: linear-gradient(93.56deg, #2B40F5 56.34%, #00C3FF 84.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-outline-btn .elementor-button:hover {
   background:
        linear-gradient(98.1deg, #2B40F5 40.91%, #00C3FF 85.11%) padding-box;

    background-origin: border-box;
    background-clip: padding-box;

    border: 2px solid transparent;

    color: white;
}

.gradient-outline-btn .elementor-button:hover span {
     background: none;
    -webkit-text-fill-color: white;
    color: white;
}



/* Tablet Styles */
@media (max-width: 1024px) {
  .responsive-btn {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
  }
}

/* Mobile Styles */
@media (max-width: 767px) {
  .responsive-btn {
    font-size: 8px;
    line-height: 16px;
    padding: 5px 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/NotoSansEthiopic-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/NotoSansEthiopic-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/MarkPro-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/MarkPro-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/MarkPro-Book.ttf') format('truetype');
}
@font-face {
	font-family: 'Mark Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/MarkPro-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Now Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/HelveticaNowDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Now Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/HelveticaNowDisplay-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Now Display';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://clario.dev.wearetinova.com/wp-content/uploads/2026/04/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */