/* # Global Styes
   # Please insert all GLobal Styles below, avoid inserting anywhere.
---------------------------------------------------------------------------------------------------- */
html {
	font-size: 62.5%; /* 10px browser default */
}
body {
	background-color: #fff;
	color: #000;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1.45;
}
body > div {
	font-size: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
a {
	text-decoration: none;
}

/* Reusable */

.gform_body input:focus::-webkit-input-placeholder,
.gform_body textarea:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

.gform_body input:focus:-moz-placeholder,
.gform_body textarea:focus:-moz- placeholder {
    opacity: 0 !important;
}

.gform_body input:focus:-ms-input-placeholder,
.gform_body textarea:focus:-ms- input-placeholder {
    opacity: 0 !important;
}

.gform_body input:focus::placeholder,
.gform_body textarea:focus::placeholder {
    opacity: 0 !important;
}

.btn-default a {
  height: 3.39vw;
  align-content: center;
  background-image: url("/wp-content/uploads/2026/04/btn-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-default a:hover {
  background: transparent;
}

.btn-default a:hover:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 100px;
  border: 3px solid transparent;
  background: linear-gradient(
      90deg,
      #f8cc1b -2.5%,
      #f6e89d 27.59%,
      #f8cc1b 50.39%,
      #f7db86 73.2%,
      #f8cc1b 98.43%
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 5;
}

.btn-default a:hover .elementor-button-text {
  background: linear-gradient(
    90deg,
    #f8cc1b -2.5%,
    #f6e89d 27.59%,
    #f8cc1b 50.39%,
    #f7db86 73.2%,
    #f8cc1b 98.43%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-border a {
  height: 3.39vw;
  align-content: center;  
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-border a:hover {
  background: transparent;
  background-image: url("/wp-content/uploads/2026/04/btn-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}

.btn-border a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 100px;
  border: 3px solid transparent;
  background: linear-gradient(
      90deg,
      #f8cc1b -2.5%,
      #f6e89d 27.59%,
      #f8cc1b 50.39%,
      #f7db86 73.2%,
      #f8cc1b 98.43%
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 5;
}
.btn-border a:hover:before { 
		
}
.btn-border a .elementor-button-text {
  background: linear-gradient(
    90deg,
    #f8cc1b -2.5%,
    #f6e89d 27.59%,
    #f8cc1b 50.39%,
    #f7db86 73.2%,
    #f8cc1b 98.43%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-border a:hover .elementor-button-text {
	color: #000;
	-webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
	background: transparent;
}

.list-arrow ul {
    padding: 0 0 0 1vw;
}
.list-arrow ul li {
    position: relative;
    padding-left: 1.2vw;
    list-style: none;
}
.list-arrow ul li::before {
    content: '';
    width: 0.625vw;
    height: 0.625vw;
    background: url(/wp-content/uploads/2026/04/list-icon-gold.webp) left center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: .6vw;
}

/* # Elementor Overwrites ---------------------------------------------------------------------------------------------------- */
.elementor-editor-active .site-header,
.elementor-editor-active .nav-primary {
	display: none;
}
.full-width-content.elementor-page .site-inner {
	max-width: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.full-width-content.elementor-page .entry {
	padding: 0;
	margin: 0;
}
body .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 119rem;
}
.full-width-content.elementor-page .site-inner {
	padding-top: 0;
}
.elementor_library-template-default.elementor-editor-active .sidebar {
    display: none;
}
.elementor_library-template-default .content {
    width: 100%;
    padding: 0;
    margin: 0;
}
.site-footer {
	display: none;
}
.text-grad {
    background: linear-gradient(90deg, #f8cc1b -2.5%, #f6e89d 27.59%, #f8cc1b 50.39%, #f7db86 73.2%, #f8cc1b 98.43%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cta-video .elementor-custom-embed-image-overlay img {
    min-height: 5.104vw;
}

/* # will apply this css starting 1025px and above
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .fluid-section .elementor-container {
    width: 84%;
  }
  .fluid-section .elementor-inner-section .elementor-container,
  .fluid-section .elementor-widget-popup .elementor-container {
    width: 100%;
  }
  .fluid-row .elementor-container {
    width: 78%;
  }
  .fluid-row .elementor-inner-section .elementor-container,
  .fluid-row .elementor-widget-popup .elementor-container {
    width: 100%;
  }
	.container-1500 .elementor-container {
		max-width: 78.125vw;
	}
}

/* # will apply this css starting 1024px and below
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
  .btn-default a,
  .btn-border a {
    height: 6.5vw;
  }
}

/* # will apply this css starting 1023px and below
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {

}

/* # Font Sizing
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1600px) {
	html {
		font-size: 56.3%;
	}
}
@media only screen and (max-width:1023px) {
	br {
		display: none;
	}
}
@media only screen and (max-width:960px) {
	html {
		font-size: 50%;
	}
}

@media only screen and (max-width:768px) {

}

@media only screen and (max-width:767px) {
  .btn-default a, .btn-border a  {
    height: 15vw;
  }
}

@media only screen and (max-width:568px) {

}
