/*!
Theme Name: WEBaniX
Theme URI: 
Author: Mux
Author URI: https://www.webanix.in/
Description: WEBaniX is a professional web and software design agency.
Version: 4.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: webanix
Requires at least: 6.3
Tested up to: 6.8
Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4 +

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap');
:root{--e-global-color-primary:#212325; --e-global-color-secondary:#ee4550;}

body{
	font-family: "Plus Jakarta Sans", sans-serif;
  	font-optical-sizing: auto;
	line-height:1.5;
	color: #565d65;
	background:#fff;
}
a{transition:all ease 0.3s; color:#ee4550;}
a:hover{text-decoration:none !important; color:#000;}
p{
	margin-top:0;
	&.elementor-heading-title{
		font-weight:normal !important;
	}
}
html{
	overflow-x:hidden;
}
.e-con{
	--content-width: min(95%,var(--container-max-width,1600px)) !important;
}

input[type="submit"]{
	background:#333;
	text-transform:none;
	font-size: 16px;
}
.gradient-btn{
	.elementor-button.elementor-button-link{
		padding:0;
		border-radius:10px;
		padding: 25px 50px;
		font-size:26px;
		text-align:center;
		overflow:hidden;
		background:none;
		position: relative;
		span{
			position:relative;
			z-index:2;
		}
		&:after{
			content:''; display: block;
			position:absolute; z-index:1;
			transition: all ease 0.3s;
			left:0; top:0; right:0; bottom:0;
			background: linear-gradient(300deg, #E50914 0%, #FF6A00 50%, #FF007F 98%);
		}
		&:hover{
			box-shadow:none;
			&:after{
				left:0; top:0; right:0; bottom:0;
				transform: scale(2) translateX(40px);
			}
		}
		&:before{
			content:''; display: block;
			position:absolute; z-index:2;
			transition: all ease 0.5s;
			background: #000;
			left:50%; top:50%;
			width:0; height:0;
			opacity:.5;
			aspect-ratio:1/1;
			border-radius:50%;
			transform: translate(-50%, -50%);
		}
		&:hover:before{
			width:110%;
			height:auto;
			opacity:0;
		}
	}
}

body.home .hero-section:before {
    content: '';
    display: block;
    position: absolute;
	z-index:1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}

body #masthead {
    position: absolute;
    top: 0;
	left: 0;
    right: 0;
    width: 100%;
    background: #000000;
	border-bottom: 1px solid rgba(97, 95, 236, 0.1);
	justify-content: center;
	
}

body:not(.has-dark-header) #masthead{
	background:color(srgb 1 1 1 / 0.95);
}
body #masthead.fixed {
	position: fixed;
	top: 0;
    width: 100% !important;
}
body.has-dark-header #masthead.fixed{
	background: rgba(0, 0, 0, 0.8);
}

a.brand{
	color:#212325 !important;
}
.has-dark-header a.brand{
	color:#fff !important;
}
.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:hover>ul{
	overflow:hidden;
}
.oh{
	overflow:hidden !important;
}
#menu-main-menu{
	justify-content:flex-end;
}
.site-header-item{
	flex-direction:row !important;
}
.header-navigation .menu > li, #masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li{
	margin-left:20px;
}
#masthead .secondary-btn a{
	padding:12px 18px;
	cursor:pointer;
	font-size:15px;
	&:hover{
		background:#a13b42 !important;
	}
	&:after{
		display:none;
	}
}
#masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li{
	&>a{
		color:var(--e-global-color-primary);
		padding:0 10px !important;
		font-weight: normal;
	}
	&:hover > a{
		color:var(--e-global-color-secondary);
		.elementskit-submenu-indicator{
			fill: var(--e-global-color-secondary);
		}
	}
}

body.has-dark-header #masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li{
	&>a{
		color:#fff;
		.elementskit-submenu-indicator{
			fill: #ccc;
		}
	}
	&:hover > a{
		color:var(--e-global-color-secondary);
		.elementskit-submenu-indicator{
			fill: var(--e-global-color-secondary);
		}
	}
}


.wpr-page-list-vertical {
	.wpr-page-list{
		display:block;
		.wpr-page-list-item{
			display:block;
			border-bottom: 1px solid #e8e8e8 !important;
			&:last-child{
				border-bottom:none !important;
			}
		}
		.wpr-pl-title {
			font-size: 15px !important;
			padding: 20px 20px 20px 0;
			display:block;
			&:hover{
				color:var(--e-global-color-secondary) !important;
			}
		}
	}
}
#masthead [role="tabpanel"] {
	.elementor-widget-heading + .wpr-page-list-vertical{
		padding-top:0;
	}
	.elementor-heading-title{
		border-bottom: 1px solid #e8e8e8 !important;
		a{
			display:block;
			padding:10px 0;
			&:hover{
				color:var(--e-global-color-secondary) !important;
			}
		}
	}
}
.partners-tabcnt .wpr-page-list-vertical{
	width:100% !important;
}
#masthead .elementskit-dropdown {
    border-radius: 10px !important;
    background: #fff;
	padding:0;
	overflow:hidden;
	border:1px solid #ecf0f5;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15) !important;
}

#masthead .elementskit-submenu-panel > li.current-menu-item > a{
	color:var(--e-global-color-secondary) !important;
}
#masthead .elementskit-submenu-panel > li:not(.current-menu-item):hover > a{
	color:#111 !important;
	background:#f6f6f6;
}

/* 
.main-navigation{
	.primary-menu-container > ul > li.menu-item > a{
		color:var(--e-global-color-primary);
		&:hover{
			color:var(--e-global-color-secondary);
		}
	}
}
.has-dark-header .main-navigation .primary-menu-container > ul > li.menu-item > a{
	color: #fff;
	&:hover{
		color:var(--e-global-color-secondary);
	}
}
.header-navigation .header-menu-container ul ul.sub-menu{
	background: #fff;
    border-radius: 10px;
	overflow: hidden;
}
.header-navigation .header-menu-container ul ul li.menu-item,
.elementor-6242 .elementor-element.elementor-element-ac0ad67 li.wpr-page-list-item .wpr-pl-title{
	& > a{
		color: var(--e-global-color-primary);
		font-size: 14px;
		border-bottom:1px solid #eee;
	}
	&:last-child{
		& > a{border-bottom:none;}
	}
}
 */

#masthead .wpr-page-list-vertical, #masthead .elementor-widget-shortcode{
	padding:25px;
	width:50%;
}
#masthead .elementor-widget-shortcode{
	border-left: 1px solid #e8e8e8;
}

.elementskit-megamenu-panel{
	position:fixed !important;
	left:auto !important;
	right: 36px;
	width:960px !important;
    border-radius: 10px;
	background:#fff;
    overflow: hidden;
	border:1px solid #ecf0f5;
	box-shadow:0px 2px 18px 0px rgba(0,0,0,0.15);
}
.elementor-widget-n-tabs .e-n-tabs-heading{
    justify-content: flex-start !important;
	background: #f1f2f7;
    padding: 20px 0 20px 10px;
}

.elementor-widget-n-tabs .e-n-tab-title{
	color:#444 !important;
	padding:10px 20px !important;
	justify-content: flex-start !important;
	border-radius:20px 0 0 20px !important;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true], 
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a{
	color:#444 !important;
	background:#fff !important;
}
.e-n-tabs-content > .elementor-element,
.e-n-tabs-content > .elementor-element > .e-con-inner{
	padding:0 !important;
	width:100% !important;
	max-width:100% !important;
}

#masthead .pf-section-title {
	font-size:18px;
    margin-bottom: 17px;
}
.pf-grid{
	list-style:none;
	margin:0;
	padding:0;
	.pf-card{
		margin-bottom: 15px;
	}
}
.pf-card a{
    display: flex;
    align-items: flex-start;
	gap:15px;
	color:#19191F;
}
.pf-card a:hover{
	color:var(--e-global-color-secondary) !important;
}
.pf-image{
	width: 100px;
	margin-top: 5px;
    border-radius: 4px !important;
	object-fit:cover;
	aspect-ratio: 5/4;
}
.pf-title{
	align-self: center;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow:hidden;
}

#masthead .header-icon a{
	display: flex;
	width:200px;
}
.has-dark-header #masthead .header-icon path:not(:nth-child(1)):not(:nth-child(3)) {
	fill: white;
}
#masthead .header-icon a.elementor-icon{
	line-height: 0;
}
#masthead .header-icon a.elementor-icon svg{
	height: 42px !important;
}

h1{
	margin:0 !important;
}
.font-semibold{
	font-weight:600 !important;
	h2,h3,h4,h5{
		font-weight:600 !important;
	}
}
.font-medium{
	font-weight:500 !important;
	h2,h3,h4,h5{
		font-weight:500 !important;
	}
}
p.elementor-heading-title{
	line-height: inherit !important;
}
.single-content h1.elementor-heading-title, .single-content h2.elementor-heading-title, .single-content h3.elementor-heading-title, .single-content h4.elementor-heading-title, .single-content h5.elementor-heading-title, .single-content h6.elementor-heading-title{
	margin-bottom: inherit !important;
}

header .site-container, footer .site-container{
	padding:0;
}
header .site-container, footer .site-container, .boxed-container, .page-header.elementor-element, .single-post .content-container, .projects-wrapper.content-container, .ekit-template-content-header,.jobwp-single-body-container.horizontal{
	max-width: calc(95% - 20px) !important;
	width:1600px !important;
	margin-inline: auto !important;
}
.page-header.elementor-element, .project-header.elementor-element, .contact-header, .archive-project-header, .circulr-details-top{
	min-height:400px;
    margin: 120px auto 70px !important;
	background-color:#ecf0f5;
	border-radius:20px;
	align-items: center;
    display: flex;
}
.page-header h1{
	font-weight:bold !important;
}
.contact-header{
	background:none !important;
}
.circulr-details-top{
	flex: 0 0 100%;
	min-height:180px;
	background-color:#ecf0f5 !important;
	margin-bottom:40px !important;
}
.single-top-left{
	width: 95%;
	margin:auto;
}

.single-project .project-header.elementor-element{
	margin-bottom:0 !important;
	img{
		max-height:400px;
		width:auto;
	}
	.e-con-inner{
		padding-top:0;
	}
	.project_title{
		position:absolute;
		bottom:20px;
		left:0;
		z-index:1;
	}
/* 	h1{
		font-size:100px;
		line-height:1.1 !important;
	}
	h3{
		color:#565D65;
		padding-left:7px;
		font-weight: 500 !important;
	} */
/* 	&:after{
		content:'Projects';
		display: block;
		font-size: 130px;
		font-weight:bold;
		color:#000;
		opacity:0.06;
		position:absolute;
		top: 40%;
		right: 50px;
		transform:translatey(-50%);
	} */
}

.custom_header{
	padding-inline: 10px;
	.e-con-inner{
		display:flex;
		align-items:center;
		height:100%;
		& > div{
			flex:1;
		}
		.title-container{
			padding-inline:10px;
			h1{
				margin-bottom:6px !important;
			}
		}
		.img-container{
			img{
				margin-left:auto;
			}
		}
	}
}

.archive_listing{
	padding-inline: 10px;
}

body:not(.home):not(.single-project):not(.page-odoo){
	:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
		  margin-bottom: 90px;
	}
}
#masthead .e-con :is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
	margin-bottom: 0;
}

.mb0{
	margin-bottom:0 !important;
}

.bannerText p{
	margin:0;
}

h2{
	font-weight:bold !important;
}

#content > .elementor:first-child > .elementor-element:first-child{
	margin-bottom:0;
}
.e-con>.e-con-inner {
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto;
    max-width: var(--content-width);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
}
.hero-section{
	img{
		width:100%;
	}
	&:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 180px;
		background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.96) 97%, rgba(18, 18, 18, 0.97) 98%, rgba(18, 18, 18, 0.98) 99%);
	}
}
.hero-section-animation-holder {
    align-items: flex-end;
    height: 200vh;
    display: flex;
    position: relative;
    overflow: visible;
}
.hero-section-animation-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.hero-section-app-logo-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
	will-change: transform; 
	transform: translate3d(0px, 34%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
	transform-style: preserve-3d;
}
.hero-section-app-logo {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 87px;
    font-weight: 700;
    display: flex;
}
.app-logo-holder {
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.app-icon-holder {
    background-color: var(--secondary);
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    display: flex;
}
.app-icon {
    z-index: 4;
    border-radius: 10px;
    width: 100%;
    position: relative;
}
img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
.hero-section-users {
    z-index: 2;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -37px;
    display: flex;
    position: absolute;
    inset: 0%;
}

@keyframes rubberBand {
  from {opacity:0;}
  to {opacity:1;}
}

.hero-service-container {
	opacity:0;
    justify-content: center;
    align-items: center;
    width: 140px;
    display: flex;
    position: absolute;
	font-size: 44px;
	font-weight:500;
	color:#fff;
    line-height: 1.3;
	will-change: transform;
	&.actives{
		animation-duration: 1s;
		-webkit-animation-name: rubberBand;
		animation-name: rubberBand;
		animation-fill-mode: forwards;
	}
	&._01{
		transform: translate3d(-35vw, -15vh, 0px);
		transform-style: preserve-3d;
	}
	&._02 {
		width: 300px;
		transform: translate3d(-35vw, 11vh, 0px);
		transform-style: preserve-3d;
	}
	&._03 {
		width: 150px;
		transform: translate3d(-30vw, 50vh, 0px);
		transform-style: preserve-3d;
	}
	&._04 {
		width: 288px;
		transform: translate3d(32vw, -5vh, 0px);
		transform-style: preserve-3d;
	}
	&._05{
		width: 170px;
		margin-top: 30px;
		margin-left: 85px;
		transform: translate3d(37vw, 30vh, 0px);
		transform-style: preserve-3d;
	}
}

.hero-text-logo {
    z-index: 2;
    text-align: center;
    width: 600px;
    font-size: 40px;
    line-height: 1.3;
	 margin-top: 20px;
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(50px);
}
.hero-bg-holder {
    z-index: -1;
    background-color: #be7c7c00;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    overflow: hidden;
}
.hero-section-circle {
    background-color: #fff;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    top: auto;
	will-change: width, height, opacity, transform;
    width: 0;
    height: 0;
}

.hero-section-animation-holder .elementor-widget-container{
	width:100%;
}
.hero-section-circle, .hero-text-logo {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.caseGrid{
	.elementor-element{
		position:relative;
		padding:0;
		flex-grow:1 !important;
		img{
			object-fit:cover;
			height: 100%;
			width: 100%;
		}
	}
	.elementor-widget-heading{
		position:absolute;
		bottom: 0;
		left:0;
		width:100%;
		text-align: center;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%, transparent);
        padding: 20px;
        height: 100px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
		border-radius:0 0 20px 20px;
		.elementor-widget-container{
			height:auto !important;
		}
		.elementor-heading-title{
			color:#fff;
		}
	}
}

.ays-pb-modal_6 .wpcf7-form-control .primary-btn, .primary-btn a, .primary-outline-btn a, .secondary-btn a{
	line-height: 1;
	padding: 16px 25px;
	font-size: 16px;
	border-radius: 5px;
	font-weight: normal !important;
	display: inline-flex;
	gap: 12px;
	text-decoration:none;
	&:after{
		content:'';
		display:block;
		width:7px;
		height:14px;
		background: no-repeat center right;
	}
	&:hover{
		gap: 24px;
	}
}
.ays-pb-modal_6 .wpcf7-form-control .primary-btn, .primary-btn a, .secondary-btn a{
	background: var(--e-global-color-primary) !important;
	color: #fff;
	&:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23fff' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") !important;
	}
}
.primary-outline-btn{
	a{
		background: transparent !important;
		border:1px solid var(--e-global-color-primary);
    	color: var(--e-global-color-primary) !important;
		font-weight:600 !important;
		&:after{
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23212325' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") !important;
		}
	}
	&.white-btn a{
		border-color:#fff;
		color:#fff !important;
		&:after{
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23FFF' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") !important;
		}
	}
}
.secondary-btn a{
	background: var(--e-global-color-secondary) !important;
}
.ays-pb-modal_6 .wpcf7-form-control .primary-btn, .primary-btn a:hover{
	background-color: #333 !important;
}


body.home .CircleText-wrap{
	padding-right:40px;
}
.CircleText-wrap{
	width:auto;
	flex-grow: 1 !important;
}

.circular-text {
  position: relative;
  width: 100%;
  border-radius: 50%;
  animation: spin 10s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  text{
	text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 14px;
  }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg);}
}

.stats{
	& > .e-con-inner{
		max-width:100% !important;
	}
	.stats-item{
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		display: flex;
		gap: 10px;
		align-items: center;
		justify-content: center;
		background: #FFFFFF;
		border: 1px solid rgba(86, 93, 101, 0.15);
		box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.05);
		.statCount p{
			font-size:60px;
			font-weight:bold !important;
		}
		.statTitle p{
			font-size:20px;
			font-weight:500 !important;
		}
	}
}

.devCols{
	padding:50px 20px !important;
	&:after{
		content:'';
		display: block;
		border: 1px dashed var(--e-global-color-secondary);
		border-radius: 50%;
		width: 500px;
		aspect-ratio:1 / 1;
		position: absolute;
		z-index:1;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	}
	&:before{
		content:'';
		display: block;
		border: 1px dashed var(--e-global-color-secondary);
		border-radius: 50%;
		width: 500px;
		aspect-ratio:1 / 1;
		position: absolute;
		z-index:1;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
		width: 620px;
	}
	& > .elementor-element{
		z-index:2;
		& > .elementor-element{
			width: 435px;
		}
	}
	h3{
		border-radius:30px;
		padding:10px 24px;
		background:var( --e-global-color-primary );
		border:1px solid #9F9F9F;
		white-space: nowrap;
	}
	.elementor-widget-container{
		display:inline-block;
	}
	.devCol_left{
		.elementor-widget-heading{
			display:flex;
			justify-content:flex-end;
			
			&:first-child h3{margin-right: -90px;}
			&:nth-child(2) h3{margin-right: -15px;}
			&:nth-child(3) h3{margin-right: 10px;}
			&:last-child h3{margin-right: -82px;}
		}
	}
	.devCol_main{
		justify-content: center;
		text-align: center;
		& > .elementor-element{
			display:flex;
			justify-content:center;
			transform: translateX(-50%);
            left: 50%;
		}
		h3{
			background:#fff;
			color:var(--e-global-color-primary) !important;
			border:none;
			font-weight: 600 !important;
		}
	}
	.devCol_right .elementor-widget-heading{
		&:first-child h3{margin-left: -90px;}
		&:nth-child(2) h3{margin-left: -15px;}
		&:nth-child(3) h3{margin-left: 10px;}
		&:last-child h3{margin-left: -82px;}
	}
}

.insights{
	.ha-post-list{
		display:flex; gap: 40px;
		li{
			flex: 1;
			width:30%;
			img{
				width:100%;
				border-radius:20px;
				aspect-ratio: 3 / 2;
			}
			.ha-post-list-title {
				font-size: 18px;
				font-weight: 500 !important;
				margin-bottom: 10px;
			}
			.ha-post-list-date {
				    white-space: nowrap;
			}
			.ha-post-list-category{
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
			}
			.ha-post-list-meta-wrap svg{
				margin-right:6px;
				vertical-align:text-top;
			}
		}
	}
}

.secondary-outline-btn{
	a {
		padding: 16px 25px;
        font-size: 16px;
		line-height:1;
        border-radius: 5px;
        font-weight: normal !important;
        display: inline-flex;
        gap: 12px;
        background: transparent !important;
        border: 1px solid var(--e-global-color-secondary);
        color: var(--e-global-color-secondary) !important;
        font-weight: 600 !important;
		text-decoration:none;
		&:after {
            content: '';
            display: block;
            width: 7px;
            height: 14px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23EE4550' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") no-repeat center right !important ;
        }
		&:hover{
			gap: 24px;
		}
    }
}
.white-outline-btn{
	a {
		padding: 16px 25px;
        font-size: 16px;
		line-height:1;
        border-radius: 5px;
        font-weight: normal !important;
        display: inline-flex;
        gap: 12px;
        background: transparent !important;
        border: 1px solid #fff;
        color: #fff !important;
        font-weight: 600 !important;
		&:after {
            content: '';
            display: block;
            width: 7px;
            height: 14px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") no-repeat center right !important ;
        }
		&:hover{
			gap: 24px;
			background-color: rgb(255 255 255 / 10%) !important;
		}
    }
}
.nowrap{
	white-space:nowrap;
}

.testimonialsWrap{
	.testiTitle{
		flex:0 0 auto !important;
		width:auto;
		padding-right:90px;
	}
	.testiIcon{
		position:static;
		img{
			position:absolute;
			left:0;
			width:420px !important;
		}
	}
	.testiSlider{
		padding-left: 370px;
		.elementor-widget-wpr-testimonial{
			background:#000;
			margin-top:35px;
			.wpr-testimonial-title{
				display:none;
			}
			.wpr-testimonial-content{
				p:empty{
					display:none;
				}
			}
		}
	}
	.secondary-outline-btn{
		margin:60px 0 100px 2px;
	}
	.wpr-testimonial-content p{
		font-weight:300;
	}
	.wpr-testimonial-meta{
		border-top: 1px solid #333;
		letter-spacing: 0.5px;
		padding-top: 15px !important;
		margin-right: 60px;
	}
	.wpr-testimonial-arrow-container{
		display:flex;
		justify-content:flex-end;
		gap: 10px;
		margin-top:-25px;
		padding-right: 60px;
		.wpr-testimonial-arrow{
			position:relative;
			left:auto;
			right:auto;
			top:auto;
		}
	}
}

.homeApps{
	.elementor-element{
		&:not(:first-child){
			margin-left:-28%;
		}
	}
}

.site-footer{
	position:relative;
	&:after{
		content:'';
		display:block;
		width:690px;
		height:370px;
		background: url(/wp-content/uploads/2025/05/webanix-icon.svg) no-repeat bottom left;
		background-size:100% auto;
		position:absolute;
		z-index:0;
		bottom:0;
		left:-75px;
		filter:brightness(100);
	}
	.site-footer-wrap{
		position:relative;
		z-index:1;
		overflow: hidden;
	}
	p{
		color:var(--e-global-color-primary);
	}
	.site-top-footer-inner-wrap{
		padding-top: 70px;
		grid-template-columns: 1fr auto;
	}
	.site-footer-top-section-1{
		.widget_text{
			margin-block:0;
			p{
				font-size:20px;
				font-weight: 500;
				margin-block: 8px;
				a{
					margin-right: 60px;
					&:hover{
						color:var(--e-global-color-secondary);
					}
				}
			}
			&#block-9 p{
				font-size: 100px;
				font-weight: bold;
				line-height: 1;
				margin-block: 0 20px;
				&:after{
					content:'.';
					display:inline-block;
					color:var(--e-global-color-secondary);
				}
			}
			
		}
	}
	.site-footer-top-section-2{
		.footer-widget-area{
			align-items: center;
			.site-info-inner{
    			padding: 36px 65px;
				position:relative;
				section{
					position:relative;
				}
				&:before{
					content:'';
					display:block;
					background:#fff;
					border-radius:100px 0 0 100px;
					position:absolute;
					left:0;
					top:0;
					bottom:0;
					width:300%;
				}
			}
		}
		#block-12{
			margin:0;
			p{
				font-size:27px;
				font-weight:bold;
				margin:0;
			}
		}
		.zoomBtn {
			font-size: 20px;
			color: #565D65 !important;
			font-weight: 500;
			border: 1px solid #DBC8CA;
            padding: 10px 25px;
            display: block;
            border-radius: 6px 6px 6px 36px;
            margin-top: 6px;
			img{
				display: inline-block;
    			vertical-align: baseline;
				margin:0 6px -1px;
				transition: all ease 0.3s;
			}
			&:hover{
				background: var(--e-global-color-secondary);
				color:#fff !important;
				img{
					filter:brightness(100);
				}
			}
		}
	}
	.site-middle-footer-inner-wrap{
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 3fr) !important;
		.widget_block{
			margin-bottom:20px;
			.wp-block-heading{
				color:var(--e-global-color-primary);
				font-weight:600;
			}
		}
		#menu-company{column-count: 2;}
		#menu-services{column-count:3;}
		.menu{
			a{
				color: var(--global-palette4);
				display:inline-block;
				&:after{
					content:'';
					display:block;
					background: var(--e-global-color-secondary);
					height:2px;
					width:0;
					transition:all ease 0.3s;
				}
				&:hover{
					color: var(--e-global-color-primary);
					&:after{
						width:90%;
					}
				}
			}
		}
	}
	.site-bottom-footer-wrap{
		.footer-widget-area{
			align-items:center;
		}	
	}
	
	.footer-social-wrap{
		.widget-title{text-transform:none;}
		a{
			font-size: 30px;
			width:auto;
			height:auto;
			
			&.social-link-instagram{
				background:linear-gradient(45deg, #FFBE40 0%, #FF499B 28%, #7A4DB4 100%);
				-webkit-background-clip: text;
				background-clip:text;
				-webkit-text-fill-color:transparent;
				color:#FF499B;
			}
			&.social-link-linkedin{
				color:#1F71C9;
			}
			&.social-link-facebook{
				color:#1877F2;
			}
			&.social-link-youtube{
				color:#CD201F;
			}
		}
	}
	.site-footer-bottom-section-2 p{
		text-align: right;
		color:var(--global-palette4);
		font-size:14px;
		span{
			display:inline-block;
		}
	}
}

.cta-large{
	& > .e-con-inner{
		max-width:100% !important;
		& > .elementor-element:last-child .elementor-widget-container{
			align-items: center;
    		display: flex;
			justify-content:center;
			.elementor-button-wrapper{
				width:100%; height:100%;
				a{
					width: 100%;
    				height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}
	}
}
.single-content p{
	margin-bottom:1em;
}
.whoweGrid{
	.elementor-widget-image{
		height:100%;
		img{
			width:100%;
			height:100%;
			object-fit:cover;
		}
	}
	p{
		line-height:1.2 !important;
	}
}
.aboutCircleGrid{
	& > div:last-child .elementor-widget-container{
		transform: scale(0.85);
	}
	svg{
		width: auto;
		position: relative;
		left: 40%;
		margin-left: -110px;
	}
}

.sneakPeek{
	img {
		width: 100%;
		object-fit: cover;
		height: 350px !important;
	}
	.rect{
		flex:1;
	}
	.sqr{
		img{
			aspect-ratio: 1 / 1;
		}
	}
	.vrect{
		height: 100%;
		img{
			height: 100% !important;
		}
	}
}

.elementor-icon-list-items{
	li{
		align-items: flex-start !important;
		margin-bottom: 6px !important;
		&:before{
			content: '';
            display: block;
            flex: 0 0 auto;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            border: 2px solid var(--e-global-color-secondary);
            margin: 7px 8px 0 0;
		}
	}
}
ul.list1{
	list-style: none;
	padding: 0;
	margin-left:0;
	li{
		align-items: flex-start !important;
		margin-bottom: 8px !important;
		padding-left: 20px;
		line-height: 1.7 !important;
		position:relative;
		strong{
			color:var(--e-global-color-primary);
			font-weight: 600;
		}
		&:before{
			content: '';
            display: block;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            border: 2px solid var(--e-global-color-secondary);
            margin: 9px 8px 0 0;
			position:absolute;
			left: 0;
		}
	}
}
.list-light ul.list1 li{
	strong{
		color:#fff;
	}
}

/* popup no scroll */
.no-scroll {
	overflow: hidden;
}
.homecustom{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 20px;
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInUp 0.5s ease forwards;
	animation-delay: 0.2s;
	animation-timeline: view();
	animation-range: entry;
}

.homeApps{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 20px;
	opacity: 0;
	transform: translateY(50px);
	animation: fadeInUp 0.5s ease forwards;
	animation-delay: 0.2s;
	animation-timeline: view();
	animation-range: entry;
}

/* Smartphone Slide In */
.smartphone, .homeAi img {
  opacity: 0;
  transform: translateX(100px);
  animation: slideInRight 1.7s ease forwards;
  animation-delay: 0.7s;
  animation-timeline: view();
  animation-range: entry;
}

/* Screens Slide In with delay */
.screen{
  opacity: 0;
  transform: translateX(-100px);
  animation: slideInLeft 2s ease forwards;
  animation-timeline: view();
  animation-range: entry;
}

.screen1 {
  animation-delay: 4s;
}
.screen2 {
  animation-delay: 6s;
}
.screen3 {
  animation-delay: 8s;
}

.appWrap {
	overflow:hidden;
	& > .e-con-inner{
		position: relative;
    	z-index: 1;
	}
    &:after {
        content: '';
        display: block;
        width: 433px;
        height: 232px;
        background: url(/wp-content/uploads/2025/05/webanix-icon.svg) no-repeat bottom left;
        background-size: 100% auto;
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: -25px;
        filter: brightness(100);
		opacity:0.4;
    }
}

.aiWrap{
	& > .e-con-inner{
		position: relative;
    	z-index: 1;
	}
    &:after {
        content: 'AI';
        display: block;
		font-size:300px;
		font-weight:bold;
        width: 300px;
        height: 380px;
        position: absolute;
        z-index: 0;
        bottom: -45px;
        left: 0;
        filter: brightness(100);
		opacity:0.4;
    }
}
.customWrap{
	& > .e-con-inner{
		position: relative;
    	z-index: 1;
	}
     &:after {
		 content: '';
        display: block;
        width: 433px;
        height: 232px;
        background: url("https://webanixsolutions.com/wp-content/uploads/2026/03/manufacture.svg") no-repeat bottom left;
        background-size: 100% auto;
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: -25px;
        filter: brightness(100);
        opacity: 0.4;
    }
}
.softWrap{
	& > .e-con-inner{
		position: relative;
    	z-index: 1;
	}
    &:after {
        content: '';
        display: block;
        width: 210px;
        height: 220px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='220' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M103.401 0c10.22 0 15.329 0 19.361 1.67a21.93 21.93 0 0 1 11.87 11.87c1.016 2.454 1.414 5.307 1.57 9.468.228 6.117 3.365 11.779 8.666 14.84s11.773 2.945 17.184.085c3.683-1.946 6.352-3.028 8.984-3.375a21.93 21.93 0 0 1 16.216 4.345c3.461 2.656 6.017 7.082 11.126 15.933 5.111 8.85 7.666 13.276 8.235 17.602a21.93 21.93 0 0 1-4.345 16.215c-1.616 2.108-3.889 3.878-7.416 6.094-5.182 3.256-8.517 8.803-8.517 14.923 0 6.121 3.335 11.669 8.517 14.925 3.526 2.216 5.799 3.987 7.415 6.094a21.94 21.94 0 0 1 4.345 16.216c-.569 4.325-3.124 8.75-8.235 17.601-5.109 8.852-7.665 13.277-11.126 15.933a21.93 21.93 0 0 1-16.216 4.344c-2.632-.346-5.302-1.428-8.983-3.373-5.413-2.861-11.884-2.976-17.185.085s-8.437 8.722-8.665 14.839c-.156 4.162-.554 7.015-1.57 9.469a21.94 21.94 0 0 1-11.87 11.871c-4.032 1.669-9.141 1.669-19.361 1.669s-15.33 0-19.362-1.669a21.94 21.94 0 0 1-11.87-11.871c-1.016-2.454-1.414-5.307-1.57-9.468-.229-6.118-3.365-11.779-8.666-14.84s-11.773-2.946-17.184-.085c-3.682 1.945-6.352 3.028-8.985 3.374a21.94 21.94 0 0 1-16.215-4.345c-3.46-2.654-6.015-7.078-11.121-15.923l-.006-.009c-5.11-8.85-7.665-13.277-8.234-17.602-.76-5.768.803-11.6 4.345-16.215 1.616-2.107 3.888-3.878 7.415-6.095 5.182-3.256 8.517-8.803 8.518-14.924 0-6.12-3.335-11.669-8.518-14.926-3.526-2.215-5.798-3.985-7.414-6.092A21.94 21.94 0 0 1 .189 72.437c.57-4.326 3.124-8.75 8.234-17.601v-.001c5.11-8.851 7.665-13.276 11.127-15.932a21.93 21.93 0 0 1 16.216-4.345c2.633.346 5.302 1.428 8.984 3.375 5.412 2.86 11.883 2.974 17.183-.086s8.437-8.722 8.666-14.838c.156-4.162.553-7.015 1.57-9.469a21.94 21.94 0 0 1 11.87-11.87C88.071 0 93.18 0 103.401 0m32.901 109.671c0 18.171-14.731 32.902-32.901 32.902s-32.902-14.731-32.902-32.902S85.23 76.77 103.401 76.77c18.17 0 32.901 14.73 32.901 32.901' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat bottom left;
        background-size: 100% auto;
        position: absolute;
        z-index: 0;
        bottom: 20px;
        left: 0px;
		opacity:0.5;
    }
}

/* Keyframes */
@keyframes slideInRight {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.hs1 {
  opacity: 0;
  transform: translateX(-50px);
  animation: slideInRight 1s ease forwards;
  animation-timeline: view();
  animation-range: entry;
}

.hs2, .hs3 {
  opacity: 0;
  transform: translateX(50px);
  animation: slideInLeft 1.5s ease forwards;
  animation-timeline: view();
  animation-range: entry;
}
.hs2 {
  animation-delay: 1.2s;
}
.hs3 {
  animation-delay: 2.4s;
}

.mgmtName span{
	font-size:80%;
	line-height:1;
	font-weight: 500;
	display: block;
	color: var( --e-global-color-text );
}
.popup-drawer .drawer-content{
	padding:0;
}
.mobile-navigation ul li{
	a{
		padding-left: 20px;
	}
	.sub-menu{
		padding-left:0;
		a{
			padding-left: 40px !important;
		}
	}
}
.team{
	& > .elementor-element{
		gap: 5px;
		&:before{
			content:'i';
			display:block;
			background:#fff;
			border:1px solid #ccc;
			font: bold italic 18px 'Times New Roman';
            position: absolute;
			left: auto;
            right: 10px;
            top: 10px;
            width: 24px;
            height: 24px;
            text-align: center;
		}
		.elementor-widget-image{
			margin-bottom:15px !important;
		}
		.elementor-widget-text-editor{
			position:absolute;
			bottom:20px;
			left:20px;
			right:20px;
			color:#ccc !important;
			border-radius:15px;
			background: rgba(0,0,0, 0.65);
			backdrop-filter: blur(10px);
			padding:20px;
			opacity:0;
			transition: all ease 0.3s;
		}
		&:hover{
			.elementor-widget-text-editor{
				opacity:1;
				bottom:100px;
			}
		}
	} 
	.elementor-heading-title{
		text-align:center !important;
	}
}

.life, .proImgs, .uiscreens{
	overflow-x: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
/* 	touch-action: pan-y; */
/* 	overscroll-behavior: auto; */
	& *{
		user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
/*   		touch-action: pan-y; */
	}
	img{
		pointer-events: none;
		user-drag: none;
		-webkit-user-drag: none;
	}
	& > .elementor-element{
		flex: 0 0 auto !important;
	}
	&::-webkit-scrollbar {
	  display: none;
	}
}
.elementor *, .project-single {
  -webkit-tap-highlight-color: transparent;
}

.life{
	img{
		height: 300px !important;
		pointer-events: none;
	}
}

body{
	&.page-products, &.page-projects2, &.post-type-archive-project {
		background:#000;
	}
}

#products{
	& > div > .elementor-element{
		position: relative;
		background: #121212;
		border-radius:20px;
		overflow:hidden;
		& > .elementor-widget:not(:first-child):not(:last-child){
			padding-inline:40px;
		}
		.primary-btn{
			margin-bottom:40px;
		}
		& > .elementor-widget-image{
			&:after {
				content: '';
				display: block;
				position: absolute; 
				left: 0;
				right: 0;
				bottom: 0;
				height: 180px;
				background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.96) 97%, rgba(18, 18, 18, 0.97) 98%, rgba(18, 18, 18, 0.98) 99%);
			}
		}
		.technology{
			position:absolute;
			top:15px;
			right:15px;
			flex-direction:column;
			background:#fff;
			border-radius:30px;
			padding:13px 5px;
			width: 50px;
			img{
				width:32px;
			}
		}
	}
}

.proIntro{
	& > div{
		padding-inline:10px !important;
	}
	.introTitle{
		flex: 0 0 auto;
	}
	.introText p{
		font-size:17px;
	}
	.introPics > div{
		&:first-child{
			width: 55%
		}
		&:last-child{
			width: 45%
		}
		img{
			width: 100%;
		}
	}
}
.elementor-heading-title{
	line-height:1.3 !important;
}

.benefits_titleinfo{
	h4{font-size: 18px !important;}
}
.benefits_title{
	h2 span{
		color: var(--e-global-color-accent);
		font-size:75%;
		display: block;
		font-weight: 600;
	}
	&.lite{
		h2 span{
			color:var( --e-global-color-text );
		}
	}
}
.beneBoxes{
	h3{
		color: #fff;
		font-weight: 600;
		line-height:1.3 !important;
	}
	& > .elementor-element{
		background:#181818;
		border-radius:20px;
		padding: 40px 30px 60px;
	}
	.elementor-widget-image{
		margin-left: auto;
		margin-bottom: 15px !important;
		width: auto !important;
		height:95px;
	}
	p.elementor-heading-title{
		color: #A7B0BB;
		line-height:1.5 !important;
	}
}
.featureBoxes{
	& > .elementor-element{
		border-radius:20px;
		padding: 30px;
		width:90%;
		&:nth-child(2n+2){
			margin-left: auto;
		}
		&:nth-child(3n+1){
			background: #FFF8EC;
			border: 1px solid #FFECCA;
		}
		&:nth-child(3n+2){
			background: #F7F2FE;
			border: 1px solid #E8DBFD;
		}
		&:nth-child(3n+3){
			background: #F0FFF3;
			border: 1px solid #C9FFD3;
		}
		ul{
			padding-left: 15px;
			li:not(:last-child){
				margin-bottom:10px;
			}
		}
	}
}

.benefits_light{
	& > .elementor-element{
		border-radius:20px;
		padding: 40px 30px 60px;
		background:#fff;
		&:nth-child(2n+2){
			margin-left: auto;
		}
		ul{
			padding-left:15px;
		}
		li:not(:last-child) {
			margin-bottom: 10px;
		}
	}
}

.wpcf7-form{
	div[class*="col-"]{
		margin-bottom:30px;
	}
	p{
		margin-bottom:0;
	}
	label{
		display:block;
		font-size:16px;
		font-weight: 500 !important;
		span{
			display:block;
		}
		.wpcf7-form-control{
			width:100%;
			min-height:50px;
			padding:0;
			border:none;
			border-bottom: 1px solid #ddd;
			font-size:18px;
			font-weight: 600 !important;
		}
		textarea{
			height:80px;
		}
		.wpcf7-not-valid-tip{
			font-size: 14px;
		}
	}
	.wpcf7-spinner{
		margin: 11px 0 0 -34px;
		vertical-align: top;
		background: var( --e-global-color-secondary );
	}
	.wpcf7-submit{
		line-height: 1;
		padding: 16px 45px 16px 25px;
		font-size: 16px;
		border-radius: 5px;
		font-weight: normal !important;
		background: var(--e-global-color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' fill='none'%3E%3Cpath fill='%23fff' d='M1.397 1.168A.807.807 0 0 0 .226 2.275l4.46 4.722-4.46 4.722a.805.805 0 0 0 .917 1.292.8.8 0 0 0 .255-.186L6.38 7.55a.806.806 0 0 0 0-1.107z'/%3E%3C/svg%3E") no-repeat center right 15px !important;
		color: #fff;
		&:hover{
			padding-right:65px;
		}
	}
	&.submitting{
		.wpcf7-submit{background-image:none !important;}
	}
	.wpcf7-response-output{
		border-width: 1px !important;
		border-radius: 6px;
		padding: 10px 20px !important;
		margin-inline: 0 !important;
		font-size: 14px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #2c2513;
		font-weight: 500;
		letter-spacing: 0.2px;
	}
	&.invalid, &.unaccepted, &.payment-required{
		.wpcf7-response-output{
			background: #ffe9c4;
			border-color: #ffb900
		}
	}
	&.sent{
		.wpcf7-response-output{
			border-color: #b3d6b6;
			background: #dbfdee;
			color: #075b35;
		}
	}
}

.featured_services{
	.fe_service{
		background: #181818;
		border-radius:20px;
		padding: 20px;
		img{
			border-radius:15px;
		}
		&:hover{
			background: #34343C;
		}
	}
}

.servicesList{
	.serviceItem{
		position: relative;
		padding: 0;
		flex-grow: 1 !important;
		& > .elementor-element:first-child{
			height: 100%;
		}
		img{
			width: 100%;
            height: 100%;
			object-fit: cover;
		}
		.ratio_1by1 img{
			aspect-ratio: 1 / 1;
		}
		.ratio_2by1 img{
			aspect-ratio: 7 / 3;
		}
		.ratio_3by2 img{
			aspect-ratio: 3 / 2;
		}
	}
	.sTitle_wrap{
		position: absolute;
		bottom:0;
		left:0;
		padding: 80px 30px 30px;
		gap:10px;
		background: linear-gradient(0deg, rgba(0,0,0,0.7), transparent);
		border-radius:0 0 20px 20px;
		h3{
			color:#fff;
		}
		p{
			color:#fff;
		}
	}
}

.process{
	.featureBoxes{
		.proStep{
			border-radius:20px;
			padding: 14px 20px 14px 14px;
			width:60%;
			img{
				border-radius:20px;
			}
			&:after{
				content:'';
				display:block;
				width: 50%;
				height:50%;
				border: 1px dotted #A09D9A;
				position:absolute;
				bottom:-20px;
			}
			&:nth-child(2n+1):after{
				left: 100%;
				border-width:2px 2px 0 0;
				border-top-right-radius: 20px;
			}
			&:nth-child(2n+2):after{
				left: -50%;
				border-width:2px 0 0 2px;
				border-top-left-radius: 20px;
			}
			&:before{
				content:'';
				display:block;
				width: 15px;
				height:15px;
				border: 1px dotted #A09D9A;
				border-width: 0 2px 2px 0;
				transform: rotate(45deg);
				position:absolute;
				z-index:1;
				top:101%;
			}
			&:nth-child(2n+1):before{
				left: 150%;
				margin-left: -8px;
			}
			&:nth-child(2n+2):before{
				left: -50%;
				margin-left: -7px;
			}
			&:last-child:after, &:last-child:before{
				display: none;
			}
		}
	}
}
.odoo-section {
	.odooIcon{
		transform:translatex(-50%);
		opacity: 0.05;
		z-index:1;
	}
	.odooPartnerimg{
		position:absolute;
		bottom:0;;
		right:30px;
	}
	.elementor-element:not(.odooIcon){
		position:relative;
		z-index:2;
	}
}
.industries{
	img{
		border-radius:20px !important;
		width:100%;
	}
	.elementor-widget-heading{
		position: absolute;
        bottom: 0;
        left: 0;
		right:0;
		height:50%;
        padding: 30px;
        gap: 10px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
        border-radius: 0 0 20px 20px;
		.elementor-heading-title{
			color:#fff;
		}
		.elementor-widget-container{
			display: flex;
			align-items: flex-end;
		}
	}
}
.challengesWrap{
	position:relative;
	overflow:hidden;
	& > .e-con-inner{
		position:relative;
		z-index:2;
	}
	&:after{
		content:'';
		display:block;
		width:50%;
		height: 100%;
		position:absolute;
		background:#f6f6f6;
		right:0;
		top:0;
		z-index:1;
	}
}
.solutionsWrap{
	position:relative;
	overflow:hidden;
	&:after{
		content:'';
		display:block;
		width:50%;
		height: 100%;
		position:absolute;
		background:#f6f6f6;
		left:0;
		top:0;
		z-index:-1;
	}
}

.e-n-accordion{
    display: flex;
    flex-direction: column;
	gap: 20px;
	.e-n-accordion-item-title{
		justify-content:space-between !important;
		border:none !important;
		background:none;
		padding:24px 30px !important;
		.e-n-accordion-item-title-text{
			font-size:18px;
			font-weight:500;
		}
		.e-n-accordion-item-title-icon {
			order:2;
			span{
				width: 22px;
				height: 22px;
				background: no-repeat center center;
				svg{
					display:none;
				}
				&.e-opened{
					background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIzIiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiNBN0IwQkIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMjMuNDYgMS40MjVoLTIyIi8+PC9zdmc+");
					display: none;
				}
				&.e-closed{
					background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E3QjBCQiIgZD0iTTEyLjQ2LjQyNWEgMSAxIDAgMCAxIDEgMXYxMGgxMGEgMSAxIDAgMSAxIDAgMmgtMTB2MTBhMSAxIDAgMSAxLTIgMHYtMTBoLTEwYTEgMSAwIDEgMSAwLTJoMTB2LTEwYTEgMSAwIDAgMSAxLTF6Ii8+PC9zdmc+");
					display: block;
				}
			}
		}
	}
	details{
		background:#fff;
		border: 1px solid rgba(38, 38, 38, 0.12);
		box-shadow: 0px 14px 43px rgba(0, 0, 0, 0.05);
		border-radius: 7px;
		&[open]{
			&.e-closed{
				display: block !important;
			}
			&.e-opened{
				display: none !important;
			}
		}
		[role="region"]{
			border:none;
			padding:0 30px 30px !important;
			line-height:1.7;
		}
	}
}
.featured-blogs{
	.featured-blog-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto auto;
		gap: 1.5rem;
	}
	.featured-blog {
		border-radius: 20px;
		padding: 15px;
		background: #f9f9f9;
		position:relative;
		img{
			border-radius:20px;
		}
		&:hover{
			box-shadow: 0 15px 20px rgba(0,0,0,0.15) !important;
		}
	}
	.featured-blog:nth-child(1) {
		grid-column: 1;
		grid-row: 1 / span 2;
		background: #F7F2FE;
		border: 1px solid #E8DBFD;
	}
	.featured-blog:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		background: #FFF8EC;
		border: 1px solid #f6e0b9;
	}
	.featured-blog:nth-child(3) {
		grid-column: 2;
		grid-row: 2;
		background: #FDECED;
		border: 1px solid #FACBCE;
	}
	.featured-blog:nth-child(2), .featured-blog:nth-child(3) {
		display:flex;
		align-items: center;
		padding-bottom: 40px;
		gap: 10px;
		& > *{
			flex:1;
		}
		& > a img{
			aspect-ratio: 4/3;
			object-fit: cover;
		}
		.entry-meta{
			position: absolute;
			bottom: 10px;
		}
	}
	.featured-blog:nth-child(4) {
		grid-column: 3;
		grid-row: 1 / span 2;
		background: #F7F2FE;
		border: 1px solid #E8DBFD;
	}
}
.all-blogs article, .featured-blog{
	transition: all ease 0.3s;
	position:relative;
	img{border-radius:20px;}
	.blog-title {margin-block: 20px 10px; padding-inline: 10px;}
	.entry-meta{ margin:0 !important; padding-inline: 10px;}
	a{
		display:block;
		&:hover{
			color:#000;
		}
	}
	&:after{
		content: '';
		display: block;
		background: #EE4550 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23fff' d='M4.773 3.17a1.066 1.066 0 1 1-.086-2.129l8.032-.325a1.066 1.066 0 0 1 1.107 1.021l.325 8.032a1.064 1.064 0 0 1-1.44 1.078 1.07 1.07 0 0 1-.688-.992L11.8 4.394 2.467 14.516A1.066 1.066 0 1 1 .9 13.071L10.235 2.95z'/%3E%3C/svg%3E") no-repeat center center;
		border-radius: 50%;
		width: 44px;
		height: 44px;
		position: absolute;
		right: 12px;
		top: 25px;
		opacity:0;
		transition: all ease 0.3s;
	}
	&:hover:after{
		top:12px;
		opacity:1;
	}
	&:not(.featured-blog) img{
		aspect-ratio: 3 / 2;
		object-fit: cover;
	}
}
.all-blogs article:hover .blog-title{
	a{
		color: #EE4550;
	}
}
.featured-blogs, .all-blogs{
	margin-bottom:70px;
	    margin-left: 40px;
    margin-right: 40px;
	h2{
		margin-bottom:20px;
	}
}

h3.blog-title{
	font-size:18px;
	font-weight: 500;
	line-height: 1.3;
}

body.single{
	.post-thumbnail img{
		border-radius: 20px;
	}
}

.project-insights{
	padding-block: 35px !important;
	border-bottom:1px solid rgba(97, 95, 236, 0.2);
	& > div{
		column-gap:50px !important;
		& > .elementor-element{
			flex: 0 0 auto;
			width: auto;
			.elementor-element{
				gap:50px;
			}
			&:last-child{
				flex:1 0 0;
			}
		}
	}
	p.elementor-heading-title{
		color: var(--e-global-color-secondary) !important;
		font-weight: 600 !important;
		font-size: 18px;
	}
	h4.elementor-heading-title{
		color: var(--e-global-color-primary) !important;
		font-weight: normal;
		font-size: 18px;
	}
}

.project-single{
	margin-bottom: 90px;
	h2{
		color:#fff !important;
		line-height: 1.2;
		font-size: 30px;
	}
	h3{
		color:#CFDBE5 !important;
	}
	.proInfo{
		column-gap:100px;
		.elementor-element{
			column-gap:50px;
		}
	}
	p.elementor-heading-title{
		color: var(--e-global-color-secondary) !important;
		font-weight: 500 !important;
        font-size: 18px;
	}
	h4{
		color:#CFDBE5 !important;
		font-weight:normal !important;
	}
	.proImgs{
		display:flex;
		gap:50px;
		.project-featuredImg{
			flex:0 0 auto;
		}
		img{
			border-radius:5px;
			width:100%;
		}
    }
}

.project_overview{
	img{
		aspect-ratio: 3/4;
		object-fit: cover;
	}
    .introPics > div {
		width: 50% !important;
    }
}
.uiscreens{
	overflow-x: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	padding-bottom:50px !important;
	&.apps{
		gap: 60px !important;
		.elementor-widget-image{
			flex: 0 0 19% !important;
			img{
				border-radius: 30px;
				width: 100%;
				box-shadow:0px 12px 35px rgba(255, 255, 255, 0.5);
			}
			&:after{
				content:'';
				display:block;
				background: url(/wp-content/uploads/2025/05/iphone-1.png) no-repeat center center;
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background-size: 100% auto;
				transform:scale(1.06);
			}
		}
	}
	&.webs{
		gap: 30px !important;
		.elementor-widget-image{
			flex: 0 0 55% !important;
			img{
				border-radius: 10px;
				width: 100%;
			}
		}
	}
}

body.single-post{
	.content-area{
		margin-top: 110px;
	}
	.content-container{
		padding:0;
	}
	.entry-content-wrap{
		padding:0;
	}
	.post-title{margin-bottom:40px;}
	.primary-sidebar{
		.widget_block{
			a{
				transition: all ease 0.2s;
				&:hover{
					color:var(--e-global-color-secondary);
				}
			}
			.wp-block-latest-posts li{
				margin:13px 0;
				#block-4{
					border-top: 1px solid #ddd;
					padding-top: 30px;
					margin-top: 30px;
				}
			}
		}
	}
	article.entry.single-entry{box-shadow:none;}
	h1{font-size: 35px;}
	h2{font-size: 30px;}
}

.page-odoo{
	.odoo-banner{
		margin-top: 80px;
	}
	.ologo-wrapper{
		.ax .elementor-heading-title{font-weight:bold !important; line-height:1 !important;}
	}
	h1{
		span{
			display:block;
			opacity: 0;
			animation-delay: .8s;
			animation-duration: .5s;
			line-height: normal;
		}
		.part1{
			font-weight:500 !important;
			animation-name: odoo_MoveTopText;
			animation-timing-function: ease-out;
			animation-fill-mode: forwards
		}
		.part2{
			font-size:110%;
			font-weight:bold !important;
			animation-name: odoo_MoveBottomText;
			animation-timing-function: ease-out;
			animation-fill-mode: forwards
		}
	}
	.partnership-odoo{
		animation-name: odoo_fadeScaleMove;
		animation-duration: 1s; /* Required for animation to run */
		animation-timing-function: ease;
		animation-fill-mode: both;
	}
	.weba-logo{
		animation-name: odoo_fadeScaleMoveWebanix;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards
	}
	.weba-logo, .ax{
		opacity: 0;
		object-fit: contain;
		animation-delay: .5s;
		animation-duration: .5s
	}
	.ax {
		color: hsla(0,0%,56%,.2);
		font-family: sans-serif;
		animation-name: odoo_fadeScaleMoveX;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards
	}
	.odoo-logo {
		opacity: 0;
		object-fit: contain;
		padding-left: 1rem;
		animation-delay: .5s;
		animation-name: odoo_fadeScaleMoveOdoo;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards
	}
	.productivity{
		h3.elementor-heading-title{
			display:inline-block;
			background: var(--e-global-color-secondary);
			color:#fff !important;
			border-radius:30px;
			font-weight: 500;
			padding: 10px 25px;
		}
		.with-odoo, .without-odoo{
			&:before{
				content:'';
				display: block;
				width:16px;
				height:15px;
				background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VFNDU1MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjAzMiAwIDAgLjAwNFYxNWgxNmMtMS4wNjUgMC0yLjAwNS0uMDktMi44MzctLjI1NEExNiAxNiAwIDAgMSA0LjY4NiAxMC4zMSAxNi4wMiAxNi4wMiAwIDAgMSAuMDMyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center center;
			}
		}
		.with-odoo h3{
			border-top-left-radius:0;
		}
		.without-odoo{
			h3{
				border-top-right-radius:0;
			}
			&:before{
				transform: rotate(270deg);
				margin-left: auto;
			}
		}
		.primary-btn a{
			border:none !important;
			padding: 16px 25px !important;
		}
	}
	.ooicon img{
		filter: invert(18%) sepia(16%) saturate(696%) hue-rotate(269deg) brightness(93%) contrast(89%);
		opacity:0.1;
	}
	.odoo-video{
		.woicon{
			position:absolute;
			z-index:1;
			left:-26%;
			top:-5px;
			opacity:0.05;
		}
		.ooicon{
			position:absolute;
			z-index:1;
			right: -20%;
			bottom:0;
		}
		.elementor-widget-heading, .elementor-widget-video{
			position:relative;
			z-index:2;
		}
	}
	.molded{
		max-width: 1216px;
		margin: auto;
		img{
			border-radius:10px;
			box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
		}
	}
	.odsolutions{
		.odsol-box{
			background: #181818;
			border-radius: 15px;
			padding:25px;
			.elementor-button{
				background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS45NDIgMTIuOTM3YTEgMSAwIDEgMCAxLjQxNCAxLjQxNHpNMTQuNzMyIDEuNTZhMSAxIDAgMCAwLTEtMWgtOWExIDEgMCAwIDAgMCAyaDh2OGExIDEgMCAwIDAgMiAweiBNMS42NSAxMy42NDRsLjcwNy43MDdMMTQuNDQgMi4yNjhsLS43MDctLjcwNy0uNzA3LS43MDdMLjk0MiAxMi45Mzd6Ii8+PC9zdmc+") no-repeat center center;
				padding:0;
				width:38px;
				height:38px;
				border-radius: 50%;
				position: absolute;
				right: 0;
				z-index: 2;
				span{
					display:none;
				}
				&:hover{
					background-color: var(--e-global-color-secondary);
				}
			}
			h3{color:#fff}
			p.elementor-heading-title{
				color:#A7B0BB;
			}
			.odoo-iconlist{
				gap:25px;
				a{
					display:block;
					background:none;
					padding:0;
					.elementor-button-content-wrapper{
						display:block;
					}
					.ha-icon-box-icon{
						display:block;
						background:#282828;
						padding:18px 8px;
						border-radius: 5px;
						margin-bottom:7px;
						svg{
							width:auto;
							height:44px;
							display:block;
							margin: auto;
						}
					}
					.ha-icon-box-title{
						font-size:14px;
						color:#A7B0BB;
						white-space:nowrap;
					}
					&:hover{
						.ha-icon-box-icon{
							background:#444;
							
						}
					}
				}
			}
		}
	}
}

@keyframes odoo_fadeScaleMove {
    from {opacity: 0; transform: translateY(-100px) scale(.7)}
    to {opacity: 1; transform: translateY(0) scale(1)}
}
@keyframes odoo_fadeScaleMoveWebanix {
    from {opacity: 0; transform: translateX(-150px) scale(1.5)}
    to {opacity: 1; transform: translateY(0) scale(1)}
}
@keyframes odoo_fadeScaleMoveOdoo {
    from {opacity: 0; transform: translateX(150px) scale(1.5)}
    to {opacity: 1; transform: translateY(0) scale(1)}
}
@keyframes odoo_fadeScaleMoveX {
    from {opacity: 0; transform: scale(1.5)}
    to {opacity: 1; transform: scale(1)}
}
@keyframes odoo_MoveTopText {
    from {opacity: 0; transform: translateX(-150px)}
	to {opacity: 1; transform: translateY(0)}
}
@keyframes odoo_MoveBottomText {
    from {opacity: 0; transform: translateX(150px)}
    to {opacity: 1; transform: translateY(0)}
}

.odoo-solutions-list{
	& > .e-con-inner{
		row-gap: 60px !important;
		& > .elementor-element{
			padding:60px !important;
			border-radius:20px !important;
			column-gap: 60px;
			.sticky{
				position: sticky;
				top:90px;
				align-self: flex-start;
			}
			& > .e-con-inner{
				padding:0;
			}
			img{
				width:100% !important;
				border-radius:15px !important;
			}
			&:nth-child(3n+1) {
				background: #FFF8EC;
				border: 1px solid #FFECCA;
			}
			&:nth-child(3n+2) {
				background: #F7F2FE;
				border: 1px solid #E8DBFD;
			}
			&:nth-child(3n+3) {
				background: #F0FFF3;
				border: 1px solid #C9FFD3;
			}
		}
		.gradient-btn{
			position: absolute; 
			bottom:25px;
			left:25px;
			a{
				font-size: 20px !important;
				padding: 20px 30px !important;
			}
		}
	}
	.solu-features{
		padding-top:65px;
		row-gap: 30px;
		& > .elementor-element{
			background:#fff;
			border-radius: 20px;
			padding: 30px 40px;
		}
	}
}

.pContacts{
	h2{
		font-weight:500 !important;
	}
	p.elementor-heading-title{
		line-height: 1.6em !important;
		strong{
			font-weight:normal;
			color:#fff;
		}
	}
	.sayhello{
		&:after{
			content:'';
			display:block;
			background:#181818;
			position:absolute;
			left:0;
			top:0;
			width:500%;
			height:100%;
			z-index:1;
		}
		& > div{
			position:relative;
			z-index:2;
		}
		a{
			&:after{
				content:'';
				display:block;
				background:var(--e-global-color-secondary);
				height:2px;
				left:0;
				bottom:0;
				width:0;
				transition: all ease 0.3s;
			}
			&:hover:after{
				width:100%;
			}
		}
	}
}
.apply-today{
	.gradient-btn {
		.elementor-button.elementor-button-link{
			padding:15px 30px !important;
		}
	}
}

/*.hero-circle{
	margin-top: 100px;
	height: 200px;
	width: 200px;
	margin-bottom: 100px;
}*/
.hero-head{
	width:43% !important;
	h1{
		line-height:1.1 !important;
	}
}
.hero-circularText{
	flex:0 0 220px !important;
	width:auto !important;
	margin:0 30px !important;
	align-self: stretch !important;
    justify-content: center !important;
}
.hero-circularText .elementor-widget-container{
	display:flex;
	justify-content: center;
}
.hero-circularText svg{
	width:170px;
	aspect-ratio:1/1;
	height:auto;
	outline: 10px solid #121212;
    background: #121212;
}
.hero-circularText:after{
	content:'';
	display:block;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	width:4px;
	margin-left: -2px;
	border:1px solid #333;
	border-radius:0;
	z-index:0;
}
.hero-circularText > .elementor-element{
	position:relative;
	z-index:2;
}
.head-counter{
	z-index: 1;
}

/* .hero-service-container{
	&._01{
			opacity:0;
		}
		&._04 {
			opacity:0!important;
	}
} */
.servicehome-img > div{
	display: flex;
	justify-content: end;
}
.servicehome-img img{
	aspect-ratio: 5 / 2;
	border-radius: 20px !important;
	object-fit:cover;
}
/*.outer-cta {
  width: 875px !important;
  height: 270px !important;
  margin: 0 auto; 
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center !important;
}
/*.cta-connect{
	height: 260px !important;
	width: 260px !important;
	border-radius: 200px !important;
	background-color: #ee4550 !important;
	position: absolute;
	align-items: center;
	justify-content: center;
}/
.cta-ready{
	color: #fff;
  font-size: 20px;
  text-align: center;
  z-index: 2;
  opacity: 1;
  transition: all 0.8s ease;
}

.outer-cta {
  width: 875px !important;
  height: 270px !important;
  margin: 0 auto; 
  position: relative;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.cta-connect{
  	height: 120px !important;
	width: 120px !important;
	border-radius: 100% !important;
	background-color: #ee4550 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  	text-align: center;
	margin: auto!important;
	will-change: width, height, opacity, transform;
    width: 0px;
    height: 0px;
}

.cta-connect.expand {
  width: 100%;
  height: 100%;
  border-radius: 0;
}*/

.cta-bg-holder {
    z-index: -1;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 105vh;
    display: flex;
    overflow: hidden;
	position: absolute;
}
.cta-section-circle {
    height: 320px;
    width: 320px;
    border-radius: 100%;
    background-color: #ee4550;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    margin: auto!important;
}

.cta-section-animation-holder .elementor-widget-container{
	width:100%;
}
.cta-section-circle, .cta-text-logo {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.cta-text-logo{
    z-index: 2;
    text-align: center;
    width: 600px;
	color: white;
    font-size: 40px;
    line-height: 1.3;
	 margin-top: 20px;
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(50px);
	position: absolute;
	font-weight: 600;
}

.app-text-holder h2{
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
	text-align: center;
}
.app-text-holder{
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
	
}
.app-texticon-holder{
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    display: flex;
}
.cta-section-animation-holder {

    height: 100vh;
    display: flex;
    position: relative;
    overflow: visible;
	justify-content: center;
}
.caseHome{
	margin-bottom: 0!important;
}
.caseHome img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.7)
  );
  z-index: 1;
}

.redcircle-wrapper > e-con-inner{
	padding: 0px;
}
/*.zoomCta{
	margin-bottom: 0px !important;
}
.zoomCta{
	opacity: 1;	
}

.zoomCta{
	padding: 10px 15px;           
	font-size: 18px;
}
.zoomCta img{
	display: inline-block;
}*/
.zoom-cta{
	margin-bottom: 0px !important;
}
.zoomCta br {
  display: none; 
}
.zoomCta {
	font-size: 34px;
	color: #fff !important;
	font-weight: 600;
	padding: 10px 25px;
	display: block;
	border-radius: 6px;
	margin-top: 6px;
	span{
		padding: 0;

		display: inline-block;
		vertical-align:middle;
		transition: all ease 0.3s;
		margin: 0 4px 0 0;
	}
	img{
		margin:2px 6px -1px;
		transition: all ease 0.3s;
		filter:brightness(100);


	}
	&:hover{
		color:#fff !important;
		span{
			padding: 8px 8px;
			background: #fff;
			border-radius: 8px;


		}
		img{
			filter:none;
		}
	}
}

.col-develop{
	padding-left: 200px !important;
}
.num-develop{
	position: absolute!important;
    left: 0;
}
.num-develop h2{
	font-size: 120px!important;
	line-height: 0.8 !important;
	opacity: 0.1;
}

#post-type-archive-project .select2-selection__rendered{
    color: #444;
    line-height: 28px;
	padding: 16px 25px;
	border: 1px solid #000000;
	
}
.webanix-slider-container:hover {
 cursor: url(__https://new.webanixsolutions.com/wp-content/uploads/2025/12/Drag.png__) 20 20, auto;
}
/* project page */

/* 1. The Pop Animation */
@keyframes dragBox {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
 
/* 2. The Container (Moves with JS) */
#drag-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;   /* Size is handled by the child */
    height: 0;  /* Size is handled by the child */
    z-index: 9999;
    pointer-events: none;
    will-change: transform; /* Keeps movement smooth */
}
 
/* 3. The Image (Animates with CSS) */
#drag-cursor::after {
    content: '';
    position: absolute;
    /* Center the 64px image on the 0px container */
    top: -52px; 
    left: -52px;
    width: 105px;
    height: 105px;
    
    /* Image Settings */
    background-image: url('/wp-content/uploads/2025/12/DRAG-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    
    /* Default State: Hidden */
    opacity: 0;
    transform: scale(0);
    /* No transition here, we use animation instead */
}
 
/* 4. Trigger the Animation */
#drag-cursor.active::after {
    animation: dragBox 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
 
/* 2. Hide default cursor when active */
.proImgs, .proImgs a{
    cursor: none !important;
}
	
/* 1. Stop the browser from "picking up" the image */
.proImgs img {
    pointer-events: none; /* Passes clicks through to the link */
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
}
 
/* 2. Stop the browser from "picking up" the link */
.proImgs .project-featuredImg a {
    display: inline-block;
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
}

/* FILTER */

.project-filters {
  	border: none;
  	display: flex;
  	align-items: center;
	margin-bottom: 70px;
}

.project-filters #filter-industry,
.project-filters #filter-platform,
.project-filters #filter-behind-the-scene{
  height: 44px;
  border: 1px solid #777;
  border-radius: 8px;
  background-color: #303030;
  color: #fff;
  display: flex;
  font-size: 14px !important;
  align-items: center;
  width: max-content;
  margin-right: 24px;
  transition: border-color 0.2s ease;
  width: 200px;
}

select{
	padding: 0.2em 35px 0.2em 1em !important;
}

select option.dropdown_options{
/* 	background-color: #303030 !important; */
	color: #fafafa;
}

#clear-project-filters {
  height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid #ee4550;
  background-color: transparent;
  color: #ee4550;
	font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
#clear-project-filters svg{
	margin-right: 8px;
	width:12px;
}
#clear-project-filters svg path{
	fill:#ee4550;
}
#clear-project-filters:hover {
  background-color: #ee4550;
  color: #fff;
  border-color: transparent;
}
#clear-project-filters:hover svg path{
	fill:#fff;
}

.bluePrintImg{
	height: 260px !important;
}

/* let's talk Project */
.project-action{
	    display: flex;
    gap: 20px;
}
.project-details{
	display: flex;
    justify-content: space-between;
	margin-top: 30px;
    margin-bottom: 30px;
	align-items: end;
}
.project-details p{
	color: var(--e-global-color-secondary) !important;
        font-weight: 500 !important;
        font-size: 18px;
	margin-bottom: 3px;
}
.project-meta{
	display: flex;
    gap: 30px;
	flex: 0 0 auto;
}
.project-actions{
	display: flex;
    gap: 10px;
}

.archive-project-header{
    margin: 120px auto 70px;
    padding: 10px 60px 0px;
    background: #17191C;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*     max-width: calc(95% - 20px) !important; */
    width: 1580px !important;
	color: #fff;
}
.archive-project-header h1{
	color: var(--e-global-color-kadence9);
	margin-bottom: 10px !important;
}

.archive-project-header h4{
	color: #A7B0BB;
}

.mobile-view-section{
	display: none;
}

.core-services > .elementor-element.e-grid{
	padding-top: 10px;
    padding-bottom: 10px;
	--e-con-grid-template-columns: repeat(1, 3fr 2fr) !important;
}
.core-services .elementor-widget-icon-list .elementor-icon-list-text{
	color:#ccc;
	font-size:16px;
}
.core-services > .elementor-element{
	background:#171717;
	position:sticky;
	overflow:hidden;
	border-top:1px solid #333;
}
.core-services > .elementor-element:first-child{
	top:0px;
}
.core-services > .elementor-element:nth-child(2){
	top:90px;
}
.core-services > .elementor-element:nth-child(3){
	top:180px;
}
.core-services > .elementor-element:nth-child(4){
	top:270px;
}
.core-services > .elementor-element:nth-child(5){
	top:360px;
}
.core-services > .elementor-widget-spacer{
	background:none;
	top:500px;
	height: 100px;
	border-top:none;
}

#measures.grid-4 {
  grid-template-columns: repeat(4, minmax(330px, 1fr));
}
#measures.grid-3 {
  grid-template-columns: repeat(3, minmax(330px, 1fr));
}
#measures {
  gap: 30px;
}

#measures .measure-item {
    border: 1px solid #444;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0 15px 30px #000;
}
#measures h3, #measures h4, #measures h5, #measures p{
	color:#fff;
	text-align:center;
}
#measures .wpr-prbar-circle .wpr-prbar-content{
	width:80%;
	transform:translate( -50%, -60%);
}
#measures .wpr-prbar-circle-svg{
	box-shadow:-13px 10px 30px rgba(0,0,0,0.5);
}
#measures .wpr-prbar-title{
	font-size:18px;
}
#measures .wpr-prbar-counter-value{
	font-size:40px;
	line-height:1;
}
#measures .wpr-prbar-counter-value-suffix{
	font-size:25px;
	line-height: 1.1;
}
#measures h5{
	color:var(--e-global-color-secondary) !important;
	margin-bottom:6px !important;
}
#measures p.elementor-heading-title{
	color:#aaa;	
}
.sneakPeek .v100 img{
	height: 100% !important;
}
.uiMocks{
	overflow:hidden;
}

/* project inner page */

.project-technology{
	        background: #181818;
        border-radius: 20px;
        padding: 20px;
/* 	border: 2px solid #181818; */
}
.project-technology .technology-stack{
    border-radius: 0px;
    padding: 20px 20px 33px;
/* 	background-color: #181818; */
}
.technology-stack img{
	max-width: 100px;
}

@media all and (max-width:2000px){
	.hero-section-app-logo-holder{
		transform: translate3d(0px, 38%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	}
}

@media all and (max-width:1710px){
	.project-single .proImgs, .uiMocks{
		width: calc(100% + 7%);
		margin-left: -3.5%;
		padding-left: 3.5%;
		& > .elementor-element:last-child{
			padding-right: 3.5%;
		}
	}
	body.single-project .uiMocks{
		margin-left:0;
	}
	.uiMocks .uiscreens{
		width: calc(100% + 6%);
		margin-left: -3%;
		padding-left: 4%;
		& > .elementor-element:last-child{
			margin-right: 3.5%;
		}
	}
}
@media all and (min-width:1550px){
    .grid-xxl-col-4 {
		gap: 1.5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media all and (min-width:768px){
	.row{
		display: flex;
		flex-wrap:wrap;
		margin-inline: -15px;
		& > div{
			flex: 0 0 auto;
			padding-inline: 15px;
		}
		.col-sm-6{
			width:50%;
		}
		.col-sm-12{
			width:100%;
		}
	}
}
@media all and (min-width:992px){
	.beneTitle_col{
		position:sticky !important;
		top:120px;
		align-self: flex-start !important;
	}
}

@media all and (max-width:1500px){
	#measures.grid-4 {
		grid-template-columns: repeat(4, minmax(300px, 1fr));
	}
	#measures.grid-3 {
		grid-template-columns: repeat(3, minmax(300px, 1fr));
	}
}
@media all and (max-width:1400px){
	.testimonialsWrap {
		.testiIcon {
			img {
				width: 320px !important;
			}
		}
		.testiSlider{
			padding-left:290px;
		}
		.secondary-outline-btn{
			margin:30px 0 50px 2px;
		}
	}
	.aboutCircleGrid > div:last-child .elementor-widget-container, .CircleText-wrap{
		    transform: scale(0.8);
	}
	.sneakPeek img {
		height: 300px !important;
	}
	.proIntro {
		.introText p {
			font-size: 15px;
		}
	}
	.all-blogs .grid-cols{
		gap:1.5rem;
	}
	#measures.grid-4 {
		grid-template-columns: repeat(4, minmax(260px, 1fr));
	}
	#measures.grid-3 {
		grid-template-columns: repeat(3, minmax(260px, 1fr));
	}
}
@media all and (max-width:1280px){
	
	.hero-service-container{
		font-size:36px;
		&._02{
			width:250px;
		}
	}
	.devCol_left .elementor-widget-heading{
		&:nth-child(2) h3{margin-right: 15px !important;}
		&:nth-child(3) h3{margin-right: 50px !important;}
		&:last-child h3{margin-right: -65px !important;}
	}
	.devCol_right .elementor-widget-heading{
		&:nth-child(2) h3{margin-left: 15px !important;}
		&:nth-child(3) h3{margin-left: 50px !important;}
		&:last-child h3{margin-left: -65px !important;}
	}
	.exp > div:last-child p {
		font-size: 22px !important;
	}
	
	#products {
		& > div > .elementor-element {
			& .technology {
				width: 42px;
				img {
					width: 26px;
				}
			}
		}
	}
	#measures {
		grid-template-columns: repeat(3, 1fr);
	}
	.header-navigation .menu > li, #masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li{
		margin-left:10px;
	}
}
@media all and (max-width:1199px){
	.hero-section{
		height:100vh !important;
		.elementor-widget-image{
			height:100%;
			& > div{
				height:100%;
				img{
					object-fit:cover;
					height:100%;
				}
			}
		}
	}
	.hero-head {
		width: 34% !important;
	}
	.hero-service-container {
		font-size: 34px;
		&._01{
			transform: translate3d(-28vw, -20vh, 0px);
		}
		&._02 {
			width: 200px;
		}
		&._03 {
			width: 150px;
		}
		&._04 {
			width: 210px;
			transform: translate3d(35vw, -13vh, 0px);
		}
		&._05{
			margin-left:-95px;
		}
	}
	.CircleText-wrap{
		padding-right:0;
	}
	.stats {
		& .stats-item {
			.statCount p{
				font-size: 40px;
				line-height: 1 !important;
			}
			.statTitle p {
				font-size: 15px;
				font-weight: 500 !important;
			}
		}
	}
	.devCol_left .elementor-widget-heading{	
		&:first-child h3{margin-right: -60px !important;}
		&:nth-child(2) h3{margin-right: 45px !important;}
		&:nth-child(3) h3{margin-right: 75px !important;}
		&:last-child h3{margin-right: -40px !important;}
	}
	.devCol_right .elementor-widget-heading{
		&:first-child h3{margin-left: -60px !important;}
		&:nth-child(2) h3{margin-left: 45px !important;}
		&:nth-child(3) h3{margin-left: 75px !important;}
		&:last-child h3{margin-left: -40px !important;}
	}
	.insights{
		.ha-post-list{
			gap: 25px;
			li{
				.ha-post-list-title {
					font-size: 16px;
				}
			}
		}
	}
	.testimonialsWrap{
		.testiTitle{
			padding-right:20px;
		}
		.wpr-testimonial-meta{
			margin-right:0;
		}
		.wpr-testimonial-arrow-container{
			padding-right:0;
		}
		.testiSlider{
			.elementor-widget-wpr-testimonial{
				margin-top: 15px;
			}
		}
	}
	.site-footer {
		.site-top-footer-inner-wrap{
			grid-template-columns: 1fr auto !important;
			.site-footer-top-section-2 {
				.site-info-inner{
					padding-right:10px;
				}
			}
		}
		.site-middle-footer-inner-wrap{
			grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 3fr) !important;
		}
		.site-bottom-footer-inner-wrap {
			display: flex;
			justify-content: space-between;
		}
	}
	.whoweGrid p{
		line-height:1 !important;
	}
	.aboutCircleGrid > div:last-child .elementor-widget-container{
		transform: scale(0.7);
        padding-left: 20px;
	}
	body:not(.home):not(.single-project):not(.page-odoo){
		:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
			margin-bottom: 70px;
		}
	}
	.page-header.elementor-element{
		margin-block: 80px 50px !important;
	}
	#masthead{
		top:0;
		min-height:80px;
	}
	.ha-cursor {
		display: none !important;
	  }
	  body {
		cursor: auto !important;
	  }
	.fe_service{
		&:after{
			content:'';
			display: block;
			background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23fff' d='M4.773 3.17a1.066 1.066 0 1 1-.086-2.129l8.032-.325a1.066 1.066 0 0 1 1.107 1.021l.325 8.032a1.064 1.064 0 0 1-1.44 1.078 1.07 1.07 0 0 1-.688-.992L11.8 4.394 2.467 14.516A1.066 1.066 0 1 1 .9 13.071L10.235 2.95z'/%3E%3C/svg%3E") no-repeat center center;
			border-radius: 50%;
			width: 44px;
			height: 44px;
			position: absolute;
			right: 12px;
			bottom: 12px;
		}
	}
	.serviceItem{
		&:after{
			content:'';
			display: block;
			background: rgba(238,69,80,0.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23fff' d='M4.773 3.17a1.066 1.066 0 1 1-.086-2.129l8.032-.325a1.066 1.066 0 0 1 1.107 1.021l.325 8.032a1.064 1.064 0 0 1-1.44 1.078 1.07 1.07 0 0 1-.688-.992L11.8 4.394 2.467 14.516A1.066 1.066 0 1 1 .9 13.071L10.235 2.95z'/%3E%3C/svg%3E") no-repeat center center;
			border-radius: 50%;
			width: 44px;
			height: 44px;
			position: absolute;
			right: 12px;
			top: 12px;
		}
		.ratio_3by2 img {
            aspect-ratio: 5 / 4 !important;
        }
		.ratio_2by1 img {
            aspect-ratio: 7 / 4 !important;
        }
	}
	.industries{
		.elementor-widget-heading{
			padding:25px;
			.elementor-heading-title{
				font-size: 21px !important;
				font-weight: 500 !important;
			}
		}
	}
	.featured-blogs{ 
		.featured-blog-list {
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto;
		}
		.featured-blog {
			grid-column: auto !important;
			grid-row: auto !important;
		}
		.featured-blog:nth-child(2), .featured-blog:nth-child(3){
			display:block;
			& > a img{
				aspect-ratio: auto;
			}
			.entry-meta{
				position:relative;
				bottom: auto;
			}
			.blog-title{
				margin-block: 20px 10px;
			}
		}
	}	
	.project-single{
		.proInfo{
			column-gap:50px;
			.elementor-element {
				column-gap: 30px;
			}
		}
		.proImgs{
			gap:30px;			
			.elementor-widget-image{
				width:90% !important;
			}
		}
	}
	.project-header.elementor-element {
		&:after{
			right:-20%;
		}
	}
	.uiscreens{
		gap: 40px !important;
	}
	.page-odoo {
		.odoo-logo{padding-left:0;}
	}
	.odoo-solutions-list{
		& > .e-con-inner{
			row-gap:50px !important;
			& > .elementor-element{
				column-gap:30px;
				padding:40px !important;
				h2{
					font-size:28px;
				}
			}
		}
	} 
	.locats{
		& > .elementor-element{
			width:50% !important;
			& > .elementor-element{
				width:100% !important;
			}
		}
	}
	#masthead{border-bottom:none;}
	aside#secondary{display:none;}
	
/* 	.hero-circularText{
		position: absolute;
		margin: 0 !important;
		left: 30px;
		height: 100%;
	} */
	.heroTxt-banner{
		& > .e-con-inner{
			display: grid !important;
			grid-template-columns: 300px 1fr;
			gap: 40px 0 !important;
		}
		.hero-circularText{
			grid-row: span 2;
			margin:0 80px 0 0 !important;
		}
		.hero-head{
			width:100% !important;
		}
		.head-counter{
			width:100% !important;
			.elementor-heading-title{
				line-height:1.6 !important;
			}
		}
	}
	.servicehome-img img{
		aspect-ratio: 7 / 3;
	}
	.core-services > .elementor-element.e-grid{
		--e-con-grid-template-columns: repeat(1, 2fr 1fr) !important;
	}
}
@media all and (max-width:1024px){
	#ekit-megamenu-main-menu{
		background:#ee4550;
		width: 300px;
        bottom: 0;
        height: auto !important;
	}
	#menu-main-menu{
		height: auto;
		flex-grow: 1;
	}
	.mainmenu-wrapper{
		justify-content: center !important;
		padding-right: 10px;
	}
	.menu-toggle-open, .elementskit-menu-hamburger{
		padding:0 !important;
		width:34px !important;
		border:none !important;
		display:flex !important;
		flex-wrap: wrap;
		justify-content: end;
		
		&:before, &:after, .menu-toggle-icon, .elementskit-menu-hamburger-icon{
/* 			content:''; */
			display:block;
			height:3px !important;
			width:100%;
			background: var(--e-global-color-secondary) !important;
			margin:0 !important
		}
		.menu-toggle-icon, .elementskit-menu-hamburger-icon:nth-child(2){
			margin: 6px 0 !important;
/* 			margin-bottom: 6px !important; */
			width: 70%;
			span{
				display:none;
			}
		}
	}
	#masthead .elementskit-menu-close{
		width:40px;
		height:40px;
		margin:0;
		border:none;
		background:none;
		font-size:0;
		position:relative;
		&:before, &:after{
			content:'';
			display:block;
			font-size:24px;
			background:#fff;
			transform: rotate(45deg);
			width: .75em;
			height: .08em;
		}
		&:after{
			position: absolute;
            top: 19px;
			transform: rotate(-45deg);
		}
	}
	#masthead .elementskit-dropdown, .elementskit-megamenu-panel{
		width:100% !important;
		position:relative !important;
		right:auto !important;
		background: #00000026;
		border: none;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	#masthead .wpr-page-list-vertical{
		width:100%;
		padding:0;
	}
	#masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li{
		margin:0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	#masthead .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a{
		font-size: 14px;
		color:#fff;
		padding:0 0 0 20px !important;
		min-height:50px;
		&:hover{
			color:#fff !important;
		}
	}
	#masthead .elementskit-navbar-nav-default svg{
		border: none !important;
        border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding: 17px;
        border-radius: 0;
        fill: #fff !important;
        max-width: 50px;
        max-height: 50px;
	}
	#masthead .elementskit-navbar-nav-default .elementskit-submenu-panel>li>a,
	#masthead .elementor-widget-n-tabs .e-n-tab-title,
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title{
		display:flex;
		font-size:13px !important;
		color: #fff !important;
        padding:12px 10px 12px 20px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-radius:0 !important;
		gap: 13px;
		justify-content: flex-start;
	}
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title {
		color: #ffffffab !important;
		padding-left: 36px !important;
	}
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-page-list-item {
		border:none !important
	}
	#masthead .elementskit-submenu-panel > li.current-menu-item > a{
		color: #fff !important;
	}
	#masthead .elementskit-navbar-nav-default .elementskit-submenu-panel>li>a:before,
	#masthead .elementor-widget-n-tabs .e-n-tab-title:before,
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title:before{
		content: '';
		display: block;
		width: 7px;
		height: 7px;
		transform: rotate(45deg);
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#masthead .elementor-widget-shortcode{
		display:none;
	}
/* 	#masthead .elementor-widget-n-tabs .e-n-tab-title{
		color:#fff !important;
		background:none !important;
		border-radius:0;
		gap:13px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	} */
	#masthead .elementor-widget-n-tabs .e-n-tab-title-text{
		font-size: 13px !important;
	}
	#masthead .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]{
		color:#fff !important;
		background:none !important;
	}
	.elementskit-menu-hamburger:focus, .elementskit-menu-hamburger:hover{
		background:transparent !important;
	}
	.elementskit-menu-overlay{
		background:rgb(0 0 0 / 64%) !important;
		left:0 !important; right:0;
		opacity:0 !important;
		visibility:hidden !important;
	}
	.elementskit-menu-overlay.active{
		opacity:1 !important;
		visibility:visible !important;
	}
	#masthead .elementskit-nav-identity-panel{
		display: flex;
        justify-content: space-between;
		padding:20px 5px 20px 15px !important;
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	#masthead .elementskit-nav-identity-panel:before{
		content:'';
		display:block;
		background:url(/wp-content/uploads/2025/12/webanix-logo.svg) no-repeat center left;
		width:200px;
		height:40px;
		filter: invert(1) brightness(100);
	}
	#masthead .elementskit-navbar-nav-default .elementskit-navbar-nav > li {
		&:hover > a {
			color:#fff !important;
		}
	}
	#masthead .elementskit-submenu-panel > li:hover > a, 
	#masthead .elementskit-submenu-panel > li:focus a,
	#masthead .elementor-widget-n-tabs .e-n-tab-title:hover,
	#masthead .elementor-widget-n-tabs .e-n-tab-title:focus,
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title:hover,
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title:focus{
		color: #111 !important;
		background: #f6f6f6 !important;
	}
	#masthead .elementskit-navbar-nav-default .elementskit-submenu-panel>li>a:hover:before, 
	#masthead .elementor-widget-n-tabs .e-n-tab-title:hover:before, 
	#masthead .wpr-page-list-vertical .wpr-page-list .wpr-pl-title:hover:before{
		border-color:#ee4550 !important;
	}
	#masthead .e-n-tabs-heading {
		display: block;
		background:none;
		padding:0;
	}
	#masthead .e-n-tab-title {
		width: 100%;
		text-align: left;
/* 		touch-action: manipulation; */
	}
	#masthead .e-n-tabs [role="tabpanel"], #masthead .e-n-tabs [role="tabpanel"] .e-con-inner {
		padding: 0;
	}
	.accordion-mode .elementor-element[role="tabpanel"] {
		display: block !important;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		pointer-events: none;
		transition: max-height 0.35s ease, opacity 0.25s ease;
	  }

	  .accordion-mode .elementor-element[role="tabpanel"].open {
		max-height: 1000px; /* safely larger than content */
		opacity: 1;
		pointer-events: auto;
	  }
	#drag-cursor::after{
		display:none;
	}
	#drag-cursor{
		cursor:default;
	}
	.partners-tabcnt .elementor-element{
		width:100%;
	}
	#masthead .partners-tabcnt .elementor-widget-heading .elementor-widget-container{
		padding:0;
	}
	#masthead .partners-tabcnt .elementor-element h3{
		padding-left: 35px !important;
		min-height:38px;
		font-size:14px !important;
		color:#fff;
	}
	#masthead .partners-tabcnt .elementor-element h3 a{
		color:#fff;
	}
	#masthead [role="tabpanel"] .elementor-heading-title{
		display: flex;
        align-items: center;
		border-bottom: 1px solid rgba(255,255,255,0.12) !important;
	}
}
@media all and (max-width:991px){
	.stats {
		.stats-item {
			.statTitle p {
				font-size: 14px;
			}
		}
	}
	.devCol_left .elementor-widget-heading{	
		&:first-child h3{margin-right: -20px !important;}
		&:nth-child(2) h3{margin-right: 85px !important;}
		&:nth-child(3) h3{margin-right: 115px !important;}
		&:last-child h3{margin-right: -10px !important;}
	}
	.devCol_right .elementor-widget-heading{
		&:first-child h3{margin-left: -20px !important;}
		&:nth-child(2) h3{margin-left: 85px !important;}
		&:nth-child(3) h3{margin-left: 115px !important;}
		&:last-child h3{margin-left: -10px !important;}
	}
	.insights li:last-child{
		display:none;
	}
	.testimonialsWrap {
        .secondary-outline-btn {
            margin-block:30px;
        }
    }
	.site-footer {
    	.site-footer-top-section-1 {
        	.widget_text {
				&#block-9 p {
					font-size: 65px;
					white-space: nowrap;
				}
				a {
                    margin:0 0 5px !important;
					display: block;
                }
			}
		}
		.site-footer-top-section-2 {
        	.footer-widget-area {
				.site-info-inner {
					padding-left:40px;
				}
			}
			.zoomBtn{
				padding:10px 15px;
				font-size: 18px;
				color: #fff!important;
			}
		}
		.site-middle-footer-inner-wrap{
			display: flex;
    		flex-wrap: wrap;
			.widget_block{
				margin-bottom: 5px;
			}
			.site-footer-middle-section-1{
				flex: 0 0 60%;
			}
			.site-footer-middle-section-3{
				width:100%;
			}
		}
		&:after{width:550px;}
	}
	.page-header.elementor-element{
		min-height:350px;
	}
	.gradient-btn .elementor-button.elementor-button-link {
        padding: 15px 40px;
        width: auto !important;
        display: inline-block !important;
        font-size: 20px !important;
        border-radius: 10px;
    }
	.page-header .primary-outline-btn{
		display:none;
	}
	.heroTxt-banner{
		& > .e-con-inner{
			grid-template-columns: 220px 1fr;
		}
		.hero-circularText{
			margin:0 60px 0 0 !important;
		}
	}
	.CircleText-wrap{
		height:150px;
	}
	body.home .CircleText-wrap{
		padding-right:0;
	}
	.hero-service-container{
		&._02{transform: translate3d(-27vw, 36vh, 0px);}
		&._03{transform: translate3d(0vw, 50vh, 0px);}
		&._05{margin-left:-50px;}
	}
	.aiWrap:after{
		left:auto;
		right:0;
	}
	.team  h3{
		font-size: 21px !important;
	}
	.team h4.elementor-heading-title{
		font-size: 15px !important;
	}
	#products {
		& > div > .elementor-element {
			& > .elementor-widget:not(:first-child):not(:last-child) {
				padding-inline:20px;
			}
			.primary-btn{margin-bottom:30px;}
		}
	}
	.serviceItem{
		.ss1 img, .ss3 img, .ss4 img {
			aspect-ratio: 2 / 1 !important;
		}
		.ratio_2by1 img {
			aspect-ratio: 5 / 4 !important;
		}
	}
	.process {
    	.featureBoxes {
			.proStep{
				width:75%;
				&:after{
					width: 20%;
				}
				&:nth-child(2n+2):after, &:nth-child(2n+2):before{
					left: -20%;
				}
				&:nth-child(2n+1):before{
					left: 120%;
				}
			}
		}
	}
	.solutionsWrap:after{
		display:none;
	}
	.challengesWrap:after{
		display:none;
	}
	.project-root-cause, .keycaps{
		background:#f6f6f6;
	}
	.solutionsWrap > .e-con-inner{
		max-width:100%
	}
	.beneBoxes {
		& > .elementor-element{
			padding: 30px;
		}
		.elementor-widget-image {
			margin-bottom:5px !important;
		}
	}
	.project-single .proImgs, .uiscreens{
		gap:20px;
		width: calc(100% + 8%);
		margin-left: -4%;
		padding-left: 4%;
		& > .elementor-element:last-child {
			margin-right: 4%;
		}
    }
	.project-header.elementor-element{
		&:after{
			display:none;
		}
		h1{
			margin-bottom: 10px !important;
			line-height: 1.2 !important;
		}
	}
	.uiscreens.apps {
		.elementor-widget-image {
			flex: 0 0 26% !important;
		}
	}
	.uiscreens.webs .elementor-widget-image {
		flex: 0 0 60% !important;
	}
	.pContacts{
		.sayhello{
			&:after{
				width: 120%;
				left: -14%;
				overflow: hidden;
			}
		}
	}
	.odoo-solutions-list {
		& > .e-con-inner {
			& .gradient-btn {
				a {
					font-size: 18px !important;
					padding: 15px 25px !important;
				}
			}
		}
	}
	.caseGrid {
    	.elementor-element-f51ecf3 img {
            aspect-ratio: 3/2;
        }
    }
	.servicehome-img img{
		aspect-ratio: 2 / 1;
	}
	.core-services > .elementor-element:nth-child(2) {
		top: 80px;
	}
	.core-services > .elementor-element:nth-child(3) {
		top: 160px;
	}
	.core-services > .elementor-element:nth-child(4) {
		top: 240px;
	}
	.core-services > .elementor-element:nth-child(5) {
		top: 320px;
	}
	
	.sneakPeek .vrect img{
		height: 350px !important;
	}
	
	.challengesWrap > .e-con-inner{
		max-width: 100%;
	}
	.challengesWrap > .e-con-inner > .elementor-element,
	.solutionsWrap > .e-con-inner > .elementor-element{
		padding-left:30px !important;
		padding-right:30px !important;
	}
	.challengesWrap .project-root-cause:after{
		display:none;
	}
	.homeAi img, .hs2{
		opacity:1;
		transform:none;
		animation:none;
	}
	.heroTxt-banner .hero-circularText {
		margin: 0 !important;
    }
	.app-logo-holder{
		width:400px;
	}
}


@media all and (max-width:767px){
	body:not(.home):not(.single-project):not(.page-odoo){
		:is(.elementor-section-wrap, [data-elementor-id]) > .e-con{
			margin-bottom: 60px;
		}
	}
	.app-logo-holder{
		width:auto;
	}
	.stats {
		.stats-item {
			padding:15px;
			.statCount p{
				font-size: 30px;
			}
			.statTitle p{
			    text-align:center;
				line-height: 1.4;
			}
		}
	}
	.devCols{
		&:after{
			width:400px;
		}
		h3{
			font-size:16px !important;
			padding:8px 17px;
		}
	}
	.devCol_left .elementor-widget-heading{	
		&:first-child h3{margin-right: 10px !important;}
		&:nth-child(2) h3{margin-right: 90px !important;}
		&:last-child h3{margin-right: 24px !important;}
	}
	.devCol_right .elementor-widget-heading{
		&:first-child h3{margin-left: 10px !important;}
		&:nth-child(2) h3{margin-left: 90px !important;}
		&:last-child h3{margin-left: 24px !important;}
	}
	.insights{
		.ha-post-list{
			flex-wrap:wrap;
			li{
				flex: 0 0 100%;
			}
		}
	}
	.testimonialsWrap {
        .testiIcon {
			img{
				width: 80px !important;
				right: 15px;
				left: auto;
				top: -95px;
			}
		}
		.testiSlider{
			padding-left:13px;
		}
	}
	.site-footer{
		&:after{
			width:370px;
			height: 220px;
		}
		.site-top-footer-inner-wrap{
			display:flex;
			flex-wrap: wrap;
			padding-top: 50px;
			gap: 30px;
			padding-bottom:5px;
		}
		.site-footer-top-section-1 {
            .widget_text {
				p{
					font-size: 18px;
				}
                &#block-9 p {
                    font-size: 55px;
				}
			}
		}
		.site-footer-top-section-2 {
			background:#fff;
			width:100%;
			width:calc(100% + 3rem);
			margin:0 -1.5rem;
        	.footer-widget-area {
				.site-info-inner {
					padding:30px 1.5rem;
					&:before{display:none;}
				}
			}
			.zoomBtn{
				font-size:17px;
				color: #fff!important;
			}
		}
		.site-middle-footer-inner-wrap{
			& > div{
				width:100%;
				flex:0 0 auto !important;
			}
			#menu-services{
				column-count:2;
			}
			.menu a{font-size: 14px;}
		}
		.site-bottom-footer-inner-wrap {
			display:flex;
			flex-direction:column;
			border-top:1px solid #ddd;
			.site-footer-section{
				justify-content:center;
			}
			.footer-social{
				margin-left:15px !important;
			}
		}
		.site-footer-bottom-section-2 p{
			text-align:center;
		}
	}
	.whoweGrid {
		.elementor-widget-image{
			height:auto;
		}
	}
	.aboutCircleGrid > div:last-child .elementor-widget-container{
		transform: scale(0.8);
		text-align: center;
   		padding: 0;
		svg{
			margin-left:auto;
			left:auto;
		}
	}
	.sneakPeek {
		.sqr {
			img {
				aspect-ratio: auto;
			}
		}
	}
	.app-icon-holder{
		width:220px;
	}
	.hero-text-logo{
		width:auto;
		font-size: 23px;
	}
	.hero-service-container{
		font-size: 24px;
		&._01{transform: translate3d(-24vw, -8vh, 0px);}
		&._02{transform: translate3d(-24vw, 53vh, 0px); width:130px;}
		&._03{transform: translate3d(0vw, 40vh, 0px);}
		&._04{transform: translate3d(25vw, -22vh, 0px); width: 150px;}
		&._05{transform: translate3d(27vw, 54vh, 0px); margin-left:0;}
	}
	.homeApps{
		.elementor-element{
			width:48%;
			margin-left:-33% !important;
			&.smartphone{
				width:58%;
			}
		}
	}
	.primary-btn, .primary-outline-btn {
		a{
			padding-inline: 19px;
		}
	}
	.mgmtName span{
		line-height:0.8;
	}
	.page-header.elementor-element{
		margin-block: 80px 40px !important;
	}
	.proIntro {
		& > div {
			padding-inline: 0 !important;
		}
	}
	.beneBoxes {
		& > .elementor-element {
			background: #181818;
			border-radius: 20px;
			padding: 30px 25px;
		}
	}
	.featureBoxes {
		& > .elementor-element {
			width: 100%;
		}
	}
	.wpcf7-form {
		& label {
			.wpcf7-form-control{
				min-height:40px;
				font-size: 16px;
			}
			textarea{
				height:120px;
			}
		}
	}
	.fe_service{
		&:after{
			top: 12px;
			bottom: auto;
		}
	}
	.servicesList .serviceItem img{
		aspect-ratio: 1 / 1 !important;
	}
	.process {
    	.featureBoxes {
			.proStep{
				width:80%;
				&:after{
					width: 15%;
				}
				&:nth-child(2n+2):after, &:nth-child(2n+2):before{
					left: -15%;
				}
				&:nth-child(2n+1):before{
					left: 115%;
				}
			}
		}
	}
	.odoo-section {
		.odooPartnerimg {
			position: relative;
			bottom: auto;
			right: auto;
		}
		.nowrap br{
			display:none;
		}
	}
	.industries{
		img {
			border-radius:10px !important;
		}
		.elementor-widget-heading{
			padding: 15px;
			border-radius:0 0 10px 10px;
			.elementor-heading-title{
				font-size:17px !important;
			}
		}
	}
	.e-n-accordion{
		.e-n-accordion-item-title{
			padding:16px 10px 16px 20px !important;
			.e-n-accordion-item-title-text{
				font-size:16px;
			}
		}
		& details {
			[role="region"] {
				padding: 0 20px 16px !important;
			}
		}
	}
	.featured-blogs, .all-blogs{
		margin-bottom:50px;
	}
	.custom_header {
		padding-top: 40px;
		.e-con-inner{
			flex-direction: column;
			align-items: flex-start;
			gap: 30px !important;
		}
	}
	.project-single{
		h3{font-size:16px !important;}
		p.elementor-heading-title, h4{
			font-size: 16px !important;
		}
	}
	.project-single .proImgs, .uiscreens{
		gap: 15px !important;
		width: calc(100% + 12%) !important;
		margin-left: -6% !important;
		padding-left: 6% !important;
		& > .elementor-element:last-child {
			margin-right: 7% !important;
		}
	}
	.project-header.elementor-element{
		min-height: auto;
		padding-block: 50px;
		h1{
			font-size:30px;
			margin-bottom: 5px !important;
		}
		h3{
			padding-left:0;
			font-size:18px;
		}
	}
	.project-insights {
		p.elementor-heading-title, h4.elementor-heading-title{font-size: 16px;}
	}
	.page-odoo {
    	.productivity {
			h3.elementor-heading-title {
				background: none;
				display: block;
				text-align: center;
			}
			.with-odoo, .without-odoo {
				&:before{display:none;}
				h3.elementor-heading-title{
					color: var(--e-global-color-secondary) !important;
				}
			}
		}
	}
	.contact-header h4{
		line-height:1.7 !important;
		br{display:none;}
	}
	.locats{
		& > .elementor-element{
			width: 100% !important;
		}
	}
	.odoo-solutions-list {
		& > .e-con-inner {
			& > .elementor-element {
				padding:25px !important;
				.sticky {
					position: relative;
					top: auto;
					align-self: flex-start;
				}
			}
		}
		.solu-features{
			padding-top:20px;
			& > .elementor-element{
				padding:25px;
			}
		}
	}
	.caseGrid {
		.elementor-element-2e3d420 img{
			aspect-ratio: 3/4;
		}
    	.elementor-element-f51ecf3 img {
            aspect-ratio: 3/4;
        }
    }
	.team{
		& > .elementor-element{
			padding-bottom:25px;
			&:hover {
				.elementor-widget-text-editor {
					bottom: 90px;
				}
			}
		}
	}
	body.single-post {
		.content-area {margin-top:90px;padding-inline:20px;}
		h1{font-size: 28px; line-height: 1.1 !important;}
		h2{font-size: 25px; line-height: 1.1 !important;}
		h3{font-size: 21px; line-height: 1.2 !important;}
	}
	.servicehome-img{
		display: none !important;
	}
	.core-services .elementor-element.e-grid {
        --e-con-grid-template-columns: 1fr !important;
    }
	
	.mobile-slider-images .rect-2{
		flex: 0 0 auto;
	}
	.mobile-slider-images::-webkit-scrollbar {
		display: none;
	}
	.core-services > .elementor-element:nth-child(2) {
		top: 65px;
	}
	.core-services > .elementor-element:nth-child(3) {
		top: 130px;
	}
	.core-services > .elementor-element:nth-child(4) {
		top: 195px;
	}
	.core-services > .elementor-element:nth-child(5) {
		top: 260px;
	}

/* 	uiMocks css */
	.single-project .uiMocks{
		padding-left: 25px;
		padding-right: 25px;
	}
	.techs .technology-stack:first-child{
		border-bottom: 1px solid #343434;
		padding-bottom: 20px;
	}
	.techs .technology-stack:nth-child(2){
		border-right: 1px solid #343434;
	}
	.project-technology .technology-stack{
		padding: 0px;
	}
	
	/* For blog page */
	.featured-blogs, .all-blogs{
		margin-left: 25px;
    	margin-right: 25px;
	}
}

@media all and (max-width:576px){
	.featured-blogs {
        .featured-blog-list {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

@media all and (max-width:991px){
	.col-develop{
		padding-left: 130px !important;
	}
	.num-develop{
		position: absolute!important;
		left: 0;
	}
	.num-develop h2{
		font-size: 80px!important;
		line-height: 0.8 !important;
		opacity: 0.1;
	}
	.caseHome{
		padding: 0px!important;
	}
	#measures{
		gap:20px;
	}
	#measures .wpr-prbar-counter-value{
		font-size:34px;
	}
	.single-project .introTitle{
		width:100% !important;
	}
}

@media all and (max-width: 767px){
	.col-develop{
		padding: 0px !important;
	}
	.num-develop{
		left: auto;
		right: 0;
	}
	.num-develop h2{
		font-size: 150px!important;
		line-height: 0.8 !important;
		opacity: 0.1;
		align-content: top;
	}
	.elementor-element-b8f9f05.num-develop h2{
		padding-left: 42px;
	}
	.heroTxt-banner {
		& > .e-con-inner {
			grid-template-columns:1fr;
		}
	}
	#measures {
        grid-template-columns: repeat(2, 1fr);
    }
	.uiscreens.apps .elementor-widget-image {
		flex: 0 0 55% !important;
	}
	.uiscreens.webs .elementor-widget-image {
		flex: 0 0 75% !important;
	}
	.project-insights {
		& > div {
			& > .elementor-element {
				flex: 0 0 auto;
				width: 100%;
			}
		}
	}
}
@media (max-width: 480px) {
	#measures {
		grid-template-columns: repeat(1, 1fr);
	}
	.uiscreens.webs .elementor-widget-image {
		flex: 0 0 85% !important;
	}
}

@media (max-width: 768px) {
	.zoomCta {
		display: inline-block;
		align-items: center;
		text-align: center;
		margin-top: 130px;
		line-height: 1.2;
		font-size: 34px;
	}

	.zoomCta br {
		display: block; 
	}
	.cta-text-logo{
		margin-top: 72px;
	}
	.zoomCta {
		position: relative;
		display: inline-block;
		text-decoration: none;
		color: inherit;
		font-weight: 600;

	}
	.cta-section-circle{
		aspect-ratio: 1/1;
	}

	.zoomCta::before {
		content: "";
		display: block;
		width: 60px;         
		height: 2px;  
		margin: auto;
		background-color: #fff; 
		margin-bottom: 10px;

	}

	.zoomCta span {
		display: inline-flex;
		align-items: center;
		margin: 8px 0px;

		img{
			padding: 12px 18px;
			filter:none;
			background: #fff;
			border-radius: 8px;
			height: 54px;
			width: 178px;
			filter:none;
		}
	}
	.app-text-holder{
		z-index: 3;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.cta-section-animation-holder
	{
		margin-top: -100px;
	}
	
}

@media screen and (max-width: 1199px) {
    .project-meta {
        display: flex;
        gap: 20px;
        min-width: 60%;
    }

    .archive-project-header {
        margin: 60px auto;
    }
	.archive-project-header h1{
		font-size: 34px;
	}

	.archive-project-header h4{
		font-size: 18px;
	}
	.project-single h2{
		font-size: 24px;
		line-height:1.2;
	}
	.project-filters #filter-industry, .project-filters #filter-platform, .project-filters #filter-behind-the-scene{
		margin-right: 14px;
	}
	#clear-project-filters{
		margin-left: 0;
	}
	.desktop-view-section{
		display: none;
	}
	.mobile-view-section{
		display: flex;
	}
	.project-actions.mobile-view-section span a:after{
		display: none;
	}
	.project-actions.mobile-view-section .secondary-btn a img{
		width: 20px;
		height: 20px;
	}
	  .project-actions span a {
        padding: 10px 10px;
        font-size: 14px;
        border-radius: 100px;
    }
}

@media screen and (max-width: 1000px) {
	.project-details {
        justify-content: space-between;
        gap: 15px;
    }
	.archive-project-header-image img {
		max-width: 300px;
	}
	
	.project-featuredImg{
		width: 80%;
	}
	
	.project-single {
		margin-bottom: 40px;
	}
	.project-details p{
		font-size: 16px;
	}
	.project-details h4{
		font-size: 18px;
	}
}

@media screen and (max-width:991px) {
	.project-meta{
		flex-direction: column;
	}
	.project-filters {
		flex-wrap: wrap;
		gap: 14px 0;
		height: unset;
		margin-bottom: 40px;
	}
	.mobile-view-section {
        flex-direction: column;
        align-items: end;
		min-width: 40px;
    }
}

@media screen and (max-width:767px) {
	.archive-project-header {
        margin: 80px auto 50px;
        flex-direction: column;
        align-items: flex-start;
    }
	.archive-project-header h1 {
        font-size: 30px;
    }
	.archive-project-header h4 {
        font-size: 16px;
    }
	.archive-project-header-image img {
        max-width: 100%;
        margin-top: 30px;
    }
	.project-single h2 {
        font-size: 24px;
        line-height: 1.2;
    }
	#filter-behind-the-scene {
        margin-right: 15px;
    }
	.project-meta {
        gap: 20px;
        flex-direction: column;		
		max-width: calc(100% - 55px);
    }
	#clear-project-filters{
		margin-left: 0;
	}
	.project-featuredImg {
        width: 90%;
    }
	.project-filters {
		gap: 14px;
	}
	.project-filters #filter-industry, .project-filters #filter-platform, .project-filters #filter-behind-the-scene{
		width: calc(50% - 7px);
		margin: 0 !important;
	}
}

/* Project inner page  */
.technology-item{
	border: 1px solid #d4d4d4;
    border-radius: 20px;
    padding: 30px 20px;
/*     box-shadow: 0 15px 30px #000; */
}

/* Style for custom-software-development page only */
/* .page-id-2154 .mb0.challengesWrap .e-con-inner, .page-id-5915 .mb0.challengesWrap .e-con-inner{
	margin: 0 !important;
} */

.page-careers .caseHome .sneakPeek{
	width: 107%;
	margin: 0 calc(-1 * (3.5% + 10px));
    padding: 30px calc(3.5% + 10px);
}
.jobwp-total-jobs-found-per-page{
	display:none !important;
}
.jobwp-listing-parent-wrapper, .jobwp-listing-parent-wrapper > div, .jobwp-search-container{
	max-width:100%;
}
.jobwp-search-container{
	display:flex;
/* 	background-color: #ecedf4 !important; */
/*     border: none; */
    border-radius: 50px;
}
.jobwp-search-item > *{
	height:100%;
}
.jobwp-search-item:first-child{
	flex:1;
	input:hover{
		box-shadow:none;
	}
}
.jobwp-search-item .submit-btn{
	font-weight:normal !important;
	padding:0 !important;
}

.jobwp-search-container .jobwp-search-item input[type="text"], .jobwp-search-container .jobwp-search-item select{
	cursor:default !important;
	line-height: unset;
	padding:5px 25px !important;
}
.jobwp-search-container .jobwp-search-item input[type="text"], .jobwp-search-container .jobwp-search-item select, #jobwp-search-refresh,
.jobwp-search-container .jobwp-search-item .button.submit-btn{
	border-radius:50px !important;
}
.jobwp-search-container .jobwp-search-item select{
	background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat center right 15px !important;
	background-size: 16px auto !important;
	padding-right:40px !important;
}
.jobwp-search-container .jobwp-search-item input[type="text"]{
	cursor:text !important;
}
.jobwp-listing-top .jobwp-select-view{
	display:none;
}
.jobwp-listing-body-container.list{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap:0 30px;
	margin-bottom:0;
	flex-wrap:wrap;
}
.jobwp-listing-body-container .jobwp-item{
	border-radius:20px;
	padding:15px 20px;
	background:#f5f4f8 !important;
}
.jobwp-pagination .page-numbers li{
	width:44px !important;
	height:44px !important;
	margin:0 6px !important;
}
.jobwp-pagination .page-numbers li a.page-numbers{
	color:#333 !important;
	border-color:#aaa !important;
	&:hover{
		background:#e8e8e8 !important;
	}
}
div.jobwp-pagination>ul.page-numbers>li>span.page-numbers.current{
	background:#212325 !important;
	border-color:#212325 !important;
}
.page-careers :is(.elementor-section-wrap,[data-elementor-id])>.e-con:last-child{
	margin-bottom:50px !important;
}
.jobwp-listing-body-container .jobwp-item:hover{
    box-shadow: 0px 15px 20px #0000001a;
}
.jobwp-readmore-btn {
	border: 1px solid #898a93;
    width: 80px;
    height: 34px;
    padding: 4px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	color: #212325;
}
.jobwp-readmore-btn img{
	margin:0 !important;
	width: auto;
	-webkit-filter: brightness(0.3);
	filter: brightness(0.3);
	transition: all ease 0.3s;
}
.jobwp-readmore-btn:hover{
	background:#212525;
	color: #fff;
}
.jobwp-readmore-btn:hover img{
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
#jobwp-search-refresh{
	width: 46px !important;
}
.jobwp-list-bottom-item.pull-right{
	float:none;
}
.jobwp-list-bottom-item i{
	margin-right:6px;
}

/* CAREER INNER PAGE */
.jobwp-single-body-container.horizontal{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-bottom: 60px!important;
}

.jobwp-single-area{
	display: flex;
	flex-direction: column;
	flex: 0 0 70%;
}
.circulr-details-bottom-email{
	flex: 0 0 30%;
	padding: 0 15px;
	position: sticky;
	top: 100px;
	background: #fff8ec;
    padding: 20px;
    border: 1px solid #FFBE4033;
    border-radius: 20px;
}	
.jobwp-primary-button{
	text-transform: none;
	overflow: hidden;
}
.jobwp-trigger-link.jobwp-primary-button:before{
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	transition: all ease 0.5s;
	background: #000;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	opacity: .5;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.jobwp-primary-button:hover:before {
            width: 100%;
            height: auto;
	opacity: 0;
}
.jobwp-trigger-link.jobwp-primary-button{
	border:none !important;
	background: linear-gradient(300deg, #E50914 0%, #FF6A00 50%, #FF007F 98%) !important;
	border-radius: 8px !important;
	padding: 20px 35px  !important;
	position: relative;
}
.jobwp-trigger-link.jobwp-primary-button:hover{
	color:#fff !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.jobwp-single-body-container .circulr-details-bottom-email span.wpsd-read-before-apply-border{
	border-color: #ffecca!important;
}
.jobwp-single-area .content-row .right-cell.text{
	font-size:15px !important;
}
.jobwp-single-area .content-row:nth-child(2){
  border-top:none; 
}
.jobwp-single-area .content-row:nth-child(2) {
  order: 1; 
}
.jobwp-single-area .content-row:nth-child(6) {
  order: 2; 
}
.jobwp-single-area .content-row:nth-child(7) {
  order: 11; 
}
.jobwp-single-area .content-row:nth-child(8) {
  order: 4; 
}
.jobwp-single-area .content-row:nth-child(9) {
  order: 5; 
}
.jobwp-single-area .content-row:nth-child(11) {
  order: 6; 
}
.jobwp-single-area .content-row:nth-child(1) {
  order: 7; 
}
.jobwp-single-area .content-row:nth-child(3) {
  order: 8; 
}
.jobwp-single-area .content-row:nth-child(4) {
  order: 9; 
}
.jobwp-single-area .content-row:nth-child(5) {
  order: 10; 
}
.jobwp-single-area .content-row:nth-child(10) {
  order: 3; 
}
.right-cell{
	border: none;
}
.left-cell{
	text-align: left;
}
.circulr-details-top .jobwp-job-title{
	width: 100%!important;
}
.jobwp-single-area {
padding-right: 50px;
}
.jobwp-single-area .content-row{
	border-top : 1px solid #eee;
}
.left-cell h5{
	font-weight: 500;
}
.jobwp-single-area .content-row{
	padding : 0!important;
}
.job-email-bold {
  font-weight: 600;
	text-decoration: underline;
}

/* CAREER ENQUIRY FORM PAGE */
.form-title{
  text-align: left!important;      
  font-size: 24px!important;         
  font-weight: 600!important;       
  margin-bottom: 10px!important;     
  color:#212325!important;  
	background: #eee!important;
	padding: 20px!important;
}

/* Form width */
#jobwp-apply-form-modal{
	background:none;
	max-width:none !important;
	overflow:auto;
	padding:0;
	height:auto !important;
}
#jobwp-apply-form-modal .iziModal-wrap {
	width:1400px;
	background:#fff;
	max-width: 90% !important;
	overflow: auto !important;
	margin: 30px auto;
	border-radius: 12px!important;
	border: 1px solid #ccc;
	padding: 0!important;
	bottom:auto;
	top: 80px!important;
	padding-bottom:25px !important;
	height:auto !important;
}
#jobwp-apply-form-modal .wpcf7-form label {
	font-size:15px;
}
.wpcf7-form .wpcf7-form-control[readonly]{
	background: #ecf0f5;
}

/* Grid layout */
.jobwp-grid .wpcf7-form-control{
    max-width: 100%;
	min-height: 0!important;
    height: 40px!important;
    width: 100%!important;
    padding: 10px!important;
    border: 1px solid #ccc!important;
    font-size: 15px!important;
	font-weight: 500 !important;
}
.wpcf7-form .jobwp-grid .wpcf7-file{
	padding: 5px !important;
}
.wpcf7-form p:has(.wpcf7-submit) {
    text-align: center;
}
.wpcf7 .wpcf7-response-output{
	width: calc(100% - 40px) !important;
    margin: 10px auto !important;
}

#jobwp-apply-form-modal .jobwp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
	margin-bottom: 0px;
	row-gap: 15px;
	padding: 20px;
	
}

/* Row 4 & 5 layout control */
#jobwp-apply-form-modal .f-notice {
  grid-column: 1 / 2;
  grid-row: 4;
}

#jobwp-apply-form-modal .f-experience {
  grid-column: 1 / 2;
  grid-row: 5;
}
#jobwp-apply-form-modal .wpcf7dtx-text{
  cursor: not-allowed;
}


/* Cover Letter placement */
#jobwp-apply-form-modal .f-cover {
	grid-column: 1 / 4;
/*   grid-column: 2 / 4; /* cols 2–3 */
/*   grid-row: 4 / 6;    /* rows 4–5 */ */ */
}

/* Textarea height */
#jobwp-apply-form-modal textarea {
  resize: vertical;
	height:auto !important
}

/* Labels */
#jobwp-apply-form-modal label {
  display: block;
  width: 100%;
}
.jobwp-list-info-wrapper{
	border-top: 1px solid #ddd;
    padding-top: 5px;
}
.primary-color{
	margin-right:4px;
}

.jobwp-list-info-item .primary-color{
	margin-right: 4px;
    font-weight: 500;
    color: #212325;
    font-size: 15px !important;
}
.jobwp-list-info-item .primary-color:after {
    content: ':';
    display: inline-block;
}
.jobwp-grid .wpcf7-form-control-wrap{
	margin-top: 5px;
}
.custom-modal-close {
    position: absolute;
    top: 12px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 9999;
	color: #212325;
    border: 1px solid #8a8c8f;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
}
.custom-modal-close:hover{
	background:#212325;
	color:#fff;
}
html.iziModal-isAttached body, html.iziModal-isOverflow body {
    overflow-y: hidden;
}
.masthead_container > .e-con-inner{
	padding-left:10px;
	justify-content: space-between !important;
}

/* Mobile fallback */
@media (max-width: 991px) {
  #jobwp-apply-form-modal {
    max-width: 100% !important;
  }

  #jobwp-apply-form-modal .jobwp-grid {
    grid-template-columns: 1fr;
  }

  #jobwp-apply-form-modal .f-notice,
  #jobwp-apply-form-modal .f-experience,
  #jobwp-apply-form-modal .f-cover {
    grid-column: auto;
    grid-row: auto;
  }
	.jobwp-listing-body-container.list{
		grid-template-columns: 1fr;
		gap:0;
	}
	.jobwp-single-area{
		display: flex;
		flex-direction: column;
		flex : 100%;
		padding-right:0;
	}
	.circulr-details-bottom-email{
		flex: 100%;
		margin: 30px 0px;
	}
	.jobwp-item{
		position:relative;
	}
	.jobwp-item p{
		    line-height: 1.6 !important;
	}
	.masthead_container > .e-con-inner{
		padding-right:10px;
	}
	#jobwp-apply-form-modal .iziModal-wrap{
		top: 20px!important;
	}
}

@media (max-width: 767px) {
	.jobwp-top-right{
		position:relative;
/* 		top:10px;
		right:10px; */
		width:auto !important;
		float: none !important;
		padding-bottom: 20px;
	}
	.jobwp-listing-body-container.list{
		gap:20px;
	}
	.jobwp-job-title{
		padding-right:40px;
	}
	.page-careers :is(.elementor-section-wrap,[data-elementor-id])>.e-con:last-child{
		margin-bottom:50px !important;
	}
	.jobwp-listing-top .jobwp-total-jobs-found, .jobwp-listing-top .jobwp-select-view{
		width:100%;
	}
	.jobwp-search-container{
		flex-wrap: wrap;
		border-radius: 15px;
	}
	.jobwp-search-container .jobwp-search-item{
		margin:0;
		flex:0 0 auto;
	}
	.jobwp-search-container .jobwp-search-item:first-child{
		flex:0 0 100%;
	}
	.jobwp-search-container .jobwp-search-item:nth-child(2){
		flex:1;
	}
	.jobwp-search-container .jobwp-search-item a#jobwp-search-refresh{
		margin:0;
	}
	.jobwp-search-container .jobwp-search-item .button.submit-btn{
		width: auto;
		padding: 0 20px !important;
	}
	.circulr-details-top{
		min-height:100px;
		margin-top:0 !important;
		border-radius: 15px;
	}
	.jobwp-single-body-container.horizontal{
		margin-top:70px !important;
		padding-bottom:20px!important;
	}
	.jobwp-single-area .content-row{
		margin-bottom: 20px;
	}
	.single-jobs .jobwp-single-area .content-row .left-cell{
		border-bottom:none !important;
		padding-bottom:0 !important;
	}
	.jobwp-single-area .content-row .left-cell h5.label{
		color: #777;
		font-weight: 600;
	}
	.jobwp-single-area .content-row .right-cell .custom-list.text{
		color:#333;
	}
	.jobwp-single-area .content-row{
		border:1px solid #dde1e5 !important;
		border-radius:15px;
		padding:5px 15px !important;
		border-bottom-width: 4px !important;
	}
	.zoomBtn{
		border-radius:8px !important;
		text-align:center;
		background: #ee4550;
		color: #fff !important;
	}
	.circulr-details-top .jobwp-job-title{
		font-size:24px !important;
		line-height:1.3 !important;
	}
	.jobwp-grid .wpcf7-submit{
		width: 60%;
		width: calc(100% - 40px);
		padding:16px 45px;
	}
	.jobwp-grid .wpcf7-spinner{
		position:absolute;
	}
	.mainmenu-wrapper{
		width: auto !important;
		margin-left: auto;
	}
	#jobwp-apply-form-modal .iziModal-wrap{
		top: 20px!important;
	}
	.jobwp-readmore-btn{
		background-color: #fff!important;
	}
	.jobwp-readmore-btn:hover{
		color: #212325!important;
	}
}
@media (max-width: 320px) {
	.jobwp-single-area{
		padding-right: 0px!important;
	}
	.jobwp-single-body-container.horizontal{
		padding-top: 30px;
	}
	#jobwp-apply-form-modal .iziModal-wrap{
		top: 10px!important;
	}
}

/* header button */

.elementor-button .secondary-btn{
	padding: 10px 20px!important;
}

.elementor-6256 .elementor-element.elementor-element-db2abdc .elementor-button:after{

	display: none;
}

.mainmenu-wrapper{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	
	.elementor-widget-ekit-nav-menu{
		margin-left: auto;
	}
}

@media screen and (min-width:1500px){
	.jobwp-single-area{
		flex:0 0 75%;
	}
	.circulr-details-bottom-email{
		flex:0 0 25%;
	}
}

body .ays-pb-modal {
	z-index: 9;
    overflow-y: auto !important;
}

body .ays-pb-modals .ays-pb-modal.ays-pb-modal_1{
	background: #990002 url(/wp-content/uploads/2026/02/abstract-bg.jpg) no-repeat center !important;
	background-size: cover !important;
	border: none!important;
	width : 700px !important;
	height: auto!important;
	bottom: auto!important;
	max-width:95%;
	padding: 0 !important;
	border-radius: 12px;
	margin:30px auto !important;
}
.ays-pb-modal_1 .wpcf7-form-group p{
	text-align:left;
}
body .ays-pb-modal_1 {
/*     height: auto !important; */
    min-height: unset !important;
}
/* body .ays-popup-box-main-box {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
} */


.ays-pb-modals{
	overflow:auto;
}
body .ays-pb-modals .ays-popup-hrs-default {
	margin: 0px!important;
}
body .ays-popup-box-main-box{
	div[class*="col-"] {
		margin-bottom: 15px !important;
	}
}
body .ays-pb-modal_1 .ays_content_box p label{
		color:#fff!important;
		text-align:left;
	font-weight: normal !important;
}
body .ays-popup-box-main-box .wpcf7-form-control{
	background-color: #adadad30;
	border:1px solid #ffffff2e;
	min-height: 40px!important;
	margin-top: 2px!important;
	color: #fff!important;
}
body .ays-pb-modals .ays-pb-modal.ays-pb-modal_1{
	
	max-width:90%;
	
}
body .ays-pb-modal .ays_pb_show_title_on_mobile{
	color: #fff!important;
	padding: 20px 60px 20px 25px !important;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
body .ays-pb-modal .ays_pb_show_title_on_mobile h2 {
	color: #fff !important;
}
body .ays-pb-modal .ays_content_box{
	padding:17px 30px 10px !important;
}
body .ays-pb-modal .ays-pb-modal-close .ays_pb_material_close_icon{
	fill: #fff !important;
	margin-top: 4px !important;
}

body .ays-pb-modal .wpcf7-form-control-wrap .wpcf7-form input{
	padding: 0px 12px;
}


body .ays_content_box .wpcf7-form .row {
    display: flex !important;
    flex-wrap: wrap !important;
/*     gap: 10px;
	margin-bottom: 30px; */
/*     margin-top: 30px; */
}

/* body .ays_content_box .wpcf7-form .row > .col-sm-6 {
    width: calc(50% - 8px) !important;
}
 */

body .ays_content_box .wpcf7-form .row > .col-sm-12 {
    width: 100% !important;
}


body .ays_content_box .wpcf7-form .jobwp-grid input,
body .ays_content_box .wpcf7-form textarea,
body .ays_content_box .wpcf7-form select {
    width: 100% !important;
    box-sizing: border-box;
	color: #fff;
    font-weight: normal;
    font-weight: normal !important;
    font-size: 14px;
    padding: 10px 10px;
	   background-color: #adadad30!important;
    border: 1px solid #ffffff2e;
    min-height: 40px !important;
    margin-top: 2px !important;
}
body .ays_content_box .wpcf7-form input[type="submit"] {

	background-color:#000 !important;
}
.ays_content_box .wpcf7-form .wpcf7-not-valid-tip{
	color: #ffa02e;
    font-size: 13px !important;
}
.ays_content_box .wpcf7-response-output{
	margin:10px 0 !important;
	width:100% !important;
}
#ays-pb-screen-shade_1{
	position:fixed !important;
}

body .ays_content_box .wpcf7-form label {
    display: block;
    width: 100%;
	text-align:left;
}

@media (max-width: 767px) {
	body .ays-pb-modals .ays-pb-modal.ays-pb-modal_1{
		border-radius:0 !important;
		margin:0 !important;
	}
	body .ays-popup-box-main-box div[class*="col-"]{
		width:100%;
	}
	#masthead .secondary-btn {
		position: fixed;
		transform: rotate(90deg);
		top: 80%;
		right:0;
		z-index: 1;
		width:143px;
		transform-origin: top right;
	}
	#masthead .secondary-btn a{
		padding:9px 12px 12px;
		border-radius:0 0 7px 7px;
	}
	
	


}

@media (max-width: 575px) {
    body .ays-pb-modal .wpcf7-form .row > .col-sm-6 {
        width: 100% !important;
    }
	 body .ays-pb-modal {
        width: calc(100vw - 16px) !important;
        max-width: 100vw !important;
        border-radius: 12px !important;
    }
    body .ays_content_box {
        padding: 16px !important;
    }
	body .ays-pb-modals .ays-pb-modal.ays-pb-modal_1{
	
	max-width:90%!important;
	margin: 20px!important;
		border-radius: 10px!important;
		
	
	}
	body .ays_content_box .wpcf7-form input{
		font-size: 12px;
    height: 28px;
		background: #adadad30!important;
		color:#fff!important;
		
	}
	body .ays_content_box .wpcf7-form input[type="submit"]{
		height: 40px;
    font-size: 12px;
	}
	body .ays-pb-modal_1 .ays_content_box p label{
	font-size: 14px;
	}
}


/* 1 */
/* #proposalBtn {
  position: relative;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}
#proposalBtn:hover {
  animation: none;
} */

/* 2 */
#proposalBtn.secondary-btn a {
	font-weight: 600!important;
	font-size: 18px!important;
}

#proposalBtn {
  animation: floatBtn 1.8s ease-in-out infinite;
}

@keyframes floatBtn {
  0% { transform: translateX(0); }
  50% { transform: translateX(-6px); }
  100% { transform: translateX(0); }
}
#proposalBtn:hover {
  animation: none;
}

/* yy */

/* #proposalBtn {
  animation: floatBtn 1.8s ease-in-out infinite;
}

@keyframes floatBtn {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}
#proposalBtn:hover {
  animation: none;
} */

@media (max-width:575px) {
  #proposalBtn {
    animation: none !important;
  }
}

/* Manufacure page */
.manufacture{
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}
.elementor-element-f278936.benefits{
margin-bottom: 0px!important;
}
.custom-manufacturing{
	margin-bottom:0!important;
}

/* Table base */
table {
    width: 100%;
    background: #181818;
	border-radius: 10px;
	border-collapse: separate;   
    border-spacing: 0;
	text-align: center!important; 
    overflow: hidden;
}

/* Header row */
table tr:first-child {
    background-color: #292929; /* header bg */
}

/* Header text */
table tr:first-child td {
    font-weight: 600;
}

/* Borders for rows & columns */
table td {
    padding: 14px 16px;
    border: 1px solid #000; /* row + column border */
    text-align: left;
	 vertical-align: middle!important;
}

/* First column bold */
table td:first-child {
    font-weight: 600;
    width: 25%;
}



/* Mobile optimization */
@media (max-width: 768px) {
    table td {
        font-size: 14px;
        padding: 12px;
    }
	.manufacture-cases{
	margin-bottom:0!important;
}
	
}
@media (max-width: 467px) {
	.manufacturing-button{
		text-align: left!important;
	}
}

/* casestudies single page */

.caseforserve .pf-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Desktop: 3 columns */
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.caseforserve .pf-card a{
	gap: 0!important;
} 

.caseforserve .pf-image{
	margin-top: 0px!important;
}

/* ===== CARD ===== */
.caseforserve{
	margin-top: 30px;
}
.caseforserve .pf-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ===== TABLET ===== */
@media (max-width: 1024px) {
   .caseforserve .pf-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ===== MOBILE (ONE BY ONE – AS YOU WANT) ===== */
@media (max-width: 767px) {
  .caseforserve .pf-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .caseforserve .pf-card img.pf-image {
    height: 280px;
  }
}

.caseforserve .pf-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* ===== LINK RESET + COLUMN FLOW ===== */
.caseforserve .pf-card a {
  display: flex;
  flex-direction: column; /* Image on top, content below */
  text-decoration: none;
  height: 100%;
}

/* ===== IMAGE ===== */
.caseforserve .pf-card img.pf-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

/* ===== CONTENT BELOW IMAGE ===== */
.caseforserve .pf-title {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #19191F;
  line-height: 1.4;
}
/*Product page new sections*/

.productdetail-new {
	margin-bottom : 0px!important;
}

/* job suitable  */
/* CAREER ENQUIRY FORM PAGE */
.elementor-element-9dd779b .gradient-btn .elementor-button{
	border-radius: 10px;
        padding: 15px 40px!important;
        font-size: 20px!important;
        text-align: center;
        overflow: hidden;
        background: none;
        position: relative;
}
body .ays-pb-modal_6 .ays-pb-modal .ays_content_box {
	padding: 0px!important;
}

.ays-pb-modal_6 .ays_pb_show_title_on_mobile{
  text-align: left!important;      
  font-size: 24px!important;         
  font-weight: 600!important;       
  margin-bottom: 10px!important;     
  color:#212325!important;  
	background: #eee!important;
	padding: 20px!important;
}
/* Form width */
.ays-pb-modal_6{
	background:none;
	max-width:none !important;
	overflow:auto;
	padding:0;
	height:auto !important;
}
body .ays-pb-modal_6 .ays-pb-modal-close_6 .ays_pb_material_close_icon{
	fill: #212325!important;
	position: absolute!important;
    top: 0px!important;
    right: 20px!important;
    background: transparent!important;
    border: none;
    font-size: 20px!important;
    cursor: pointer!important;
    z-index: 9999!important;
    color: #212325!important;
    border: 1px solid #8a8c8f!important;
    border-radius: 50%!important;
    width: 44px;
    height: 44px;
    padding: 0;
}
.ays-pb-modal_6{
/* 	width: 1400px; */
	background: #fff;
    max-width: 90% !important;
    overflow: auto !important;
    margin: 30px auto;
    border-radius: 12px !important;
    border: 1px solid #ccc;
    padding: 0 !important;
    bottom: auto;
    top: 80px !important;
    padding-bottom: 25px !important;
    height: fit-content !important;
}
.ays-pb-modal_6 .wpcf7-form label {
	font-size:15px;
}
.ays-pb-modal_6.wpcf7-form .wpcf7-form-control[readonly]{
	background: #ecf0f5;
}
body .ays-pb-modal_6 .ays_content_box{
	padding: 0px!important;
/* 	background: white; */
	    padding-bottom: 50px !important;
}
.ays-pb-modal_6 .ays_content_box .wpcf7 {
	background: #fff;
	    border-radius: 12px !important
}

/* Grid layout */

.ays-pb-modal_6 .wpcf7-form .jobwp-grid .wpcf7-file{
	padding: 5px !important;
}

.ays-pb-modal_6 .wpcf7 .wpcf7-response-output{
	width: calc(100% - 40px) !important;
    margin: 10px auto !important;
}

.ays-pb-modal_6 .jobwp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
	margin-bottom: 0px;
	row-gap: 15px;
	padding: 20px;
	
}

/* Row 4 & 5 layout control */
.ays-pb-modal_6 .f-notice {
  grid-column: 1 / 2;
  grid-row: 4;
}

.ays-pb-modal_6 .f-experience {
  grid-column: 1 / 2;
  grid-row: 5;
}
.ays-pb-modal_6 .wpcf7dtx-text{
  cursor: not-allowed;
}


/* Cover Letter placement */
.ays-pb-modal_6 .ays_content_box .f-cover {
	grid-column: 1 / 4;
/*   grid-column: 2 / 4; /* cols 2–3 */
/*   grid-row: 4 / 6;    /* rows 4–5 */ */ */
}

/* Textarea height */
body .ays-pb-modal_6 .ays_content_box textarea {
  resize: vertical;
	height:auto !important;
	background-color: unset;
}

/* Labels */
.ays-pb-modal_6 .ays_content_box label {
  display: block;
  width: 100%;
}
.ays-pb-modal_6 .jobwp-list-info-wrapper{
	border-top: 1px solid #ddd;
    padding-top: 5px;
}
.ays-pb-modal_6 .primary-color{
	margin-right:4px;
}

.ays-pb-modal_6 .jobwp-list-info-item .primary-color{
	margin-right: 4px;
    font-weight: 500;
    color: #212325;
    font-size: 15px !important;
}
.ays-pb-modal_6 .jobwp-list-info-item .primary-color:after {
    content: ':';
    display: inline-block;
}
/* .ays-pb-modal_6 .jobwp-grid .wpcf7-form-control-wrap{
	margin-top: 5px;
} */

.ays-pb-modal_6 .custom-modal-close:hover{
	background:#212325;
	color:#fff;
}
.ays-pb-modal_6 .wpcf7-form-control textarea {
    resize: vertical;
    height: auto !important;
}
body .ays-pb-modal_6 .ays_content_box .wpcf7-form .jobwp-grid input {
    width: 100% !important;
    box-sizing: border-box;
	color: #565d65!important;
    font-weight: normal;
    font-weight: normal !important;
    font-size: 14px;
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #ffffff2e;
    min-height: 40px !important;
    margin-top: 2px !important;
}
.ays-pb-modal_6 .ays_content_box .wpcf7-form .wpcf7-not-valid-tip{
	color: #dc3232;
    font-size: 13px !important;
}
.ays-pb-modal-close_6 svg{
	display: none!important;
}
.ays-pb-modal-close_6:before{
	content: "✕";
    position: relative;
    /* top: 12px; */
    /* right: 2% !important; */
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 9999;
    color: #212325;
    border: 1px solid #8a8c8f;
    border-radius: 50%;
    width: 44px !important;
    height: 44px !important;
    padding: 8px 12px;
    display: block;
}
body .ays-pb-modal_6 .ays_content_box .wpcf7-form input[type="submit"] 
{
	margin-bottom: 30px!important;
}

.ays-pb-modal-close_6 .wpcf7-form-control.wpcf7-submit.primary-btn{
	padding:0px!important;
}
.ays-pb-modal_6.ays-popup-box-main-box{
	border-radius: 12px!important;
}



/* Mobile fallback */
@media (max-width: 991px) {
  .ays-pb-modal_6 {
    max-width: 100% !important;
  }

  .ays-pb-modal_6 .jobwp-grid {
    grid-template-columns: 1fr;
	  display: block;
  }

  .ays-pb-modal_6 .f-notice,
  .ays-pb-modal_6 .f-experience,
  .ays-pb-modal_6 .f-cover {
    grid-column: auto;
    grid-row: auto;
  }
	.ays-pb-modal_6 .jobwp-listing-body-container.list{
		grid-template-columns: 1fr;
		gap:0;
	}
	.ays-pb-modal_6 .jobwp-single-area{
		display: flex;
		flex-direction: column;
		flex : 100%;
		padding-right:0;
	}
	.ays-pb-modal_6 .circulr-details-bottom-email{
		flex: 100%;
		margin: 30px 0px;
	}
	.ays-pb-modal_6 .jobwp-item{
		position:relative;
	}
	.ays-pb-modal_6 .jobwp-item p{
		    line-height: 1.6 !important;
	}
	.ays-pb-modal_6 .masthead_container > .e-con-inner{
		padding-right:10px;
	}
	#ays-pb-screen-shade_6{
		position:fixed !important;
	}
	.ays-pb-modal.ays-pb-modal_6{
		height: auto !important;
		margin: 0 auto !important;
		max-width: 600px !important;
		top: 40px !important;
    	overflow: visible !important;
		bottom: 40px !important;
	}
	.ays-pb-modal_6 .jobwp-grid div{
	margin-top: 12px!important;
     }
	.ays-pb-modal_6 .ays_content_box{
		overflow: hidden!important;
		border-radius: 12px!important;
	}
}