/*

Theme Name: TheGem Elementor Child

Description: Multi-Purpose Wordpress Theme

Author: Codex Themes.

Theme URI: http://codex-themes.com/thegem/

Author URI: http://codex-themes.com/thegem/

Template: thegem-elementor

Version: 1.0

Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light

License: GNU General Public License

License URI: license.txt

*/

@font-face {
    font-family: 'IQOS';
    src: url('fonts/IQOS-Regular.eot');
    src: url('fonts/IQOS-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/IQOS-Regular.woff2') format('woff2'),
        url('fonts/IQOS-Regular.woff') format('woff'),
        url('fonts/IQOS-Regular.ttf') format('truetype'),
        url('fonts/IQOS-Regular.svg#IQOS-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.container {
	width: 100%;
  	max-width: 853px;
  	padding: 0 15px;
}
#site-header-wrapper {
    background-color: #34303D;
}
#page:not(.vertical-header) #site-header.animated-header {
	background-color: #34303D;
}
.header-background:before {
  background-color: transparent !important;
}
#site-header.fixed.shrink .top-area-background:before, #site-header.fixed.shrink .header-background:before {
    opacity: 1;
  	background-color: #34303D !important;
}
#site-header-wrapper {
	background-color: #34303D !important;
}
#primary-menu.no-responsive li > a {
	border: 0 !important;
}
#primary-menu.no-responsive {
	margin: 0 -30px;
}
.header-style-3 #primary-menu.no-responsive > li, .header-style-4 #primary-menu.no-responsive > li {
	padding: 31px 30px !important;
}
.header-style-3 #primary-menu.no-responsive > li > a, .header-style-4 #primary-menu.no-responsive > li > a {
	padding: 0;
  	/* font-size: 20px;
    font-family: 'Inter';
    font-weight: 700;
  	text-transform: none; */
}
#page:not(.vertical-header) #site-header.animated-header {
    position: static;
    padding: 40px 0;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a{
	color: #00D1D2 !important;
}
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a {
	color: #00D1D2 !important;
}
body #page:not(.vertical-header) #site-header.fixed {
	padding: 0;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li > a, #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li > a {
	padding: 0;
}
.main-menu-item.active, #primary-menu.no-responsive > li.menu-item-current > a, #primary-menu.no-responsive > li.menu-item-active > a {
	color: #00D1D2;
}


.body-text .elementor-text-editor {
	font-size: 18px !important;
	line-height: 28px !important;
	font-family: 'IQOS';
}
.title-body-text .elementor-text-editor {
	font-size: 13px !important;
	line-height: 23px !important;
	font-family: 'IQOS';
	font-weight: 700;
	color: #fff;
}
.password-form .elementor-text-editor p {
	font-size: 18px !important;
	line-height: 28px !important;
	font-family: 'IQOS';	
	color: #fff;
}
.password-form .form-control {
	width: 100% !important;
	max-width: 400px !important;
	height: 47px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	margin: 0 auto !important;
	display: block !important;
	padding: 0 12px !important;
	font-family: "IQOS" !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	color: #000 !important;
	opacity: 1 !important;
}
.password-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #AFB1B6 !important;
	opacity: 1 !important;
  }
  .password-form .form-control::-moz-placeholder { /* Firefox 19+ */
	color: #AFB1B6 !important;
	opacity: 1 !important;
  }
  .password-form .form-control:-ms-input-placeholder { /* IE 10+ */
	color: #AFB1B6 !important;
	opacity: 1 !important;
  }
  .password-form .form-control:-moz-placeholder { /* Firefox 18- */
	color: #AFB1B6 !important;
	opacity: 1 !important;
  }
  .press-kit-desc-text {
	font-size: 16px !important;
	line-height: 26px !important;
	font-family: 'IQOS';
	font-weight: 400;
	color: #fff;
  }
  .press-kit-desc-text-big {
	font-size: 18px !important;
	line-height: 28px !important;
	font-family: 'IQOS';
	font-weight: 400;
	color: #fff;
  }
  h1,h2,h3,h4,h5,h6 {
	font-family: 'IQOS' !important;
  }
  .wpa-alert {
	background: transparent !important;	
	border: 0 !important;
	text-align: center !important;
	color: #fff !important;
  }
  .wpa-error {
	background: transparent !important;	
	border: 0 !important;
	text-align: center !important;
	color: #f00 !important;
  } 
  .wpa-success {
	background: transparent !important;	
	border: 0 !important;
	text-align: center !important;
	color: #008000 !important;
  }
  .gallery-wrap {
	padding: 40px 0 0;
  }
  .gallery-wrap .gallery {
	width: 100%;
	max-width: 825px;
	margin: 0 auto !important;
  }
  .gallery-wrap .gallery ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
	list-style: none;
	row-gap: 36px;
	padding: 0 !important;
  }
  .gallery-wrap .gallery ul li {
	width: 25%;
	padding: 0 18px;
  }
  .gallery-wrap .gallery ul li .gallery-img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	background: #3B3744;
	position: relative;
	padding-bottom: 100%;
  }
  .gallery-wrap .gallery ul li .gallery-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-3, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
	background-color: #00D1D2 !important;
  }
  .coustom-btn .elementor-button .elementor-button-content-wrapper {
	gap: 40px;
  }
  .press-kit-wrap {
	padding-left: 15px !important;
	padding-right: 15px !important;
  }

.press-kit-wrap .press-kit-right .elementor-element {
	height: 100%;
}
.press-kit-wrap .press-kit-right .elementor-element .elementor-widget-container {
	position: relative;
	height: 100%;
}
.press-kit-wrap .press-kit-right .elementor-element .elementor-widget-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 1024px) {
	.gallery-wrap {
		padding-bottom: 60px !important;
	}
}
@media (max-width: 991px) {
	#page:not(.vertical-header) #site-header.animated-header {
		padding: 10px 0;
	}
	.gallery-wrap {
		padding-bottom: 60px !important;
	}
}
@media (max-width: 767px) {
	.gallery-wrap .gallery ul {
		margin: 0 -3px !important;
		row-gap: 6px;
	}
	.gallery-wrap .gallery ul li {
		padding: 0 3px;
	}
	.elementor-button {
		width: 100% !important;
		
	}
	.elementor-button .elementor-button-content-wrapper {
		justify-content: space-between !important; 
	}
	.gallery-wrap {
		padding-bottom: 0 !important;
	}
	.press-kit-wrap .press-kit-right .elementor-element .elementor-widget-container img {
		position: relative;
	}
	.press-kit-wrap .press-kit-right .elementor-element .elementor-widget-container {
		margin: 0 !important;
	}
}



/* */
/*! elementor - v3.23.0 - 05-08-2024 */
.elementor-image-gallery .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	margin: 0 auto
}

.elementor-element.elementor-element-25729dc .elementor-button {
	font-family: "Inter", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 96%;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #00D1D2;
	border-radius: 10px 10px 10px 10px;
	padding: 14px 9px 12px 9px;
}

.elementor-element.elementor-element-25729dc .elementor-button {
	font-family: "Inter", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 96%;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #00D1D2;
	border-radius: 10px 10px 10px 10px;
	padding: 14px 9px 12px 9px;
}

.elementor-element.elementor-element-d6f8661,
.elementor-element.elementor-element-d6f8661 .elementor-text-editor *:not(.elementor-drop-cap-letter) {
	color: var(--e-global-color-text);
}

.elementor-element.elementor-element-d6f8661>.elementor-widget-container {
	padding: 0px 0px 14px 0px;
}

.elementor-element.elementor-element-d6f8661,
.elementor-element.elementor-element-d6f8661 .elementor-text-editor * {
	font-size: 18px;
	line-height: 140%;
}

.elementor-element.elementor-element-d6f8661,
.elementor-element.elementor-element-d6f8661 .elementor-text-editor *:not(.elementor-drop-cap-letter) {
	color: var(--e-global-color-text);
}

.elementor-element.elementor-element-2825185>.elementor-widget-container {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.elementor-element.elementor-element-a06283d .elementor-heading-title {
	color: #FFFFFF;
	font-size: 34.18px;
	text-transform: none;
	line-height: 91.1%;
}

.elementor-element.elementor-element-a06283d>.elementor-widget-container {
	padding: 14px 0px 40px 0px;
}

.elementor-element.elementor-element-a06283d .elementor-heading-title {
	color: #FFFFFF;
	font-size: 34.18px;
	text-transform: none;
	line-height: 91.1%;
	
}

@media (min-width:768px) {
	.elementor-image-gallery .gallery-columns-2 .gallery-item {
		max-width: 50%
	}

	.elementor-image-gallery .gallery-columns-3 .gallery-item {
		max-width: 33.33%
	}

	.elementor-image-gallery .gallery-columns-4 .gallery-item {
		max-width: 25%
	}

	.elementor-image-gallery .gallery-columns-5 .gallery-item {
		max-width: 20%
	}

	.elementor-image-gallery .gallery-columns-6 .gallery-item {
		max-width: 16.666%
	}

	.elementor-image-gallery .gallery-columns-7 .gallery-item {
		max-width: 14.28%
	}

	.elementor-image-gallery .gallery-columns-8 .gallery-item {
		max-width: 12.5%
	}

	.elementor-image-gallery .gallery-columns-9 .gallery-item {
		max-width: 11.11%
	}

	.elementor-image-gallery .gallery-columns-10 .gallery-item {
		max-width: 10%
	}
}

@media (min-width:480px) and (max-width:767px) {

	.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item {
		max-width: 50%
	}
}

@media (max-width:479px) {

	.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,
	.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item {
		max-width: 100%
	}
}

.elementor-element.elementor-element-c55f64d:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-c55f64d>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #3B3744;
}

.elementor-element.elementor-element-c55f64d,
.elementor-element.elementor-element-c55f64d::before {
    --border-transition: 0.3s;
}

.elementor-element.elementor-element-c55f64d {
    --display: flex;
    --min-height: 180px;
    --background-transition: 0.3s;
    --border-radius: 10px 10px 10px 10px;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.elementor-element.elementor-element-c55f64d:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-c55f64d>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #3B3744;
}

@media (min-width: 768px) {
    .elementor-element.elementor-element-f509c2a {
        --width: 25%;
    }
}

.elementor-element.elementor-element-f509c2a,
.elementor-element.elementor-element-f509c2a::before {
    --border-transition: 0.3s;
}

.elementor-element.elementor-element-f509c2a {
    --display: flex;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    --border-radius: 10px 10px 10px 10px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 18px;
    --padding-right: 18px;
}

@media (min-width: 768px) {
    .elementor-element.elementor-element-8f30c49 {
        --width: 100%;
    }
}

.elementor-element.elementor-element-8f30c49 {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --gap: 25px 0px;
    --flex-wrap: wrap;
    --background-transition: 0.3s;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: -18px;
    --margin-right: -18px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.elementor-element.elementor-element-d63b856 {
    --display: flex;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: -0px;
    --margin-right: -0px;
    --padding-top: 40px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}
.elementor-button.disabled {
	background-color: #3B3744 !important;
	pointer-events: none;
}

.custom-btn {

}



.gallery-wrap {
  margin-top: 20px;
}

.gallery ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.gallery ul li, .gallery-item {
position: relative;
width: 180px; /* image size */
height: 180px;
overflow: hidden;
}

/* 768px*/
@media (max-width: 768px) {
	.gallery ul li,
	.gallery-item {
		width: 100%;   /* full width */
		height: auto;  /* automatic height */
	}
}

.gallery ul li .gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
  cursor: pointer;
}

/* Checkbox styling */
.gallery ul li input.select-image,
.gallery-item input[type="checkbox"] {
  position: absolute;
  top: 8px;
  left: 25px; /* unified to 8px from left */
  transform: scale(1.3);
  z-index: 20;
  display: none; /* hidden by default */
  cursor: pointer;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ccc;
}

/* Show checkbox when hovering over the image or if checked */
.gallery ul li:hover input.select-image,
.gallery ul li input.select-image:checked,
.gallery-item:hover input[type="checkbox"],
.gallery-item input[type="checkbox"]:checked {
  display: block;
}

/* Download button styles */
#download-selected {
	margin-top: 20px;
	display: inline-flex;
	font-family: "Inter", Sans-serif;
	align-items: center;
	gap: 8px; /* space between text and icon */
	background: #00D1D2; /* button color */
	padding: 14px 9px 12px 9px;
	border: none;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	line-height: 96%;
	fill: #FFFFFF;
    color: #FFFFFF;
	gap: 10px;  
}



.coustom-btn .elementor-button .download-selected{
	gap: 100px;
}