/*
Theme Name: Gili
Theme URI: https://gili.com
Author: Gili team
Author URI: https://wordpress.org/
Description: Gili.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Gili
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Gili WordPress Theme, (C) 2022 WordPress.org
*/
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	/* overflow-x: hidden !important; */
}

main {
	flex: 1;
	overflow-wrap: break-word;
	overflow-x: hidden !important;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Bonsy jaden Gili. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	/* padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer); */
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	/* margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; */
	/* width: unset; */
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	/* padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer); */
}
/*common css*/

body {
	font-family: var(--wp--preset--font-family--heading);
	color: var(--wp--preset--color--foreground);
}
.container-fluid {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
/*	max-width: 1656px;*/
/*}*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1720px;
	width: 100%;
	padding-right: var(--bs-gutter-x, 2rem);
	padding-left: var(--bs-gutter-x, 2rem);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:1201px) and (max-width: 1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: var(--bs-gutter-x, 4rem);
		padding-left: var(--bs-gutter-x, 4rem);
	}
}
/* .container {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto !important;
	padding: 0px 132px;
} */

@media only screen and (max-width: 993px) {
	/* .container {
		padding: 0px 16px;
	} */
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: var(--bs-gutter-x, 1.1rem);
		padding-left: var(--bs-gutter-x, 1.1rem);
	}

	.container-sp-pd-0 {padding: 0px !important;}

	/* .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
		min-width: fit-content;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		flex-direction: row !important;
	}
	.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
		left: 0;
	} */
}

/*css header*/
header {
	height: 100px;
}

.header-full {
	position: fixed;
	width: 100% !important;
	z-index: 10;
	margin: 0 auto;
	transition: box-shadow .3s ease,background-color .3s ease,transform .3s ease-out;
	will-change: transform;
	padding: 0px !important;
}

.header-full .header-container {
	display: flex;
	justify-content: center;
	align-items: center;
	/* max-width: 1920px !important; */
	/* padding: 0px 132px; */
	border-bottom: 1px solid #f0f0f1;
	/*-webkit-box-shadow: 0 4px 6px -6px #222;*/
	/*-moz-box-shadow: 0 4px 6px -6px #222;*/
	/*box-shadow: 0 4px 6px -6px #222;*/
}
.header-group {
	width: 100%;
	height: 100px;
}
.header-container-wrap {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.header-container-wrap .logo-header .custom-logo{
	width: auto;
	height: auto;
}

@media only screen and (max-width: 992px) {
	header {
		height: 85px;
	}


	.header-container-wrap .logo-header .custom-logo{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header-container-wrap .logo-header .custom-logo {
		object-fit: cover;
		object-position: center;
		width: 140px !important;
		height: 35px !important;
		padding-bottom: unset;
	}
}
/*footer css*/
footer {
	display: flex;
	justify-content: center;
	background: var(--wp--preset--color--hover) !important;
}

.footer-container {
	width: 100%;
	/* background: #26272b !important; */
	background: url('assets/images/footer-pattern.png') no-repeat center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	/* padding-left: 96px min(6vw, 120px) 79px !important;
	padding-right: 96px min(6vw, 120px) 79px !important; */
	/* max-width: 1920px; */
}

/*@media (max-width: 1380px) and (min-width: 993px) {*/
/*	.footer-container {*/
/*		padding-left: 20px !important;*/
/*		padding-right: 20px !important;*/
/*	}*/
/*}*/

.footer-container .footer-wrapper {
	margin-bottom: 0px;
	/*max-width: 1656px !important;*/
}

.footer-container p {
	margin-top:0;
	margin-bottom:0px !important;
	/* font-weight: 700 !important; */
	/* line-height: 35px; */
	/* font-size: 20px; */
	letter-spacing: 0.12em;
}

.footer-container ul {
	padding:0;
	list-style:none;
	line-height:1.6;
	font-size:14px;
	margin-bottom:0;
}

.footer-container ul a {
	color:inherit;
	text-decoration:none;
	opacity:0.8;
}

.footer-container ul a:hover {
	opacity:1;
}

@media only screen and (max-width: 992px) {
	/* main {
		display: none;
	} */
	footer {
		display: block;
		width: auto !important;
	}

	.footer-container {
		padding-top: 32px !important;
	}

	.footer-container .footer-wrapper {
		flex-direction: column;
	}
}
@media only screen and (max-width: 992px) {
	.HeaderInnovate {
		  font-family: var(--wp--preset--font-family--heading);
		  font-weight: 600;
		  font-size: 36px;
		  line-height: 45px;
		  /* line-height: 125%; */
		  text-align: left;
		  vertical-align: Top;
		  /*color: #ffffff;*/
		  letter-spacing: -2px;
		padding-top: 66px;
		padding-bottom: 16px;
	  }
	  .BodyInnovate {
		  font-family: var(--wp--preset--font-family--heading);
		  font-size: 16px;
		  font-weight: 400;
		  line-height: 28px;
		  letter-spacing: 0.04em;
		  text-align: left;
		  /*color: #ffffff;*/
		  padding-bottom: 10px;
	  }
	  .BodyInnovate1 {
		font-family: var(--wp--preset--font-family--heading);
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		letter-spacing: 0.04em;
		text-align: left;
		/*color: #ffffff;*/
		padding-left: 10px;
		}
	  .HeaderInnovate1 {
		font-family: var(--wp--preset--font-family--heading);
		font-weight: 600;
		font-size: 36px;
		color: #000 !important;
		line-height: 45px;
		text-align: left;
		vertical-align: Top;
		letter-spacing: -2px;
		padding-left: 10px;
		margin-bottom: 0px;
		padding-top: 10px;
	}
  }
  @media only screen and (min-width:992px ) {
	  .pt132-pc {
		  padding-top: 132px !important;
	  }

	  .HeaderInnovate {
		  font-family: var(--wp--preset--font-family--heading);
		  font-style: normal;
		  font-weight: 600;
		  font-size: 64px;
		  line-height: 125%;
		  /* or 80px */
		  letter-spacing: -0.02em;
		  /* Black & White/100% */
		  /* Inside auto layout */
		  flex: none;
		  order: 0;
		  flex-grow: 0;
		  /*color: #ffffff;*/
	  }
	  .HeaderInnovate1 {
		padding-bottom: 40px;
		padding-left: 131px;
		  font-family: var(--wp--preset--font-family--heading);
		  font-style: normal;
		  font-weight: 600;
		  font-size: 64px;
		  line-height: 125%;
		  /* or 80px */
		  letter-spacing: -0.02em;
		  /* Black & White/100% */
		  /* Inside auto layout */
		  flex: none;
		  order: 0;
		  flex-grow: 0;

		  /*color: #ffffff;*/
	  }
	  .BodyInnovate {
		  width: 396px;
		  height: 105px;
		  font-family: var(--wp--preset--font-family--heading);
		  font-style: normal;
		  font-weight: 400;
		  font-size: 20px;
		  line-height: 175%;
		  /* or 35px */
		  letter-spacing: 0.02em;
		  /* Inside auto layout */
		  flex: none;
		  order: 1;
		  flex-grow: 0;
		  /*color: #FFFFFF;*/
  		}
		  .BodyInnovate1 {
			padding-left: 50px;
			padding-right: 75px;
			font-family: var(--wp--preset--font-family--heading);
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 175%;
			/* or 35px */
			letter-spacing: 0.02em;
			/* Inside auto layout */
			flex: none;
			order: 1;
			flex-grow: 0;
			/*color: #FFFFFF;*/
			}

}

.our-award-and-accomplishment-style-change.active {
	transition: background-color 1s ease, color 1s ease;
	background-color: #FF671D !important;
	color: #FFFFFF !important;
}

.our-award-and-accomplishment-style-change.active .gili-post-by-category .btn-cta-awards a {
	transition: background-color 1s ease, color 1s ease;
	background-color: #FFFFFF;
	color: #FF671D;
}

.our-award-and-accomplishment-style-change {
	overflow:hidden;
}
.our-award-and-accomplishment-style-change .slicky-slider-award-complishment-block {
	max-width: unset !important;
	padding-left: unset;
}
/* .our-award-and-accomplishment-style-change .career-pathing-container {
	padding: 0 0 108px 0;
} */


.our-award-and-accomplishment-style-change .slick-arrow {
	padding: 12px;
	gap: 10px;
	width: 48px;
	height: 48px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
}
.our-award-and-accomplishment-style-change .slick-arrow:before {
	content: unset;
}
.our-award-and-accomplishment-style-change .slick-prev.slick-arrow {
	left: 50%;
	top: 100%;
	transform: translate(calc(-100% - 10px), 24px);
}
.our-award-and-accomplishment-style-change .slick-next.slick-arrow {
	right: 50%;
	top: 100%;
	transform: translate(calc(100% + 10px), 24px);
}
#depicter-30-element-30 img,
#depicter-30-element-31 img,
#depicter-30-element-32 img {
	opacity: 0.3 !important;
}

.display-unset {display: unset !important;}

.p-bt-50{padding-bottom: 50px !important;}


.post-template-case-study-a-page-template.single-post .gili-editor-post-container .post-title strong{
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
}

.gili-editor-post {
}

@media only screen and (max-width:992px ) {
	.post-template-case-study-a-page-template.single-post .block-image-double .block-image-double-contain {
		max-height: unset;
	}

	.gili-editor-post {
		font-size: 16px !important;
		line-height: 24px !important;
	}

}



/* Sort common component */


.sort-container {
    user-select: none;
    position: relative;
}

.sort-container .wrapper-sort {
    width: 259px;
    height: 75px;
    padding: 24px;
    background: #F8F8F8;
    border-radius: 12px;
    font-family: var(--wp--preset--font-family--heading);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.81);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.sort-container .wrapper-sort i {
    display: none;
    color: #00829B;
    font-size: 12px;
}

.sort-container .sort-options {
    display: none;
    position: absolute;
    flex-direction: column;
    min-width: 259px;
    left: 0;
    top: 100%;
    z-index: 1;
    background: #F8F8F8;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.sort-container .sort-options .sort-option-container .sort-option {
    height: 65px;
    padding: 20px 24px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: var(--wp--preset--font-family--heading);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 175%;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.47);
    gap: 16px;
}

.sort-container .sort-options .sort-option-container .sort-option i {
    display: none;
    font-size: 10px;
}

.sort-container .sort-options .sort-option-container .sort-option:hover {
    color: #00829B;
}

.sort-container .sort-options .sort-option-container .sort-option-state:checked+.sort-option {
    color: #00829B;
}

.sort-container .sort-options .sort-option-container .sort-option-state:checked+.sort-option i {
    display: block;
}

.sort-container .sort-options-state:checked~.wrapper-sort {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sort-container .sort-options-state:checked~.wrapper-sort i.fa-chevron-up {
    display: block;
}

.sort-container .sort-options-state:checked~.sort-options {
    display: flex;
}

.sort-container .sort-options-state:not(:checked)~.wrapper-sort i.fa-chevron-down {
    display: block;
}

:where(.wp-block-group.has-background) {
	padding: 1.25em 0;
}


/* Jarallax */
.jarallax {
	position: relative;
	z-index: 0;
	/* height: 100%; */
}
.jarallax > .jarallax-img {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

span[data-jarallax-element] {
    display: inline-block;
}

.jarallax-keep-img, .jarallax-keep-img a {
    position: relative;
    z-index: 0;
}

.jarallax-keep-img > .jarallax-img, .jarallax-keep-img a > .jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100;
}
.jarallax > .jarallax-img,
.jarallax > .jarallax-container,
.jarallax-keep-img > .jarallax-container,
.jarallax-keep-img a > .jarallax-container {
    opacity: 0.5;
}