.menubttn {background: #181938!important; transition: all .8s cubic-bezier(.25, .8, .25, 1);  border-radius: 64px!important; color: #fff!important;} 
.menubttn:hover  {background: #00b09b!important;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #96c93d, #00b09b)!important;  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #96c93d, #00b09b)!important; 
} 

.next-hero-progress {display: none!important;}


#sfm-sidebar .sfm-scroll {margin-left: 30px!important;}

.light-content #project-nav .all-works .link-text  {background-color: #fff!important; padding: 10px 60px; color: #1a1a1a; border-radius: 26px;}

.menubloc {margin-bottom: 20%!important;}
.menubloc {max-width: 1400px!important; float: center!important; display: flex;
  justify-content: center;}



.light-content p, .dark-section p {color: #f4f8f9;}



  .skewed {
background-color: #161324;
   background-image: radial-gradient( 50% 50% at 50% 100%, rgba(145, 143, 190, 0.15) 0%, rgba(103, 100, 159, 0.35) 20.83%, rgba(59, 58, 75, 0) 100% );

    padding: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 26px;
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
    }
    
    .skewed:hover {
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
    transform-origin: 50% 0%;
      opacity: 0.9;
      transform: translate3d(0px, 0px, 0px) rotate(0.8544deg) scale(0.9573, 0.957278);
   background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 transition: all .8s cubic-bezier(.25, .8, .25, 1);
    padding: 50px;
    box-shadow: rgba(0, 0, 0, 1) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border-radius: 26px;
    }

/*// Glow Border Animation //*/


.glow-on-hover {
  width: 220px;
  height: 50px;
  border: none;
  outline: none;
  color: #fff;
  background: #667db6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  font-family: Poppins, sans-serif;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 64px;  
margin: 20px;  
transition: all .8s cubic-bezier(.25, .8, .25, 1);
}

.glow-on-hover:before {  
  content: '';
	background-image: conic-gradient(rgba(0,0,0,0), #fff, rgba(0,0,0,0) 25%);
  position: absolute;
  top: -1px;
  left:-1px;
  background-size: 400%;
  z-index: -1;
  filter: blur(1px);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 64px;
}

.glow-on-hover:active {
  color: #000
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #19183a;  
  left: 0;
  top: 0;
  border-radius: 64px;
transition: all .8s cubic-bezier(.25, .8, .25, 1);
}

.glow-on-hover:hover:after {background-color: #fff!important; color: #1a1a1a!important; transition: all .8s cubic-bezier(.25, .8, .25, 1);}
.glow-on-hover:hover {color: #1a1a1a; transition: all .8s cubic-bezier(.25, .8, .25, 1);}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}

/*// Gallery //*/

.moving-gallery li img {border-radius: 26px;     transition: all .8s cubic-bezier(.25, .8, .25, 1);}
.moving-gallery li img:hover {border-radius: 26px;   transition: all .8s cubic-bezier(.25, .8, .25, 1);
    transform-origin: 50% 0%;
      opacity: 0.9;
      transform: translate3d(0px, 0px, 0px) rotate(0.8544deg) scale(0.9573, 0.957278);
 background-image: radial-gradient( 50% 50% at 50% 100%, rgba(145, 143, 190, 0.15) 0%, rgba(103, 100, 159, 0.99) 20.83%, rgba(59, 58, 75, 0) 100% );
   box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    transition: all .8s cubic-bezier(.25, .8, .25, 1);
}


.eapp-logo-showcase-logo-component {filter: grayscale(100%)!important;}
.eapp-logo-showcase-logo-component:hover {filter: grayscale(0%)!important;}

.shine {
  color:white;
  font-size: 80px;
  text-align:center;
  animation: glow 2s infinite alternate linear;
padding: 20px;
}

@keyframes glow {
  0% {
    text-shadow: 0 0 10px rgba(255,255,255,.8),
                 0 0 20px rgba(255,255,255,.8),
                 0 0 30px rgba(255,255,255,.8),
                 0 0 40px rgba(0, 100, 151,.8),
                 0 0 50px rgba(0, 100, 151,.8),
                 0 0 60px rgba(0, 100, 151,.5),
                 0 0 70px rgba(0, 100, 151,.5),
                 0 0 90px rgba(0, 100, 151,.5),
                 0 0 100px rgba(0, 100, 151,.5);
  }
  100% {
    text-shadow: 0 0 2px rgba(255,255,255,.8),
                 0 0 8px rgba(255,255,255,.8),
                 0 0 10px rgba(55,255,255,.8),
                 0 0 20px rgba(50, 100, 151,.5),
                 0 0 30px rgba(50, 100, 151,.5),
                 0 0 40px rgba(50, 100, 151,.5),
                 0 0 50px rgba(50, 100, 151,.5),
                 0 0 100px rgba(50, 100, 151,.5);
  }
}



.no-glow-on-hover {
  width: 200px;
  height: 70px;
  border: none;
  outline: none;
  color: #080614;
background: #f4f8f9;  /* fallback for old browsers */


  font-family: Poppins, sans-serif;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 84px;  
margin: 20px;  
transition: all .8s cubic-bezier(.25, .8, .25, 1);
}

.no-glow-on-hover:hover {transition: all .8s cubic-bezier(.25, .8, .25, 1); background: #191938; color: #fff;}

.quoteschg {color: #fff; max-width: 800px; text-align: center; float: center; margin-top: 5%;}
.quoteschg .dashicons {display: none;}








 .skewedhome {
background-color: #161324;
   background-image: radial-gradient( 50% 50% at 50% 100%, rgba(145, 143, 190, 0.15) 0%, rgba(103, 100, 159, 0.35) 20.83%, rgba(59, 58, 75, 0) 100% );
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 26px;
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
    }
    
    .skewedhome:hover {
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
    transform-origin: 50% 0%;
      opacity: 0.9;
      transform: translate3d(0px, 0px, 0px) rotate(0.8544deg) scale(0.9573, 0.957278);
   background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 transition: all .8s cubic-bezier(.25, .8, .25, 1);
    box-shadow: rgba(0, 0, 0, 1) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border-radius: 26px;
    }

.shimg { box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 18px;
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
width:  90%!important;
}

.shimg:hover {
    transition: all .8s cubic-bezier(.25, .8, .25, 1);
    transform-origin: 50% 0%;
      opacity: 0.9;
      transform: translate3d(0px, 0px, 0px) rotate(0.8544deg) scale(0.9573, 0.957278);
   background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 transition: all .8s cubic-bezier(.25, .8, .25, 1);
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

    }

.menutitle {padding-left: 10px;}



.no-glow-on-hover .footicon {background: url('/wp-content/uploads/2024/03/icon.png') no-repeat;
    float: left;
    width: 10px;
    height: 40px;}








.geckobutton{
  width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #080614;
background: #FFEFBA;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    font-family: Poppins, sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 64px;
    margin: 20px;
    transition: all .8s cubic-bezier(.25, .8, .25, 1); 
  
  img{
    width: 30px; margin-right:5px; display:inline-block; vertical-align:middle; margin-top:-3px; transition: all .8s cubic-bezier(.25, .8, .25, 1); 
  }
}


.herobut

 {background: #a8c0ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3f2b96, #a8c0ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3f2b96, #a8c0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 padding: 12px 30px; border-radius: 36px; color: #1a1a1a;}

.img {border-radius: 20px!important;}

.houses {max-width: 300px; margin-right: 80px; }

.zoomimg2 img {border-radius: 26px!important; background-color: transparent!important;  background: transparent!important;}

.light-content #main-page-content {
    color: #d99700!important;
}




/*// Glow Border Animation //*/


.glow-on-hover {
  width: 200px;
  height: 80px;
  border: none;
  outline: none;
  color: #fff;
  background: #667db6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  font-family: Poppins, sans-serif;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 64px;  
margin: 20px;  
transition: all .8s cubic-bezier(.25, .8, .25, 1);
}

.glow-on-hover:before {  
  content: '';
	background-image: conic-gradient(rgba(0,0,0,0), #fff, rgba(0,0,0,0) 25%);
  position: absolute;
  top: -1px;
  left:-1px;
  background-size: 400%;
  z-index: -1;
  filter: blur(1px);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 64px;
}

.glow-on-hover:active {
  color: #000
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #19183a;  
  left: 0;
  top: 0;
  border-radius: 64px;
transition: all .8s cubic-bezier(.25, .8, .25, 1);
}

.glow-on-hover:hover:after {background-color: #fff!important; color: #1a1a1a!important; transition: all .8s cubic-bezier(.25, .8, .25, 1);}
.glow-on-hover:hover {color: #1a1a1a; transition: all .8s cubic-bezier(.25, .8, .25, 1);}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}