/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */
html,body {
	overflow-x:hidden !important;
}
.zoomContainer {
	z-index:99995;
	pointer-events: none;
}
.zoomLens {
  pointer-events: none !important;
  background-color:#fff;
}
.elementor-select-wrapper .select-caret-down-wrapper svg {
    height: 15px;
}
.e-con .elementor-widget {
  min-width: auto;
}
p:last-child, .elementor-widget-text-editor p:last-child{ 
	margin-bottom:0px;
}
.hppSusBtn .elementor-icon-wrapper {
	display:flex;
	justify-content:center;
}
ul, ol {
	padding-inline-start: 14px;
}
ul li:nth-child(n+2) {
    margin-top: 10px;
}
.bc_parent {
	pointer-events: none;
}
.cert {
	display: flex;
	flex-wrap: wrap;
    margin-top: 20px;
	align-items:start;
}
.cert img {
	margin-right: 10px;
	margin-bottom:10px;
}
.owl-carousel .owl-item img {
	width: inherit;
}
/* Color */
.hppFtBlu {
	color: var(--e-global-color-primary);
}
.hppFtGrn {
	color: var(--e-global-color-0c2926a);
}
/* Breadcrumb*/
.hppArchive .pt_plus_breadcrumbs_bar_inner span:nth-child(5).current_active {
	padding-left:20px;
	margin-left:5px;
	position:relative;
}
.hppArchive .pt_plus_breadcrumbs_bar_inner span:nth-child(5).current_active::before {
	content: "\f054";
	position: absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0;
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color:#fff;
	font-size: 10px
}
/* Header */
nav ul li:nth-child(n+2), ul.plus-tabs-nav li:nth-child(n+2) {
    margin-top: 0;
}
/* HIDES THE DARK LOGO */
.hppLogoCol {
 display: none !important;
}
/* SWITCHES LOGO ON SCROLL */
/*.elementor-sticky--effects .hppLogoCol {
 display: inline-block !important;
}
.elementor-sticky--effects .hppLogoWhi {
 display: none;
}*/
/* CHANGES THE BACKGROUND MENU ON SCROLL */
.elementor-sticky--effects {
 background: #fff!important; /* edit here to change the background color for your sticky header*/
 box-shadow: 0 3px 20px rgba(0,0,0,0.1);
 width:100%;
}
/* CHANGES THE TEXT COLOR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a {
 color: #333!important; /* edit here to change your text color for sticky header */
}
.elementor-sticky--effects .hppSearch a.elementor-icon svg, .elementor-sticky--effects .sticky-menu-items .elementor-nav-menu--main .elementor-item, .elementor-sticky--effects .elementor-menu-toggle svg {
	fill: #333 !important;
}
/* CONTROLS THE TRANSITION SPEED - KEEP ALL SAME SPEED TO HAVE A CLEAN EFFECT */
.elementor-sticky--effects .sticky-menu-items ul li a, .elementor-sticky--effects .hppSearch a.elementor-icon svg {
 transition: .5s all ease-in-out;
}
.elementor-sticky--effects {
 transition: .5s all ease-in-out;
}

/*updated changing mobile hamburger menu toggle and menu links on hover on scroll */

/*change color to the mobile menu toggle*/
.elementor-sticky--effects .sticky-menu-items i {
 color: /*add your color here*/!important;
}

/*add color to the background of mobile toggle*/
.elementor-sticky--effects .sticky-menu-items .elementor-menu-toggle {
 background: /*add the background color here or add transparent for no background color*/!important;
}

/*CHANGES THE ACTIVE MENU ITEM ON SCROLL*/
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
 color: /*add your color here*/!important; /* edit here to change the active menu item text color for sticky header */
}

.elementor-22 .elementor-element.elementor-element-cdc565a:not(.elementor-motion-effects-element-type-background) {
	width: 100% !important;
}
/* Drop Down */
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0;
}
.sticky-menu-items .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-nav-menu--dropdown {
	padding: 10px 0;
}
.sticky-menu-items .elementor-nav-menu--dropdown li {
	margin: 0 20px;
}
.elementor-nav-menu .sub-arrow {
    padding: 5px;
}
/* Home Slider */
.list-carousel-slick.vertical-dots ul.slick-dots.style-2 {
    position: absolute;
    top: 50%;
    bottom: inherit;
    transform: translateY(-50%);
    right: 10px;
    width: auto;
}
.list-carousel-slick.vertical-dots ul.slick-dots li {
    margin: 15px 15px;
}
/* Button */
.hppIcon {
	font-size: 1.5rem;
}
.hppIcon.arrow {
	font-size: 2rem;
}
a.hppLinkBox .hppWhi {
	fill: var(--e-global-color-primary);
}
a:hover .hppIcon .hppWhi, a:hover.hppLinkBox .hppWhi {
	fill: #fff;
}
a:hover.hppLinkBox .elementor-widget-text-editor p, a:hover.hppLinkBox .elementor-widget-text-editor .hppFtBlu {
	color: #fff !important;
}
a.hppNewBox:hover .hppIcon .hppWhi {
	fill: var(--e-global-color-primary);
}
.elementor-button-icon {
	line-height: 0;
}
.elementor-button-content-wrapper {
	align-items: center;
}
.elementor-button-text {
	text-align:left;
	width:auto;
}

/* Banner Slider */
.elementor-element .swiper .elementor-swiper-button-prev {
	left:80px;
}
.elementor-element .swiper .elementor-swiper-button-next {
	right:80px;
}
.elementor-element .swiper .elementor-swiper-button {
	background: var(--e-global-color-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
a.hppInsight:hover {
	margin-bottom:-2px;
}

/* Counter Number */
.elementor-counter .elementor-counter-number-wrapper {
	align-items: end;
}
.elementor-counter-number-suffix {
	font-size: 1.25rem;
	margin-bottom: 6px;
}

/* Home - ESG */
.elementor-tabs-view-vertical .theplus-tabs-wrapper .theplus-tabs-nav-wrapper.align-top {
	align-items: inherit;
}
.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header {
    margin-bottom: -1px !important;
}
.hppESGtab a {
	color:#fff;
}
.hppESGtab .plus-tab-header {
	position: relative;
}
.hppESGtab .plus-tab-header::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='27' viewBox='0 0 37 27'%3E%3Cg transform='translate(-390.677 -283.646)'%3E%3Cpath d='M419.177,297.646h-28a.5.5,0,0,1,0-1h28a.5.5,0,0,1,0,1Z' fill='%23fff'/%3E%3Cpath d='M419.177,297.646a.5.5,0,0,1-.354-.146l-5-5a.5.5,0,0,1,.707-.707l5,5a.5.5,0,0,1-.353.853Z' fill='%23fff' /%3E%3Cpath d='M414.177,302.646a.5.5,0,0,1-.354-.853l5-5a.5.5,0,0,1,.707.707l-5,5A.494.494,0,0,1,414.177,302.646Z' fill='%23fff' /%3E%3Cpath d='M414.177,310.646a13.5,13.5,0,1,1,13.5-13.5A13.515,13.515,0,0,1,414.177,310.646Zm0-26a12.5,12.5,0,1,0,12.5,12.5A12.514,12.514,0,0,0,414.177,284.646Z' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	top:50%;
	transform: translatey(-50%);
	right: 0;
}
.elementor-swiper-button-prev,.elementor-swiper-button-next {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Accordion */
.hppAccordion .accordion-icon-prefix {
	background: transparent;
}
.hppAccordion .theplus-accordion-wrapper .plus-accordion-header .accordion-icon-prefix svg {
    width: 35px !important;
    height: 35px !important;
}
.hppAccordion .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right, .hppCareerAcd .e-n-accordion-item-title-icon {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50px;
    justify-content: center;
    padding: 0 10px;
}
.hppProduct.hppAccordion .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    border: 1px solid #a7a7a7;
}
.hppProduct.hppAccordion .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header.active {
	font-weight:bold;
}
.hppAccordion .plus-content-editor ul, .hppBullet ul {
	list-style: none;
	padding-inline-start: 30px;
}
.hppBullet ul {
	padding-inline-start: 13px;
}
.hppAccordion .plus-content-editor ul li, .hppBullet ul li {
	list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" viewBox="0 0 8 10"><path d="M5,0l5,8H0Z" transform="translate(8) rotate(90)" fill="%23da1277"/></svg>');
	padding-left:5px;
}
.hppAccordion .plus-content-editor ul li::marker, .hppBullet ul li::marker{
   line-height: 2;
}
.hppCareerAcd .e-n-accordion-item-title {
	justify-content: space-between;
}

/* Table */
.hppTable .plus-table__text span {
	display: block;
}
.hppTable th .plus-table__text-inner {
	background: var(--e-global-color-primary);
	padding: 10px 15px;
	margin-top: 20px;
	min-height: 76px;
}
.hppTable th:nth-child(2) .plus-table__text-inner {
	background: var(--e-global-color-d7c6824);
}
.hppTable th:nth-child(3) .plus-table__text-inner {
	background: var(--e-global-color-secondary);
}
.hppTable th:nth-child(4) .plus-table__text-inner {
	background: var(--e-global-color-0d7aa24);
}

.hppTable th .plus-table__text {
	width:100%;
}
.hppTable table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: #fff;
}
.hppBullet .elementor-icon-list-icon svg {
	width:8px;
}
/* Milestone 
.hppMilSlider .swiper-slide h2 {
	opacity: 0.5
}
.hppMilSlider .swiper-slide.swiper-slide-active h2 {
	opacity: 1
}*/

/*.xpro-horizontal-timeline-col .xpro-horizontal-timeline-content-inner:before {
    content: "";
	width:15px;
	height:15px;
	border-radius:50%;
	background: var(--e-global-color-primary);
	top: -50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}*/
.xpro-horizontal-timeline-content-inner:after {
	transform: translateX(-50%);
}
.hppMilestone ul {
  margin: 0;
  padding: 0 1em;
  list-style: none;
}
.hppMilestone ul li::before {
  content: "";
  border-color: transparent var(--e-global-color-d7c6824);
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1.1em;
  position: relative;
}

/* Download */
.hppDLbtn .elementor-button-icon {
	background-color: var(--e-global-color-d7c6824);
    width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
    fill: #fff;
}
.hppDLbtn .elementor-button-icon svg{
	width: 28px;
}
.hppDLbtn a.elementor-button {
	position: relative;
}
.hppDLbtn a.elementor-button::before {
	content:"";
	position:absolute;
	width:0%;
	height:100%;
	transition: all .3s;
	background-color: var(--e-global-color-d7c6824);
	left:0;
	z-index: -1;
}
.hppDLbtn a.elementor-button:hover::before {
	width:100%;
}

/* Filter */
.tp-search-filter .tp-select .tp-sbar-dropdown-menu .tp-searchbar-li {
    margin: 0;
}
.tp-search-filter .tp-select .tp-sbar-dropdown-menu {
    padding: 10px 5px;
}
.hppFilter .tp-sbar-dropdown-menu li:first-child {
	display:none !important;
}

/* Contact */
.hppContact input[type=text], .hppContact input[type=email], .hppContact input[type=tel], .hppContact textarea, .hppContact .elementor-field-textual.elementor-size-md {
	padding-left: 0;
	padding-right: 0;
	outline: 0;
}
.hppContact .elementor-field-group .elementor-field-textual:focus {
    box-shadow: none;
}
.hppContact .elementor-button[type="submit"] {
    margin-top: 20px;
}
.hppResume input[type=file] {
	flex-basis: inherit !important;
}
.hppResume .elementor-field-group-resume {
	align-items: center;
	margin-top: 15px;
}
.hppResume .elementor-field-group-resume>label {
	margin-right: 15px;
}
.hppList .elementor-icon-list-icon svg path {
	fill:#fff;
}
/* News 
.hppNews .category-filters {
	display: none;
}
.hppNews .category-filters-child {
	display: block;
}
.hppNews .tp-child-filter-enable .category-filters-child li:first-child {
	margin-left:0;
}*/
.elementor-post-navigation .elementor-post-navigation__separator-wrapper {
    margin: 0 20px;
}

.hppNews .all_post_count {
	display:none !important;
}
.hppNews .pt-plus-filter-post-category .category-filters.hover-style-1 li a span:not(.all_post_count) {
	border: 1px solid var(--e-global-color-0d7aa24);
	border-radius: 50px;
}
.hppNews .pt-plus-filter-post-category .category-filters.hover-style-1 li a.active::after, 
.hppNews .pt-plus-filter-post-category .category-filters.hover-style-1 li a:hover::after {
	display: none !important;
}
.hppNews .pt-plus-filter-post-category .category-filters.hover-style-1 li a.active span:not(.all_post_count), .hppNews .pt-plus-filter-post-category .category-filters.hover-style-1 li a:hover span:not(.all_post_count) {
	background-color: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-primary);
}

/* BOD POP UP */
.hppBodPop.elementor-widget-tp-wp-quickview, .hppBodPop .tp-wp-quickview-wrapper, .hppBodPop .tp-wp-quickview-wrapper .tp-quick-view-click {
	width: 100% !important;
	height: 100% !important;
}
.hppBodPop .tp-wp-quickview-wrapper .tp-quick-view-click {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
	border-radius: 0;
}
.hppBodImg .hppBodPop {
	opacity: 0;
}
.hppBodImg:hover .hppBodPop {
	opacity: 1;
}
.hppBodPop .tp-quick-view-click i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: var(--e-global-color-secondary);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 1rem !important;
}
.hppBodPop .tp-wp-quickview-wrapper .tp-quick-view-click .tp-pro-view-spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: center;
	animation:none;
	border-radius:0;
	border: 0;
}
.hppBodPop .tp-wp-quickview-wrapper .tp-quick-view-click .tp-pro-view-spinner::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #ffffff2e;
    border-radius: 50%;
    border-top-color: #000;
    animation: tp-qv-spin 1s ease-in-out infinite;
    display: block;
}
.tp-wp-quickview-wrapper.fancybox-content {
	max-width: 1000px;
}
/*.tp-wp-quickview-wrapper.fancybox-content .fancybox-button:hover {
    background: transparent;
}*/
.elementor-lightbox .elementor-lightbox-image {
	background:#fff;
}

/* RESPONSIVE */
@media screen and (min-width: 960px) {
.hppTable th .plus-table__text-inner {
	min-height: auto;
}
}
@media screen and (min-width: 640px) {
.hppTable th .plus-table__text-inner {
	min-height: 58px;
}
}