.elementor-4268 .elementor-element.elementor-element-db30342:not(.elementor-motion-effects-element-type-background), .elementor-4268 .elementor-element.elementor-element-db30342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151515;}.elementor-4268 .elementor-element.elementor-element-db30342{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4268 .elementor-element.elementor-element-db30342 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4268 .elementor-element.elementor-element-9032551.elementor-column > .elementor-widget-wrap{justify-content:center;}/* Start custom CSS for html, class: .elementor-element-4a8eef9 */.btn-11{
  padding: 16px 32px;
  background-color: #609137;
  color: #ffffff;
}

.nap {
  height: 30px;
  padding: 3rem;
  text-align: center;
}

.nap .btnanimate{
  font-size: 16px;
  padding: 0.5rem 1rem !important;
}

.btnanimate {
  width: 200px;
  display: inline-block;
  padding: 1.2rem 2.25rem;
  border-radius: 15px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.15rem;
  transition: all 0.9s;
  transition-timing-function: cubic-bezier(.8,0,.1,1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
  margin: 0px 1.2rem;
}

.btnanimate:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #F35434;
  border-radius: 15px;
  z-index: -2;
}

.btnanimate:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -90px;
  left: 50%;
  width: 0%;
  height: 0%;
  border-radius: 50%;
  background-color: #25438C;
	transform: translate(-50%, -50%);
  transition: all 0.6s ease-in-out;
  z-index: -1;
}

.btnanimate:hover {
  color: #ffffff;
}

.btnanimate:hover:before {
  width: 150%;
  height: 300px;
  transform: translate(-50%, -50%);
  bottom:-200px;
}

.button-text {
  width: inherit;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: center;
}

.button-text span{
  display:block;
}

span.t2{
  display: block;
  width: 100%;
  position: absolute;
  top: 30px;
}

/* .
.
.
.
.
.
.
. */


/* Page Styling */

* {
  margin: 0;
  font-family: 'Outfit', sans-serif;
}

body{
  width: 100vw;
  height: 100vh;
}

.main-container {
  padding: 5rem;
  margin: 0 auto;
  text-align: center;
  background-color: #0c0b00;
}

h1 {
  text-transform: uppercase;
  font-size: 4.8rem;
  margin-bottom: 4rem;
  color: #f7dc08;
  text-align: center;
}

.overflow {
  width: 350px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}


@-webkit-keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fa3; }
  50% { background-color: #888; }
  99% { background-color: #000; }
  100% { background-color: #fff; }
}

@-moz-keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fa3; }
  50% { background-color: #888; }
  99% { background-color: #000; }
  100% { background-color: #fff; }
}
@keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fa3; }
  50% { background-color: #888; }
  99% { background-color: #000; }
  100% { background-color: #fff; }
}

.btn-5:after {
  background-color: #f35434;
}

.btn-6:after {
/*   background-color: transparent; */
  background-image: linear-gradient(to right, #f35434, #f35434);
/*   transition: all ease */
}/* End custom CSS */