/*
Theme Name: dreamtime
Author: the WordPress team
Author URI: http://dreamtime.com/
Version: 2.0.0
Text Domain: dreamtime
Requires at least: 6.0
Tested up to: 7.0
*/
body
{
	font-family:'Merriweather Sans', sans-serif;
	margin:0px; padding:0px;
	font-size:14px;
	font-weight:300;
	color:#666;
	line-height:1.8;
	-webkit-font-smoothing:antialiased;
}
div,a,ul,li,section,input,select,textarea,img,p,h1,h2,h3,h4,h5,h6,label
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; }
p{
	font-weight:300;
}
li{ list-style:none; }
a
{
	text-decoration:none; color:#1a0dbd;
}
a:hover
{
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	text-decoration:underline;
}
input,select,button
{
	outline:0px; border:0px;
}
select{ cursor:pointer; }
input[type='submit']{ border:0px; cursor:pointer }

textarea{ 
	font-family:"Open Sans", Arial, sans-serif;
}
a
{
	text-decoration:none; color:#0093DE;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a:hover
{
	text-decoration:underline;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
h1,h2,h3,h4,h5,h6,p,ul,li{ margin:0px; padding:0px; font-weight:inherit; }
img{ border:0px; }
div,li,span,a
{
	list-style:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input,select,textarea{ color:#555; font-family:"Open Sans", Arial, sans-serif; }
input,select,textarea:focus{ outline:0px; }
input,select,textarea
{
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
input,select,textarea:focus{ outline:0px; }
button{ border:0px; cursor:pointer; }
button:focus{ outline:0px; }



/* Form Fields */
input[type='text'],textarea,input[type='password'],select,input[type='date'],input[type='time'],input[type='number']
{
	width:100%; height:27px; float:left; outline:0px;
	padding-left:5px; padding-right:5px;
	border:1px solid #CCC;
	font-size:13px; color:#212121; font-family:"Open Sans", Arial, sans-serif;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;
	
    transition:border 0.7s;
}
input[type='text']:focus,input[type='number']:focus,input[type='password']:focus,textarea:focus,input[type='date']:focus,input[type='time']:focus,select:focus
{
	border:1px solid #198de3;
}
input[type="text"]:disabled{ cursor:not-allowed; }
input[type="submit"]{ border:0px; cursor:pointer; }
button
{
	width:auto; height:27px; float:left;
	background:#070739; border:0px;
	outline:0px; cursor:pointer;
	font-size:12px; color:#FFF;
}
button:hover{ background:#51195e; }
button:active{ background:#5c5c5c; }

.btn
{
	width:auto; height:27px; float:left;
	background:#672b75; border:0px;
	outline:0px; cursor:pointer;
	font-size:12px; color:#FFF;
}
.btn:hover{ background:#51195e; }
.btn:active{ background:#5c5c5c; }


.error
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
	background:#f64b2f;
	padding:10px; padding-left:35px;
	font-size:13px; color:#FFF; font-weight:600;
}
.error i
{
	font-size:21px; color:#9a1903;
	position:absolute; z-index:99; left:15px; top:12px;
}
.error ul{ margin-left:15px; }
.error li{ margin-bottom:4px; list-style:none; }

.success
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
	background:#7eb62e;
	padding:10px; padding-left:35px;
	font-size:13px; color:#FFF; font-weight:600;
}

.success i
{
	font-size:21px; color:#598a10;
	position:absolute; z-index:99; left:15px; top:12px;
}
.success ul{ margin-left:15px; }
.success li{ margin-bottom:4px; list-style:none; }

input,select,textarea{ color:#555; font-family:"Open Sans", Arial, sans-serif; }
input,select,textarea:focus{ outline:0px; }
input,select,textarea
{
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
input,select,textarea:focus{ outline:0px; }
button{ border:0px; cursor:pointer; }
button:focus{ outline:0px; }
.container{ width:96%; height:auto; max-width:1350px; margin:0 auto; position:relative; }

.pull-right{ float:right; }

#header
{
	width:100%; height:94px; position: fixed; left:0px; top:0px; z-index:999;
	background: rgba(255,255,255,1); border-bottom:1px solid #EEE;
}
#header_bc{ width:100%; height:94px; float:left; }

#logo
{
	width:auto; height:auto; float:left;
}
#logo img{ height:90px; }



#mob-nav
{
	width:55px; height:50px; position:absolute; right:10px; top:10px; display: none;
	margin-top:10px;
	border:3px solid #222;
	font-size:28px; color:#FFF; text-align:center;
}
#mob-nav i{ line-height:42px; }


#nav
{
	width:auto;
	height:auto;
	float:right;
	margin-top:34px;
}

#nav ul
{
	width:auto;
	height:auto;
	float:left;
}

#nav ul li
{
	width:auto;
	height:auto;
	float:left;
	margin-left:21px;
	position:relative;
}

#nav ul li a
{
	width:auto;
	height:auto;
	float:left;
	font-size:15px;
	color:#555;
	font-weight:400;
	letter-spacing:0.3px;
	text-decoration:none;
	transition:0.3s;
}

#nav ul li a:hover
{
	color:#222;
	text-decoration:none;
}

#nav ul ul
{
	width:240px;
	position:absolute;
	top:32px;
	left:0;
	background:#fff;
	border-radius:18px;
	padding:12px 0;
	box-shadow:0 15px 40px rgba(0,0,0,0.08);
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
	transition:0.3s;
}

#nav ul li:hover > ul
{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

#nav ul ul li
{
	width:100%;
	margin-left:0;
}

#nav ul ul li a
{
	width:100%;
	padding:14px 24px;
	font-size:14px;
	color:#666;
}

#nav ul ul li a:hover
{
	background:#f7f8fa;
	color:#222;
	text-decoration:none;
}

#header_call
{
	width: auto; height:auto; float:right;
	margin-top:35px;
	font-size:16px; color:#222; font-weight:500;
}

.hero-slider{
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.hero-slider .swiper-slide{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background-size:cover;
    background-position:center;
}

.hero-slider .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

.hero-content{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1300px;
	margin-top:94px;
    color:#fff;
}

.hero-content h1{
    font-size:64px;
    font-weight:500;
    margin-bottom:20px;
    line-height:1.1;
    animation:fadeUp 1s ease;
}

.hero-content p{
    max-width:650px;
    font-size:18px;
    line-height:1.7;
    margin-bottom:35px;
    color:#f1f1f1;
    animation:fadeUp 1.2s ease;
}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-buttons a{
    padding:15px 32px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
    display:inline-block;
}

.btn-primary{
    background:#fff;
    color:#000;
}

.btn-primary:hover{
    background:#dcdcdc;
    transform:translateY(-2px);
}

.btn-outline{
    border:2px solid #fff;
    color:#fff;
}

.btn-outline:hover{
    background:#fff;
    color:#000;
}

.swiper-pagination-bullet{
    background:#fff !important;
    opacity:0.7;
}

.swiper-pagination-bullet-active{
    opacity:1;
}

.swiper-button-next,
.swiper-button-prev{
    color:#fff !important;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Mobile Responsive */
@media(max-width:768px){

    .hero-slider{
        height:85vh;
    }

    .hero-content{
        text-align:center;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content p{
        font-size:15px;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-buttons a{
        width:100%;
        text-align:center;
    }

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

#home_about
{
	width:100%; height:auto; float:left;
	margin-top:65px;
}
#home_about_l
{
	width:35%; height:auto; float:left;
	margin-right:3%; margin-top:45px;
}
#home_about_l_one
{
	width:100%; height:auto; float:left;
	margin-bottom:35px;
}
#home_about_l_one h3
{
	width:100%; height:auto; float:left;
	margin-bottom:5px;
	font-size:16px; color:#1b3a95; font-weight:400;
}
#home_about_l_one h1
{
	width:100%; height:auto; float:left;
	margin-bottom:10px;
	font-size:28px; color:#222; font-weight:500;
}
#home_about_l_one p
{
	width:100%; height:auto; float:left;
	margin-bottom:10px;
	font-size:16px; color:#666; line-height:24px; text-align:justify;
}
#home_about_l_two
{
	width:100%; height:auto; float:left;
	border:2px solid #DDD;
	padding:10px 25px 20px 25px;
	text-align:center;
}
#home_about_l_two img{ height:auto; width:205px; }

#home_about_l_two h3
{
	width:100%; height:auto; float:left;
	margin-bottom:10px;
	font-size:22px; color:#222; font-weight:500;
}
#home_about_l_two p
{
	width:100%; height:auto; float:left;
	font-size:14px; color:#666; line-height:22px; text-align:justify;
}

#home_about_l_two_r{ width:100%; height:auto; float:left; }

#home_about_c
{
	width:43%; height:auto; float:left; position:relative;
	overflow:hidden;
	margin-right:1%;
}
#home_about_c img
{
	width:100%; height:auto; float:left;
	transition:transform .5s ease;
}
#home_about_c:hover img
{
	transform:scale(1.08);
}

#home_about_c_ul
{
	width:96%; height:auto; position:absolute; left:2%; bottom:10px;
}
#home_about_c_ul ul
{
	width:100%; height:auto; float:left;
}
#home_about_c_ul ul li
{
	width:24%; height:auto; float:left;
	background:rgba(255,255,255,0.9); border:2px solid #FFF;
	padding:20px; margin-bottom:10px; margin-left:0.5%; margin-right:0.5%;
	text-align:center;
}
#home_about_c_ul ul li big
{
	width:100%; height:auto; float:left;
	font-size:32px; color:#1b3a95; font-weight:600;
}
#home_about_c_ul ul li small
{
	width:100%; height:auto; float:left;
	font-size:16px; color:#000;
}

#home_about_r
{
	width:18%; height:auto; float:left;
}
#home_about_r1
{
	width:100%; height:auto; float:left;
	overflow:hidden;
}
#home_about_r1 img
{
	width:100%; height:auto; float:left;
	transition:transform .5s ease;
	margin-bottom:13px;
}
#home_about_r1:hover img
{
	transform:scale(1.08);
}
#home_about_r2
{
	width:100%; height:auto; float:left;
	overflow:hidden;
}
#home_about_r2 img
{
	width:100%; height:auto; float:left;
	transition:transform .5s ease;
	margin-bottom:13px;
}
#home_about_r2:hover img
{
	transform:scale(1.08);
}

#home_why
{
	width:100%; height:auto; float:left;
	margin-top:65px;
}
#home_why_head
{
	width:100%; height:auto; float:left;
	margin-bottom:40px;
	text-align:center;
}

#home_why_head h2
{
	width:100%; height:auto; float:left;
	margin-bottom:5px;
	font-size:42px; color:#222; font-weight:500;
}
#home_why_head p
{
	width:80%; height:auto; float:left;
	margin-bottom:10px; margin-left:10%; margin-right:10%;
	font-size:18px; color:#666; line-height:28px;
}

.home_why_box
{
	width:50%; height:auto; float:left;
}

.home_why_box h3
{
	width:100%; height:auto; float:left;
	margin-bottom:15px;
	font-size:22px; color:#222; font-weight:500;
}
.home_why_box p
{
	width:100%; height:auto; float:left;
	font-size:16px; color:#666; line-height:28px;
}

.home_why_box_img_l
{
	width:50%; height:310px; float:left;
}
.home_why_box_content_r
{
	width:50%; height:310px; float:left;
	padding:40px;
	background:#e9eef1;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.home_why_box_content_l
{
	width:50%; height:310px; float:left;
	padding:40px;
	background:#e9eef1;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.home_why_box_img_r
{
	width:50%; height:310px; float:left;
}



#home_latest_product
{
	width:100%;
	height:auto;
	float:left;
	margin-top:90px;
	margin-bottom:65px;
}

#home_latest_product_head
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-bottom:50px;
}

.latest_tag
{
	display:inline-block;
	padding:8px 18px;
	background:#eef3f6;
	border-radius:50px;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	color:#666;
	margin-bottom:18px;
}

#home_latest_product_head h2
{
	width:100%;
	height:auto;
	float:left;
	font-size:42px;
	font-weight:500;
	color:#222;
	margin-bottom:18px;
}

#home_latest_product_head p
{
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	margin-right:20%;
	font-size:18px;
	line-height:32px;
	color:#666;
}

#home_latest_product_box
{
	width:100%;
	height:auto;
	float:left;
	background:#f7f8fa;
	border-radius:30px;
	overflow:hidden;
	box-shadow:0 10px 40px rgba(0,0,0,0.06);
}

#home_latest_product_box_l
{
	width:50%;
	height:auto;
	float:left;
}

.latest_product_img
{
	width:100%;
	height:650px;
	float:left;
	object-fit:cover;
}

#home_latest_product_box_r
{
	width:50%;
	height:650px;
	float:left;
	padding:70px;
	display:flex;
	align-items:center;
	background:#ffffff;
}

.latest_content
{
	width:100%;
	height:auto;
	float:left;
}

.latest_small
{
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	color:#888;
	margin-bottom:15px;
	text-transform:uppercase;
}

.latest_content h3
{
	width:100%;
	height:auto;
	float:left;
	font-size:46px;
	line-height:58px;
	font-weight:500;
	color:#222;
	margin-bottom:25px;
}

.latest_content p
{
	width:100%;
	height:auto;
	float:left;
	font-size:18px;
	line-height:34px;
	color:#666;
	margin-bottom:35px;
}

.latest_features
{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:40px;
}

.latest_features li
{
	width:100%;
	height:auto;
	float:left;
	font-size:17px;
	color:#333;
	margin-bottom:18px;
	padding-left:30px;
	position:relative;
}

.latest_features li:before
{
	content:'✓';
	position:absolute;
	left:0;
	top:0;
	color:#222;
	font-weight:bold;
}

.latest_btn
{
	display:inline-block;
	padding:18px 38px;
	background:#222;
	color:#fff;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	border-radius:60px;
	transition:0.3s;
}

.latest_btn:hover
{
	background:#666;
}

@media only screen and (max-width:991px)
{
	#home_latest_product_box_l,
	#home_latest_product_box_r
	{
		width:100%;
	}

	.latest_product_img
	{
		height:420px;
	}

	#home_latest_product_box_r
	{
		height:auto;
		padding:45px;
	}

	#home_latest_product_head p
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	.latest_content h3
	{
		font-size:34px;
		line-height:44px;
	}
}

@media only screen and (max-width:600px)
{
	#home_latest_product_head h2
	{
		font-size:32px;
	}

	.latest_content h3
	{
		font-size:28px;
		line-height:38px;
	}

	#home_latest_product_box_r
	{
		padding:30px;
	}
}

#home_product
{
	width:100%; height:auto; float:left;
	margin-top:65px; padding-top:65px; padding-bottom:95px;
	background:#e9eef1;
}
#home_product_head
{
	width:100%; height:auto; float:left;
	margin-bottom:20px;
	text-align:center;
}

#home_product_head h2
{
	width:100%; height:auto; float:left;
	margin-bottom:5px;
	font-size:42px; color:#222; font-weight:500;
}
#home_product_head p
{
	width:80%; height:auto; float:left;
	margin-bottom:10px; margin-left:10%; margin-right:10%;
	font-size:18px; color:#666; line-height:28px;
}



#home_product_content
{
	width:100%; height:auto; float:left;
}


#home_product_content .owl-carousel{ background:none; }

#home_product_content .owl-controls
{
	width:110px; position:absolute; z-index:99; left:50%; bottom:-35px;
	margin-left:-55px;
}
#home_product_content .owl-theme .owl-controls .owl-buttons div{
	width:50px; height:40px;
    color: #FFF;
	background:#1d3d98;
    text-align:center; line-height:55px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#home_product_content .owl-controls .owl-buttons .owl-prev
{
	left:0%;
}
#home_product_content .owl-next
{
	right:2%;
}
#home_product_content .owl-theme .owl-controls .owl-buttons div i
{
	font-size:32px;
}

#home_product_content ul
{
	width:100%; height:auto; float:left;
}
#home_product_content ul li
{
	width:100%; height:auto; float:left;
	padding:10px;
}

#home_product_content ul li a
{
	width:100%; height:auto; float:left;
	padding:10px 10px 0px 10px;; padding-bottom:25px;
	background:#FFF;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	text-align:center;
}
#home_product_content ul li a:hover
{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
}

#home_product_content ul li a img
{
	width:100%; height:auto; float:left;
	margin-bottom:15px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#home_product_content ul li a h4
{
	width:100%; height:50px;; float:left;
	font-size:18px; font-weight:400; color:#222; text-align:center;
}
#home_product_content ul li a p
{
	width:100%; height:60px;; float:left;
	font-size:14px;color:#222; text-align:center;
}

#footer_partner
{
	width:100%; height:auto; float:left;
	padding-top:65px; padding-bottom:65px;
	background:url(images/partner_footer.webp) no-repeat center bottom;
	text-align:center;
}

#footer_partner h3
{
	width:100%; height:auto; float:left;
	margin-bottom:18px;
	font-size:42px; color:#FFF; font-weight:500; text-align:center;
}
#footer_partner p
{
	width:60%; height:auto; float:left;
	margin-bottom:40px; margin-left:20%; margin-right:20%;
	font-size:22px; color:#DDD; line-height:32px; text-align:center;
}

#footer_partner a{
    padding:15px 32px;
    border-radius:50px;
    text-decoration:none;
    transition:0.3s;
    display:inline-block;
	border:2px solid #FFF;
	font-size:16px; color:#FFF;
}
#footer_partner a:hover{ background:#FFF; color:#222; }

#footer
{
	width:100%;
	height:auto;
	float:left;
	padding-top:70px;
	background:#f8fafc;
	border-top:1px solid #edf1f4;
}

#footer .container
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:40px;
}

#footer_about
{
	width:30%;
}

#footer_about img
{
	height:78px;
	width:auto;
	margin-bottom:18px;
}

#footer_about h3
{
	width:100%;
	float:left;
	margin-bottom:18px;
	font-size:24px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.3px;
}

#footer_about p
{
	width:100%;
	float:left;
	font-size:15px;
	line-height:30px;
	color:#666;
}

#footer_branche
{
	width:24%;
}

#footer_branche h5,
#footer_links h5,
#footer_contact h5
{
	width:100%;
	float:left;
	margin-bottom:25px;
	font-size:18px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.2px;
}

.footer_branches
{
	width:100%;
	float:left;
}

.footer_branches li
{
	width:100%;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e9edf1;
}

.footer_branches li:last-child
{
	border-bottom:0;
}

.footer_branches li strong
{
	width:100%;
	float:left;
	margin-bottom:6px;
	font-size:16px;
	font-weight:500;
	color:#222;
}

.footer_branches li span
{
	width:100%;
	float:left;
	margin-bottom:7px;
	font-size:14px;
	color:#777;
	line-height:22px;
}

.footer_branches li small
{
	width:100%;
	float:left;
	font-size:14px;
	color:#1c398e;
	font-weight:500;
}

#footer_links
{
	width:16%;
}

#footer_links ul
{
	width:100%;
	float:left;
}

#footer_links ul li
{
	width:100%;
	float:left;
	margin-bottom:14px;
}

#footer_links ul li a
{
	width:100%;
	float:left;
	font-size:15px;
	color:#666;
	text-decoration:none;
	transition:0.3s;
}

#footer_links ul li a:hover
{
	color:#222;
	padding-left:4px;
}

#footer_contact
{
	width:20%;
}

#footer_contact ul
{
	width:100%;
	float:left;
}

#footer_contact ul li
{
	width:100%;
	float:left;
	margin-bottom:28px;
}

#footer_contact h6
{
	width:100%;
	float:left;
	margin-bottom:10px;
	font-size:15px;
	font-weight:500;
	color:#222;
}

#footer_contact h6 i
{
	margin-right:8px;
	color:#1c398e;
}

#footer_contact p
{
	width:100%;
	float:left;
	font-size:15px;
	line-height:26px;
	color:#666;
}

#footer_copy
{
	width:100%;
	float:left;
	margin-top:60px;
	padding-top:24px;
	padding-bottom:24px;
	border-top:1px solid #e5eaee;
	background:#f3f6f8;
	font-size:14px;
	color:#777;
	text-align:center;
	letter-spacing:0.2px;
}

#other_page_header
{
	width:100%;
	height:auto;
	float:left;
	padding-top:90px;
	padding-bottom:90px;
	background:#fff;
	border-bottom:1px solid #edf1f4;
}

#other_page_header .container
{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	gap:70px;
}

.dreamtime-breadcrumb
{
	width:100%;
	flex:0 0 100%;
	margin:0 0 8px;
}

.dreamtime-breadcrumb ol
{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}

.dreamtime-breadcrumb li
{
	display:inline-flex;
	align-items:center;
	font-size:13px;
	font-weight:500;
	color:#888;
}

.dreamtime-breadcrumb li:not(:last-child)::after
{
	content:'/';
	margin-left:8px;
	color:#bbb;
}

.dreamtime-breadcrumb a
{
	color:#9b7b58;
	text-decoration:none;
}

.dreamtime-breadcrumb a:hover
{
	color:#7f6244;
}

.dreamtime-breadcrumb [aria-current='page']
{
	color:#222;
}

#other_page_header_l
{
	width:48%;
	float:left;
}

#other_page_header_l h1
{
	width:100%;
	float:left;
	margin-bottom:18px;
	font-size:52px;
	line-height:1.1;
	font-weight:500;
	color:#222;
	letter-spacing:-1px;
}

#other_page_header_l h2
{
	width:100%;
	float:left;
	font-size:22px;
	line-height:34px;
	font-weight:400;
	color:#1c398e;
	letter-spacing:-0.2px;
}

#other_page_header_r
{
	width:42%;
	float:right;
	padding-top:10px;
}

#other_page_header_r p
{
	width:100%;
	float:left;
	margin-bottom:22px;
	font-size:18px;
	line-height:34px;
	font-weight:300;
	color:#666;
}

#other_page_header_r p em
{
	font-style:normal;
	color:#222;
	font-weight:400;
}

@media only screen and (max-width:991px)
{
	#other_page_header
	{
		padding-top:140px;
		padding-bottom:70px;
	}

	#other_page_header .container
	{
		flex-wrap:wrap;
		gap:40px;
	}

	#other_page_header_l,
	#other_page_header_r
	{
		width:100%;
	}

	#other_page_header_l h1
	{
		font-size:42px;
	}

	#other_page_header_l h2
	{
		font-size:20px;
		line-height:30px;
	}

	#other_page_header_r p
	{
		font-size:16px;
		line-height:30px;
	}
}

@media only screen and (max-width:600px)
{
	#other_page_header_l h1
	{
		font-size:34px;
	}

	#other_page_header
	{
		padding-top:125px;
		padding-bottom:55px;
	}
}



#other_page_header_image_second
{
	width:100%;
	height:auto;
	float:left;
	padding-top:90px;
	padding-bottom:90px;
	position:relative;
	background: url(images/hero2-1.jpg) no-repeat center center;
	background-size:cover;
	overflow:hidden;
}

.other_page_overlay
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(18,42,92,0.78);
	backdrop-filter:blur(2px);
}

#other_page_header_image_second .container
{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
}

#other_page_header_image_second_l
{
	width:55%;
}

#other_page_header_image_second_l span
{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 18px;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.15);
	border-radius:50px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#fff;
}

#other_page_header_image_second_l h2
{
	width:100%;
	float:left;
	margin-bottom:28px;
	font-size:52px;
	line-height:1.1;
	font-weight:500;
	color:#fff;
	letter-spacing:-1px;
}

#other_page_header_image_second_l p
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:16px;
	line-height:31px;
	font-weight:300;
	color:rgba(255,255,255,0.88);
}

#other_page_header_image_second_r
{
	width:38%;
	position:relative;
}

#other_page_header_image_second_r img
{
	width:100%;
	height:620px;
	float:left;
	object-fit:cover;
	border-radius:28px;
	box-shadow:0 25px 60px rgba(0,0,0,0.25);
}

@media only screen and (max-width:991px)
{
	#other_page_header_image_second
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#other_page_header_image_second .container
	{
		flex-wrap:wrap;
		gap:45px;
	}

	#other_page_header_image_second_l,
	#other_page_header_image_second_r
	{
		width:100%;
	}

	#other_page_header_image_second_l h2
	{
		font-size:40px;
	}

	#other_page_header_image_second_r img
	{
		height:480px;
	}
}

@media only screen and (max-width:600px)
{
	#other_page_header_image_second_l h2
	{
		font-size:32px;
	}

	#other_page_header_image_second_l p
	{
		font-size:15px;
		line-height:30px;
	}

	#other_page_header_image_second_r img
	{
		height:380px;
		border-radius:20px;
	}
}

#about_timeline
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#f8fafc;
}

#about_timeline_head
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-bottom:80px;
}

#about_timeline_head span
{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 18px;
	background:#eef3f8;
	border-radius:50px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#1c398e;
}

#about_timeline_head h2
{
	width:100%;
	float:left;
	margin-bottom:22px;
	font-size:52px;
	line-height:1.1;
	font-weight:500;
	color:#222;
	letter-spacing:-1px;
}

#about_timeline_head p
{
	width:60%;
	float:left;
	margin-left:20%;
	margin-right:20%;
	font-size:18px;
	line-height:34px;
	font-weight:300;
	color:#666;
}

#about_timeline_content
{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	padding-left:120px;
}

.timeline_line
{
	width:2px;
	height:100%;
	position:absolute;
	left:38px;
	top:0;
	background:#dbe3ea;
}

.timeline_item
{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	margin-bottom:45px;
}

.timeline_item:last-child
{
	margin-bottom:0;
}

.timeline_year
{
	width:80px;
	height:80px;
	position:absolute;
	left:-120px;
	top:0;
	background:#1c398e;
	border-radius:50%;
	text-align:center;
	line-height:80px;
	font-size:18px;
	font-weight:500;
	color:#fff;
	box-shadow:0 10px 30px rgba(28,57,142,0.2);
	z-index:2;
}

.timeline_box
{
	width:100%;
	height:auto;
	float:left;
	padding:35px 40px;
	background:#fff;
	border-radius:24px;
	box-shadow:0 10px 35px rgba(0,0,0,0.05);
	border:1px solid #edf1f4;
	transition:0.3s;
}

.timeline_box:hover
{
	transform:translateY(-4px);
	box-shadow:0 18px 45px rgba(0,0,0,0.08);
}

.timeline_box h3
{
	width:100%;
	float:left;
	margin-bottom:2px;
	font-size:24px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.4px;
}

.timeline_box p
{
	width:100%;
	float:left;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	color:#666;
}

@media only screen and (max-width:991px)
{
	#about_timeline
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#about_timeline_head h2
	{
		font-size:40px;
	}

	#about_timeline_head p
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	#about_timeline_content
	{
		padding-left:90px;
	}

	.timeline_year
	{
		width:65px;
		height:65px;
		left:-90px;
		line-height:65px;
		font-size:15px;
	}
}

@media only screen and (max-width:600px)
{
	#about_timeline_head h2
	{
		font-size:32px;
	}

	#about_timeline_head p
	{
		font-size:15px;
		line-height:30px;
	}

	#about_timeline_content
	{
		padding-left:0;
	}

	.timeline_line
	{
		display:none;
	}

	.timeline_year
	{
		width:100%;
		height:auto;
		position:relative;
		left:0;
		margin-bottom:15px;
		border-radius:14px;
		line-height:normal;
		padding:12px 20px;
		text-align:left;
	}

	.timeline_box
	{
		padding:28px;
	}
}

#about_custom_solution
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#fff;
}

#about_custom_solution .container
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
}

#about_custom_solution_l
{
	width:56%;
}

#about_custom_solution_l span
{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 18px;
	background:#eef3f8;
	border-radius:50px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#1c398e;
}

#about_custom_solution_l h2
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:52px;
	line-height:1.1;
	font-weight:500;
	color:#222;
	letter-spacing:-1px;
}

#about_custom_solution_l > p
{
	width:100%;
	float:left;
	margin-bottom:45px;
	font-size:18px;
	line-height:34px;
	font-weight:300;
	color:#666;
}

.custom_features
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:22px;
}

.custom_feature_box
{
	width:100%;
	float:left;
	padding:28px;
	background:#f8fafc;
	border-radius:24px;
	border:1px solid #edf1f4;
	transition:0.3s;
}

.custom_feature_box:hover
{
	transform:translateY(-4px);
	box-shadow:0 15px 35px rgba(0,0,0,0.06);
	background:#fff;
}

.custom_feature_box h3
{
	width:100%;
	float:left;
	margin-bottom:12px;
	font-size:20px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.3px;
}

.custom_feature_box p
{
	width:100%;
	float:left;
	font-size:15px;
	line-height:28px;
	font-weight:300;
	color:#666;
}

#about_custom_solution_r
{
	width:38%;
	position:relative;
}

#about_custom_solution_r img
{
	width:100%;
	height:820px;
	float:left;
	object-fit:cover;
	border-radius:30px;
	box-shadow:0 25px 60px rgba(0,0,0,0.08);
}

@media only screen and (max-width:991px)
{
	#about_custom_solution
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#about_custom_solution .container
	{
		flex-wrap:wrap;
		gap:45px;
	}

	#about_custom_solution_l,
	#about_custom_solution_r
	{
		width:100%;
	}

	#about_custom_solution_l h2
	{
		font-size:40px;
	}

	#about_custom_solution_r img
	{
		height:500px;
	}

	.custom_features
	{
		grid-template-columns:1fr;
	}
}

@media only screen and (max-width:600px)
{
	#about_custom_solution_l h2
	{
		font-size:32px;
	}

	#about_custom_solution_l > p
	{
		font-size:15px;
		line-height:30px;
	}

	.custom_feature_box
	{
		padding:24px;
	}

	#about_custom_solution_r img
	{
		height:380px;
		border-radius:22px;
	}
}

#about_quality
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#f8fafc;
}

#about_quality_head
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-bottom:70px;
}

#about_quality_head span
{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 18px;
	background:#eef3f8;
	border-radius:50px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#1c398e;
}

#about_quality_head h2
{
	width:100%;
	float:left;
	margin-bottom:22px;
	font-size:52px;
	line-height:1.1;
	font-weight:500;
	color:#222;
	letter-spacing:-1px;
}

#about_quality_head p
{
	width:60%;
	float:left;
	margin-left:20%;
	margin-right:20%;
	font-size:18px;
	line-height:34px;
	font-weight:300;
	color:#666;
}

#about_quality_content
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.quality_box
{
	width:100%;
	float:left;
	padding:45px 38px;
	background:#fff;
	border-radius:28px;
	border:1px solid #edf1f4;
	text-align:center;
	transition:0.3s;
	box-shadow:0 10px 35px rgba(0,0,0,0.04);
}

.quality_box:hover
{
	transform:translateY(-6px);
	box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

.quality_icon
{
	width:90px;
	height:90px;
	margin:0 auto 28px auto;
	background:#eef3f8;
	border-radius:50%;
	text-align:center;
}

.quality_icon i
{
	line-height:90px;
	font-size:34px;
	color:#1c398e;
}

.quality_box h3
{
	width:100%;
	float:left;
	margin-bottom:18px;
	font-size:24px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.4px;
}

.quality_box p
{
	width:100%;
	float:left;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	color:#666;
}

@media only screen and (max-width:991px)
{
	#about_quality
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#about_quality_head h2
	{
		font-size:40px;
	}

	#about_quality_head p
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	#about_quality_content
	{
		grid-template-columns:1fr;
	}
}

@media only screen and (max-width:600px)
{
	#about_quality_head h2
	{
		font-size:32px;
	}

	#about_quality_head p
	{
		font-size:15px;
		line-height:30px;
	}

	.quality_box
	{
		padding:35px 28px;
	}

	.quality_box h3
	{
		font-size:22px;
	}
}
#about_private_label
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#fff;
	border-top:1px solid #edf1f4;
	border-bottom:1px solid #edf1f4;
}

#about_private_label .container
{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:80px;
}

#about_private_label_l
{
	width:38%;
}

#about_private_label_l span
{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 18px;
	background:#eef3f8;
	border-radius:50px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#1c398e;
}

#about_private_label_l h2
{
	width:100%;
	float:left;
	font-size:56px;
	line-height:1.08;
	font-weight:500;
	color:#222;
	letter-spacing:-1.2px;
}

#about_private_label_r
{
	width:52%;
	padding-top:12px;
}

#about_private_label_r p
{
	width:100%;
	float:left;
	margin-bottom:28px;
	font-size:18px;
	line-height:36px;
	font-weight:300;
	color:#666;
}

#about_private_label_r p:last-child
{
	margin-bottom:0;
}

@media only screen and (max-width:991px)
{
	#about_private_label
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#about_private_label .container
	{
		flex-wrap:wrap;
		gap:35px;
	}

	#about_private_label_l,
	#about_private_label_r
	{
		width:100%;
	}

	#about_private_label_l h2
	{
		font-size:40px;
	}

	#about_private_label_r
	{
		padding-top:0;
	}
}

@media only screen and (max-width:600px)
{
	#about_private_label_l h2
	{
		font-size:32px;
	}

	#about_private_label_r p
	{
		font-size:15px;
		line-height:30px;
	}
}

#category_page
{
	width:100%;
	height:auto;
	float:left;
	padding-top:90px;
	padding-bottom:100px;
	background:#f5f7fa;
}

#category_page_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:35px;
}

.category_box
{
	width:100%;
	float:left;
	background:#fff;
	border-radius:34px;
	overflow:hidden;
	text-decoration:none;
	position:relative;
	transition:0.4s;
	box-shadow:0 15px 45px rgba(0,0,0,0.05);
}

.category_box:hover
{
	transform:translateY(-10px);
	box-shadow:0 35px 90px rgba(0,0,0,0.12);
}

.category_box_image
{
	width:100%;
	height:320px;
	float:left;
	position:relative;
	overflow:hidden;
}

.category_box_image img
{
	width:100%;
	height:100%;
	float:left;
	object-fit:cover;
	transition:0.7s;
}

.category_box:hover .category_box_image img
{
	transform:scale(1.08);
}

.category_overlay
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.1));
}

.category_collection_tag
{
	position:absolute;
	left:30px;
	bottom:28px;
	z-index:2;
	padding:10px 18px;
	background:rgba(255,255,255,0.14);
	backdrop-filter:blur(10px);
	border:1px solid rgba(255,255,255,0.15);
	border-radius:50px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
}

.category_box_content
{
	width:100%;
	float:left;
	padding:38px;
}

.category_box_content h3
{
	width:100%;
	float:left;
	margin-bottom:18px;
	font-size:var(--dt-h3, 21px);
	line-height:var(--dt-line-heading, 1.12);
	font-weight:500;
	color:#222;
	letter-spacing:-0.02em;
}

.category_box_content p
{
	width:100%;
	float:left;
	margin-bottom:30px;
	font-size:var(--dt-body, 16px);
	line-height:var(--dt-line-body, 1.65);
	font-weight:300;
	color:#666;
}

.category_features
{
	width:100%;
	float:left;
	margin-bottom:32px;
}

.category_features li
{
	width:100%;
	float:left;
	margin-bottom:14px;
	padding-left:30px;
	position:relative;
	font-size:15px;
	font-weight:400;
	color:#444;
}

.category_features li:before
{
	content:'';
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	top:9px;
	background:#9b7b58;
	border-radius:50%;
}

.category_bottom
{
	width:100%;
	float:left;
	padding-top:24px;
	border-top:1px solid #edf1f4;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.category_bottom small
{
	font-size:15px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.2px;
}

.category_bottom i
{
	font-size:18px;
	color:#9b7b58;
	transition:0.3s;
}

.category_box:hover .category_bottom i
{
	transform:translateX(7px);
}

@media only screen and (max-width:991px)
{
	#category_page_grid
	{
		grid-template-columns:repeat(2,1fr);
	}

	.category_box_image
	{
		height:280px;
	}
}

@media only screen and (max-width:600px)
{
	#category_page
	{
		padding-top:70px;
		padding-bottom:70px;
	}

	#category_page_grid
	{
		grid-template-columns:1fr;
		gap:24px;
	}

	.category_box_image
	{
		height:260px;
	}

	.category_box_content
	{
		padding:28px;
	}
}

.break_line
{
	width:100%; height:65px; float:left;
}

#collection_page
{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
}



/* HERO */

#collection_hero
{
	width:100%;
	height:720px;
	float:left;
	position:relative;
	overflow:hidden;
}

#collection_hero img
{
	width:100%;
	height:100%;
	float:left;
	object-fit:cover;
}

.collection_overlay
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(to right, rgba(0,0,0,0.65), rgba(0,0,0,0.15));
}

#collection_hero_content
{
	width:48%;
	position:absolute;
	left:0;
	bottom:110px;
	z-index:2;
}

#collection_hero_content span
{
	display:inline-block;
	margin-bottom:18px;
	padding:10px 18px;
	background:rgba(255,255,255,0.14);
	backdrop-filter:blur(10px);
	border-radius:50px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
}

#collection_hero_content h1
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:var(--dt-h1-hero, 36px);
	line-height:var(--dt-line-heading, 1.12);
	font-weight:500;
	letter-spacing:-0.03em;
	color:#fff;
}

#collection_hero_content p
{
	width:100%;
	float:left;
	font-size:var(--dt-lead, 17px);
	line-height:var(--dt-line-lead, 1.6);
	font-weight:300;
	color:rgba(255,255,255,0.9);
}



/* FEATURES */

#collection_features
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:40px;
	background:#fff;
}

#collection_features_head
{
	width:100%;
	float:left;
	margin-bottom:45px;
}

#collection_features_head h2
{
	font-size:48px;
	font-weight:500;
	color:#222;
	letter-spacing:-1px;
}

#collection_features_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.collection_feature_box
{
	width:100%;
	float:left;
	padding:40px;
	background:#f8fafc;
	border-radius:28px;
}

.collection_feature_box h3
{
	width:100%;
	float:left;
	margin-bottom:16px;
	font-size:24px;
	font-weight:500;
	color:#222;
}

.collection_feature_box p
{
	width:100%;
	float:left;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	color:#666;
}



/* PRODUCTS */

#collection_products
{
	width:100%;
	height:auto;
	float:left;
	padding-top:70px;
	padding-bottom:100px;
	background:#fff;
}

#collection_products_head
{
	width:100%;
	float:left;
	margin-bottom:55px;
	text-align:center;
}

#collection_products_head span
{
	display:inline-block;
	margin-bottom:18px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#9b7b58;
}

#collection_products_head h2
{
	font-size:46px;
	font-weight:500;
	letter-spacing:-1px;
	color:#222;
}

#collection_products_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:35px;
}

.collection_product_box
{
	width:100%;
	float:left;
	text-decoration:none;
	transition:0.35s;
}

.collection_product_box:hover
{
	transform:translateY(-6px);
}

.collection_product_image
{
	width:100%;
	height:360px;
	float:left;
	overflow:hidden;
	border-radius:28px;
	margin-bottom:28px;
}

.collection_product_image img
{
	width:100%;
	height:100%;
	float:left;
	object-fit:cover;
	transition:0.6s;
}

.collection_product_box:hover .collection_product_image img
{
	transform:scale(1.05);
}

.collection_product_content
{
	width:100%;
	float:left;
}

.collection_product_content h3
{
	width:100%;
	float:left;
	margin-bottom:16px;
	font-size:26px;
	line-height:1.1;
	font-weight:500;
	letter-spacing:-1px;
	color:#222;
}

.collection_product_content p
{
	width:100%;
	float:left;
	margin-bottom:26px;
	font-size:16px;
	line-height:31px;
	font-weight:300;
	color:#666;
}

.collection_product_content small
{
	font-size:15px;
	font-weight:500;
	color:#9b7b58;
}



/* MOBILE */

@media only screen and (max-width:991px)
{
	#collection_hero_content
	{
		width:70%;
	}

	#collection_features_grid,
	#collection_products_grid
	{
		grid-template-columns:repeat(2,1fr);
	}
}

@media only screen and (max-width:600px)
{
	#collection_hero
	{
		height:620px;
	}

	#collection_hero_content
	{
		width:90%;
		bottom:70px;
	}

	#collection_features_grid,
	#collection_products_grid
	{
		grid-template-columns:1fr;
	}

	#collection_features_head h2,
	#collection_products_head h2
	{
		font-size:36px;
	}

	.collection_product_image
	{
		height:280px;
	}
}

#product_page
{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
}



/* HERO */

#product_hero
{
	width:100%;
	height:auto;
	float:left;
	padding-top:150px;
	padding-bottom:100px;
	background:#f8fafc;
}

#product_hero .container
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
}

#product_hero_l
{
	width:48%;
}

#product_main_image
{
	width:100%;
	height:620px;
	float:left;
	border-radius:34px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 20px 60px rgba(0,0,0,0.06);
}

#product_main_image img
{
	width:100%;
	height:100%;
	float:left;
	object-fit:cover;
}

#product_hero_r
{
	width:44%;
}

.product_collection
{
	display:inline-block;
	margin-bottom:18px;
	padding:10px 18px;
	background:#eef3f8;
	border-radius:50px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#9b7b58;
}

#product_hero_r h1
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:var(--dt-h1-product, 34px);
	line-height:var(--dt-line-heading, 1.12);
	font-weight:500;
	letter-spacing:-0.03em;
	color:#222;
}

.product_intro
{
	width:100%;
	float:left;
	margin-bottom:32px;
	font-size:var(--dt-lead, 17px);
	line-height:var(--dt-line-lead, 1.6);
	font-weight:300;
	color:#666;
}



/* FEATURES */

.product_features__list{
    margin:0;
    padding:0;
    list-style:none;

    display:flex;
    flex-direction:column;
    gap:10px;
}

.product_features__list li{
    position:relative;

    padding:10px 0 10px 32px;

    font-size:var(--dt-body, 16px);
    font-weight:500;
    line-height:var(--dt-line-body, 1.65);
    color:#222222;

    border-bottom:1px solid rgba(0,0,0,0.08);

    transition:
        color .3s ease,
        transform .3s ease;
}

.product_features__list li::before{
    content:"✓";

    position:absolute;
    left:0;
    top:11px;

    font-size:13px;
    font-weight:700;

    color:#111111;
}

.product_features__list li:hover{
    color:#000000;
    transform:translateX(3px);
}

.product_features__list li:last-child{
    border-bottom:none;
}

@media (max-width:768px){

    .product_features__list{
        gap:8px;
    }

    .product_features__list li{
        padding:8px 0 8px 28px;
        font-size:14px;
    }

}

.product_features
{
	width:100%;
	float:left;
	margin-bottom:45px;
}

.product_feature_item
{
	width:100%;
	float:left;
	padding-top:18px;
	padding-bottom:18px;
	border-bottom:1px solid #e8edf2;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.product_feature_item strong
{
	font-size:15px;
	font-weight:500;
	color:#222;
}

.product_feature_item span
{
	font-size:15px;
	font-weight:300;
	color:#666;
}



/* BUTTONS */

#product_cta
{
	width:100%;
	float:left;
	display:flex;
	gap:18px;
}

.product_btn
{
	padding:18px 36px;
	background:#222;
	border-radius:60px;
	font-size:15px;
	font-weight:500;
	color:#fff;
	text-decoration:none;
	transition:0.3s;
}

.product_btn:hover
{
	background:#000;
}

.product_btn_border
{
	padding:18px 36px;
	border:1px solid #d7dde3;
	border-radius:60px;
	font-size:15px;
	font-weight:500;
	color:#222;
	text-decoration:none;
	transition:0.3s;
}

.product_btn_border:hover
{
	background:#fff;
}



/* DESCRIPTION */

#product_description
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#fff;
}

#product_description_head
{
	width:100%;
	float:left;
	margin-bottom:40px;
	text-align:center;
}

#product_description_head span
{
	display:inline-block;
	margin-bottom:16px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#9b7b58;
}

#product_description_head h2
{
	font-size:54px;
	font-weight:500;
	letter-spacing:-1px;
	color:#222;
}

#product_description_content
{
	width:70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
}

#product_description_content p
{
	width:100%;
	float:left;
	margin-bottom:28px;
	font-size:18px;
	line-height:36px;
	font-weight:300;
	color:#666;
	text-align:center;
}



/* SPECIFICATIONS */

#product_specifications
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#f8fafc;
}

#product_specifications_head
{
	width:100%;
	float:left;
	margin-bottom:50px;
}

#product_specifications_head h2
{
	font-size:52px;
	font-weight:500;
	letter-spacing:-1px;
	color:#222;
}

#product_specifications_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.specification_box
{
	width:100%;
	float:left;
	padding:40px;
	background:#fff;
	border-radius:30px;
}

.specification_box h3
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:26px;
	font-weight:500;
	color:#222;
}

.specification_box ul
{
	width:100%;
	float:left;
}

.specification_box ul li
{
	width:100%;
	float:left;
	margin-bottom:16px;
	padding-left:24px;
	position:relative;
	font-size:15px;
	line-height:28px;
	font-weight:300;
	color:#666;
}

.specification_box ul li:before
{
	content:'';
	width:7px;
	height:7px;
	position:absolute;
	left:0;
	top:11px;
	background:#c7a27c;
	border-radius:50%;
}



/* RELATED */

#related_products
{
	width:100%;
	height:auto;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	background:#fff;
}

#related_products_head
{
	width:100%;
	float:left;
	margin-bottom:55px;
	text-align:center;
}

#related_products_head span
{
	display:inline-block;
	margin-bottom:16px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#9b7b58;
}

#related_products_head h2
{
	font-size:var(--dt-h2, 30px);
	font-weight:500;
	line-height:var(--dt-line-heading, 1.12);
	letter-spacing:-0.02em;
	color:#222;
}

#related_products_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:35px;
}

.related_product_box
{
	width:100%;
	float:left;
	text-decoration:none;
	transition:0.35s;
}

.related_product_box:hover
{
	transform:translateY(-6px);
}

.related_product_image
{
	width:100%;
	height:320px;
	float:left;
	overflow:hidden;
	border-radius:30px;
	margin-bottom:28px;
}

.related_product_image img
{
	width:100%;
	height:100%;
	float:left;
	object-fit:cover;
	transition:0.6s;
}

.related_product_box:hover .related_product_image img
{
	transform:scale(1.05);
}

.related_product_content h3
{
	width:100%;
	float:left;
	margin-bottom:16px;
	font-size:var(--dt-h3, 21px);
	line-height:var(--dt-line-heading, 1.12);
	font-weight:500;
	letter-spacing:-0.02em;
	color:#222;
}

.related_product_content p
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:var(--dt-body, 16px);
	line-height:var(--dt-line-body, 1.65);
	font-weight:300;
	color:#666;
}

.related_product_content small
{
	font-size:15px;
	font-weight:500;
	color:#9b7b58;
}



/* MOBILE */

@media only screen and (max-width:991px)
{
	#product_hero .container
	{
		flex-wrap:wrap;
	}

	#product_hero_l,
	#product_hero_r
	{
		width:100%;
	}

	#product_specifications_grid,
	#related_products_grid
	{
		grid-template-columns:repeat(2,1fr);
	}
}

@media only screen and (max-width:600px)
{
	#product_hero
	{
		padding-top:120px;
		padding-bottom:70px;
	}

	#product_main_image
	{
		height:360px;
	}

	#product_description_content
	{
		width:100%;
		margin:0;
	}

	#product_specifications_grid,
	#related_products_grid
	{
		grid-template-columns:1fr;
	}

	.related_product_image
	{
		height:260px;
	}
}

#contact_page
{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
}






/* INFO */

#contact_info_section
{
	width:100%;
	height:auto;
	float:left;
	padding-top:90px;
	padding-bottom:40px;
	background:#fff;
}

#contact_info_grid
{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}

.contact_info_box
{
	width:100%;
	float:left;
	padding:38px;
	background:#f8fafc;
	border-radius:28px;
}

.contact_icon
{
	width:70px;
	height:70px;
	margin-bottom:28px;
	border-radius:50%;
	background:#fff;
	text-align:center;
}

.contact_icon i
{
	line-height:70px;
	font-size:24px;
	color:#9b7b58;
}

.contact_info_box h3
{
	width:100%;
	float:left;
	margin-bottom:16px;
	font-size:24px;
	font-weight:500;
	color:#222;
}

.contact_info_box p
{
	width:100%;
	float:left;
	margin-bottom:12px;
	font-size:16px;
	line-height:30px;
	font-weight:400;
	color:#444;
}

.contact_info_box span
{
	width:100%;
	float:left;
	font-size:14px;
	line-height:26px;
	font-weight:300;
	color:#777;
}



/* FORM */

#contact_form_section
{
	width:100%;
	height:auto;
	float:left;
	padding-top:80px;
	padding-bottom:110px;
	background:#fff;
}

#contact_form_section .container
{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:80px;
}

#contact_form_l
{
	width:40%;
}

#contact_form_l span
{
	display:inline-block;
	margin-bottom:18px;
	font-size:12px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#9b7b58;
}

#contact_form_l h2
{
	width:100%;
	float:left;
	margin-bottom:24px;
	font-size:58px;
	line-height:1.05;
	font-weight:500;
	letter-spacing:-1px;
	color:#222;
}

#contact_form_l p
{
	width:100%;
	float:left;
	margin-bottom:45px;
	font-size:17px;
	line-height:33px;
	font-weight:300;
	color:#666;
}



/* STEPS */

#contact_steps
{
	width:100%;
	float:left;
}

.contact_step
{
	width:100%;
	float:left;
	margin-bottom:30px;
	display:flex;
	align-items:flex-start;
	gap:22px;
}

.contact_step strong
{
	width:52px;
	height:52px;
	background:#222;
	border-radius:50%;
	text-align:center;
	line-height:52px;
	font-size:18px;
	font-weight:500;
	color:#fff;
}

.contact_step_content h3
{
	margin-bottom:10px;
	font-size:22px;
	font-weight:500;
	color:#222;
}

.contact_step_content p
{
	margin:0;
	font-size:15px;
	line-height:29px;
	color:#666;
}



/* FORM RIGHT */

#contact_form_r
{
	width:52%;
	padding:50px;
	background:#f8fafc;
	border-radius:34px;
}

.form_group
{
	width:100%;
	float:left;
	margin-bottom:22px;
}

.form_group input,
.form_group select,
.form_group textarea
{
	width:100%;
	height:62px;
	float:left;
	padding-left:22px;
	padding-right:22px;
	border:1px solid #e3e8ee;
	border-radius:18px;
	background:#fff;
	font-size:15px;
	font-weight:300;
	color:#444;
	outline:none;
}

.form_group textarea
{
	height:180px;
	padding-top:20px;
	resize:none;
}

.contact_btn
{
	height:62px;
	padding-left:40px;
	padding-right:40px;
	border:0;
	border-radius:60px;
	background:#222;
	font-size:15px;
	font-weight:500;
	color:#fff;
	cursor:pointer;
	transition:0.3s;
}

.contact_btn:hover
{
	background:#000;
}



/* MOBILE */

@media only screen and (max-width:991px)
{
	
	#contact_form_section .container
	{
		flex-wrap:wrap;
	}

	
	#contact_form_l,
	#contact_form_r
	{
		width:100%;
	}

	#contact_info_grid
	{
		grid-template-columns:repeat(2,1fr);
	}
}

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

	#contact_info_grid
	{
		grid-template-columns:1fr;
	}

	#contact_form_l h2
	{
		font-size:36px;
	}

	#contact_form_r
	{
		padding:30px;
	}
}


#contact_hero{
    position:relative;
    padding:120px 0 80px;
    overflow:hidden;
    background:#f8f8f8;
}

#contact_hero .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

#contact_hero_l{
    width:50%;
}

#contact_hero_l span{
    display:inline-block;
    margin-bottom:18px;

    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#777777;
}

#contact_hero_l h1{
    margin:0 0 24px;

    font-size:58px;
    font-weight:700;
    line-height:1.1;

    color:#111111;
}

#contact_hero_l p{
    max-width:620px;
    margin:0;

    font-size:17px;
    line-height:1.8;
    color:#555555;
}

#contact_hero_r{
    width:50%;
    display:flex;
    justify-content:flex-end;
}

#contact_hero_r img{
    width:100%;
    max-width:620px;
    height:640px;

    object-fit:cover;

    border-radius:28px;

    box-shadow:
        0 25px 60px rgba(0,0,0,0.08);
}

/* =========================
   Responsive
========================= */

@media(max-width:991px){

    #contact_hero{
        padding:100px 0 70px;
    }

    #contact_hero .container{
        flex-direction:column;
        gap:50px;
    }

    #contact_hero_l,
    #contact_hero_r{
        width:100%;
    }

    #contact_hero_l h1{
        font-size:46px;
    }

    #contact_hero_r img{
        max-width:100%;
        height:auto;
    }

}

@media(max-width:767px){

    #contact_hero{
        padding:80px 0 60px;
    }

    #contact_hero .container{
        gap:40px;
    }

    #contact_hero_l span{
        font-size:12px;
        letter-spacing:1.5px;
    }

    #contact_hero_l h1{
        font-size:34px;
        line-height:1.2;
        margin-bottom:18px;
    }

    #contact_hero_l p{
        font-size:15px;
        line-height:1.7;
    }

    #contact_hero_r img{
        border-radius:20px;
    }

}

.custom_branding_content{
    max-width:900px;
    margin:0 auto;
    text-align:center;
	float: left;
}

.custom_branding_content h2{
    margin:0 0 20px;

    font-size:42px;
    font-weight:700;
    line-height:1.2;

    color:#111111;
}

.custom_branding_content p{
    max-width:760px;
    margin:0 auto 32px;

    font-size:16px;
    line-height:1.9;

    color:#555555;
}

.custom_branding_content h3{
    margin:0 0 24px;

    font-size:22px;
    font-weight:600;

    color:#111111;
}

.branding_features_list{
    margin:0;
    padding:0;

    list-style:none;

    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px 24px;
}

.branding_features_list li{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:58px;

    padding:14px 18px 14px 44px;

    border:1px solid rgba(0,0,0,0.08);
    border-radius:14px;

    font-size:15px;
    font-weight:500;
    line-height:1.5;

    color:#222222;
    background:#ffffff;

    text-align:center;
}

.branding_features_list li::before{
    content:"✓";

    position:absolute;
    left:18px;
    top:50%;

    transform:translateY(-50%);

    width:20px;
    height:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#111111;
    color:#ffffff;

    font-size:10px;
    font-weight:700;
}

/* =========================
   Responsive
========================= */

@media(max-width:767px){

    .custom_branding_content h2{
        font-size:32px;
    }

    .custom_branding_content p{
        font-size:15px;
    }

    .custom_branding_content h3{
        font-size:20px;
    }

    .branding_features_list{
        grid-template-columns:1fr;
    }

}