/* Global CSS  Pending */ 

/* Global */
html {
	font-size: 16px;
	overflow-x: hidden;
}

body{
	min-width: 333px;
	overflow-x: hidden;
}

.clickable-section {
    cursor: pointer;
}

.secondary-heading h1, .secondary-heading h2, .secondary-heading h3, .secondary-heading h4, .secondary-heading h5, .secondary-heading h6{
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif !important;
}



/* Header Section */
/* .wordpro-main-header-section.liquid{
 	background: rgba(255, 255, 255, 0.4) !important; /* Increase opacity for less blur
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    backdrop-filter: blur(13px) saturate(360%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
/*     border: 2px solid rgb(255 142 25); 
    color: white !important;
    z-index: 1000 !important;
} */

.admin-bar .wordpro-main-header-section {
    margin-top: 2rem;
}

@media only screen and (max-width: 1024px) {
    .overflow-hidden {
        overflow: hidden;
    }
    
/*     .admin-bar .wordpro-main-header-section.show {
        height: calc(100vh - 72px) !important;
    } */
}

@media only screen and (max-width: 767px) {
    .admin-bar .wordpro-main-header-section {
        margin-top: 2.875rem;
    }
    
/*     .admin-bar .wordpro-main-header-section.show {
        height: calc(100vh - 86px) !important;
    } */
}

.wordpro-main-header-section {
	width: calc(100% - 3rem) !important;
	max-width: var(--content-width);
	margin: auto;
	padding: 0.625rem;
	background-color: #000;
	border-radius: 0.5rem;
	display: flex	;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	position: fixed;
	top: 1.25rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	transition: all 0.3s ease-in-out;
/* 	border: 1px solid #000; */
}

.hidden-header {
	top: -6.875rem;
}



/* Header: Navbar Left Section */
.wordpro-header-topbar-navbar {
	padding: 0 0.625rem;
}

.wordpro-header-logo {
	text-decoration: none;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: 1.688rem;
    font-weight: 700;
    line-height: 1.8;
/* 	margin-left: 0.625rem; */
	color: #ffffff !important;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

@media only screen and (max-width: 420px){
	.wordpro-header-logo{
		font-size: 1.45rem; 
 		gap: 0.375rem;  /* 75% of 0.5 */
	}
	
	.wordpro-header-logo svg.logo-icon{
		width: 26.25px;  /* 75% of 35 */
		height: 26.25px;
	}
	
	.wordpro-header-logo svg.logo-text{
		width: 155.25px;  /* 75% of 207 */
		height: auto;
	}
}

@media only screen and (max-width: 1024px){
	.wordpro-header-topbar-navbar{
		min-height: 48.6px !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1124px){
	.wordpro-header-logo{
 		gap: 0.425rem;  /* 85% of 0.5 */
	}
	
	.wordpro-header-logo svg.logo-icon{
		width: 29.75px;  /* 85% of 35 */
		height: 29.75px;
	}
	
	.wordpro-header-logo svg.logo-text{
		width: 175.95px;  /* 85% of 207 */
		height: auto;
	}
	
	.menu-item.menu-item-type-custom.menu-item-object-custom a{
		padding: 0.65rem 1rem !important;
	}
}


/* Header: Mobile Hamburger Menu */
.wordpro-header-mobileBars {
	display: none;
	font-size: 1.625rem;
	font-weight: bold;
	cursor: pointer;
}

.mobile-menu-icon {
	position: relative;
	width: 1.375rem;
	height: 0.875rem;
	cursor: pointer;
}

.mobile-menu-icon span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.125rem;
	transition: all 0.2s ease;
	background: #fff;
	border-radius: 3.125rem;
}

.mobile-menu-icon span:nth-child(2) {
	top: 0.375rem;
}

.mobile-menu-icon span:last-child {
	top: 0.75rem;
}

.show .mobile-menu-icon span:first-child,
.show .mobile-menu-icon span:last-child {
	top: 0.5rem;
}

.show .mobile-menu-icon span:first-child {
	transform: rotate(45deg);
}

.show .mobile-menu-icon span:last-child {
	transform: rotate(-45deg);
}

.show .mobile-menu-icon span:nth-child(2) {
	opacity: 0;
	visibility: hidden;
}



/* Header: Navbar Right Section  */
#menu-header-menu-1 {
	display: flex;
	justify-content: space-evenly;
	margin: 0.313rem;
	padding: 0;
}

/* menu item CSS  */
.menu-item.menu-item-type-custom.menu-item-object-custom {
	list-style: none;
	color: white;
	margin: 0 0.125rem;
/* 	padding: 0.375rem; */
}

/* .menu-item.menu-item-type-custom.menu-item-object-custom:hover {
	background-color: #493f3c;
	border-radius: 0.313rem;
} */

/* menu item  */
.menu-item.menu-item-type-custom.menu-item-object-custom a {
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: 1.125rem;
	border-radius: 0.313rem;
    font-weight: 600;
    line-height: 1.8;
	padding: 0.65rem 1.380rem;
	color: white;
	text-decoration: none;
	transition: all 0.2s ease;
}

.menu-item.menu-item-type-custom.menu-item-object-custom:hover a {
	background-color: #493f3c;
}



/* Header: Sign Up button CSS  */
.wordpro-header-signbutton-con {
	padding: 0 0.625rem;
}

.wordpro-header-sign-btn {
	display: inline-block;
	background-color: #f2e9e3 !important;
	border: 0;
	border-radius: 0.313rem;
	padding: 0.688rem 1rem;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
	color: black !important;
	text-align: center;
}

.wordpro-header-sign-btn:hover {
	background-color: #d3b8ad !important;
}



/* Header: Light header */
.wordpro-main-header-section.light:not(.light-deactivate) {
	background-color: #FFF8F1;
/* 	border: 1px solid #040f16; */
}

.wordpro-main-header-section.light:not(.light-deactivate) .wordpro-header-reader-text {
	color: #000;
}

.wordpro-main-header-section.light:not(.light-deactivate) ul#menu-header-menu-1 {
	background: transparent;
}

.wordpro-main-header-section.light:not(.light-deactivate) .menu-item a {
	color: #000;
}

.wordpro-main-header-section.light:not(.light-deactivate) .wordpro-header-sign-btn {
	color: white !important;
	background: #000 !important;
}

.wordpro-main-header-section.light:not(.light-deactivate) .wordpro-header-sign-btn:hover {
	background: #000c !important;
}

.wordpro-main-header-section.light:not(.light-deactivate) .wordpro-header-logo svg path.can-light
{
	fill: #000;
}

@media only screen and (min-width: 1024px) {
	.wordpro-main-header-section.light:not(.light-deactivate) .menu-item:hover a {
		color: white;
		background-color: #493f3c;
	}
}


/* Header: Responsive for tablet and mobile */
@media only screen and (max-width: 1024px) {
	.wordpro-main-header-section {
		flex-direction: column;
		height: 68.6px;
		transition: top 0.3s ease-in-out, height 0.3s ease-in-out;
	}

	.wordpro-main-header-section.show {
		height: 435px;
		box-shadow: 0px 12px 40px 0px rgb(4 15 22 / 16%);
/* 		height: calc(100vh - 40px); */
	}
	
	.menu-item.menu-item-type-custom.menu-item-object-custom a{
		width: 100%;
		display: block;
		padding: 0.375rem 1rem;
	}
	
	.wordpro-main-header-section.show.hidden-header {
		top: 0.625rem;
	}

	.wordpro-main-header-section.hidden-header {
		top: -6.875rem;
	}

	/* Header logo container CSS starts here */
	.wordpro-header-logo {
		margin-left: 0;
	}


	/* Mobile Hamburger Icon CSS Starts Here.  */
	.wordpro-header-mobileBars {
		display: block;
		align-content: center;
	}

	/* Navbar List Container CSS Starts Here.  */
	.wordpro-header-megamenu-nav {
		display: none;
	}

	.wordpro-header-topbar-navbar {
		display: flex;
		justify-content: space-between;
		width: -webkit-fill-available;
	}

	.wordpro-main-header-section.show .wordpro-header-megamenu-nav {
		display: block;
		width: 100%;
		margin: 0.938rem 0 0;
		flex-grow: 1;
	}

	#menu-header-menu-1 {
		flex-direction: column;
	}

	.menu-item.menu-item-type-custom.menu-item-object-custom {
		text-align: left;
		background-color: #202020;
		margin-bottom: 0.5rem;
		border-radius: 0.313rem;
	}

	/* Sign up button CSS  */
	.wordpro-header-signbutton-con {
		display: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.wordpro-main-header-section.show .wordpro-header-signbutton-con {
		display: block;
	}

	.wordpro-header-sign-btn {
		width: -webkit-fill-available;
		margin: 0.313rem;
	}

	.wordpro-main-header-section.light:not(.light-deactivate) .mobile-menu-icon span {
		background-color: #000;
	}

	.wordpro-main-header-section.light:not(.light-deactivate) .menu-item {
		background: #493f3c;
	}
	
	.wordpro-main-header-section.light:not(.light-deactivate) .menu-item:hover {
		background: #493f3c;
	}
	
	.wordpro-main-header-section.light:not(.light-deactivate) .menu-item a {
		color: #fff;
	}
}



/* Case Studies Section on Homepage and Case Study Page */
@media screen and (min-width:480px) and (max-width:768px) {
    .case-studies-grid > .e-con-inner,
    .case-studies-grid .elementor-grid {
		grid-column-gap: 2.5rem;
   		grid-row-gap: 2.5rem;
/*         grid-template-columns: repeat(2, 1fr) !important; */
    }
}



/* External Button with icon */
.button-icon .elementor-button-content-wrapper{
	align-items: center;
}

.button-icon .elementor-button-icon svg{
	width: 20px;
}



/* Mobile Devices CSS starts here */
@media screen and (max-width: 767px) {
    .mobile-mb-09rem {
        margin-bottom: .9rem;
        display: inline-block;
    }
    
    .mobile-block-mb-09rem {
        margin-bottom: .9rem;
        display: block;
    }
    
    .mobile-hidden {
        display: none;
    }   
}



/* Footer: Glow Section */
.wordpro-glow-section {
	box-shadow: 0px 12px 40px 0px rgba(3.999999999999999, 15.000000000000009, 22, 0.04) !important;
}



/* Footer Section */
.footer-nav ul {
	border-top: .0625rem solid #ecedee;
	padding-top: 1rem;
	padding-left: 0;
}

.footer-nav ul li {
	list-style: none;
	font-size: 1rem;
	margin-bottom: 1rem;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-weight: 600;
}

.footer-nav ul li a {
	color: #646d72;
}

.footer-nav ul li a:hover {
	color: #3aabcc;
}

.footer-logo {
	border-bottom: .0625rem solid #ecedee;
	margin-bottom: 0.65rem !important;
}

.wordpro-footer-logo{
	text-decoration: none;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: 2.532rem;
    font-weight: 700;
    line-height: 1.8;
	color: #000 !important;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

@media only screen and (max-width: 465px){
	.wordpro-footer-logo{
		max-width: 374.5px;
		width: 90%;
	}
}

@media only screen and (min-width: 1175px) and (max-width: 1250px){
	.footer-heading .elementor-widget-container{
		margin: -5rem 0rem -6rem 0rem !important;
	}
	
	.footer-heading .elementor-heading-title{
		font-size: 8rem !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1175px){
	.footer-heading .elementor-widget-container{
		margin: -5rem 0rem -5.5rem 0rem !important;
	}
	
	.footer-heading .elementor-heading-title{
		font-size: 7rem !important;
	}
}

@media only screen and (max-width: 767px){
	.custom-footer-bar{
		background-color: #fff !important;
		color: #646D72 !important;
	}
	
	.custom-footer-bar p,
	.custom-footer-bar a{
		color: #646D72 !important;
	}
	
	.custom-footer-bar a:hover{
		color: #3AABCC !important;
	}
	
	/* 	.footer-wrapper{
		background: #020101;
	} */
}

@media only screen and (max-width: 367px){
	.custom-footer-bar .footer-copyright p span.icon{
		display: none;
	}
	
	.custom-footer-bar .footer-copyright p{
		display: flex;
    	flex-direction: column;
	}
}


/* Responsive */
@media only screen and (min-width: 1024px){
	.hide-desktop{
		display: none;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
	.hide-tablet{
		display: none;
	}
}

@media only screen and (min-width: 590px) and (max-width: 767px){
	.hide-mobile-l{
		display: none;
	}
}

@media only screen and (max-width: 590px){
	.hide-mobile-s{
		display: none;
	}
}



/* Test */
/* .is-hover{
	transform: scale(1.05);
} */