@import url('https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
	min-height:100%;
}

body {
    overflow: hidden;
    width: 100%;
    background: #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body::before {
    content: '';
    position: absolute;
    left: 0;
    background: #000;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
}

video{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

*{
	font-family: 'Kufam', cursive;
}

label,
p {
    margin: 0;
	font-weight:normal
}

button,
input,
select,
textarea {
    background: 0 0;
    border: none;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0
}

textarea{
	vertical-align:middle;
}

ul {
    padding: 0;
    margin: 0
}
li{
	list-style:none;
}

dl,
ol,
ul {
    margin-bottom: 0
}
.htmlFixed{
	overflow:hidden
}

a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    outline: 0
}
.fixedSun{
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:250px;
}
.fixedTexts{
	position:fixed;
	inset: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow-y: auto;
    z-index: 2;
}
.fixedTexts > div:first-child{
	width: 50%;
	height: 100%;
}
.fixedTexts > div:first-child img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fixedTexts .logo{
	height: 270px;
	margin: 0 auto;
	display: block;
}
.fixedTexts h1{
	margin: 30px 0 0 0;
	font-size: 52px;
	line-height: 1.4;
	text-align: center;
	font-family: Cormorant, sans-serif;
}
.fixedTexts h1 span{
	display:block;
	font-weight:900
}
.fixedTexts p{
	font-size: 24px;
	margin:20px 0 0;
	text-align: center;
}
.dxdd,
.dxdd:hover{
	color: #fff;
	font-size: 18px;
	font-weight:500;
	display: inline-block;
}
.dxdd{
	margin-bottom: 10px;
}
.fixedTexts > div:last-child{
	width: 100%;
	padding: 60px;
	color: #fff;
}
.product_groups{
	margin-top: 30px;
	border-radius: 10px;
	display: flex;
	row-gap: 30px;
	column-gap: 30px;
	width: 100%;
}
.product_groups > div{
	/* width: 50%; */
}
.product_groups > div h4{
	color: #fff;
	font-weight: 500;
	margin: 0 0 15px;
	letter-spacing: -.3px;
	background: #333;
	padding: 13px 10px 10px;
	border-radius: 8px;
	font-size: 16px;
}
.product_groups > div ul li{
	font-size: 16px;
	letter-spacing: -.3px;
}
.product_groups > div ul li + li{
	margin-top: 6px;
}



@media(max-width:1400px){
	.fixedTexts h1{
		font-size: 50px;
	}
	.fixedTexts > div:first-child img{
		/* width: 400px; */
	}
	.fixedTexts .logo {
    	/* height: 70px; */
 }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
	.product_groups{
		flex-wrap: wrap;
	}
	.product_groups > div{
		width: 100%;
	}
}
@media(max-width:992px){
	.dxdd{
		font-size: 16px;
	}
	.fixedSun{
		transform:translateY(0) translateX(50%) rotate(90deg);
		bottom: -57px;
		top:auto;
		width:160px;
		right:50%;
	}
	.fixedTexts{
		/* position:static; */
		/* padding:60px; */
		/* transform:none; */
	}
	.fixedTexts h1{
		/* font-size: 30px; */
	}
	.fixedTexts p{
		/* font-size:16px; */
	}
	.fixedTexts .logo{
		/* height: 190px; */
	}
}
@media(max-width:768px){
	.product_groups{
		flex-wrap: wrap;
	}
	.product_groups > div{
		width: 100%;
	}
	.fixedTexts > div:first-child{
		width: 100%;
		height: 40vh;
	}
	.fixedTexts > div:last-child{
		width: 100%;
		padding: 100px 30px 30px 30px;
	}
	.fixedTexts > div:first-child{
		padding-right: 0;
	}
	.fixedTexts{
		flex-wrap: wrap;
	}
	.fixedTexts > div{
		width: 100%;
	}
	.fixedTexts > div:first-child img{
		width: 100%;
	}
	.fixedTexts > div:first-child{
		/* margin-bottom: 30px; */
	}
	.dxdd{
		color:#333;font-size:16px;font-weight:500
	}
	.fixedTexts{
		/* padding:30px; */
		overflow-y: auto;
		align-content: flex-start;
	}
	.fixedTexts .logo{
		width: 110px;
		height: auto;
		}
	.fixedTexts h1 {
		font-size: 36px;
	}
	.fixedTexts p {
		font-size: 20px;
		line-height: 1.6;
	}
	.fixedSun{
		width:100px;
		bottom:-35px
	}
}