/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1
*/


/* Remove padding from site */
.site {
	padding: 0;
	z-index: 10;
	position: relative;
	background-color:#fff;
}
/* Trim font */
.trim-font * {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

/* Header Logo */
/* If it's nested in a specific Elementor container */
#mainHeaderColor {
	position:relative !important;
}
.header-logo {
	-webkit-mask-image: url('https://igop.ae/wp-content/uploads/2023/11/igop-logo-black.svg');
	mask-image: url("https://igop.ae/wp-content/uploads/2023/11/igop-logo-black.svg");
	mask-repeat: no-repeat;
	mix-blend-mode: difference;
	z-index: 9999 !important;
	transition: transform 0.3s ease, opacity 0.2s ease;
}

.header-logo img {
	width: 100%;
	height: 100%;
	display: block;
}

/* main menu */
.main-menu-container .menu-item a {
	align-items: start !important;
	gap: 20px;
	padding: 1.95312vw 0.976vw !important;
}
.menu-border-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.menu-border-top {
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
span.menu-order-number {
	color: #FFF;
	font-family: Degular;
	letter-spacing: 0.6px;
	opacity:0.5;
	padding-top: 6px;
	font-size: clamp(20px, 1.171875vw, 30px) !important;
}
.display-inline-block {
	display: inline-block !important;
}
.custom-submenu a {
	font-family: Degular !important;
	font-weight: 300 !important;
	padding-left:50px !important;
}
.label-container {
	display: inline-block;
	position: relative;
	overflow: clip;
	height: 100%;
}
.menu-label {
	display: inline-block;
}
@media(max-width:767px){
	.custom-submenu-second a {
		margin-bottom: 20px;
	}
}
/* clone sits just below */
.menu-label.clone {
	position: absolute;
	top: 100%;
	left: 0;
	color: white;
}

/* Styles for the hamburger icon */
.hamburger-icon {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 1.5rem; 
	height: 1.25rem; 
	position: relative; 
}
#menuToggleButton {
	background-color:transparent;
}
.hamburger-line {
	display: block;
	width: 100%;
	height: 3px; 
	background-color: black;
	transition: all 0.3s ease-in-out; 
	transform-origin: center; 
}
/* Basic styling for the menu container */
.main-menu-container {
	position: fixed !important;
	top: calc(-100% + 65px); 
	left: 0;
	display: none;
	overflow: hidden;
}




/* Font sizes */
.font-size-322 * {
	font-size: clamp(80px, 15.72265625vw, 402.5px);
}
.font-size-250 * {
	font-size: clamp(80px, 12.20703125vw, 312.5px);
}
.font-size-200 * {
	font-size: clamp(100px, 9.76vw, 200px);
}
.font-size-150 * {
	font-size: clamp(72px, 7.32421875vw, 187.5px);
}
.font-size-150-custom * {
	font-size: 150px;
}
.font-size-120 * {
	font-size: clamp(62px, 5.859375vw, 120px);
}
.font-size-100 * {
	font-size: clamp(60px, 4.8828125vw, 100px);
}
.font-size-64 * {
	font-size: clamp(37px, 3.125vw, 80px);
}
.font-size-64-custom * {
	font-size: clamp(27px, 3.125vw, 80px);
}
.font-size-48 * {
	font-size: clamp(27px, 2.34375vw, 60px);
}
.font-size-40 *, .font-size-40 .e-n-accordion-item-title-text {
	font-size: clamp(24px, 1.953125vw, 50px);
}
.font-size-32 * {
	font-size: clamp(20px, 1.5625vw, 40px);
}
.font-size-24 *,.font-size-24 input,.font-size-24 select span {
	font-size: clamp(20px, 1.171875vw, 30px);
}
.font-size-24-custom * {
	font-size: clamp(20px, 1.171875vw, 30px);
}

/* Home headline */
.home-main-section {
	transition: none !important;
}
.home-headline {
	display: flex;
	justify-content: center;
	overflow: hidden;
	gap: 0;
	opacity:0;
	.first {
		background-color: #fff;
		position: relative;
		z-index:9;
		padding-right: 1.8vw;
	}
	.second {
		background-color: #fff;
		position: relative;
		z-index:1;
	}

	.first, .second {
		display: inline-block;
	}
	.elementor-heading-title
	{
		padding-bottom:20px;
		text-box-trim: trim-end;
		text-box-edge: cap alphabetic;
	}
}
.home-subtitle {
	opacity: 0;
}
.home-subtitle .elementor-heading-title{
	transform: scale(2);
	transform-origin: top center;
}
.next-section {
	opacity: 0;
}
.home-main-image {
	opacity: 0;
	transform: translateY(100%);
}
@media(max-width: 767px){
	.home-subtitle .elementor-heading-title{
		transform-origin: left center;
	}
}



/* bottels section */
.bottles-section h2 *{
	font-size: clamp(94px, 15.72265625vw, 402.5px) !important;
}
.bottles-section h2 {
	font-family: "Bebas Neue";
	text-align: center;
	font-weight: 500;
	color: white;
	margin: 0;
	position: relative;
}
.bottles-section h2 span {
	display: inline-block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	/*   margin: 100px 0; */
	will-change: transform;
}
.services-animation{
	transition:none !important;
}

@media(max-width: 767px){
	.services-animation{
		padding:0;
	}
	.single-word{
		display:block !important;
		text-align:start;
		padding:20px 0;
		will-change:transform;
	}
	.single-word:nth-child(2){
		text-align:end;
	}
	.services-animation {
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		transform:translatey(-50%);
	}
}

.bottle-animation-main-container{
	transition:none !important;
}

.bottle-animation-container {
	/* 	padding-left: 7vw; */
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
	background-color: black;
	min-height: 100vh;
	transition:none !important;
	will-change:position;
	will-change: transform;
}

.bottle-animation-container:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url("https://igop.ae/wp-content/uploads/2025/06/bottle-grid.svg");

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	opacity: var(--before-opacity, 0);
}


.titles-container,
.bottles-container {
	position: relative;
	flex: 1;
	transition: none !important;
}
.titles-container {
	align-self: stretch;
	max-width: 34vw;
}
.bottles-container {
	aspect-ratio: 552 / 1173;
	max-width: 19vw;
	min-width: 300px;
	max-height: 100vh;
}

.title,
.bottle {
	position: absolute;
	/* 	left: 40px; */
	overflow: clip;
}
.title {
	top: 50%;
	transform: translatey(-50%);
	/* 	text-align: center; */
	width: 100%;
	color: white;
	font-family: "Bebas Neue";
	font-size: clamp(70px,9vw,9vw);
	will-change: transform;
}

.bottle {
	top: 0;
	will-change: height;
	max-height: 100vh;
}

.bottle img {
	aspect-ratio: 552 / 1173;
	max-height: 100vh;
}

.particle {
	position: absolute;
	pointer-events: none;
	opacity: 0;
	z-index: 10;
}

@media(max-width: 820px){
	.bottle-animation-container{
		flex-direction:column;
		padding:0;
		gap:70px;
	}
	.bottles-container ,
	.titles-container{
		/*         align-self: stretch; */
		width:100%;
		flex:unset;
	}
	.bottles-container{
		max-width: 260px;
		min-width: unset;
	}
	.titles-container{
		max-width: 100vw;
	}
	.title, .bottle {
		left: 0px;

	}
	.bottle {
		left: -3.33vw;
	}

	.title{
		text-align:center;
	}
}


/* How we work */
.odd-numbers {
	transform: translate(90%,0);
	font-size: 150px;
}
.even-numbers {
	transform: translate(-52%,0);
	font-size: 150px;
}
@media(max-width: 1024px) {
	.odd-numbers {
		transform: translate(89%, -5%);
		font-size: 86px;
	}
	.even-numbers {
		transform: translate(-49%, -6%);
		font-size: 86px;
	}
}

@media(max-width: 767px) {
	.odd-numbers {
		transform: translate(0%,-50%);
		font-size: 120px;
	}
	.even-numbers {
		transform: translate(0,-50%);
		font-size: 120px;
	}
}
/* FAQ title */
.font-size-40 .e-n-accordion-item-title-text {
	font-size: clamp(24px, 1.953125vw, 50px) !important;
}

/* Form fileds style */
.elementor-field-group {
	will-change: transform, opacity;
}

.contact-form input,.contact-form textarea {
	padding:12px 20px;
	transition: 0.32s ease;
}
.contact-form input:focus {
	box-shadow: none !important;
	outline:none;
	border-color: #000 !important;
}

.select-caret-down-wrapper {
	display:none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #D5D5D5 !important;
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
	color: #D5D5D5 !important;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
	color: #D5D5D5 !important;
}

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
	color: #D5D5D5 !important;
}

textarea#form-field-notes {
	border-radius: 33px;
	padding: 22px;
}
.contact-form textarea {
	font-size: clamp(20px, 1.171875vw, 30px);
}
/* Line height */
.line-height-100 *{
	line-height: 100% !important;
}
.line-height-125 *{
	line-height: 125% !important;
}

/* New line */
.second-line {
	display: block !important;
}


/* Service element */
.service-element {
	will-change: transform;
	transition: none !important;
}
/* Custom cursor style */
.service-element, .service-section {
	position:relative !important;
}
.custom-service-element, .custom-service-element a {
	cursor: none;
}
.custom-cursor {
	position: fixed !important;
	width: 70px ;
	height: 70px ;
	pointer-events: none;
	mix-blend-mode: difference;
	z-index: 9999 !important;
	transform: translate(-50%, -50%) scale(0.2);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.2s ease;
}

.custom-cursor img {
	width: 100%;
	height: 100%;
	display: block;
}

/* Style for backgorund with overlay */
.has-overlay:before {
	mix-blend-mode: overlay !important;
}
@media(max-width: 820px){
	.custom-service-element, .custom-service-element a {
		cursor: pointer;
	}
}



/* Base select2 styles */

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: #d5d5d5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #dedede transparent transparent transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	position:relative;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	/* 	border-bottom-left-radius: 999px;
	border-bottom-right-radius: 999px; */
	border-radius: 999px !important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #dedede;
	border-radius: 999px;
	padding: 17px 20px !important;
	display:flex;
	align-items: center;
	box-shadow: none;
	height:100%;
	width: 100%;
	transition: all 0.3s ease;
}

.select2-container--default .select2-selection--single:focus {
	border-color: #000;
}

/* Placeholder style */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
}

/* When placeholder is active */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #d5d5d5 !important;
}


/* Dropdown styles */
.select2-dropdown {
	position: relative;
	border-radius: 0 !important;
	overflow: hidden;
	border: 1px solid #0000000D;
	font-size: clamp(20px, 1.171875vw, 30px);
	top: 10px;
}


/* Option styles */
.select2-results__option {
	padding: 12px 16px;
	font-family: "degular", Sans-serif;
	transition: background 0.2s ease;
}

.select2-results__option--highlighted {
	background-color: #121212 !important;
	color: #fff;
}

/* Service Headline */
.headline {
	opacity: 0;
}
.headline h1 {
	font-size: clamp(6rem, 12.55vw, 23rem);
	font-weight: 500;
	margin: 0;
	line-height: 0.85;
	z-index: 1;
}
.headline span {
	display: inline-block;
	padding: 3px 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
} 

.img-1-container,
.img-2-container {
	height: 8.828125vw !important;
	position: relative;
}

.img-1-container {
	width: 29vw !important;
	margin: 0 1.171875vw;
}
.img-2-container {
	width: 36vw !important;
	margin-right: 1.171875vw;
}

.img-1,
.img-2 {
	width: 0px;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translatey(-50%);
	border-radius: 999px !important;
}

@media(max-width: 767px) {
	.img-1-container {
		width: 50vw !important;
	}
	.img-2-container {
		width: 100% !important;
	}
	.img-1-container,
	.img-2-container {
		height: 18.828125vw !important;
		position: relative;
	}
}

/* Images layers animation */
.reveal-container {
	opacity:0;
}
.reveal-container img {
	display: block;
	width: 100%;
	height: auto;
}

.reveal-layer {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transform-origin: left;
	z-index: 2;
}

.reveal-layer.light {
	background-color: #313131;
	z-index: 2;
}

.reveal-layer.dark {
	background-color: #121212;
	z-index: 3;
}

.reveal-layer-light .reveal-layer.dark {
	background-color: #ececec;
	z-index: 3;
}
.reveal-layer-light .reveal-layer.light {
	background-color: #d9d9d9;
	z-index: 3;
}



/* Text animation */
.text-writing {
	opacity:0;

}

.text-writing .line-custom-class {
	display: inline-block;
	will-change: transform, opacity;
	text-box-trim: trim-both;
	text-box-edge: CAP alphabetic;
	padding-top: 0.18vw;
	padding-bottom: 0.62vw;
} 

@media(max-width: 767px) {
	.text-writing .line-custom-class {
		padding-bottom: 2.62vw;
		padding-top: 0.4vw;
	}
}

/* Expand word in title */
:root {
	--progress1: 1;
}

.experience {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: none !important;
	will-change: transform !important;

	*{
		transition: none !important;

	}

	h2 {
		display: inline-block;
		will-change: transform;
		transition: none !important;
	}
}
.expand {
	display: inline-block;
	transform: scale(var(--progress1)) !important;
	transform-origin: 43.7%;
	opacity: 1 !important;
} 

/* Marquee text */
.marquee-wrapper {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	border-top: 1px solid #ededed;
	padding-top: 40px;
}

.marquee-track {
	display: inline-flex;
	width: max-content;
}

.marquee-text {
	font-family: "Bebas Neue", Sans-serif;
	font-size: clamp(72px, 10.0029296875vw, 256px);
	font-weight: 500;
	white-space: nowrap;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.black-circle {
	width: 2vw;
	height: 2vw;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2vw;
}
@media(max-width: 767px){
	.marquee-wrapper {
		border: none;
	}
	.marquee-text {
		padding-right:10px;
	}
	.black-circle {
		width: 5vw;
		height: 5vw;
	}
}

/* Preloader CSS from user input - converted SCSS to standard CSS */
.preloader-container {
	position: fixed;
	top: 0;
	left: 0;
	background: black; 
	display: none; 
	opacity: 0;  
	visibility: hidden;
	height: 100vh;
	width: 100vw;
	color: white;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	overflow: hidden; 
}

.preloader-container .first {
	font-family: "degular";
	font-size: clamp(100px, 9.76vw, 200px);
	font-weight: 600;
	transform: translate(0,0) !important;
	display: none; 
	opacity: 0;    
}

.preloader-container .second {
	font-family: "degular";
	font-size: clamp(40px, 4.8828125vw, 100px);
	transform: translate(0,0) !important;
	display: none;
	opacity: 0;  
}
@media(max-width: 767px){
	.preloader-container .first {
		margin-top:-100px;
	}
	.preloader-container .second {
		margin-top:-100px;
		font-weight: 600;
		text-align: center;
		line-height: 1;
	}
}

/* Crucial: Prevent body scrolling while preloader is active */
body.no-scroll {
	overflow: hidden !important; 
}

/* Service carousal */
.swiper {
	overflow: visible !important;
}
.swiper-pagination-bullet {
	transition: 0.32s ease;
}
.swiper-pagination-bullet-active {
	width: 38px !important;
	border-radius: 16px !important;
}
.light-swiper .swiper-pagination-bullet-active {
	background: #000 !important;
}

/* facility capacity section */
.facility-capacity-section {
	transition: none !important;
}
.facility-centered {
	display: flex !important;
	justify-content: center !important;
}
.facility-capacity-text {
	opacity: 0.3;
}
/* Services section */
.counters-section {
	opacity: 0;
}


.services-images-section {
	transition: none !important;
}