@font-face {
	font-family: NeueHaas Display Bold;
	src: url('../fonts/NeueHaasDisplayBold.eot');
	src: url('../fonts/NeueHaasDisplayBold.otf') format('embedded-opentype'),
		url('../fonts/NeueHaasDisplayBold.woff2') format('woff2'),
		url('../fonts/NeueHaasDisplayBold.woff') format('woff'),
		url('../fonts/NeueHaasDisplayBold.ttf') format('truetype'),
		url('../fonts/NeueHaasDisplayBold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: NeueHaas Display Roman;
	src: url('../fonts/NeueHaasDisplayRoman.eot');
	src: url('../fonts/NeueHaasDisplayRoman.otf') format('embedded-opentype'),
		url('../fonts/NeueHaasDisplayRoman.woff2') format('woff2'),
		url('../fonts/NeueHaasDisplayRoman.woff') format('woff'),
		url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype'),
		url('../fonts/NeueHaasDisplayRoman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: NeueHaas Display Roman;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: NeueHaas Display Bold;
}

body {
	font-family: NeueHaas Display Roman;
}

/* Chrome, Edge, Safari (WebKit) */
::-webkit-scrollbar {
	width: 20px;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	background: #ececec;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #4a4a4a;
	border-radius: 10px;
	border: 4px solid #ececec;
	/* Creates padding around thumb */
}

/* Firefox */
* {
	scrollbar-width: thin;
	/* auto | thin | none */
	scrollbar-color: #ff6600 #ececec;
	/* thumb | track */
}

.pi-none {
	pointer-events: none;
}
img,
figure {
	line-height: 0;
	max-width: 100%;
}

.full-container {
	position: relative;
	margin-right: 0;
	margin-left: 0;
}

.container {
	max-width: 1220px;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
	display: flex;
	flex-wrap: wrap;
}

.align-center {
	align-items: center;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.d-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dir-col {
	flex-direction: column;
}

.d-block {
	display: block;
	width: 100%;
}

.sp-btn-center {
	justify-content: space-between;
	align-items: center;
}

.gap-sm {
	gap: 16px;
}

.gap-md {
	gap: 24px;
}

.gap-lg {
	gap: 32px;
}

.gap-xl {
	gap: 40px;
}

.gap-xxl {
	gap: 48px;
}

.col-md-6,
.col-md-4,
.col-md-5,
.col-md-7 {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.col-12 {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.carousel-wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.slide {
	flex: 0 0 16.66%;
	/* 5 slides */
	background: rgba(0, 0, 0, 0.0);
}

/* Arrows */
.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(0, 0, 0, 1.0);
	background: rgba(0, 0, 0, 0.0);
	border: none;
	padding: 0;
	height: 32px;
	width: 32px;
	cursor: pointer;
	font-size: 32px;
	line-height: 1;
	z-index: 10;
}

.arrow img {
	height: 32px;
	width: 32px;
}

.arrow.left {
	left: 0px;
}

.arrow.right {
	right: 0px;
}

.testimonial-wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.testimonial-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.testimonial-slide {
	flex: 0 0 33.33%;
	/* 5 slides */
	background: rgba(0, 0, 0, 0.0);
}

/* Arrows */
.arrow-right,
.arrow-left {
	position: absolute;
	top: calc(50% - 100px);
	transform: translateY(-50%);
	color: rgba(0, 0, 0, 1.0);
	background: rgba(0, 0, 0, 0.0);
	border: none;
	padding: 0;
	height: 26px;
	width: 26px;
	cursor: pointer;
	font-size: 26px;
	line-height: 1;
	z-index: 10;
}

.arrow-right img,
.arrow-left img {
	height: 26px;
	width: 26px;
}

.arrow-left.left {
	left: 0px;
}

.arrow-right.right {
	right: 0px;
}

.content-wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.content-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.content-slide {
	flex: 0 0 100%;
	/* 5 slides */
	background: rgba(0, 0, 0, 0.0);
}

/* Arrows */
.caret {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(0, 0, 0, 1.0);
	background: rgba(0, 0, 0, 0.0);
	border: none;
	padding: 0;
	height: 48px;
	width: 48px;
	cursor: pointer;
	font-size: 48px;
	line-height: 1;
	z-index: 10;
}

.caret img {
	height: 48px;
	width: 48px;
}

.caret.left {
	left: 0px;
}

.caret.right {
	right: 0px;
}

.gallery-container {
	max-width: 900px;
	margin: 0px auto;
	position: relative;
}

.main-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.g-slide {
	display: none;
}

.g-slide.active {
	display: block;
}

.g-slide img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 00px;
	aspect-ratio: 1/1.25;
	object-fit: contain;
	object-position: center;
}

.move {
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
	background-color: rgba(255, 102, 0, 0.8);
	color: white;
	border: none;
	font-size: 20px;
	line-height: 0;
	padding: 12px;
	cursor: pointer;
	z-index: 10;
	border-radius: 0%;
}

.move:hover {
	background-color: rgba(255, 102, 0, 1);
}

.move img {
	height: 20px;
	width: 20px;
	object-fit: contain;
}

.move:disabled {
	background-color: rgba(0, 0, 0, 0.2);
	cursor: not-allowed;
}

#prevBtn {
	left: 22px;
}

#nextBtn {
	right: 22px;
}

.thumbnails {
	display: flex;
	justify-content: flex-start;
	padding: 16px 0px;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: scroll;
}

.thumb {
	border: 1px solid #d2d2d2;
	cursor: pointer;
	transition: border 0.3s;
	border-radius: 0px;
	flex-grow: 1;
	flex-shrink: 0;
}

.thumb img {
	display: block;
	width: 98px;
	height: 88px;
	object-fit: cover;
	object-position: center;
	border-radius: 0px;
}

.thumb.active {
	border-color: rgba(255, 102, 0, 1);
}
/* Popup Overlay */
button{
	border: 0px;
}
button:hover {
	cursor: pointer;
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.79);
  display: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: 1000ms ease-in-out;
}

/* Popup Content */
.popup-content {
  background: #FFFFFF;
  padding: 20px 10px;
  border-radius: 10px;
  width: 90%;
  max-width: 660px;
  position: relative;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
  opacity: 1;
  transition: 1000ms ease-in-out;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 30px;
    height: 30px;
    width: 30px;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #FFFFFF;
    color: #ff6600;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.close-btn:hover {
	background: #000;
}
.popup-section {
	overflow: hidden;
}
.popup-section iframe{
	width: 100%;
	height: 600px;
	aspect-ratio: 1/1;
}
body.no-scroll {
  overflow: hidden;
}

@media (max-width: 1366px) {

	/* Arrows */
	.caret {
		height: 40px;
		width: 40px;
		font-size: 40px;
	}

	.caret img {
		height: 40px;
		width: 40px;
	}

	.caret.left {
		left: 0px;
	}

	.caret.right {
		right: 0px;
	}
}

/* Responsive layout */
@media (max-width: 1024px) {
	.slide {
		flex: 0 0 25%;
	}

	.testimonial-slide {
		flex: 0 0 50%;
		/* 5 slides */
		background: rgba(0, 0, 0, 0.0);
	}

	.arrow,
	.arrow img {
		height: 24px;
		width: 24px;
		font-size: 24px;
	}

	.arrow-right,
	.arrow-left {
		top: calc(50% - 75px);
		height: 20px;
		width: 20px;
		font-size: 20px;
	}

	.arrow-right img,
	.arrow-left img {
		height: 20px;
		width: 20px;
	}

	.caret {
		height: 32px;
		width: 32px;
		font-size: 32px;
	}

	.caret img {
		height: 32px;
		width: 32px;
	}
	 .move {
    padding: 10px;
  }
  .move img{
    height: 20px;
    width: 20px;
  }
  #prevBtn{
  	left: 16px;
  }
	#nextBtn{
		right: 16px;
	}
}

@media (max-width: 768px) {
	  .move {
    padding: 8px;
  }
  .move img{
    height: 16px;
    width: 16px;
  }
    #prevBtn{
  	left: 12px;
  }
	#nextBtn{
		right: 12px;
	}
	.slide {
		flex: 0 0 33.33%;
	}


	.testimonial-slide {
		flex: 0 0 100%;
		/* 5 slides */
		background: rgba(0, 0, 0, 0.0);
	}

	.arrow,
	.arrow img {
		height: 16px;
		width: 16px;
		font-size: 16px;
	}

	.arrow-right,
	.arrow-left {
		top: calc(50% - 75px);
		height: 16px;
		width: 16px;
		font-size: 16px;
	}

	.arrow-right img,
	.arrow-left img {
		height: 16px;
		width: 16px;
	}

	.caret {
		height: 16px;
		width: 16px;
		font-size: 16px;
	}

	.caret img {
		height: 16px;
		width: 16px;
	}

}

@media (max-width: 600px) {
	.slide {
		flex: 0 0 50%;
	}

}

@media (max-width: 400px) {
	.slide {
		flex: 0 0 100%;
	}
}

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

@media only screen and (min-width: 768px) {
	.col-md-4 {
		width: 33.33%;
	}

	.col-md-5 {
		width: 41.66%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66%;
	}

	.col-md-7 {
		width: 58.33%;
	}

	.col-md-8 {
		width: 66.66%;
	}
}

@media only screen and (min-width: 1024px) {
	.col-lg-4 {
		width: 33.33%;
	}
}