:root {
  --main-color: #fbb734;
  --main-color-rgb: 169, 115, 0;
  --color-two: #000;
  --color-two-rgb: 68, 68, 68;
  --color-three: rgb(95, 95, 95);
  --color-three-rgb: 95, 95, 95;
  --color-four: rgb(10, 10, 10);
  --color-four-rgb: 10, 10, 10;
  --color-five: rgb(239, 239, 239);
  --color-five-rgb: 239, 239, 239;
  --white-color: rgb(255, 255, 255);
  --white-color-rgb: 255, 255, 255;
  --black-color: rgb(0, 0, 0);
  --black-color-rgb: 0, 0, 0;
  --font-family-Anybody: "Lato", sans-serif;
}
.logo-resize{
	width: 165px !important;
}
.btn-style-two .btn-wrap .text-one {
	color: #000;
}
.btn-style-one:hover .btn-wrap .text-one:first-child, .btn-style-three:hover .btn-wrap .text-one:first-child, .btn-style-two:hover .btn-wrap .text-one:first-child {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    color: #fff !important;
}
.btn-style-one:before, .btn-style-two:before {
    -webkit-transition-duration: 0.8s;
    background-color: rgb(250 185 54);
    width: 10px;
}
.fixed-header .logo-2 img{
    max-width: 200px;
    /*padding: 15px;*/
    padding: 8px 15px 15px 15px
}
.main-header{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
	width:100%;
/*	    background: #0000006e;*/
}
.sec-title_heading {
    margin-top: 5px;
    font-weight: 600;
    color: var(--black-color);
    text-transform: capitalize;
}
.header-top{
	position: relative;
	overflow: hidden;
	/*border-bottom: 1px solid rgba(255,255,255,0.20);*/
}
/*.half-border-bottom {
  position: relative;
}

.half-border-bottom::after {
 content: '';
    position: absolute;
    bottom: 0;
    left: 29%;
    width: 55%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}*/
.header-top .inner-container{
	position: relative;
	padding-left: 245px;
}

.header-top_text{
	position: relative;
	font-size: 14px;
	padding-left: 25px;
	color: var(--white-color);
}

.header-top_text::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 3px;
	width: 14px;
	height: 14px;
	border-radius: 50px;
	border: 2px solid var(--main-color);
}

.header-top .left-box{
	position: relative;
	padding: 14px 0px;
}

/* Top List */

.header-top_list{
	position: relative;
	display: flex;
	gap:50px;
}

.header-top_list li {
    position: relative;
    line-height: 14px;
    display: flex
;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    align-items: center;
    padding: 9px 0px 11px;
    color: var(--white-color);
}

.header-top_list li .icon{
	position: relative;
	line-height: 1em;
	font-family: 'Font Awesome 6 Free';
}

.header-top_list li a{
	position: relative;
	color: var(--white-color);
}

.header-top_list li a:hover{
	color: var(--main-color);
}

/* Header Socials */

.header_socials{
	position: relative;
	display: flex;
	gap: 10px;
	margin-left: 25px;
}

.header_socials span{
	position: relative;
	line-height: 14px;
	display: flex;
	gap:10px;
	font-weight: 400;
	font-size: 16px;
	align-items: center;
	color: var(--white-color);
	padding-left: 25px;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.header_socials a {
    position: relative;
    font-size: 12px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    border: 1px solid var(--white-color);
}
.btn-style-one {
    font-weight: 600;
    border-radius: 2px;
    padding: 12px 21px 12px 32px;
    font-size: 16px;
    display: inline-block;
    color: var(--white-color);
    text-transform: uppercase;
    border: 1px solid var(--white-color);
}
.header_socials a:hover{
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

/* Header Upper */

.main-header .header-upper .inner-container{
	position: relative;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .header-upper .logo-box .logo-2{
	position: relative;
	display: none;
}

.main-header.fixed-header .header-upper .logo-box{
	margin-top: 0px;
}

.main-header.fixed-header .header-upper .logo-box .logo{
	position: relative;
	display: none;
}

.main-header.fixed-header .header-upper .logo-box .logo-2{
	position: relative;
	display: block;
}

.main-header .header-lower{
	position:relative;
}

.main-header .header-lower .inner-container{
	position:relative;
}

.main-header .header-lower .nav-outer{
	position:relative;
}

.main-header .header-upper .logo-box{
	position: relative;
	margin-top: -25px;
}
.main-header .header-upper .logo-box img{
	max-width: 160px
}
.main-header .header-upper .nav-outer{
	    position: relative;
    /*margin-top: -32px;*/
}
.fixed-header .header-upper .nav-outer{
margin-top: 0px !important;
}
.main-header .header-upper .logo-box .logo{
	position:relative;
}

.main-header .main-menu .navigation > li:nth-child(7) > ul,
.main-header .main-menu .navigation > li:nth-child(8) > ul{
	left:0px;
	right:auto !important;
}

/* Main Menu */

.main-header .main-menu{
	position:relative;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-menu .navigation{
	position:relative;
	display: flex;
	gap:25px;
}

.main-header .main-menu .navbar-collapse{
	padding:0px;
	display:block;
}

.main-header .header-lower .main-menu .navigation{
	position:relative;
}

.main-header .main-menu .navigation > li{
	position:relative;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li.current a::after,
.main-header .main-menu .navigation > li:hover a::after{
	opacity: 1;
}

.main-header .main-menu .navigation > li.dropdown > a{
	padding-right:15px !important;
}

.main-header .main-menu .navigation > li.dropdown > a:before{
	position: absolute;
    content: "\f107";
    right: 0px;
	font-weight:800;
	font-size:12px;
	font-family: 'Font Awesome 6 Free';
}

.fixed-header .header-upper{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index:9999999;
	opacity:1;
	visibility:visible;
	background-color: var(--black-color);
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	box-shadow: 0px 10px 15px rgba(0,0,0,0.04);
}

.main-header .main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	padding:30px 0px;
	text-align:center;
	letter-spacing: 0.5px;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	text-transform: capitalize;
}

.main-header .main-menu .navigation > li:hover > a::before{
	color: var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > a .menu-text{
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    overflow: hidden;
    text-shadow: 0 17px 0 var(--main-color);
}

.main-header .sticky-header .main-menu .navigation > li > a .menu-text{
	text-shadow: 0 16px 0 var(--black-color);
}

/*.main-header .main-menu .navigation > li > a .menu-text span:nth-child(1){
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.main-header .main-menu .navigation > li:hover > a span{
    --m: calc(17px * -1);
}

.main-menu > li > a .menu-text span:nth-child(1), .main-menu-4 > li > a .menu-text span:nth-child(1) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(4){
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(5){
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(6){
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(7){
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(8){
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(9){
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(10){
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}*/

.main-header .main-menu .navigation > li > a .menu-text span{
    /* display: block; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: translateY(var(--m)) translateZ(0);
    transform: translateY(var(--m)) translateZ(0);
	text-transform: uppercase;
}
.main-header .main-menu .navigation > li > a:hover .menu-text span{
	color: var(--main-color)
}

 .current .menu-text span{
	color: var(--main-color) !important
}
.main-header .main-menu .navigation > li > a > span{
	position:absolute;
	right:-25px;
	top:20px;
	width:42px;
	height:16px;
	font-weight:600;
	line-height:1.6em;
	border-radius:50px;
	letter-spacing:1px;
	font-size:11px;
	text-transform:uppercase;
	color:var(--black-color);
	background-color:var(--main-color);
}

.main-header .main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-header .sticky-header .main-menu .navigation > li{
	position:relative;
}

.main-header .sticky-header .main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-header .main-menu .navigation > li:last-child ul{
	right:0px;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
	opacity:1;
}

.main-header .main-menu .navigation > li > ul{
	position:absolute;
	width:16rem;
	top:100%;
	/*padding:25px 25px 30px 25px;*/
	 padding:20px 25px 20px 25px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--white-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	border-top: 5px solid #fbb734;
}

.main-header .main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	opacity:0;
	text-align:left;
	    border-bottom: 1px dashed #9e9e9e9e;
    padding-top: 8px;
    padding-bottom: 5px;
	transform:translateY(11px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.menu-item {
	position:relative;
	display:block;
	line-height:24px;
	letter-spacing:0.5px;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	color: #000;
}
.menu-item a{
	color: #000;
}
.main-header .main-menu .navigation > li > ul > li.dropdown .menu-item > a:after{
	position:absolute;
	content: "\f105";
	right:10px;
	top:1px;
	z-index:5;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-weight:normal;
	text-align:center;
	font-weight:800;
	font-size:12px;
	color:var(--black-color);
	font-family: 'Font Awesome 6 Free';
}
.main-header .main-menu .navigation > li > ul > li.dropdown  .menu-item:hover > a:after{
	color: var(--main-color);
}
.main-header .main-menu .navigation  > li > ul > li .menu-item:hover > a {
    color: var(--main-color);
        width: 100%;
    display: block;
}
.main-header .main-menu .navigation > li > ul > li:last-child{
	margin-bottom:0px;
}

.main-header .main-menu .navigation > li:hover > ul > li{
	opacity:1;
	transform:translateY(0px);
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	-ms-transition-delay: 70ms;
	-o-transition-delay: 70ms;
	transition-delay: 70ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(2){
	-webkit-transition-delay: 140ms;
	-moz-transition-delay: 140ms;
	-ms-transition-delay: 140ms;
	-o-transition-delay: 140ms;
	transition-delay: 140ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(3){
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	-o-transition-delay: 210ms;
	transition-delay: 210ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(4){
	-webkit-transition-delay: 280ms;
	-moz-transition-delay: 280ms;
	-ms-transition-delay: 280ms;
	-o-transition-delay: 280ms;
	transition-delay: 280ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(5){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(6){
	-webkit-transition-delay: 420ms;
	-moz-transition-delay: 420ms;
	-ms-transition-delay: 420ms;
	-o-transition-delay: 420ms;
	transition-delay: 420ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(7){
	-webkit-transition-delay: 490ms;
	-moz-transition-delay: 490ms;
	-ms-transition-delay: 490ms;
	-o-transition-delay: 490ms;
	transition-delay: 490ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(8){
	-webkit-transition-delay: 560ms;
	-moz-transition-delay: 560ms;
	-ms-transition-delay: 560ms;
	-o-transition-delay: 560ms;
	transition-delay: 560ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(9){
	-webkit-transition-delay: 630ms;
	-moz-transition-delay: 630ms;
	-ms-transition-delay: 630ms;
	-o-transition-delay: 630ms;
	transition-delay: 630ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(10){
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(11){
	-webkit-transition-delay: 770ms;
	-moz-transition-delay: 770ms;
	-ms-transition-delay: 770ms;
	-o-transition-delay: 770ms;
	transition-delay: 770ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(12){
	-webkit-transition-delay: 840ms;
	-moz-transition-delay: 840ms;
	-ms-transition-delay: 840ms;
	-o-transition-delay: 840ms;
	transition-delay: 840ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(13){
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-header .main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-header .main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	line-height:24px;
	letter-spacing:0.5px;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li:hover > a{
	color:var(--main-color);
}

.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{
	position:absolute;
	content: "\f105";
	right:10px;
	top:1px;
	z-index:5;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-weight:normal;
	text-align:center;
	font-weight:800;
	font-size:12px;
	color:var(--black-color);
	font-family: 'Font Awesome 6 Free';
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:var(--main-color);
}

.main-header .main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:114%;
	top:0px;
	width: max-content;
	/*width: 16rem;*/
    padding:20px 25px 20px 25px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--white-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	border-top: 5px solid #fbb734;
}

.main-header .main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	opacity:0;
	text-align:left;
	    border-bottom: 1px dashed #9e9e9e9e;
    padding-top: 8px;
    padding-bottom: 5px;
	transform:translateY(-8px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
	margin-bottom:0px;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li{
	opacity:1;
	transform:translateY(0px);
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	-ms-transition-delay: 70ms;
	-o-transition-delay: 70ms;
	transition-delay: 70ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(2){
	-webkit-transition-delay: 140ms;
	-moz-transition-delay: 140ms;
	-ms-transition-delay: 140ms;
	-o-transition-delay: 140ms;
	transition-delay: 140ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(3){
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	-o-transition-delay: 210ms;
	transition-delay: 210ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(4){
	-webkit-transition-delay: 280ms;
	-moz-transition-delay: 280ms;
	-ms-transition-delay: 280ms;
	-o-transition-delay: 280ms;
	transition-delay: 280ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(5){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(6){
	-webkit-transition-delay: 420ms;
	-moz-transition-delay: 420ms;
	-ms-transition-delay: 420ms;
	-o-transition-delay: 420ms;
	transition-delay: 420ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(7){
	-webkit-transition-delay: 490ms;
	-moz-transition-delay: 490ms;
	-ms-transition-delay: 490ms;
	-o-transition-delay: 490ms;
	transition-delay: 490ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(8){
	-webkit-transition-delay: 560ms;
	-moz-transition-delay: 560ms;
	-ms-transition-delay: 560ms;
	-o-transition-delay: 560ms;
	transition-delay: 560ms;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	line-height:24px;
	letter-spacing:0.5px;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:var(--main-color);
}

.main-header .main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:var(--white-color);
	line-height:28px;
	border:1px solid var(--white-color-opicity-two);
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .main-menu .navigation > li.dropdown > a {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 9999;
}

.main-header .main-menu .navigation > li.dropdown > a .menu-text {
    pointer-events: auto !important;
}

.main-header .main-menu .navigation > li.dropdown > .dropdown-btn {
    z-index: 10000;
    cursor: pointer;
}
.whatsapp-button{
	position: relative;
}

.whatsapp-button a{
	position:relative;
	width: 30px;
	height: 30px;
	background:none;
	font-weight:500;
	margin:17px 0px;
	letter-spacing:1px;
	font-size:14px;
	line-height: 28px;
	border-radius: 50px;
	padding: 0px;
	color:var(--white-color);
	text-transform:capitalize;
	border: 1px solid var(--white-color);
}

.whatsapp-button a:hover{
	color: var(--black-color);
	background-color: var(--white-color);
}


.main-header .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 22px;
	line-height: 44px;
	cursor: pointer;
	color:var(--white-color);
	display: none;
	font-family: "flaticon_afbd3404a2e1104832d0";
}

.main-header .sticky-header .mobile-nav-toggler{
	color:var(--black-color);
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	visibility: hidden;
	z-index: 99999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background:#f9b834c4;
	/*background: rgba(0,0,0,0.90);*/
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	width:100%;
	visibility: visible;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: rgba(0,0,0,0.90);
	/*background: #ffffff;*/
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	right:0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.mobile-menu .close-btn{
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	/*color: #202020;*/
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	font-family: "flaticon_afbd3404a2e1104832d0";
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#111111;
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .navigation li > ul > li > a{
	padding-left:30px;
}

.mobile-menu .navigation li > ul > li > ul{
	padding-left:0px;
}

.mobile-menu .navigation li > ul > li > ul > li > a{
	padding-left:40px;
}

.main-header .mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.main-header .mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.main-header .mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 12px 20px;
	font-size: 16px;
	color: var(--black-color);
	text-transform: capitalize;
}

.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
	
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	color: var(--black-color);
	font-size: 16px;
	line-height:44px;
	cursor:pointer;
	z-index:5;
}

/* .main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid #dddddd;
} */

.main-header .mobile-menu .navigation li > ul,
.main-header .mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.main-header .sticky-header .navbar-header{
	display:none;
}

.main-header .outer-box{
	position: relative;
	gap: 18px;
}

.header_button-box{
	position: relative;
	height: 54px;
}

.hamburger {
	width: 50px !important;
	height: 50px;
	display: flex;
	border-radius: 50px;
	padding: 18px 15px;
	align-self: center;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: var(--white-color);
}
  
  .hamburger span {
	/* align-self: flex-end; */
	height: 2px;
	width: 83.33333333%;
	background: var(--black-color);
	transition: all 400ms ease-in-out;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
  }
  
  .hamburger:hover{
	background-color: var(--main-color);
  }

  .hamburger:hover span{
	background-color: var(--white-color);
  }

  .hamburger .meat {
	width: 100%;
	transition: all 200ms ease-in-out;
  }
  
  .hamburger .bottom-bun {
	width: 58.33333333%;
	transition: all 100ms ease-in-out;
  }
  
  .hamburger:hover span {
	width: 100%;
  }
  
  html:not(.body-menu-opened) .hamburger .top-bun {
	-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
			animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
  }
  
  html:not(.body-menu-opened) .hamburger .meat {
	-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
			animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
  }
  
  html:not(.body-menu-opened) .hamburger .bottom-bun {
	-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
			animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
  }
  
  @-webkit-keyframes burger-hover {
	0% {
	  width: 100%;
	}
	50% {
	  width: 50%;
	}
	100% {
	  width: 100%;
	}
  }
  
  @keyframes burger-hover {
	0% {
	  width: 100%;
	}
	50% {
	  width: 50%;
	}
	100% {
	  width: 100%;
	}
  }
  
  .body-menu-opened .hamburger .top-bun {
	  transform: rotate(-45deg) translate(-4.5px,4px);
	  width: 100%;
  }
  
  .body-menu-opened .hamburger .bottom-bun {
	  transform: rotate(45deg) translate(-4.5px,-4px);
	  width: 100%;
  }
  
  .body-menu-opened .hamburger .meat {
	  width: 0;
  }



.main-header .sticky-header .search-box-btn{
	color: var(--color-two);
}

.main-header .sticky-header .outer-box .nav-btn{
	color: var(--color-two);
}

.main-header .mobile-menu .menu-box .mCSB_scrollTools{
	width:3px;
}


/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.sidebar-info-contents{
	position:relative;
	height:100%;
}

.sidebar-textwidget,
.sidebar-widget-container{
	height:100%;
}

.sidebar-info-contents .content-inner{
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sidebar-info-contents .content-inner h5{
	margin:15px 20px;
	font-weight:400;
	color:var(--black-color);
	text-transform:capitalize;
}

.sidebar-info-contents .content-inner h5 span{
	position:relative;
	font-weight: 600;
}

.sidebar-info-contents .price{
	position:relative;
	padding:14px 10px;
	text-align:center;
	font-weight:400;
	font-size:14px;
	color:var(--white-color);
	background-color:var(--main-color);
}

.sidebar-info-contents .empty-cart-box{
	position:relative;
	margin:15px 0px;
}

.sidebar-info-contents .no-cart{
	position:relative;
	text-align:center;
	font-size:16px;
	color:var(--black-color);
}

.sidebar-info-contents .no-cart .icon{
	position:relative;
	width:55px;
	height:55px;
	display:block;
	margin:0 auto;
	line-height:57px;
	text-align:center;
	border-radius:50px;
	font-size:18px;
	margin-bottom:20px;
	color:var(--white-color);
	background-color:var(--main-color);
	font-family: 'Font Awesome 6 Free';
}

.sidebar-info-contents .lower-box h5{
	padding:25px 20px;
	margin:0px;
}
	
.sidebar-info-contents .lower-box{
	position:relative;
	border-top:1px solid rgba(var(--black-color-rgb), 0.10);
}

.sidebar-info-contents .lower-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:10px;
	bottom:0px;
	z-index:100;
	background-color:var(--white-color);
}


/* Close Side Widget */

.close-side-widget{
	width:30px;
	height:30px;
	display:inline-block;
	color:var(--black-color);
	font-size:30px;
}

.close-side-widget:hover{
	color:var(--main-color);
}

.close-side-widget:before,
.close-side-widget:after {
    content: '';
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    -webkit-transition: background-position 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: background-position 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    background: linear-gradient(90deg, currentColor 0 36%, transparent 36% 56%, currentColor 56% 100%);
    background-size: 270% 100%;
    background-position-x: 100%;
}

.close-side-widget:before {
    top: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-side-widget:after {
    top: 13.5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transition-delay: .1s,0s,0s;
}

.close-side-widget:hover:before,
.close-side-widget:hover:after {
    background-position-x: 0;
    -webkit-transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.close-side-widget:before {
    top: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-side-widget:hover:after {
    transition-delay: .15s,0s,0s;
}

.close-side-widget:hover:before,
.close-side-widget:hover:after {
    background-position-x: 0;
    -webkit-transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/*----------------------------------------*/
/*  13. OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-transform: perspective(300px) rotateX(18deg);
			transform: perspective(300px) rotateX(18deg);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
  }
  .offcanvas__inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 3.14fr 60px 1fr;
	grid-template-columns: 3.14fr 1fr;
	grid-gap: 60px;
	height: 100%;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1919px) {
	.offcanvas__inner {
	  -ms-grid-columns: 2fr 60px 1fr;
	  grid-template-columns: 2fr 1fr;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.offcanvas__inner {
	  -ms-grid-columns: 2fr 60px 1fr;
	  grid-template-columns: 2fr 1fr;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__inner {
	  -ms-grid-columns: 1.6fr 60px 1fr;
	  grid-template-columns: 1.6fr 1fr;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__inner {
	  -ms-grid-columns: 1.5fr 40px 1fr;
	  grid-template-columns: 1.5fr 1fr;
	  grid-gap: 40px;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__inner {
	  -ms-grid-columns: 1fr;
	  grid-template-columns: 1fr;
	  padding: 50px 15px 20px;
	}
  }
  .offcanvas__left {
	border-right: 1px solid var(--color-three);
	padding: 85px 0 85px 100px;
	overflow: hidden;
	overflow-y: auto;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.offcanvas__left {
	  padding: 80px 0 80px 80px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__left {
	  padding: 60px 0 60px 60px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__left {
	  padding: 60px 0 40px 30px;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__left {
	  padding: 0;
	  border: none;
	}
  }
  .offcanvas__left::-webkit-scrollbar {
	width: 5px;
  }
  .offcanvas__left::-webkit-scrollbar-track {
	background-color:rgba(var(--black-color-rgb), 0.12);
	border-radius: 10px;
  }
  .offcanvas__left::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 10px;
  }
  .offcanvas__right {
	padding: 85px 100px 85px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	height: 100%;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.offcanvas__right {
	  padding: 80px 80px 80px 0;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__right {
	  padding: 60px 60px 60px 0;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__right {
	  padding: 60px 30px 30px 0;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__right {
	  padding: 0;
	}
  }
  .offcanvas__contact .info-list li {
	  position:relative;
	  margin-bottom: 30px;
	  padding-left:40px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__contact .info-list li {
	  padding-bottom: 20px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__contact .info-list li {
	  padding-bottom: 20px;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__contact .info-list li {
	  margin-bottom: 15px;
	}
  }
  .offcanvas__contact .info-list li .title{
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: var(--black-color);
	margin-bottom:10px;
  }
  
  .offcanvas__contact .info-list li .icon{
	  position:absolute;
	  left:0px;
	  top:36px;
	  line-height:1em;
	  color: var(--main-color);
	  font-size:24px;
  }
  
  .offcanvas__contact .info-list li a {
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	position: relative;
	color: var(--black-color);
  }
  
  .offcanvas__contact .info-list li a:hover{
	  color: var(--main-color);
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__contact .info-list li a {
	  font-size: 20px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__contact .info-list li a {
	  font-size: 18px;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__contact .info-list li a {
	  font-size: 18px;
	}
	
	.offcanvas__contact .info-list li a br{
		display:none;
	}
	
	.offcanvas__contact .info-list li .title{
		margin-bottom:5px;
	}
	
	.offcanvas__contact .social-box{
		margin-top: 20px !important;
	}
	
  }
  .offcanvas__contact .info-list li a::after {
	position: absolute;
	content: "";
	width: 0%;
	height: 1px;
	left: 0;
	bottom: 0px;
	background-color: var(--main-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
  }
  .offcanvas__contact .info-list li a:hover {
	color: var(--main-color);
  }
  .offcanvas__contact .info-list li a:hover::after {
	width: 100%;
  }
  /* .offcanvas__contact li a:not([href]):not([class]) {
	position: unset;
  } */
  .offcanvas__contact .info-list li:last-child {
	margin-bottom: 0;
  }
  .offcanvas__content {
	padding: 60px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	gap: 60px;
  }
  
  .offcanvas__contact .social-box{
	  position:relative;
	  margin-top:40px;
  }
  
  .offcanvas__contact .social-box li{
	  position:relative;
	  display:inline-block;
	  margin-right:5px;
  }
  
  .offcanvas__contact .social-box li a{
	  position:relative;
	  width:40px;
	  height:40px;
	  line-height:40px;
	  border-radius:3px;
	  text-align:center;
	  display:inline-block;
	  color:var(--white-color);
	  background-color:var(--main-color);
	  font-family: 'Font Awesome 5 Brands';
  }
  
  .offcanvas__contact .social-box li a:hover{
	  color:var(--white-color);
	  background-color:var(--black-color);
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.offcanvas__content {
	  gap: 30px;
	  padding: 30px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__content {
	  overflow-y: auto;
	  padding: 30px 20px;
	  gap: 50px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__content {
	  overflow-y: auto;
	  padding: 30px 20px;
	  gap: 50px;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__content {
	  overflow-y: auto;
	  padding: 30px 20px;
	  gap: 50px;
	}
  }
  .offcanvas__search {
	padding-top: 30px;
  }
  .offcanvas__search input {
	width: 100%;
	height: 36px;
	outline: none;
	border: none;
	border-bottom: 1px solid var(--color-three);
	padding: 10px 0;
  }
  .offcanvas__map iframe {
	width: 100%;
	height: 220px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__map {
	  display: none;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__map {
	  display: none;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__map {
	  display: none;
	}
  }
  .offcanvas__social li {
	display: inline-block;
  }
  .offcanvas__social li a {
	font-size: 20px;
	color: var(--black-color);
	display: block;
	padding-right: 20px;
  }
  .offcanvas__social li a:hover {
	color: var(--main-color);
  }
  .offcanvas__mobile-menu {
	display: none;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.offcanvas__mobile-menu {
	  display: block;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas__mobile-menu {
	  display: block;
	}
  }
  @media only screen and (max-width: 767px) {
	.offcanvas__mobile-menu {
	  display: block;
	}
  }
  
  .close_offcanvas {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-family: "flaticon_axeno-flat";
  }
  .close_offcanvas:hover {
	color: var(--main-color);
	border-color: var(--main-color);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.close_offcanvas {
	  top: 20px;
	  right: 30px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.close_offcanvas {
	  top: 15px;
	  right: 20px;
	}
  }
  @media only screen and (max-width: 767px) {
	.close_offcanvas {
	  top: 12px;
	  right: 12px;
	}
	
	.offcanvas__inner{
		grid-gap:10px;
	}
	
  }
  
  .header__offcanvas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
  }
  .header__offcanvas span {
	width: 50px;
	height: 50px;
	border: 1px solid var(--white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-radius: 100%;
	font-size: 25px;
	line-height: 22px;
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	color: var(--secondary);
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
  }
  .header__offcanvas span:hover {
	border: 1px solid var(--main-color);
	color: var(--main-color);
  }
  .header__side-nav {
	margin-bottom: 200px;
	display: inline-block;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.header__side-nav {
	  margin-bottom: 0;
	}
  }
  @media only screen and (max-width: 767px) {
	.header__side-nav {
	  margin-bottom: 0;
	}
  }
  .header__side-nav span {
	display: inline-block;
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	font-size: 24px;
	color: var(--secondary);
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
  }
  .header__side-nav span:hover {
	color: var(--main-color);
  }
  
  /* mean menu customize */
  .side__navbar-wrapper.mean-container .mean-nav > ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: block !important;
  }
  .side__navbar-wrapper.mean-container .mean-nav > ul > li:last-child > a {
	border-bottom: 1px solid var(--color-five);
  }
  .side__navbar-wrapper.mean-container .mean-nav {
	background: none;
	margin-top: 0;
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a {
	width: 100%;
	padding: 30px 0;
	font-weight: 500;
	font-size: 60px;
	line-height: 1;
	color: var(--color-two);
	text-transform: capitalize;
	border-top: 1px solid var(--color-five);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a {
	  font-size: 48px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a {
	  font-size: 40px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a {
	  font-size: 36px;
	  padding: 20px 0;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a {
	  padding: 19px 0;
	  font-size: 20px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a:hover {
	color: var(--main-color);
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a:hover span {
	color: var(--black);
	-webkit-transform: translateX(0);
			transform: translateX(0);
	opacity: 1;
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a span {
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	text-align: right;
	color: var(--black-2);
	padding-right: 100px;
	opacity: 0;
	-webkit-transform: translateX(15px);
			transform: translateX(15px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a span {
	  padding-right: 80px;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a span {
	  font-size: 16px;
	  padding-right: 70px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand {
	width: 60px;
	height: 96px;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	font-weight: 300;
	border-left: 1px solid var(--color-five) !important;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand {
	  height: 85px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand {
	  height: 76px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand {
	  height: 52px;
	  width: 40px;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand {
	  height: 34px;
	  width: 32px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
	background: var(--black-color);
	color: var(--white-color);
	opacity: 1;
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li li a {
	font-size: 24px;
	text-transform: capitalize;
	border-top: 1px solid var(--color-five);
	padding: 30px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li a {
	  padding: 23px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li a {
	  font-size: 20px;
	  padding: 15px;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li a {
	  font-size: 18px;
	  padding: 15px 10px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	height: 60px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	  height: 25px;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	  height: 22px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-nav ul li li li a {
	padding-left: 60px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li li a {
	  padding-left: 40px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li li a {
	  padding-left: 30px;
	}
  }
  @media only screen and (max-width: 767px) {
	.side__navbar-wrapper.mean-container .mean-nav ul li li li a {
	  padding-left: 30px;
	}
  }
  .side__navbar-wrapper.mean-container .mean-bar {
	padding: 0;
	background: none;
  }
  .side__navbar-wrapper.mean-container a.meanmenu-reveal {
	display: none !important;
  }



/*Slider*/
.slider-one{
	position:relative;
}

.slider-one .auto-container{
	position: relative;
}

.slider-one-arrow{
	position: absolute;
	left: 20px;
	bottom: 110px;
	right: 0px;
	max-width: 1320px;
	margin: 0 auto;
	z-index: 1;
}

.slider-one .main-slider-prev{
	position: relative;
	z-index: 1;
	cursor: pointer;
	margin-right: 15px;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.slider-one .main-slider-prev:hover{
	
}

.slider-one .main-slider-prev.swiper-button-disabled{
	
}

.slider-one .main-slider-next.swiper-button-disabled{
	
}

.slider-one .main-slider-next:hover{
	
}

.slider-one .main-slider-next{
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-slider_pagination{
	position: absolute;
	right: -50px;
	bottom: 0px;
}

.main-slider_pagination .swiper-pagination-bullet{
	position: relative;
	width: 30px;
	height: 2px;
	opacity: 1;
	display: block;
	margin: 15px 0px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: var(--white-color);
}

.main-slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 60px;
	background-color: var(--main-color);
}


.slider-one .swiper-slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:280px 0px 0px;
}

.slider-one_image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:70px;
	z-index:1;
	opacity: 0;
	background-size:cover;
	background-position: center center;

    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.slider-one_image-layer::before{
	position:absolute;
	content: '';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity: 0.90;
	background-color: var(--black-color);
}

.slider-one .swiper-slide-active .slider-one_image-layer{
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slider-one .upper-box{
	position: relative;
	z-index: 1;
}

.slider-one .lower-box{
	position: relative;
	z-index: 1;
	margin-top: 60px;
}

.slider-one_heading{
	font-weight: 400;
	color: var(--white-color);
	text-transform: capitalize;

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_heading{
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_text{
	position: relative;
	line-height: 30px;
	font-weight: 400;
	font-size: 16px;
	padding-top: 70px;
	color: var(--white-color);

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_text{
	
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.slider-one_button{
	position: relative;
	margin-top: 30px;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_button{
	
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.slider-one_button .discover-btn{
	position: relative;
	font-size: 16px;
	padding-left: 25px;
	color: var(--white-color);
}

.slider-one_button .discover-btn:hover{
	color: var(--main-color);
}

.slider-one_button .discover-btn:hover::before{
	background-color: var(--main-color);
}

.slider-one_button .discover-btn::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
}

.slider-one .slider-one_button{
	display:inline-block;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

.slider-one .swiper-slide-active .slider-one_button{
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
}

.slider-one_image{
	position: relative;
	opacity: 0;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0 48%, 100% 48%, 100% 50%, 0 50%);
}

.slider-one_image img{
	position: relative;
	width: 100%;
	display: block;
}

.slider-one .swiper-slide-active .slider-one_image{
	opacity: 1;
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}

.project-one_arrow{
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	margin-top: -20px;
}

.project-one_slider_button-prev{
	position: absolute;
	left: 0px;
	z-index: 1;
}

.project-one_slider_button-next{
	position: absolute;
	right: 0px;
	z-index: 1;
}

.services-two_arrow{
	position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    margin-top: -20px;
    display: none;
}

.services-two_slider-prev img{
	    position: absolute;
    left: 0px;
    z-index: 1;
}

.services-two_slider-next img{
	    position: absolute;
    right: 0px;
    z-index: 1;
}
/*** 

====================================================================
	Clients One
====================================================================

***/

.clients-one{
	position: relative;
	padding: 80px 0px 0px;
}

.clients-one_arrow{
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	margin-top: -20px;
}

.clients-one_slider_button-prev{
	position: absolute;
	left: 0px;
	z-index: 1;
}

.clients-one_slider_button-next{
	position: absolute;
	right: 0px;
	z-index: 1;
}

.client-image{
	position: relative;
	text-align: center;
}

.client-image img{
	position: relative;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.client-image img:hover{
	opacity: 0.70;
}




/*** 

====================================================================
	Slider Two Section
====================================================================

***/

.slider-two{
	position:relative;
}

.slider-two .auto-container{
	position: relative;
}

.slider-two_circle{
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0.80;
	width: 990px;
	height: 990px;
	border-radius: 50%;
	background: #FFE6AF;
	transform: translateX(-50%) translateY(-50%);
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.slider-two_content{
	position: relative;
	z-index: 1;
	padding:270px 30px 270px;
}

.slider-two-arrow{
	position: absolute;
	left: 20px;
	bottom: 70px;
	right: 0px;
	max-width: 1320px;
	margin: 0 auto;
	z-index: 1;
}

.slider-two .slider-two_prev{
	position: relative;
	z-index: 1;
	cursor: pointer;
	margin-right: 15px;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.slider-two .slider-two_prev:hover{
	
}

.slider-two .slider-two_prev.swiper-button-disabled{
	
}

.slider-two .slider-two_next.swiper-button-disabled{
	
}

.slider-two .slider-two_next:hover{
	
}

.slider-two .slider-two_next{
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.slider-two_pagination{
	position: absolute;
	right: -50px;
	bottom: 0px;
}

.slider-two_pagination .swiper-pagination-bullet{
	position: relative;
	width: 30px;
	height: 2px;
	opacity: 1;
	display: block;
	margin: 15px 0px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: var(--white-color);
}

.slider-two_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 60px;
	background-color: var(--main-color);
}

.slider-two .swiper-slide{
	position:relative;
	overflow:hidden;
}

.slider-two_image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity: 0;
	background-size:cover;
	background-position: center center;

    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.slider-two_image-layer::before{
	position:absolute;
	content: '';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity: 0.60;
	background-color: var(--black-color);
}

.slider-two .swiper-slide-active .slider-two_image-layer{
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slider-two_heading{
	font-weight: 400;
	color: var(--black-color);
	text-transform: capitalize;

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-two .swiper-slide-active .slider-two_heading{
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-two_text{
	position: relative;
	line-height: 30px;
	font-weight: 400;
	font-size: 16px;
	margin-top: 15px;
	color: var(--black-color);

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-two .swiper-slide-active .slider-two_text{
	
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.slider-two_button{
	position: relative;
	margin-top: 40px;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-two .swiper-slide-active .slider-two_button{
	
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.slider-two .slider-two_button{
	display:inline-block;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

.slider-two .swiper-slide-active .slider-two_button{
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
}

.slider-two_image{
	position: absolute;
	left: 0px;
	top: 70px;
	width: 270px;
	height: 270px;
	opacity: 0;
	overflow: hidden;
	border-radius: 50%;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0 48%, 100% 48%, 100% 50%, 0 50%);
}

.slider-two_image img{
	position: relative;
	width: 100%;
	display: block;
}

.slider-two .swiper-slide-active .slider-two_image{
	opacity: 1;
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.slider-two_image-two{
	position: absolute;
	right: 60px;
	bottom: 60px;
	width: 270px;
	height: 270px;
	opacity: 0;
	overflow: hidden;
	border-radius: 50%;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0 48%, 100% 48%, 100% 50%, 0 50%);
}

.slider-two_image-two img{
	position: relative;
	width: 100%;
	display: block;
}

.slider-two .swiper-slide-active .slider-two_image-two{
	opacity: 1;
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}




/*** 

====================================================================
	Slider Three
====================================================================

***/
.slider-three

.swiper-slide {
  height: 100vh; 
}
.testimonial-three
.swiper-slide {
  height: auto;
}

.slider-three_image-layer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 1;
}

/*.slider-three_content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.slider-three-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 10;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  pointer-events: none; 
}

.slider-three-arrow div {
  pointer-events: all;
}*/
.slider-three{
	position:relative;
}

.slider-three .auto-container{
	position: relative;
}

.slider-three_content{
	position: relative;
	z-index: 1;
	/*padding:270px 0px 270px;*/
}

.slider-three-arrow{
	/*position: absolute;*/
	/*left: 80px;*/
	bottom: 70px;
	right: 15px;
	max-width: 1230px;
	margin: 0 auto;
	z-index: 1;
	text-align: right;
}

.slider-three .slider-three_prev{
	position: relative;
	z-index: 1;
	cursor: pointer;
	margin-right: 15px;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.slider-three .slider-three_prev:hover{
	
}

.slider-three .slider-three_prev.swiper-button-disabled{
	
}

.slider-three .slider-three_next.swiper-button-disabled{
	
}

.slider-three .slider-three_next:hover{
	
}

.slider-three .slider-three_next{
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.slider-three_pagination{
	position: absolute;
	left: 60px !important;
	top: 50%;
	bottom: auto !important;
	z-index: 10;
	text-align: right !important;
}

.slider-three_pagination .swiper-pagination-bullet{
	position: relative;
	width: 30px;
	height: 2px;
	opacity: 1;
	display: block;
	margin: 15px 0px !important;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: var(--white-color);
}

.slider-three_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 60px;
	background-color: var(--main-color);
}

.slider-three .swiper-slide{
	position:relative;
	overflow:hidden;
}

.slider-three_image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	/*opacity: 0;*/
	background-size:cover;
	background-position: center center;

    /*clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);*/
	
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.slider-three_image-layer::before{
	position:absolute;
	content: '';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity: 0.60;
	background-color: var(--black-color);
}

.slider-three .swiper-slide-active .slider-three_image-layer{
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slider-three_heading{
	font-weight: 400;
	color: var(--white-color);
	text-transform: capitalize;

	/*transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);*/
	font-size:60px; line-height:75px;
}

.slider-three .swiper-slide-active .slider-three_heading{
	/*-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/
}

.slider-three_text{
	position: relative;
	line-height: 30px;
	font-weight: 400;
	font-size: 16px;
	margin-top: 15px;
	color: var(--white-color);

	/*transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);*/
}

.slider-three .swiper-slide-active .slider-three_text{
	
	/*-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/

}

.slider-three_button{
	position: relative;
	margin-top: 40px;
	/*transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);*/
}

.slider-three .swiper-slide-active .slider-three_button{
	
/*	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/

}

.slider-three .slider-three_button{
	display:inline-block;
	/*transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;*/
}

.slider-three .swiper-slide-active .slider-three_button{
	/*-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;*/
}

/*** 

====================================================================
	Welcome Three
====================================================================

***/

.welcome-three{
	position: relative;
	padding: 110px 0px 80px;
}

.welcome-three_content-column{
	position: relative;
	margin-bottom: 30px;
}

.welcome-three_content-outer{
	position: relative;
}

.welcome-three_image{
	position: relative;
}

.welcome-three_image img{
	position: relative;
	width: 100%;
	display: block;
}

.welcome-three_content{
	position: relative;
	padding-top: 75px;

}

.welcome-three_image-two{
	position: absolute;
	right: 40px;
	top: -180px;
	display: inline-block;
	border: 15px solid var(--white-color);
}

.welcome-three_title{
	position: relative;
	font-weight: 700;
	font-size: 16px;
	color: var(--main-color);
	text-transform: uppercase;
}

.welcome-three_heading {
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Lato';
}
h2 {
    line-height: 51px;
    font-size: 42px;
}

.welcome-three_list{
	position: relative;
	z-index: 1;
}

.welcome-three_list li{
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	margin-bottom: 15px;
	color: var(--color-two);
}

.welcome-three_list li::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
}

.welcome-three_list li:last-child{
	margin-bottom: 0px;
}

.welcome-three_author{
	position: relative;
	font-weight: 700;
	font-size: 27px;
	margin-top: 20px;
	color: var(--black-color);
}

.welcome-three_author span{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-top: 5px;
}

.welcome-three_signature{
	position: relative;
	margin-top: 15px;
}

.welcome-three_image-column{
	position: relative;
	margin-bottom: 30px;
}

.welcome-three_image-outer{
	position: relative;
	text-align: center;
}

.welcome-three_image-three{
	position: relative;
	margin-top: 180px;
}

.welcome-three_color_circle{
	position: absolute;
	right: -80px;
	bottom: -180px;
	width: 660px;
	height: 660px;
	border-radius: 50%;
	background: #FFE6AF;
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

/*** 

====================================================================
	Counter One
====================================================================

***/

.counter-one{
	position: relative;
	    padding: 0px 0px 50px;
}

.counter-one_counter-column{
	position: relative;
	margin-bottom: 30px;
}

.counter-one_counter-count{
	position: relative;
	padding: 40px 40px;
	font-size: 130px;
	font-weight: 800;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(34,34,34, 1);
	border: 1px solid rgba(0,0,0,0.15);
	height: 100%;
}

.counter-one_counter-count sup{
	position: relative;
	font-size: 44px;
	top: -45px;
	margin-left: 10px;
}

.counter-one_counter-count i{
	position: relative;
	font-size: 17px;
	display: block;
	margin-top: -5px;
	line-height: 33px;
	font-weight: 100;
	color: var(--black-color); 
}

/*** 

====================================================================
	Project Three
====================================================================

***/

.project-three{
	position: relative;
	padding: 50px 0px 60px;
}

.project-three .upper-box{
	position: relative;
}

.project-three .upper-box .project-block_three{
	/*display: flex;
	align-items: flex-end;*/
}

.project-block_three{
	position: relative;
	margin-bottom: 30px;
}

.project-block_three-inner{
	position: relative;
}

.project-block_three-image{
	position: relative;

}

.project-block_three-image img{
	position: relative;
	/*width: 100%;
	display: block;
	 -webkit-mask:url(https://i.ibb.co/WG8gqrR/blob.png) center/contain no-repeat;
*/
}

.project-block_three-inner:hover .project-block_three-overlay{
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
}

.project-block_three-overlay{
	/*position: absolute;
	left: 7px;
	top: 7px;
	right: 7px;
	bottom: 7px;
	background-color: var(--white-color);

	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(45deg) scaleY(0.5);
	-ms-transform: perspective(400px) rotateX(45deg) scaleY(0.5);
	transform: perspective(400px) rotateX(45deg) scaleY(0.5);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
	z-index: 1;*/
}

.project-block_three-content{
	/*position: absolute;*/
	/*left: 25px;
	right: 25px;
	bottom: 25px;*/
	z-index: 1;
}

.project-block_three-title{
	position: relative;
    font-size: 16px;
    color: #9b6e00;
    margin-top: 5px;
    font-weight: 400;
    /* border-bottom: 1px solid #ececec; */
    /* padding-bottom: 10px; */
    /*font-style: italic;*/
}

.project-block_three-heading{
	position: relative;
	font-weight: 700;
	margin-top: 5px;
	font-size: 24px;
}

.project-block_three-heading a{
	position: relative;
	color: var(--black-color);
}

.project-block_three-heading a:hover{
	color: var(--main-color);
}

.project-block_three-date{
	position: relative;
	padding-top:15px;
	font-size: 16px;
	margin-top: 10px;
	color: var(--black-color);
	border-top: 1px solid rgba(0,0,0,0.15);
}

/*** 

====================================================================
	Project Four
====================================================================

***/

.project-four{
	position: relative;
	padding: 0px 0px 0px;
}

.project-four_image-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.project-four .sec-title_text{
	max-width: 420px;
}

.project-four .inner-container{
	position: relative;
	background-color: var(--white-color);
}

.project-four .project-block_four{
	/*padding: 0px;*/
	margin:10px;
	/*border-right: 1px solid #ececec;*/
	/*box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);*/
	/*border-radius: 10px 0;*/
	/*border: 1px solid #ececec;*/
	/*border-bottom:10px groove #fbb734;*/
	    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
     background: url(../images/box-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px 10px 10px;
    margin-bottom: 30px;
    min-height: 500px;
    /*max-height: 500px;*/
        border-top: 10px groove #fbb7341f;
         border-bottom: 10px groove #fbb7341f;
    border-radius: 10px;
	background: #f6f6f6;
    
}
.project-four .project-block_four:hover{
	transform: translateY(-10px);
   /* -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
    box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);*/

}
/*** 

====================================================================
	Project Block Four
====================================================================

***/

.project-block_four{
	position: relative;
}

.project-block_four-inner{
	position: relative;
	padding: 15px 15px 15px;
	    /*border-right: 1px solid rgba(0, 0, 0, 0.15) !important;*/
}

.project-block_four:last-child .project-block_four-inner{
	border: none;
}

.project-block_four-icon{
	position: relative;
	width: 120px;
	z-index: 1;
	display: inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.project-block_four-inner:hover .project-block_four-icon{
	animation: icon-bounce 0.8s ease-out;
    -webkit-animation: icon-bounce 0.8s ease-out;
}

.project-block_four-icon::before{
	position: absolute;
	content: '';
	right: 0px;
	top: 20px;
	width: 75px;
	height: 75px;
	z-index: -1;
	border-radius: 150px;
	background: #FFE6AF;
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.project-block_four-heading{
	position: relative;
	font-weight: 700;
	/*margin-top: 10px;*/
}

.project-block_four-heading a{
	position: relative;
	color: var(--black-color);
	    font-size: 24px;
	/*font-weight: 600;
    font-size: 25px;*/
}

.project-block_four-heading a:hover{
	color: var(--main-color);
}

.project-block_four-image{
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: var(--main-color);
/*	border-radius: 10px;*/
}

.project-block_four-image img{
	position: relative;
	width: 100%;
	display: block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block_four-inner:hover .project-block_four-image img{
	opacity: 0.70;
	transform: scale(1.05,1.05);
}

.project-block_four-text{
	position: relative;
	margin-top: 5px;
	font-size: 17px;
	line-height: 30px;
	color: #000;
	display: -webkit-box; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 120px;
}

.project-block_four-plus{
	position: relative;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 50px;
	margin-top: 20px;
	color: var(--white-color);
	background-color: var(--main-color);
}

.project-block_four-plus:hover{
	color: var(--white-color);
	background-color: var(--color-two);
}

/*** 

====================================================================
	CTA One
====================================================================

***/

.cta-three{
	position: relative;
	text-align: center;
	padding: 120px 0px 120px;
	border-top: 1px solid rgba(0,0,0,0.15);
}

.cta-three_image-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/* background-attachment: fixed; */
	background-position: center bottom;
	background-repeat: no-repeat;
}

.cta-three_image-layer::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.50;
	background-color: var(--black-color);
}

.cta-three_heading{
	position: relative;
	font-weight: 400;
	line-height: 1em;
	font-size: 80px;
	color: var(--white-color);
}

.cta-three_text{
	position: relative;
	font-size: 16px;
	margin-top: 25px;
	color: var(--white-color);
}

.cta-three_button{
	position: relative;
	margin-top: 40px;
}

.cta-three_circle{
	position: absolute;
	right: 100px;
	z-index: 1;
	bottom: -110px;
}

/*** 

====================================================================
	Testimonial Three
====================================================================

***/

.testimonial-three{
	position: relative;
	overflow: hidden;
	padding: 110px 0px 100px;
}

.testimonial-three_color-layer{
	position: absolute;
	left: -50px;
	top: -50px;
	width: 660px;
	height: 660px;
	border-radius: 50%;
	background: #FFE6AF;
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.testimonial-three .testimonial__slider-wrap{
	position: relative;
}

/* Testimonial Nav */

.testimonial__nav_two{
	position: absolute;
	right: 15px;
	top: 50px;
	z-index: 1;
    max-width: 400px;
	margin: 0 auto;
}

.testimonial-three .testimonial__nav-thumb{
	position: relative;
	cursor: pointer;
	width: 182px;
	height: 371px;
	overflow: hidden;
	display: inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.testimonial-three .testimonial__nav-thumb.swiper-slide-thumb-active{
	
}

.testimonial-three .testimonial__nav-thumb:hover{
	
}

.testimonial-three .testimonial__nav-thumb img{
	position: relative;
	overflow: hidden;
}

.testimonial-three .testimonial-block_two{
	/*max-width: 800px;*/
	    max-width: max-content;
    margin-right: 20px;
}

.testimonial-block_two{
	position: relative;
}

.testimonial-block_two-inner{
	position: relative;
	padding: 30px 0px;
}

.testimonial-block_two-inner::before{
	position: absolute;
	content: '';
	left: 30px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: var(--white-color);
	border: 1px solid rgba(0,0,0,0.15);
}

.testimonial-block_two-content{
	position: relative;
	min-height: 407px;
	padding-left: 340px;
	padding-right: 30px;
	padding-top: 50px;
}

.testimonial-block_two-image{
	position: absolute;
	left: 70px;
	top: 0px;
	width: 306px;
	min-height: 407px;
}

.testimonial-block_two-text{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-two);
}

.testimonial-block_two-rating{
	position: relative;
	font-size: 16px;
	margin-top: 60px;
	color: var(--main-color);
}

.testimonial-block_two-author{
	position: relative;
	font-weight: 700;
	font-size: 20px;
	margin-top: 15px;
	color: var(--black-color);
}

.testimonial-block_two-author span{
	position: relative;
	font-weight: 400;
	font-size: 16px;
	margin-left: 10px;
}

.testimonial__nav-two-arrow{
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	z-index: 10;
	transform: translateY(-50px);
}

.testimonial__nav-two-arrow .testimonial__nav-two-slider-prev{
	position: absolute;
	left: 0;
	/*width: 100px;
	height: 100px;*/
	text-align: center;
	/*padding-left: 10px;*/
	/*line-height: 100px;*/
	border-radius: 100px;
	display: inline-block;
	/*background-color: var(--white-color);*/
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

.testimonial__nav-two-arrow .testimonial__nav_two-slider-next{
	position: absolute;
	right:0;
/*	width: 100px;
	height: 100px;*/
	text-align: center;
	/*padding-right: 10px;*/
	/*line-height: 100px;*/
	border-radius: 100px;
	display: inline-block;
	/*background-color: var(--white-color);*/
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

.testimonial__nav-two-arrow .testimonial__nav_two-slider-next.swiper-button-disabled,
.testimonial__nav-two-arrow .testimonial__nav-two-slider-prev.swiper-button-disabled{
	opacity: 0;
	visibility: hidden;
}

/*** 

====================================================================
	Faq One
====================================================================

***/

.faq-one{
	position: relative;
	overflow: hidden;
	padding: 100px 0px 80px;
}

.faq-one_image-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.faq-one_image-layer-two{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 674px;
}

.faq-one_accordian-column{
	position: relative;
	margin-bottom: 30px;
}

.faq-one_accordian-outer{
	position: relative;
}

.faq-one_form-column{
	position: relative;
	margin-bottom: 30px;
}

.faq-one_form-outer{
	position: relative;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
	overflow: hidden;
	margin-bottom:20px;
	background-color: var(--white-color);
	border: 1px solid rgba(0,0,0,0.15);
}

.accordion-box .block:last-child{
	margin-bottom:0px;
}

.accordion-box .block .acc-btn{
	position:relative;
	cursor:pointer;
	font-weight:500;
	font-size:20px;
	overflow: hidden;
	line-height:30px;
	padding: 20px 35px;
	color: var(--black-color);
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:12px;
	top:13px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 50px;
	font-size:16px;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Font Awesome 5 Pro';
}

.accordion-box .block .icon-outer::before{
	position:absolute;
	content: '';
	right: -55px;
    top: -60px;
    width: 120px;
    height: 120px;
    transform: rotate(60deg);
	background-color: var(--white-color);
	border: 1px solid rgba(0,0,0,0.15);
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
    right:0px;
	width: 44px;
	height: 44px;
	font-size: 20px;
	line-height: 44px;
    color: var(--color-two);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
}

.accordion-box .block .acc-btn.active {
	
}

.accordion-box .block .acc-btn.active .icon-outer::before{
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
	color: var(--white-color);
}

.accordion-box .block.active-block .acc-content{
	
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
	
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	padding-top: 25px;
	border-top: 1px solid rgba(0,0,0,0.15);
}

.accordion-box .block .acc-content .content-text{
	
}

.accordion-box .block.active-block{
	
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	padding:0px 40px 30px 35px;
}

.accordion-box .block .content .text{
	color:var(--color-two);
	line-height: 28px;
	font-size:16px;
}

.accordion-box .block.active-block .text{
	
}

.faq-one_form-column{
	position: relative;
}

.faq-one_form-outer{
	position: relative;
	padding: 42px 50px;
	margin-left: 30px;
	background-size: cover;
	background-color: var(--black-color);
}

.faq-one_form-vector{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.faq-one_form-column h5{
	opacity: 0.90;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 20px;
	color: var(--white-color);
	text-transform: uppercase;
}

/*** 

====================================================================
	Default Form
====================================================================

***/

.default-form .form-group{
	position: relative;
	margin-bottom:20px;
}

.default-form .form-group::before{
	position: absolute;
	content: '';
	left: -2px;
	top: 6px;
	width: 6px;
	bottom: 6px;
	z-index: 1;
	background-color: var(--black-color);
}

.default-form .form-group:nth-child(5)::before{
	top: 30px;
	bottom: 30px;
}

.default-form .form-group:last-child{
	margin-bottom:0px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:0px;
	font-weight: 400;
	font-size:14px;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border: 1px solid rgba(255, 255, 255, .4);
}

.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
	opacity: 0.80;
	color:var(--white-color);
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
	border-color:var(--main-color);background: #000;
}

.default-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:14px;
	color:var(--white-color);
	height:120px;
	resize:none;
	border-radius:0px;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border: 1px solid rgba(255, 255, 255, .4);
}

.default-form.contact-form .form-group input,
.default-form.contact-form .form-group textarea{
	border-radius: 0px;
	border: 1px solid rgba(var(--black-color-rgb), 0.06);
}

.default-form .form-group button{
	margin-top: var(--margin-top-10);
}

/*** 

====================================================================
	News Two
====================================================================

***/

.news-two{
	position: relative;
	padding: 100px 0px 100px;
}

.news-two .auto-container{
	position: relative;
	overflow: hidden;
}

.news-block_three{
	position: relative;
	margin-bottom: 30px;
}

.news-block_three-inner{
	position: relative;
}

.news-block_three-image{
	position: relative;
}

.news-block_three-image img{
	position: relative;
	width: 100%;
	display: block;
}

.news-block_three-content{
	position: relative;
	margin-left: 50px;
	padding: 30px 30px;
	max-width: 380px;
	margin-top: -150px;
	background-color: var(--white-color);
	border: 1px solid rgba(0,0,0,0.15);
}

.news-block_three-number{
	position: relative;
	font-size: 38px;
	font-weight: 700;
	line-height: 1em;
	color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(34,34,34, 1);
}

.news-block_three-title{
	position: relative;
	font-size: 14px;
	font-weight: 600;
	margin-top: 30px;
	color: var(--color-three);
}

.news-block_three-heading{
	position: relative;
	font-weight: 700;
	margin-top: 10px;
}

.news-block_three-heading a{
	position: relative;
	color: var(--black-color);
}

.news-block_three-heading a:hover{
	color: var(--main-color);
}

.news-block_three-meta{
	position: relative;
	margin-top: 20px;
	display: flex;
	padding: 15px 0px 0px;
	border-top: 1px solid rgba(0,0,0,0.15);
}

.news-block_three-meta li{
	position: relative;
	display: flex;
	gap: 5px;
	color: var(--color-two);
	margin-right: 30px;
}

.news-block_three-meta li .icon{
	position: relative;
	line-height: 1em;
	top: 3px;
}

.news-two_thumbs-outer{
	position: absolute;
	right: 12px;
	bottom: 0px;
	overflow: hidden;
	max-width: 650px;
}

.news-two_thumbs-outer img{
	cursor: pointer;
}

/*** 

====================================================================
	Info One
====================================================================

***/

.info-one{
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.15);
}

.info-one .info-block_one:last-child .info-block_one-inner{
	border: none;
}

.info-block_one{
	position: relative;
}

.info-block_one-inner{
	position: relative;
	padding: 40px 0 35px;
	border-right: 1px solid rgba(0,0,0,0.15);
}

.info-block_one-content{
	position: relative;
	font-size: 18px;
	min-height: 80px;
	line-height: 28px;
	padding-left: 100px;
	padding-top: 12px;
	color: var(--color-two);
}

.info-block_one-icon{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    color: #000;
/*    background-color: var(--main-color);*/
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
/*    background: linear-gradient(to right, #fbb734 0%, #ebb542 100%);*/
    border-radius: 50px;
}


/* Social Icon One */

.social-icon-one{
	position: relative;
	display: block;
}

.social-icon-one .title{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.social-icon-one li{
	position: relative;
	margin:0px 8px;
	display: inline-block;
}

.social-icon-one li:last-child{
	margin-right: 0;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color:var(--main-color);
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
}

.footer_bg-image{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.footer_bg-image::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.70;
	background-color: var(--black-color);
}

.main-footer .upper-box{
	position:relative;
	padding: 30px 0px 0px;
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.30);
}

.footer-logo{
	position: relative;
	margin-bottom: -70px;
}

.subscribe-box{
	position:relative;
	margin-bottom: 30px;
}

.subscribe-box .form-group{
	position:relative;
	margin:0px;
	width:100%;
	max-width:100%;
	overflow:hidden;
	border: 1px solid rgba(var(--white-color-rgb), 0.30);
}

.subscribe-box .form-group input[type="text"],
.subscribe-box .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	background:none;
	display:block;
	height:64px;
	width:100%;
	box-shadow:inherit;
	color:var(--white-color);
	font-size:14px;
	padding:10px 55px 10px 25px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background: none;
}

.subscribe-box .form-group input::placeholder,
.subscribe-box .form-group textarea::placeholder{
	color:var(--white-color);
}

.subscribe-box .form-group button{
	position:absolute;
	right:5px;
	top:5px;
	bottom: 5px;
	font-weight:600;
	cursor:pointer;
	line-height:100%;
	text-align:center;
	padding:21px 45px;
	display:inline-block;
	letter-spacing: 1px;
	font-size:14px;
	color:var(--white-color);
	text-transform: uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: var(--main-color);
}

.subscribe-box .form-group button:hover{
	color: var(--black-color);
	background-color:var(--white-color);
}

.subscribe-box.style-two .form-group input,
.subscribe-box.style-two .form-group input::placeholder,
.subscribe-box.style-two .form-group textarea::placeholder{
	color:var(--black-color);
}

.subscribe-box.style-two .form-group{
	border-color: rgba(var(--black-color-rgb), 0.20);
}

.subscribe-box.style-three .form-group input[type="text"],
.subscribe-box.style-three .form-group input[type="email"]{
	border:1px solid rgba(var(--white-color-rgb), 0.20);
}

.subscribe-box.style-three .form-group input,
.subscribe-box.style-three .form-group input::placeholder,
.subscribe-box.style-three .form-group textarea::placeholder{
	color:var(--white-color);
}

.subscribe-box.style-three .form-group {
	border: none;
}

.subscribe-box.style-three .form-group button{
	position: relative;
	right: 0px;
	top: 0px;
	margin-top: 25px;
}

.main-footer .widgets-section{
	position: relative;
	padding: 150px 0px 40px;
}

.main-footer .footer-column{
	position: relative;
	margin-bottom: 30px;
}

.main-footer h5{
	font-weight: 500;
	letter-spacing: 3px;
	margin-bottom: 20px;
	color: var(--white-color);
	text-transform: uppercase;
}

.main-footer p{
	opacity: 0.80;
	font-size: 16px;
	color: var(--white-color);
}

.footer-list{
	position: relative;
}

.footer-list li{
	position: relative;
	margin-bottom: 15px;
}

.footer-list li a{
	position: relative;
	font-size: 16px;
	padding-left: 15px;
	color: var(--white-color);
}

.footer-list li a::before{
 content: '\276F';
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    color: var(--main-color);
    font-size: 13px;
    line-height: 1;
}

.footer-list li a:hover::before{
	background-color: var(--main-color);
}

.footer-list li a:hover{
	color: var(--main-color);
}

.footer-contact_list{
	position: relative;
}

.footer-contact_list li{
	position: relative;
	font-size: 16px;
	padding-left: 40px;
	margin-bottom: 20px;
	color: var(--white-color);
}

.footer-contact_list li span{
	position: absolute;
	left: 0px;
	top: 0px;
	text-transform: uppercase;
}

.footer-bottom{
	position: relative;
	padding: 25px 0px;
	border-top: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.footer-bottom .copyright{
	position: relative;
	font-size: 16px;
	color: var(--white-color);
}


/* Header Socials */

.footer_socials{
	position: relative;
	display: flex;
	gap: 10px;
}

.footer_socials a{
	position: relative;
	font-size: 14px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	border: 1px solid var(--white-color);
}

.footer_socials a:hover{
	color: #000;
	border-color: var(--main-color);
	background-color: var(--main-color);
}

/*** 

====================================================================
	Footer Style Two
====================================================================

***/

.footer-style-two{
	position:relative;
}

.footer-two_bg-image{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.footer-two_bg-image::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.70;
	background-color: var(--black-color);
}

.footer-style-two .widgets-section{
	position: relative;
	padding: 60px 0px 20px;
}

.footer-style-two .footer-column{
	position:relative;
	margin-bottom: 30px;
}

.footer-style-two h5{
	font-weight: 500;
	letter-spacing: 3px;
	margin-bottom: 20px;
	color: var(--white-color);
	text-transform: uppercase;
}

.footer-style-two p{
	opacity: 0.80;
	font-size: 16px;
	color: var(--white-color);
}

/* Instagram Widget */

.instagram-widget .images-outer{
	position:relative;
	margin:0px -3px;
}

.instagram-widget .image-box{
	position:relative;
	float:left;
	width:50%;
	padding:0px 8px;
	margin-bottom:16px;
}

.instagram-widget .image-box img{
	position:relative;
	display:block;
	width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.instagram-widget .image-box img:hover{
	opacity:0.70;
}

.footer-style-two .newsletter-box{
	position: relative;
	padding: 30px 50px 0px;
	background-color: var(--white-color);
}

.footer-style-two .newsletter-box h3{
	margin-top: 20px;
}

.footer-style-two .newsletter-box button:hover{
	color: var(--white-color);
	background-color: var(--black-color);
}
.slider-three_video-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.slider-three_video-layer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider-three_content {
	position: absolute;
    z-index: 2;
    /* justify-content: center; */
    /* display: flex
; */
    top: 55%;
     transform: translateY(-55%);
	/*position: relative;
	z-index: 2;
*/}

.project-block_three .large-img:after{
	  content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 13px solid #eee;
      border-left: 55px solid transparent;
      border-right: 55px solid transparent;
}
@media(min-width:991px){
.project-block_three .large-img {
/*height: 390px;
object-fit: cover;*/
height: 300px;
        object-fit: cover;
        width: 500px;
                border-radius: 50px 0;
                        border: 1px solid #fab936;
        padding: 5px;
}
.project-block_three .small-img {
/*height: 257px;
object-fit: cover;*/
height: 300px;
        object-fit: cover;
        width: 500px;
                border-radius: 50px 0;
                        border: 1px solid #fab936;
        padding: 5px;
}
.footer-list  {
  columns: 2;
}
}

.sec-title_title {
   
    color: #e8a627;
    
}
.footer_nav2 {padding:0;margin:0;list-style:none;;}
.footer_nav2 li{display:block;margin:0 0 15px;display:block;color:#d4d4d4;font-size:15px;padding:0 0 0 34px;position:relative;line-height:25px;}
.footer_nav2 li a{color:#d4d4d4;}
.footer_nav2 li i{position:absolute;left:0;margin-top:2px;font-size:20px;color:#fff}


.services-one{
	position: relative;
	overflow: hidden;
	padding: 100px 0px 80px;
}

.services-one .inner-container{
	position: relative;
}

.services-one_circle-color{
	position: absolute;
	right: -80px;
	top: -60px;
	width: 750px;
	height: 750px;
	border-radius: 50%;
	background: #FFE6AF;
	background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.services-one_image-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.services-one .sec-title_text{
	max-width: 400px;
}

.services-one_blocks-column{
	position: relative;
	margin-bottom: 30px;
}

.services-one_blocks-outer{
	position: relative;
	padding-top: 30px;
}

.service-block_one{
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.service-block_one-inner{
	position: relative;
	padding: 30px 30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border: 1px solid rgba(0,0,0,0.15);
	background-color: var(--white-color);
}

.service-block_one-inner:hover{
	border-color: var(--white-color);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}

.service-block_one-inner::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	opacity: 0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: var(--main-color);
}

.service-block_one-inner:hover::before{
	opacity: 1;
	left: 10px;
	top: 10px;
	right: -10px;
	bottom: -10px;
}

.service-block_one-upper{
	position: relative;
	padding-left: 100px;
	min-height: 100px;
}

.service-block_one-icon{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 20px 20px;
	width: 100px;
	height: 100px;
	text-align: center;
	color: var(--main-color);
	font-size: var(--font-40);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-top: 1px solid var(--main-color);
	border-left: 1px solid var(--main-color);

	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
}

.service-block_one-inner:hover .service-block_one-icon{
	border-top-color:var(--white-color);
	border-left-color:var(--white-color);
	border-right-color: 1px solid var(--main-color);
	border-bottom-color: 1px solid var(--main-color);
}

.service-block_one-heading{
	position: relative;
	font-weight: 700;
	padding: 20px 0px 20px 20px;
	text-transform: capitalize;
	border-bottom: 1px solid var(--main-color);
}

.service-block_one-heading a{
	position: relative;
	color: var(--black-color);
}

.service-block_one-heading a:hover{
	color: var(--main-color);
}

.service-block_one-text{
	position: relative;
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-two);
}

/* Video One Play */

.services-one_play{
	position:absolute;
	left:50%;
	top:50%;
	width: 130px;
	height: 130px;
	text-align: center;
	border-radius: 50%;
	line-height: 130px;
	transform: translateX(-50%) translateY(-50%);
}

.services-one_play span{
	position: relative;
	width: 110px;
	height: 110px;
	z-index:10;
	text-align: center;
	display: block;
	line-height:110px;
	border-radius:50%;
	font-size:24px;
	color: var(--white-color);
	padding-left:var(--padding-left-5);
	background-color:var(--black-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.services-one_play span:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.services-one_play .ripple,
.services-one_play .ripple:before,
.services-one_play .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:110px;
	height: 110px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.services-one_play .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.services-one_play .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

.services-one_video-column{
	position: relative;
	margin-bottom: 30px;
}

.services-one_video-outer{
	position: relative;
	margin-left: -70px;
}
.steps-one{
	position: relative;
	padding: 110px 0px 80px;
}

.steps-one .sec-title{
	margin-bottom: 90px;
}

.step-block_two{
	position: relative;
	margin-bottom: 60px;
}

.step-block_two-inner{
	position: relative;
}

.step-block_two-number{
	position: relative;
	font-weight: 700;
	font-size: 14px;
	color: var(--main-color);
}

.step-block_two-icon{
	position: absolute;
	right: -50px;
	top: 0px;
	z-index: 1;
	width: 120px;
	height: 120px;
	padding: 30px 30px;
	text-align: center;
	border-radius: 150px;
	background: #FFE6AF;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
    background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.step-block_two-inner:hover .step-block_two-icon{
	transform: rotateY(180deg);
}

.step-block_two-heading{
	position: relative;
	color: var(--black-color);
}

.step-block_two-text{
	position: relative;
	font-size: 16px;
	margin-top: 10px;
	line-height: 26px;
	max-width: 275px;
	color: var(--color-two);
}

.step-block_two.style-two .step-block_two-inner{
	padding-left: 110px;
}

.step-block_two.style-two .step-block_two-icon{
	right: auto;
	left: -50px;
}

.step-block_two-image{
	position: relative;
	overflow: hidden;
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -50px;
	border-radius: 50%;
	display: inline-block;

	-webkit-animation: border-transform 10s linear infinite alternate forwards;
    animation: border-transform 10s linear infinite alternate forwards;
}

.step-block_two-image_icon{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 150px;
	height: 150px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--white-color);
	transform: translateX(-50%) translateY(-50%);
}
/*@media(min-width: 991px{
	.fixed-header .logo-2 img {
    max-width: 102px;
    padding: 0;
}

}
*/
.about-section {
  position: relative;
  padding: 80px 0;
  background: #fff;
  overflow: hidden;
}
.text, p {
    position: relative;
    line-height: 28px;
    font-size: 17px;
    color: var(--color-two);
}

.container {
  /*width: 90%;
  max-width: 1200px;*/
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

.about-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.about-text {
  flex: 1;
  padding-right: 30px;
  z-index: 2;
}

.about-text h2 {
  font-size: 32px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.about-text p {
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}

.about-video {
  flex: 1;
  z-index: 2;
}


.video-wrapper {
  position: relative;
  width: 500px;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 100px 20px rgba(232,232,232, 0.3);
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 0 100px 30px rgb(0, 0, 0, 0.5);
}

.playbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
     width: 133px;
    height: 133px;
  border-radius: 50%;
  transition: all 200ms ease-in-out;
  z-index: 100;
  cursor: pointer;
}

.playbutton::before {
  content: '';
      width: 60px;
    height: 60px;
  position: absolute;
  background-color: #ffb514;
  z-index: 10000;
  left: 50%;
  top: 50%;
  transform: translate(-28%, -50%);
  clip-path: polygon(0 0, 0% 100%, 82% 51%);
  cursor: pointer;
  /*opacity: 0.6;*/
}
.playbutton::before:hover {
  opacity: 1;
}

/* use \25BA as content gives you also the triangle*/


.playbutton:hover {
  //background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}

.playing {
  background-color: transparent;
}

.playing::before {
  background-color: transparent;
}

.playing:hover {
  background-color: transparent;
}


/*.video-wrapper {
  position: relative;
  
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/

/* Decorative background circle */
.about-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  background: #f4f4f4;
  background-image: url('../images/texture-bg.jpg');
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .about-row {
    flex-direction: column;
  }

  .about-text, .about-video {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.services-two_slider-prev{
	    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    left: 0px;
}
.services-two_slider-next{
	    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    right: 0px;
}
.clients-one_slider_button-prev{
	    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%);*/
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    left: 0px;
}
.clients-one_slider_button-next{
	    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
   /* top: 50%;
    transform: translateY(-50%);*/
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    right: 0px;
}
.testimonial__nav-two-slider-prev{
  width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%);*/
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    left: 0px;
}
.testimonial__nav-two-slider-prev i{
	line-height: 53px;
}
.testimonial__nav_two-slider-next i{
	line-height: 53px;
}
.testimonial__nav_two-slider-next{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(251, 183, 52);
    color: rgb(0, 0, 0);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
   /* top: 50%;
    transform: translateY(-50%);*/
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
    right: 0px;
}

.project-block_three-image {
  position: relative;
  overflow: hidden;
  border: 1px solid #fab936;
    padding: 5px;
    border-radius: 20px 0;
}

.project-block_three-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
  /*border: 1px solid #fab936;*/
    /*padding: 5px;*/
    border-radius: 20px 0;
        height: 350px;
    object-fit: cover;
}

/* Black overlay on hover */
.image-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;

}

/* Zoom icon */
.zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.4s ease;
}

/* Hover effect */
.project-block_three-inner:hover .project-block_three-image img {
  transform: scale(1.1);
}

.project-block_three-inner:hover .image-overlay,
.project-block_three-inner:hover .zoom-icon {
  opacity: 1;
}

/* Text styles (unchanged on hover) */
.project-block_three-content {
  padding-top: 10px;
  text-align: left;
}



.project-block_three-heading a:hover {
  color: #004aad;
}
.services-two_slider-pagination{
	position: absolute;
	right: -50px;
	bottom: 0px;
}
.services-two_slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	
	background-color: var(--main-color);
}


@media(max-width: 991px){
        .project-four .project-block_four{
            min-height: 100% !important;
            max-height: 100% !important;
        }
        .sec-title {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.main-header .header-upper .logo-box img {
    max-width: 116px;
}
.slider-three-arrow{
	bottom: 20px !important
}
.slider-three .swiper-slide
 {
    height: 70vh;
}
.slider-three_button{
	margin-top: 20px
}
.slider-three_content {
   
    top: 50%;
    transform: translateY(-50%);
}
.about-section {
    position: relative;
    padding: 50px 0 40px;
    background: #fff;
    overflow: hidden;
}
.video-wrapper{
	margin-top: 30px;
	width: 100%;
    height: auto;
}
        }

        @media(min-width: 991px){
        	.slider-three_content{
        		max-width: 1000px
        	}
        }
      
      .page-title{
	position:relative;
	background-size:cover;
	padding:180px 0px 60px;
	background-attachment: fixed;
	background-position: center center;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background-color:var(--black-color);
}

.page-title h2{
	font-weight: 400;
	text-transform:capitalize;
	color:var(--white-color);
	font-size: 35px;
}

.page-title .bread-crumb{
	position: relative;
	padding-left: 25px;
	margin-top:8px;
	display: inline-block;
}

.page-title .bread-crumb::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50px;
	border: 2px solid var(--main-color);
}

.page-title .bread-crumb li{
	position: relative;
	font-weight: 400;
	display:inline-block;
	letter-spacing: 1px;
	font-size: 14px;
	color:var(--main-color);
	text-transform:uppercase;
	margin-right: 15px;
	padding-right: 15px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -6px;
	top:0px;
    content: "-";
	color:var(--white-color);
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	color:var(--white-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.page-title .bread-crumb li a:hover{
	color: var(--color-fourtyfour);
}

.welcome-one{
	position: relative;
	padding: 110px 0px 70px;
	    background: #ececec;
}


.welcome-one_subtitle{
	font-weight: 700;
	margin-bottom: 20px;
	padding-right: 50px;
	display: inline-block;
	text-transform: uppercase;
}

.welcome-one_subtitle::before{
	position: absolute;
	content: '';
	right: 0px;
	bottom: 10px;
	width: 40px;
	height: 1px;
	background-color: var(--black-color);
}

.welcome-one .middle-box{
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.welcome-one_counter{
	position: relative;
	padding-top: 20px;
}

.welcome-one_counter-count{
	position: relative;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--black-color);
}

.welcome-one_counter-count span{
	position: relative;
	font-size: 60px;
	font-weight: 700;
}

.welcome-one_options{
	position: relative;
	gap: 30px;
}

.welcome-one_phone{
	position: relative;
	display: flex;
	gap: 15px;
	margin-top: -6px;
	font-size: 16px;
	align-items: center;
}

.welcome-one_phone span{
	position: relative;
	width: 66px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	color: var(--white-color);
	background-color: var(--black-color);
}

.welcome-one_phone a{
	position: relative;
	color: var(--black-color);
}

.welcome-one .blocks_outer{
	position: relative;
}
.welcome-block_one{
	    background: #fff;
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
}

.welcome-block_one:last-child .welcome-block_one-inner{
	border: none;
	padding-bottom: 0px;
}

.welcome-block_one-inner{
	position: relative;
	/*padding-left: 50px;*/
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.welcome-block_one-icon::before{
	position: absolute;
	content: '';
	/*right: 0px;*/
	top: 0px;
	width: 75px;
	height: 75px;
	z-index: -1;
	border-radius: 150px;
	background: #FFE6AF;
	background: linear-gradient(to right, #FFE6AF 0%, #ebb542 100%);
}

.welcome-block_one-icon{
	/*position: absolute;*/
	right: 0px;
	width: 90px;
	line-height: 1em;
	font-size: 60px;
	color: var(--black-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.welcome-block_one-inner:hover .welcome-block_one-icon{
	animation: icon-bounce 0.8s ease-out;
    -webkit-animation: icon-bounce 0.8s ease-out;
}

.welcome-block_one-number{
	position: absolute;
	left: 0px;
	top: 5px;
	font-weight: 800;
	font-size: 18px;
	color: var(--main-color);
}

.welcome-block_one-heading{
	position: relative;
}

.welcome-block_one-heading a{
	position: relative;
	color: var(--black-color);
}

.welcome-block_one-heading a:hover{
	color: var(--main-color);
}

.welcome-block_one-text{
	position: relative;
	margin-top: 5px;
	font-size: 16px;
	line-height: 28px;
	    max-width: 90%;
	color: var(--color-two);
}


.welcome-two{
	position: relative;
	padding: 90px 0px 70px;
}

.welcome-two_content-column{
	position: relative;
	margin-bottom: 30px;
}

.welcome-two_content-column{
	position: relative;
}

.welcome-two_list{
	position: relative;
	margin-top: 30px;
}

.welcome-two_list li{
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	margin-bottom: 15px;
	color: var(--color-two);
}

.welcome-two_list li::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
}

.welcome-two_list li:last-child{
	margin-bottom: 0px;
}

.welcome-two_author{
	position: relative;
	font-weight: 700;
	font-size: 27px;
	margin-top: 45px;
	color: var(--black-color);
}

.welcome-two_author span{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-top: 5px;
}

.welcome-two_signature{
	position: relative;
	margin-top: 15px;
}

.welcome-two_image-column{
	position: relative;
	margin-bottom: 30px;
}

.welcome-two_image-outer{
	position: relative;
}

.welcome-two_image{
	position: relative;
}

.welcome-two_image img{
	position: relative;
	width: 100%;
	display: block;
}

.welcome-two_experiance{
	position: absolute;
	right: -70px;
	bottom: 50px;
	text-align: center;
}

.welcome-two_experiance::before{
	position: absolute;
	content: '';
	left: 8px;
	top: 8px;
	right: 8px;
	bottom: 8px;
	background-color: var(--white-color);
}

.welcome-two_experiance-count{
	position: absolute;
	left: 0px;
	top: 50px;
	right: 0px;
	z-index: 1;
	line-height: 1em;
	font-size: 134px;
	font-weight: 400;
	
}

.welcome-two_experiance-count .count-box{
	position: relative;
	background: url(../images/resource/welcome-4.jpg);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.welcome-two_experiance-count sub{
	position: relative;
	margin-left: 10px;
	line-height: 1em;
	font-weight: 400;
	bottom:-10px;
	background: url(../images/resource/welcome-4.jpg);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.welcome-two_experiance i{
	position: relative;
	display: block;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	margin-left: 60px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--black-color);
}

.project-one{
	position: relative;
	padding: 80px 0px 80px;
}

.project-block_one{
	position: relative;
	margin-bottom: 20px;
}

.project-block_one-inner{
	position: relative;
}

.project-block_one-image{
	position: relative;
	overflow: hidden;
	padding-right: 20px;
	padding-bottom: 20px;
}

.project-block_one-image:after{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 99;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.project-block_one-inner:hover .project-block_one-image::after{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.project-block_one-image img{
	position: relative;
	width: 100%;
	    height: 338px;
	    object-fit: cover;
	    object-position: top;
	display: block;
}

.project-block_one-image::before{
	position: absolute;
	content: '';
	right: 0px;
	top: 20px;
	bottom:0px;
	left: 20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border: 1px solid rgba(0,0,0,0.15);
}

.project-block_one-inner:hover .project-block_one-image::before{
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.project-block_one-content{
	position: relative;
	padding-top: 20px;
}

.project-block_one-heading{
	position: relative;
	font-weight: 700;
	/*margin-top: 5px;*/
	position: relative;
    font-weight: 700;
    /*margin-top: 10px;*/
    font-size: 24px;
}

.project-block_one-heading a{
	position: relative;
	color: var(--black-color);
}

.project-block_one-heading a:hover{
	color: var(--main-color);
}

.project-block_one-designation{
	position: relative;
	font-weight: 400;
	font-size: 16px;
	padding-left: 25px;
	color: var(--black-color);
}

.project-block_one-designation::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 3px;
	width: 14px;
	height: 14px;
	border-radius: 50px;
	border: 2px solid var(--main-color);
}

.project-one_button{
	position: relative;
	margin-top: 10px;
}
.media-images

 {
    margin: 2rem;
    padding: 0;
    list-style: none;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}.media-images__item

 {
    position: relative;
    display: block;
    flex: 0 0 20%;
    box-shadow: inset 0 0 0 1px orange;
}.media-images__item:before {
    content: "";
    display: block;
    position: relative;
    padding-top: 50%;
}
.media-images__image.loaded {
    opacity: 1;
}
.media-images__image {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: contain;
    transition: opacity 0.3s ease 0.3s;
}

/* =====================================================
   VISION & MISSION
===================================================== */

.vm-premium-section {
    position: relative;
    padding: 110px 20px;
    background: #f4f4f2;
    overflow: hidden;
}

.vm-premium-container {
    max-width: 1200px;
    margin: 0 auto;
}


/* Heading */

.vm-premium-heading {
    margin-bottom: 55px;
    max-width: 700px;
}

.vm-premium-eyebrow,
.usp-premium-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #171717;
}

.vm-premium-eyebrow::after,
.usp-premium-eyebrow::after {
    content: "";
    width: 45px;
    height: 1px;
    background: #171717;
}

.vm-premium-heading h2 {
    margin: 0 0 15px;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #111;
}

.vm-premium-heading p {
    max-width: 600px;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}


/* Grid */

.vm-premium-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}


/* Individual block */

.vm-premium-item {
    position: relative;
    display: flex;
    gap: 30px;
    padding: 45px 40px;
    min-height: 430px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    transition: all 0.4s ease;
}

.vm-premium-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: #111;
    transition: height 0.4s ease;
}

.vm-premium-item:hover {
    transform: translateY(-8px);
    border-color: #cfcfcf;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

.vm-premium-item:hover::before {
    height: 100%;
}


/* Icon */

.vm-premium-icon {
    position: relative;
    flex: 0 0 75px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5d78c;
    border-radius: 50%;
}

.vm-premium-icon img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}


/* Content */

.vm-premium-content {
    position: relative;
    flex: 1;
}

.vm-premium-number {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #999;
}

.vm-premium-content h3 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #111;
}

.vm-premium-content p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.85;
    color: #555;
}

.vm-premium-content p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   USP SECTION
===================================================== */

.usp-premium-section {
    position: relative;
    padding: 120px 20px;
    background: #111;
    color: #fff;
    overflow: hidden;
}


/* Background detail */

.usp-premium-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -250px;
    right: -180px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.usp-premium-section::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    bottom: -450px;
    left: -300px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}


.usp-premium-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 38% 62%;
    align-items: center;
}


/* =====================================================
   USP VISUAL
===================================================== */

.usp-premium-visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usp-premium-circle {
    position: absolute;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
}

.usp-premium-circle::before {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.usp-premium-icon {
    position: relative;
    z-index: 2;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5d78c;
    border-radius: 50%;
}

.usp-premium-icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.usp-premium-outline-text {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 10px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);
}


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

.usp-premium-content {
    padding-left: 60px;
}

.usp-premium-eyebrow {
    color: #f5d78c;
}

.usp-premium-eyebrow::after {
    background: #f5d78c;
}

.usp-premium-content h2 {
    max-width: 600px;
    margin: 0 0 25px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.05;
    font-weight: 400;
    letter-spacing: -2px;
}

.usp-premium-content h2 span {
    display: block;
    color: #f5d78c;
    font-style: italic;
}

.usp-premium-intro {
    max-width: 650px;
    margin: 0 0 45px;
    font-size: 17px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
}


/* USP features */

.usp-premium-features {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.usp-premium-feature {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 25px;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.usp-feature-number {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f5d78c;
}

.usp-premium-feature h4 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
}

.usp-premium-feature p {
    max-width: 600px;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.6);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .vm-premium-section {
        padding: 80px 20px;
    }

    .vm-premium-grid {
        grid-template-columns: 1fr;
    }

    .vm-premium-item {
        min-height: auto;
    }

    .usp-premium-section {
        padding: 90px 20px;
    }

    .usp-premium-container {
        grid-template-columns: 1fr;
    }

    .usp-premium-visual {
        min-height: 350px;
        margin-bottom: 40px;
    }

    .usp-premium-content {
        padding-left: 0;
    }
}


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

@media (max-width: 767px) {

    .vm-premium-section {
        padding: 65px 15px;
    }

    .vm-premium-heading {
        margin-bottom: 35px;
    }

    .vm-premium-heading h2 {
        font-size: 38px;
    }

    .vm-premium-item {
        display: block;
        padding: 35px 25px;
    }

    .vm-premium-icon {
        margin-bottom: 25px;
    }

    .vm-premium-content h3 {
        font-size: 27px;
    }

    .vm-premium-content p {
        font-size: 14px;
    }


    .usp-premium-section {
        padding: 70px 15px;
    }

    .usp-premium-visual {
        min-height: 300px;
    }

    .usp-premium-circle {
        width: 260px;
        height: 260px;
    }

    .usp-premium-icon {
        width: 120px;
        height: 120px;
    }

    .usp-premium-icon img {
        width: 80px;
        height: 80px;
    }

    .usp-premium-outline-text {
        font-size: 55px;
    }

    .usp-premium-content h2 {
        font-size: 45px;
    }

    .usp-premium-intro {
        font-size: 15px;
    }

    .usp-premium-feature {
        grid-template-columns: 40px 1fr;
        gap: 15px;
    }
}

/* =========================================================
   ARCX PREMIUM ARCHITECTURAL DESIGN
   Completely unique namespace
========================================================= */

.arcx-hero {
    position: relative;
    height: min(780px, 90vh);
    min-height: 600px;
    overflow: hidden;
    /* background: #111; */
    color: #fff;
}

.arcx-hero-bg,
.arcx-hero-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.arcx-hero-bg img {
    object-fit: cover;
    transform: scale(1.03);
    transition: transform 2s ease;
}

.arcx-hero:hover .arcx-hero-bg img {
    transform: scale(1);
}

.arcx-hero-overlay {
    position: absolute;
    inset: 0;
    /* background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.85) 0%,
            rgba(0,0,0,.55) 40%,
            rgba(0,0,0,.08) 100%
        ); */
}

.arcx-hero-content {
    position: absolute;
    z-index: 2;
    left: 9%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 720px;
}

.arcx-kicker {
    display: block;
    font-size: 10px;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #000;
}

.arcx-kicker.dark {
    color: #888;
}

.arcx-hero h1 {
    margin: 0;
    font-size: clamp(55px, 7vw, 110px);
    line-height: .88;
    letter-spacing: -5px;
    font-weight: 300;
}

.arcx-hero h1 em {
    display: block;
    font-weight: 300;
    font-style: italic;
    padding-left: 70px;
}

.arcx-hero-content p {
    max-width: 500px;
    margin: 40px 0;
    color: #000;
    font-size: 15px;
    line-height: 1.8;
}

.arcx-scroll-link {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 12px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.arcx-scroll-link i {
    font-size: 20px;
    font-style: normal;
    transition: transform .3s ease;
}

.arcx-scroll-link:hover i {
    transform: translateY(6px);
}

.arcx-hero-side {
    position: absolute;
    z-index: 3;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    letter-spacing: 2px;    color: #000;
}

.arcx-hero-side div {
    width: 1px;
    height: 100px;
    background: rgba(255,255,255,.4);
}


/* =========================================================
   COLLECTION
========================================================= */

.arcx-collection {
    padding: 70px 0;
    background: #f4f2ee;
}

.arcx-wrap {
    width: min(1380px, calc(100% - 80px));
    margin: auto;
}

.arcx-heading {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 100px;
    align-items: end;
    margin-bottom: 100px;
}

.arcx-heading h2 {
    margin: 0;
    font-size: clamp(50px, 6vw, 90px);
    line-height: .92;
    letter-spacing: -4px;
    font-weight: 300;
    color: #111;
}

.arcx-heading h2 em {
    font-style: italic;
}

.arcx-heading-right {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.arcx-heading-number {
    font-size: 12px;
    color: #999;
}

.arcx-heading-right p {
    margin: 0;
    color: #666;
    line-height: 1.9;
    font-size: 14px;
}


/* =========================================================
   CATEGORY
========================================================= */

.arcx-category {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 90px;
}

.arcx-category-btn {
    width: 100%;
    display: grid;
    grid-template-columns: 70px 1fr 40px;
    align-items: center;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 27px 0;
    background: transparent;
    cursor: pointer;
    transition: .4s ease;
}

.arcx-category-btn:last-child {
    border-bottom: 0;
}

.arcx-cat-no {
    font-size: 11px;
    color: #999;
}

.arcx-cat-name {
    font-size: 28px;
    font-weight: 300;
    color: #555;
    transition: .4s ease;
}

.arcx-cat-arrow {
    font-size: 22px;
    color: #aaa;
    transition: .4s ease;
}

.arcx-category-btn:hover .arcx-cat-name,
.arcx-category-btn.active .arcx-cat-name {
    color: #111;
    padding-left: 20px;
}

.arcx-category-btn:hover .arcx-cat-arrow,
.arcx-category-btn.active .arcx-cat-arrow {
    color: #111;
    transform: rotate(45deg);
}


/* =========================================================
   PANELS
========================================================= */

.arcx-panel {
    display: none;
}

.arcx-panel.active {
    display: block;
    animation: arcxPanelIn .7s ease;
}

@keyframes arcxPanelIn {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   DESCRIPTION
========================================================= */

.arcx-description {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    margin-bottom: 70px;
}

.arcx-description-label {
    font-size: 10px;
    letter-spacing: 2px;
    color: #888;
}

.arcx-description-label span {
    display: block;
    font-size: 34px;
    color: #111;
    margin-bottom: 15px;
}

.arcx-description-text h3 {
    margin: 0 0 25px;
    font-size: 40px;
    font-weight: 300;
    color: #111;
}

.arcx-description-text h3 em {
    font-style: italic;
}

.arcx-description-text p {
    max-width: 750px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.9;
    color: #666;
}

.arcx-description-meta {
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

.arcx-description-meta span {
    display: block;
    font-size: 9px;
    letter-spacing: 2px;
    color: #999;
    margin-bottom: 15px;
}

.arcx-description-meta strong {
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    color: #333;
}


/* =========================================================
   MASONRY GALLERY
========================================================= */

.arcx-masonry {
    /* display: grid;
    grid-template-columns: 1.15fr .85fr .85fr;
  
    gap: 15px; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    /* grid-auto-rows: 230px; */
}

.arcx-photo {
    position: relative;
    overflow: hidden;
    display: block;
    background: #ddd;
}

.arcx-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 1s cubic-bezier(.2,.7,.2,1),
        filter .6s ease;
    aspect-ratio: 3/3;
}

.arcx-photo:hover img {
    transform: scale(1.08);
    filter: brightness(.65);
}

.arcx-photo-main {
    /* grid-row: span 2; */
}

.arcx-photo-wide {
    grid-column: span 2;
}

.arcx-photo-info {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 2;
    color: #fff;
    opacity: 0;
    transform: translateY(15px);
    transition: .45s ease;
}

.arcx-photo:hover .arcx-photo-info {
    opacity: 1;
    transform: translateY(0);
}

.arcx-photo-info span {
    display: block;
    font-size: 10px;
    letter-spacing: 2px;
    margin-bottom: 7px;
    opacity: .7;
}

.arcx-photo-info strong {
    font-size: 14px;
    font-weight: 400;
}

.arcx-photo-icon {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 2;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    opacity: 0;
    transform: translateY(-10px);
    transition: .4s ease;
}

.arcx-photo:hover .arcx-photo-icon {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================================
   PRODUCTS DARK SECTION
========================================================= */

.arcx-products {
    padding: 130px 0;
    background: #111;
    color: #fff;
    overflow: hidden;
}

.arcx-products-wrap {
    /* width: min(1380px, calc(100% - 80px)); */
    margin: auto;
}

.arcx-products-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 65px;
}

.arcx-products h2 {
    margin: 0;
    font-size: clamp(50px, 6vw, 85px);
    line-height: .9;
    letter-spacing: -4px;
    font-weight: 300;
}

.arcx-products h2 em {
    font-style: italic;
}

.arcx-product-nav {
    display: flex;
    gap: 10px;
}

.arcx-product-nav button {
    width: 55px;
    height: 55px;
    border: 1px solid #555;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    transition: .3s ease;
}

.arcx-product-nav button:hover {
    background: #fff;
    color: #111;
    border-color: #fff;
}


/* =========================================================
   PRODUCT SLIDER
========================================================= */

.arcx-slider-window {
    width: 100%;
    overflow: hidden;
}

.arcx-slider-track {
    display: flex;
}

/* Swiper controls the width */
.arcx-product-card.swiper-slide {
    flex-shrink: 0;
    height: auto;
    box-sizing: border-box;
    color: #fff !important;
    text-decoration: none !important;
}


/* IMAGE */
.arcx-product-image {
    /* height: 550px; */
	aspect-ratio:5/5;
    position: relative;
    overflow: hidden;
    background: #222;
}

.arcx-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s cubic-bezier(.2,.7,.2,1);
}

.arcx-product-card:hover .arcx-product-image img {
    transform: scale(1.06);
}


/* NUMBER */
.arcx-product-number {
    position: absolute;
    left: 25px;
    top: 25px;
    font-size: 11px;
    letter-spacing: 2px;
    color: #fff;
}


/* OPEN BUTTON */
.arcx-product-open {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
    color: #111;

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

    font-size: 20px;

    opacity: 0;
    transform: translateY(15px);
    transition: .4s ease;
}

.arcx-product-card:hover .arcx-product-open {
    opacity: 1;
    transform: translateY(0);
}


/* CAPTION */
.arcx-product-caption {
    padding-top: 25px;
}

.arcx-product-caption span {
    display: block;
    font-size: 9px;
    letter-spacing: 2px;
    color: #777;
    margin-bottom: 10px;
}

.arcx-product-caption h3 {
    margin: 0;
    font-size: 27px;
    font-weight: 300;
    color: #fff;
}


/* TABLET */
@media (max-width: 991px) {

    .arcx-product-image {
        height: 450px;
    }

}


/* MOBILE */
@media (max-width: 575px) {

    .arcx-product-image {
        height: 420px;
    }

    .arcx-product-caption h3 {
        font-size: 23px;
    }

}
/* =========================================================
   TABLET
========================================================= */

@media(max-width: 991px) {

    .arcx-wrap,
    .arcx-products-wrap {
        width: calc(100% - 40px);
    }

    .arcx-heading {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .arcx-description {
        grid-template-columns: 70px 1fr;
    }

    .arcx-description-meta {
        grid-column: 2;
        border-left: 0;
        border-top: 1px solid #ccc;
        padding: 25px 0 0;
    }

    .arcx-masonry {
        grid-template-columns: 1fr 1fr;
    }

    .arcx-photo-main {
        grid-column: span 2;
        grid-row: span 1;
    }

    .arcx-photo-wide {
        grid-column: span 2;
    }

   
}


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

@media(max-width: 767px) {

    .arcx-hero {
        min-height: 620px;
        height: 80vh;
    }

    .arcx-hero-content {
        left: 25px;
        right: 25px;
    }

    .arcx-hero h1 {
        font-size: 54px;
        letter-spacing: -3px;
    }

    .arcx-hero h1 em {
        padding-left: 25px;
    }

    .arcx-hero-side {
        display: none;
    }

    .arcx-collection,
    .arcx-products {
        padding: 80px 0;
    }

    .arcx-heading h2 {
        font-size: 55px;
    }

    .arcx-category {
        margin-bottom: 60px;
    }

    .arcx-cat-name {
        font-size: 21px;
    }

    .arcx-description {
        display: block;
    }

    .arcx-description-label {
        margin-bottom: 30px;
    }

    .arcx-description-text h3 {
        font-size: 34px;
    }

    .arcx-description-meta {
        margin-top: 30px;
    }

    .arcx-masonry {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 300px;
    }

    .arcx-photo-main,
    .arcx-photo-wide {
        grid-column: auto;
        grid-row: auto;
    }

    .arcx-photo-info,
    .arcx-photo-icon {
        opacity: 1;
        transform: none;
    }

    .arcx-products-top {
        display: block;
    }

    .arcx-product-nav {
        margin-top: 30px;
    }

  

    .arcx-product-image {
        height: 450px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width: 480px) {

    .arcx-wrap,
    .arcx-products-wrap {
        width: calc(100% - 30px);
    }

    .arcx-hero h1 {
        font-size: 44px;
    }

    .arcx-heading h2 {
        font-size: 45px;
    }

    .arcx-products h2 {
        font-size: 48px;
    }

  

    .arcx-product-image {
        height: 380px;
    }

}

/* =========================================================
   PREMIUM SURFACE HERO
========================================================= */

.surface-hero {
    position: relative;
    width: 100%;
       padding: 80px 0;
    background: #f8f8f6;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}

.surface-hero-inner {
       /* width: min(1600px, 90%); */
    /* min-height: 780px; */
    /* margin: 0 auto; */
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
}


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

.surface-copy {
    position: relative;
    z-index: 5;
    padding: 0px 40px 0px 0;
}

.surface-eyebrow {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #111;
    margin-bottom: 38px;
    text-transform: uppercase;
}

.surface-title {
    margin: 0;
    color: #050505;

    font-size: clamp(70px, 6.3vw, 115px);
    font-weight: 300;
    line-height: .87;
    letter-spacing: -5px;
}

.surface-title span {
    display: block;

    margin-left: 85px;
    margin-top: 18px;

    font-size: .78em;
    font-style: italic;
    font-weight: 300;
    letter-spacing: -5px;
}

.surface-description {
    /* max-width: 510px; */

    margin: 52px 0 0;

    color: #161616;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.surface-explore {
    display: inline-flex;
    align-items: center;
    gap: 32px;

    margin-top: 50px;

    color: #111;
    text-decoration: none;

    font-size: 11px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;

    transition: .35s ease;
}

.surface-explore:hover {
    color: #777;
}

.surface-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 25px;
    font-weight: 300;

    transition: transform .35s ease;
}

.surface-explore:hover .surface-arrow {
    transform: translateY(7px);
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.surface-visual {
    /* height: 650px; */
    position: relative;

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

.surface-image-wrap {
    position: relative;

    width: 100%;
    max-width: 700px;
    /* height: 650px; */

    overflow: hidden;

    cursor: crosshair;

    background: #ddd;
}

.surface-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;
}


/* Slight image zoom on hover */
.surface-image-wrap:hover .surface-image {
    transform: scale(1.035);
}


/* =========================================================
   CIRCULAR MAGNIFIER
========================================================= */

.surface-magnifier {
    position: absolute;

    width: 170px;
    height: 170px;

    border-radius: 50%;

    pointer-events: none;

    opacity: 0;

    z-index: 10;

    transform: translate(-50%, -50%);

    border: 2px solid rgba(255,255,255,.95);

    box-shadow:
        0 15px 45px rgba(0,0,0,.25),
        inset 0 0 0 1px rgba(0,0,0,.15);

    background-repeat: no-repeat;

    transition:
        opacity .25s ease,
        width .25s ease,
        height .25s ease;
}

.surface-image-wrap:hover .surface-magnifier {
    opacity: 1;
}


/* =========================================================
   IMAGE NUMBER
========================================================= */

.surface-image-index {
    position: absolute;

    right: 25px;
    bottom: 22px;

    z-index: 8;

    color: #fff;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 3px;

    mix-blend-mode: difference;
}


/* =========================================================
   SIDE DETAILS
========================================================= */

.surface-side-number {
    position: absolute;

    top: 310px;
    right: 65px;

    z-index: 20;

    color: #111;

    font-size: 11px;
    letter-spacing: 3px;
}

.surface-side-label {
    position: absolute;

    right: 55px;
    bottom: 180px;

    z-index: 20;

    color: #111;

    font-size: 10px;
    letter-spacing: 4px;

    writing-mode: vertical-rl;
    transform: rotate(180deg);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .surface-hero-inner {
        grid-template-columns: 45% 55%;
    }

    .surface-title {
        font-size: 75px;
    }

    .surface-title span {
        margin-left: 45px;
    }

    .surface-visual,
    .surface-image-wrap {
        height: 580px;
    }

    .surface-side-number,
    .surface-side-label {
        display: none;
    }
}


@media (max-width: 991px) {

    .surface-hero {
        min-height: auto;    padding: 10px 0;
    }
.container {
  /*width: 90%;
  max-width: 1200px;*/
  width: 100%;
  max-width:100%;
  margin: 0 auto;
}

    .surface-hero-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .surface-copy {
        padding: 80px 0 50px;
    }

    .surface-title {
        font-size: clamp(65px, 12vw, 100px);
    }

    .surface-visual {
        width: 100%;
        height: 550px;
    }

    .surface-image-wrap {
        width: 100%;
        max-width: none;
        height: 550px;
    }
}


@media (max-width: 575px) {

    .surface-copy {
        padding: 60px 0 40px;
    }

    .surface-eyebrow {
        font-size: 9px;
        letter-spacing: 3px;
        margin-bottom: 28px;
    }

    .surface-title {
        font-size: 58px;
        letter-spacing: -3px;
    }

    .surface-title span {
        margin-left: 20px;
        letter-spacing: -3px;
    }

    .surface-description {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 35px;
    }

    .surface-explore {
        margin-top: 35px;
    }

    .surface-visual,
    .surface-image-wrap {
        height: 420px;
    }

    .surface-magnifier {
        display: none;
    }
}

/* =====================================================
   PREMIUM VISION / MISSION / USP
===================================================== */

.vm-luxury-section {
    position: relative;

    padding: 150px 0;

    background: #111;

    color: #fff;

    overflow: hidden;
}


.vm-luxury-container {
    width: min(1400px, 90%);

    margin: 0 auto;
}


/* =====================================================
   INTRO
===================================================== */

.vm-luxury-intro {
    display: grid;

    grid-template-columns: 25% 75%;

    padding-bottom: 90px;
}


.vm-luxury-label {
    display: flex;

    align-items: center;

    gap: 12px;

    padding-top: 15px;

    font-size: 11px;

    font-weight: 500;

    letter-spacing: 2.5px;

    color: rgba(255,255,255,.55);
}


.vm-luxury-label span {
    width: 35px;

    height: 1px;

    background: rgba(255,255,255,.5);
}


.vm-luxury-intro-content {
    max-width: 850px;
}


.vm-luxury-intro h2 {
    margin: 0 0 28px;

    font-size: clamp(48px, 6vw, 92px);

    line-height: .95;

    font-weight: 400;

    letter-spacing: -4px;color: #fff;
}


.vm-luxury-intro h2 em {
    display: block;

    font-family: Georgia, serif;

    font-weight: 400;

    color: #b8a58b;
}


.vm-luxury-intro p {
    max-width: 580px;

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color: rgba(255,255,255,.58);
}


/* =====================================================
   VISION / MISSION LIST
===================================================== */

.vm-luxury-list {
    border-top: 1px solid rgba(255,255,255,.15);
}


/* =====================================================
   ITEM
===================================================== */

.vm-luxury-item {
    position: relative;

    display: grid;

    grid-template-columns: 90px 1px 100px 1fr 60px;

    column-gap: 35px;

    padding: 65px 0;

    border-bottom: 1px solid rgba(255,255,255,.15);

    transition: all .5s ease;
}


/* =====================================================
   NUMBER
===================================================== */

.vm-luxury-number {
    font-size: 13px;

    letter-spacing: 2px;

    color: rgba(255,255,255,.4);

    padding-top: 5px;
}


/* =====================================================
   VERTICAL LINE
===================================================== */

.vm-luxury-line {
    width: 1px;

    height: 100%;

    background: rgba(255,255,255,.15);

    transition: background .5s ease;
}


/* =====================================================
   ICON
===================================================== */

.vm-luxury-icon {
    width: 70px;

    height: 70px;

    border: 1px solid rgba(255,255,255,.18);

    display: flex;

    align-items: center;

    justify-content: center;

    transition:
        background .5s ease,
        border-color .5s ease,
        transform .5s ease;
}


.vm-luxury-icon img {
    width: 35px;

    height: 35px;

    filter: brightness(0) invert(1);

    opacity: .75;

    transition: opacity .5s ease;
}


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

.vm-luxury-content {
    max-width: 720px;
}


.vm-luxury-small {
    display: block;

    margin-bottom: 18px;

    font-size: 10px;

    letter-spacing: 3px;

    color: #b8a58b;
}


.vm-luxury-content h3 {
    margin: 0 0 28px;

    font-size: clamp(30px, 3vw, 48px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -1.5px;color: #fff;
}


.vm-luxury-content h3 em {
    font-family: Georgia, serif;

    color: #b8a58b;

    font-weight: 400;
}


.vm-luxury-content p {
    max-width: 680px;

    margin: 0 0 15px;

    font-size: 15px;

    line-height: 1.85;

    color: rgba(255,255,255,.56);
}


.vm-luxury-content p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   ARROW
===================================================== */

.vm-luxury-arrow {
    width: 50px;

    height: 50px;

    border: 1px solid rgba(255,255,255,.2);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    color: rgba(255,255,255,.65);

    transition:
        background .5s ease,
        color .5s ease,
        transform .5s ease;
}


/* =====================================================
   VISION / MISSION HOVER
===================================================== */

.vm-luxury-item:hover {
    padding-left: 20px;
}


.vm-luxury-item:hover .vm-luxury-line {
    background: #b8a58b;
}


.vm-luxury-item:hover .vm-luxury-icon {
    background: #b8a58b;

    border-color: #b8a58b;

    transform: rotate(-5deg);
}


.vm-luxury-item:hover .vm-luxury-icon img {
    opacity: 1;
}


.vm-luxury-item:hover .vm-luxury-arrow {
    background: #b8a58b;

    color: #111;

    border-color: #b8a58b;

    transform: rotate(45deg);
}


/* =====================================================
   USP
===================================================== */

.vm-luxury-usp {
    position: relative;

    /* margin-top: 100px; */

    padding: 70px 0 0;

    /* border-top: 1px solid rgba(255,255,255,.15); */
}


/* =====================================================
   USP TOP
===================================================== */

.vm-luxury-usp-top {
    display: flex;

    align-items: center;

    justify-content: space-between;
}


.vm-luxury-usp-number {
    font-size: 12px;

    letter-spacing: 2px;

    color: rgba(255,255,255,.4);
}


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

.vm-luxury-usp-content {
    display: grid;

    grid-template-columns: 45% 55%;

    gap: 60px;

    padding: 70px 0;
}


.vm-luxury-usp-title span {
    display: block;

    margin-bottom: 22px;

    font-size: 10px;

    letter-spacing: 3px;

    color: #b8a58b;color: #fff;
}


.vm-luxury-usp-title h3 {
    margin: 0;

    font-size: clamp(45px, 5vw, 78px);

    line-height: .98;

    font-weight: 400;

    letter-spacing: -3px;
}


.vm-luxury-usp-title h3 em {
    font-family: Georgia, serif;

    color: #b8a58b;

    font-weight: 400;
}


/* =====================================================
   USP TEXT
===================================================== */

.vm-luxury-usp-text {
    max-width: 680px;
}


.vm-luxury-usp-text p {
    margin: 0 0 22px;

    font-size: 15px;

    line-height: 1.9;

    color: rgba(255,255,255,.58);
}


.vm-luxury-usp-text p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   USP KEYWORDS
===================================================== */

.vm-luxury-usp-bottom {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid rgba(255,255,255,.15);
}


.vm-luxury-usp-bottom span {
    padding: 22px 15px;

    font-size: 10px;

    letter-spacing: 2px;

    color: rgba(255,255,255,.5);

    text-align: center;

    border-right: 1px solid rgba(255,255,255,.15);

    transition: all .4s ease;
}


.vm-luxury-usp-bottom span:last-child {
    border-right: 0;
}


.vm-luxury-usp-bottom span:hover {
    color: #b8a58b;

    background: rgba(184,165,139,.05);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .vm-luxury-section {
        padding: 100px 0;
    }


    .vm-luxury-intro {
        grid-template-columns: 1fr;

        gap: 30px;

        padding-bottom: 60px;
    }


    .vm-luxury-item {
        grid-template-columns: 60px 1px 70px 1fr;

        column-gap: 25px;
    }


    .vm-luxury-arrow {
        display: none;
    }


    .vm-luxury-icon {
        width: 60px;

        height: 60px;
    }


    .vm-luxury-usp-content {
        grid-template-columns: 1fr;

        gap: 45px;
    }

}


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

@media (max-width: 767px) {

    .vm-luxury-section {
        padding: 80px 0;
    }


    .vm-luxury-container {
        width: 88%;
    }


    .vm-luxury-intro h2 {
        font-size: 48px;

        letter-spacing: -2px;
    }


    .vm-luxury-item {

        grid-template-columns: 45px 1fr;

        column-gap: 20px;

        padding: 45px 0;
    }


    .vm-luxury-number {
        grid-column: 1;

        grid-row: 1;

        padding-top: 0;
    }


    .vm-luxury-line {
        display: none;
    }


    .vm-luxury-icon {
        grid-column: 2;

        grid-row: 1;

        margin-bottom: 30px;
    }


    .vm-luxury-content {
        grid-column: 1 / -1;

        padding-top: 25px;
    }


    .vm-luxury-content h3 {
        font-size: 34px;
    }


    .vm-luxury-content p {
        font-size: 14px;
    }


    .vm-luxury-item:hover {
        padding-left: 0;
    }


    .vm-luxury-usp {
        margin-top: 60px;

        padding-top: 45px;
    }


    .vm-luxury-usp-content {
        padding: 50px 0;

        gap: 35px;
    }


    .vm-luxury-usp-title h3 {
        font-size: 48px;

        letter-spacing: -2px;
    }


    .vm-luxury-usp-text p {
        font-size: 14px;
    }


    .vm-luxury-usp-bottom {
        grid-template-columns: 1fr 1fr;
    }


    .vm-luxury-usp-bottom span {
        border-bottom: 1px solid rgba(255,255,255,.15);
    }


    .vm-luxury-usp-bottom span:nth-child(2) {
        border-right: 0;
    }

}
.arcx-slider-window {
    width: 100%;
    overflow: hidden;
}

.arcx-slider-track {
    display: flex;
}

.arcx-product-card.swiper-slide {
    height: auto;
    flex-shrink: 0;
    box-sizing: border-box;
}
/* PRODUCTS PARENT */
.products-parent {
    display: flex;
    align-items: center;
}

/* Product link */
.products-parent > a {
    display: block;
}

/* Product arrow */
.products-parent > .dropdown-btn {
    cursor: pointer;
    margin-left: 8px;
}


/* DESKTOP */
@media (min-width: 768px) {

    .navigation > li.dropdown:hover > ul {
        display: block;
    }

    .navigation > li.dropdown > ul > li.dropdown {
        position: relative;
    }

    .navigation > li.dropdown > ul > li.dropdown:hover > ul {
        display: block;
    }

}/* =========================================
   CORPORATE CLIENTS
========================================= */

.corporate-clients {
    padding: 100px 0;
    background: #f7f7f5;
    overflow: hidden;
}


/* =========================================
   HEADING
========================================= */

.corporate-clients-head {
    max-width: 700px;
    margin: 0 auto 60px;
    text-align: center;
}

.corporate-clients-head span {
    display: block;
    margin-bottom: 12px;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;

    color: #777;
}

.corporate-clients-head h2 {
    margin: 0 0 15px;

    font-size: 44px;
    line-height: 1.2;

    font-weight: 400;

    color: #111;
}

.corporate-clients-head h2 strong {
    font-weight: 700;
}

.corporate-clients-head p {
    max-width: 600px;
    margin: 0 auto;

    font-size: 15px;
    line-height: 1.8;

    color: #777;
}


/* =========================================
   MASONRY
========================================= */
.corporate-masonry {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Last 3 items */
.corporate-masonry1 .corporate-item:nth-last-child(3) {
    grid-column: 2;
}

.corporate-masonry1 .corporate-item:nth-last-child(2) {
    grid-column: 3;
}

.corporate-masonry1 .corporate-item:nth-last-child(1) {
    grid-column: 4;
}
.corporate-masonry2 .corporate-item:last-child {
    grid-column: 3;
}

/* Last 2 - centered */

/* =========================================
   SAME SIZE
========================================= */

.corporate-item {
    position: relative;

    /* height: 155px; */

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

    padding: 15px;

    background: #fff;

    overflow: hidden;    border-top: 2px solid #f7ba47;

    /* SAME SHAPE FOR EVERY ITEM */
    /* clip-path: polygon(
        12% 0%,
        88% 0%,
        100% 50%,
        88% 100%,
        12% 100%,
        0% 50%
    ); */

    transition:
        transform .4s ease,
        filter .4s ease;
}


/* =========================================
   INNER BORDER EFFECT
========================================= */

.corporate-item::before {
    content: "";

    position: absolute;

    inset: 1px;

    background: #fff;

    /* clip-path: polygon(
        12% 0%,
        88% 0%,
        100% 50%,
        88% 100%,
        12% 100%,
        0% 50%
    ); */

    z-index: 0;
}


/* =========================================
   LOGO
========================================= */

.corporate-item img {
    position: relative;
    z-index: 2;

    display: block;

    width: auto;
    height: auto;

    /* max-width: 72%;
    max-height: 65px; */

    object-fit: contain;

    /* filter: grayscale(100%);

    opacity: .70; */

    transition:
        transform .4s ease,
        filter .4s ease,
        opacity .4s ease;
}


/* =========================================
   HOVER
========================================= */

.corporate-item:hover {
    transform: translateY(-7px);
    filter: drop-shadow(0 15px 20px rgba(0,0,0,.10));
}

.corporate-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.08);
}


/* =========================================
   STAGGERED MASONRY
========================================= */

/* Every second row shifted slightly */




/* =========================================
   HOVER OVERRIDE
========================================= */

.corporate-item:nth-child(7n + 1):hover,
.corporate-item:nth-child(7n + 2):hover,
.corporate-item:nth-child(7n + 3):hover,
.corporate-item:nth-child(7n + 4):hover,
.corporate-item:nth-child(7n + 5):hover,
.corporate-item:nth-child(7n + 6):hover {
    transform: translateY(-8px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .corporate-clients {
        padding: 80px 0;
    }

    .corporate-masonry {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .corporate-item {
        height: 145px;
    }

    .corporate-clients-head h2 {
        font-size: 38px;
    }

}


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

@media (max-width: 767px) {

    .corporate-clients {
        padding: 65px 0;
    }

    .corporate-clients-head {
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .corporate-clients-head h2 {
        font-size: 30px;
    }

    .corporate-clients-head p {
        font-size: 14px;
    }

    .corporate-masonry {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .corporate-item {
        height: 120px;
        padding: 15px;
    }

    .corporate-item img {
        max-width: 75%;
        max-height: 45px;
    }

    /* Reset stagger on small screens */

    .corporate-item:nth-child(7n + 1),
    .corporate-item:nth-child(7n + 2),
    .corporate-item:nth-child(7n + 3),
    .corporate-item:nth-child(7n + 4),
    .corporate-item:nth-child(7n + 5),
    .corporate-item:nth-child(7n + 6) {
        transform: none;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .corporate-masonry {
        gap: 10px;
    }

    .corporate-item {
        height: 105px;
        padding: 10px;
    }

    .corporate-item img {
        max-height: 38px;
    }

}
.main-header {
    /* position: relative; */
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

.is-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    animation: headerSlideDown 0.3s ease;
}

@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.footer_nav21 li i {
  
    color: #fbb835;
}

.footer_nav21 li {
  
    color: #000;
    
}
.footer_nav21 {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    gap: 12px;
	align-items: center;
}

.footer_nav21 li {
    display: block;
    margin: 0 0 15px;
       color: #000;
    font-size: 16px;
    padding: 0 0 0 48px;
    position: relative;
    line-height: 25px;
}

.footer_nav21 li i {
       position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    background: #f5c400;
    border-radius: 9px;
    color: #000;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter-one_counter-count h3{
	font-size: 20px;
	margin-top: 30px;
}