/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2025 | 09:40:51 */
.footer-widget-area .widget-title{
	font-size:23px !important;	
	color:#efa765 !important;
}

.wp-block-navigation-item__content:hover .wp-block-navigation-item__label{
	color:#efa765 !important;	
}

.wp-block-navigation-item__label:hover{
	color:#efa765 !important;	
}


.carousel-slider.owl-drag .owl-item{
	display:flex;
	justify-content:center;
	align-items:center;
	vertical-align:middle;
}

.sp-ea-single{
	padding:10px;
		box-shadow:0px 0px 40px rgba(0,0,0,0.1)
}

/*  button hover effect */
	.ast-outline-button {
    position: relative;
    cursor: pointer;
   
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    border: none;
    padding: 8px 25px;
    background: #fff;
    color: #222;
    font-size: 17px;
		transform-style:capitalize !important;
     
  }
  
  .ast-outline-button:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -10px;
    left: -10px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transition: all 0.5s;
  }
  
  .ast-outline-button:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: -10px;
    right: -10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transition: all 0.5s; 
  }

  .ast-outline-button:hover:before,
  .ast-outline-button:hover:after {
    height: 100%;
    width: 100%;
  }



.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{
	text-transform:capitalize !important;
}



.wp-block-button__link {
    position: relative;
    cursor: pointer;
   
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    border: none;
    padding: 8px 25px;
    background: #fff;
    color: #222;
    font-size: 17px;
		transform-style:capitalize !important;
     
  }
  
  .wp-block-button__link:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -10px;
    left: -10px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transition: all 0.5s;
  }
  
  .wp-block-button__link:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: -10px;
    right: -10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transition: all 0.5s; 
  }

  .wp-block-button__link:hover:before,
  .wp-block-button__link:hover:after {
    height: 100%;
    width: 100%;
  }



/*  end effect  */

.buttom-bottom-fixed{
	position:absolute;
	bottom:25px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
.p-relative{
	position:relative;
}

.wpforms-field-large{
	border-radius:40px !important;
}
.wpforms-field-medium{
	border-radius:30px !important;
}

.menu-link{
	    text-transform: capitalize;
}

.sub-menu{
	z-index:1024;
	position:relative;
}

.slow-fade {
  animation-duration: 3s !important;
  animation-delay: 0.5s !important;
}

#canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}



.z-index999{
	z-index:1;
}

/*
.animated-image {
  animation: rotateAnimation 10s linear infinite;
}

@keyframes rotateAnimation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
*/

.animated-image {
  animation: moveAnimation 5s ease-in-out infinite;
  position: relative;
}

@keyframes moveAnimation {
  0% { top: 0; }
  50% { top: 10px; }
  100% { top: 0; }
}


.custom-logo  {
  animation: flipRepeat 2s ease-in-out infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

@keyframes flipRepeat {
  0%   { transform: scaleX(1); }
  50%  { transform: scaleX(-1); }
  100% { transform: scaleX(1); }
}

.custom-logo {
  animation: flipWithPause 5s ease-in-out infinite;
  display: inline-block;
}

@keyframes flipWithPause {
  0%   { transform: scaleX(1); }
  5%   { transform: scaleX(-1); }
  10%  { transform: scaleX(1); }
  100% { transform: scaleX(1); } /* remain still for rest of 6s */
}


/* background animation */

canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
opacity:0.3;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}




