/**
 * Theme Name:     Eshop Elementor Child
 * Author:         Anantsites
 * Template:       eshop-elementor
 * Text Domain:	   eshop-elementor-child
 * Description:    Eshop Elementor is a powerful and highly customizable WordPress theme designed exclusively for the Elementor page builder. It allows you to create a wide variety of layouts effortlessly —no coding required. Packed with advanced features, it offers an outstanding user experience. Its intuitive interface and robust flexibility make it the perfect option for both beginners and seasoned web creators.
 */

body, h1, h2, h3, h4, h5, h6, span, strong, small, label{
	
    font-family: "Helvetica", Sans-serif !important;
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item a{
padding: 8px 8px !important;
	background-color: none !important;
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item{
	background-color:transparent !important;

}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item:not(:last-child){
margin: 0px 15px 0px 0px !important;  
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item:hover{
	background-color: #008ECC !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item.active{
/* 	background-color: #008ECC !important; */
color: #008ECC !important;
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item.active a{
/* background-color: #008ECC !important; */
	color: #008ECC !important;
}
header#masthead .header_menus_desktop #ekit-megamenu-new-header-menu ul li.menu-item:hover a{
	background-color: #008ECC !important;
	color: #ffffff !important;
}


.hero-banners-slider ss3-force-full-width{
    width: 100%;
    max-width: 100%;
    transform: translate3d(0px, 0px, 0px) !important;
    border-radius: 0px !important;
	}
.hero-banners-slider ss3-force-full-width .nextend-arrow.nextend-arrow-next{
    --widget-offset: 100px;
    width: 75px;
    height: 75px;
    border: 4px solid white;
    background: #F3F9FB !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.hero-banners-slider ss3-force-full-width .nextend-arrow.nextend-arrow-previous{
    --widget-offset: 100px;
    width: 75px;
    height: 75px;
    border: 4px solid white;
    background: #F3F9FB !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.hero-banners-slider ss3-force-full-width .n2-ss-slide-background{
	border-radius: 16px;
}


.hero-banners-slider ss3-force-full-width .n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom {
   display:none !important;
}
.hero-banners-slider .nextend-bullet-bar .n2-bullet{
	background-color: #ffffff50 !important;
}
.hero-banners-slider .nextend-bullet-bar .n2-bullet.n2-active {
    cursor: default;
    width: 11px !important;
	background-color: #ffffff !important;
}
.what-we-icon  span.elementor-icon{
	    font-size: 72px;
    padding: 15px;
    /* margin-top: -93px; */
    margin-bottom: 15px;
    background: linear-gradient(315deg, #2e5aa8 0%, #6ea2ff 100%);
    border-radius: 20px;
    box-shadow: 0px 4px 26px #6ea2ff49;
}
.products-posts .elementskit-entry-thumb{
	background:#F5F5F5 !important;
}
.products-posts .entry-title{
	margin-top: 0px !important;
}

.products-posts .elementskit-btn.whitespace--normal{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
}
 
.products-posts .elementskit-post-image-card .elementskit-entry-thumb {
    border-radius: 10px 10px 0px 0px;
}
.steps-ul .steps-list {
  list-style: none;
    margin: 40px auto 50px;
  padding: 0;
  max-width:634px;
}
.steps-ul ul{
position: relative;
}
/* .steps-ul ul::before{
    content: "";
    height: 92%;
    width: 3px;
    position: absolute;
    top: 0px;
    left: 39px;
    background:#204597;
    z-index: 0;
} */
.steps-ul .steps-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  position: relative;
}

.steps-ul .step-number {
    background: transparent;
    /* background: #ffffff; */
/*     color: #204597; */
	color: #0ca7f4;
    font-size: 37px;
    font-weight: bold;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    flex-shrink: 0;
	
}
/* .steps-ul .step-number.n-1{
	background: #322cae !important;
}
.steps-ul .step-number.n-2{
	background: #322cae !important;
}
.steps-ul .step-number.n-3{
	background: #322cae!important;
}
.steps-ul .step-number.n-4{
	background: #322cae!important;
} */
.steps-ul .step-content h3 {
  margin: 0 0 5px;
  font-size:26px;
  font-weight: bold;
	color: #012B52 !important;
/* 	letter-spacing: 1.5px; */
}

.steps-ul .step-content p {
  margin: 0;
  font-size: 18px;
  color:#202020;
}
.steps-ul .step-content{
	    padding: 9px 10px;
/*     box-shadow: 0px 0px 10px #00000010; */
    border-radius: 14px;
	  position: relative;
	    overflow: visible;
	  color: #202020;
}

.hover-new .what-we-icon{
	transition: transform 0.6s !important;
/*   transform-style: preserve-3d; */
}
/* .hover-new .what-we-icon span.elementor-icon{
 perspective: 1000px;
} */
.hover-new:hover span.elementor-icon{
transform: scale(1.3);
	color: #ffffff !important;
}
.hover-new .what-we-icon span.elementor-icon svg path{
    stroke: #ffffff;
	fill: #ffffff;
}
.hover-new:hover .what-we-icon span.elementor-icon svg path{
    stroke: #ffffff;
	fill: #ffffff;
}
.hover-new .what-we-icon figure{
width: 70px;
    filter: drop-shadow(0px 0px 10px #08a2ed15);
	transition: transform 0.6s !important;
	transform: scale(0.9)
		
}
.hover-new:hover .what-we-icon figure{

	transform: scale(1.1);
}

.post-items .elementskit-post-image-card{
	padding: 2px;
	position:relative;
	background-color:#ffffff;
	overflow: hidden;
}
header#masthead .header-sticky img,
header#masthead .header-sticky{
transition: all 0.3s ease-in
}
header#masthead .header-sticky.scale{
	position: fixed !important;
	top:0px;
	width: 100%;
	z-index: 9;
	background-color: #ffffff !important;
}
header#masthead .header-sticky.scale img{
transform: scale(0.9)
}
header#masthead  .top-header-bar{
	transition: all 0.3s ease-in
}
header#masthead .top-header-bar.top-bar-hide{
	position:absolute;
	top:100px;
	opacity:0;
}
.post-items .elementskit-post-image-card::before{
	content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-image: conic-gradient(#ddedff 0%, #5F3587 30%, #5F3587 33%, #5F3587 40%, #5F3587 50%, #5F3587 77%, #5F3587 80%, #5F3587 83%, #5F3587 90%);
    animation: spin 5s linear infinite;
    z-index: 0;
}
.post-items .elementskit-post-image-card .elementskit-entry-header{
	background-color:#ffffff !important;
	border-radius: 10px 10px 0px 0px;
}
.post-items .elementskit-post-image-card .elementskit-post-body{
	background-color:#ffffff !important;
	border-radius: 0px 0px 10px 10px;
}

.post-items .elementskit-post-image-card .elementskit-meta-categories{
	    position: absolute;
    top: 15px;
    left: unset !important;
    right: 0px;
}
@keyframe spin{
	0%{
		    transform: rotate(0deg);
	}
	100%{
		    transform: rotate(360deg);
	}
}
@media screen and (max-width: 1199px){
	.hero-banners-slider ss3-force-full-width{
		    transform: translate3d(0px, 0px, 0px) !important;
}
}

.feature_three .feature-inner.anant-feature-inner-card {
    display: flex
;
    justify-content: flex-end;
}
.elementor-element.elementor-element-c92ac02{
	padding: 5px 20px !important;
}
.hero-banners-slider .n2-ss-margin{
	margin: 0px 0px 0px 0px !important;
}
body{
position: relative;
}
header#masthead .header-sticky,header, header#masthead{
position: fixed !important;
top: 0px;
	z-index: 11
}
header#masthead .header-sticky.scale ul li.menu-item a{
color: #000000 !important;	
}
header#masthead .header_menus_desktop ul li.menu-item:hover a{
color: #ffffff !important;	
}
header#masthead .header-sticky.scale ul li.menu-item.active a{
	color: #008ECC !important;
}
@media screen and (min-width: 1200px){
	header#masthead .header-sticky .elementor-hidden-tablet.elementor-hidden-mobile{
width: 80% !important
}

}

header#masthead .header-sticky .elementor-hidden-tablet.elementor-hidden-mobile div{
	margin-right: 0px !important;
	margin-left: 0px !important;
}
header#masthead .header-sticky .elementor-hidden-tablet.elementor-hidden-mobile .e-con-boxed .e-con-inner{
	max-width: 100%;
}
header#masthead .header-sticky img[src="https://wgitelecom.com/dev/wp-content/uploads/2024/09/86e9db1eba21c663ccd6ee49a146503f.gif"]{
display: none !important;
}
.industries_icon_box i{
    padding: 26px;
    box-shadow: 0px 0px 10px #00000015;
    border-radius: 10px;
    width: 80px;
    height: 80px;
	transition: all 0.3s ease-in-out;
}
.industries_icon_box:hover i{
transform: scale(1.3)
}
.industries_icon_box.icon-1 i{
    background: linear-gradient(137deg, #948bdd, #0044e9);
    color: #ffffff !important;
}
.industries_icon_box.icon-2 i{
   background: linear-gradient(137deg, #8bc4dd, #0093e9);
    color: #ffffff !important;
}
.industries_icon_box.icon-3 i{
       background: linear-gradient(137deg, #9be970, #31850e);
    color: #ffffff !important;
}
.industries_icon_box.icon-4 i{
    background: linear-gradient(137deg, #ff9595, #ff0101);
    color: #ffffff !important;
}
.industries_icon_box.icon-5 i{
     background: linear-gradient(137deg, #8b97dd, #2e00e9);
    color: #ffffff !important;
}
.n2-ss-slider .n2-ss-slider-controls-side *{
	border-radius: 0px !important;
}
.contact_info_grid .feature_three.anant-feature-card{
min-height: 268px;
}

/* Basic style for inputs */
.animated-input {
  width: 100%;
  padding: 12px 10px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background: transparent;
  color: #333;
}

/* Animation on focus */
.animated-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
  transform: scale(1.05);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

/* Smooth scaling back on blur */
.animated-input:not(:focus) {
  transform: scale(1);
  transition: transform 0.3s ease;
}

/* Label styling */
.wpcf7-form label {
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #444;
}
.wpcf7-form label span{
	color: #ff0000;
}
/* Submit button styling */
.wpcf7-form input[type="submit"] {
  background-color: #007bff;
  border: none;
  color: white;
  padding: 14px 24px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #0056b3;
}

.wpcf7-form .wpcf7-form-control{
	margin-bottom: 5px;
}
footer{
	display: block !important; 
}


.hover-new{
	position:relative;
	overflow: hidden;
		transition: all 0.5s ease-in;
}
/* .hover-new::before{
	content: "";
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all 5s ease-in;
	transform: scale(0);
	
}
.hover-new:hover::before{
	transform: scale(100)
		
} */
.hover-new:hover{
	background-color: #59C8FF !important;
}
.hover-new:hover .what-we-icon p{
color: #ffffff !important;
} 


@media screen and (max-width: 767px){
	.hero-banners-slider div.slide-mobile-title div{
	font-size: 22px !important;
	}
	.hero-banners-slider div.slide-mobile-para div p{
		font-size: 13px !important;
	}
	.hero-banners-slider div.slide-mobile-btn a{
		font-size: 13px !important;
}
	.hero-banners-slider ss3-force-full-width{
		
}
}


header#masthead .header-sticky div.elementor-element-1fed2e4{
	max-width: 1600px !important;
}
header#masthead .header-sticky,
header#masthead .header-sticky.scale{
		transition: all 0.5s ease-in !important;
}
header#masthead .header-sticky.scale div.elementor-element-1fed2e4{
	width: 100%;
	max-width: 1600px !important;	
	transition: all 10s ease-in;
}

.services-items-list{
	
}
.services-items-list ul li{
padding: 10px !important;
	box-shadow: 0px 0px 10px 0px #00000010;
	background:#092950;
	transition: all 0.3s ease-in-out;
	border-radius: 12px;
}
.services-items-list ul li:hover{
	transform: scale(1.1);
}

.our-services-items h3.elementor-icon-box-title{
position: relative;
	    margin-bottom: 30px !important;
}

.our-services-items h3.elementor-icon-box-title::before{
	    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
	width: 100%;
    max-width: 180px;
    height: 5px;
    background:#08a3ef;
    border-radius: 100px;
}
.industries-box{
transition:all 0.3s ease-in-out;
}
.industries-box:hover{
	border: 1px solid #0CA7F4 !important;
	background:#59C8FF !important;
	transform: scale(1.05);
}
.industries-box:hover div.elementor-icon-box-icon span{
	background: #ffffff !important
}
.industries-box:hover div.elementor-icon-box-icon span i{
	color: #4fc6fb;
}
.industries-box:hover div.elementor-icon-box h3.elementor-icon-box-title span{
	color:#ffffff !important;
	font-size: 18px;
}

 .transform-section{
        background: linear-gradient(135deg, hsl(220 90% 35%), hsl(220 95% 25%),hsl(210 100% 55%)) !important;
    }

.checkmark-list li{
	display: flex;
	align-items: flex-start !important;
	gap: 15px;
	margin-bottom: 25px;
}

.checkmark-list li i{
	font-size: 20px;
	color: #08A3EF;
}
.checkmark-list li div{
font-size: 22px;
	color: #686E7D;
}
.checkmark-list li div strong{
color: #000000 !important;
	font-weight: 700 !important;
	font-size: 24px;
}
.header-sticky.scale nav ul li.menu-item.active a.active{
color: #ffffff !important;
}
html {
  scroll-behavior: auto;  /* Disable smooth scrolling */
}

.page-id-20 .swiper-button-next, .page-id-20 .swiper-button-prev{
z-index:6 !important;
}


.strategy{
	position: relative;
}
.strategy img{
	position: relative;
	z-index:2;
}
.strategy::before{
    content: "";
    position: absolute;
    top: -57px;
    left: -57px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #1b75bb;
}
.strategy::after{
      content: "";
    position: absolute;
    top: 120px;
    left: -49px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1b75bb;
}
.checkmark-list .step-number{
	display:flex;
	align-items: center;
	justify-content:center;
	width: 42px;
	height: 42px;
	font-size: 18px;
	border-radius: 50%;
	background:#08A3EF;
	color: #ffffff;
}

.checkmark-list .step-content{
	width: calc(100% - 60px)
}

@media screen and (max-width: 767px){
	.checkmark-list .step-content{
		font-size: 14px;
	}
	
	.checkmark-list li div strong{
		font-size: 14px;
	}
	
	.checkmark-list .step-number{
		width: 40px;
    height: 40px;
    font-size: 20px;
	}
	.checkmark-list li{
	gap: 10px;
	}
	.strategy::before,
	.strategy::after{
		display:none
}
}