/* fixed mobile scroll */
html, body {
	scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}

.iti--fullscreen-popup.iti--container{
  z-index: 999999;
}
/* header{
	margin-bottom: 90px;
}
.home header{
	margin-bottom: 0 !important;
} */



/* large body font  */
.lg-txt{
	font-size:24px !important;
	line-height: 30px !important;
}
@media(max-width: 778px){
	.lg-txt{
	font-size:16px !important;
	line-height: 22px !important;
}
}


/* button styles  */
.s-btn{
	position: relative;
}
.s-btn::after{
content:"";
	height: 100%;
	width: 100%;
	background-color: var(--primary);
	top:0;
	left:0;
	position: absolute;
	z-index:-2;
	transition: all 1s ease;
}
.s-btn::before{
	content: "";
    background: var(--bricks-color-c5f1ea);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out;
}


.s-btn{
		z-index:1;
		transition: all .3s ease .35s;
}
.s-btn:hover{
	color: white !important;
}
.s-btn:hover::before{
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .8s ease-out .5s, height .8s ease-out .5s !important;
}

.s-btn.btn-black::after{
	background-color: var(--bricks-color-c5f1ea);
}

.s-btn.btn-black::before{
	background-color: #fff;
}
.s-btn.btn-black:hover{
	color: var(--bricks-color-c5f1ea) !important;
}
/*footer  underline on hover  */
.underline-on-hover a span,
.underline-txt{
	position: relative;
	overflow: hidden;
}

.underline-on-hover a span::before,
.underline-txt::before{
	content:"";
	height: 1px;
	width: 0;
	background: black;
	position: absolute;
	bottom:0;
	left:0;
	transition: all .3s ease;
}
.underline-on-hover a:hover span::before,
.underline-txt:hover::before{
	width: 100%;
}
.underline-on-hover a:hover span{
	color: black;
}


.underline-txt .icon{
	position: relative;
	transition: all .3s ease;
}
.underline-txt .icon::before{
	content:"";
	height:22px;
	width: 22px;
	background-image: url("/wp-content/uploads/2025/05/arrow_outward.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom:-22px;
	left:0;
	transition: all .3s ease;
}
.underline-txt:hover .icon{
	transform: translateY(-22px)
}

/* animate-when-enter */

.animate-when-enter {
	transform-origin: bottom;
	transform: scale(0.92) translateY(50px);
	opacity: 0;
	transition: all 0.7s ease;
}

/* dont animate inside builder mode  */
.animate-when-enter[trigger-animation="triggered"] {
	transform: scale(1)  translateY(0px);
	opacity: 1;
}

body[data-builder-mode] .animate-when-enter {
  transform: scale(1)  translateY(0px) !important;
	opacity: 1 !important;
}

body[body-scroll="false"]{
	overflow: hidden !important;
	height: 100dvh;
}
/* 
/* animation on scroll  */
.rounded-bg {
  animation: appear linear;
  animation-timeline: view();
	animation-range: entry 0% cover 15%;
}
 @keyframes appear {
  from {
    opacity: 0;
    transform: scaleX(0.9);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.wsf-field {
    border-radius: var(--radius-l) !important;
    border: none !important;

}
.wsf-label{
font-size: var(--text-m) !important;
	opacity: 0.8;
}

.wsf-form button.wsf-button.wsf-button-full{
width: fit-content !important;;
    border-radius: var(--radius-circle) !important;
    padding: var(--space-xs) var(--space-s) !important;
	background-color:var(--primary) !important;
}

.gradient-text
{
	background: linear-gradient(45deg, var(--primary) 10%, var(--secondary-semi-dark) 50%);-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}