/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
 * Global CSS
 * */

body{
	--white-color: var(--e-global-color-0205845);
	--light-bg: var(--e-global-color-e9b4d29);
	--btn-linear-gradient: linear-gradient(265deg, var(--e-global-color-accent) 0%, var(--e-global-color-secondary) 50%, var(--e-global-color-accent) 100%);
	--linear-gradient: linear-gradient(265deg, var(--e-global-color-secondary) 0%, var(--e-global-color-accent) 100%);
	--divider-color: var(--e-global-color-74d4839);
}

#icon-linear-gradient{
	--color-stop: var(--e-global-color-secondary);
	--color-bot: var(--e-global-color-accent);
}


/* This Icon For Linear Gradient */

.header-arrow-right{
	opacity: 0;
	visibility: hidden;
}

.br-desktop-none br{
	display: none;
}

figure{
	line-height: 0;
}

.elementor-widget-theme-post-excerpt p:last-child,
.elementor-widget-text-editor p:last-child{
	margin-bottom: 0;
}

.elementor-widget-icon .elementor-icon-wrapper,
.elementor-widget-icon-box .elementor-icon-box-icon{
	line-height: 0;
}

.icon-height-size.elementor-widget-icon .elementor-icon-wrapper .elementor-icon svg{
	height: auto;
}

.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-image-box .elementor-image-box-title{
	margin-top: 0;
}

.icon-box-icon-center.elementor-widget-icon-box .elementor-icon-box-wrapper{
	align-items: center;
}

/* Button CSS */

.elementor-widget-button .elementor-button{
	background-image: var(--btn-linear-gradient);
	background-size: 200% auto;
	transition: all .4s ease-in-out !important;
}

.white-btn.elementor-widget-button .elementor-button{
	background-image: none;
}

.no-bg.elementor-widget-button .elementor-button{
	background-image: none;
}

.elementor-widget-button .elementor-button:hover{
	background-position: right center;
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper{
	align-items: center;
}

.elementor-widget-button .elementor-button .elementor-button-icon{
	line-height: 0;
}

.elementor-widget-button .elementor-button .elementor-button-icon svg{
	width: 16px;
	height: 16px;
}

.elementor-widget-button .elementor-button .elementor-button-icon svg path{
	transition: all 0.3s ease-in-out;
}

.white-btn.elementor-widget-button .elementor-button .elementor-button-icon svg{
	fill: url(#icon-linear-gradient) currentcolor;
}

.elementor-widget-button .elementor-button .elementor-button-text{
	position: relative;
}

.white-btn.elementor-widget-button .elementor-button .elementor-button-text{
	background: var(--linear-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.phone-btn.elementor-widget-button .elementor-button .elementor-button-text{
	padding-left: 40px;
}

.phone-btn.elementor-widget-button .elementor-button .elementor-button-text:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background-color: currentcolor;
	mask-image: url(./images/phone-btn.svg);
	mask-size: contain;
	mask-position: center center;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

/* Icon & Images Box CSS */
.elementor-widget-icon-box .elementor-icon-box-description a,
.elementor-widget-image-box .elementor-image-box-description a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

/*  Tab Widget CSS */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover,
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:focus{
	border-radius: var(--n-tabs-title-border-radius);
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title{
	transition: all 0.3s ease-in-out;
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon svg path{
	transition: all 0.3s;
}

/* Menu Border CSS */
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover{
	border-inline-start: 0 !important;
}

/* Section Title CSS */

.section-title h3.elementor-heading-title{
	position: relative;
	display: inline-block;
	background: var(--linear-gradient);
	border-radius: 100px;
	padding: 6.5px 20px 5.5px 32px;
}

.section-title h3.elementor-heading-title::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 18px;
	bottom: 0;
	background-color: currentcolor;
	border-radius: 10px;
	width: 6px;
	height: 6px;
	transform: translateY(-50%);
}

/* Column 2 CSS */
.column-2 .elementor-icon-list-items{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.column-2 .elementor-icon-list-items .elementor-icon-list-item{
	width: calc(50% - 15px);
}

@media only screen and (max-width: 1024px){

	.br-tablet-none br{
		display: none;
	}

	.elementor-widget-button .elementor-button .elementor-button-icon svg{
		width: 14px;
		height: 14px;
	}

	.phone-btn.elementor-widget-button .elementor-button .elementor-button-text:before{
		width: 25px;
		height: 25px;
	}

	.section-title h3.elementor-heading-title{
		padding: 6.5px 20px 4.5px 32px;
	}

	.section-title h3.elementor-heading-title::before{
		transform: translateY(-60%);
	}
}

@media only screen and (max-width: 767px){

	.br-mobile-none br{
		display: none;
	}

	.section-title h3.elementor-heading-title{
		padding: 5.5px 10px 3.5px 22px;
	}

	.section-title h3.elementor-heading-title::before{
		left: 10px;
		transform: translateY(-50%);
	}

	.column-2 .elementor-icon-list-items{
		gap: 10px;
	}

	.column-2 .elementor-icon-list-items .elementor-icon-list-item{
		width: 100%;
	}

}

/* 
 * Header CSS 
 * */

.mobile-menu{
	display: none !important;
}

.main-header.elementor-sticky{
	transition: all 0.3s ease-in-out
}

.main-header.elementor-sticky.elementor-sticky--effects{
	filter: drop-shadow(0px 0px 4px rgb(from var(--e-global-color-primary) r g b / 20%));
}

.header-logo img{
	transition: all 0.3s ease-in-out;
}

.main-header.elementor-sticky.elementor-sticky--effects .header-logo img{
	max-width: 180px;
}

.header-menu .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-nav-menu--dropdown,
.header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	transition: all 0.3s ease-in-out;
}

.header-menu .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-nav-menu--dropdown,
.header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown,
.header-menu .elementor-nav-menu__container .elementor-nav-menu--dropdown.sub-menu{
	background: var(--linear-gradient);
}

.main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-nav-menu--dropdown,
.main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	margin-top: 33px !important;
}

.header-menu .elementor-menu-toggle{
	background: var(--linear-gradient);
}


.header-btn .elementor-button{
	min-height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 1321px){

	.main-header{
		padding: 0 10px;
	}
}


@media only screen and (max-width: 1024px){

	.mobile-menu{
		display: block !important;
	}

	.main-header{
		padding: 0;
	}

	.main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
		margin-top: 22px !important;
	}

	.header-btn .elementor-button{
		min-height: 0;
	}
}

@media only screen and (max-width: 767px){

	.main-header.elementor-sticky.elementor-sticky--effects .header-logo img{
		max-width: 150px;
	}

	.main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
		margin-top: 22px !important;
	}
}

/*
 * Footer CSS
 * */

.footer-contact-box .elementor-icon-box-icon .elementor-icon{
	background: var(--linear-gradient);
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-menu ul li{
	position: relative;
	padding-left: 20px;
}

.footer-menu ul li:before{
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	right: auto;
	bottom: auto;
	background: var(--linear-gradient);
	mask-image: url("./images/menu-icon.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 10px;
	height: 10px;
	opacity: 1 !important;
}

.footer-service-menu ul{
	justify-content: space-between;
	gap: 10px;
	margin-bottom: -10px;
}

.footer-service-menu ul li{
	width: calc(50% - 5px);
}

.footer-hours-list ul li span{
	display: inline-flex;
	align-items: center;
	width: 100%;
}

.footer-hours-list ul li span cite{
	font-style: normal;
	font-weight: var(--e-global-typography-primary-font-weight);
	width: 130px;
}

.footer-social-list .elementor-social-icons-wrapper .elementor-icon{
	background: var(--linear-gradient);
}

@media only screen and (max-width: 1024px){

	.footer-contact-list ul{
		gap: 10px;
	}

	.footer-contact-list ul li{
		width: 100%;
	}
}

@media only screen and (max-width: 767px){

	.footer-service-menu ul li{
		width: 100%;
	}
}


/*
 * Home Page CSS
 * */

.home-hero-logo-carousel .elementor-image-carousel-wrapper .swiper-slide img{
	max-height: 45px;
	width: 100%;
	object-fit: contain;
}

.home-services-iconbox .elementor-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--linear-gradient);
	width: 80px;
	height: 80px;
}

.home-services-iconbox .elementor-icon-box-wrapper{
	position: relative;
	align-items: center;
}

.home-services-iconbox .elementor-icon-box-wrapper:before{
	content: '';
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	background: var(--linear-gradient);
	mask-image: url(./images/btn-arrow-2.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
}

.home-services-iconbox .elementor-icon-box-title{
	padding-right: 30px;
}

.home-service-dot-title .elementor-heading-title{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.home-service-dot-title .elementor-heading-title:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 5px;
	bottom: 0;
	background-color: currentcolor;
	border-radius: 10px;
	width: 6px;
	height: 6px;
	transform: translateY(-50%);
}

.home-about-counter .elementor-counter-number-suffix{
	font-family: var(--e-global-typography-text-font-family);
	font-size: 19px;
}

.home-about-btn{
	filter: drop-shadow(0px 4px 30px rgb(from var(--e-global-color-primary) r g b / 20%));
}

.home-about-btn .elementor-button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--container-widget-width);
	height: var(--container-widget-width);
}

.home-about-btn .elementor-button .elementor-button-content-wrapper{
	flex-direction: column !important;
}

.home-about-btn .elementor-button .elementor-button-icon svg{
	transform: rotate(-45deg);
}

.cta-shape:after{
	content: "";
	position: absolute;
	top: -3px;
	left: -1px;
	width: 56%;
	height: 60px;
	background-color: var(--white-color);
	mask-image: url(./images/cta-shape.svg);
	mask-repeat: no-repeat;
	mask-position: top left;
	mask-size: contain;
	z-index: 0;
	border-top-left-radius: 10px;
}

.cta-phone-icon .elementor-icon svg{
	fill: url(#icon-linear-gradient);
}

.what-we-do-img{
	height: 100%;
}

.what-we-do-img img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	height: 100%;
}

.home-what-we-do-iconbox .elementor-icon-box-icon .elementor-icon{
	background: var(--linear-gradient);
}

.home-what-we-do-iconbox:hover .elementor-icon-box-icon .elementor-icon{
	background: var(--white-color);
}

.home-what-we-do-iconbox .elementor-icon-box-icon .elementor-icon svg{
	transition: all 0.5s ease-in-out;
}

.home-what-we-do-iconbox:hover .elementor-icon-box-icon .elementor-icon svg{
	fill: url(#icon-linear-gradient);
}

.home-what-we-do-iconbox:hover .elementor-icon-box-content p{
	color: var(--white-color) !important;
}

.home-faqs .e-n-accordion-item{
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.home-faqs .e-n-accordion-item[open]{
	box-shadow: 0px 2px 20px 0px rgb(from var(--e-global-color-primary) r g b / 5%);
}

.home-faqs .e-n-accordion-item .e-n-accordion-item-title-icon span{
	justify-content: center;
	align-items: center;
	height: 25px;
	width: 25px;
	background: var(--linear-gradient);
	border-radius: 5px;
}

.home-faqs .e-n-accordion-item:hover .e-n-accordion-item-title-icon span,
.home-faqs .e-n-accordion-item[open] .e-n-accordion-item-title-icon span{
	background: var(--white-color);
}

@media only screen and (max-width: 1320px){
	
	.home-services-iconbox .elementor-icon{
		width: 70px;
    	height: 70px;
	}
	
	.home-services-iconbox .elementor-icon-box-title, 
	.home-services-iconbox .elementor-icon-box-title a{
		font-size: 14px !important;
	}
	
}


@media only screen and (max-width: 1024px){

	.home-services-iconbox .elementor-icon{
		width: 60px;
		height: 60px;
	}

	.cta-shape:after{
		width: 55%;
		height: 36px;
	}

	.what-we-do-img img{
		aspect-ratio: 1 / 0.66;
	}

}

@media only screen and (max-width: 767px){

	.home-hero-logo-carousel .elementor-image-carousel-wrapper .swiper-slide img{
		max-height: 40px;
	}

	.home-services-iconbox .elementor-icon{
		width: 50px;
		height: 50px;
	}

	.home-services-iconbox .elementor-icon-box-icon .elementor-icon{
		width: 50px;
		height: 50px;
	}

	.cta-shape:after{
		width: 75%;
		height: 18px;
	}

	.what-we-do-img{
		min-height: 450px;
	}

	.home-what-we-do-iconbox .elementor-icon-box-content h3{
		font-size: 16px;
	}

	.home-what-we-do-iconbox .elementor-icon-box-icon{}
}

/*
 * About Us CSS
 * */

.page-header:before{
	left: auto;
	right: 0;
	width: calc(55% + 10px);
	clip-path: polygon(0px 0, 100% 0, 100% 100%, calc(0% + 210px) 100%);
}

.page-header:after{
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: -1px;
	background-color: var(--white-color);
	transform: perspective(55px) rotateX(3deg);
	transform-origin: top left 4px;
	border-top-right-radius: 5px;
	width: 36%;
	height: 60px;
}

.breadcrumb ul li:after{
	transform: rotate(15deg);
}

.about-counter-box .elementor-counter .elementor-counter-title{
	text-align: center;
}

.about-counter-box .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.what-we-stand-bg{
	z-index: 1;
}

.what-we-stand-bg:before{
	mix-blend-mode: lighten;
}

.what-we-stand-bg:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.4;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.about-wws-icon-box{
	min-height: 400px;
}

.about-wws-icon-box:not(:last-child){
	border-width: 0 2px 0 0;
	border-color: var(--white-color);
	border-style: solid;
	transition: all 0.5s ease-in-out;
}

.about-wws-icon-box .elementor-icon-box-wrapper{
	flex-direction: column !important;
	gap: 20px;
	height: 100%;
}

.about-wws-icon-box .elementor-icon-box-icon{
	margin-right: 0 !important;
    margin-bottom: var(--icon-box-icon-margin, 15px) !important;
}

.about-vision-mission-img img{
	aspect-ratio: 1 / 0.48;
	object-fit: cover;
}

.about-wws-icon-box .elementor-icon-box-icon .elementor-icon{
	background: var(--linear-gradient);
}

.about-wws-icon-box .elementor-icon-box-content{
	flex-grow: 0;
}

.about-wws-icon-box .elementor-icon-box-title,
.about-wws-icon-box p{
	transition: all 0.5s ease-in-out;
}

.about-wws-icon-box.active .elementor-icon-box-title{
	color: var(--e-global-color-primary) !important;
}

.about-wws-icon-box:hover p,
.about-wws-icon-box.active p{
	color: var(--e-global-color-text) !important;
}

.about-us-blur-text ul li .elementor-icon-list-text{
	opacity: 0.5;
	filter: blur(2.5px);
	transition: all 0.4s ease-in-out;
}

.about-us-blur-text ul li .elementor-icon-list-text:hover,
.about-us-blur-text ul li .elementor-icon-list-text.active{
	opacity: 1;
	filter: none;
}

.about-company-values-icon-box{
	transition: all 0.5s ease-in-out;
}

.about-company-values-icon-box .elementor-icon-box-icon{
	width: 80px;
	height: 80px;
}

.about-company-values-icon-box .elementor-icon-box-icon .elementor-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	padding: 0;
}

.about-company-values-icon-box .elementor-icon-box-icon .elementor-icon svg{
	height: auto;
}

.about-company-values-icon-box .elementor-icon-box-wrapper .elementor-icon{
	background: var(--linear-gradient);
}

.about-company-values-icon-box:hover .elementor-icon-box-wrapper .elementor-icon{
	background: var(--white-color);
}

.about-company-values-icon-box .elementor-icon-box-icon .elementor-icon svg{
	transition: all 0.3s ease-in-out;
}

.about-company-values-icon-box:hover .elementor-icon-box-icon .elementor-icon svg{
	fill: url(#icon-linear-gradient);
}

.about-company-values-icon-box:hover .elementor-icon-box-content p{
	color: var(--white-color);
}

@media only screen and (max-width: 1024px){

	.page-header:before{
		width: 50%;
		clip-path: polygon(0px 0, 100% 0, 100% 100%, calc(0% + 110px) 100%);
	}

	.page-header:after{
		transform: perspective(55px) rotateX(5deg);
		width: 46%;
		height: 40px;
	}

	.about-wws-icon-box{
		min-height: auto;
	}

	.about-wws-icon-box:not(:last-child){
		border-width: 0 0 2px 0;
	}

	.about-wws-icon-box .elementor-icon-box-wrapper{
		align-items: center;
		flex-direction: row !important;
	}
	
	.about-wws-icon-box .elementor-icon-box-icon{
		width: calc(50% - 10px);
		margin-bottom: 0 !important;
    	margin-right: 0 !important;
	}
	
	.about-wws-icon-box .elementor-icon-box-content{
		width: calc(50% - 10px);
	}

}

@media only screen and (max-width: 767px){

	.page-header:before{
		width: 100%;
		opacity: 0.3;
		clip-path: unset;
	}

	.page-header:after{
		width: 80%;
		height: 30px;
		transform: perspective(55px) rotateX(10deg);
	}
	
	.about-vision-mission-img img{
		aspect-ratio: 1 / 0.6;
	}
	
	.about-company-values-icon-box .elementor-icon-box-icon,
	.about-company-values-icon-box .elementor-icon-box-icon .elementor-icon{
		width: 70px;
		height: 70px;
	}
	
	.about-wws-icon-box .elementor-icon-box-icon{
		width: 100%;
		margin-bottom: var(--icon-box-icon-margin,15px) !important;
	}
	
	.about-wws-icon-box .elementor-icon-box-content{
		width: 100%;
	}
}

/*
 * Services CSS
 * */



/*
 * Access Control CSS
 * */

.access-control-about-img img{
	aspect-ratio: 1 / 1.01;
	object-fit: cover;
}

.access-control-service-content .elementor-heading-title,
.access-control-service-text p{
	transition: all 0.4s ease-in-out;
}

.access-control-service-box:hover .access-control-service-content .elementor-heading-title{
	color: var(--e-global-color-primary);
}

.access-control-service-box:hover .access-control-service-text p{
	color: var(--e-global-color-text);
}

.access-control-service-img img{
	aspect-ratio: 1 / 0.831;
	object-fit: cover;
}

.access-control-service-box-arrow .elementor-icon-wrapper svg{
	fill: url(#icon-linear-gradient) !important;
}

.access-control-security-img img{
	aspect-ratio: 1 / 1.015;
	object-fit: cover;
}

.access-control-security-icon .elementor-icon-wrapper .elementor-icon{
	background: var(--linear-gradient) !important;
	border-color: var(--white-color) !important;
}

.access-control-security-list ul{
	gap: 20px;
}

.access-control-security-list ul li{
	width: calc(33.33% - 13.33px);
	background: rgb(from var(--e-global-color-secondary) r g b / 20%);
	border: 0.5px solid var(--white-color);
	border-radius: 5px;
	backdrop-filter: blur(2.5px);
	padding: 10px 20px !important;
}

.access-control-why-choose-section{
	z-index: 1;
}

.access-control-why-choose-section:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, var(--light-bg) 32.86%, transparent 98.41%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.access-control-community-roots-box{
	counter-reset: section;
}

.access-control-community-roots-icon-box{
	position: relative;
	counter-increment: section;
}

.access-control-community-roots-icon-box:before{
	content: "0" counter(section) " ";
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	font-family: var(--e-global-typography-accent-font-family);
	font-size: 22px;
	font-weight: 800;
	color: var(--white-color);
	background: var(--linear-gradient);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
}

.access-control-community-roots-icon-box .elementor-icon-box-content .elementor-icon-box-title{
	padding-bottom: 25px;
	margin-bottom: 25px !important;
	border-bottom: 1px solid var(--divider-color);
}

@media only screen and (max-width: 1500px){

	.access-control-community-roots-icon-box{
		--container-widget-width: 100% !important;
	}

}

@media only screen and (max-width: 1024px){

	.access-control-about-img img{
		aspect-ratio: 1 / 0.85;
	}
}

@media only screen and (max-width: 767px){

	.access-control-about-img img{
		aspect-ratio: 1 / 0.95;
	}

	.access-control-security-img img{
		aspect-ratio: 1 / 1.05;
	}

	.access-control-security-list{
		position: initial !important;
	}

	.access-control-security-list ul li{
		width: calc(50% - 10px);
		background: rgb(from var(--e-global-color-secondary) r g b / 100%);
		padding: 10px 15px !important;
	}

	.access-control-community-roots-icon-box:before{
		font-size: 20px;
		width: 40px;
		height: 40px;
	}

	.access-control-community-roots-icon-box .elementor-icon-box-content .elementor-icon-box-title{
		padding-bottom: 20px;
		margin-bottom: 20px !important;
	}
}

/*
 * Alarm Systems CSS
 * */

.alarm-system-img img{
	aspect-ratio: 1 / 1.167;
	object-fit: cover;
}

.alarm-system-img-2 img{
	aspect-ratio: 1 / 0.837;
	object-fit: cover;
}

.alarm-system-img-3 img{
	aspect-ratio: 1 / 1.32;
	object-fit: cover;
}

.alarm-system-about-list ul li,
.alarm-system-about-list .elementor-widget-container{
	position: relative;
}

.alarm-system-about-list ul li:before,
.alarm-system-about-list .elementor-widget-container:before{
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--e-global-color-primary);
	width: 60px;
	height: 2px;
	z-index: 1;
}

.alarm-system-about-list ul li:last-child:before{
	display: none;
}

.alarm-system-faq .e-n-accordion-item{
	border-top: 1px solid rgb(from var(--white-color) r g b / 20%);
}

.alarm-system-faq .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header{
	width: calc(100% - 40px);
}

.alarm-system-faq .e-n-accordion-item-title .e-n-accordion-item-title-icon svg{
	fill: url(#icon-linear-gradient) !important;
}

.alarm-system-faq-img img{
	aspect-ratio: 1 / 0.545;
	object-fit: cover;
}

.alarm-service-what-we-offer-img img{
	aspect-ratio: 1 / 0.892;
	object-fit: cover;
}

.alarm-system-feature-img{
	position: relative;
}

.alarm-system-feature-img:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--e-global-color-secondary);
	mask-image: url(./images/service-feature-img-bg-circle.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center center;
	width: 100%;
	height: 100%;
}

.alarm-system-feature-img img{
	aspect-ratio: 1 / 0.965;
	object-fit: cover;
}

@media only screen and (max-width: 1024px){}

@media only screen and (max-width: 767px){

	.alarm-system-img img,
	.alarm-system-img-2 img,
	.alarm-system-img-3 img{
		aspect-ratio: 1 / 1.05;
	}

	.alarm-system-faq-img img{
		aspect-ratio: 1 / 0.66;
	}
}

/*
 * Audio Visual CSS
 * */

.as-about-img-1 img{
	aspect-ratio: 1 / 0.837;
	object-fit: cover;
}

.as-about-img-2 img{
	aspect-ratio: 1 / 0.4;
	object-fit: cover;
}

.as-our-core-service-img img{
	aspect-ratio: 1 / 0.78;
	object-fit: cover;
}

.as-our-core-service-img-2 img{
	aspect-ratio: 1 / 0.5;
	object-fit: cover;
}

.what-we-offer-icon-box .elementor-icon-box-wrapper .elementor-icon{
	background: var(--linear-gradient);
}

.what-we-offer-img img{
	aspect-ratio: 1 / 1.4;
	object-fit: cover;
}

.what-we-offer-img-2 img{
	aspect-ratio: 1 / 1.29;
	object-fit: cover;
}

@media only screen and (max-width: 1024px){

	.as-our-core-service-img img{
		aspect-ratio: 1 / 0.6;
	}
}

@media only screen and (max-width: 767px){

	.as-about-img-2 img{
		aspect-ratio: 1 / 0.95;
	}

	.as-our-core-service-img img{
		aspect-ratio: 1 / 0.95;
	}

	.as-our-core-service-img-2 img{
		aspect-ratio: 1 / 0.95;
	}

	.what-we-offer-img img,
	.what-we-offer-img-2 img{
		aspect-ratio: 1 / 1.2;
	}
}



/*
 * Fiber Optics CSS
 * */


/*
 * CCTV/Security Cameras CSS
 * */

.service-1-about-icon-box .elementor-widget-container{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.service-1-about-img img{
	aspect-ratio: 1 / 1.01;
	object-fit: cover;
}

.service-1-cta-icon .elementor-icon-wrapper .elementor-icon{
	padding: 10px !important;
	background: var(--linear-gradient);
}

.service-1-cta .elementor-cta__content{
	min-height: 60px;
	backdrop-filter: blur(4px);
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	padding: 20px 20px 0;
}

@media only screen and (min-width: 1025px){

	.service-1-cta .elementor-cta:hover .elementor-cta__content{
		padding-bottom: 20px;
	}

	.service-1-cta .elementor-cta:hover .elementor-cta__title,
	.service-1-cta.active .elementor-cta .elementor-cta__title{
		padding-bottom: 20px;
	}

	.service-1-cta .elementor-cta .elementor-cta__description,
	.service-1-cta .elementor-cta .elementor-cta__button-wrapper{
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		transition: max-height 0.4s ease-in-out, visibility 0.8s, opacity 0.8s ease-in-out;
	}

	.service-1-cta .elementor-cta:hover .elementor-cta__description,
	.service-1-cta .elementor-cta:hover .elementor-cta__button-wrapper,
	.service-1-cta.active .elementor-cta .elementor-cta__description,
	.service-1-cta.active .elementor-cta .elementor-cta__button-wrapper{
		max-height: 110px;
		opacity: 1;
		visibility: visible;
	}

}

.service-1-cta .elementor-cta__content .elementor-cta__button{
	position: relative;
}

.service-1-cta .elementor-cta__content .elementor-cta__button:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	bottom: auto;
	background: var(--white-color);
	mask-image: url("./images/btn-arrow-2.svg");
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 16px;
	height: 16px;
	transform: translate(0, -50%);
}

@media only screen and (max-width: 1024px){

	.service-1-cta .elementor-cta__content{
		padding: 20px;
	}
}

@media only screen and (max-width: 767px){

	.service-1-cta-icon .elementor-icon-wrapper .elementor-icon{
		padding: 5px !important;
	}

	.service-1-cta .elementor-cta__content .elementor-cta__button:before{
		width: 16px;
		height: 16px;
	}
}


/*
 * Smart Home CSS
 * */

.sh-about-img img{
	aspect-ratio: 1 / 1.08;
	object-fit: cover;
}

.sh-our-security-img img{
	aspect-ratio: 1 / 1.05;
	object-fit: cover;
}

.sh-page-faq .e-n-accordion-item:first-child .e-n-accordion-item-title{
	padding-top: 0 !important;
	border-top: none !important;
}

.sh-page-faq .e-n-accordion-item:last-child .e-n-accordion-item-title{
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.sh-page-faq .e-n-accordion-item[open]:last-child .e-n-accordion-item-title{
	padding: var(--n-accordion-padding) !important;
	border-bottom: 1px solid #d3d3d3 !important;
}

.sh-page-faq .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header{
	width: calc(100% - 40px);
}

.sh-page-faq .e-n-accordion-item:last-child .e-child{
	border-width: 0 !important;
}

.sh-page-faq .e-n-accordion-item:last-child .e-child>.e-con-inner{
	padding-bottom: 0 !important;
}

.sh-page-faq .e-n-accordion-item-title .e-n-accordion-item-title-icon span svg{
	fill: url(#icon-linear-gradient) !important;
}

.sh-experience-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{
	font-family: var(--e-global-typography-text-font-family);
	font-size: 30px;
	font-weight: var(--e-global-typography-primary-font-weight);
}

.sh-counter-section-img img{
	aspect-ratio: 1 / 0.67;
	object-fit: cover;
}

@media only screen and (max-width: 1024px){

	.sh-our-security-img img{
		aspect-ratio: 1 / 0.85;
	}
}

@media only screen and (max-width: 767px){

	.sh-about-img img{
		-webkit-mask-image: none !important;
	}

	.sh-our-security-img img{
		aspect-ratio: 1 / 1.05;
	}

	.sh-our-security-list-box{
		position: initial !important;
	}

	.sh-counter-section-img img{
		aspect-ratio: 1 / 1.05;
	}
}

/*
 * Wi-Fi System CSS
 * */

.wifi-about-img img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.wifi-about-icon .elementor-icon-wrapper .elementor-icon {
	background: var(--linear-gradient);
	display: flex;
	justify-content: center;
	align-items: center;
	height: var(--container-widget-width);
}

.wifi-tab .e-n-tabs-heading {
	padding-top: 330px;
}

.wifi-tab .e-n-tabs-heading .e-n-tab-title:first-child {
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
}

.wifi-squre-img img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.fiber-optics-icon-box .elementor-icon-box-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 100px;
}

.fiber-optics-icon-box .elementor-icon-box-content h3,
.fiber-optics-icon-box .elementor-icon-box-content p {
	width: calc(50% - 50px);
}

@media only screen and (max-width: 1024px) {

	.wifi-tab-section-title {
		position: initial;
	}

	.wifi-tab .e-n-tabs-heading {
		padding-top: 0px;
	}

	.wifi-tab .e-n-tabs-heading .e-n-tab-title:first-child {
		padding-top: 20px;
	}

}

@media only screen and (max-width: 767px) {

	.fiber-optics-icon-box .elementor-icon-box-content {
		gap: 0px;
	}

	.fiber-optics-icon-box .elementor-icon-box-content h3,
	.fiber-optics-icon-box .elementor-icon-box-content p {
		width: 100%;
	}

}

/*
 * Structured Cabling CSS
 * */

.structured-cabling-tab .e-n-tabs-heading{
	background-color: var(--white-color);
	border-radius: 10px;
	padding: 5px;
}

.structured-cabling-tab .e-n-tab-title{
	transition: none !important;
}

.sc-key-feature-img img{
	aspect-ratio: 1 / 0.6;
	object-fit: cover;
}

.sc-faq-section{
	counter-reset: section;
}

.sc-faq-section .e-n-accordion-item{
	position: relative;
	counter-increment: section;
	padding-left: 70px;
}

.sc-faq-section .e-n-accordion-item:before{
	content: "Q" counter(section) " ";
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	font-family: var(--e-global-typography-text-font-family);
	font-size: 20px;
	font-weight: 500;
	background: var(--white-color);
	color: var(--e-global-color-text);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	transition: all 0.4s ease-in-out;
}

.sc-faq-section .e-n-accordion-item:hover:before,
.sc-faq-section .e-n-accordion-item[open]:before{
	font-weight: 800;
	box-shadow: none;
	background: var(--linear-gradient);
	color: var(--white-color);
}

.sc-faq-section .e-n-accordion-item-title .e-n-accordion-item-title-header{
	width: calc(100% - 40px);
}

.sc-faq-section .e-n-accordion-item-title .e-n-accordion-item-title-icon svg{
	fill: url(#icon-linear-gradient) !important;
}

@media only screen and (max-width: 1024px){

	.structured-cabling-tab .e-n-tab-title{
		background: var(--e-global-color-primary) !important;
	}

	.structured-cabling-tab .e-n-tab-title[aria-selected="false"]:hover,
	.structured-cabling-tab .e-n-tab-title[aria-selected="true"]:hover,
	.structured-cabling-tab .e-n-tab-title[aria-selected="true"]{
		background: var(--linear-gradient) !important;
	}

	.structured-cabling-tab .e-n-tab-title .e-n-tab-title-text{
		color: var(--white-color);
	}
}

@media only screen and (max-width: 767px){

	.sc-key-feature-img img{
		aspect-ratio: 1 / 0.66;
	}

	.sc-faq-section .e-n-accordion-item{
		padding-left: 0;
	}

	.sc-faq-section .e-n-accordion-item:before{
		display: none;
	}
}


/*
 * Network Infrastructure CSS
 * */

.ni-about-section:before{
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	width: 365px;
	height: 100%;
}

.network-infrastructure-tab .e-n-tab-title{
	justify-content: space-between;
	transition: none !important;
}

.network-infrastructure-tab .e-n-tab-title .e-n-tab-icon svg,
.network-infrastructure-tab .e-n-tab-title .e-n-tab-icon svg path{
	transition: none !important;
}

.network-infrastructure-tab .e-n-tab-title .e-n-tab-title-text{
	width: calc(100% - 40px);
}

.ni-tab-img img{
	aspect-ratio: 1 / 1.055;
	object-fit: cover;
}

.ni-tab-body-list ul li span{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.ni-tab-body-list ul li cite{
	font-style: normal;
}

.ni-feature-service-box .elementor-icon-box-content{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 40px;
}

.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-title{
	padding-top: 30px;
	width: calc(35% - 20px);
}

.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-title cite{
	position: absolute;
	top: 30px;
	left: 0;
	font-style: normal;
}

.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-description{
	width: calc(65% - 20px);
}

.ni-feature-service-img img{
	aspect-ratio: 1 / 0.462;
	object-fit: cover;
}


@media only screen and (max-width: 1024px){

	.ni-about-section:before{
		right: 0;
		width: 100%;
	}

	.ni-tab-img img{
		aspect-ratio: 1 / 0.75;
	}

	.ni-feature-service-img img{
		aspect-ratio: 1 / 0.65;
	}
}

@media only screen and (max-width: 767px){

	.ni-tab-img img{
		aspect-ratio: 1 / 1.05;
	}

	.ni-feature-service-img img{
		aspect-ratio: 1 / 0.95;
	}

	.ni-feature-service-box .elementor-icon-box-content{
		gap: 15px;
	}

	.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-title{
		padding-top: 50px;
	}

	.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-title,
	.ni-feature-service-box .elementor-icon-box-content .elementor-icon-box-description{
		width: 100%;
	}
}


/*
 * Wireless Communication CSS
 * */

.wc-about-img-1 img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.wc-about-img-2 img{
	aspect-ratio: 1 / 1.53;
	object-fit: cover;
}

.wc-about-img-3 img{
	aspect-ratio: 1 / 1.53;
	object-fit: cover;
}

.wireless-commun-cta .elementor-cta__bg-wrapper{
	border-radius: 10px;
}

.wireless-commun-cta .elementor-cta__content{
	width: calc(100% - 60px);
	margin: -30px 30px 0;
	min-height: 60px;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.wireless-commun-cta .elementor-cta:hover .elementor-cta__content{
	background: var(--linear-gradient);
}

.wireless-commun-cta .elementor-cta:hover .elementor-cta__content{
	margin-top: -50px;
}

.wireless-commun-cta .elementor-cta:hover .elementor-cta__title,
.wireless-commun-cta.active .elementor-cta .elementor-cta__title{
	padding-bottom: 10px;
}

.wireless-commun-cta .elementor-cta .elementor-cta__button-wrapper{
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	transition: max-height 0.4s ease-in-out, visibility 0.8s, opacity 0.8s ease-in-out;
}

.wireless-commun-cta .elementor-cta:hover .elementor-cta__button-wrapper,
.wireless-commun-cta.active .elementor-cta .elementor-cta__button-wrapper{
	max-height: 30px;
	opacity: 1;
	visibility: visible;
}

.wireless-commun-cta .elementor-cta .elementor-cta__button{
	position: relative;
}

.wireless-commun-cta .elementor-cta .elementor-cta__button:before{
	content: '';
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	background-color: var(--white-color);
	mask-image: url("./images/btn-arrow.svg");
	mask-position: center right;
	mask-size: 16px auto;
	mask-repeat: no-repeat;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
}

.explore-our-service-img,
.explore-our-service-img-2{
	position: relative;
}

.explore-our-service-img:before,
.explore-our-service-img-2:before{
	content: "";
	position: absolute;
	top: auto;
	left: auto;
	right: -5px;
	bottom: -5px;
	background: var(--e-global-color-primary);
	border-radius: 10px;
	mask-image: url("./images/explore-our-service-mask-2.svg");
	mask-size: cover;
	mask-position: top center;
	width: calc(428px + 10px);
	height: calc(509px + 10px);
}

.explore-our-service-img img{
	aspect-ratio: 1 / 1.19;
	object-fit: cover;
	object-position: left;
}

.explore-our-service-img-2:before{
	top: -5px;
	left: -5px;
	right: auto;
	bottom: auto;
	background: var(--linear-gradient);
	mask-image: url(./images/explore-our-service-img-2-mask-2.svg);
	width: calc(295px + 10px);
	height: calc(413px + 10px);
}

.explore-our-service-img-2 img{
	aspect-ratio: 1 / 1.40;
	object-fit: cover;
}

@media only screen and (max-width: 1024px){

	.explore-our-service-img:before,
	.explore-our-service-img-2:before{
		display: none;
	}
}

@media only screen and (max-width: 767px){

	.explore-our-service-img-2{
		position: initial !important;
	}

	.explore-our-service-img-2 img{
		aspect-ratio: 1 / 1.25;
	}

	.wireless-commun-cta .elementor-cta__content{
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}

	.wireless-commun-cta .elementor-cta:hover .elementor-cta__title,
	.wireless-commun-cta.active .elementor-cta .elementor-cta__title{
		padding-bottom: 0px;
	}
}

/*
 * Location CSS
 * */

.location-about-img img{
	aspect-ratio: 1 / 1.42;
	object-fit: cover;
}

.location-about-contact-box .elementor-icon-box-wrapper .elementor-icon svg{
	fill: url("#icon-linear-gradient");
}



.location-smart-solution-img{
	position: relative;
	z-index: 1;
}

.location-smart-solution-img:before{
	content: "";
	position: absolute;
	top: 30px;
	left: auto;
	right: 30px;
	bottom: auto;
	background: var(--linear-gradient);
	border-radius: 10px 10px 10px 200px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.location-smart-solution-img img{
	aspect-ratio: 1 / 1.02;
	object-fit: cover;
}

.location-work-process-section{
	counter-reset: section;
}

.location-work-process-box .elementor-icon-box-wrapper{
	position: relative;
	counter-increment: section;
}

.location-work-process-box .elementor-icon-box-wrapper:before{
	content: "0" counter(section) " ";
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 80px;
	font-weight: var(--e-global-typography-primary-font-weight);
	line-height: 1em;
	color: rgb(from var(--e-global-color-primary) r g b / 10%);
	width: auto;
	height: auto;
}

.location-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.location-list ul li{
	position: relative;
	width: calc(33.33% - 10px);
	padding: 12px 20px !important;
	border: 1px solid var(--white-color);
	border-radius: 5px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.location-list ul li:hover{
	border: 1px solid transparent;
}

.location-list ul li:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--linear-gradient);
	border: 1px solid transparent;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	z-index: -1;
}

.location-list ul li:hover:before{
	opacity: 1;
}

.location-list-img img{
	aspect-ratio: 1 / 1.1;
	object-fit: cover;
}

.location-faq .e-n-accordion-item:last-child .e-n-accordion-item-title{
	border-width: 0 !important;
	padding: 0 !important;
}

.location-faq-img img{
	aspect-ratio: 1 / 0.22;
	object-fit: cover;
}

@media only screen and (max-width: 1024px){

	.location-about-img img{
		aspect-ratio: 1 / 0.95;
	}

	.location-smart-solution-img img{
		aspect-ratio: 1 / 0.9;
	}

	.location-work-process-box .elementor-icon-box-wrapper:before{
		font-size: 66px;
	}

	.location-list-img img{
		aspect-ratio: 1 / 0.8;
	}
}

@media only screen and (max-width: 767px){

	.location-about-img img{
		aspect-ratio: 1 / 1.1;
	}

	.location-about-icon-box{
		position: initial !important;
	}

	.location-smart-solution-img:before{
		top: 20px;
		right: 20px;
		border-radius: 10px 10px 10px 100px;
	}

	.location-smart-solution-img img{
		aspect-ratio: 1 / 1.05;
	}

	.location-work-process-box .elementor-icon-box-wrapper:before{
		font-size: 56px;
	}

	.location-list ul li{
		width: 100%;
	}

	.location-list-img img{
		aspect-ratio: 1 / 1.1;
	}

	.location-faq-img img{
		aspect-ratio: 1 / 0.55;
	}
}


/*
 * Blog List CSS
 * */

.featured-image img{
	aspect-ratio: 1 / 0.85;
    object-fit: cover;
}

.blog-loop-grid .elementor-pagination{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
}

.blog-loop-grid .elementor-pagination .page-numbers.prev,
.blog-loop-grid .elementor-pagination .page-numbers.next{
	text-indent: -9999px;
}

.blog-loop-grid .elementor-pagination .page-numbers{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-color: #F2FFFE;
	transition: all 0.3s ease-in-out;
}

.blog-loop-grid .elementor-pagination .page-numbers:hover,
.blog-loop-grid .elementor-pagination .page-numbers:focus,
.blog-loop-grid .elementor-pagination .page-numbers.current{
	background: var(--linear-gradient);
	color: var(--white-color) !important;
}

.blog-loop-grid .elementor-pagination .page-numbers.prev:before,
.blog-loop-grid .elementor-pagination .page-numbers.next:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var( --e-global-color-primary );
	mask-image: url("./images/left-arrow.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 18px auto;
	width: 18px;
	height: 18px;
	transform: translate(-50%, -50%);
}

.blog-loop-grid .elementor-pagination .page-numbers.next:before{
	mask-image: url("./images/right-arrow.svg");
}

.blog-loop-grid .elementor-pagination .page-numbers.prev:hover:before,
.blog-loop-grid .elementor-pagination .page-numbers.prev:focus:before,
.blog-loop-grid .elementor-pagination .page-numbers.next:hover:before,
.blog-loop-grid .elementor-pagination .page-numbers.next:focus:before{
	background-color: var( --white-color );
}

.blog-loop-grid .elementor-pagination span.page-numbers.prev,
.blog-loop-grid .elementor-pagination span.page-numbers.next{
	display: none;
}

.blog-loop-grid .elementor-pagination .page-numbers.dots{
	color: var(--e-global-color-accent);
}

.blog-loop-grid .elementor-pagination .page-numbers:focus,
.blog-loop-grid .elementor-pagination .page-numbers.dots:hover{
	color: var(--e-global-color-secondary) !important;
}

@media only screen and (max-width: 1024px){
	
}

@media only screen and (max-width: 767px){
	
	.featured-image img {
		aspect-ratio: 1 / 0.66;
	}
	
	.blog-loop-grid .elementor-pagination .page-numbers{
		width: 40px;
		height: 40px;
	}

}


/*
 * Author List CSS
 * */

body.author .page-header:after{
	background-color: var(--light-bg);
}

.author-infomation{	
	text-align: center;
}

.author-infomation .author-avatar{
	filter: drop-shadow(0px 0px 30px rgb(from var(--e-global-color-text) r g b / 15%));
	margin-bottom: 20px;
}

.author-infomation .author-avatar img{
	width: 100%;
	max-width: 150px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}

.author-infomation .author-name{
	margin-bottom: 0;
}

.author-infomation .author-name h1{
	font-size: 18px;
}

.author-infomation .author-designation h3{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin: 0;
}

.author-infomation .author-bio{
	margin-top: 20px;
}

.author-infomation .author-social-media{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 0;
	margin-top: 20px;
}

.author-infomation .author-social-media li a{
	position: relative;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
	transition: all 0.3s ease-in-out;
	padding-left: 25px;
}

.author-infomation .author-social-media li a:hover{
	color: var(--e-global-color-primary);
}

.author-infomation .author-social-media li a:before{
	content: '\f16d';
    position: absolute;
    top: 50%;
    left: 0;
    font-family: 'Font Awesome 5 Brands';
    font-size: initial;
    font-weight: 400;
    color: currentColor;
    width: auto;
    height: auto;
    transform: translateY(-50%);	
	transition: all 0.3s ease-in-out;
}

.author-infomation .author-social-media li.facebook a:before{
	content: '\f39e';
}
.author-infomation .author-social-media li.linkedin a:before{
	content: '\f0e1';
}
.author-infomation .author-social-media li.youtube a:before{
	content: '\f167';
}
.author-infomation .author-social-media li.twitter a:before{
	content: '\f099';
}
.author-infomation .author-social-media li.tiktok a:before{
	content: '\e07b';
}

/* Latest Post */

.featured-blog-wrap{
	margin-bottom: 60px;
}

.featured-blog-wrap .featured-blog-box{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.featured-blog-box .featured-blog-img-wrap,
.featured-blog-box .featured-blog-body{
	width: calc(50% - 15px);
}

.featured-blog-box .featured-blog-img-wrap img{
	width: 100%;
    aspect-ratio: 1 / 0.67;
    object-fit: cover;
    border-radius: 10px;
}

.featured-blog-body .blog-meta ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.featured-blog-body .blog-meta ul li{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-text);
}

.featured-blog-body .blog-title h1{
	font-size: 20px;
}

.featured-blog-body .blog-desc{
	margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
	
	.featured-blog-wrap {
		margin-bottom: 40px;
	}
	
	.featured-blog-box .featured-blog-img-wrap, 
	.featured-blog-box .featured-blog-body{
		width: 100%;
	}
	
	.featured-blog-body .blog-meta ul{
		margin: 0 0 10px;
	}
	
	.featured-blog-body .blog-desc {
		margin-top: 20px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	
	.author-infomation .author-avatar img{
		max-width: 120px;
	}
	
	.author-infomation .author-designation h3{
		font-size: 16px;
	}
	
	.author-infomation .author-bio {
		margin-top: 10px;
	}
	
	.author-infomation .author-social-media{
		gap: 5px 20px;
		margin-top: 10px;
	}
	
	.featured-blog-wrap {
		margin-bottom: 10px;
	}
	
	.featured-blog-wrap .featured-blog-box{
		gap: 20px;
	}
	
	.featured-blog-body .blog-desc {
		margin-top: 10px;
	}
	
}

/*
 * Blog Single CSS
 * */

.feature-img img{
	aspect-ratio: 1 / 0.385;
	object-fit: cover;
}

.post-single-icon-box .elementor-icon-box-wrapper .elementor-icon{
	background: var(--linear-gradient);
}

.blockquote .elementor-blockquote{
	background: var(--linear-gradient);
	display: flex;
	gap: 30px;
	border-radius: 10px;
	padding: 40px;
}

@media only screen and (max-width: 1024px){

	.feature-img img{
		aspect-ratio: 1 / 0.65;
	}

	.blockquote .elementor-blockquote{
		padding: 30px;
	}
}

@media only screen and (max-width: 767px){

	.feature-img img{
		aspect-ratio: 1 / 1.05;
	}

	.blockquote .elementor-blockquote{
		display: block;
		padding: 20px;
	}
}

/*
 * Contact Us CSS
 * */

.contact-social-icons .elementor-social-icons-wrapper .elementor-icon{
	background: var(--linear-gradient);
}

.contact-details .elementor-icon-box-icon .elementor-icon{
	background: var(--linear-gradient);
}

.google-map,
.google-map .elementor-custom-embed{
	height: 100%;
}

@media only screen and (max-width: 1024px){

	.google-map,
	.google-map .elementor-custom-embed{
		height: auto;
	}

}

/*
 * Thank You CSS
 * */

.thank-you-container:before{
	left: auto;
	right: 0;
	width: calc(55% + 10px);
	clip-path: polygon(0px 0, 100% 0, 100% 100%, calc(0% + 210px) 100%);
}

.thank-you-container:after{
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: -1px;
	background-color: var(--white-color);
	transform: perspective(55px) rotateX(3deg);
	transform-origin: top left 4px;
	border-top-right-radius: 5px;
	width: 36%;
	height: 60px;
}

@media only screen and (max-width: 1024px){

	.thank-you-container:before{
		width: 100%;
		opacity: 0.3;
		clip-path: unset;
	}

	.thank-you-container:after{
		transform: perspective(55px) rotateX(5deg);
		width: 46%;
		height: 40px;
	}
}

@media only screen and (max-width: 767px){

	.thank-you-container:after{
		width: 80%;
		height: 30px;
		transform: perspective(55px) rotateX(10deg);
	}
}


/*
 * Google Review CSS
 * */

.sbr-owl-stage {
	padding: calc(var(--column-gutter) / 2) 0 !important;
}

.sbr-owl-item {
	padding: calc(var(--column-gutter) / 2) !important;
}

.sb-post-item {
	padding: 30px;
}

.sb-post-item .sb-item-provider-icon {
	display: none;
}

.sb-post-item .sb-item-author-date-ctn {
	padding-right: 0 !important;
}

.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn {
	align-items: center;
	gap: 10px;
}

.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-author-img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	border-radius: 10px !important;
}

.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-name {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin: 0px 0px 4px 0px !important;
}

.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-date {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	text-transform: none;
}

.sb-post-item .sb-item-rating {
	margin: 20px 0 !important;
}

.sb-post-item .sb-item-rating .sb-relative {
	line-height: 0;
}

.sb-post-item .sb-item-rating .sb-relative .sb-item-rating-ctn .sb-item-rating-icon svg {
	margin: 0 4px;
}

.sb-post-item .sb-item-text {
	color: var(--e-global-color-text) !important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.sb-post-item .sb-item-text a {
	color: inherit;
}

.sbr_carousel .sbr-owl-nav>div {
	--google-review-arrow: -100px;
	top: 50%;
	left: var(--google-review-arrow);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-accent);
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 16px auto !important;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	transform: translateY(-50%) !important;
	transition: all 0.3s ease-in-out;
	box-shadow: none;
}

.sbr_carousel .sbr-owl-nav>div:hover,
.sbr_carousel:hover .sbr-owl-nav>div:hover{
	background: var(--e-global-color-secondary);
}

.sbr_carousel .sbr-owl-nav>div svg {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.sbr_carousel .sbr-owl-nav>.sbr-owl-prev {
	background-image: url("./images/prev-icon.svg") !important;
}

.sbr_carousel .sbr-owl-nav>.sbr-owl-next {
	left: auto;
	right: var(--google-review-arrow);
	background-image: url("./images/next-icon.svg") !important;
}

.sbr_carousel:hover .sbr-owl-nav>div {
	background: var(--e-global-color-accent);
	box-shadow: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

@media only screen and (max-width: 1700px) {

	.sbr_carousel .sbr-owl-nav>div {
		--google-review-arrow: -50px;
	}
}

@media only screen and (max-width: 1440px) {

	.sbr_carousel {
		padding-bottom: 80px;
	}

	.sbr_carousel .sbr-owl-nav>div {
		--google-review-arrow: calc(50% - 60px);
		top: auto;
		bottom: 0;
		transform: translateY(0) !important;
	}
}

@media only screen and (max-width: 1024px) {

	/* Google Review Testimonial CSS */

	.sbr_carousel {
		padding-bottom: 60px;
	}

	#sb-reviews-container-1 {
		--column-gutter: 20px;
	}

	.sb-post-item {
		padding: 15px;
	}

	.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-author-img {
		width: 60px;
		min-width: 60px;
		height: 60px;
	}

	.sb-post-item .sb-item-rating {
		margin: 20px 0 !important;
	}

	.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-name {
		font-size: 16px !important;
	}

	.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-date {
		font-size: 14px !important;
	}

	.sbr_carousel .sbr-owl-nav>div {
		--google-review-arrow: calc(50% - 60px);
	}

}

@media only screen and (max-width: 767px) {

	/* Google Review Testimonial CSS */

	.sbr_carousel {
		padding-bottom: 50px;
	}
	
	.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-name {
		font-size: 14px !important;
	}

	.sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn .sb-item-name-date .sb-item-author-date {
		font-size: 12px !important;
	}

	.sb-post-item .sb-item-rating {
		margin: 15px 0 !important;
	}

	.sbr_carousel .sbr-owl-nav>div {
		--google-review-arrow: calc(50% - 50px);
		width: 40px;
		height: 40px;
		background-size: 14px auto !important;
	}
}

/* blog header css */

.page-header-blog:after {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	bottom: -1px;
	background-color: var(--white-color);
	transform: perspective(55px) rotateX(3deg);
	transform-origin: top left 4px;
	border-top-right-radius: 5px;
	width: 36%;
	height: 60px;
}

@media only screen and (max-width: 1024px) {
	
	.page-header-blog:after {
		transform: perspective(55px) rotateX(5deg);
		width: 46%;
		height: 40px;
	}
}

@media only screen and (max-width: 767px) {

	.page-header-blog:after {
		width: 80%;
		height: 30px;
		transform: perspective(55px) rotateX(10deg);
	}
}