/**
Theme Name: EntroutWeb Child Theme
Author: EntroutWeb Inc
Author URI: https://www.entroutweb.com
Description: EntroutWeb is the ultimate digital companion, offering a comprehensive range of services. From formulating compelling branding strategies to crafting captivating graphics, designing top-notch websites, and spearheading cutting-edge app development – EntroutWeb transforms concepts into dynamic digital realities. Their online marketing expertise propels growth, complemented by efficient agency outsourcing solutions. With EntroutWeb, one enters a realm where digital aspirations know no bounds.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: entroutweb-child-theme
Template: astra
*/

a {
	color: #32468E;
}

a:focus, a:active, a:hover, a:visited {
  outline: none !important;
}

.main-menu-01 #menu-item-2647 {
	display: none;
}

.header-spl-link-01 a:hover, .header-spl-link-01 a:focus { 
	color: #d65f30 !important;
}

.custom-form-lvz input {
	background-color: #FFFFFF !important;
	border: 1px solid #D1D3D4 !important;
	-khtml-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	color: #999999 !important;
	max-width: 265px !important;
	padding: 10px 15px !important;
	margin-bottom: 12px !important;
	-webkit-appearance: none !important;
}

.custom-form-lvz button {
	width: 146px !important;
	border: 0 !important;
	padding: 10px 0 10px 0 !important;
	text-transform: Uppercase !important;
	-khtml-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	color: #FFFFFF !important;
	border-bottom: 3.5px solid var(--e-global-color-d1982bc) !important;
	margin-top: 10px !important;
	background-color: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-d1982bc) !important;
}

.custom-form-lvz button:hover, .custom-form-lvz button:focus {
	background-color: var(--e-global-color-d1982bc) !important;
}

.custom-form-01 input, .custom-form-01 textarea {
	max-width: 100% !important;
	width: 100% !important;
	background-color: #FFFFFF !important;
	border: 1px solid #D1D3D4 !important;
	-khtml-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	color: #999999 !important;
	padding: 10px 15px !important;
	margin: 0 !important;
	-webkit-appearance: none !important;
}

.custom-form-01 .forminator-field {
	margin-bottom: 16px !important;
}

.custom-form-01 .forminator-error-message {
	margin: 0 !important;
}

.custom-form-01 button {
	width: 146px !important;
	border: 0 !important;
	padding: 10px 0 10px 0 !important;
	text-transform: Uppercase !important;
	-khtml-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	color: #FFFFFF !important;
	border-bottom: 3.5px solid var(--e-global-color-d1982bc) !important;
	margin-top: 0px !important;
	background-color: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-d1982bc) !important;
}

.custom-form-01 button:hover, .custom-form-01 button:focus {
	background-color: var(--e-global-color-d1982bc) !important;
}

.forminator-edit-module {
	display: none !important;
}

.forminator-row-last .forminator-field {
	margin: 0 !important;
}

.forminator-ui, .forminator-row {
	margin-bottom: 0 !important;
}

.home-portfolio-01 a {
	display: block;
	border: 10px solid #891B23;
	border-radius: 6px;
	margin: 20px;
}

.work-portfolio-main a {
	display: block;
	border: 10px solid #BFBFBF;
	border-radius: 6px;
	margin: 14px 0;
}

.home-portfolio-01 .elementor-shortcode {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: center;
}

.work-portfolio-main .elementor-shortcode {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: center;
	column-gap: 20px;
}

.home-portfolio-01 .portfolio-item, .work-portfolio-main .portfolio-item {
	position: relative;
	overflow: hidden;
	width: 31.5%;
}

.home-portfolio-01 .portfolio-item a, .work-portfolio-main .portfolio-item a {
	display: flex;
	position: relative;
	z-index: 1; /* Ensure links are accessible */
}

.home-portfolio-01 .portfolio-item a::before, .work-portfolio-main .portfolio-item a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('images/eye-icon-01@2x.webp');
	background-size: 58px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(137, 27, 35, 0.37);
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 9999;
}

.home-portfolio-01 .portfolio-item a:hover::before, .work-portfolio-main .portfolio-item a:hover::before {
	opacity: 1;
}

.item108 a {
	color: var(--e-global-color-text );
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45em;
}

.item108 p {
	display: block;
	margin: 0 0 20px 0 !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	font-style: italic;
	text-align: center;
}

.item108-1 {
	font-family: "Asap", Sans-serif;
	font-size: 16px;
	color: var(--e-global-color-primary );
}

.item108-1 p {
	text-align: center;
}

.about-p-spl strong {
	color: var(--e-global-color-primary ) !important;
}

.page .cs-tab-content {
	display: none;
}

.cs-tab-active {
	background-color: #DFDFDF !important;
}

.forminator-description {
	display: none !important;
}

.forminator-multi-upload {
	display: flex !important;
	padding: 0 !important;
	height: 42.4px !important;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 4px !important;
}

.forminator-multi-upload-message {
	display: flex;
	align-content: center;
	justify-content: center;
}

.forminator-icon-upload {
	margin: 0 10px 0 0 !important;
}

.forminator-multi-upload .forminator-multi-upload-message p {
	display: flex !important;
	align-items: center;
}

.forminator-multi-upload .forminator-multi-upload-message p a {
	margin-left: 5px !important;
}

.forminator-calendar--default .ui-datepicker-header .ui-corner-all {
	background-color: #A01D21 !important;
}

.forminator-ui .forminator-input-with-icon [class*="forminator-icon-"] {
	color: #A01D21 !important;
}

.forminator-input.forminator-datepicker {
  padding-left: 35px !important;
}

.forminator-ui#forminator-module-1309.forminator-design--default .forminator-multi-upload {
	background-color: #F1F2F2 !important;
}

.forminator-checkbox__label {
	font-family: 'Asap', sans-serif;
	color: #686868 !important;
}

.forminator-checkbox__wrapper {
	margin-bottom: 10px !important;
}

.forminator-consent .forminator-checkbox-box {
	border-color: #A01D21 !important;
	color: #a01d21;
}

.forminator-design--default .forminator-button-delete {
	background-color: var(--e-global-color-secondary ) !important;
}

.forminator-design--default .forminator-button-delete:hover, .forminator-design--default .forminator-button-delete:focus {
	background-color: var(--e-global-color-47edf73 ) !important;
}

.forminator-design--default .forminator-button-delete [class*="forminator-icon-"] {
	color: #FFFFFF !important;
}

.request-free-quote-frm .forminator-button.forminator-button-submit, .careers-form-01 .forminator-button.forminator-button-submit {
	margin-top: 15px !important;
}

.request-free-quote-frm input, .request-free-quote-frm textarea {
	background-color: #F1F2F2 !important;
}

.request-free-quote-frm input::placeholder, .request-free-quote-frm textarea::placeholder, .custom-form-01 input::placeholder, .custom-form-01 textarea::placeholder {
	font-family: "Asap", sans-serif !important;
	font-weight: 600 !important;
}

.request-free-quote-frm .forminator-field {
	margin-bottom: 24px !important;
}

.forminator-row-last .forminator-field {
	margin: 0 !important;
}

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active, 
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, 
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover, 
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active, 
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, 
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.techno-gallery-01 img {
	margin: 0 !important;
  filter: grayscale(100%) !important;
	opacity: 0.65 !important;
	transition: filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);  /* Using an easing function for smoother effect */
}

.techno-gallery-01 .gallery-item:last-child img {
	opacity: 1 !important;
}

.techno-gallery-01 img:hover {
  filter: grayscale(0%) !important;
	opacity: 1 !important;
}

/* Job Posting List on Careers Page */

.job-openings-listings .job-opening-post {
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: 2px dashed #CCC !important;
}

.job-openings-listings .job-opening-post h3, .job-openings-listings .job-opening-post h3 a {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	color: #A01D21 !important;
	margin-bottom: 8px;
}

.job-openings-listings .job-opening-post h3 a:hover {
	color: #D14657 !important;
}

.job-openings-listings .job-opening-post p {
	margin: 0 !important;
}

.job-openings-listings .job-opening-post p span {
	color: #808080;
	border-bottom: 1px dashed #DBB2B5;
}

.job-openings-listings .job-opening-post button {
	background-color: #17A8E3;
	border-bottom: 4px solid #008FCA;
	font-size: 14px;
	line-height: 1.45em;
	font-family: inherit;
  font-weight: 500;
	padding: 9px 20px 7.5px 20px;
	text-transform: uppercase;
	margin-top: 18px;
	border-radius: 4px;
}

.job-openings-listings .job-opening-post button:hover {
	background-color: #008FCA !important;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0 0;
}

.pagination a {
	padding: 10px 15px;
	margin: 0 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #888888;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.pagination a.active, .pagination a:hover {
	background-color: #008FCA;
	color: white;
}

.page-link.active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.pagination a.disabled {
	color: #ccc;
	pointer-events: none;
}

/* Job Posting List on Careers Page */

/* Custom Blog Posts*/

/* Custom Blog Posts*/

.custom-blog-post-list-01 h2, .custom-blog-post-list-01 h2 a {
	color: var(--e-global-color-primary );
	font-family: "Asap", Sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.15em;
	margin: 0 !important;
	margin-bottom: 12px !important;
}

.custom-blog-post-list-01 h2 a:hover, .custom-blog-post-list-01 h2 a:focus {
	color: var(--e-global-color-dd35c51);
}

.custom-blog-post-list-01 p {
	margin: 0 !important;
	font-family: 'Lato', sans-serif;
	color: var(--e-global-color-text );
}

.custom-blog-post-list-01 img {
	max-width: 650px;
	width: 100%;
	margin: 20px 0 !important;
	border-radius: 5px;
}

.blog-post-list.portfolio-list img {
	max-width: 375px;
	width: 100%;
	margin: 5px 0 20px 0 !important;
	border: 10px solid #BFBFBF;
	border-radius: 6px;
}

.blog-post-list.portfolio-list a.button {
	display: inline-block;
	background-color: #17A8E3;
	border-bottom: 4px solid #008FCA;
	font-size: 14px;
	line-height: 1.45em;
	font-family: inherit;
	font-weight: 500;
	padding: 9px 20px 7.5px 20px;
	text-transform: uppercase;
	margin-top: 18px;
	border-radius: 4px;
}

.blog-post-list.portfolio-list a.button:hover, .blog-post-list.portfolio-list a.button:focus {
	background-color: #008FCA;
}

.blog-post-list {
	border-bottom: 1px dashed #CCC;
	margin-bottom: 30px !important;
	padding-bottom: 35px !important;
}

.custom-blog-cat-01 ul {
	margin: 0 !important;
	list-style-type: none !important;
}

.custom-blog-cat-01 ul li { 
	display: block;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.35em;
	border-bottom: 1px dashed #CCC;
	color: var(--e-global-color-text);
	background-image: url('images/li-icon-88765.svg');
	background-repeat: no-repeat;
	background-size: auto 11px;
	background-position: 0 6px;
}

.custom-blog-cat-01 ul li:last-child { 
	border-bottom: 0;
}

.custom-blog-cat-01 ul li a {
	color: var(--e-global-color-text);
}

.custom-blog-cat-01 ul li a:hover {
	color: #808080;
}

.custom-blog-tags-01 ul {
	margin: 0 !important;
	list-style-type: none !important;
}

.custom-blog-tags-01 ul li {
	display: inline-block;
	color: var(--e-global-color-text);
}

.custom-blog-tags-01 ul li a {
	display: inline-block;
	background-color: #E6E7E8;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.35em;
	padding: 4px 9px !important;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	color: var(--e-global-color-text);
}

.cat-under-title-01 {
	font-family: 'Asap', sans-serif !important;
	font-size: 30px !important;
	line-height: 1.25em !important;
	font-weight: 500 !important;
	color: #FFFFFF !important;
}

.single-post-ft-img img {
	border-radius: 10px !important;
}

.single-post-page-date, .single-post-page-content {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.75em;
	color: var(--e-global-color-text ) !important;
}

.single-post-page-date {
	font-family: 'Asap', sans-serif;
	color: #999999 !important;
}

.single-post-page-content p:last-child {
	margin-bottom: 0 !important;
}

.single-post .ast-container {
	display: none;
}
	
/* Custom Blog Posts*/

/* Custom Social Share */

.simple-share-buttons a {
	padding: 6px 14px;
	margin-right: 10px;
	margin-bottom: 15px;
	background-color: #E6E7E8;
	text-decoration: none;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	color: #A01D21;
}

.simple-share-buttons i {
	margin-right: 5px;
}

.simple-share-buttons a:hover {
	background-color: #347BBF;
	color: #FFFFFF;
}

/* Custom Social Share */

.ast-archive-description, .archive .site-main, .search .ast-row, .search .ast-pagination {
	display: none;
}

.search-page-h1 h1 {
	font-size: 48px !important;
	font-family: "Asap", Sans-serif;
	font-weight: 700;
	line-height: 1.25em;
	color: #FFFFFF;
}

.single-job_opening .job_opening, .single-job_opening .navigation.post-navigation {
	display: none !important;
}

.single-portfolio .type-portfolio, .single-portfolio .navigation.post-navigation {
	display: none !important;
}

/* Portfolio Pagination */

.portfolio-pagination {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}

.prev-portfolio,
.next-portfolio {
	flex: 1;
	text-align: center;
}

.prev-portfolio {
	text-align: left;
}

.next-portfolio {
	text-align: right;
}

/* Portfolio Pagination */

/* Single Portfolio Page Pagination */

.single-portfolio-ft-img-01 {
	display: block;
	border: 10px solid #BFBFBF;
	border-radius: 6px;
	margin: 14px 0;
}

.single-portfolio-pg-h1 h1 {
	color: var(--e-global-color-text);
	font-family: "Asap", Sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.15em;
}

.single-portfolio-btn-01 a {
	font-family: "Asap", Sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--e-global-color-primary );
	border-style: solid;
	border-width: 0px 0px 3.5px 0px;
	border-color: var(--e-global-color-d1982bc );
	border-radius: 4px 4px 4px 4px;
	padding: 11px 24px 10px 24px;
	color: #FFFFFF !important;
}

.single-portfolio-btn-01 a:hover, .single-portfolio-btn-01 a:focus {
	background-color: var(--e-global-color-d1982bc );
}

.single-portfolio-pags-01 .prev-portfolio a {
	background-image: url('images/prev-arr-01.svg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 16px;
	padding-left: 45px;
	color: var(--e-global-color-text);
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.45em;
}

.single-portfolio-pags-01 .prev-portfolio a:hover, .single-portfolio-pags-01 .prev-portfolio a:focus {
	color: #808080;
}

.single-portfolio-pags-01 .next-portfolio a {
	background-image: url('images/next-arr-01.svg');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 16px;
	padding-right: 45px;
	color: var(--e-global-color-text);
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.45em;
}

.single-portfolio-pags-01 .next-portfolio a:hover, .single-portfolio-pags-01 .next-portfolio a:focus {
	color: #808080;
}

.ast-pagination {
	display: none !important;
}

/* Single Portfolio Page Pagination */

/* Custom jQuery Slider CSS */

.slider-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider {
	position: relative;
	width: 100%;
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.testimonials {
	
}

.pager {
	width: 15px;
	height: 15px;
	border-radius: 75%;
	background-color: #ccc;
	display: inline-block;
	margin: 0 5.5px;
	z-index: 999999;
	cursor: pointer;
}

.pager.active {
	background-color: #17A8E3;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

.arrow-left {
	left: 10px;
}

.arrow-right {
	right: 10px;
}

.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none; /* Add this line to hide the container initially */
}

.envoy_pags {
	margin-bottom: 25px;
	text-align: center;
}

/* Custom jQuery Slider CSS */

@media (max-width: 1024px) {
	.pags_classes { width: 14px; height: 14px; margin-right: 5px; }
	.item108 a {
		font-size: 20px;
	}
	.services-list-01 ul { 
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.services-list-01 li {
		margin: 7.5px 15px !important;
	}
	.home-portfolio-01 .portfolio-item, .work-portfolio-main .portfolio-item {
		width: 30.5%;
	}
	.custom-blog-post-list-01 h2, .custom-blog-post-list-01 h2 a {
		font-size: 26px;
	}
	.main-menu-01 #menu-item-2647 {
		display: none;
	}
	.cat-under-title-01 {
		font-size: 24px !important; 
	}
	.search-page-h1 h1 {
		font-size: 38px !important;
	}
	.single-portfolio-pg-h1 h1 {
		font-size: 35px;
	}
	nav.hfe-dropdown {
    	border-radius: 0px !important;
		background-color: transparent !important;
	}
	nav.hfe-dropdown .hfe-nav-menu {
		border-radius: 10px 10px 10px 10px !important;
		overflow: hidden !important;
	}
	nav.hfe-dropdown li.menu-item:first-child {
    	border-top-left-radius: 0px !important;
    	border-top-right-radius: 0px !important;
	}
	.sub-menu {
		border-radius: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
	}
}

@media (max-width: 767px) {
	.item108 a {
		font-size: 18px;
	}
	.services-list-01 ul { 
		display: block !important;
	}
	.services-list-01 li {
		margin: 7.5px 0 !important;
	}
	.services-list-col-01 {
		background-color: #FFFFFF !important;
	}
	.home-portfolio-01 .portfolio-item, .work-portfolio-main .portfolio-item {
		width: 100.5%;
	}
	.techno-gallery-01 img {
	  margin: 0 auto !important;
		width: auto !important;
		height: 35px !important;
	}
	.custom-blog-post-list-01 h2, .custom-blog-post-list-01 h2 a {
		font-size: 24px;
	}
	.cat-under-title-01 {
		font-size: 18px !important; 
	}
	.search-page-h1 h1 {
		font-size: 30px !important;
	}
	.single-portfolio-pg-h1 h1 {
		font-size: 30px;
	}
	nav.hfe-dropdown {
		background-color: transparent !important;
		margin-left: -155px !important;
		right: 5px !important;
	}
}