/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 15:21:34 */
:root{
	--white : #fff;
	--black : #000;
	--green : #25D366;
}
body{
	background-color:#000;
	color:#fff;      
}
body::before{
	content:"";
	position:absolute;
	top:0;;
	left:0;
	right:0;
	width:100%;
	height:1600px;
/* 	background-image:url('/wp-content/uploads/2026/01/Rectangle-17-scaled.png'); */
/* 	background-size:cover; */
/* 	background-position:bottom center; */
	
	background: linear-gradient(180deg, #0072FF 0%, #000000 72.23%);

}

.btn-outline a{
	border-radius:26px;
	background-color:transparent !important;
	color:#fff;
	border:1px solid #fff;
/* 	padding:7px 15px; */
	padding: 7px 7px 7px 15px;
}
.elementor-button-content-wrapper{
	align-items:center;
	gap:0;
	justify-content:space-between;
}
.btn-outline .elementor-button-icon{
	height:38px;
	width:38px;
	text-align:center;
	border:3px solid #fff;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: space-around;
	margin-left:20px;
}
.btn-outline .elementor-button-icon svg{
	max-width:50%;
}
.btn-outline a:hover{
	background-color:#000 !important;
	color:#fff !important;
	border-color:#25D366 !important;
	box-shadow: 0px 4px 6.8px 0px #25D36638 !important;
	



}
.btn-outline a:hover .elementor-button-icon{
	border-color: var(--green) !important;
}
.btn-outline a:hover .elementor-button-icon path{
	fill:var(--green) !important;
}
/* btn-theme */
.btn-theme a{
	position:relative;
	border-radius:26px;
	background-color:#fff !important;
	color:#000 !important;
/* 	border:1px solid #fff; */
	padding:5px 7px 5px 15px;
	box-shadow: 0px 7px 23.7px -4px #0072FF94;

	border: 1px solid #0072FF;

/* border-image-source: linear-gradient(134.6deg, #0072FF 0.34%, #012D80 99.66%); */


}
.btn--theme a::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; /* border thickness */
    border-radius: 26px;
    background: linear-gradient(134.6deg, #0072FF 0.34%, #012D80 99.66%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
}


.btn-theme .elementor-button-icon{
	height:38px;
	width:38px;
	text-align:center;
	background-color:#000;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: space-around;
	margin-left:20px;
}
/* home */
.firegif{
	width:65px;
	height:65px;
	object-fit:contain;
	object-position:center;
	display:inline-block;
}
/* home slider */
.device-slider-wrapper {
	position:relative;
}
.device {position: relative;}

.device-frame {
  width: 100%;
  display: block;
}

/* SCREEN MASK */
.device-screen {
  position: absolute;
  overflow: hidden;
}

/* Laptop screen position */
.laptop .device-screen {
    top: 11%;
    left: 16.5%;
    width: 66%;
    height: 68%;
}

/* Mobile screen position */
.device.mobile{
	position: absolute;
    width: 100px;
    top: 20%;
    right: 23px;
    z-index: 11;
	overflow:hidden;
	border-radius:10px;
}
.device.mobile .device-frame{
	position:relative;
	z-index:15;
}

.mobile .device-screen {
     top: 2%;
    left: 7%;
    width: 91%;
    height: 96%;
	overflow:hidden;
	border-radius:9px;
}	

.swiper,
.swiper-wrapper,
.swiper-slide {
  height: 100%;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* slash line */

.slash-reveal {
	top:8px;
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  overflow: hidden; /* important */
}

.slash-reveal::after {
  content: "";
  position: absolute;
opacity:0.7;
  width: 9.76px;
  height: 72px;

  top: 50%;
  left: 0;

  background: linear-gradient(
    278.96deg,
    #0072FF 6.79%,
    #004499 93.21%
  );

  transform: translate(-100%, -50%) rotate(13.88deg);
  animation: slashMove 1.5s linear infinite;

  pointer-events: none;
}
@keyframes slashMove {
  0% {
	  left: 0;
/*     transform: translate(-100%, -50%) rotate(-13.88deg); */
  }
  100% {
	  left: 101%;
/*     transform: translate(calc(100% + 10px), -50%) rotate(-13.88deg); */
  }
}

.min-290 a{min-width:290px;}

/*  */
.welcomesec{
	position:relative;
}
.welcomesec .rightlist{
	 position: absolute;
    width: fit-content;
    right: 15%;
    top: 25%;
}
.welcomesec .leftlist{
	 position: absolute;
    width: fit-content;
    left: 15%;
    top: calc(25% + 120px);
}

.welcomesec .iphone{
	max-width:420px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}



.welcomesec .rightlist .elementor-icon-list-item{
	flex-direction: row-reverse;
}
.welcomesec .rightlist .elementor-icon-list-item,
.welcomesec .leftlist .elementor-icon-list-item{
	align-items: end;
}


.welcomesec .rightlist .elementor-icon-list-icon,
.welcomesec .leftlist .elementor-icon-list-icon{
	background-color:#0072FF;
	height:30px;
	width:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:5px;
}
.welcomesec .rightlist .elementor-icon-list-text,
.welcomesec .leftlist .elementor-icon-list-text{
	max-width:430px;
	background-color:#0072FF;
	color:#fff;
	padding:15px;
	border-radius:10px;
	font-size:17px;
	margin-right:10px;
}
.welcomesec .leftlist .elementor-icon-list-text{
	background-color:#282828;
}
.welcomesec .leftlist .elementor-icon-list-icon{
	background-color:#fff;
	margin-right:10px;
}

.welcomesec .gallery .elementor-image-gallery{
	max-width:379px;
	width:100%;
	position:absolute;
	bottom:90px;
	 left: 50%;
   transform: translate(-50%,0);
   -webkit-transform: translate(-50%,0);
	
}