:root {
	--prime_color: #ff9008;
	--prime_color_rgb: 247, 148, 30;
	--black: #19404a;
	--black_rgb: 25, 64, 74;
	--dark: #0d0c10;
	--dark_rgb: 13, 12, 16;
	--light: #fff;
	--light_rgb: 255, 255, 255;
	--dim_light: #fafafa;
	--dim_light_rgb: 250, 250, 250;
	--gray: #b3b0aa;
	--gray_rgb: 179, 176, 170;
	--dark_gray: #5a5a5a;
	--dark_gray_rgb: 90, 90, 90;
	--light_gray: #f9f9f9;
	--light_gray_rgb: 249, 249, 249;
	--lightest_gray: #f9efe3;
	--lightest_gray_rgb: 249, 239, 227;
	--grayish: #f3f3f3;
	--grayish_rgb: 243, 243, 243;
	--green: #12b07e;
	--green_rgb: 18, 176, 126;
	--yellow: #ffcb00;
	--yellow_rgb: 255, 203, 0;
	--red: #e71939;
	--red_rgb: 231, 25, 57;
	--blue: #4378ff;
	--blue_rgb: 67, 120, 255;
	--theme: #f7941e;
	--theme_rgb: 247, 148, 30;
	--font-montserrat: "Montserrat", sans-serif;
	--font-playfair_display: "Playfair Display", sans-serif;
	--button_input_height: 5rem;
	--shadow: rgba(var(--black_rgb), 8%) 0 0 2rem 0;
	--transition: all ease 0.3s;
}
@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/PlayfairDisplay.woff2") format("woff");
}
@font-face {
	font-family: "Playfair Display";
	font-style: italic;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/PlayfairDisplayItalic.woff2") format("woff");
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/Montserrat.woff2") format("woff");
}
html {
	min-height: 100%;
	overflow: hidden;
	overflow-y: initial;
}
html.flow {
	overflow: hidden !important;
}
html.flow body {
	overflow: hidden !important;
}
body {
	position: relative;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	background-color: var(--light);
	color: var(--black);
	font-size: 1.4rem;
	font-family: var(--font-montserrat);
	font-weight: 400;
	margin: 0;
	padding: 8rem 0 0;
	line-height: 1.4;
	word-break: break-word;
	transition: all ease 0.3s;
}
@media (min-width: 768px) {
	body {
		line-height: 1.5;
	}
}
@media (min-width: 992px) {
	body {
		padding: 9.6rem 0 0;
	}
}
section {
	position: relative;
}
a {
	color: var(--black);
	word-break: break-word;
	text-decoration: none;
	transition: all ease 0.3s;
}
a:hover {
	color: var(--prime_color);
}
a:focus,
a:hover {
	outline: none !important;
	text-decoration: none !important;
}
.ease,
button {
	transition: all ease 0.3s;
}
.color {
	color: var(--prime_color);
}
.background {
	background: var(--prime_color);
}
::-moz-selection {
	background: var(--prime_color);
	color: var(--light);
}
::selection {
	background: var(--prime_color);
	color: var(--light);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-weight: 700;
	font-family: var(--font-playfair_display);
	line-height: 1.1;
	margin: 0 0 1rem;
}
h1.require::after,
.h1.require::after,
h2.require::after,
.h2.require::after,
h3.require::after,
.h3.require::after,
h4.require::after,
.h4.require::after,
h5.require::after,
.h5.require::after,
h6.require::after,
.h6.require::after {
	content: "*";
	color: var(--red);
}
h1 > a,
.h1 > a,
h2 > a,
.h2 > a,
h3 > a,
.h3 > a,
h4 > a,
.h4 > a,
h5 > a,
.h5 > a,
h6 > a,
.h6 > a {
	color: inherit;
}
h1 > strong,
.h1 > strong,
h2 > strong,
.h2 > strong,
h3 > strong,
.h3 > strong,
h4 > strong,
.h4 > strong,
h5 > strong,
.h5 > strong,
h6 > strong,
.h6 > strong {
	color: var(--prime_color);
	font-weight: inherit;
}
h1,
.h1 {
	font-size: 3.2rem;
}
@media (min-width: 768px) {
	h1,
	.h1 {
		font-size: 4rem;
	}
}
h2,
.h2 {
	font-size: 2.6rem;
}
@media (min-width: 768px) {
	h2,
	.h2 {
		font-size: 3.2rem;
	}
}
h3,
.h3 {
	font-size: 2rem;
}
@media (min-width: 768px) {
	h3,
	.h3 {
		font-size: 2.6rem;
	}
}
h4,
.h4 {
	font-size: 1.8rem;
}
@media (min-width: 768px) {
	h4,
	.h4 {
		font-size: 2.2rem;
	}
}
h5,
.h5 {
	font-size: 1.6rem;
}
@media (min-width: 768px) {
	h5,
	.h5 {
		font-size: 1.8rem;
	}
}
h6,
.h6 {
	font-size: 1.4rem;
}
.fw_100 {
	font-weight: 100 !important;
}
.fw_200 {
	font-weight: 200 !important;
}
.fw_300 {
	font-weight: 300 !important;
}
.fw_400 {
	font-weight: 400 !important;
}
.fw_500 {
	font-weight: 500 !important;
}
.fw_600 {
	font-weight: 600 !important;
}
.fw_700 {
	font-weight: 700 !important;
}
.fw_800 {
	font-weight: 800 !important;
}
p {
	margin: 0 0 1rem;
}
p > a {
	display: inline;
	color: var(--prime_color);
}
p > a:hover {
	color: #2115dc;
}
p:nth-last-child(1) {
	margin: 0;
}
.table_dv {
	display: table;
	display: block;
	width: 100%;
	height: 100%;
}
.table_dv .table_cell {
	display: table-cell;
	vertical-align: middle;
}
.toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	position: absolute;
	z-index: 4;
	inset: 0 2rem 0 auto;
	width: 2.4rem;
	height: 1.4rem;
	background: rgba(0, 0, 0, 0);
	padding: 0;
	margin: auto;
	border: 0;
	cursor: pointer;
	transition: all ease 0.3s;
}
@media (min-width: 992px) {
	.toggle {
		display: none;
	}
}
.toggle::before,
.toggle::after,
.toggle > span,
.site_btn.more.toggle > span::after,
.site_btn.more.toggle > span::before {
	position: absolute;
	width: inherit;
	height: 0.2rem;
	background: var(--black);
	transition: all ease 0.3s;
}
.toggle::before {
	content: "";
	top: 0;
}
.active.toggle::before {
	top: 50%;
	margin-top: -0.1rem;
	transform: rotate(45deg);
}
.toggle::after {
	content: "";
	bottom: 0;
}
.active.toggle::after {
	bottom: 50%;
	margin-bottom: -0.1rem;
	transform: rotate(135deg);
}
.active.toggle > span,
.site_btn.more.active.toggle > span::after,
.site_btn.more.active.toggle > span::before {
	opacity: 0;
}
img {
	width: 100%;
	height: auto;
	display: block;
}
b,
strong {
	font-weight: 700;
}
input,
.checkbox,
button,
select,
textarea {
	text-decoration: none !important;
	outline: none !important;
}
.contain,
.contain-fluid {
	position: relative;
	max-width: 132rem;
	padding: 0 2rem;
	margin: 0 auto;
	min-height: 0.1rem;
}
.contain:before,
.contain:after,
.contain-fluid:before,
.contain-fluid:after {
	content: "";
	display: table;
}
.contain:after,
.contain:after,
.contain-fluid:after,
.contain-fluid:after {
	clear: both;
}
.contain.sm,
.contain-fluid.sm {
	max-width: 100rem;
}
.contain-fluid {
	max-width: 1920px !important;
}
.row {
	margin: -1.5rem -1.5rem;
}
.row > [class*="col"],
.row > [class^="col"] {
	padding: 1.5rem 1.5rem;
}
.row.flex_row > div > * {
	width: 100%;
}
.row.form_row {
	margin: -1rem -1rem;
}
.row.form_row > [class*="col"],
.row.form_row > [class^="col"] {
	padding: 1rem 1rem;
}
.btn_blk {
	display: flex;
	flex-flow: wrap;
	gap: 0.6rem;
	grid-gap: 0.6rem;
}
@media (min-width: 768px) {
	.btn_blk {
		gap: 1rem;
		grid-gap: 1rem;
	}
}
.popup {
	position: fixed;
	display: none;
	background: rgba(var(--black_rgb), 0.3);
	padding: 0;
	overflow: auto;
	z-index: 101;
}
.popup > .table_dv {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}
.popup > .table_dv > .table_cell {
	display: block;
	align-self: center;
	width: 100%;
	padding: 3rem 0;
}
.popup ._inner {
	position: relative;
	background: var(--light);
	padding: 2.5rem;
	margin: auto;
	border-radius: 1rem;
}
.popup ._inner > .x_btn + h1,
.popup ._inner > .x_btn + h2,
.popup ._inner > .x_btn + h3,
.popup ._inner > .x_btn + h4,
.popup ._inner > .x_btn + h5,
.popup ._inner > .x_btn + h6 {
	padding-right: 3rem;
}
.popup .list > li {
	display: flex;
	-webkit-box-orient: vertical;
	margin-bottom: 1rem;
}
.popup .list > li > div:nth-child(1) {
	width: 12rem;
	min-width: 12rem;
	font-weight: 700;
	margin-right: 1rem;
}
.popup .list > li > div:nth-child(2) {
	width: 100%;
	color: var(--dark_gray);
}
.popup hr {
	margin: 2rem 0;
}
.dropdown .dropdown-toggle:after {
	display: none;
}
.dropdown .dropdown-toggle.select {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	gap: 1.5rem;
	grid-gap: 1.5rem;
	overflow: hidden;
}
.dropdown .dropdown-toggle.select:after {
	color: inherit;
	margin-left: auto;
}
.dropdown .dropdown-toggle.chevron:after {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300" height="300" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300" height="300" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	transition: none;
}
.dropdown .dropdown-toggle.chevron.show:after {
	transform: rotateX(180deg);
}
.dropdown .dropdown-menu {
	min-width: 26rem;
	background: var(--light);
	font-size: inherit;
	margin: 0;
	padding: 0.7rem 0;
	border: 0.1rem solid rgba(var(--black_rgb), 0.1);
	border-radius: 0.7rem;
	z-index: 5;
}
.dropdown .dropdown-menu > li {
	display: block;
}
.dropdown .dropdown-menu > li:not(:nth-last-child(1)) {
	border-bottom: 0.1rem solid rgba(var(--black_rgb), 0.1);
}
.dropdown .dropdown-menu > li > * {
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	color: var(--black);
	text-align: left;
	line-height: 1.2;
	padding: 1.2rem 2rem;
	border: 0;
	transition: all ease 0.3s;
}
.dropdown .dropdown-menu > li > *:hover {
	color: var(--prime_color);
}
.ico {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	text-align: center;
}
.ico a,
.ico img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.ico.round {
	border-radius: 75%;
}
.ico.round a,
.ico.round img {
	border-radius: inherit;
}
.ico.fill img {
	-o-object-fit: cover;
	object-fit: cover;
}
.scrollbar::-webkit-scrollbar-track {
	background: #f6f9fc;
	border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar {
	width: 0.5rem;
	height: 1rem;
	background-color: #f6f9fc;
	border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar-thumb {
	background: rgba(var(--black_rgb), 0.15);
	border-radius: 5rem;
}
.slick-carousel .slick-slide {
	outline: none !important;
}
.slick-carousel .slick-arrow {
	width: 4rem;
	height: 4rem;
	background: var(--light);
	color: var(--prime_color);
	padding: 1.2rem;
	box-shadow: 0 0.2rem 0.2rem rgba(29, 29, 27, 0.25);
	transition: all ease 0.3s;
}
.slick-carousel .slick-arrow.slick-prev {
	left: -4rem;
}
.slick-carousel .slick-arrow.slick-prev:after {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M25.6,12.5H6.1l7.2-7.2c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-9.8,9.8c-0.1,0.1-0.3,0.3-0.3,0.5 c0,0,0,0,0,0C1,13.6,0.9,13.8,0.9,14v0v0c0,0.2,0,0.4,0.1,0.5c0,0,0,0,0,0c0.1,0.2,0.2,0.4,0.3,0.5l9.8,9.8c0.3,0.3,0.7,0.4,1.1,0.4 s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1l-7.2-7.2h19.5c0.8,0,1.5-0.7,1.5-1.5S26.4,12.5,25.6,12.5z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M25.6,12.5H6.1l7.2-7.2c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-9.8,9.8c-0.1,0.1-0.3,0.3-0.3,0.5 c0,0,0,0,0,0C1,13.6,0.9,13.8,0.9,14v0v0c0,0.2,0,0.4,0.1,0.5c0,0,0,0,0,0c0.1,0.2,0.2,0.4,0.3,0.5l9.8,9.8c0.3,0.3,0.7,0.4,1.1,0.4 s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1l-7.2-7.2h19.5c0.8,0,1.5-0.7,1.5-1.5S26.4,12.5,25.6,12.5z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.slick-carousel .slick-arrow.slick-next {
	right: -4rem;
}
.slick-carousel .slick-arrow.slick-next:after {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.slick-carousel .slick-arrow.slick-prev:before,
.slick-carousel .slick-arrow.slick-next:before {
	display: none;
}
.slick-carousel .slick-arrow.slick-prev:after,
.slick-carousel .slick-arrow.slick-next:after {
	content: "";
	width: 100% !important;
	height: 100% !important;
	transition: none;
}
.slick-carousel .slick-arrow.slick-disabled {
	opacity: 0;
	visibility: hidden;
}
.slick-carousel .slick-arrow:hover {
	background: var(--light);
	color: var(--black);
}
.slick-carousel .slick-dots {
	position: static;
	margin-top: 3rem;
}
.slick-carousel .slick-dots li button {
	width: 3rem;
	height: 0.3rem;
	background: var(--gray);
	border-radius: 5rem;
}
.slick-carousel .slick-dots li.slick-active button {
	background: var(--prime_color);
}
[data-fancybox] {
	display: block;
	cursor: pointer;
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb {
	border-radius: 0;
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb:after {
	border: 0.3rem solid var(--prime_color) !important;
	border-radius: 0;
}
.rating {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	gap: 0.5rem;
	grid-gap: 0.5rem;
	direction: rtl;
}
.rating > i {
	width: 1.6rem;
	min-width: 1.6rem;
	height: 1.6rem;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M99.9,38.6c-0.2-0.6-0.8-1.1-1.4-1.2l-32.4-4.7L51.6,3.4c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1L33.9,32.7L1.5,37.4 c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.4,0.5,1.8L24,63.3l-5.5,32.3c-0.1,0.7,0.2,1.3,0.7,1.8c0.6,0.4,1.3,0.5,1.9,0.1l29-15.2 l29,15.2c0.3,0.1,0.5,0.2,0.8,0.2c0.4,0,0.7-0.1,1.1-0.3c0.6-0.4,0.8-1.1,0.7-1.8L76,63.3l23.4-22.8C99.9,40,100.1,39.3,99.9,38.6z" /></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M99.9,38.6c-0.2-0.6-0.8-1.1-1.4-1.2l-32.4-4.7L51.6,3.4c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1L33.9,32.7L1.5,37.4 c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.4,0.5,1.8L24,63.3l-5.5,32.3c-0.1,0.7,0.2,1.3,0.7,1.8c0.6,0.4,1.3,0.5,1.9,0.1l29-15.2 l29,15.2c0.3,0.1,0.5,0.2,0.8,0.2c0.4,0,0.7-0.1,1.1-0.3c0.6-0.4,0.8-1.1,0.7-1.8L76,63.3l23.4-22.8C99.9,40,100.1,39.3,99.9,38.6z" /></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	color: var(--gray);
}
.rating > i.fill {
	color: var(--yellow);
}
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	margin-top: 4rem;
}
.pagination > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	-webkit-box-orient: vertical;
	gap: 0 0.6rem;
	grid-gap: 0 0.6rem;
	overflow: hidden;
}
.pagination > ul > li > a,
.pagination > ul > li > span,
.pagination > ul > li.site_btn.more > span::after,
.pagination > ul > li.site_btn.more > span::before,
.pagination > ul > li > button {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	min-width: 3.2rem;
	height: 3.2rem;
	background: rgba(0, 0, 0, 0);
	color: var(--black);
	font-weight: 500;
	padding: 0 0.5rem;
	border: 0.1rem solid rgba(var(--violet_color_rgb), 0.2);
	border-radius: 0.4rem;
}
.pagination > ul > li > a:hover,
.pagination > ul > li > span:hover,
.pagination > ul > li.site_btn.more > span:hover::after,
.pagination > ul > li.site_btn.more > span:hover::before,
.pagination > ul > li > button:hover {
	background: rgba(var(--black_rgb), 0.1);
	color: var(--black);
}
.pagination > ul > li > a.prev::before,
.pagination > ul > li > a.next::before,
.pagination > ul > li > span.prev::before,
.pagination > ul > li > span.next::before,
.pagination > ul > li > button.prev::before,
.pagination > ul > li > button.next::before {
	content: "";
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	width: 1rem;
	min-width: 1rem;
	height: 1rem;
	transition: none;
}
.pagination > ul > li > a.prev::before,
.pagination > ul > li > span.prev::before,
.pagination > ul > li > button.prev::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.pagination > ul > li > a.next::before,
.pagination > ul > li > span.next::before,
.pagination > ul > li > button.next::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.pagination > ul > li > span,
.pagination > ul > li.site_btn.more > span::after,
.pagination > ul > li.site_btn.more > span::before {
	color: var(--prime_color);
}
.pagination > ul > li.active > a,
.pagination > ul > li.active > span,
.pagination > ul > li.site_btn.more.active > span::after,
.pagination > ul > li.site_btn.more.active > span::before,
.pagination > ul > li.active > button {
	background: var(--light);
	color: var(--burgundy_color);
	border-color: var(--burgundy_color);
}
.btn_blk {
	display: flex;
	flex-flow: wrap;
	gap: 0.6rem;
	grid-gap: 0.6rem;
}
@media (min-width: 768px) {
	.btn_blk {
		gap: 1rem;
		grid-gap: 1rem;
	}
}
.site_btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	gap: 1rem;
	grid-gap: 1rem;
	height: var(--button_input_height);
	background: var(--prime_color);
	color: var(--light);
	font-size: 1.4rem;
	font-family: var(--font-montserrat);
	font-weight: 500;
	text-align: center;
	padding: 0 3rem;
	white-space: nowrap;
	border: 0.3rem solid var(--prime_color);
	border-radius: 1rem;
	outline: none !important;
	transition: all ease 0.3s;
}
@media (min-width: 768px) {
	.site_btn {
		font-size: 1.6rem;
	}
}
.site_btn:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn > img {
	width: auto;
	height: 2.4rem;
	filter: brightness(0) invert(1);
	transition: inherit;
}
.site_btn.sm {
	height: 3.4rem;
}
.site_btn.md {
	height: 4rem;
}
.site_btn.lg {
	height: 5.6rem;
	padding: 0 4rem;
}
.site_btn.px {
	padding-left: 5rem;
	padding-right: 5rem;
}
.site_btn.red {
	background: var(--red);
	color: var(--light);
}
.site_btn.red:hover {
	background: var(--prime_color);
	color: var(--light);
}
.site_btn.green {
	background: var(--green);
	color: var(--light);
}
.site_btn.green:hover {
	background: var(--prime_color);
	color: var(--light);
}
.site_btn.sea_green {
	background: var(--sea_green_color);
	border-color: var(--sea_green_color);
	color: var(--light);
}
.site_btn.sea_green:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.yellow {
	background: var(--yellow_color);
	border-color: var(--yellow_color);
	color: var(--light);
}
.site_btn.yellow:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.violet {
	background: var(--violet_color);
	border-color: var(--violet_color);
	color: var(--light);
}
.site_btn.violet:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.burgundy {
	background: var(--burgundy_color);
	border-color: var(--burgundy_color);
	color: var(--light);
}
.site_btn.burgundy:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.dark {
	background: var(--black);
	border-color: var(--black);
	color: var(--light);
}
.site_btn.dark:hover {
	background: var(--prime_color);
	color: var(--light);
}
.site_btn.simple {
	background: var(--light);
	color: var(--black);
}
.site_btn.simple:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.simple > img {
	filter: brightness(0) invert(0);
}
.site_btn.simple.blank {
	background: rgba(0, 0, 0, 0);
	color: var(--light);
}
.site_btn.simple.blank:hover {
	background: var(--light);
	color: var(--black);
}
.site_btn.simple.blank.stroke {
	border: 0.2rem solid var(--light);
}
.site_btn.light {
	background: rgba(var(--prime_color_rgb), 0.1);
	color: var(--prime_color);
}
.site_btn.light:not(:hover) {
	box-shadow: none;
}
.site_btn.light:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.blank {
	background: rgba(0, 0, 0, 0);
	color: var(--prime_color);
}
.site_btn.blank:hover {
	background: var(--black);
	color: var(--light);
}
.site_btn.blank:hover > img {
	filter: brightness(0) invert(1);
}
.site_btn.blank > img {
	filter: brightness(0) invert(0);
}
.site_btn.round {
	border-radius: 5rem;
}
.site_btn.stroke {
	border: 0.2rem solid var(--prime_color);
}
.site_btn.more > span,
.site_btn.more > span::after,
.site_btn.more > span::before {
	position: absolute;
	inset: 0;
	width: 0.4rem;
	min-width: 0.4rem;
	height: 0.4rem;
	background: var(--light);
	margin: auto;
	border-radius: 75%;
}
.site_btn.more > span::before {
	content: "";
	transform: translateX(calc(-100% - 0.3rem));
}
.site_btn.more > span::after {
	content: "";
	transform: translateX(calc(100% + 0.3rem));
}
.site_btn:disabled {
	background: rgba(0, 0, 0, 0);
	color: var(--gray);
	border-color: var(--gray);
}
@media (max-width: 575px) {
	.site_btn.w_100 {
		width: 100%;
	}
}
.read_more_btn {
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
	background: rgba(0, 0, 0, 0);
	color: var(--prime_color);
	font-weight: 500;
	border: 0;
	text-decoration: underline;
}
.read_more_btn:hover {
	background: rgba(0, 0, 0, 0);
	color: var(--black);
}
.arrow_btn {
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
}
.arrow_btn::after {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	transition: none;
	width: 3rem;
	min-width: 3rem;
	height: 2rem;
}
.link_btn {
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
	gap: 1rem;
	grid-gap: 1rem;
	height: 4rem;
	background: rgba(0, 0, 0, 0);
	color: var(--prime_color);
	font-size: 1.4rem;
	font-family: var(--font-montserrat);
	font-weight: 500;
	line-height: 4rem;
	padding: 0;
	text-transform: uppercase;
	border: 0;
	white-space: nowrap;
}
.link_btn:hover,
.link_btn:focus {
	color: var(--black);
}
.link_btn::after {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="44" height="15" viewBox="0 0 44 15" style="enable-background:new 0 0 44 15;"><path d="M43.7071 8.20711C44.0976 7.81658 44.0976 7.18342 43.7071 6.79289L37.3431 0.428932C36.9526 0.0384078 36.3195 0.0384078 35.9289 0.428932C35.5384 0.819457 35.5384 1.45262 35.9289 1.84315L41.5858 7.5L35.9289 13.1569C35.5384 13.5474 35.5384 14.1805 35.9289 14.5711C36.3195 14.9616 36.9526 14.9616 37.3431 14.5711L43.7071 8.20711ZM0 8.5H43V6.5H0V8.5Z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="44" height="15" viewBox="0 0 44 15" style="enable-background:new 0 0 44 15;"><path d="M43.7071 8.20711C44.0976 7.81658 44.0976 7.18342 43.7071 6.79289L37.3431 0.428932C36.9526 0.0384078 36.3195 0.0384078 35.9289 0.428932C35.5384 0.819457 35.5384 1.45262 35.9289 1.84315L41.5858 7.5L35.9289 13.1569C35.5384 13.5474 35.5384 14.1805 35.9289 14.5711C36.3195 14.9616 36.9526 14.9616 37.3431 14.5711L43.7071 8.20711ZM0 8.5H43V6.5H0V8.5Z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	transition: none;
	width: 3rem;
	min-width: 3rem;
	height: 2rem;
}
.pop_btn {
	cursor: pointer;
}
.x_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 2.8rem;
	min-width: 2.8rem;
	height: 2.8rem;
	background: var(--prime_color);
	color: var(--light);
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0;
	text-align: center;
	border: 0;
	border-radius: 75%;
	cursor: pointer;
	transition: all ease 0.3s;
	z-index: 5;
}
.x_btn:hover {
	background: var(--black);
}
.x_btn:before {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M20.9,3.7l29,29l29-29C90.3-7.6,107.7,9.5,96.2,21l-29,29l29,29c11.3,11.3-5.9,28.6-17.2,17.2l-29-29l-29,29 C9.6,107.6-7.6,90.4,3.7,79.1l29-29l-29-29C-7.6,9.6,9.6-7.6,20.9,3.7z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M20.9,3.7l29,29l29-29C90.3-7.6,107.7,9.5,96.2,21l-29,29l29,29c11.3,11.3-5.9,28.6-17.2,17.2l-29-29l-29,29 C9.6,107.6-7.6,90.4,3.7,79.1l29-29l-29-29C-7.6,9.6,9.6-7.6,20.9,3.7z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	width: 36%;
	height: 36%;
	line-height: 1;
}
.lbl_btn {
	display: flex;
	-webkit-box-orient: vertical;
	text-align: left;
}
.lbl_btn:not(:nth-last-child(1)) {
	margin-bottom: 1rem;
}
.lbl_btn label {
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
	gap: 0.5rem;
	grid-gap: 0.5rem;
	line-height: 1.5;
	cursor: pointer;
	margin: 0;
}
label {
	display: block;
	font-weight: inherit;
	cursor: pointer;
}
label.require::after {
	content: "*";
	color: var(--red);
	font-weight: 700;
	margin-left: 0.4rem;
}
label > a {
	color: #3c9cdb;
}
label > a:hover {
	color: var(--prime_color);
}
input[type="radio"],
input[type="checkbox"],
.checkbox {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	background: #d9d9d9;
	color: #d9d9d9;
	margin-top: 0;
	border: 0;
	cursor: pointer;
}
input[type="radio"],
[type="radio"].checkbox {
	padding: 0.3rem;
	border-radius: 75%;
}
input[type="radio"]:checked,
[type="radio"].checkbox:checked {
	background: var(--prime_color);
	background-clip: content-box;
	border-color: var(--prime_color);
}
input[type="radio"],
input[type="checkbox"],
.checkbox {
	border-radius: 0.4rem;
}
input[type="radio"]::before,
input[type="checkbox"]::before,
.checkbox::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M78.5,5.8c-12.6,21-25.1,42-37.7,63C32.9,62,25,55.3,17.1,48.5c-4.9-4.2-12.7-0.9-15.5,4.6 c-3.4,6.5-0.8,13.2,4.1,17.5c10.7,9.2,21.4,18.4,32.2,27.6c5.1,4.4,12.4,0.6,15.5-4.6C68.2,68.5,83.1,43.6,98,18.7 C106.2,5,86.6-7.8,78.5,5.8z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M78.5,5.8c-12.6,21-25.1,42-37.7,63C32.9,62,25,55.3,17.1,48.5c-4.9-4.2-12.7-0.9-15.5,4.6 c-3.4,6.5-0.8,13.2,4.1,17.5c10.7,9.2,21.4,18.4,32.2,27.6c5.1,4.4,12.4,0.6,15.5-4.6C68.2,68.5,83.1,43.6,98,18.7 C106.2,5,86.6-7.8,78.5,5.8z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
	width: 0.8rem;
	height: 0.8rem;
	margin: auto;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked,
.checkbox:checked {
	background: var(--prime_color) !important;
	border-color: var(--prime_color) !important;
}
input[type="radio"]:checked + .checkbox,
input[type="checkbox"]:checked + .checkbox,
.checkbox:checked + .checkbox {
	background: var(--prime_color);
	border-color: var(--prime_color);
}
input[type="file"].uploadFile,
[type="file"].uploadFile.checkbox {
	display: none;
}
input::-ms-reveal,
.checkbox::-ms-reveal,
input::-ms-clear,
.checkbox::-ms-clear {
	display: none;
}
.checkbox {
	transition: all ease 0.3s;
}
.form_blk {
	position: relative;
}
.form_blk:not(:nth-last-child(1)) {
	margin-bottom: 1.5rem;
}
.input_form_blk .form_blk {
	flex: 1;
	margin: 0;
}
.input_form_blk .form_blk + * {
	height: var(--button_input_height);
}
.input_form_blk {
	display: flex;
	-webkit-box-orient: vertical;
}
.form_blk.pass_blk {
	position: relative;
}
.form_blk.pass_blk > .input {
	padding-right: 8rem;
}
.form_blk.pass_blk > i {
	position: absolute;
	right: 1.4rem;
	inset: 0;
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	width: 1.8rem;
	height: 100%;
	color: var(--prime_color);
	font-style: normal;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: underline;
	transition: all ease 0.3s;
}
.form_blk.pass_blk > i::before {
	width: 100%;
	height: 100%;
}
.form_blk.pass_blk > i.icon-eye::before {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.form_blk.pass_blk > i.icon-eye-slash::before {
	content: "";
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: currentColor;
	color: inherit;
	transition: inherit;
}
.form_blk.pass_blk > i:hover {
	color: var(--second_color);
}
.form_blk > i {
	position: absolute;
	left: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	font-size: 1.6rem;
	margin: auto;
}
.form_blk > i + .input {
	padding-left: 4.2rem;
}
.form_blk > img {
	position: absolute;
	left: 1.6rem;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
}
.form_blk > img + .input {
	padding-left: 5rem;
}
.form_blk > .tip_icon {
	position: absolute;
	right: 2rem;
	width: 2rem;
	height: 2rem;
	margin: auto;
	pointer-events: none;
	-o-object-fit: contain;
	object-fit: contain;
}
.form_blk > .tip_icon + .input {
	padding-right: 5rem;
}
.form_blk.input {
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.form_blk.input > .site_btn {
	margin-left: 2rem;
	margin-right: -1.4rem;
}
.form_blk.input > .ico_btn {
	width: 2.6rem;
	min-width: 2.6rem;
	height: 2.6rem;
	background: rgba(0, 0, 0, 0);
	margin-left: 2rem;
	padding: 0;
	border: 0;
}
.form_blk:not(.lbl_btn) > label {
	color: var(--dark_gray);
	font-size: 1.3rem;
	margin-bottom: 0.3rem;
}
.upload_blk > button {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.upload_blk > input[type="file"],
.upload_blk > [type="file"].checkbox {
	display: none;
}
.input {
	display: block;
	width: 100%;
	height: var(--button_input_height);
	background: var(--light_gray);
	color: var(--black);
	text-align: left;
	line-height: inherit;
	padding: 0.6rem 1.4rem;
	border: 0.1rem solid rgba(var(--black_rgb), 0.1);
	border-radius: 0.6rem;
	outline: none !important;
	box-shadow: none !important;
	transition: all ease 0.3s;
}
.input > .input {
	background: rgba(0, 0, 0, 0);
	margin: -0.1rem 0;
	padding: 0;
	border: 0;
}
.input:-webkit-autofill {
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}
.input.blank {
	background: rgba(0, 0, 0, 0);
	font-size: 1.8rem;
	padding-left: 0;
	padding-right: 0;
	border: 0;
	border-bottom: 0.1rem solid #cbcbcb;
	border-radius: 0;
	box-shadow: none;
}
textarea.input {
	height: auto;
	padding-top: 1rem;
	resize: none;
}
.input:disabled {
	background: #e3e8ee;
	cursor: not-allowed;
	border-color: #d8dee6 !important;
}
.input[readonly] {
	background: rgba(var(--prime_color_rgb), 0.05);
	border-color: var(--prime_color);
}
.input::-moz-placeholder {
	color: var(--dark_gray);
}
.input::placeholder {
	color: var(--dark_gray);
}
.input:focus::-moz-placeholder {
	opacity: 0;
}
.input:focus::placeholder {
	opacity: 0;
}
.input:hover,
.input:focus {
	border-color: var(--prime_color);
}
select.input {
	background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23000" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><polygon points="80.7,20 50,50.7 19.3,20 4.7,34.7 50,80 95.3,34.7 "/></svg>');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 1.4rem;
	background-size: 1rem;
	background-position: right 1.4rem center;
	padding-right: 3rem !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select.input > option {
	background: var(--light);
	color: var(--black);
}
button.input {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
button.input > input[type="file"],
button.input > [type="file"].checkbox {
	position: absolute;
	z-index: 1;
	inset: 0;
	opacity: 0;
}
.input.error {
	color: var(--red);
	border-color: var(--red);
}
.input.error ~ .error_message {
	display: block;
}
.input ~ .error_message {
	color: var(--red);
	display: none;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-top: 0.6rem;
}
@media (min-width: 768px) {
	.input ~ .error_message {
		font-size: 1.4rem;
	}
}
.input + label {
	position: absolute;
	inset: 0 0 0 1.4rem;
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
	height: var(--button_input_height);
	margin: 0 !important;
	pointer-events: none;
	transition: all ease 0.3s;
}
.input:not(:-moz-placeholder-shown) + label {
	font-size: 1.1rem;
	transform: translateY(-1.1rem);
}
.input:focus + label,
.input:not(:placeholder-shown) + label {
	font-size: 1.1rem;
	transform: translateY(-1.1rem);
}
.checkbox_btn {
	position: relative;
	overflow: hidden;
}
.checkbox_btn > input[type="radio"],
.checkbox_btn > input[type="checkbox"],
.checkbox_btn > .checkbox {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	inset: 0;
	opacity: 0;
}
.checkbox_btn > input[type="radio"]:checked + button,
.checkbox_btn > input[type="checkbox"]:checked + button,
.checkbox_btn > .checkbox:checked + button {
	color: var(--prime_color);
	border-color: var(--prime_color);
}
.checkbox_btn > input[type="radio"] + button,
.checkbox_btn > input[type="checkbox"] + button,
.checkbox_btn > .checkbox + button {
	text-align: center;
}
html {
	font-size: 10px;
}
@media (min-width: 992px) {
	html {
		font-size: 7.1111px;
	}
}
@media (min-width: 1280px) {
	html {
		font-size: 9.48611px;
	}
}
body {
	background: var(--light_gray);
}
section {
	overflow: hidden;
}
.text_prime {
	color: var(--prime_color);
}
.heading {
	margin-bottom: 2rem;
}
.subheading {
	color: var(--prime_color);
	letter-spacing: 0.5rem;
	text-transform: uppercase;
}
.form_blk > p > br {
	display: none;
}
button {
	background: rgba(0, 0, 0, 0);
	padding: 0;
	border: 0;
	transition: all ease 0.3s;
}
.blk {
	background: var(--light);
	padding: 2.5rem;
	border-radius: 2rem;
	box-shadow: 0 0.5rem 2rem 0 rgba(var(--black_rgb), 0.1);
}
.blk hr {
	opacity: 0.1;
}
.red {
	background: var(--red);
}
.green {
	background: var(--green);
}
.section_content {
	display: flex;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	gap: 0 10rem;
	grid-gap: 0 10rem;
}
.section_content .btn_blk {
	flex-flow: nowrap;
}
.section_content .btn_blk .input {
	width: auto;
	height: auto;
	background-position: right;
	padding: 0 0 0.5rem;
	border: 0;
	border-bottom: 0.1rem solid var(--gray);
	border-radius: 0;
}
.logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	width: 100%;
	max-width: 8rem;
	height: 8rem;
}
.logo > a {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.logo > a > img {
	height: 100%;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left center;
	object-position: left center;
	transition: all ease 0.3s;
}
header .logo {
	float: left;
	max-width: 30rem;
	height: 8rem;
	transition: all ease 0.3s;
}
@media (min-width: 992px) {
	header .logo {
		max-width: 35rem;
		height: 9.6rem;
	}
}

footer .logo {
	max-width: 25rem;
}

footer .logo img {
	width: 100%;
	height: auto;
}

header {
	position: absolute;
	z-index: 30;
	inset: 0 0 auto;
	height: 8rem;
	transition: all ease 0.3s;
}
@media (min-width: 992px) {
	header {
		height: 9.6rem;
	}
}
header .wrapper {
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
}
header #icon_list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	gap: 0 2rem;
	grid-gap: 0 2rem;
	margin-left: auto;
	margin-right: 3rem;
}
@media (min-width: 992px) {
	header #icon_list {
		margin-left: 2rem;
		margin-right: 0;
	}
}
header #icon_list > a,
header #icon_list > button {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	width: 3.2rem;
	min-width: 3.2rem;
	height: 3.2rem;
}
header #icon_list > a > img,
header #icon_list > button > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
nav {
	position: relative;
	margin-left: auto;
}
@media (max-width: 991px) {
	nav {
		position: fixed;
		z-index: 3;
		inset: 0;
		gap: 3rem;
		grid-gap: 3rem;
		height: auto;
		background: var(--light);
		padding: 5rem 3rem;
		margin-top: 0;
		-webkit-backdrop-filter: blur(1rem);
		backdrop-filter: blur(1rem);
		overflow: hidden;
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all ease 0.3s;
	}
}
nav.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
nav > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	-webkit-box-orient: vertical;
	gap: 2rem 4.5rem;
	grid-gap: 2rem 4.5rem;
}
@media (max-width: 991px) {
	nav > ul {
		display: flex;
		flex-flow: column;
		text-align: center;
		margin: 0;
	}
}
@media (max-width: 991px) {
	nav > ul > li {
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-box-orient: vertical;
	}
}
nav > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}
nav > ul > li > a:not(.site_btn) {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	height: 3.4rem;
	color: var(--black);
	font-size: 1.4rem;
	font-weight: 400;
}
@media (min-width: 992px) {
	nav > ul > li > a:not(.site_btn) {
		height: 5rem;
		font-size: 1.6rem;
	}
}
nav > ul > li > a:not(.site_btn):hover {
	color: var(--prime_color);
}
nav > ul > li.active > a:not(.site_btn) {
	color: var(--prime_color);
}
/* ========================================
   BANNER SECTION
======================================== */

/* ========================================
   BANNER SECTION
======================================== */

#banner {
	padding: clamp(4rem, 6vw, 8rem) 0;
	position: relative;
	overflow: hidden;

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

/* DARK OVERLAY */
#banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(15, 34, 41, 0.55); /* overlay opacity control */
	z-index: 1;
}

/* container above overlay */
#banner .contain {
	position: relative;
	z-index: 2;
}

/* FLEX LAYOUT */
#banner .flex_blk {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	gap: clamp(2rem, 4vw, 6rem);
}

/* DESKTOP */
@media (min-width: 992px) {
	#banner .flex_blk {
		flex-direction: row;
		justify-content: space-between;
		min-height: 60vh;
		align-items: center;
	}
}

/* ========================================
   CONTENT
======================================== */

#banner .content {
	width: 100%;
	max-width: 58rem;
}

#banner .content h1 {
	font-size: clamp(2.6rem, 4vw, 4.8rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--prime_color);
	margin-bottom: 1.5rem;
}

#banner .content p {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	color: #fff;
	margin-bottom: 2.5rem;
	max-width: 48rem;
}

#banner .content .txt {
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
	margin-top: 2rem;
	color: #fff;
}

/* CENTER CONTENT ON TABLET & MOBILE */
@media (max-width: 991px) {
	#banner .content {
		text-align: center;
		margin: 0 auto;
	}

	#banner .btn_blk {
		justify-content: center;
		display: flex;
	}
}

/* ========================================
   BUTTON
======================================== */

#banner .site_btn {
	display: inline-block;
	padding: 1.4rem 3.2rem;
	border-radius: 50px;
	font-size: 1.5rem;
	font-weight: 600;
	background: var(--prime_color);
	color: #fff;
	text-decoration: none;
	transition: 0.3s ease;
}

#banner .site_btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

/* ========================================
   IMAGE (RIGHT SIDE CARD IMAGE)
======================================== */

#banner .image {
	width: 100%;
	max-width: clamp(32rem, 45vw, 52rem);
	border-radius: 3rem;
	overflow: hidden;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
	position: relative;
	z-index: 3;
}

#banner .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ========================================
   MOBILE OPTIMIZATION
======================================== */

@media (max-width: 575px) {
	#banner {
		padding: 4rem 0;
	}

	#banner .image {
		border-radius: 2rem;
	}

	#banner .content p {
		font-size: 1.4rem;
	}
}

/* /// home page courses or services //// */
/* ========================================
   SERVICES SECTION
======================================== */

#serve {
	position: relative;
	padding: clamp(6rem, 8vw, 10rem) 0;
	background: center/cover fixed no-repeat;
}

/* overlay for readability */

#serve::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
}

#serve .contain {
	position: relative;
	z-index: 2;
}

/* HEADING */

#serve .content {
	text-align: center;
	max-width: 65rem;
	margin: 0 auto 4rem;
}

#serve .content h1 {
	color: var(--prime_color);
}

#serve .content .heading {
	color: #fff;
	margin-bottom: 1rem;
}

#serve .content p {
	color: #ddd;
}

/* GRID */

#serve .wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -1.2rem;
}

#serve .column {
	width: 100%;
	padding: 1.2rem;
}

@media (min-width: 768px) {
	#serve .column {
		width: 50%;
	}
}

@media (min-width: 992px) {
	#serve .column {
		width: 33.333%;
	}
}

/* CARD */

#serve .inner {
	background: #fff;
	border-radius: 2.5rem;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
	transition: 0.4s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

#serve .inner:hover {
	transform: translateY(-10px);
}

/* IMAGE */

#serve .img {
	position: relative;
}

#serve .img::before {
	content: "";
	display: block;
	padding-bottom: 65%;
}

#serve .img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* TEXT */

#serve .inner .title {
	font-size: 2rem;
	font-weight: 700;
	padding: 2rem 2rem 1rem;
	color: #222;
}

#serve .inner p {
	padding: 0 2rem;
	margin-bottom: 2rem;
	color: #555;
	flex-grow: 1;
}

/* BUTTON */

#serve .link_btn {
	padding: 0 2rem 2.2rem;
	display: inline-block;
	color: var(--prime_color);
	font-weight: 600;
	text-decoration: none;
}

#serve .link_btn:hover {
	text-decoration: underline;
}

/* BOTTOM BUTTON */

#serve .site_btn {
	background: var(--prime_color);
	color: #fff;
}

/* MOBILE OPTIMIZATION */

@media (max-width: 576px) {
	#serve {
		background-attachment: scroll; /* parallax off for mobile for performance */
	}
}

/* /// home page courses or services //// */

#guide {
	padding: 8rem 0;
}
@media (min-width: 992px) {
	#guide .wrapper {
		display: flex;
		align-items: center;
		-webkit-box-orient: vertical;
	}
}
#guide .wrapper .blocks {
	display: flex;
	flex-flow: wrap;
	flex: 1;
	margin: -1rem;
}
#guide .wrapper .blocks > .column {
	width: 100%;
	padding: 1rem;
}
@media (min-width: 768px) {
	#guide .wrapper .blocks > .column {
		width: 50%;
	}
}
#guide .wrapper .blocks .inner {
	width: 100%;
	background: var(--light);
	padding: 4rem;
	text-align: center;
	border-radius: 2rem;
	box-shadow: var(--shadow);
}
#guide .wrapper .blocks .inner:not(:nth-last-child(1)) {
	margin-bottom: 2rem;
}
#guide .wrapper .blocks .inner .num {
	font-size: 4rem;
	font-weight: 200;
	line-height: 1;
	margin-bottom: 1rem;
}
@media (min-width: 992px) {
	#guide .wrapper .blocks .inner .num {
		font-size: 5rem;
	}
}
#guide .wrapper .content {
	margin-top: 3rem;
}
@media (min-width: 992px) {
	#guide .wrapper .content {
		width: 60rem;
		min-width: 60rem;
		margin-top: 0;
		padding-left: 5rem;
	}
}

/* ///// testimonial ////// */
#stories {
	padding-bottom: 8rem;
}
#stories .section_content {
	max-width: 55rem;
	margin-bottom: 3rem;
}
#stories .wrapper {
	display: flex;
	flex-flow: wrap;
	margin: -1rem;
}
#stories .wrapper > .item {
	width: 100%;
	padding: 1rem;
}
@media (min-width: 768px) {
	#stories .wrapper > .item {
		width: 33.3334%;
	}
}
#stories .wrapper .inner {
	background: var(--light);
	padding: 3rem;
	border-radius: 2rem;
	box-shadow: var(--shadow);
}
#stories .wrapper .inner .comma {
	width: 4rem;
	height: 4rem;
	margin-bottom: 2rem;
	filter: brightness(0) invert(0.5);
	opacity: 0.5;
}
#stories .wrapper .inner p {
	font-size: 1.6rem;
}
#stories .wrapper .inner .name {
	color: var(--prime_color);
	font-size: 2rem;
	font-family: var(--font-playfair_display);
	font-weight: 600;
	line-height: 1;
	margin: 3rem 0 1rem;
}
#stories .wrapper .inner .uni {
	font-weight: 600;
}

/* ///// testi monials ///// */
#journey {
	padding-bottom: 8rem;
}
#journey .wrapper .image {
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
	overflow: hidden;
}
#journey .wrapper .image::before {
	content: "";
	display: block;
	padding-bottom: 42rem;
}
#journey .wrapper .image > * {
	display: block;
	position: absolute;
	z-index: 1;
	inset: 0;
}
#journey .wrapper .image > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#journey .wrapper .image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#journey .wrapper .content {
	max-width: 70rem;
	margin: 3rem auto 0;
}
#partners {
	padding: 8rem 0;
}
#partners .wrapper {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	margin: -1rem;
}
#partners .wrapper > .col {
	padding: 1rem;
}
#partners .icon {
	position: relative;
	width: 12rem;
	height: 8rem;
}
@media (min-width: 992px) {
	#partners .icon {
		width: 20rem;
		height: 10rem;
	}
}
#partners .icon > a {
	display: block;
	position: absolute;
	inset: 0;
}
#partners .icon > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
#posts {
	padding-bottom: 8rem;
}
#posts .wrapper {
	display: flex;
	flex-flow: wrap;
	margin: -1rem;
}
#posts .wrapper .col {
	width: 100%;
	padding: 1rem;
}
@media (min-width: 992px) {
	#posts .wrapper .col {
		width: 50%;
	}
}
#posts .image {
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
	margin-bottom: 2rem;
	overflow: hidden;
}
#posts .image::before {
	content: "";
	display: block;
	padding-bottom: 56%;
}
#posts .image > * {
	display: block;
	position: absolute;
	z-index: 1;
	inset: 0;
}
#posts .image > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#posts .image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#insta {
	padding: 0 0 8rem;
}
#insta .content {
	max-width: 60rem;
	margin: 0 auto 3rem;
}
#slick-insta .slick-list {
	margin: -1rem;
}
#slick-insta .slick-list .item {
	padding: 1rem;
}
#slick-insta .image {
	position: relative;
	overflow: hidden;
	border-radius: 2rem;
	overflow: hidden;
}
#slick-insta .image::before {
	content: "";
	display: block;
	padding-bottom: 100%;
}
#slick-insta .image > * {
	display: block;
	position: absolute;
	z-index: 1;
	inset: 0;
}
#slick-insta .image > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#slick-insta .image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
footer {
	background: var(--dark);
	color: var(--light);
	padding: 8rem 0 4rem;
	margin-top: auto;
	overflow: hidden;
}
footer a {
	color: var(--light);
}
footer a:hover {
	color: var(--prime_color);
}
footer .title {
	color: var(--light);
	font-size: 1.8rem;
	font-family: var(--font-playfair_display);
	font-weight: 700;
	margin: 0 0 1.5rem;
}
footer form .form_blk {
	background: var(--light);
}
footer form .form_blk.input {
	height: 5.4rem;
	padding: 0 2rem;
	border: 0;
	border-radius: 5rem;
}
footer form .form_blk.input > .site_btn {
	margin-right: -1.8rem;
}
footer form .form_blk .input {
	border: 0;
	border-radius: 5rem;
}
footer .partner_list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: wrap;
	gap: 0.8rem;
	grid-gap: 0.8rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
	footer .partner_list {
		margin-bottom: 3rem;
	}
}
footer .partner_list > li > a {
	display: block;
	width: 8.6rem;
	min-width: 8.6rem;
	height: 4.4rem;
	border-radius: 0.7rem;
	overflow: hidden;
}
footer .partner_list > li > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
footer .flex_row {
	display: flex;
	flex-flow: wrap;
}
footer .flex_row > .col {
	display: block;
	flex: none;
}
footer .flex_row > .column1 {
	width: 100%;
}
@media (min-width: 992px) {
	footer .flex_row > .column1 {
		width: 25%;
	}
}
footer .flex_row > .column1 p {
	font-size: 1.6rem;
}
footer .flex_row > .column2 {
	width: 100%;
}
@media (min-width: 992px) {
	footer .flex_row > .column2 {
		width: 40%;
	}
}
footer .flex_row > .column3 {
	width: 100%;
}
@media (min-width: 992px) {
	footer .flex_row > .column3 {
		width: 35%;
	}
}
footer .list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
}
footer .list > li:not(:nth-last-child(1)) {
	margin-bottom: 1rem;
}
footer .info_list {
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 0.8rem;
	grid-gap: 0.8rem;
	margin-bottom: 3rem;
}
footer .info_list > li:not(:nth-last-child(1)) {
	margin-bottom: 1rem;
}
footer .info_list > li > a {
	display: inline-flex;
	align-items: center;
	-webkit-box-orient: vertical;
}
footer .info_list > li > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	margin-right: 1rem;
}
footer .copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	margin-top: 4rem;
	color: var(--light);
}
@media (min-width: 992px) {
	footer .copyright {
		margin-top: 8rem;
	}
}
footer .copyright p {
	margin: 0;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	footer .copyright p {
		margin-bottom: 0;
	}
}
footer .copyright p > a {
	color: var(--light);
	text-decoration: underline;
}
footer .copyright .mini_list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	-webkit-box-orient: vertical;
	gap: 1rem 3rem;
	grid-gap: 1rem 3rem;
}
footer .social_list {
	margin-top: 2rem;
}
@media (min-width: 992px) {
	footer .social_list {
		margin-top: 3rem;
	}
}
.social_list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	gap: 0 1.6rem;
	grid-gap: 0 1.6rem;
	line-height: 1;
}
.social_list > .title {
	margin-bottom: 0;
	padding-right: 1.6rem;
	border-right: 0.1rem solid rgba(var(--light_rgb), 0.2);
}
.social_list > a {
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	filter: brightness(0) invert(1);
}
#x_banner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#x_banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--black);
	opacity: 0.5;
	z-index: 1;
}
#x_banner .contain {
	position: relative;
	z-index: 3;
}
#x_banner .flex_blk {
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	min-height: 40rem;
	padding: 6rem 0;
}
@media (min-width: 992px) {
	#x_banner .flex_blk {
		min-height: 54rem;
	}
}
#x_banner .content {
	max-width: 59rem;
	background: rgba(var(--light_rgb), 0.7);
	color: var(--black);
	padding: 2rem;
	margin: auto 0;
	border-radius: 2rem;
}
@media (min-width: 768px) {
	#x_banner .content {
		padding: 4rem;
	}
}
#x_banner .content h1,
#x_banner .content .h1 {
	font-size: 3rem;
	margin: 0;
}
@media (min-width: 768px) {
	#x_banner .content h1,
	#x_banner .content .h1 {
		font-size: 4rem;
	}
}
@media (min-width: 992px) {
	#x_banner .content h1,
	#x_banner .content .h1 {
		font-size: 5rem;
	}
}
#x_banner .content h1 + *,
#x_banner .content .h1 + * {
	margin-top: 1.5rem;
}
#x_banner .content p {
	font-size: 1.6rem;
}
@media (min-width: 768px) {
	#x_banner .content p {
		font-size: 1.9rem;
	}
}
/* //// contact page ////// */
#contact {
	position: relative;
	padding: 6rem 0;
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
	color: #fff;
	overflow: hidden;
}

/* polygon shapes */
#contact::before {
	content: "";
	position: absolute;
	top: -100px;
	left: -100px;
	width: 300px;
	height: 300px;
	background: rgba(255, 255, 255, 0.05);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

#contact::after {
	content: "";
	position: absolute;
	bottom: -120px;
	right: -120px;
	width: 350px;
	height: 350px;
	background: rgba(255, 255, 255, 0.05);
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

/* wrapper layout */
#contact .wrapper {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

@media (min-width: 992px) {
	#contact .wrapper {
		flex-direction: row;
		align-items: flex-start;
	}
}

/* info card */
#contact .info {
	width: 100%;
	max-width: 35rem;
	padding: 2rem;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(12px);
	border-radius: 2rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* info heading */
#contact .info h1 {
	color: var(--prime_color);
	font-size: clamp(2rem, 3vw, 3rem);
	margin-bottom: 1rem;
}

#contact .info h2 {
	font-size: clamp(1.5rem, 2vw, 2.2rem);
	margin-bottom: 1rem;
}

#contact .info p {
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.8;
}

/* info list */
#contact .list {
	list-style: none;
	padding: 0;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

#contact .list li {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

#contact .list li img {
	width: 2rem;
	height: 2rem;
	object-fit: contain;
	margin-top: 0.2rem;
}

#contact .list li span,
#contact .list li a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	line-height: 1.6;
}

#contact .list li a:hover {
	color: var(--prime_color);
}

/* form wrapper */
#contact .form_wrapper {
	flex: 1;
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(12px);
	padding: 2.5rem;
	border-radius: 2rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* form labels & inputs */
#contact .form_blk label {
	font-family: var(--font-playfair_display);
	margin-bottom: 0.8rem;
	display: block;
	color: #fff;
}

#contact .input {
	width: 100%;
	padding: 1rem 1.2rem;
	border-radius: 1rem;
	border: none;
	outline: none;
	font-size: 1rem;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

#contact .input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

/* button */
#contact .site_btn {
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 50px;
	font-size: 1.2rem;
	font-weight: 600;
	background: var(--prime_color);
	color: #fff;
	border: none;
	cursor: pointer;
	transition: 0.3s ease;
}

#contact .site_btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* map block */
#contact #map_blk {
	position: relative;
	width: 100%;
	height: 40rem;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-top: 2rem;
}

#contact #map_blk iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* responsive adjustments */
@media (max-width: 991px) {
	#contact .wrapper {
		flex-direction: column;
	}

	#contact .info {
		margin-right: 0;
		max-width: 100%;
	}
}

@media (max-width: 576px) {
	#contact {
		padding: 4rem 1rem 6rem;
	}

	#contact .form_wrapper {
		padding: 2rem;
	}
}

/* ///// end contact page */

#about {
	padding: 3rem 0 8rem;
}
@media (min-width: 992px) {
	#about .wrapper {
		display: flex;
		-webkit-box-orient: vertical;
	}
}
#about .wrapper .content {
	margin: 0 0 3rem;
}
@media (min-width: 992px) {
	#about .wrapper .content {
		width: 100%;
		max-width: 50rem;
		margin: 0 3rem 0 0;
	}
}
#about .wrapper .content h2 {
	color: var(--prime_color);
}
#about .wrapper .image {
	border-radius: 4rem;
	overflow: hidden;
}
@media (min-width: 992px) {
	#about .wrapper .image {
		width: 100%;
		align-self: flex-end;
	}
}

/* end about us  */

#affiliate {
	padding: 0 0 8rem;
}
#affiliate .wrapper {
	display: flex;
	flex-flow: wrap;
	margin: -1rem;
}
#affiliate .wrapper > .col {
	width: 100%;
	padding: 1rem;
}
@media (min-width: 992px) {
	#affiliate .wrapper > .col {
		width: 33.3334%;
	}
}
#affiliate .content {
	margin: 0 auto 3rem;
}
#affiliate .inner {
	background: var(--light);
	padding: 3rem;
	border-radius: 3rem;
	box-shadow: --shadow;
}
#affiliate .inner .title {
	font-size: 2rem;
	font-family: var(--font-playfair_display);
	font-weight: 600;
	margin-bottom: 1rem;
}
/* //// service page /// */

#service h2 {
	text-transform: uppercase;
}

#service > div {
	position: relative;
	padding: 4rem 0;
}

#service .image {
	border-radius: 3rem;
	overflow: hidden;
}

/* SIDED BANNER WITH POLYGONS */
#service .sided {
	position: relative;
	background: linear-gradient(135deg, #f5af18 0%, #ec730f 45%, #2b384d 100%);
	color: var(--light);
	margin-bottom: 4rem;
	overflow: hidden;
	border-radius: 2rem;
	padding: clamp(4rem, 6vw, 12rem) 2rem;
}
/* Polygons / shapes using pseudo elements */
#service .sided::before,
#service .sided::after {
	content: "";
	position: absolute;
	width: 60%;
	height: 100%;
	background: rgba(255, 255, 255, 0.05);
	transform: rotate(-20deg);
	top: -10%;
	left: -20%;
	clip-path: polygon(0 0, 100% 10%, 90% 100%, 0% 90%);
}

#service .sided::after {
	left: auto;
	right: -20%;
	top: 0;
	transform: rotate(15deg);
	clip-path: polygon(10% 0, 100% 0, 90% 90%, 0% 100%);
}

/* CONTENT */
#service .sided .content {
	position: relative;
	z-index: 2; /* ensure shapes behind text */
	padding: 0 0 2rem;
	text-align: center;
	max-width: 90%; /* Full width for mobile, avoid early line breaks */
	margin: auto;
}

@media (min-width: 768px) {
	#service .sided .content {
		max-width: 70%; /* Desktop width, text not too wide */
	}
}

@media (min-width: 992px) {
	#service .sided .content {
		padding: 0;
		text-align: left;
		max-width: 60%;
		margin: 0;
	}
}

#service .sided .content h5 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--light);
}

#service .sided .content h2 {
	font-size: clamp(3rem, 4vw, 4.6rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: var(--light);
}

#service .sided .content p {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	max-width: 100%; /* Full width to prevent early line breaks */
	margin: 1rem 0 0; /* spacing above and below */
	text-align: inherit; /* follow parent alignment */
}

/* BUTTON */
#service .sided .content .btn_blk {
	margin-top: 2rem;
	justify-content: center;
	display: flex;
}

@media (min-width: 992px) {
	#service .sided .content .btn_blk {
		justify-content: flex-start;
	}
}

#service .sided .content .site_btn {
	padding: 1.4rem 3rem;
	font-size: 1.5rem;
	font-weight: 600;
	background: var(--prime_color);
	color: #fff;
	border-radius: 50px;
	text-decoration: none;
	transition: 0.3s ease;
}

#service .sided .content .site_btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* COVER IMAGE / CONTENT */
#service .cover {
	padding-top: 3rem;
}
#service .cover .image {
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
}
#service .cover .image::before {
	content: "";
	display: block;
	padding-bottom: 40rem;
}
#service .cover .image > * {
	display: block;
	position: absolute;
	z-index: 1;
	inset: 0;
}
#service .cover .image > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#service .cover .image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: absolute;
}
#service .cover .content {
	position: relative;
	background: var(--light);
	padding: 2.5rem;
	margin: -6rem 1rem 0;
	text-align: center;
	border-radius: 3rem;
	box-shadow: var(--shadow);
	z-index: 2;
}
@media (min-width: 992px) {
	#service .cover .content {
		max-width: 80rem;
		padding: 6rem;
		margin: -12rem auto 0;
	}
}

/* OTHER ITEMS / BANNER */
#service .item {
	background: var(--light_gray);
}
#service .banner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--light);
	padding: 8rem 0;
	margin: 4rem 0;
}
@media (min-width: 992px) {
	#service .banner {
		padding: 16rem 0;
	}
}
#service .banner .content {
	max-width: 60rem;
	background: var(--light);
	color: var(--black);
	padding: 3rem;
	margin: auto;
	border-radius: 3rem;
}
#service .banner .content h2 {
	text-transform: capitalize;
}

/* / ////// service deatil page ///// / */

#service.serve_details {
	padding-bottom: 8rem;
}

/* CONTAINER SPACING FOR MOBILE */
#service .contain {
	width: min(1200px, 92%);
	margin: auto;
}

/* 🔥 HERO IMAGE (NO CROP LIKE BEFORE) */
#service .hero {
	position: relative;
	border-radius: 2rem;
	overflow: hidden;
	margin: 0 auto 4rem; /* center */
	width: min(1200px, 92%); /* 👈 left/right space on all screens */
}

#service .hero img {
	width: 100%;
	height: auto;
	display: block;
}
/* overlay */
#service .hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

/* centered title */
#service .overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 2;
	padding: 2rem;
}

#service .overlay h1 {
	color: #fff;
	font-size: clamp(2.6rem, 4vw, 4.6rem);
	max-width: 900px;
	margin: auto;
}

/* 🔥 CONTENT */
#service .content {
	max-width: 900px;
	margin: auto;
	text-align: center;
}

#service .intro {
	font-size: 1.8rem;
	line-height: 1.7;
	margin-bottom: 2rem;
}

#service .details {
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
}

/* 🔥 SUBSCRIPTION STYLE CARDS */
#service .cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
	margin-top: 6rem;
}

#service .card {
	background: #fff;
	border-radius: 2rem;
	padding: 3.5rem 3rem;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: 0.35s;
	border: 1px solid #eee;
}

#service .card:hover {
	transform: translateY(-12px);
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
}

/* plan title */
#service .card h3 {
	font-size: 2.2rem;
	margin-bottom: 2rem;
}

/* feature list */
#service .card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 2.5rem;
	text-align: left;
}

#service .card ul li {
	padding-left: 2.6rem;
	margin-bottom: 1.2rem;
	position: relative;
	font-size: 1.5rem;
}

#service .card ul li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--prime_color);
	font-weight: bold;
}

/* CTA button */
#service .card .plan_btn {
	margin-top: auto;
	display: inline-block;
	padding: 1.2rem 2.8rem;
	border-radius: 50px;
	background: var(--prime_color);
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	transition: 0.3s;
}

#service .card .plan_btn:hover {
	background: #000;
}

/* 🔥 TABLET */
@media (max-width: 992px) {
	#service .cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 🔥 MOBILE */
@media (max-width: 576px) {
	#service.serve_details {
		padding-bottom: 6rem;
	}

	#service .overlay h1 {
		font-size: 2.2rem;
	}

	#service .intro {
		font-size: 1.6rem;
	}

	#service .details {
		font-size: 1.5rem;
	}

	#service .cards {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}
/* / ////// service deatil page ///// / */

#portfolio {
	padding: 3rem 0 8rem;
}
#portfolio .tab_list {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	gap: 1rem 2rem;
	grid-gap: 1rem 2rem;
	font-family: var(--font-playfair_display);
	margin-bottom: 3rem;
}
#portfolio .tab_list button {
	padding-bottom: 0.2rem;
	border-bottom: 0.2rem solid rgba(0, 0, 0, 0);
}
#portfolio .tab_list button:hover {
	color: var(--prime_color);
}
#portfolio .tab_list button.active {
	color: var(--prime_color);
	border-bottom-color: var(--prime_color);
}
#portfolio .wrapper {
	display: flex;
	flex-flow: wrap;
	margin: -1rem;
}
#portfolio .wrapper > .col {
	width: 100%;
	padding: 1rem;
}
@media (min-width: 992px) {
	#portfolio .wrapper > .col {
		width: 50%;
	}
}
#portfolio.folio_details .insider .icon {
	max-width: 14rem;
	margin: 0 auto 2rem;
}
@media (min-width: 768px) {
	#portfolio.folio_details .insider .icon {
		max-width: 20rem;
	}
}
#portfolio.folio_details .insider .blocker {
	background: var(--light);
	padding: 2.5rem;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: var(--shadow);
}
#portfolio.folio_details .insider .image {
	margin-top: 2rem;
	border-radius: 2rem;
	overflow: hidden;
}
.case_blk {
	background: var(--light);
	padding: 2rem;
	border-radius: 2rem;
	box-shadow: var(--shadow);
	overflow: hidden;
}
@media (min-width: 768px) {
	.case_blk {
		display: flex;
		-webkit-box-orient: vertical;
		gap: 0 2rem;
		grid-gap: 0 2rem;
	}
}
.case_blk .icon {
	width: 12rem;
	min-width: 12rem;
	height: 6rem;
}
@media (min-width: 768px) {
	.case_blk .icon {
		height: 12rem;
	}
}
.case_blk .icon > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.case_blk .text {
	flex: 1;
}
.case_blk .text .title {
	font-size: 1.6rem;
	font-family: var(--font-playfair_display);
}
@media (min-width: 768px) {
	.case_blk .text .title {
		font-size: 2rem;
	}
}
.case_blk .text .title > a {
	color: var(--prime_color);
}
.case_blk .text .title > a:hover {
	color: var(--black);
}
.case_blk .text .list {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	gap: 0 2rem;
	grid-gap: 0 2rem;
	margin: 0.5rem 0 1rem;
}
.case_blk .text .list .mini_logo {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	width: auto;
	max-width: 12rem;
	height: 5rem;
	background: var(--light_gray);
	margin-right: 1rem;
	border-radius: 1rem;
	border: 0.1rem solid rgba(var(--black_rgb), 0.1);
}
.case_blk .text .list a {
	display: flex;
	align-items: center;
	-webkit-box-orient: vertical;
	color: var(--dark_gray);
	opacity: 0.7;
	white-space: nowrap;
}

/* /////////////////////  About Us ////////////// */
/* ========================================
   ABOUT US
======================================== */

#about_us {
	padding: clamp(5rem, 8vw, 10rem) 0;
	background: #f9fbff;
}

/* LAYOUT */

#about_us .wrapper {
	display: flex;
	flex-direction: column;
	gap: clamp(3rem, 5vw, 6rem);
	align-items: center;
}

@media (min-width: 992px) {
	#about_us .wrapper {
		flex-direction: row;
		align-items: center;
	}
}

/* IMAGE */

#about_us .image {
	position: relative;
	width: 100%;
	max-width: 58rem;
	border-radius: 3rem;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

#about_us .image::before {
	content: "";
	display: block;
	padding-bottom: 65%;
}

#about_us .image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* CONTENT */

#about_us .content {
	width: 100%;
	max-width: 56rem;
}

#about_us .tag {
	display: inline-block;
	background: rgba(0, 102, 255, 0.1);
	color: var(--prime_color);
	padding: 0.6rem 1.6rem;
	border-radius: 50px;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	letter-spacing: 0.5px;
}

#about_us .heading {
	font-size: clamp(2.4rem, 3vw, 3.6rem);
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: var(--prime_color);
}

#about_us .sub_heading {
	font-size: clamp(1.6rem, 2vw, 2rem);
	font-weight: 600;
	color: #222;

	margin-bottom: 1.5rem;
}

#about_us .content p {
	font-size: 1.6rem;
	color: #555;
	margin-bottom: 2.5rem;
}

/* BUTTON */

#about_us .site_btn {
	display: inline-block;
	padding: 1.3rem 3rem;
	border-radius: 50px;
	background: var(--prime_color);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s ease;
}

#about_us .site_btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* MOBILE */

@media (max-width: 768px) {
	#about_us {
		text-align: center;
	}

	#about_us .btn_blk {
		justify-content: center;
		display: flex;
	}
}

/* //////////////choose //////////////////// */
#choose {
	position: relative;
	padding: 6rem 0;
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
	color: #fff;
	overflow: hidden;
}

/* 🔷 polygon shape background */
#choose::before {
	content: "";
	position: absolute;
	top: -80px;
	left: -80px;
	width: 300px;
	height: 300px;
	background: rgba(255, 255, 255, 0.05);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

#choose::after {
	content: "";
	position: absolute;
	bottom: -100px;
	right: -100px;
	width: 350px;
	height: 350px;
	background: rgba(255, 255, 255, 0.05);
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

/* layout */
#choose .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
}

@media (min-width: 768px) {
	#choose .wrapper {
		flex-direction: row;
	}
}

/* image */
#choose .wrapper .image {
	position: relative;
	width: 100%;
	border-radius: 2rem;
	overflow: hidden;
}

#choose .wrapper .image::before {
	content: "";
	display: block;
	padding-bottom: 65%;
}

#choose .wrapper .image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* desktop image size */
@media (min-width: 768px) {
	#choose .wrapper .image {
		width: 55%;
	}
}

/* content */
#choose .content {
	flex: 1;
	text-align: center;
}

@media (min-width: 768px) {
	#choose .content {
		text-align: left;
	}
}

#choose .heading {
	font-size: 5rem;
	margin-bottom: 1rem;
	font-weight: 700;
	color: var(--prime_color);
}

#choose p {
	font-size: 1.3rem;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.85);
}

/* 🔥 glass effect for content */
#choose .content {
	background: rgba(255, 255, 255, 0.04);
	padding: 2rem;
	border-radius: 1.5rem;
	backdrop-filter: blur(10px);
}

/* mobile spacing */
@media (max-width: 576px) {
	#choose {
		padding: 4rem 0;
	}
	#choose .heading {
		font-size: 2rem;
	}
}

.contact_info li a {
	display: flex;
	align-items: flex-start;
	gap: 1.2rem;
	text-decoration: none;
}

.contact_info li img {
	width: 2.2rem;
	height: 2.2rem;
	object-fit: contain;
	margin-top: 0.3rem;
}

.contact_info li span {
	flex: 1;
	line-height: 1.6;
}

/*# sourceMappingURL=app.min.css.map */