.elementor-kit-12{--e-global-color-primary:#FF0000;--e-global-color-secondary:#FF0000;--e-global-color-text:#1B1E32;--e-global-color-accent:#FF0000;--e-global-color-7ea1bb7:#008CFF;--e-global-color-a967d0e:#6FAAF6;--e-global-color-91deb59:#B6D9FE;--e-global-color-d5d13dd:#01005D;--e-global-color-ef15015:#F7FAFF;--e-global-color-98b05b4:#F6F6F6;--e-global-color-20a342a:#E2E7F0;--e-global-color-9fb17fb:#FFFFFF;--e-global-color-6472947:#1155CC;--e-global-typography-primary-font-family:"Lexend";--e-global-typography-primary-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-9b01d9c-font-family:"Lexend";--e-global-typography-9b01d9c-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-9b01d9c-font-weight:600;--e-global-typography-6f8cee2-font-family:"Lexend";--e-global-typography-6f8cee2-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-6f8cee2-font-weight:500;--e-global-typography-f336eab-font-family:"Lexend";--e-global-typography-f336eab-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-f336eab-font-weight:500;--e-global-typography-076dcfc-font-family:"Lexend";--e-global-typography-076dcfc-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-076dcfc-font-weight:500;--e-global-typography-bfeeaa5-font-family:"Lexend";--e-global-typography-bfeeaa5-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-bfeeaa5-font-weight:500;--e-global-typography-74fc175-font-family:"Lexend";--e-global-typography-74fc175-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-74fc175-font-weight:500;--e-global-typography-0ca6887-font-family:"Lexend";--e-global-typography-0ca6887-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-0ca6887-font-weight:500;--e-global-typography-3c41d24-font-family:"Inter";--e-global-typography-3c41d24-font-size:1.2rem;--e-global-typography-3c41d24-font-weight:500;--e-global-typography-252112b-font-family:"Inter";--e-global-typography-252112b-font-size:1rem;--e-global-typography-252112b-font-weight:700;--e-global-typography-88fe701-font-family:"Inter";--e-global-typography-88fe701-font-size:1.125rem;--e-global-typography-88fe701-font-weight:400;--e-global-typography-88fe701-line-height:auto;--e-global-typography-2e48efd-font-family:"Inter";--e-global-typography-2e48efd-font-size:1.125rem;--e-global-typography-2e48efd-font-weight:600;--e-global-typography-b35f761-font-family:"Inter";--e-global-typography-b35f761-font-size:0.875rem;--e-global-typography-b35f761-font-weight:400;--e-global-typography-ec6795c-font-family:"Inter";--e-global-typography-ec6795c-font-size:0.875rem;--e-global-typography-ec6795c-font-weight:600;--e-global-typography-28428b4-font-family:"Inter";--e-global-typography-28428b4-font-size:clamp(0.875rem, 0.6061rem + 0.4202vw, 1rem);--e-global-typography-28428b4-font-weight:400;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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 */html  {
    scroll-behavior: auto !important; /* Disables default smooth scrolling */
       
  
}

/*To add padding for the whole body at once*/

:root {
    --body-padding: clamp(1rem, 0.6445rem + 1.4583vw, 1.875rem); /* Adjust padding size globally */
}

body {
    padding-left: var(--body-padding) !important;
    padding-right: var(--body-padding) !important;
    margin: 0  !important;
}


/* This makes a section stretch full width so removes the paddings we set before*/
.full-width {
      margin-left: calc(-1 * var(--body-padding)) !important;
      margin-right: calc(-1 * var(--body-padding)) !important;
      width: calc(100% + calc(2 * var(--body-padding)))  !important;
      max-width: none !important;
}

/*this makes the text wont have margin-bottom*/

.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}



.icon {
    line-height: 0px;
}


.gradient-text-1 {
  background: linear-gradient(45deg, #1155CC, #6FAAF6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}







/*Animated BTN*/
/* ---------- base state ---------- */
.hero-btn .elementor-button{
  /* keep your original look */
  position: relative;       /* needed for the ::before “shine” */
  overflow: hidden;         /* clip the shine inside the button */
  border: none;             /* no stroke in normal state */

  transition:
    box-shadow .3s ease,
    transform .3s ease,
    background-color .2s ease,
    color .2s ease;         /* smooth colour swap */
}



/* ---------- “shine” element ---------- */
.hero-btn .elementor-button::before{
  content:'';
  position:absolute;
  top:7%;                /* aligns the strip vertically */
  left:0;
  width:0;
  height:86%;
  opacity:0;
  background:#fff;       /* colour of the shine */
  box-shadow:0 0 50px 30px #fff;
  transform:skewX(-20deg);
}

/* trigger the sweep only on hover */
.hero-btn .elementor-button:hover::before{
  animation: heroShine .5s linear;
}

/* ---------- keyframes ---------- */
@keyframes heroShine{
  from{ opacity:0; left:0%; }
  50% { opacity:1; }
  to  { opacity:0; left:100%; }
}


html, body {
  overflow-x: hidden;
}/* End custom CSS */