@font-face {
	font-family: 'Arsenica Trial';
	src: url('../fonts/ArsenicaTrial-Bold.eot');
	src: url('../fonts/ArsenicaTrial-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArsenicaTrial-Bold.woff2') format('woff2'),
		url('../fonts/ArsenicaTrial-Bold.woff') format('woff'),
		url('../fonts/ArsenicaTrial-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Arsenica Trial';
	src: url('../fonts/ArsenicaTrial-Demibold.eot');
	src: url('../fonts/ArsenicaTrial-Demibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArsenicaTrial-Demibold.woff2') format('woff2'),
		url('../fonts/ArsenicaTrial-Demibold.woff') format('woff'),
		url('../fonts/ArsenicaTrial-Demibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Arsenica Trial';
	src: url('../fonts/ArsenicaTrial-Medium.eot');
	src: url('../fonts/ArsenicaTrial-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArsenicaTrial-Medium.woff2') format('woff2'),
		url('../fonts/ArsenicaTrial-Medium.woff') format('woff'),
		url('../fonts/ArsenicaTrial-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../fonts/BeVietnamPro-Regular.eot');
	src: url('../fonts/BeVietnamPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BeVietnamPro-Regular.woff2') format('woff2'),
		url('../fonts/BeVietnamPro-Regular.woff') format('woff'),
		url('../fonts/BeVietnamPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../fonts/BeVietnamPro-Light.eot');
	src: url('../fonts/BeVietnamPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BeVietnamPro-Light.woff2') format('woff2'),
		url('../fonts/BeVietnamPro-Light.woff') format('woff'),
		url('../fonts/BeVietnamPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Arsenica Trial';
	font-style: normal;
	color: #000000;
	overflow-x: hidden;
}

.container {
	max-width: 1444px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	color: #000000;
}

a {
	text-decoration: none;
}

.img {
	height: fit-content;
}

ul li {
	list-style: none;
}

p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 15px;
}

img {
	width: 100%;
}

.btn {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	padding: 40px 50px;
	position: relative;
	background-color: transparent;
	border: 0;
	animation: button-a 5s linear infinite;
}

.btn-2 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff !important;
	padding: 40px 50px;
	position: relative;
	background-color: transparent;
	border: 0;
	animation: button-a 5s linear infinite;

}

.btn-2::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #ffffff !important;
	transform: rotate(-30deg);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: .1s all ease-in-out;
}

.btn-2::after {
	content: "";
	width: 97px;
	height: 10px !important;
	background-image: url(../images/arrow-wt.svg) !important;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 55%;
	left: 100%;
	transform: translate(-30%, -50%);
	transition: .1s all ease-in-out;
}


@keyframes button-a {
	0% {
		transform: scale(.8);
	}

	50% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(.8);
	}
}

.btn:focus {
	background-color: transparent;
	box-shadow: none !important;
}

.btn::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #000000;
	transform: rotate(-30deg);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: .1s all ease-in-out;
}

.btn:hover::before {
	background-color: #576F72;
}

.btn-2:hover::before {
	background-color: #ffffff;
}

.btn::after {
	content: "";
	width: 97px;
	height: 48px;
	background-image: url(../images/btn-arrow.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 55%;
	left: 100%;
	transform: translate(-30%, -50%);
	transition: .1s all ease-in-out;
}

.hover-text-white:hover span {
	color: #fff !important;
}

.btn:hover::after {
	transform: translate(-16%, -50%);
}

.btn:focus::before {
	background-color: #576F72;
}

.btn:focus::before {
	background-color: #ffffff;
}

.btn:focus span {
	color: #000000;
}

.btn span {
	display: block;
	position: relative;
	z-index: 1;
	transition: all ease-in-out;
}

.btn-2:hover span {
	color: #000000;
}

a.btn.btn-primary:hover {
	background: transparent;
}

a.btn-2.btn-primary:hover {
	background: transparent;
}

.title-rg {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 67px;
	line-height: 81px;
	color: #000000;
}

.intro-title {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 90px;
	text-transform: uppercase;
	color: #000000;
}

input:focus {
	box-shadow: none !important;
}

.home {
	overflow-x: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: 0px;
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

/*---------- header ----------*/

#header {
	height: 200px;
	background-color: transparent;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10109;
	transition: .4s all ease-in-out;
}

#header.header-scrolled {
	background-color: #E8E4D9;
	height: 130px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%)
}

#header.header-scrolled #search .img-1 {
	filter: invert(0%) !important;
}

#header .wrapper {
	/* display: grid;
	grid-template-columns: repeat(3, 1fr); */
	display: flex;
	justify-content: space-between;
	align-items: center;

	z-index: 1;
	position: relative;
	flex-wrap: wrap;
}

#header #menu span {
	width: 33px;
	height: auto;
}

#header #menu,
#header #search {
	cursor: pointer;
}

#header #logo a {
	display: flex;
	margin: auto;
	width: 165px;
}

#header #search span {
	width: fit-content;
	margin-left: auto;
}

.menu-bar {
	max-width: 728px;
	width: 100%;
	height: 100vh;
	padding: 34px 48px;
	background-color: #1F1F1F;
	position: absolute;
	top: 0;
	left: -728px;
	z-index: 3;
	transition: .6s all ease-in-out;
}

.menu-bar.show {
	left: 0;
}

.menu-bar .menu-content {
	margin: 0px 202px;
	height: calc(100vh - 100px);
	overflow-y: auto;
}

.menu-bar .menu-content::-webkit-scrollbar {
	width: 1px;
}

.menu-bar .menu-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.menu-bar .menu-content::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

.menu-bar .menu-content .nav-logo a {
	width: 165px;
}

.menu-bar .menu-close a {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	display: flex;
	width: fit-content;
	align-items: center;
}

.menu-bar .menu-close a img {
	margin: 0px 10px 2px 0px;
}

.menu-bar .menu-close a:hover {
	color: #576F72;
}

.menu-bar .menu-close a:hover img {
	filter: invert(45%) sepia(9%) saturate(761%) hue-rotate(138deg) brightness(88%) contrast(91%);
}

.menu-bar .nav-logo a {
	display: flex;
	padding: 15px 0px;
}

.sub-menu li:last-child {
	margin-bottom: 5px !important;
}

.menu-bar .main-menu {
	padding: 0;
	max-width: 220px;
	width: 100%;
	margin: 132px auto 0;
}

.menu-bar .main-menu li {
	margin-bottom: 25px;
}

.menu-bar .main-menu li a {
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
	width: fit-content;
	display: flex;
	position: relative;
}

.menu-bar .main-menu li a::after {
	content: "";
	width: 0%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 5px;
	right: 0;
	transition: .3s all ease-in-out;
}

.menu-bar .main-menu li a:hover::after,
.menu-bar .main-menu li a.active::after {
	left: 0;
	right: auto;
	width: 100%;
}

.mobile-drop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.mobile-drop i {
	font-size: 20px;
	color: #FFFFFF;
}

.sub-menu {
	padding: 30px 0 0 0;
	display: none;
}

.search-bar {
	width: 100%;
	height: 100vh;
	background-color: #576F72;
	position: absolute;
	top: -100vh;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: .8s all ease-in-out;
}

#header.serch-open .search-bar {
	top: 0;
	right: 0;
	opacity: 1;
	visibility: visible;
}

#header #menu span img,
#header #logo a img {
	transition: .3s all ease-in-out;
}

#header.serch-open #menu span img,
#header.serch-open #logo a img {
	filter: invert(99%) sepia(30%) saturate(94%) hue-rotate(282deg) brightness(115%) contrast(100%);
}

.search-bar form {
	max-width: 925px;
	margin: auto;
	margin-top: 283px;
}

.search-bar form .form-control {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	color: #FFFFFF;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	padding: 22px 10px;
}

.search-bar form .form-control::placeholder {
	color: #fff;
}

.form-control:focus {
	box-shadow: none;
}

.home #header #search .img-1 {
	filter: invert(100%) sepia(0%) saturate(1643%) hue-rotate(30deg) brightness(109%) contrast(101%);
}

#header #search .img-1,
#header #search .img-2 {
	transition: .3s all ease-in-out;
}

#header #search .img-2 {
	display: none;
}

#header.serch-open #search .img-2 {
	display: block;
}

#header.serch-open #search .img-1 {
	display: none;
}

/*---------- hero-section ----------*/

.hero-section {
	background-color: #FAFAFA;
	height: 1100px;
	position: relative;
}

.hero-section .wrapper {
	width: 50%;
}

.hero-background {
	overflow: hidden;
}

.hero-background .img {
	border-radius: 459px 0px 0px 0px;
	overflow: hidden;
	width: 47.8%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.hero-background .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-section h1 {
	font-weight: 700;
	font-size: 130px;
	line-height: 140px;
	text-transform: uppercase;
	color: #000;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	padding-top: 100px;
	padding-right: 34px;
}

.hero-section h1.white_text {
	color: #fff;
	clip-path: inset(0% 0% 0% 52.2%);
	-webkit-clip-path: inset(0% 0% 0% 52.2%);
}

.hero-content {
	margin-top: 280px;
	z-index: 1;
	position: relative;
}

.hero-content h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.hero-content p {
	max-width: 325px;
	margin: 0 60px 0 0;
}

.hero-section .hero-button {
	margin-top: 150px;
}

.hero-section .hero-button .btn-primary span {
	transform: translateY(5px);
}

.hero-circle-text {
	max-width: 176px;
	width: 100%;
	position: absolute;
	right: 47.8%;
	transform: translateX(50%);
	bottom: 5px;
	animation: circle-rotate 10s linear infinite;
	z-index: 1;
}

.hero-circle-text::before {
	content: "";
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #E8E4D9;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-circle-text h2 {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 0px;
	color: #000000;
	text-transform: lowercase;
	margin-bottom: 0;
}

.hero-circle-text h2 span:nth-child(16),
.hero-circle-text h2 span:nth-child(17),
.hero-circle-text h2 span:nth-child(18),
.hero-circle-text h2 span:nth-child(19),
.hero-circle-text h2 span:nth-child(20),
.hero-circle-text h2 span:nth-child(21),
.hero-circle-text h2 span:nth-child(22),
.hero-circle-text h2 span:nth-child(23),
.hero-circle-text h2 span:nth-child(24),
.hero-circle-text h2 span:nth-child(25),
.hero-circle-text h2 span:nth-child(26),
.hero-circle-text h2 span:nth-child(27),
.hero-circle-text h2 span:nth-child(28),
.hero-circle-text h2 span:nth-child(29) {
	color: #fff;
}

/*---------- stories-section ----------*/

.stories-section {
	background-color: #E8E4D9;
	overflow-X: hidden;
}

.stories-section .title-rg {
	margin: 90px 0px 30px 0px;
}

.stories-section .stories-content p {
	max-width: 326px;
}

.stories-section .stories-button {
	margin-top: 120px;
	margin-bottom: 50px;
}

.stories-section .stories-button .btn-primary {
	padding: 30px 36px;
}

.stories-section .stories-button .btn-primary::after {
	width: 79px;
	height: 39px;
	top: 50%;
}

.stories-wrapper {
	margin-right: -300px;
}

.stories-wrapper .stories-rows {
	display: flex;
}

.stories-wrapper .stories-img {
	width: 559px;
	height: fit-content;
	border-radius: 50%;
	overflow: hidden;
}

.stories-wrapper .bottom-rows {
	margin-left: -267px;
	margin-right: -276px;
	margin-top: -70px;
}

/*---------- news-section ----------*/

.news-section {
	background-color: #576F72;
	padding: 90px 0px 60px 0px;
}

.news-section .news-title h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}

.news-item .news-img {
	margin-right: 40px;
	max-width: 32%;
	height: 430px;
}

.news-section .news-item .news-content {
	padding-right: 50px;
}

.news-item .news-img img {
	clip-path: url(#mask);
	width: 100%;
	height: auto;
	overflow: hidden;
	object-fit: cover;
	object-position: top;
}

.news-wrapper .news-swiper {
	height: 1260px;
}

.news-swiper .swiper-wrapper {
	max-width: 1200px;
	margin: auto;
}

.news-item {
	display: flex;
	align-items: center;
}

.news-item .news-content .date-meta {
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 16px;
}

.news-item .news-content h4 {
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #FFFFFF;
	max-width: 680px;
}

.news-item .news-content h4 a {
	color: #FFFFFF;
}

.news-item .news-content h4:hover a {
	color: #000000;
}

.news-swiper .swiper-slide {
	height: 400px !important;
	display: flex;
	align-items: center;
}

.news-swiper-geers {
	position: absolute;
	right: 0;
	bottom: 95px;
	width: 44px;
	height: 200px;
	z-index: 1;
}

.news-swiper .swiper-button-prev {
	margin-bottom: 20px !important;
}

.news-swiper .swiper-button-prev img {
	transform: rotate(180deg);
}

.news-swiper .swiper-button-next,
.news-swiper .swiper-button-prev {
	position: unset;
	height: 90px;
	width: 100%;
	display: block;
	margin: 0;
}

.news-swiper .swiper-button-next::after,
.news-swiper .swiper-button-prev::after {
	display: none;
}

.news-item .news-img .star-shap {
	width: 100%;
	height: 100%;
}

image.images-box {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.news-item .news-img .star-shap clippath,
.news-detail-intro .star-post .star-shap clippath {
	transform-box: fill-box;
	transform-origin: 50% 50%;
	animation-duration: 25s;
	animation-name: rotate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*---------- edition-section ----------*/

.edition-section {
	padding: 90px 0px;
}

.edition-swiper {
	padding-top: 60px !important;
}

.edition-wrapper .edition-item .img,
.editions-gallery .gallery-rows .img {
	overflow: hidden;
}

.edition-wrapper .edition-item .img img,
.editions-gallery .gallery-rows .img img {
	transition: .3s all ease-in-out;
}

.edition-wrapper .edition-item .img:hover img,
.editions-gallery .gallery-rows .img:hover img {
	transform: scale(1.1);
	filter: grayscale(100%);
	-webkit-transition: all 1s ease;
}

.edition-wrapper .edition-item .img-1 {
	max-width: 491px;
	margin: 20px 60px 30px 0px;
}

.edition-wrapper .edition-item .img-2 {
	max-width: 328px;
	margin-left: auto;
}

.edition-wrapper .swiper-slide-active .edition-item .img-2 {
	margin-right: -110px;
}

.edition-wrapper .edition-item .img-3 {
	max-width: 404px;
}

.edition-wrapper .edition-item .img-4 {
	max-width: 388px;
	margin: 38px 0px 0px 240px;
}

.edition-section .edition-swiper-geers {
	width: 130px;
	height: 30px;
	position: absolute;
	right: 0;
	top: -10px;
	display: flex;
	justify-content: space-between;
}

.edition-swiper-geers .swiper-button-prev img {
	transform: rotate(180deg);
}

.edition-swiper-geers .swiper-button-next,
.edition-swiper-geers .swiper-button-prev {
	position: unset;
	height: 30px;
	width: 58px;
	display: block;
	margin: 0;
}

.edition-swiper-geers .swiper-button-next::after,
.edition-swiper-geers .swiper-button-prev::after {
	display: none;
}

/*---------- culture-section ----------*/

.culture-section {
	background-color: #E8E4D9;
	padding: 90px 0px;
	overflow: hidden;
	position: relative;
	cursor: none;
}

.culture-section .culture-title h2 {
	text-align: center;
	margin-bottom: 60px;
}

.cursor {
	position: absolute;
	width: 120px;
	height: 120px;
	top: -100px;
	left: -30px;
	cursor: none;
	pointer-events: none;
	z-index: 11;
}

.culture-swiper::before {
	content: '';
	background-color: #E8E4D9;
	width: 500%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -500%;
	z-index: 2;
}

.culture-items .image {
	display: flex;
	overflow: hidden;
}

.culture-items .image img {
	transition: .3s all ease-in-out;
}

.culture-items .image:hover img {
	transform: scale(1.1);
}

.culture-items .meta {
	display: flex;
	align-items: center;
	margin: 15px 0px 6px 0px;
}

.culture-items .meta .date {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0;
}

.culture-items .culture-button {
	margin: 8px 15px;
}

.culture-items .culture-button .btn-primary {
	padding: 24px 25px;
}

.culture-items .culture-button .btn-primary::after {
	display: none;
}

.culture-items .culture-button .btn-primary span {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}

.culture-items .content h4 {
	font-weight: 600;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 0;
	max-width: 452px;
}

.culture-items .content h4 a {
	color: #000000;
}

.culture-items .content h4:hover a {
	color: #576F72;
}

.culture-section .culture-swiper {
	margin-right: -250px;
}

/*---------- news-letter ----------*/

.news-letter {
	padding: 90px 0px 60px 0px;
}

.news-letter .wrapper {
	max-width: 610px;
	margin: auto;
}

.news-letter .wrapper .letter-title {
	text-align: center;
}

.news-letter .wrapper .letter-title h2 {
	margin-bottom: 35px;
}

.letter-form {
	display: flex;
	margin-top: 35px;
}

.letter-form .form-control {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	height: 70px;
	border-radius: 0;
	border: none;
	background-color: #FAFAFA;
	padding: 12px 12px 12px 28px;
}

.letter-form .form-control::placeholder {
	color: #BDBDBD;
}

.letter-form .sign-up {
	border: none;
	background-color: #000000;
	max-width: 198px;
	width: 100%;
	display: block;
	padding: 15px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	transition: .3s all ease;
}

.letter-form .sign-up:hover {
	background-color: #576F72;
}

/*---------- footer-section ----------*/

.footer {
	padding-bottom: 40px;
	background-color: #FFFFFF;
}

.footer .foot-logo {
	display: flex;
	width: 200px;
	padding: 14px 0px;
}

.footer .wrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 60px;
	border-top: 1px solid #BDBDBD;
}

.logo-and-menu ul {
	display: flex;
	column-gap: 37px;
	row-gap: 10px;
	padding: 0;
	padding: 30px 0px 20px 0px;
	border-bottom: 1px solid #909090;
	margin-bottom: 0;
}

.logo-and-menu ul li a {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.logo-and-menu ul li a:hover {
	color: #d0c199;
}

.footer .social-media {
	display: flex;
	padding: 0;
	margin: 15px 0px;
}

.footer .social-media li {
	margin-left: 15px;
}

.footer .social-media li a {
	width: 45px;
	height: 45px;
	display: flex;
	border: 1px solid #000000;
	padding: 7px;
}

.footer .social-media li a:hover {
	background-color: #576F72;
	border-color: #576F72;
}

.footer .social-media li a:hover img {
	filter: invert(99%) sepia(5%) saturate(30%) hue-rotate(108deg) brightness(105%) contrast(100%);
}

.copyright {
	padding: 20px 0px;
}

.copyright p {
	font-size: 18px;
	line-height: 28px;
	text-transform: lowercase;
	color: #909090;
	margin-bottom: 0;
}

.copyright p a {
	color: #909090;
}

.copyright p a:hover {
	color: #576F72;
	text-decoration: underline;
}

#dragger {
	position: fixed;
	z-index: 5;
	width: 142px;
	height: 130px;
	background-color: transparent;
	border-radius: 50%;
	pointer-events: none;
	transition: background ease-in 10ms, box-shadow ease-in 150ms, transform ease-in 150ms;
	transform: translate3d(0, 0, 0);
}

#dragger .btn-primary {
	font-weight: 600;
	font-size: 21.3192px;
	line-height: 33px;
	color: #000000;
	padding: 25px 35px;
}

#dragger .btn::before {
	border: 2px solid #000000 !important;
}

#dragger .btn-primary::after {
	display: none;
}

/*---------- about-page ----------*/

.about-intro {
	background-color: #E8E4D9;
	padding-top: 255px;
}

.about-intro .wrapper {
	max-width: 575px;
}

.about-intro .intro-title {
	margin-bottom: 30px;
}

.about-intro .intro-img {
	max-width: 681px;
	margin-top: 70px;
	margin-left: 404px;
	margin-bottom: -87px;
}

.about-content-box {
	padding: 86px 0px 100px 0px;
}

.about-content-box .content-box {
	max-width: 680px;
}

.about-content-box .img-city {
	padding-left: 50px;
}

.about-content-box .img-box {
	max-width: 541px;
	height: 100%;
	border-radius: 50%;
	margin-left: auto;
	overflow: hidden;
}

.about-stories {
	background-color: #576F72;
}

.about-stories .content-box {
	padding-left: 100px;
	margin-bottom: 50px;
}

.about-stories .content-box h2 {
	margin: 50px 0px 45px 0px;
	color: #fff;
}

.about-stories .content-box p {
	color: #fff;
	max-width: 440px;
}

.about-stories .container::before {
	content: "";
	width: 250px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: calc(-250px + 12px);
}

.about-stories .wrapper {
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-left: -196px;
	margin-bottom: -60px;
	z-index: 1;
	position: relative;
}

.about-stories .wrapper .img {
	max-width: 448px;
	border-radius: 50%;
	overflow: hidden;
}

.about-stories .wrapper .img-3 {
	margin-left: -20px;
}

.about-stories .wrapper .rows-2 {
	margin-left: -60px;
}

.about-stories .img img,
.stories-wrapper .stories-img img {
	transition: all 0.5s linear;
	transform: scale3d(1, 1, 1);
}

.about-stories .img:hover img,
.stories-wrapper .stories-img:hover img {
	transform: scale3d(1.1, 1.1, 1);
}

.about-description {
	padding-top: 90px;
	text-align: center;
}

.about-description .wrapper h2 {
	margin-bottom: 45px;
}

.about-description .desc-content {
	max-width: 1000px;
	margin: auto;
}

/*---------- news-page ----------*/

.news-articles {
	padding: 290px 0px 80px 0px;
}

.articles-title {
	margin-bottom: 70px;
}

.articles-title .intro-title {
	margin-bottom: 30px;
	text-align: center;
}

.articles-title p {
	max-width: 640px;
	text-align: center;
	margin: auto;
}

.news-articles .articles-wrapper {
	padding: 0px 50px;
}

.news-articles .news-item .date-meta,
.news-articles .news-item h4 a {
	color: #000000;
}

.news-articles .load-button {
	padding: 100px 0px 10px 0px;
}

.load-button {
	display: flex;
	justify-content: center;
}

.load-button .btn {
	padding: 42px 32px;
	margin-right: 50px;
}

.load-button .btn::after {
	width: 80px;
	height: 11px;
	background-image: url(../images/arrow-rg.svg);
	background-size: 100%;
	top: 50%;
}

.news-articles .news-item .news-img .star-shap #mask {
	animation: none;
}

.articles-wrapper .news-item:nth-child(1) #mask {
	transform: rotate(46deg);
}

.articles-wrapper .news-item:nth-child(1),
.articles-wrapper .news-item:nth-child(3),
.articles-wrapper .news-item:nth-child(5) {
	margin-right: 130px;
}

.articles-wrapper .news-item:nth-child(2),
.articles-wrapper .news-item:nth-child(4),
.articles-wrapper .news-item:nth-child(6) {
	margin-left: 130px;
	margin-top: -90px;
	margin-bottom: -90px;
}

.news-detail-intro {
	padding: 200px 0px 90px 0px;
}

.news-detail-intro .wrapper {
	max-width: 1028px;
	margin: auto;
}

.news-articles .news-img .star-shap clippath {
	animation: none;
}

.news-detail-intro .star-post .post-img {
	max-width: 718px;
	height: 100%;
	margin: auto;
}

.news-articles .news-img .star-shap {
	overflow: hidden;
}

.news-articles .news-img .star-shap image {
	transition: .1s all ease-in-out;
}

.news-articles .news-img .star-shap image:hover {
	filter: grayscale(100%);
}

.news-detail-intro .date-meta {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 28px;
}

.news-detail-intro .post-content h4 {
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 20px;
}

.quote-box {
	display: flex;
	align-items: center;
}

.quote-box .quote {
	max-width: 203px;
}

.quote-box .content {
	margin-left: -60px;
}

.quote-box .content h4 {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	text-transform: uppercase;
	margin-bottom: 10px;
	max-width: 770px;
}

.quote-box .content .name {
	margin-bottom: 0;
	font-weight: 400;
}

.quote-box .content .name span {
	font-weight: 600;
	margin-right: 8px;
}

.news-detail-intro .caption-box .head-top {
	max-width: 840px;
	margin: 30px 0px 20px 0px;
}

.news-detail-intro .caption-box .head-bottom {
	margin: 30px 0px 15px 0px;
}

.news-detail-intro .caption-box .head-top,
.news-detail-intro .caption-box .head-bottom {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
}

.news-detail-intro .neranese-img {
	margin: 8px 0px 30px 0px;
}

/*---------- editions-page ----------*/

.editions-gallery {
	padding: 290px 0px 90px 0px;
}

.gallery-rows {
	display: flex;
}

.gallery-rows:nth-child(2) {
	align-items: flex-end;
	justify-content: space-between;
}

.editions-gallery .gallery-title .intro-title {
	margin: 46px 0px 30px 0px;
}

.editions-gallery .gallery-title p {
	max-width: 580px;
	font-weight: 400;
	margin-bottom: 86px;
}

.editions-gallery .item-1 {
	order: 1;
}

.editions-gallery .item-2 {
	order: 2;
	margin-left: 113px;
}

.gallery-rows .img-1 {
	max-width: 479px;
}

.gallery-rows .img-2 {
	max-width: 491px;
	margin-left: 252px;
	margin-bottom: -354px;
}

.gallery-rows .img-3 {
	max-width: 484px;
	width: 100%;
	margin: 58px 50px 108px 265px;
}

.gallery-rows .img-4 {
	max-width: 328px;
	margin-right: 85px;
	margin-bottom: -92px;
}

.gallery-rows .img-5 {
	max-width: 478px;
}

.gallery-rows .img-6 {
	max-width: 502px;
	margin: 145px 0px 0px 133px;
}

/*---------- culture-page ----------*/

.culture #header {
	background-color: #FFFFFF;
}

.culture-page {
	background-color: #E8E4D9;
	padding: 290px 0px 90px 0px;
	margin-bottom: 60px;
}

.culture-page .culture-title .intro-title {
	margin-bottom: 60px;
}

.culture-page .culture-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0px 82px;
	grid-row-gap: 60px;
}

.culture-grid .grid-items:nth-child(2) .culture-items,
.culture-grid .grid-items:nth-child(4) .culture-items,
.culture-grid .grid-items:nth-child(6) .culture-items {
	margin-top: 40px;
}

.culture-grid .grid-items:nth-child(3) .culture-items,
.culture-grid .grid-items:nth-child(4) .culture-items {
	margin-left: auto;
}

.culture-page .culture-grid .culture-items {
	max-width: 472px;
}

.culture-page .load-button {
	padding: 80px 0px 10px 0px;
}

.culture-intro {
	padding: 290px 0px 155px 0px;
}

.culture-intro .wrapper {
	max-width: 1050px;
	margin: auto;
}

.culture-post .meta p {
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

.culture-post .meta p a {
	color: #000000;
	margin-left: 14px;
}

.culture-post .meta p a:hover {
	color: #d0c199;
}

.culture-post .written {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 23px;
}

.culture-intro h5 {
	font-weight: 600;
	font-size: 28px;
	line-height: 38px;
}

.culture-intro .post-heading {
	max-width: 775px;
	margin: auto;
	text-align: center;
	padding-bottom: 30px;
}

.culture-intro .post-bottom {
	margin: 43px 0px 15px 0px;
}

.culture-intro .content-head {
	margin: 25px 0px 15px 0px;
}

.culture-intro .content-box {
	display: flex;
	margin: 20px 0px;
}

.culture-intro .content-box .img-box {
	width: 55%;
}

.culture-intro .content-box .content {
	width: 45%;
	padding: 20px 30px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.culture-intro .content-box .content p {
	width: 100%;
}

.culture-intro .social-media {
	display: flex;
	padding: 0;
	margin: 20px 0px 0px 0px;
}

.culture-intro .social-media li {
	margin-right: 12px;
}

.culture-intro .social-media li a {
	width: 36px;
	height: 36px;
	display: flex;
	border: 1px solid #000000;
	padding: 6px;
}

.culture-intro .social-media li a:hover {
	background-color: #576F72;
	border-color: #576F72;
}

.culture-intro .social-media li a:hover img {
	filter: invert(99%) sepia(5%) saturate(30%) hue-rotate(108deg) brightness(105%) contrast(100%);
}

/*---------- contact-page ----------*/

.contact-section {
	padding: 290px 0px 60px 0px;
}

.contact-section .wrapper {
	margin: 0px 98px;
}

.contact-intro {
	display: flex;
	margin-bottom: 60px;
}

.contact-intro .auto-rows {
	width: 50%;
}

.contact-intro .auto-rows .content {
	padding: 0px 25px;

}

.contact-intro .auto-rows .intro-title {
	margin-bottom: 30px;
}

.contact-intro .auto-rows .content p {
	max-width: 340px;
	margin-bottom: 0;
}

.contact-intro .contect-now {
	margin: 0;
	padding: 60px 0px 40px 0px;
	max-width: 285px;
}

.contact-intro .contect-now li {
	margin-bottom: 15px;
}

.contact-intro .contect-now li h6 {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 5px;
}

.contact-intro .contect-now li a {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.contact-intro .contect-now li a:hover {
	color: #576F72;
	text-decoration: underline;
}

.contact-form {
	max-width: 510px;
	margin-top: 72px;
	margin-left: 20px;
}

.contact-form .form-item {
	margin-bottom: 20px;
}

.contact-form label {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	padding-bottom: 10px;
}

.contact-form .form-control {
	height: 45px;
	background: rgba(217, 217, 217, 0.5);
	border-radius: 0;
	border: 0;
	padding: 8px 15px;
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
}

.form-control {
	-webkit-appearance: one;
	-moz-appearance: one;
	appearance: one;
}

.contact-intro .load-button {
	display: block;
	margin: 45px 0px 10px 0px;
}

.contact-intro .load-button .btn-primary,
.error-section .load-button .btn-primary {
	padding: 30px 42px;
}

.contact-intro .load-button .btn::after,
.error-section .load-button .btn::after {
	width: 65px;
	height: 10px;
	background-image: url(../images/arrow-rg.svg);
	background-size: 100%;
	top: 50%;
}

#map {
	height: 560px;
}

#map iframe {
	width: 100%;
	height: 100%;
}

/*---------- 404-page ----------*/

.error-section {
	background-color: #E8E4D9;
	height: 100vh;
	display: flex;
	align-items: center;
}

.error-section .wrapper {
	max-width: 886px;
	margin: auto;
	padding: 40px 0px;
	text-align: center;
}

.error-section .wrapper h5 {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.error-section .wrapper p {
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	text-transform: lowercase;
}

.error-section .wrapper .back {
	margin: 35px 0px 20px 0px;
}

.mask-intro {
	margin-top: 180px;
}

.mask-intro .fonts-txt {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 700;
	font-size: 415px;
	line-height: 428px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mask-intro .fonts-txt .clip_box {
	width: 290px;
	height: 360px;
	background-image: url(../images/img-404.jpg);
	background-size: cover;
	transform: rotate(15deg);
	border-radius: 50%;
	padding: 60px;
	position: relative;
}

.mask-intro .fonts-txt .clip_box::before,
.mask-intro .fonts-txt .clip_box::after {
	content: "";
	width: 12px;
	height: 70px;
	background-color: #E8E4D9;
	position: absolute;
}

.mask-intro .fonts-txt .clip_box::before {
	top: 33%;
	left: 27px;
	transform: rotate(98deg);
}

.mask-intro .fonts-txt .clip_box::after {
	top: 39%;
	right: 25px;
	transform: rotate(95deg);
}

.mask-intro .fonts-txt .clip_box .round {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 12px solid #E8E4D9;
	border-radius: 50%;
}

/*===================================================================================start-index-2-page-css============================================================================== */

.main-pase-2 a:hover {
	color: #576F72;
}

/*-------start:header-css ---------------------*/
#header .container {
	max-width: 1600px;
	margin: auto;
}

#header .wrapper-pase-2 {
	padding: 23px 60px;
	background: white;
	transform: skew(-15deg, 0deg);
	width: calc(100% - 45px);
	margin-right: auto;
	margin-left: 10px;
}

#header .wrapper-pase-2>#menu,
#header .wrapper-pase-2>#search {
	cursor: pointer;
	transform: skew(15deg, 0deg);
}

.wrapper-pase-2>#logo a img {
	transition: .3s all ease-in-out;
	transform: skew(15deg, 0deg);
}

#header .wrapper-pase-2 #search .d-flex .img-1 {
	filter: none;
}

#header.header-two.header-scrolled .wrapper-pase-2 {
	background-color: #E8E4D9;
	transform: skew(0deg, 0deg);
}

#header.header-two.header-scrolled #menu,
#header.header-two.header-scrolled #search {
	transform: skew(0deg, 0deg);
}

#header.header-two.header-scrolled #logo a img {
	transform: skew(0deg, 0deg);
}

#header.header-two.header-scrolled {
	background-color: #E8E4D9;
}

#header.header-two.serch-open #menu span img,
#header.serch-open #logo a img {
	filter: none;
}

/*-------end:header-css------------------------*/


/*--------START:hero-section-pase-2-CSS------ */
.hero-section-pase-2 {
	background-image: url(../images/pexels-kadeem-stewart.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-section-pase-2 .wrapper {
	width: 100% !important;
}

.hero-content-pase-2 h2 {
	color: #576F72;
	margin-bottom: 23px;
}

.hero-content-pase-2 p {
	color: #576F72;
	margin-bottom: 70px;
	max-width: 443.23px;
}

.hero-content-pase-2 .hero-button {
	margin-top: 0px;
}

.hero-content-pase-2 .hero-button {
	margin-bottom: 70px;
}

.hero-content-pase-2 h3 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 700;
	font-size: 100px;
	line-height: 120px;
	text-transform: uppercase;
	color: #576F72;
}

.hero-section-pase-2 .btn::before {
	border-color: #576F72;
}

.hero-section-pase-2 .btn::after {
	background-image: url(../images/btn-arrow-b.svg);
	height: 10px;
	background-size: contain;
}

.hero-section-pase-2 .btn {
	color: #576F72;
}

.hero-circle-text-two {
	max-width: 176px;
	width: 100%;
	position: absolute;
	right: 35%;
	transform: translateX(100%);
	bottom: 0;
	animation: circle-rotate 10s linear infinite;
	z-index: 1;
}

.hero-circle-text.hero-circle-text-two h2 span {
	color: #000000;
}

/*--------END:hero-section-pase-2-CSS------ */

/*--------Start:workshop-section-pase-2-CSS------ */

.workshop-section {
	background-color: #E8E4D9;
	padding: 90px 0px 70px 0px;
}

.workshop-section .news-title h2 {
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}

.workshop-section .workshop-wrapper {
	max-width: 1400px;
	margin: auto;
}

.workshop-section h4 {
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #000000;
}

.workshop-section p {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 40px;
}

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

.workshop-section .hero-button {
	text-align: center;
}

.workshop-content {
	max-width: 682px;
	margin: auto;
	width: 100%;
}

.workshop-item .workshop-img {
	max-width: 600px;
	width: 100%;
	height: 100%;
	margin: auto;

}

.workshop-item .workshop-img {
	position: relative;
	z-index: 3;
}

.workshop-img-wrap {
	max-width: 700px;
	width: 100%
}

.workshop-item .workshop_star_bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: flex;
}

.workshop-img-2 {
	position: absolute;
	z-index: 0;
	top: 3%;
	left: 5%;
	width: 97%;
}

/* --------------- START-workshop-swiper------------- */
.workshop-section .swiper {
	margin-left: auto;
	margin-right: auto;
}

.workshop-section .swiper-slide {
	background-size: cover;
	background-position: center;
}

.workshop-section .mySwiper2 {
	height: 80%;
	width: 100%;
}

.workshop-section .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 0px 0;
}

.workshop-section .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.workshop-section .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.workshop-section .swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
}

.workshop-section .edition-swiper-geers {
	width: 130px;
	display: flex;
	justify-content: space-between;
}

/*-------------- end-swiper---------------- */


/*---------------------End:workshop-section-MILLI-2-CSS----------- */
/*----------------- ---Start:Artist-section-CSS------------------- */
.artist-section {
	background-color: #576F72;
}

.artist-section .artist-megazin {
	display: flex;
}

.artist-section .artist-megazin .img {
	width: 50%;
}

.artist-section .artist-megazin .img::before {
	content: " ";
	display: block;
	padding-top: 100%;
}

.artist-section .artist-item-top .artist-megazin img {
	position: absolute;
	width: 50%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}

.artist-section .artist-content {
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	padding: 20px 0px;
}

.artist-section h3 {
	font-size: 45px;
	line-height: 54px;
	color: #FFFFFF;
	margin-bottom: 35px;
}

.artist-section p {
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	margin-bottom: 60px;
	max-width: 326px;
}

.artist-section .btn {
	color: #ffffff;
}

.artist-section .btn:hover span {
	color: #000000;
}

.artist-section .btn::before {
	border: 1px solid #ffffff;
}

.artist-section .btn::after {
	background-image: url(../images/arrow-white.svg);
	height: 10px;
	background-size: contain;
}

.artist-section .artist-wrap .artist-item:nth-child(even) .artist-megazin {
	display: flex;
	flex-direction: row-reverse;
}

.artist-section .artist-wrap .artist-item:nth-child(even) .artist-megazin .artist-content {
	margin: auto;
}

.artist-section .artist-wrap .artist-item:nth-child(odd) .artist-megazin .artist-content-wrap {
	padding: 0px 10px;
}

.artist-section .artist-wrap .artist-item-bottom .artist-megazin img {
	position: absolute;
	width: 50%;
	height: 100%;
	object-fit: cover;
	top: 0;
	right: 0;
}

.artist-item {
	position: relative;
	overflow: hidden;
}

.artist-section .artist-item .artist-content-wrap {
	max-width: 568px;
	margin: auto;
}

.artist-section .artist-wrap .artist-item:nth-child(even) {
	position: relative;
	overflow: hidden;
}

.artist-section .artist-wrap .artist-item:nth-child(even) .artist-item-bg-img {
	right: 0;
	position: absolute;
	top: 0;
	left: auto;
	width: 50%;
}

.artist-section .artist-wrap .artist-item:nth-child(even) .artist-content-wrap {
	margin: 0;
	padding: 0px 10px;
}

/*----------------- ---END:Artist-section-CSS------------------- */

/*------------- start-edition-section-MILLI-2 -page-css ------------*/
.edition-section-pase-2 .edition-wrapper-top {
	display: flex;
}

.edition-section-pase-2 .edition-wrapper-bottom {
	display: flex;
	width: 100%;
	max-width: 1340px;
	gap: 10px;
}

.edition-section-pase-2 .edition-wrapper-bottom .edition-item {
	width: 100%;
}

.edition-section-pase-2 .edition-wrapper-bottom .edition-item .edition-img-3 {
	max-width: 340px;
	margin: 0 0 0 auto;
}

.edition-section-pase-2 .edition-wrapper-bottom .edition-item .edition-img-4 {
	max-width: 440px;
	margin: 0 0 0 auto;
}

.edition-section-pase-2 .edition-wrapper-top .edition-item {
	max-width: 480px;
	margin: auto;
}

.edition-section-pase-2 .edition-item.edition-item-2 {
	padding: 0 25px;
}

.edition-section-pase-2 .edition-wrapper-top .edition-item h2 {
	margin-bottom: 30px !important;
}

.edition-section-pase-2 .edition-wrapper-top .edition-item p {
	max-width: 380px;
	margin: auto;
	margin-bottom: 50px;
}

.edition-section-pase-2 .edition-wrapper-top .edition-item-3 {
	max-width: 480px;
	margin: 0px 0 0 auto;
}

.edition-section-pase-2 .edition-wrapper-top .edition-item-1 {
	max-width: 480px;
	margin: 0px auto 0 0;
}

.edition-section-pase-2 .edition-item-4 img {
	padding-top: 80px;
}

.edition-item-5 .edition-img-4 img {
	margin-top: -125px;
}

/*------------- End-edition-section-pase-2-css --------------*/

/*------------- start-culture-section-MILLI-2-css ------------*/
.culture-section-pase-2 {
	background-color: #E8E4D9;
	overflow: hidden;
	position: relative;
	cursor: none;
}

.culture-section-pase-2 .culture-title h2 {
	text-align: center;
	margin-bottom: 60px;
}

.culture-section-pase-2 .culture-items {
	background-color: #576F72;

}

.culture-section-pase-2 .culture-items .image {
	position: relative;
	width: 100%;
}

.culture-section-pase-2 .culture-items .meta {
	padding-left: 25px;
	z-index: 10;
	margin: -50px auto 0px;
	position: absolute;

}

.culture-section-pase-2 .culture-items .meta p {
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}

.culture-section-pase-2 .culture-items h4 a {
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	color: #FFFFFF;
}

.culture-section-pase-2 .culture-items .content h4:hover a {
	color: #000000;
}

.culture-section-pase-2 .culture-items .content {
	padding: 15px 25px 25px;
}

.culture-section.culture-section-pase-2 .culture-swiper {
	margin-right: 0;
}

/*------------- End-culture-section-MOLLI-2-css ------------*/

/*------------- start-footer-section-MILLI-2-css ------------*/
.footer-pase-2 {
	background: #E8E4D9;
	padding-bottom: 0;
}

.footer-pase-2 .logo-and-text {
	max-width: 400px;
}

.footer-pase-2 .wrapper h4 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	color: #000000;
	margin-bottom: 18px;
}

.footer-pase-2 .wrapper h6 {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 15px;
}

.footer-pase-2 .wrapper p {
	margin-bottom: 10px;
}

.footer-pase-2 .wrapper p:hover {
	color: #576F72;
}

.footer-pase-2 .wrapper p a {
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.footer-pase-2 .wrapper p a:hover {
	color: #576F72;
}

.footer-pase-2 .logo-Official-info {
	max-width: 300px;
}

.footer-pase-2 .wrapper {
	border-bottom: 1px solid rgba(144, 144, 144, 0.5);
	border-top: none;
	padding-bottom: 62px;
	gap: 50px;
}

.footer-pase-2 .copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-pase-2 .foot-logo {
	display: flex;
	width: 200px;
	padding-bottom: 25px;
}

.footer-pase-2 .logo-link,
.footer-pase-2 .logo-support,
.footer-pase-2 .logo-Official-info {
	margin-top: 15px;
}

/*------------- END-footer-section-MILL-2-css ------------*/
/* ==============================================================================  END-milli-2-css ============================================================================= */

/* ==============================================================================  START:milli-3  ================================================================================*/

/* --------------------Start-HEADER-CSS	---------------------------- */
/* .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: 0px;
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
} */

.home-3 {
	padding-bottom: 0px;
	overflow-x: hidden;
}

#header .wrapper-pase-3 {
	padding: 23px 0px;
	width: 100%;
	margin-right: auto;
	overflow-x: hidden;
	padding-right: 10px;
}

#header.header-three #search .img-1 {
	filter: invert(0%) sepia(0%) saturate(1643%) hue-rotate(30deg) brightness(109%) contrast(101%);
}

#header.header-three #search .d-flex {
	gap: 28px;
}

#header.header-three #menu .main-menu {
	display: flex;
	align-items: center;
	gap: 24px;
	padding-left: 0px;
	margin-bottom: 0px;
}

#header.header-three #menu .main-menu li a {
	color: #000;
}

#header.header-three #menu .mobile-drop i {
	font-size: 20px;
	color: #000000;
}

#header.serch-open #search .img-2 {
	filter: invert(99%) sepia(30%) saturate(94%) hue-rotate(282deg) brightness(115%) contrast(100%);
}

#header.header-three.serch-open #logo a img {
	filter: invert(99%) sepia(30%) saturate(94%) hue-rotate(282deg) brightness(115%) contrast(100%);
}

#header.header-three.serch-open #search .img-2 {
	filter: invert(0%) sepia(30%) saturate(94%) hue-rotate(282deg) brightness(115%) contrast(100%);
}


#header.header-three #search img {
	width: 28px;
}

.header-three.serch-open .cart_basket {
	display: none;
}

#header.header-three.serch-open #menu .main-menu li a,
#header.header-three.serch-open #menu .main-menu li .mobile-drop i {
	color: #fff;
}

.header-three .container .wrapper #menu>span>img {
	display: none;
}

.cart_basket {
	position: relative;
}

.cart_basket span {
	display: flex;
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #FFFFFF;
	background: #576F72;
	border-radius: 20px;
	position: absolute;
	top: -8px;
	right: -8px;
	padding: 4px;
}

/* --------------------End-HEADER-CSS	---------------------------- */


.wrapper-pase-3 #menu .menu-bugs {
	display: none !important;
}

/* -------------------start-HERO-PAGE-MILLI-3-CSS------------------------ */
.hero-section-pase-3 .hero-background .img {
	overflow: visible;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.hero-section-pase-3 .hero-content .auto-column {
	display: flex;

}

.hero-section-pase-3 .hero-content .auto-column p {
	max-width: 346px;
	margin: 0px;
}

.hero-section-pase-3 .hero-circle-text {
	right: 50%;
}

.hero-section-pase-3 .hero-circle-text h2 {
	color: #ffffff;
}

.hero-section-pase-3 .wrapper {
	width: 50%;
	margin: 0px 0px 0px auto;
}

.hero-section-pase-3 .wrapper .hero-content {
	margin-right: auto;
	padding-left: 50px;
	margin-top: 300px;
	z-index: 1;
	position: relative;
}

.hero-section-pase-3 .hero-circle-text h2 span:nth-child(16),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(17),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(18),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(19),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(20),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(21),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(22),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(23),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(24),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(25),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(26),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(27),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(28),
.hero-section-pase-3 .hero-circle-text h2 span:nth-child(29) {
	color: #000000;
}

.hero-section-pase-3 h1.white_text {
	color: #000000;
	clip-path: inset(0% 0% 0% 50%);
	-webkit-clip-path: inset(0% 0% 0% 50%);
}

.hero-section-pase-3 h1 {
	color: #ffffff;
	padding-right: 0px;
}

.hero-section.hero-section-pase-3 {
	background-color: transparent;
}

/* ---------------------start:milli-hero-3--------------------- */
.milli-hero-3 .hero-background .img {
	border-radius: 0px;
	overflow: hidden;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.milli-hero-3 .wrapper {
	width: 50%;
	margin: 0px 0px 0px auto;
}

.milli-hero-3 .wrapper .hero-content {
	margin-right: auto;
	padding-left: 50px;
	margin-top: 300px;
	z-index: 1;
	position: relative;
}

.milli-hero-3 h1 {
	color: #ffffff;
	padding-left: 0px;
	z-index: 1;
}

.milli-hero-3 .hero-circle-text {
	max-width: 176px;
	width: 100%;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: 5px;
	animation: circle-rotate 10s linear infinite;
	z-index: 1;
}

.milli-hero-3 .hero-circle-text h2 span:nth-child(16),
.milli-hero-3 .hero-circle-text h2 span:nth-child(17),
.milli-hero-3 .hero-circle-text h2 span:nth-child(18),
.milli-hero-3 .hero-circle-text h2 span:nth-child(19),
.milli-hero-3 .hero-circle-text h2 span:nth-child(20),
.milli-hero-3 .hero-circle-text h2 span:nth-child(21),
.milli-hero-3 .hero-circle-text h2 span:nth-child(22),
.milli-hero-3 .hero-circle-text h2 span:nth-child(23),
.milli-hero-3 .hero-circle-text h2 span:nth-child(24),
.milli-hero-3 .hero-circle-text h2 span:nth-child(25),
.milli-hero-3 .hero-circle-text h2 span:nth-child(26),
.milli-hero-3 .hero-circle-text h2 span:nth-child(27),
.milli-hero-3 .hero-circle-text h2 span:nth-child(28),
.milli-hero-3 .hero-circle-text h2 span:nth-child(29) {
	color: #000000;
}

.milli-hero-3 .hero-circle-text h2 {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 0px;
	color: #ffffff;
	text-transform: lowercase;
	margin-bottom: 0;
}

.milli-hero-3 h1.white_text {
	color: #000000;
	clip-path: inset(0% 0% 0% 50%);
	-webkit-clip-path: inset(0% 0% 0% 50%);
}

.milli-hero-3 .hero-content .auto-column {
	display: flex;
}

/* ----------------------end:milli-hero-3---------------------------------- */


/* -------------------end-HERO-PAGE-MILLI-3-CSS------------------------ */
/* -------------------Start-culture-section-MILLI-3-CSS------------------------ */
.culture-section-pase-3 .culture-swiper {
	margin: 0px -250px;
}

.culture-section.culture-section-pase-3 {
	background-color: #E8E4D9;
	padding: 0px 0px;
	overflow: hidden;
	position: relative;
	cursor: none;
}

.culture-section .culture-title.marquee-title {
	background-color: #fff;
}

.culture-section-pase-3 .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	max-width: 460px;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.culture-section-pase-3 .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.culture-section-pase-3 .swiper-slide:nth-child(odd) .culture-items .image img {
	background: #4A4747;
	border-radius: 50px;
}

.culture-section-pase-3 .swiper-slide:nth-child(even) .culture-items .image img {
	background: #4A4747;
	border-radius: 300px;
}

.culture-section-pase-3 .culture-items .image:hover img {
	transform: scale(1);
}

.culture-section-pase-3 .culture-title {
	margin: 0px -250px;
}

.culture-section-pase-3 h2 {
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	text-transform: uppercase;
	color: #000000
}

.culture-section.culture-section-pase-3 .culture-title h2 {
	text-align: center;
	margin-bottom: 00px;
}

.culture-section-pase-3 .marquee-content {
	display: flex;
	animation: scrolling 10s linear infinite;
}

.culture-section-pase-3 .marquee-item {
	margin: auto;
	margin-right: 20px !important;
}

.culture-section-pase-3 .marquee-item img {
	display: block;
	width: 100%;
	max-width: 460px;
}

.culture-section-pase-3 .marquee-title-content {
	display: flex;
	animation: scrolling 10s linear infinite;
}

.culture-section-pase-3 .marquee-title {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.culture-section-pase-3 .marquee-title-item {
	flex: none;
	margin: 25px 2vw;
}

.culture-section-pase-3 .culture-swiper-3 {
	padding: 60px 0px;
}

@keyframes scrolling {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translatex(-144vw);
	}
}

/* -------------------end-culture-MILLI-3-CSS------------------------ */

/* -------------------Start-Pricing-section-MILLI-3-CSS------------------------ */
.pricing-page {
	padding: 90px 0 80px;
}

.pricing-page .Pricing-title {
	text-align: center;
	margin-bottom: 60px;
}

.pricing-page .pricing-plan {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

.pricing-page .pricing-item {
	max-width: 440px;
	margin: auto;
	text-align: center;
	padding: 60px 35px 20px;
	border-top: 6px solid #576F72;
	background: #E8E4D9;
	transition: all 0.5s ease;
}

.pricing-page .pricing-item-wrap {
	max-width: 360px;
}

.pricing-page h4 {
	font-weight: 600;
	font-size: 30px;
	line-height: 36px;
	color: #000000;
	margin-bottom: 25px;
}

.pricing-page p {
	margin-bottom: 0px;
}

.pricing-page .pricing-price {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: 30px 0;
}

.pricing-page .pricing-price .currency {
	font-size: 36px;
	line-height: 40px;
	color: #000;
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
}

.pricing-page .hero-button {
	margin-top: 34px;
}

/* -------------------end-Pricing-section-3-CSS------------------------ */

/* -------------------Start-Megazin-section-MILLI-3-CSS------------------------ */
.megazin-page {
	background-color: #576F72;
	padding: 90px 0px 175px;

}

.megazin-page .megazin-wrap .img-1 {
	max-width: 560px;
	margin: auto;
}

.megazin-page .megazin-img-wrap {
	position: relative;
	max-width: 680px;
	padding-right: 120px;
}

.megazin-page .megazin-wrap .img-2 {
	max-width: 400px;
	margin: auto;
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: -18.5%;
	width: 100%;
}

.megazin-page .megazin-wrap h3 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 55px;
	color: #FFFFFF;
	margin-bottom: 35px;
}

.megazin-page .megazin-wrap p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 25px;
	max-width: 445px;
}

.megazin-content-wrap {
	max-width: 550px;
	margin: auto;
}

.megazin-page .hero-button {
	padding-top: 0px;
}

.megazin-wrap .megazin-content-wrap .btn::before {
	border: 1px solid #ffffff;

}

.megazin-wrap .megazin-content-wrap .btn span {
	color: #FAFAFA;
}

.megazin-wrap .megazin-content-wrap .btn::after {
	height: 10px;
	background-image: url(../images/arrow-white.svg);
	background-size: cover;
}

/* -------------------end-Megazin-section-MILLI-3-CSS------------------------ */
/* -------------------start-Edition-section-MILLI-3-CSS------------------------ */

.edition-section-pase-3 .edition-wrapper .edition-item .img {
	max-width: 340px;
	margin: 0px;
}


.edition-milli {
	padding: 90px 0px;
}

.edition-milli .edition-milli-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.edition-milli .edition-swiper-geers {
	width: 130px;
	height: 30px;
	position: absolute;
	right: 0;
	top: -10px;
	display: flex;
	justify-content: space-between;
}

.edition-milli .edition-milli-contant {
	padding-top: 60px;
	position: relative;
}

/* -------------------end-Edition-section-MILLI-3-CSS------------------------ */

/* -------------------start-Blog-section-MILLI-3-CSS------------------------ */

.blog-section {
	padding: 90px 0 80px;
	background-color: #E8E4D9;
}

.blog-section .blog-title {
	text-align: center;
	margin-bottom: 60px;
}

.blog-section .blog-wrap {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	margin-bottom: 35px;
}

.blog-section .blog-wrap p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 22px;
}

.blog-section .blog-wrap h3 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 35px;
	line-height: 45px;
	color: #000000;
	margin-bottom: 30px;
}

.blog-section .blog-wrap .blog-img {
	max-width: 770px;
	width: 100%;
}

.blog-section .blog-wrap .blog-contant {
	max-width: 650px;
	width: 100%;
}

.blog-section .blog-contant-item {
	max-width: 490px;
	margin: auto;
	text-align: left;
	padding: 16px;
}

.blog-section .edition-swiper-geers {
	width: 130px;
	height: 30px;
	display: flex;
	justify-content: space-between;
}

/* -------------------end-BLOG-section-MILLI-3-CSS------------------------ */

/* -------------------start-footer-pase-3-section-MILLI-3-CSS------------------------ */

.footer-pase-3 {
	padding: 60px 0 44px;
	background-color: #E8E4D9;
}

.footer-pase-3 .foot-logo {
	margin-bottom: 25px;
}

.footer-pase-3 .wrapper {
	padding-bottom: 70px;
	border-bottom: 1px solid #909090;
	border-top: none;
}

.footer-pase-3 h4 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
}

.footer-pase-3 .logo-and-text {
	max-width: 400px;
	width: 100%;
}

.footer-pase-3 .logo-support,
.footer-pase-3 .logo-subscrib {
	margin-top: 10px;
}

.footer-pase-3 .logo-support-wrap p {
	margin-bottom: 10px;
}

.footer-pase-3 .logo-support-wrap p a {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.footer-pase-3 .logo-support-wrap p a:hover {
	color: #576F72;
}

.footer-pase-3 .logo-support h4 {
	margin-bottom: 18px;
}

.footer-pase-3 .logo-subscrib h4 {
	margin-bottom: 28px;
}

.footer-pase-3 .letter-form {
	display: flex;
	margin-top: 0px;
}

.footer-pase-3 .logo-and-text p {
	margin-bottom: 30px;
}

.footer-pase-3 .social-media {
	gap: 15px;
}

.footer-pase-3 .social-media li {
	margin-left: 0px;
}

.footer-pase-3 .subscrib-contant {
	max-width: 510px;
	width: 100%;
}

.footer-pase-3 .social-media li a {
	border-radius: 50px;
}

.footer-pase-3 .subscrib-head {
	display: flex;
	gap: 15px;
}

.footer-pase-3 .logo-subscrib {
	max-width: 510px;
	width: 100%;
}

.footer-pase-3 .logo-subscrib .letter-form .form-control {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	height: 55px;
	border-radius: 0;
	border: none;
	background-color: #FAFAFA;
	padding: 0px 0px 0px 28px;
}

.footer-pase-3 .logo-subscrib .letter-form .sign-up {
	border: none;
	background-color: #000000;
	max-width: 150px;
	width: 100%;
	display: block;
	padding: 0px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	transition: .3s all ease;
}

.footer-pase-3 .logo-subscrib .letter-form .sign-up:hover {
	background-color: #576F72;

}

/*========================================================================END:MILLI-3 ================================================================================================ */


/* =====================================================================Start:Workshop-main-page ===================================================================================== */
body.editions #header {
	background-color: #ffff;
}

/* ------------START-workshop-main-page------------- */

.workshop-main-page {
	padding: 290px 0 80px;
	background-color: #E8E4D9;
	margin-bottom: 80px;
}

.workshop-main-page .workshop-main-contain {
	padding-bottom: 30px;
}

.workshop-main-page h1 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 80px;
	line-height: 90px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 30px;
}

.workshop-main-page .workshop-title p {
	max-width: 660px;
	width: 100%;
	margin: auto;
	text-align: center;
}

.workshop-main-page .workshop-title {
	margin-bottom: 78px;
}

.workshop-main-page .workshop-contain-wrapp {
	max-width: 1270px;
	margin: auto;
	width: 100%;
}

.workshop-main-page .workshop-contain-wrapp .workshop-item {
	display: flex;
	gap: 100px;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.workshop-main-page .workshop-contain-wrapp .workshop-item h4 {
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #000000;
	margin-bottom: 20px;

}

.workshop-main-page .workshop-contain-wrapp .workshop-item p {
	margin-bottom: 50px;
}

.workshop-main-page .workshop-contain-wrapp .workshop-item .hero-button {
	text-align: left;
}

.workshop-main-page .hero-button {
	text-align: center;
}

.workshop-main-page .workshop-contain-wrapp .workshop-item .workshop-img {
	max-width: 440px;
	width: 100%;
	height: 100%;
	margin: auto;
}



/* -==================================================================END:Workshop-main-page================================================================================= */

/* ====================================================================Start-Workshop-Detail-Pages===========================================================================*/
.workshop-detail-page {
	padding: 280px 0 150px;
	position: relative;

}

.workshop-detail-page::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #E8E4D9;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-clip-path: polygon(0 0%, 380% 0, 0% 44%, 0 12%);
	clip-path: polygon(0 0%, 380% 0, 0% 44%, 0 12%);
	z-index: -10;
}

.workshop-detail-page .workshop-detail-wrap {
	max-width: 1051px;
	width: 100%;
	margin: auto;

}

.workshop-detail-page .workshop-detail-wrap .workshop-title h3 {
	text-align: center;
	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 40px;

}

.workshop-detail-page .workshop-home-wrap .workshop-home-contant {
	background: #576F72;
	padding: 20px 55px;
	border-radius: 0px 30px;
	max-width: 871px;
	width: 100%;
	margin: -60px auto 50px;
	position: relative;
	z-index: 100;

}

.workshop-detail-page .workshop-home-wrap .workshop-home-contant h5 {

	font-family: 'Arsenica Trial';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	color: #FFFFFF;

}

.workshop-detail-page h4 {
	font-size: 28px;
	line-height: 38px;
	color: #000000;
	margin-bottom: 20px;
}

.workshop-detail-page .workshop-home-wrap .workshop-detail-wrappp {
	margin: 25px 0 28px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	justify-content: center;
	align-items: center;
}

.workshop-detail-page .workshop-detail-list-group {
	background: rgba(87, 111, 114, 1);
	padding: 22px 10px 28px 36px;
}

.workshop-detail-page .workshop-detail-list-group h5 {
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

.workshop-detail-page .workshop-detail-list-group li {
	list-style: unset;
	color: #fff;
}

.workshop-detail-page .workshop-detail-list-group li p {

	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
}

.workshop-detail-page .workshop-detail-grid-img .workshop-img-grid-item {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.workshop-detail-page .workshop-img-item-wrap {
	width: 100%;
	height: 100%;

}

.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-1 {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;

}

.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-2 {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;

}

.workshop-detail-page .workshop-detail-grid-img {
	margin-bottom: 18px;
}

.workshop-detail-page .social-media {
	display: flex;
	padding: 0;
	margin: 15px 0px;
	gap: 15px;
}

.workshop-detail-page .social-media li a {
	width: 45px;
	height: 45px;
	display: flex;
	border: 1px solid #000000;
	padding: 7px;
}

/* ==============================================================End-Workshop-Detail-Pages=========================================================================================*/


/* ==============================================================Start:culture-grid-section======================================================================================== */
.culture-grid-section {
	background-color: #E8E4D9;
	padding: 290px 0 54px;
	margin-bottom: 40px;
}

.culture-grid-section .culture-grid-group {
	display: grid;
	grid-template-columns: repeat(3, 3fr);
	gap: 20px;
	margin-bottom: 35px;
}

.culture-grid-section .culture-grid-group .culture-grid-item {
	max-width: 460px;
	width: 100%;
	margin: 0 auto 28px;
	background-color: #576F72;
}

.culture-grid-section .culture-title .title-rg {
	margin-bottom: 60px;
}

.culture-grid-section .culture-grid-group .culture-grid-item .content {
	padding: 25px;
}

.culture-grid-section .culture-grid-group .culture-grid-item h4 a {
	font-size: 22px;
	line-height: 32px;
	color: #FFFFFF;
}

.culture-grid-section .culture-grid-group .culture-grid-item p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}

.culture-grid-section .culture-grid-group .culture-grid-item .image {
	position: relative;
	width: 100%;
}

.culture-grid-section .culture-grid-group .culture-grid-item .meta {
	padding-left: 25px;
	z-index: 10;
	margin: -50px auto 0px;
	position: absolute;
}

.culture-grid-section .hero-button {
	text-align: center;
}

/* ==============================================================================End:culture-grid-section==========================================================================*/

/* ==============================================================================Start:BLOG-grid-section===========================================================================*/
.blog-grid-section {
	background-color: #E8E4D9;
	padding: 280px 0 54px;
	margin-bottom: 40px;
}

.blog-grid-section .container {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}

.blog-grid-section .blog-img-item {
	position: relative;
	width: 100%;
}

.blog-grid-section .blog-img-item::before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	padding-top: 100%;
}

.blog-grid-section .blog-img-item img {
	width: 100%;
}

.blog-grid-section .blog-grid-list-wrap .blog-grid-list-item {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	margin-bottom: 30px;
}

.blog-grid-section .culture-title .title-rg {
	text-align: center;
	margin-bottom: 60px;
}

.blog-grid-section .blog-contant .blog-contant-item .hero-button {
	text-align: left;
}

.blog-grid-section .hero-button {
	text-align: center;
}

.blog-grid-section .blog-grid-list-item .blog-img {
	max-width: 770px;
	width: 100%;
}

.blog-grid-section .blog-grid-list-item .blog-contant {
	max-width: 650px;
	width: 100%;
}

.blog-grid-section .blog-contant-item {
	max-width: 490px;
	margin: auto;
	text-align: left;
}

.blog-grid-section p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 22px;
}

.blog-grid-section h3 {
	font-size: 35px;
	line-height: 45px;
	color: #000000;
	margin-bottom: 30px;
}

/* =================================================================end-blog-grid-page==================================================================================== */



/* ==================================================================start-FAQ-page============================================================================================*/
.faq-header {

	height: 130px !important;
	background-color: transparent;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	transition: .4s all ease-in-out;
}

.faq-section {
	background-color: #E8E4D9;
	padding: 175px 0 120px;
	margin-bottom: 60px;
}

.faq-section .container {
	padding: 0px 15px;
}

.faq-section .faq-title {
	max-width: 600px;
	width: 100%;
	margin: auto;
	text-align: center;
	padding-bottom: 60px;
}

.faq-section .title-rg {
	margin-bottom: 30px;
}

.faq-section .faq-title p {
	margin-bottom: 50px;

}

.faq-section .search_con {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.faq-section .search_con .input_con {
	margin: auto;
	max-width: 510px;
	width: 100%;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	transition: all 0.2s ease;
	padding: 10px 15px;
}

.faq-section .search_con .input_con input::placeholder {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
}

.faq-section .search_con .input_con:focus-within {
	outline: none;
}

.faq-section .search_con .input_con input {
	padding: 0 0.5rem 0 1rem;
	width: 100%;
	font-size: 15px;
	color: #000000;
	border: none;
}

.faq-section .search_con .input_con input:focus-within {
	outline: none;
}

.faq-section .search_con .input_con span {
	height: 100%;
	display: flex;
	align-items: center;
	max-width: 15px;
}

.faq-section .faq-accodian-main {
	max-width: 1050px;
	margin: auto;

}

.faq-section .accordion {
	width: 100%;
	color: rgb(0, 0, 0);

}

.faq-section .accordion .accordion-title {
	margin-bottom: 28px;
	text-align: center;
}

.faq-section .accordion .accordion-item .accordion-tabs {
	padding: 26px 0px;
	font-size: 24px;
	cursor: pointer;
	position: relative;
	line-height: 34px;
	display: flex;
	align-items: center;
	gap: 70px;

}

.faq-section .accordion .accordion-item .accordion-tabs.acco-active {
	border-bottom: 1px solid black;
}

.faq-section .accordion .accordion-item {
	background-color: transparent;
}

.faq-section .accordion .accordion-tabs span::after {
	content: '+';
	position: absolute;
	right: 20px;
	font-size: 40px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 1px solid #000;
	border-radius: 100%;
	line-height: 20px;
	vertical-align: middle;
	padding-bottom: 8px;
}

.faq-section .accordion .accordion-tabs.acco-active span::after {
	content: '-';
}

.faq-section .accordion .accordion-item .accordion-tabs span {
	display: flex;
	align-items: center;
}


.faq-section .accordion .accordion-item {
	border-bottom: 1px solid #000000;
	border-radius: 0px;
}

.faq-section .accordion .accordion-content {
	margin: 22px 0;
}

.faq-section .accordion h4 {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
}

.faq-section .accordion p {
	margin-bottom: 0px;

}

.faq-section .accordion .accordion-tabs.acco-active p {
	padding: 22px 0 35px;
	border-bottom: 2px solid #000000;
}



/* ==========================================================================end-FAQ-page=======================================================================================*/

/* ==========================================================================start-pricing-page=============================================================================== */
.pricing-plan-main {
	padding: 200px 0 90px;
}

/* ==========================================================================END-pricing-page=============================================================================== */

/* ==========================================================================start-CARRER-page=============================================================================== */

.career-section {
	padding: 270px 0 135px;
	background-color: #E8E4D9;
}

.career-section .career-title {
	max-width: 680PX;
	margin: auto;
	width: 100%;
	text-align: center;
}

.career-section .career-title .title-rg {
	margin-bottom: 30px;
}

/* ==========================================================================END-CARRER-page=============================================================================== */

/* ==========================================================================start-about-career-section=============================================================================== */

.about-career-section {
	padding: 100px 0px;
	max-width: 1140px;
	margin: auto;
}

.about-career-section .row {
	margin: 0px;
	align-items: center;
}

.about-career-section .about-career-left img {
	padding-right: 35px;
}

.about-career-section .about-career-right {
	display: flex;
}

.about-career-section .about-career-right .stories-content {
	padding-left: 35px;

}

.about-career-section .title-rg {
	margin-bottom: 22px;
}

.about-career-section p {
	margin-bottom: 25px;
}

/* ==========================================================================END-about-career-section=============================================================================== */

/* ==========================================================================start-career-price-page=============================================================================== */

.career-price-page {
	padding: 80px 15px 90px;
	background-color: #E8E4D9;
}

.career-price-page .career-explore-title {
	text-align: center;
	margin-bottom: 60px;
}

.career-price-page .career-plan {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 29px;
}

.career-price-page .career-item {
	padding: 40px 30px 20px;
	border: 1px solid #576F72;
	color: #000000;
	max-width: 454px;
	width: 100%;
}

.career-price-page .career-item:hover {
	background-color: #576F72;
	transition: .2s all ease-in-out;
}

.career-price-page .career-item:hover h5 {
	color: #ffff;
}

.career-price-page .career-item:hover p {
	color: #ffff;
}

.career-price-page .career-item:hover .btn::before {
	border-color: #FFFFFF;
	transition: .0s all ease-in-out;
}

.career-price-page .career-item:hover .btn span {
	color: #ffff;
	transition: .0s all ease-in-out;
}

.career-price-page .career-item:hover .btn::after {
	height: 10px;
	background-image: url(../images/arrow-white.svg);
	transition: .5s all ease-in-out;
}

.career-price-page h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
}

.career-price-page p {
	margin-bottom: 15px;
}

.career-section .container {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}

.about-career-section .container {
	padding-right: 0px;
	padding-left: 0px;

}

/* ==========================================================================END-career-price-page=============================================================================== */

/* ==========================================================================start-hiriging-SECTION=============================================================================== */

.hiriging-page {
	padding: 80px 20px 90px;
}

.hiriging-page .career-explore-title {
	text-align: center;
	margin-bottom: 25px;
}

.hiriging-page .hiring-career-plan {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.hiriging-page .hiring-item-wrap svg {
	padding: 25px;
}

.hiriging-page .hiring-item-wrap svg text {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	color: #FFFFFF;
}

.hiriging-page .hiring-item-erow-wrap {
	margin-top: -35px;
	text-align: center;
}

.hiriging-page h4 {
	font-size: 28px;
	line-height: 45px;
	text-align: center;

}

/* ==========================================================================END-hiriging-SECTION=============================================================================== */

/* ==========================================================================start-career-contact-section======================================================================== */

.career-contact-section {
	padding: 65px 0 50px;
	max-width: 1420px;
	margin: 0px auto 60px;
	background: #E8E4D9;
	border-radius: 40px;
}

.career-contact-section .wrapper {
	max-width: 1140px;
	margin: auto;
	width: 100%;
}

.career-contact-section .career-contact-intro {
	display: flex;
	gap: 60px;
	justify-content: space-between;
}

.career-contact-section .content {
	max-width: 515px;
	width: 100%;
}

.career-contact-section .contetn-top {
	margin-bottom: 30px;
}

.career-contact-section .contact-form {
	max-width: 510px;
	width: 100%;
	margin-top: 0px;
	margin-left: 20px;
}

.career-contact-section h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
}

.career-contact-section h4 {

	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
}

.career-contact-section .contact-form .form-control {
	background: #ffff;

}

/* ==========================================================================END-career-contact-section======================================================================== */


/* ==========================================================================career-popup-start======================================================================== */

.career-popup-page {
	padding: 35px 50px 25px;
	max-width: 660px;
	width: 100%;
	background: #E8E4D9;
	border-radius: 15px;
	position: relative;
	margin: 0 auto;

}

.career-popup-page .name-email {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.career-popup-page .contact-form {
	max-width: 560px;
	margin-top: 28px;
	margin-left: 0px;
}

.career-popup-page .contact-form .form-item {
	margin-bottom: 20px;
	width: 100%;
}

.career-popup-page .contact-form .name-email-wrapp .form-item {
	margin-bottom: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
}

.career-popup-page .contact-form .name-email-wrapp .form-item label {
	padding-bottom: 0px !important;
}

.career-popup-page .contact-form .form-control {
	background: #ffff;
}

.mfp-close-btn-in .mfp-close {
	color: #ffffff !important;
	background-color: #576F72;
	border-radius: 40px;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: -25px !important;
	top: -21px !important;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 40px !important;
	font-family: Arial, Baskerville, monospace;
}

.career-popup-page .file-upload-wrap {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.career-popup-page .svg-wrap {
	padding: 5px 7px;
	background: #ffff;
	border-radius: 40px;
}

.career-popup-page .file-upload-wrap span {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: rgba(0, 0, 0, 0.5);
}

.career-popup-page .file-upload-wrap .form-control {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* ==========================================================================career-popup-end======================================================================== */


/* ==========================================================================end-CARRER-page======================================================================== */

/* ==========================================================================START-ALL-PAGES-LAYOUT======================================================================== */


/* ------------------------start-all-layout-home-page-------------------------------- */
.header-all-pages-layout {
	height: 0px !important;
	position: relative;
	margin-top: 30px;
}

.all-layout-pre-page::after {
	content: " ";
	position: absolute;
	background-image: url(../images/Home\ V1\ 1.png);
	z-index: 100;
	background-repeat: no-repeat;
	width: 25vw;
	height: 100%;
	bottom: 0;
	left: 0;
	background-position: bottom left;
	pointer-events: none;
	background-size: 100%;

}

.all-layout-pre-page::before {
	content: " ";
	position: absolute;
	background-image: url(../images/Home\ V3\ 1.png);
	z-index: 100;
	background-repeat: no-repeat;
	width: 25vw;
	height: 100%;
	bottom: 0;
	right: 0;
	background-position: bottom right;
	pointer-events: none;
	background-size: 100%;
}


.all-layout-pre-page {
	padding: 300px 0 160px;
	background-color: #E8E4D9;
	position: relative;
}

.all-layout-pre-page .all-layout-title .title-rg {
	max-width: 1160px;
	margin: auto;
	text-align: center;
	margin-bottom: 22px;
}

.all-layout-pre-page .all-layout-title h1 {
	font-size: 80px;
	line-height: 100px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
}

.all-layout-pre-page .all-layout-title p {
	max-width: 720px;
	margin: auto;
	text-align: center;
	margin-bottom: 50px;
}

.all-layout-pre-page .hero-button {
	text-align: center;
}


/* ------------------------end-all-layout-home-page-------------------------------- */
/* ------------------------Start-unique-home-pages-------------------------------- */
.unique-home-pages-section {
	padding: 90px 0px;

}

.unique-home-pages-section .unique-layout-title {
	text-align: center;
	margin-bottom: 50px;
}

.unique-home-pages-section .unique-pages-group {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.unique-home-pages-section .unique-pages-item-wrap a.img-txt {
	display: flex;
	position: relative;
}


.unique-home-pages-section .unique-pages-item-wrap .btn {
	position: absolute;
	top: 35%;
	left: 25%;
	transform: translate(-50%, -50%);
}

.unique-home-pages-section .unique-pages-item-wrap a::before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(87, 111, 114, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	display: none;

}

.unique-home-pages-section .unique-pages-item-wrap:hover a::before {
	display: block;
}

.unique-home-pages-section .unique-pages-item-wrap:hover .btn {
	display: block;
}

.unique-home-pages-section .unique-pages-item-wrap .btn:hover::after {
	transform: translate(-16%, -50%);
}

.unique-home-pages-section .unique-pages-item-wrap .btn {
	display: none;
}

.unique-home-pages-section .unique-pages-item-wrap .btn::before {
	background-color: transparent;
	border: 1px solid #ffffff;
}

.unique-home-pages-section .unique-pages-item-wrap .btn span {
	color: white;
}

.unique-home-pages-section .unique-pages-item-wrap .btn::after {
	content: "";
	width: 85px;
	height: 10px;
	background-image: url(../images/arrow-white.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 55%;
	left: 100%;
	transform: translate(-30%, -50%);
	transition: .1s all ease-in-out;
}

.unique-home-pages-section .unique-pages-item-wrap h4 {
	text-align: center;
	margin-top: 20px;
}

/* ------------------------END-unique-home-SECTION-------------------------------- */
/* ------------------------Start-site-feature-SECTION-------------------------------- */


.site-feature-page .hiring-career-plan {
	align-items: baseline !important;
}

.site-feature-page .hiring-career-item {
	display: flex;
	align-items: center;
}

/* ------------------------START-INNER-SECTION-------------------------------- */

.inner-pages {
	background-color: #E8E4D9;
}

.inner-pages .edition-wrapper .edition-item .img-1 {
	margin: 0 auto 22px;
	width: 100%;
}

.inner-pages .edition-wrapper .edition-item .img-3 {

	margin: 0 auto 22px;
	width: 100%;
}

.inner-pages .edition-item .img {
	height: 600px;
	width: 100%;
	max-width: 800px;
	overflow-y: hidden;
	border: 2px solid black;

}

.inner-pages .edition-item .img img {
	width: 100%;
	height: 100%;
	transition: 2s all ease;
	object-fit: cover;
	object-position: top center;

}

.inner-pages .edition-item .img:hover img {
	object-position: bottom center;
	transform: scale(1);
}

.inner-pages .edition-item {
	text-align: center;
}



/* ------------------------End-inner-pages-pages-------------------------------- */

/* ------------------------start-Amazing-Blog-Layouts-section-------------------------------- */
.amazing-blog-page {
	padding: 80px 0px 0px;
}

.amazing-blog-page .amazing-blog-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 84px;
	align-items: center;
}

.amazing-blog-page .amazing-blog-wrap .amazing-blog-img-item {
	height: 400px;
	max-width: 710px;
	overflow-y: hidden;
	border: 2px solid black;
	transition: 2s all;
}

.amazing-blog-page .amazing-blog-wrap .amazing-blog-img-item img {
	transition: .3s all ease-in-out;
	width: 100%;
	height: 100%;
	transition: 2s all ease;
	object-fit: cover;
	object-position: top center;
}

.amazing-blog-page .amazing-blog-wrap .amazing-blog-img-item:hover img {
	overflow-y: auto;
	object-position: bottom center;
	transform: scale(1);
}

.amazing-blog-page .amazing-blog-wrap h3,
.custom-templ-page h3 {
	font-size: 45px;
	line-height: 54px;
	color: #000000;
	margin-bottom: 35px;
}

.amazing-blog-page .amazing-blog-wrap p,
.custom-templ-page p {
	margin-bottom: 35px;
}

.amazing-blog-page .amazing-blog-wrap .amazing-blog-img-item::-webkit-scrollbar {
	display: none;
}

.amazing-blog-page .amazing-blog-wrap .amazing-blog-img-item {
	-ms-overflow-style: none;
}

/* ---------------------------end-Amazing-Blog-Layouts-section---------------------------------- */
/*----------------------------start-custom-templ-section ------------------------------------*/
.custom-templ-page {
	padding: 0 0 90px;
	margin-bottom: 100px;
}

.custom-templ-page .custom-templ-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 200px;
	align-items: center;
}

.custom-templ-page .custom-templ-content {
	max-width: 594px;
	width: 100%;
}

.custom-templ-page .custom-templ-wrap .custom-templ-img-item img {
	max-width: 500px;
	width: 100%;
	margin: auto;
}

.custom-templ-page .custom-templ-wrap .custom-templ-img {
	position: relative;
}

.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-2 {
	position: absolute;
	bottom: -23%;
	right: 6%;
	max-width: 300px;
	width: 100%;
}

.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-3 {
	position: absolute;
	top: -15%;
	left: -15%;
	max-width: 125px;
	width: 100%;
}

/*----------------------------End-custom-templ-section ------------------------------------*/
/*----------------------------START-purchase-milli-template-section ------------------------------------*/

.purchase-milli-template {
	background-color: #576F72;
	padding-top: 70px;
}

.purchase-milli-template .purchase-milli-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 84px;
	align-items: center;

}

.purchase-milli-template h3 {
	font-size: 45px;
	line-height: 54px;
	color: #ffffff;
	margin-bottom: 35px;
}

.purchase-milli-template p {
	margin-bottom: 35px;
	color: #FFF;
}

/*----------------------------END-purchase-milli-template-section ------------------------------------*/


/* ==================================================END-ALL-PAGES-LAYOU===================================================================================================*/



/*=========================================================================== Media-Query =============================================================================*/

@media only screen and (max-width: 1440px) {
	.intro-title {
		font-size: 70px;
		line-height: 80px;
	}

	.title-rg {
		font-size: 55px;
		line-height: 65px;
	}

	.stories-wrapper {
		margin-right: 0;
	}

	.about-intro .intro-img {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.about-stories .wrapper {
		margin-left: 0;
	}

	.about-stories .container::before {
		display: none;
	}

	.hero-section h1 {
		font-size: 100px;
		line-height: 120px;
	}

	.stories-wrapper .bottom-rows {
		margin-left: -200px;
		margin-top: -54px;
	}

	.stories-wrapper .stories-img {
		width: 400px;
	}

	.culture-items .content h4 {
		font-size: 24px;
		line-height: 34px;
	}

	.culture-page .culture-grid {
		grid-gap: 50px;
	}

	.menu-bar {
		max-width: 550px;
	}

	.menu-bar .menu-content {
		width: 40%;
		margin: auto;
	}

	.menu-bar .main-menu li a {
		font-size: 26px;
		line-height: 36px;
	}

	.news-item .news-content h4 {
		font-size: 32px;
		line-height: 42px;
		max-width: 680px;
	}

	.culture-section .culture-swiper {
		margin-right: 0;
	}

	#header .wrapper-pase-2 {
		padding: 23px 15px;
	}

	/* --------------------------------------------------MILLI-3-------------------- */
	.megazin-page .megazin-wrap .img-1 {
		max-width: 560px;
		margin: auto;
		padding-left: 0px;
	}

	.hero-content p {
		max-width: 325px;
		margin: 0;
	}

	.career-contact-section {

		margin: 0px 10px;
	}

	/* ----------------------end:milli-hero-3---------------------------------- */

}

@media only screen and (max-width: 1200px) {
	.about-intro .intro-img {
		margin-bottom: -60px;
	}

	.about-stories .content-box {
		padding-left: 40px;
	}

	.about-stories .position-relative .row>div {
		display: flex;
		align-items: center;
	}

	.about-stories .wrapper {
		margin-bottom: -20px;
	}

	.hero-section h1 {
		font-size: 80px;
		line-height: 100px;
	}

	.hero-section {
		height: 1000px;
	}

	.stories-section .title-rg {
		margin: 60px 0px 30px 0px;
	}

	.stories-section .stories-button {
		margin-top: 50px;
	}

	.stories-wrapper .top-rows {
		margin-right: -50px;
		margin-left: 60px;
	}

	.stories-wrapper .bottom-rows {
		margin-left: -90px;
		margin-right: -205px;
		margin-top: -36px;
	}

	.stories-section .row {
		align-items: center;
	}

	.culture-items .content h4 {
		font-size: 20px;
		line-height: 30px;
		max-width: 100%;
	}

	.culture-items .meta .date {
		font-size: 16px;
		line-height: 26px;
	}

	.culture-items .culture-button .btn-primary {
		padding: 18px 18px;
	}

	.culture-items .culture-button .btn-primary span {
		font-size: 16px;
		line-height: 26px;
	}

	.gallery-rows .img-3 {
		width: auto;
		margin: 58px 50px 108px 150px;
	}

	.gallery-rows .img-2 {
		margin-left: 150px;
		margin-bottom: -250px;
	}

	.editions-gallery .item-2 {
		margin-left: 60px;
	}

	.mask-intro .fonts-txt {
		font-size: 280px;
		line-height: 300px;
	}

	.mask-intro .fonts-txt .clip_box {
		width: 200px;
		height: 260px;
		padding: 45px;
	}

	.mask-intro .fonts-txt .clip_box .round {
		border: 8px solid #E8E4D9;
	}

	.mask-intro .fonts-txt .clip_box::before,
	.mask-intro .fonts-txt .clip_box::after {
		width: 8px;
		height: 50px;
	}

	.mask-intro .fonts-txt .clip_box::before {
		top: 32%;
		left: 22px;
	}

	.mask-intro .fonts-txt .clip_box::after {
		right: 20px;
	}

	.news-wrapper .news-swiper {
		height: 1260px;
	}

	.news-swiper .swiper-slide {
		height: 400px !important;
	}

	.news-swiper-geers {
		width: 38px;
		height: 180px;
	}

	.news-swiper .swiper-button-next,
	.news-swiper .swiper-button-prev {
		height: 80px;
	}

	.news-articles .articles-wrapper {
		padding: 0px;
	}

	.articles-wrapper .news-item:nth-child(1),
	.articles-wrapper .news-item:nth-child(3),
	.articles-wrapper .news-item:nth-child(5) {
		margin-right: 105px;
	}

	.articles-wrapper .news-item:nth-child(2),
	.articles-wrapper .news-item:nth-child(4),
	.articles-wrapper .news-item:nth-child(6) {
		margin-left: 105px;
		margin-top: -27px;
		margin-bottom: -27px;
	}

	.articles-title {
		margin-bottom: 50px;
	}

	.news-articles .news-item .news-img {
		height: 100%;
	}

	.news-detail-intro .post-content h4 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	/*--------------------------- HERO-PASE-2-------------------------- */
	/* -------start:hero-css----------- */
	.hero-content {
		margin-top: 250px;
	}

	.hero-content-pase-2 p {
		margin-bottom: 50px;
	}

	.hero-content-pase-2 .hero-button {
		margin-bottom: 50px;
	}

	.hero-content-pase-2 h3 {
		font-size: 88px;
		line-height: 105px;
		margin-bottom: 120px;
	}

	/* -------end:hero-css----------- */
	/* -------start:workshop-css----------- */

	.workshop-img-wrap {
		max-width: 50%;
		width: 100%;

	}

	.workshop-item {
		gap: 10px;
	}

	/* -------end:work-css----------- */
	/* -------start:Edition-css----------- */
	.edition-item-5 .edition-img-4 img {
		margin-top: 0px;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item p {
		margin-bottom: 20px;
	}

	.edition-section-pase-2 .edition-wrapper-top {
		padding-bottom: 20px;
	}

}

@media only screen and (max-width: 1024px) {
	.footer-pase-2 .wrapper {
		flex-wrap: wrap;
	}

	#header {
		height: 150px;
	}

	#header.header-scrolled {
		height: 110px;
	}

	.search-bar form {
		max-width: 90%;
	}

	.search-bar form .form-control {
		font-size: 22px;
		line-height: 32px;
	}

	.hero-background .img::before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.25);
	}

	.hero-section .wrapper {
		width: 80%;
		margin: auto;
	}

	.hero-background .img {
		border-radius: 360px 0px 0px 0px;
		width: 100%;
	}

	.hero-content h2 {
		color: #fff;
		text-align: center;
	}

	.hero-circle-text h2 {
		font-weight: 300;
		color: #fff;
	}

	.hero-content p {
		max-width: 100%;
		color: #fff;
		margin: 0;
		text-align: center;
	}

	.hero-content .auto-column {
		flex-wrap: wrap;
	}

	.hero-section .hero-button {
		padding-top: 50px;
		margin: auto;
	}

	.hero-section h1.white_text {
		clip-path: none;
		-webkit-clip-path: none;
		padding-top: 70px;
		padding-right: 0;
	}

	.hero-section {
		height: auto;
	}

	.hero-section .hero-circle-text {
		right: 50%;
	}

	.hero-section h1.white_text {
		position: relative;
		padding-bottom: 180px;
	}

	.hero-section h1.black_text {
		display: none;
	}

	.edition-wrapper .edition-item .img-1 {
		margin: 0px 60px 100px 0px;
	}

	.edition-wrapper .swiper-slide-active .edition-item .img-2 {
		margin-right: -50px;
	}

	.edition-wrapper .edition-item .img-4 {
		margin: 38px 0px 0px 150px;
	}

	.intro-title {
		font-size: 60px;
		line-height: 70px;
	}

	.title-rg {
		font-size: 45px;
		line-height: 55px;
	}

	.about-stories .content-box h2 {
		margin: 50px 0px 30px 0px;
	}

	.about-description .wrapper h2 {
		margin-bottom: 30px;
	}

	.about-description {
		padding-top: 70px;
	}

	.news-letter {
		padding: 60px 0px 60px 0px;
	}

	.culture-intro .content-box {
		align-items: center;
	}

	.hero-section .btn::before {
		border: 1px solid #fff;
	}

	.hero-section .btn::after {
		filter: invert(100%) sepia(0%) saturate(1643%) hue-rotate(30deg) brightness(109%) contrast(101%);
	}

	.hero-section .hero-button .btn-primary span {
		color: #fff;
	}

	.news-item .news-content .date-meta {
		font-size: 16px;
		line-height: 26px;
	}

	.news-item .news-content h4 {
		font-size: 26px;
		line-height: 36px;
	}

	.news-wrapper .news-swiper {
		height: 1050px;
	}

	.news-swiper .swiper-slide {
		height: 330px !important;
	}

	.articles-wrapper .news-item:nth-child(1),
	.articles-wrapper .news-item:nth-child(3),
	.articles-wrapper .news-item:nth-child(5) {
		margin-right: 85px;
	}

	.articles-wrapper .news-item:nth-child(2),
	.articles-wrapper .news-item:nth-child(4),
	.articles-wrapper .news-item:nth-child(6) {
		margin-left: 85px;
		margin-top: -15px;
		margin-bottom: -15px;
	}

	/*---------------- pase 2-------------------------- */

	/* -------start:Hero-content-css----------- */
	.hero-content-pase-2 h2 {
		color: #576F72;
		margin-bottom: 23px;
		text-align: left;
	}

	.hero-content-pase-2 p {
		color: #576F72;
		margin-bottom: 30px;
		max-width: 443.23px;
		text-align: left;
	}

	.hero-content-pase-2 .hero-button {
		padding-top: 0px;
		margin-bottom: 40px;
	}

	.hero-content-pase-2 h3 {
		font-size: 85px;
		line-height: 105px;
		margin-bottom: 120px;
	}

	.hero-section-pase-2 .hero-circle-text-two {
		right: 35%;
	}

	.hero-section-pase-2 .btn::before {
		border-color: #576F72;
	}

	.hero-section-pase-2 .hero-button .btn-primary span {
		color: #576F72;
	}

	.hero-section-pase-2 .btn::after {
		filter: unset;
	}

	.hero-section.hero-section-pase-2 {
		min-height: 100vh;
	}

	.hero-section-pase-2 .hero-circle-text h2 {
		font-weight: 600;
		color: #000000;
	}

	/* -------end:Hero-content-css----------- */
	.edition-section-pase-2 .edition-wrapper-top {
		display: flex;
		flex-wrap: wrap;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item-1 {
		margin: auto;
		max-width: 50%;
		padding-bottom: 20px;
	}

	.edition-section-pase-2 .edition-item.edition-item-2 {
		padding: 0 15px;
		order: 2;
		max-width: 50%;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item-3 {
		margin: auto;
		order: 3;
		max-width: 100%;
	}

	.edition-section-pase-2 .edition-item-4 img {
		padding-top: 0px;
	}

	.edition-section-pase-2 .edition-wrapper-bottom .edition-item .edition-img-3 {
		max-width: 340px;
		margin: 0;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item h2 {
		margin-bottom: 20px !important;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item-1 {
		margin: auto;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item-3 {
		margin: auto;
	}

	/* ---------------------------------------------------------------pase-3-------------------------------------------------------------------- */
	/* -------------hero-pase-3 */
	.hero-section-pase-3 .hero-background .img {
		width: 100%;
	}

	.hero-section-pase-3 .hero-content .auto-column {
		flex-wrap: wrap;
	}

	.hero-section-pase-3 .hero-content .auto-column {
		display: block;
	}

	.hero-section-pase-3 .hero-content .auto-column p {
		max-width: 100%;
		color: #fff;
		margin: 0;
		text-align: center;
	}

	.hero-section-pase-3 .auto-column {
		text-align: center;
	}

	.hero-section-pase-3 h1.white_text {
		color: #ffffff;

	}

	.hero-section-pase-3 .wrapper .hero-content {

		padding-left: 0px;
		margin-top: 300px;

	}

	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(16),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(17),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(18),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(19),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(20),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(21),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(22),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(23),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(24),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(25),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(26),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(27),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(28),
	.hero-section-pase-3 .hero-circle-text h2 span:nth-child(29) {
		color: #ffffff;
	}

	.hero-section-pase-3 .auto-column .hero-button {
		padding-top: 50px;
		margin: auto;
	}

	.pricing-page .pricing-plan {
		display: flex;
		gap: 20px;
	}

	.pricing-page .pricing-item {
		padding: 60px 20px 20px;
	}

	.footer-pase-3 .wrapper {
		flex-wrap: wrap;
	}

	/* ----------------------start:milli-hero-3---------------------------------- */

	.milli-hero-3 .hero-background .img::before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.25);
	}

	.milli-hero-3 .hero-background .img {
		width: 100%;
	}

	.milli-hero-3 .wrapper {
		width: 100%;
		margin: auto;
	}

	.milli-hero-3 .hero-content p {
		max-width: 325px;

	}

	.milli-hero-3.hero-section .hero-button {
		padding-top: 50px;
		margin: auto;
		text-align: center;
	}

	.milli-hero-3.hero-section h1.white_text {
		clip-path: none;
		-webkit-clip-path: none;
		padding-top: 50px;
		padding-right: 0;
		color: #fff;
	}

	.milli-hero-3 .hero-content .auto-column {
		display: flex;
	}

	.milli-hero-3 .hero-circle-text h2 span:nth-child(16),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(17),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(18),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(19),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(20),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(21),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(22),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(23),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(24),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(25),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(26),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(27),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(28),
	.milli-hero-3 .hero-circle-text h2 span:nth-child(29) {
		color: #ffffff;
	}

	/* ----------------------end:milli-hero-3---------------------------------- */
	/* ----------------------start:culture-hero-3---------------------------------- */

	.culture-section-pase-3 .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		max-width: 350px;
		height: 100%;
		position: relative;
		transition-property: transform;
	}

	.culture-section-pase-3 h2 {
		font-size: 50px;
		line-height: 60px;
	}

	/* ----------------------end:culture-hero-3---------------------------------- */
	.blog-section .blog-wrap {
		display: block;
		gap: 20px;
		background-color: #fff;
		margin: 0px auto 35px;
	}

	.blog-section .blog-wrap .blog-img {
		max-width: 770px;
		width: 100%;
		margin: auto;
	}

	.blog-section .blog-wrap .blog-contant {
		max-width: 650px;
		width: 100%;
		margin: auto;
	}

	.blog-section .hero-button {
		padding-bottom: 20px;
	}

	.blog-section .blog-title {
		margin-bottom: 40px;
	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 300px;
	}

	.blog-img-item {
		margin-bottom: 10px;
	}

	.blog-grid-section .blog-grid-list-wrap .blog-grid-list-item {
		display: block;
		gap: 20px;
		margin-bottom: 30px;
	}

	.blog-grid-section p {
		margin-bottom: 30px;
	}

	.blog-grid-section h3 {
		margin-bottom: 30px;
	}

	.blog-grid-section .blog-grid-list-item .blog-contant {
		max-width: 100%;
		width: 100%;
		padding: 10px 0 20px;
	}

	.blog-grid-section .blog-grid-list-item .blog-img {
		max-width: 100%;
		width: 100%;
		margin: auto;
	}

	.pricing-plan-main {
		padding: 200px 0 90px;
	}


	/* -----------------------------------start--price-page-start------------------------------------------ */

	.career-price-page .career-plan {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 29px;

	}

	/* -----------------------------------start--price-page-start------------------------------------------ */
	/* -----------------------------------start-about-career-section------------------------------------------- */
	.about-career-section {
		padding: 80px 0px;

	}



	/* -----------------------------------start-about-career-section------------------------------------------- */
	.unique-home-pages-section .unique-pages-group {
		gap: 10px;
	}

	/* ----------------------start:milli-hero-3---------------------------------- */

	.milli-hero-3 .hero-content .auto-column {
		display: block;
	}

	.milli-hero-3 .hero-button {
		margin-top: 30px;
	}

	.milli-hero-3 .wrapper .hero-content {
		margin-top: 250px;
	}

	.milli-hero-3 h1 {
		padding-top: 0px;

	}

	/* ----------------------end:milli-hero-3---------------------------------- */
	.pricing-page {
		padding: 60px 0 60px;
	}

	.blog-section .blog-wrap p {
		margin-bottom: 10px;
	}

	.blog-section .blog-wrap h3 {
		margin-bottom: 15px;
		font-size: 30px;
		line-height: 40px;

	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 350px;
	}

	.blog-grid-section p {
		margin-bottom: 10px;
	}

	.blog-grid-section h3 {
		margin-bottom: 10px;
	}

	.pricing-plan-main {
		padding: 200px 0 90px;
	}

	.all-layout-pre-page {
		padding: 220px 0 140px;
	}

	.custom-templ-page .custom-templ-wrap {
		gap: 84px;
	}

	.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-3 {
		top: -30%;
		left: 0%;

	}

	.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-2 {
		bottom: -50%;
		right: 0%;
	}

	.custom-templ-page {
		padding: 0 0 90px;
		margin-bottom: 30px;
	}

	.edition-milli {
		padding: 70px 0px;
	}




}

@media only screen and (max-width: 991px) {
	.about-content-box .content-box {
		max-width: 100%;
	}

	.about-content-box .img-city {
		padding-left: 0;
		padding-top: 30px;
	}

	.about-content-box .img-box {
		margin-right: auto;
	}

	.about-stories .content-box {
		padding-left: 0px;
	}

	.about-stories .content-box p {
		max-width: 100%;
	}

	.about-stories .wrapper .img-3 {
		margin-left: 0;
	}

	.hero-section h1 {
		font-size: 70px;
		line-height: 80px;
	}

	.stories-section .stories-content p {
		max-width: 100%;
	}

	.stories-wrapper .top-rows {
		max-width: 67%;
		margin: auto;
	}

	.stories-wrapper .bottom-rows {
		margin-left: 0;
		margin-right: 0;
		margin-top: -36px;
	}

	.edition-section,
	.culture-section {
		padding: 70px 0px;
	}

	.editions-gallery {
		padding: 250px 0px 70px 0px;
	}

	.gallery-rows .img-6 {
		margin: 145px 0px 0px 100px;
	}

	.gallery-rows .img-3 {
		margin: 58px 50px 80px 150px;
	}

	.culture-page .culture-grid {
		padding: 0;
	}

	.load-button .btn {
		padding: 32px 22px;
		margin-right: 40px;
	}

	.load-button .btn span {
		font-size: 15px;
		line-height: 25px;
	}

	.load-button .btn::after {
		width: 56px;
		height: 8px;
	}

	.menu-bar {
		max-width: 450px;
	}

	.culture-intro {
		padding: 250px 0px 100px 0px;
	}

	.culture-post .meta p,
	.culture-post .written {
		font-size: 16px;
		line-height: 26px;
	}

	.culture-intro h5 {
		font-size: 24px;
		line-height: 34px;
	}

	.contact-section .wrapper {
		margin: 0px 0px;
	}

	.home {
		padding-bottom: 0px;
	}

	.news-section {
		padding: 70px 0px 60px 0px;
	}

	.news-articles .news-item .news-content h4 {
		font-size: 22px;
		line-height: 32px;
	}

	.news-detail-intro .date-meta {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.quote-box .content h4 {
		font-size: 20px;
		line-height: 30px;
	}

	.stories-section {
		padding-bottom: 50px;
	}

	/* ---------------------pase-2 -----------------------*/

	/* -------start:Hero-content-------css----------- */
	.hero-content-pase-2 h3 {
		font-size: 66px;
		line-height: 70px;
		margin-bottom: 120px;
	}

	.hero-circle-text {
		right: 35%;
	}

	.hero-content {
		margin-top: 170px;
	}

	/* -------end:Hero-content-css----------- */
	/* -------start:Workshop-css----------- */

	.workshop-section {
		padding: 60px 0px 60px 0px;
	}

	.workshop-section h4 {
		font-size: 32px;
		line-height: 35px;
	}

	.workshop-section p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	/* -------end:workshop-css----------- */
	/* -------start:artist-css----------- */
	.artist-section h3 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	}

	.artist-section p {
		margin-bottom: 25px;
		max-width: 100%;
	}

	/* -------end:Artist-css----------- */
	/*----start:Edition--css */

	/* .container {
		padding-right: 0px;
	} */

	/* ----------------------------pase-3------------------------------- */
	.megazin-page .megazin-wrap .img-2 {
		max-width: 400px;
		margin: auto;
		position: absolute;
		z-index: 0;
		left: 10%;
		bottom: -18.5%;
		width: 100%;
	}

	.megazin-page .megazin-img-item {
		margin-bottom: 20%;
	}

	.megazin-content-wrap {
		max-width: 100%;
		margin: auto;
	}

	/* ----------------------Workshop-main-page----------------------------- */
	h1 {
		font-size: 60px !important;
		line-height: 70px !important;
	}

	.workshop-main-page h1 {
		margin-bottom: 20px;
	}

	.workshop-main-page .workshop-contain-wrapp .workshop-item {
		gap: 70px;
		margin-bottom: 30px;
	}

	.workshop-main-page {
		padding: 180px 0 70px;

	}

	.pricing-page {
		padding: 50px 0 50px;
	}

	.pricing-page .Pricing-title {
		margin-bottom: 40px;
	}

	.megazin-page {
		padding: 80px 0px 80px;
	}

	.edition-section-pase-3 .swiper-slide {
		max-width: 300px;
		margin-right: 0px !important;

	}

	.blog-section {
		padding: 80px 0 80px;
		background-color: #E8E4D9;
	}



	.blog-section .edition-swiper-geers {
		justify-content: space-between;
	}

	.blog-section .blog-swiper {
		text-align: -webkit-center !important;
	}

	.megazin-page .megazin-wrap .img-1 {
		max-width: 440px;
	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 300px;
	}

	.culture-grid-section {
		background-color: #E8E4D9;
		padding: 200px 0 40px;
	}

	.culture-grid-section .culture-grid-group {
		display: grid;
		grid-template-columns: repeat(2, 5fr);
		gap: 20px;
		margin-bottom: 35px;
	}

	/* --------------------------start-pricing-page-------------------------- */
	.pricing-plan-main {
		padding: 150px 0 90px;
	}

	/* --------------------------end-FAQ-page-------------------------- */
	/* --------------------------start-career-section-page-------------------------- */

	.career-section {
		padding: 230px 0 80px;
		background-color: #E8E4D9;
	}

	.about-career-section .about-career-left img {
		padding-right: 20px;
	}

	.about-career-section .about-career-right .stories-content {
		padding-left: 0px;
	}

	.career-price-page {
		padding: 60px 0 60px;
		background-color: #E8E4D9;
	}

	.hiriging-page .hiring-career-plan {
		grid-template-columns: repeat(4, 1fr);
	}

	.hiriging-page {
		padding: 70px 10px 70px;
	}

	/* --------------------------start-career-section-page-------------------------- */

	.workshop-detail-page {
		padding: 180px 0 60px;

	}

	.all-layout-pre-page {
		padding: 200px 0 130px;
	}

	.custom-templ-page .custom-templ-wrap {
		gap: 40px;
	}

	.amazing-blog-page .amazing-blog-wrap {
		gap: 40px;
	}

	.purchase-milli-template .purchase-milli-wrap {
		gap: 40px;
	}

	.custom-templ-page {
		padding: 0 0 60px;
		margin-bottom: 30px;
	}

	.unique-home-pages-section {
		padding: 70px 0px;
	}

	.purchase-milli-template {
		background-color: #576F72;
		padding: 70px 0 30px;
	}

}

@media only screen and (max-width: 767px) {
	#header {
		height: 110px;
	}

	#header.header-scrolled {
		height: 90px;
	}

	#header #logo a {
		width: 130px;
	}

	#header #menu span {
		width: 26px;
	}

	#header #search span {
		width: 22px;
	}

	#header #search .img-2 {
		width: 18px;
	}

	.search-bar form .form-control {
		font-size: 20px;
		line-height: 30px;
		padding: 18px 10px;
	}

	.hero-section h1 {
		font-size: 56px;
		line-height: 66px;
	}

	.mobile-drop i {
		font-size: 16px;
	}

	.hero-section h1.white_text {
		padding-top: 45px;
	}

	.intro-title {
		font-size: 50px;
		line-height: 60px;
	}

	.title-rg {
		font-size: 35px;
		line-height: 45px;
	}

	.about-stories .content-box h2 {
		margin: 30px 0px 20px 0px;
	}

	.about-intro .intro-img {
		margin-top: 40px;
	}

	.about-stories .wrapper .rows-2 {
		margin-left: -45px;
	}

	.about-content-box {
		padding: 86px 0px 80px 0px;
	}

	.edition-wrapper .edition-item .img-3 {
		max-width: 404px;
		margin-left: 0;
	}

	.edition-wrapper .edition-item .img-1 {
		margin: 0px 0px 40px 0px;
	}

	.edition-wrapper .swiper-slide-active .edition-item .img-2 {
		margin-right: 0;
		max-width: 100%;
	}

	.edition-wrapper .edition-item .img-4 {
		max-width: 100%;
		margin: 40px 0px 0px 0px;
	}

	.edition-wrapper .swiper-slide-active .edition-item .img {
		max-width: 100%;
	}

	.culture-section .culture-title h2 {
		margin-bottom: 45px;
	}

	.footer .wrapper {
		flex-wrap: wrap;
		padding-top: 40px;
	}

	.footer .foot-logo {
		width: 170px;
	}

	.footer .wrapper .logo-and-menu,
	.footer .wrapper .social-media {
		width: 100%;
	}

	.footer .wrapper .social-media li {
		margin-left: 0;
		margin-right: 15px;
	}

	.footer .wrapper .social-media li:last-child {
		margin-right: 0;
	}

	.footer .social-media {
		padding: 25px 0px;
		border-bottom: 1px solid #909090;
		margin: 0;
	}

	.copyright p {
		font-size: 16px;
		line-height: 26px;
	}

	.editions-gallery .item-1 {
		order: 2;
	}

	.editions-gallery .item-2 {
		order: 1;
		margin-left: 0;
	}

	.editions-gallery .gallery-rows.top-row {
		flex-wrap: wrap;
	}

	.editions-gallery .gallery-title p {
		max-width: 100%;
		margin-bottom: 50px;
	}

	.editions-gallery .gallery-title .intro-title {
		margin: 0px 0px 30px 0px;
	}

	.gallery-rows {
		flex-wrap: wrap;
	}

	.editions-gallery .gallery-rows .img {
		max-width: 80%;
		width: 100%;
		margin: 0px auto 40px;
	}

	.editions-gallery .gallery-rows .img-6 {
		margin-bottom: 0;
	}

	.editions-gallery {
		padding: 200px 0px 60px 0px;
	}

	.culture-page .culture-grid {
		grid-gap: 30px;
		grid-row-gap: 50px
	}

	.culture-page {
		padding: 250px 0px 60px 0px;
	}

	.menu-bar .menu-content .nav-logo a {
		width: 130px;
	}

	.menu-bar {
		max-width: 350px;
		padding: 25px;
	}

	.menu-bar .menu-close a {
		font-size: 16px;
		line-height: 26px;
	}

	.menu-bar .main-menu {
		margin: 60px 0px 0px 0px;
	}

	.menu-bar .main-menu li {
		margin-bottom: 20px;
	}

	.menu-bar .main-menu li a {
		font-size: 20px;
		line-height: 30px;
	}

	.culture-intro .content-box {
		flex-wrap: wrap;
		margin: 0;
	}

	.culture-intro .content-box .img-box,
	.culture-intro .content-box .content {
		width: 100%;
		padding: 20px 0px 0px 0px;
	}

	.culture-intro {
		padding: 200px 0px 80px 0px;
	}

	.culture-intro .post-bottom {
		margin: 30px 0px 15px 0px;
	}

	.contact-intro {
		flex-wrap: wrap;
		margin-bottom: 60px;
		padding: 0px 40px;
	}

	.contact-intro .auto-rows {
		width: 100%;
	}

	.contact-intro .auto-rows .content {
		padding: 0px;
	}

	.contact-form {
		max-width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}

	.contact-section {
		padding: 200px 0px 60px 0px;
	}

	.mask-intro .fonts-txt {
		font-size: 150px;
		line-height: 170px;
	}

	.mask-intro .fonts-txt .clip_box {
		width: 105px;
		height: 136px;
		padding: 20px;
	}

	.mask-intro .fonts-txt .clip_box .round {
		border: 6px solid #E8E4D9;
	}

	.mask-intro .fonts-txt .clip_box::before,
	.mask-intro .fonts-txt .clip_box::after {
		width: 6px;
		height: 30px;
	}

	.mask-intro .fonts-txt .clip_box::before {
		left: 8px;
	}

	.mask-intro .fonts-txt .clip_box::after {
		right: 5px;
	}

	.error-section .wrapper h5 {
		font-size: 20px;
		line-height: 30px;
	}

	.error-section .wrapper p {
		font-size: 16px;
		line-height: 26px;
	}

	.hero-section .hero-button .btn {
		padding: 30px 32px;
	}

	.hero-section .hero-button .btn-primary span {
		transform: translateY(3px);
	}

	.hero-section .hero-button .btn::after {
		width: 70px;
		height: 26px;
		top: 47%;
	}

	.news-item .news-img {
		margin-right: 20px;
		height: 100%;
	}

	.news-wrapper .news-swiper {
		height: 780px;
	}

	.news-swiper .swiper-slide {
		height: 240px !important;
	}

	.news-item .news-content .date-meta {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.news-item .news-content h4 {
		font-size: 20px;
		line-height: 30px;
	}

	.news-swiper-geers {
		width: 28px;
		height: 136px;
		bottom: 60px;
	}

	.news-swiper .swiper-button-next,
	.news-swiper .swiper-button-prev {
		height: 58px;
	}

	.news-articles .news-item .news-content h4 {
		font-size: 20px;
		line-height: 30px;
	}

	.articles-wrapper .news-item:nth-child(1),
	.articles-wrapper .news-item:nth-child(3),
	.articles-wrapper .news-item:nth-child(5) {
		margin-right: 85px;
	}

	.articles-wrapper .news-item:nth-child(2),
	.articles-wrapper .news-item:nth-child(4),
	.articles-wrapper .news-item:nth-child(6) {
		margin-left: 85px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.news-articles {
		padding: 250px 0px 60px 0px;
	}

	.news-articles .load-button {
		padding: 50px 0px 10px 0px;
	}

	.quote-box .content h4 {
		font-size: 18px;
		line-height: 28px;
	}

	.news-detail-intro .post-content h4 {
		font-size: 24px;
		line-height: 34px;
	}

	.news-detail-intro {
		padding: 200px 0px 60px 0px;
	}

	.news-letter .wrapper .letter-title h2 {
		margin-bottom: 25px;
	}

	/*---------------- pase-2 ------------------------------*/
	/* ----------start:hero-css---------------- */
	.hero-content-pase-2 h2 {
		margin-bottom: 20px;
	}

	.hero-content-pase-2 p {
		margin-bottom: 20px;
	}

	.hero-content-pase-2 .hero-button {
		padding-top: 0px;
		margin-bottom: 22px;
	}

	.hero-circle-text-two {

		right: 50%;
		transform: translateX(0);

	}

	.hero-content-pase-2 h3 {
		font-size: 48px;
		line-height: 65px;
	}

	/* -------end:Hero-content-css----------- */
	/*----------start:workshop-css------------- */
	.workshop-section {
		padding: 50px 0px 50px 0px;
	}

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

	.workshop-item {
		flex-direction: column;
	}

	.workshop-section .news-title h2 {
		margin-bottom: 25px;
	}

	.workshop-content {
		text-align: center;
	}

	.workshop-section h4 {
		font-size: 26px;
		line-height: 30px;
	}

	.workshop-section .mySwiper {
		text-align: -webkit-center;
		margin-bottom: 20px;
	}

	.workshop-section p {
		margin-bottom: 28px;
	}

	.workshop-img-wrap {
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
	}

	/* -------end:Workshop-css----------- */
	/* ------start:cuture-magazine-css-------------- */
	.artist-section .artist-megazin {
		display: block;
	}

	.artist-section .artist-megazin .img {
		width: 100%;
	}

	.artist-section .artist-megazin .img::before {
		content: " ";
		display: block;
		padding-top: 0%;
	}

	.artist-section .artist-wrap .artist-item:nth-child(odd) .artist-megazin .artist-content-wrap,
	.artist-section .artist-wrap .artist-item:nth-child(even) .artist-content-wrap {
		padding: 0px 0px;
	}

	.artist-section .artist-item-top .artist-megazin img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		top: 0;
		left: 0;
	}

	.artist-section h3 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 18px;
	}

	.artist-section .artist-content {
		margin: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		padding: 20px 0px 30px;
	}

	.artist-section p {
		font-weight: 300;
		font-size: 16px;
		line-height: 26px;
		color: #FFFFFF;
	}

	.artist-section .artist-wrap .artist-item:nth-child(even) .artist-megazin {
		display: block;

	}

	.artist-section .artist-wrap .artist-item-bottom .artist-megazin img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		top: 0;
		left: 0;
	}

	.artist-section .artist-item .artist-content-wrap {
		max-width: 100%;
		margin: 0;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item h2 {
		margin-bottom: 20px !important;
	}

	.edition-section-pase-2 .edition-item.edition-item-2 {
		padding: 0px;
	}

	#header .wrapper-pase-2 {
		padding: 23px 25px;
		background: white;
		transform: skew(-7deg, 0deg);
	}

	#header .wrapper-pase-2>#menu,
	#header .wrapper-pase-2>#search {
		cursor: pointer;
		transform: skew(7deg, 0deg);
	}

	.wrapper-pase-2>#logo a img {
		transform: skew(7deg, 0deg);
	}


	/* 
	.container {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: 0px;
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	} */

	/*--------------satrt:Edition-pase-css----------------- */
	.edition-section-pase-2 .edition-wrapper-top .edition-item-1 {
		margin: auto;
		max-width: 400px;
		padding-bottom: 35px;
		width: 100%;
	}

	.edition-section-pase-2 .edition-wrapper-top .edition-item-3 {
		margin: auto;
		order: 3;
		max-width: 400px;
		width: 100%;
	}

	.edition-section-pase-2 .edition-item.edition-item-2 {
		max-width: 100%;
	}

	.edition-section-pase-2 .hero-button.aos-init.aos-animate {
		margin-bottom: 20px;
	}

	.edition-section-pase-2 .edition-wrapper-bottom {
		display: block;
		width: 100%;

	}

	.edition-section-pase-2 .edition-wrapper-bottom .edition-item .edition-img-3 {
		margin: auto;
		margin-bottom: 20px;
		max-width: 400px;
	}

	.edition-section-pase-2 .edition-wrapper-bottom .edition-item .edition-img-4 {
		max-width: 400px;
		margin: auto;
	}

	.wrapper-pase-3 #menu .menu-bugs {
		display: flex !important;
	}

	.wrapper-pase-3 #menu .main-menu {
		display: none !important;
	}

	/* ----------------------start-workshop-main-page ---------------------- */
	h1 {
		font-size: 56px !important;
		line-height: 70px !important;
	}

	.workshop-main-page .workshop-contain-wrapp .workshop-item {
		gap: 40px;
		margin-bottom: 30px;
		text-align: center;
	}

	.workshop-main-page .workshop-contain-wrapp .workshop-item .hero-button {
		text-align: center;
	}

	h4 {

		font-size: 28px !important;
		line-height: 38px !important;

	}

	.workshop-main-page {
		padding: 160px 0 60px;
		margin-bottom: 60px;

	}

	/* ----------------------end-workshop-main-page ---------------------- */
	/* ----------start:header-3--------------- */
	.header-three .container .wrapper #menu>span>img {
		display: block;
	}

	.header-three .container .wrapper #menu>span ul {
		display: none !important;
	}

	.pricing-page .Pricing-title {
		margin-bottom: 35px;
	}

	.megazin-page {
		padding: 50px 0px 40px;
	}

	/* ------------end:header-3------------------ */

	/* ------------start:.milli-hero-3------------------ */

	.milli-hero-3 .hero-content .auto-column {
		display: block;
	}

	.milli-hero-3 .hero-content p {
		max-width: 100%;
		margin: auto;
	}

	.milli-hero-3 .wrapper .hero-content {
		padding-left: 0px;
		margin-top: 180px;
	}

	.milli-hero-3.hero-section .hero-button {
		padding-top: 20px;
	}

	.milli-hero-3.hero-section h1.white_text {
		padding-top: 25px;
	}

	.milli-hero-3.hero-section h1.white_text {
		padding-top: 20px;
	}

	/* ------------end:milli-hero-3------------------ */
	/* ----------------------start:culture-hero-3---------------------------------- */

	.culture-section-pase-3 .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		max-width: 300px;
		height: 100%;
		position: relative;
		transition-property: transform;
	}

	.culture-section-pase-3 h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.culture-section-pase-3 .culture-swiper-3 {
		padding: 40px 0px;
	}

	/* ----------------------end:culture-hero-3---------------------------------- */
	.edition-section-pase-3 .swiper-slide {
		max-width: 250px;

	}

	.blog-section {
		padding: 60px 0 60px;
		background-color: #E8E4D9;
	}

	.blog-section .blog-title {
		margin-bottom: 35px;
	}

	.footer-pase-3 .wrapper {
		padding-bottom: 50px;
		padding-top: 20px;
	}

	.footer-pase-3 {
		padding: 50px 0 44px;
		background-color: #E8E4D9;
	}

	.footer-pase-3 .logo-support,
	.footer-pase-3 .logo-subscrib {
		margin-top: 10px;
		text-align: center;
		margin: 0 auto 15px;
	}

	.footer-pase-3 .logo-support h4 {
		margin-bottom: 0px;
	}

	.footer-pase-3 .logo-subscrib h4 {
		margin-bottom: 0px;
	}

	.megazin-page .megazin-wrap .img-1 {
		max-width: 400px;
	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 270px;
	}

	.footer-pase-3 .subscrib-head {
		justify-content: center;
	}

	.footer .social-media {
		border-bottom: none;
	}

	.blog-grid-section {
		padding: 150px 0 40px;
		margin-bottom: 40px;
	}

	.blog-grid-section .culture-title .title-rg {
		margin-bottom: 40px;
	}

	.blog-grid-section .title-rg {
		font-size: 35px;
		line-height: 45px;
		text-align: left !important;
	}

	.blog-grid-section h3 {
		font-weight: 600;
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.blog-grid-section p {
		margin-bottom: 10px;
	}

	/*--------------------- faq------------------ */
	.faq-section {
		background-color: #E8E4D9;
		padding: 175px 0 80px;
		margin-bottom: 40px;
	}

	.faq-section .faq-title {
		padding-bottom: 40px;
	}

	.faq-section .accordion .content-container .question h4 {
		max-width: 320px;
		width: 100%;

	}

	/* -----------------------------------start--price-page-start------------------------------------------ */

	.career-price-page .career-plan {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
		justify-items: center;


	}

	/* -----------------------------------end--price-page-start------------------------------------------ */
	/* --------------------------start-career-section-page-------------------------- */
	.career-section {
		padding: 180px 0 60px;
		background-color: #E8E4D9;
	}

	/* --------------------------start-career-section-page-------------------------- */
	/* -----------------------------------start-about-career-section------------------------------------------- */
	.about-career-section {
		padding: 60px 0px;
	}

	.about-career-section .about-career-left img {
		padding-right: 0px;
		margin-bottom: 20px;
	}

	.career-price-page {
		padding: 50px 0 50px;
	}

	.career-price-page .career-explore-title {
		margin-bottom: 35px;
	}

	.career-contact-section .career-contact-intro {
		display: block;


	}

	.career-contact-section .content {
		max-width: 100%;
		width: 100%;
	}

	.career-contact-section .contact-form {
		max-width: 100%;
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
	}

	.career-contact-section {
		margin: 0px 10px 50px;

	}

	.hiriging-page .hiring-career-plan {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}

	.hiriging-page .hiring-item-erow-wrap {
		margin-top: 0px;
		text-align: center;
	}

	.hiriging-page .hiring-item-wrap {
		text-align: center;
	}

	.hiring-item-erow-wrap svg {
		width: 100%;
		transform: rotate(90deg);
	}

	.hiriging-page {
		padding: 60px 10px 60px;
	}

	/* -----------------------------------start-about-career-section------------------------------------------- */

	.workshop-detail-page {
		padding: 150px 0 50px;
	}

	.all-layout-pre-page {
		padding: 150px 0 100px;
	}

	.unique-home-pages-section,
	.amazing-blog-page {
		padding: 60px 0px;
	}

	.amazing-blog-page .amazing-blog-wrap {
		gap: 20px;
	}

	.custom-templ-page .custom-templ-wrap {
		gap: 20px;
	}

	.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-2 {
		display: none;
	}

	.custom-templ-page .custom-templ-wrap .custom-templ-img .custom-templ-img-item-3 {
		display: none;
	}

	.custom-templ-page {
		padding: 0 0 40px;
		margin-bottom: 0px;
	}

	.amazing-blog-page .amazing-blog-wrap {
		gap: 20px;
	}

	.purchase-milli-template .purchase-milli-wrap {
		gap: 20px;
	}

	.site-feature-page .hiring-career-item {
		justify-content: center;
		margin-bottom: 10px;
	}

	.purchase-milli-template {
		padding-bottom: 30px;
	}

	.custom-templ-page {
		margin-bottom: 0px;
	}

	.edition-milli {
		padding: 50px 0px;
	}



}

@media only screen and (max-width: 575px) {
	h1 {
		font-size: 32px !important;
		line-height: 42px !important;
	}

	h4 {

		font-size: 20px !important;
		line-height: 30px !important;

	}

	.footer-pase-2 .wrapper {
		padding-bottom: 20px;
		gap: 25px;
	}
	.footer-pase-2 .logo-link, .footer-pase-2 .logo-support, .footer-pase-2 .logo-Official-info {
		margin-top: 0px;
	}

	.hero-section h1 {
		font-size: 40px;
		line-height: 50px;
	}

	.hero-section .wrapper {
		width: 100%;
		margin: auto;
	}

	.hero-content h2,
	.hero-section h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.hero-circle-text {
		bottom: 0;
	}

	.hero-circle-text h2 {
		line-height: 20px;
	}

	.hero-circle-text::before {
		width: 55px;
		height: 55px;
	}

	.intro-title {
		font-size: 40px;
		line-height: 50px;
	}

	.search-bar form {
		margin-top: 230px;
	}

	.search-bar form .form-control {
		font-size: 18px;
		line-height: 26px;
	}

	.about-intro {
		padding-top: 150px;
	}

	.about-content-box {
		padding: 86px 0px 60px 0px;
	}

	.about-description .wrapper h2 {
		margin-bottom: 20px;
	}

	.about-description {
		padding-top: 60px;
	}

	.news-letter {
		padding: 50px 0px 50px 0px;
	}

	.letter-form {
		flex-wrap: wrap;
	}

	.letter-form .form-control {
		text-align: center;
		padding: 12px;
		height: 58px;
	}

	.letter-form .sign-up {
		max-width: 100%;
		margin-top: 20px;
		font-size: 18px;
		line-height: 28px;
	}

	.logo-and-menu ul {
		flex-wrap: wrap;
		column-gap: 30px;
		padding: 20px 0px 20px 0px;
		margin-top: 10px;
		justify-content: center;
	}

	.stories-wrapper .bottom-rows {
		margin-top: -24px;
	}

	.stories-section .stories-button {
		margin-bottom: 35px;
	}

	.stories-section .title-rg {
		margin: 60px 0px 20px 0px;
	}

	.edition-wrapper .edition-item .img-1 {
		margin: 0px 0px 30px 0px;
	}

	.edition-wrapper .edition-item .img-4 {
		margin: 30px 0px 0px 0px;
	}

	.edition-section,
	.culture-section {
		padding: 50px 0px;
	}

	.edition-swiper {
		padding-top: 40px !important;
	}

	.footer {
		padding-bottom: 0px;
	}

	.editions-gallery .gallery-rows .img {
		max-width: 100%;
		margin: 0px auto 30px;
	}

	.editions-gallery .gallery-rows .img-6 {
		margin-bottom: 0;
	}

	.culture-page .culture-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.culture-page .culture-grid .culture-items {
		max-width: 100%;
	}

	.culture-grid .grid-items:nth-child(2) .culture-items,
	.culture-grid .grid-items:nth-child(4) .culture-items,
	.culture-grid .grid-items:nth-child(6) .culture-items {
		margin-top: 0;
	}

	.culture-page {
		padding: 220px 0px 50px 0px;
	}

	.culture-page .culture-title .intro-title {
		margin-bottom: 40px;
	}

	.menu-bar .menu-content {
		width: 50%;
	}

	.culture-intro h5 {
		font-size: 20px;
		line-height: 30px;
	}

	.editions-gallery,
	.culture-intro,
	.contact-section,
	.culture-page {
		padding: 150px 0px 60px 0px;
	}

	.contact-intro {
		padding: 0px;
	}

	.contact-intro .auto-rows .intro-title {
		margin-bottom: 20px;
	}

	.contact-intro .contect-now {
		padding: 40px 0px 40px 0px;
	}

	#map {
		height: 450px;
	}

	.hero-section h1.white_text {
		position: relative;
		padding-bottom: 140px;
	}

	.hero-content {
		margin-top: 180px;
	}

	.news-wrapper .news-swiper {
		height: 1410px;
	}

	.news-swiper .swiper-slide {
		height: 450px !important;
	}

	.news-item {
		flex-wrap: wrap;
	}

	.news-item .news-img {
		max-width: 100%;
		margin: auto;
	}

	.news-swiper-geers {
		bottom: 0px;
	}

	.news-item .news-content {
		text-align: center;
		margin-top: 30px;
	}

	.news-section .news-item .news-content {
		padding-right: 50px;
		padding-left: 50px;
	}

	.news-section {
		padding: 60px 0px 60px 0px;
	}

	.articles-wrapper .news-item:nth-child(1),
	.articles-wrapper .news-item:nth-child(3),
	.articles-wrapper .news-item:nth-child(5) {
		margin-right: 0;
	}

	.articles-wrapper .news-item:nth-child(2),
	.articles-wrapper .news-item:nth-child(4),
	.articles-wrapper .news-item:nth-child(6) {
		margin-left: 0px;
	}

	.news-articles {
		padding: 150px 0px 60px 0px;
	}

	.quote-box .content {
		margin-left: -35px;
	}

	.quote-box .content h4 {
		font-size: 16px;
		line-height: 26px;
	}

	.news-detail-intro .post-content h4 {
		font-size: 20px;
		line-height: 30px;
	}

	.news-detail-intro .caption-box .head-top,
	.news-detail-intro .caption-box .head-bottom {
		font-size: 18px;
		line-height: 28px;
	}

	.news-detail-intro {
		padding: 150px 0px 40px 0px;
	}

	.contact-intro .load-button .btn-primary,
	.error-section .load-button .btn-primary {
		padding: 22px 30px;
	}

	.contact-intro .load-button .btn::after,
	.error-section .load-button .btn::after {
		width: 50px;
	}

	.contact-intro {
		margin-bottom: 40px;
	}

	.hero-background .img {
		border-radius: 280px 0px 0px 0px;
	}

	.footer .social-media li a {
		width: 40px;
		height: 40px;
	}

	.contact-form .form-item {
		margin-bottom: 15px;
	}

	.news-detail-intro .caption-box .head-bottom,
	.news-detail-intro .caption-box .head-top {
		margin: 20px 0px 15px 0px;
	}

	.footer .foot-logo {
		width: 150px;
		margin: 0px auto 15px;
		padding: 0;
	}

	.footer .social-media {
		justify-content: center;
		border-bottom: none;
	}

	.copyright p {
		text-align: center;
	}

	/* -------------------------pase-2 ---------------*/

	/*--------------satrt: Header-css----------------- */
	#header .wrapper-pase-2 {
		padding: 23px 10px;
	}

	#header .wrapper-pase-2 {
		width: calc(100% - 20px);
	}

	/*--------------satrt: hero-pase-css----------------- */
	.hero-content-pase-2 h3 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 120px;
	}

	.hero-section-pase-2 {
		background-image: none;
	}

	.hero-section-two-mobile {
		background-image: url(../images/mobile-hero.jpg);
	}

	/*--------------satrt: workshop-pase-css----------------- */
	.workshop-section h4 {
		font-size: 20px;
		line-height: 30px;
	}


	/*--------------satrt:Cuture-pase-css----------------- */
	.culture-section-pase-2 .culture-items .meta {
		margin: 0;
		position: relative;
	}

	.culture-section-pase-2 .culture-items .content {
		padding: 12px 25px 25px;
	}

	.culture-section-pase-2 .culture-items .meta p {
		margin-top: 12px;
	}

	/* -------------------START-workshop-main-page--------- */
	.workshop-main-page {
		padding: 130px 0 50px;
		margin-bottom: 40px;

	}

	.workshop-main-page h1 {
		font-size: 35px !important;
		line-height: 45px !important;
		margin-bottom: 2px;
	}

	.workshop-main-page .workshop-title {
		margin-bottom: 55px;
	}

	.workshop-main-page .workshop-contain-wrapp .workshop-item {
		gap: 20px;
		margin-bottom: 40px;

	}

	.workshop-main-page .workshop-contain-wrapp .workshop-item p {
		margin-bottom: 30px;
	}

	.btn {
		padding: 25px 35px;
		position: relative;

	}

	p {
		font-weight: 300 !important;
		font-size: 16px !important;
		line-height: 26px !important;
	}

	.pricing-page h4 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 16px;
	}

	.pricing-page .pricing-item {
		padding: 45px 20px 30px;
	}

	.pricing-page .pricing-price {
		margin: 24px 0;
	}

	/* ------------start:.milli-hero-3------------------ */
	.milli-hero-3.hero-section h1 {
		font-size: 38px !important;
		line-height: 48px !important;
	}

	/* ------------end:milli-hero-3------------------ */
	/* ----------------------start:culture-hero-3---------------------------------- */

	.culture-section-pase-3 h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.culture-section-pase-3 .swiper-slide {
		max-width: 194px;
	}

	.culture-section-pase-3 .culture-swiper-3 {
		padding: 30px 0px;
	}

	.culture-section-pase-3 .marquee-title-item {
		flex: none;
		margin: 18px 2vw;
	}

	.edition-section-pase-3 .swiper-slide {
		max-width: 194px;

	}

	.blog-section {
		padding: 50px 0 50px;
		background-color: #E8E4D9;
	}

	/* ----------------------end:culture-hero-3---------------------------------- */
	.blog-section .blog-title {
		margin-bottom: 30px;
	}

	.footer-pase-3 .logo-subscrib .letter-form .sign-up {
		max-width: 100%;
		padding: 15px;
		margin-top: 10px;
	}

	.footer-pase-3 .wrapper {
		padding-bottom: 30px;
		padding-top: 0px;
	}

	.footer-pase-3 {
		padding: 30px 0 0px;
		background-color: #E8E4D9;
	}

	.footer-pase-3 .logo-and-text p {
		margin-bottom: 20px;
		text-align: center;
	}

	.footer .social-media {
		padding: 0px 0px 15px;

	}

	.megazin-page .megazin-wrap .img-1 {
		max-width: 320px;

	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 200px;
	}

	.footer-pase-3 .logo-and-text {
		max-width: 100%;
		width: 100%;
		margin: auto;
	}

	.megazin-page .megazin-img-wrap {
		position: relative;
		max-width: 680px;
		padding-right: 0px;
	}

	.megazin-page .megazin-wrap .img-2 {
		right: 0px;
	}

	.megazin-page .megazin-img-wrap {
		position: relative;
		max-width: 680px;
		padding-right: 100px;
	}

	.megazin-page .megazin-wrap h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.culture-grid-section {
		background-color: #E8E4D9;
		padding: 130px 0 40px;
	}

	.culture-grid-section .culture-grid-group {
		display: grid;
		grid-template-columns: repeat(1, 10fr);
		gap: 0px;
		margin-bottom: 15px;
	}

	.culture-grid-section .culture-title .title-rg {
		margin-bottom: 35px;
	}

	.culture-grid-section .culture-grid-group .culture-grid-item .meta {
		padding-left: 25px;
		padding-top: 18px;
		z-index: 10;
		margin: 0px auto 0px;
		position: relative;
	}

	.culture-grid-section .culture-grid-group .culture-grid-item .content {
		padding: 0 25px 25px;
	}

	.culture-grid-section .container {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 1.5rem;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}

	.culture-grid-section .culture-grid-group .culture-grid-item {
		margin: 0 auto 15px;
	}

	.blog-grid-section {
		padding: 130px 0 40px;
		margin-bottom: 40px;
	}

	.blog-grid-section .culture-title .title-rg {
		margin-bottom: 20px;
	}

	.footer .wrapper .logo-and-menu {
		width: 100%;
		margin-bottom: 20px;
	}

	/*--------------------- faq------------------ */
	.faq-section {
		background-color: #E8E4D9;
		padding: 175px 0 52px;
		margin-bottom: 40px;
	}

	.faq-section .accordion .content-container .question h4 {
		font-size: 20px;
		line-height: 28px;

	}

	.faq-section .faq-title {
		padding-bottom: 32px;
	}

	.faq-section .accordion .content-container .question {
		padding: 16px 0px;
		font-size: 20px;
		line-height: 28px;
		display: flex;
		align-items: baseline;
	}

	.faq-section .title-rg {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 25px;
	}

	.faq-section .faq-title p {
		margin-bottom: 32px;
	}

	.pricing-plan-main {
		padding: 150px 0 50px;
	}

	/* --------------------------start-career-section-page-------------------------- */
	.career-section {
		padding: 150px 0 40px;
	}

	/* --------------------------start-career-section-page-------------------------- */
	/* -----------------------------------start-about-career-section------------------------------------------- */
	.about-career-section {
		padding: 40px 0px;
	}

	.career-popup-page .name-email {
		display: block;

	}

	.hiriging-page {
		padding: 0px 10px 40px;
	}

	/* -----------------------------------end-about-career-section------------------------------------------- */
	/* -----------------------------------workshop-detail-page -section------------------------------------------- */

	.workshop-detail-page {
		padding: 120px 0 40px;

	}

	.workshop-detail-page .workshop-home-wrap .workshop-home-contant {
		background: #576F72;
		padding: 15px;
		border-radius: 0px 30px;
		max-width: 871px;
		width: 100%;
		margin: -60px auto 20px;
		position: relative;
		z-index: 100;
	}

	.workshop-detail-page .workshop-home-wrap .workshop-detail-wrappp {
		margin: 25px 0 28px;
		display: block;


	}

	.workshop-detail-page .workshop-detail-list-group {
		margin-bottom: 20px;
		padding: 16px 10px 22px 13px;
	}

	.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-1 {
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-2 {
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 3;
		grid-row-end: 3;
	}

	.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-3 {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 4;
		grid-row-end: 5;
	}

	.workshop-detail-page .workshop-detail-grid-img .workshop-img-item-4 {
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 4;
		grid-row-end: 5;
	}

	.workshop-detail-page .workshop-img-item-wrap {
		margin-bottom: 10px;
	}

	.workshop-detail-page::before {

		-webkit-clip-path: unset;
		clip-path: unset;

	}

	.workshop-detail-page h3.title-rg.aos-init.aos-animate {
		margin-bottom: 30px;
		font-size: 25px;
		line-height: 35px;
	}

	.workshop-detail-page .workshop-home-wrap .workshop-home-contant h5 {
		font-size: 18px;
		line-height: 28px;

	}

	.workshop-detail-page .workshop-detail-list-group li p {
		margin-bottom: 4px;
	}

	.workshop-detail-page .workshop-detail-list-group h5 {
		font-size: 18px;
		line-height: 28px;
		color: #FFFFFF;
	}

	.all-layout-pre-page {
		padding: 130px 0 80px;
	}

	.all-layout-pre-page .all-layout-title p {
		margin-bottom: 30px;
	}

	.unique-home-pages-section .unique-pages-group {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0px;
		margin: auto;
		text-align: center;
	}

	.unique-home-pages-section,
	.amazing-blog-page {
		padding: 40px 0px;
	}

	.unique-home-pages-section .unique-layout-title {
		text-align: center;
		margin-bottom: 20px;
	}

	.unique-home-pages-section .unique-pages-item-wrap img {
		margin-bottom: 10px;
	}

	.amazing-blog-page .amazing-blog-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		align-items: center;
	}

	.custom-templ-page .custom-templ-wrap {
		grid-template-columns: repeat(1, 1fr);

	}

	.amazing-blog-page .amazing-blog-wrap {
		grid-template-columns: repeat(1, 1fr);
		align-items: center;
	}

	.purchase-milli-template .purchase-milli-wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;

	}

	.purchase-milli-template {
		padding: 40px 0;
		margin-bottom: 30px;
	}

	.amazing-blog-page .amazing-blog-wrap h3,
	.custom-templ-page h3 {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 20px;
	}

	.custom-templ-img-item.aos-init.aos-animate {
		text-align: center;
	}

	.all-layout-pre-page::before {
		width: 32vw;
	}

	.all-layout-pre-page::after {
		width: 32vw;
	}

}

@media only screen and (max-width: 425px) {
	.intro-title {
		font-size: 30px;
		line-height: 40px;
	}

	.about-intro .intro-title {
		margin-bottom: 20px;
	}

	.about-stories .wrapper {
		margin-bottom: 0;
		display: block;
	}

	.about-stories .wrapper .rows-2 {
		margin-left: 0;
	}

	.title-rg {
		font-size: 28px;
		line-height: 38px;
	}

	.about-intro .intro-img {
		margin-bottom: 15px;
	}

	.about-content-box {
		padding: 50px 0px 50px 0px;
	}

	.about-stories .wrapper {
		margin-top: 50px;
	}

	.about-intro .intro-img {
		margin-top: 35px;
	}

	.news-letter .wrapper .letter-title h2 {
		margin-bottom: 20px;
	}

	.letter-form {
		margin-top: 30px;
	}

	.footer .foot-logo {
		width: 150px;
		padding: 10px 0px;
	}

	.stories-wrapper .stories-rows {
		flex-wrap: wrap;
		max-width: 100%;
		width: 100%;
	}

	.stories-wrapper .bottom-rows {
		margin-top: 0;
	}

	.culture-section .culture-title h2 {
		margin-bottom: 35px;
	}

	.editions-gallery .gallery-title .intro-title {
		margin: 0px 0px 20px 0px;
	}

	.culture-page .culture-grid {
		grid-row-gap: 40px
	}

	.menu-bar {
		max-width: 100%;
	}

	#map {
		height: 350px;
	}

	.mask-intro .fonts-txt {
		font-size: 100px;
		line-height: 120px;
	}

	.mask-intro .fonts-txt .clip_box {
		width: 70px;
		height: 90px;
		padding: 15px;
	}

	.mask-intro .fonts-txt .clip_box .round {
		border: 4px solid #E8E4D9;
	}

	.mask-intro .fonts-txt .clip_box::before,
	.mask-intro .fonts-txt .clip_box::after {
		width: 4px;
		height: 18px;
	}

	.mask-intro {
		margin-top: 0px;
	}

	.news-wrapper .news-swiper {
		height: 1620px;
	}

	.news-swiper .swiper-slide {
		height: 520px !important;
	}

	.culture-page .culture-title .intro-title {
		margin-bottom: 30px;
	}

	.articles-title .intro-title {
		margin-bottom: 20px;
	}

	.news-section .news-title h2 {
		margin-bottom: 30px;
	}

	.menu-bar .main-menu {
		margin: 30px 0px 0px 0px;
	}


	/* -----------------------------milli-2------------ */
	.hero-content-pase-2 h3 {
		font-size: 28px;
		line-height: 28px;
		margin-bottom: 120px;
	}

	/* ------------start:.milli-hero-3------------------ */

	.milli-hero-3.hero-section h1 {
		font-size: 30px !important;
		line-height: 40px !important;
	}

	.blog-section {
		padding: 40px 0 40px;
		background-color: #E8E4D9;
	}

	/* ------------end:milli-hero-3------------------ */

	/* ---------------start-megazin-page-------- */

	.megazin-page .megazin-wrap .img-2 {
		left: 10%;
		bottom: -18.5%;
		width: 100%;
	}

	.megazin-page .megazin-wrap .img-2 {
		max-width: 150px;
	}

	/* ---------------start faq-section-page-------- */

	.faq-section .accordion .content-container .question h4 {
		max-width: 250px;
		width: 100%;

	}




}

@media only screen and (max-width: 320px) {
	.search-bar form {
		margin-top: 230px;
	}

	.menu-bar .main-menu {
		max-width: 100%;
	}

	.menu-bar .menu-content {
		width: 100%;
	}

	.search-bar form .form-control {
		font-size: 16px;
		padding: 12px 10px;
	}

	.news-wrapper .news-swiper {
		height: 1770px;
	}

	.news-swiper .swiper-slide {
		height: 570px !important;
	}

	.news-section .news-item .news-content {
		padding-right: 30px;
		padding-left: 30px;
	}

	.menu-bar .menu-content .nav-logo a {
		margin-top: 20px;
	}


}