.elementor-kit-11{--e-global-color-primary:#096FFA;--e-global-color-secondary:#FF9248;--e-global-color-text:#151426;--e-global-color-accent:#FFFFFF;--e-global-color-c974f45:#020336;--e-global-color-c6d10ca:#0018F9;--e-global-color-628f126:#704DF7;--e-global-color-e64b731:#FFFFFFCC;--e-global-color-2f418d8:#2B59FF;--e-global-color-841bdc0:#121124;--e-global-typography-primary-font-family:"NotoSans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"NotoSans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"NotoSans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"NotoSans";--e-global-typography-accent-font-weight:500;font-family:"NotoSans", Sans-serif;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-secondary );font-family:"NotoSans", Sans-serif;}.elementor-kit-11 a:hover{color:var( --e-global-color-e64b731 );}.elementor-kit-11 h1{font-family:"NotoSans", Sans-serif;}.elementor-kit-11 h2{font-family:"NotoSans", Sans-serif;}.elementor-kit-11 h3{font-family:"NotoSans", Sans-serif;}.elementor-kit-11 h4{font-family:"NotoSans", Sans-serif;}.elementor-kit-11 h5{font-family:"NotoSans", Sans-serif;}.elementor-kit-11 h6{font-family:"NotoSans", Sans-serif;}.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:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}.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:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* Apply to both your custom button and Elementor form submit button */
.grow-skew-btn a,
.elementor-form .elementor-button {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* Background animation */
.grow-skew-btn a::after,
.elementor-form .elementor-button::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  transition: all 0.3s ease;
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(-45deg) scale(0, 1);
}

.grow-skew-btn a:hover::after,
.elementor-form .elementor-button:hover::after {
  transform: skewX(-45deg) scale(1, 1);
  transition: all 0.3s ease-out;
}

/* Layout */
.grow-skew-btn {
  display: flex;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
  .grow-skew-btn {
    display: block !important; /* ensures button container spans full width */
  }

  .grow-skew-btn a,
  .elementor-form .elementor-button {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}








.inverse-grow-skew-btn a {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inverse-grow-skew-btn a::after {
  content: "";
  background: #FFF;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
}

.inverse-grow-skew-btn a::after {
  transition: all 0.3s ease;
}
.inverse-grow-skew-btn a:hover::after {
  transition: all 0.3s ease-out;
}

.inverse-grow-skew-btn a::after {
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(-45deg) scale(0, 1);
}
.inverse-grow-skew-btn a:hover::after {
  transform: skewX(-45deg) scale(1, 1);
}

.inverse-grow-skew-btn {
    display: flex;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
  .inverse-grow-skew-btn {
    display: block !important; /* ensures button container spans full width */
  }
  
  .inverse-grow-skew-btn a {
    display: block !important;
    width: 100% !important;     /* full width on mobile */
    box-sizing: border-box !important;;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('https://godwinotaru.com/wp-content/uploads/2024/08/NotoSans-ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */