/* Nordic HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Services Section
8. Projects Section
9. Testimonial Section
10. Clients Section
11. Pricing Section
12. Blog Section
13. Main Footer
14. Page Title Section
15. Team Section
16. Project Detail Section
17. Our Blogs
18. Blogs Widgets
19. Map Section
20. Contact Form Section

**********************************************/

/*
	
	font-family: 'Heebo', sans-serif;
	font-family: 'Inter', sans-serif;
	
*/

@import url('animate.css');
@import url('owl.css');
@import url('elegenticon.css');
@import url('linearicons.css');
@import url('ionicons.css');
@import url('jquery-ui.css');
@import url('animation.css');
@import url('icofont.min.css');
@import url('themify-icons.css');
@import url('simple-line-icons.css');
@import url('fontawesome.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap');

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/* @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} */


@font-face {
  font-family: "icofont";
  src: url("../fonts/icofont.eot");
  src: url("../fonts/icofont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/icofont.woff") format("woff"),
       url("../fonts/icofont.ttf") format("truetype"),
       url("../fonts/icofont.svg#icofont") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "simple-line-icons";
  src: url("../fonts/simple-Line-Icons.eot");
  src: url("../fonts/simple-Line-Icons.eot?#iefix") format("embedded-opentype"),
       url("../fonts/simple-Line-Icons.woff") format("woff"),
       url("../fonts/simple-Line-Icons.ttf") format("truetype"),
       url("../fonts/simple-Line-Icons.svg#simple-Line-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
	font-family: 'themify';
	src:url('../fonts/themify.eot?-fvbane');
	src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify.woff?-fvbane') format('woff'),
		url('../fonts/themify.ttf?-fvbane') format('truetype'),
		url('../fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "SignericaMedium";
  src: url("../fonts/SignericaMedium.eot");
  src: url("../fonts/SignericaMedium.eot?#iefix") format("embedded-opentype"),
       url("../fonts/SignericaMedium.woff") format("woff"),
       url("../fonts/SignericaMedium.ttf") format("truetype"),
       url("../fonts/SignericaMedium.svg#SignericaMedium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SignericaMedium";
  src: url("../fonts/SignericaMedium.eot");
  src: url("../fonts/SignericaMedium.eot?#iefix") format("embedded-opentype"),
       url("../fonts/SignericaMedium.woff") format("woff"),
       url("../fonts/SignericaMedium.ttf") format("truetype"),
       url("../fonts/SignericaMedium.svg#SignericaMedium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "ionicons.eot";
  src: url("../fonts/ionicons.eot");
  src: url("../fonts/ionicons.eot?#iefix") format("embedded-opentype"),
       url("../fonts/ionicons.woff") format("woff"),
       url("../fonts/ionicons.ttf") format("truetype"),
       url("../fonts/ionicons.svg#ionicons") format("svg");
  font-weight: 400;
  font-style: normal;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Inter', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#D2AB67;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: "Montserrat", sans-serif;
}

.pull-left{
	float:left;
}

.pull-right{
	float:right;
}

/* Typography */

h1{
	font-size:100px;
}

h2{
	font-size:42px;
}

h3{
	font-size:36px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

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

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #000000;
	padding:15px 40px;
	font-weight: 400;
	overflow: hidden;
	border-radius:0px;
	background-color: #D2AB67;
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
}

.btn-style-one:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #10492e;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-one i{
	position:relative;
	top:1px;
	margin-left:4px;
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
	color: #ffffff;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #000000;
	padding: 11px 32px;
	font-weight: 400;
	overflow: hidden;
	border-radius:0px;
	background-color: #ffffff;
	text-transform: uppercase;
	border:1px solid #969696;
}

.btn-style-two:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #D2AB67;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-two i{
	position:relative;
	top:1px;
	margin-left:4px;
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
	color: #000000;
	border-color:#D2AB67;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #D2AB67;
	padding: 10px 60px;
	font-weight: 700;
	overflow: hidden;
	border-radius:50px;
	background: none;
	border:1px solid #D2AB67;
	text-transform: capitalize;
}

.btn-style-three:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #D2AB67;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
	color: #ffffff;
}

/* Social Icon One */

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

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

.social-icon-one li a{
	position: relative;
	width:32px;
	height:32px;
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #cccccc;
	text-align:center;
	border-radius:2px;
	background-color:#333333;
	-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: #333333;
	background-color:#feec42;
}

.theme_color{
	color:#D2AB67;
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:85px;
	right:15px;
	width: 50px;
    height: 50px;
    border-radius: 50%;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#10492e;
	display: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;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#D2AB67;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:20px;color: #104A2E;
;
}

.sec-title .title{
	position:relative;
	color:#104a2e;
	font-size:18px;
	line-height:1.8em;
	letter-spacing:1px;
	margin-bottom:25px;
	text-transform:uppercase;
}

.sec-title h1{
	position:relative;
	color:#104a2e;
	font-weight:400;
	line-height:1.2em;
	font-size: 28px;
	text-align: left;
}

.sec-title .text{
	position:relative;
	color:#666666;
	font-size:18px;
	line-height:1.8em;
	margin-top:20px;
}

.sec-title.centered{
	text-align: center !important;
}

.sec-title.light .title{
	color:#D2AB67;
	background-color:#ffffff;
}

.sec-title.light h2{
	color:#ffffff;
}

/* List Style One */

.list-style-one{
	position:relative;
	z-index:1;
}

.list-style-one li{
	position:relative;
	color:#666666;
	font-size:16px;
	font-weight:400;
	margin-bottom:6px;
	padding-left:30px;
	line-height:1.8em;
}

.list-style-one li:before{
	position:absolute;
	left:0px;
	top:10px;
	width:7px;
	height:7px;
	content:'';
	display:block;
	font-weight:400;
	border-radius:50px;
	background-color:#666666;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:absolute;
	z-index:999;
	width:100%;
	-ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

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

.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 .header-upper{
	position:relative;
	z-index:1;
	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-header .header-upper .inner-container{
	position:relative;
}

.main-header .header-upper .outer-box .nav-toggler{
	position:relative;
	font-size:28px;
	color:#ff9600;
	cursor:pointer;
	display:inline-block;
}

.main-header.fixed-header .header-upper .outer-box{
	
}

.main-header.fixed-header .header-upper .logo-box .logo{
	
}

.main-header.fixed-header .main-menu .navigation > li > a{
	
}

.main-header.fixed-header .main-menu .navigation > li.current > a,
.main-header.fixed-header .main-menu .navigation > li:hover > a{
	color:#D2AB67;
}

/* Search Box Outer */

.main-header .header-upper .search-box-outer{
	position:relative;
	float:left;
}

.main-header .header-upper .language-list{
	position:relative;
	padding:58px 0px;
	float:left;
	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 .header-upper .language-list li{
	position:relative;
	margin-right:25px;
	display:inline-block;
}

.main-header .header-upper .language-list li a{
	position:relative;
	color:#ffffff;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	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-header .header-upper .language-list li:last-child{
	margin-right:0px;
}

.main-header .header-upper .language-list li a:hover{
	color:#ffffff;
}

.main-header.fixed-header .header-upper .language-list{
	padding:33px 0px;
}

.main-header.header-style-two .header-upper .language-list li a:hover{
	color:#cccccc;
}

.header-style-two.alternate{
	position:relative;
}

.main-header.header-style-two.fixed-header .header-upper{
	background-color:#ffffff;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-header.header-style-two .header-upper .outer-box .mobile-nav-toggler,
.header-style-two .header-upper .language-list li a,
.header-style-two .main-menu .navigation > li > a{
	color:#000000;
}

.header-style-two .main-menu .navigation > li:before{
	background-color:#000000;
}

/* Sticky Header */

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#10492e;
	z-index: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;
}

.sticky-header .logo{
	padding:8px 0px 8px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-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;	
}

.sticky-header .main-menu .navigation > li > a{
	padding:23px 0px  !important;
	color:#ffffff !important;
}

.sticky-header .main-menu .navigation > li > a:after{
	display:none;
}

.fixed-header .header-upper .logo-box .logo img{
	width:70%

}
.fixed-header .main-menu .navigation > li > a { color: #10492e;}
.main-header .nav-outer{
	position:static;
	padding-left:100px;
	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 .header-upper .logo-box{
	position:relative;
	z-index:10;
	padding:1px 0px;
	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 .header-upper .logo-box .logo{
	position:relative;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	 padding-top: 15px;
}

.main-header .header-upper .outer-box{
	position:absolute;
	right:0px;
	margin-left:0px;
	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-menu{
	position:relative;
	float:left;
	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-menu .navbar-collapse{
	padding:0px;
	display:block;
}

.main-menu .navigation{
	position:static;
	margin:0px;
	width:100%;
	padding-top: 17px;
}

.main-menu .navigation > li{
	position:relative;
	float:none;
	display:inline-block;
	margin-right:40px;
	text-align:left;
	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-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:35px;
	right:0px;
	height:1px;
	opacity:0;
	background-color:#ffffff;
	transform:scale(0.2,1);
	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-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::before{
	transform:scale(1,1);
	opacity:1;
	background-color:#0e482d;
}

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

.main-header .header-upper .upper-right{
	position:relative;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#104b2f;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:0px;
	opacity:1;
	font-weight:600;
	padding:40px 0px;
	font-size:16px;
	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-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color:#d2ab66;
}

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

.main-menu .navigation > li > ul{
	position:absolute;
	left:-30px;
	top:100%;
	width:275px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding:20px 15px;
	border-radius:10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

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

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:6px 18px;
	line-height:24px;
	font-weight:500;
	font-size:15px;
	text-transform:capitalize;
	color:#10492e;
	padding-left:10px;
	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-menu .navigation > li > ul > li > a:before{
	position: absolute;
    top: -6px;
    left: 8px;
    color: transparent;
    content: '.';
    text-shadow: 0 0 transparent;
    font-size: 2em;
    line-height: 1em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    pointer-events: none;
    animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation > li > ul > li:hover > a::before{
	opacity:1;
	color:#000000;
	text-shadow: 8px 0 #cccccc, -8px 0 #cccccc;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#10492e;
	padding-left:30px;
}

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

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#10492e;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:248px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding:20px 15px;
	border-radius:10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

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

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position: relative;
    display: block;
    padding: 6px 18px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #10492e;
    padding-left: 10px;
    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-menu .navigation > li > ul > li > ul > li > a:before{
	position: absolute;
    top: -6px;
    left: 8px;
    color: transparent;
    content: '.';
    text-shadow: 0 0 transparent;
    font-size: 2em;
    line-height: 1em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    pointer-events: none;
    animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a::before{
	opacity:1;
	color:#000000;
	text-shadow: 8px 0 #D2AB67, -8px 0 #D2AB67;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#D2AB67;
	padding-left:30px;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	left:0px;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	left:107%;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

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

.main-header .header-upper .outer-box .social-icon-one{
	position: relative;
	float:left;
}

.main-header.fixed-header .header-upper{
	position:fixed;
	left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
	padding-top:0px;
    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: rgb(255 255 255 / 80%);
}

.main-header.fixed-header .header-upper .logo-box{
	padding:10px 0px;
}

.main-header.fixed-header .main-menu .navigation > li > a{
	padding:30px 0px;
}
.fixed-header .header-upper .outer-box .mobile-nav-toggler { 
    color: #10492e !important;
}
.main-header .header-upper .outer-box .sidebar-btn{
	position:relative;
	width:52px;
	height:52px;
	float:left;
	color:#ffffff;
	font-size:18px;
	margin-left:14px;
	cursor:pointer;
	line-height:52px;
	text-align:center;
	border-radius:50px;
	background-color:#05db56;
}

.main-menu .navigation > li > ul > li > ul > li > ul{
	position: absolute;
    left: 100%;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #1e1e1e;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li{
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li > a{
	position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,0.50);
    letter-spacing: 1px;
    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;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    border-top: 0px !important;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li > a:hover{
	background-color:#D2AB67;
	color:#ffffff;
}

.main-header .header-upper .outer-box .menu-toggler{
	position:relative;
	float:right;
	cursor:pointer;
	color:#ffffff;
	font-size:28px;
	margin-left:30px;
	padding-left:30px;
}

.main-header .header-upper .outer-box .menu-toggler:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 5px;
    width: 1px;
    height: 20px;
    border-left: 1px solid rgba(255,255,255,0.30);
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#10492e;
	display: none;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/* Mobile Nav Toggler */

.main-header .header-upper .outer-box .mobile-nav-toggler{
	position: relative;
	float: left;
	font-size: 14px;
	cursor: pointer;
	color:#104b2f;
	line-height:1em;
	font-weight:600;
	padding:55px 0px;
	margin-left:150px;
	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;
}

.main-header .header-upper .outer-box .mobile-nav-toggler .icon{
	position:relative;
	margin-left:20px;
	font-size:40px;
	line-height:1em;
}

.main-header.fixed-header .header-upper .outer-box .mobile-nav-toggler{
	padding:33px 0px 33px;
}

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

.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{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:  #10492e;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

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

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 10px;
	top: 34px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 24px;
	color: #000000;
	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);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.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{
	position: relative;
	display: block;
	border-bottom: 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 > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 14px 20px;
	font-size: 15px;
	color: #404040;
	font-weight:600;
	text-transform: uppercase;
	-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;
}

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

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:50px;
	text-align:center;
	font-size:16px;
	line-height:52px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span{
	position:absolute;
	right:0px;
	top:3px;
	height:44px;
	width:50px;
	line-height:44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

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

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

.sticky-header .mobile-nav-toggler{
	display:none;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:18px;
	font-style:normal;
	height:46px;
	padding:10px 0px 10px 0px;
	line-height:26px;
	color:#999999;
	border: none;
	border-radius:0px;
	background:#ffffff;
	border-bottom:1px solid #cccccc;
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:2px;
	text-indent:0px;
	color:#333333;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#000000;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
	font-weight:800;
}

.ui-menu .ui-menu-item{
	font-size:14px;
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background:#0152e9;
	border-color:#0152e9;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:#0152e9;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position:relative;
}

.banner-section .mouse-btn-down{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:20px;
	width:30px;
	height:68px;
	cursor:pointer;
	display:block;
	z-index:1;
	cursor:pointer;
}

/* Chevron */

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #d2ab67;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.banner-section .slide{
	position:relative;
	overflow:hidden;
}

.banner-section .slide-year{
	position:absolute;
	left:50px;
	color:#ffffff;
	font-size:14px;
	line-height:1em;
	text-transform:uppercase;
}

.banner-section .social-box{
	position:absolute;
	left:50px;
	bottom:110px;
	z-index:1;
}

.banner-section .social-box li{
	position:relative;
	margin-top:22px;
}

.banner-section .social-box li a{
	position:relative;
	color:#ffffff;
	font-size:18px;
	line-height:1em;
	-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;
}

.banner-section .social-box li a:hover{
	color:#D2AB67;
}

.banner-section .info{
	position:absolute;
	right:60px;
	bottom:90px;
	z-index:1;
	color:#ffffff;
}

.banner-section .info a{
	position:relative;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	-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;
}

.banner-section .info a:hover{
	color:#D2AB67;
}

.banner-section .content-boxed{
	position:relative;
}

.banner-section .content-boxed .inner-boxed{
	position:relative;
}

.banner-section .content-boxed .slide-number{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:400;
	line-height:1em;
	padding-top:25px;
	margin-bottom:220px;
	display:inline-block;
	border-top:5px solid #D2AB67;
	font-family: 'Inter', sans-serif;
}

.banner-section .content-boxed .title{
	position:relative;
	color:#ffffff;
	font-weight:400;
	line-height:1.7em;
	opacity: 0;
	font-size:18px;
	letter-spacing:2px;
	transform: scaleY(0);
	letter-spacing:5px;
	transform-origin: top;
	text-transform:uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-boxed h2{
	position:relative;
	color:#10492e;
	font-weight:400;
	line-height:1em;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
	opacity: 0;
	margin-top:40px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-size: 35px;
	display: inline-block;   /* background wraps only the text */
    padding: 8px 16px;       /* little space around text */
    background: #D2AB67a1; /* semi-transparent black */
    color: #fff;             /* make sure text is white */
    border-radius: 6px;      /* optional: rounded edges */
    text-shadow: 0px 2px 6px rgba(0,0,0,0.7);
}

.banner-section .active .content-boxed h2{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section .owl-dots{
	position:absolute;
	right:80px;
	top:300px;
}

.banner-section .owl-dots .owl-dot{
	position:relative;
	width:14px;
	height:14px;
	margin-bottom:25px;
	border-radius:50px;
	background-color:rgb(59 30 19);
	-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;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover{
	background-color:#ffffff;
}

.banner-section .owl-nav{
	display:none;
}

.banner-section {
    position: relative;
    overflow: hidden;
}

/* Slide wrapper */
.slide {
    width: 100%;
}

/* Responsive image */
.banner-img {
    width: 100%;
   height: auto;
    display: block;
}

/* Tablet */
@media (max-width: 992px) {
    .banner-img {
        height: 55vh;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .banner-img {
        height: 40vh;
    }
}


/*** 

====================================================================
	About Section
====================================================================

***/

.about-section{
	position:relative;
	padding:75px 0px 60px;
}

.about-section .section-year-title{
	position:absolute;
	left:50px;
	top:170px;
	color:#999999;
	font-size:14px;
	text-transform:uppercase;
	transform:rotate(-90deg);
}

.about-section .image-column{
	position:relative;
}

.about-section .image-column .inner-column{
	position:relative;
}

.about-section .image-column .image{
	position:relative;
	display:inline-block;
}
.about-section .image-column .image img{ border-radius: 8px;}
.about-section .image-column .inner-column .pattern-layer{
	position:absolute;
	right:70px;
	top:75px;
	width:336px;
	height:336px;
}

.about-section .content-column{
	position:relative;
}

.about-section .content-column .sec-title{
	margin-bottom:30px;
}

.about-section .content-column .inner-column{
	position:relative;
	padding-left:30px;
	text-align: justify;
}

.about-section .content-column .bold-text{
	position:relative;
	color:#666666;
	font-size:24px;
	line-height:1.4em;
	margin-bottom:50px;
}

.about-section .content-column p{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;

}
.about-section1 {
	padding-bottom: 60px; 
}
.about-section .heading3 {
	font-size: 18px;
    color: #104a2e;
    font-weight: 100;
	text-align: left;
    margin-top: 20px;
	margin-bottom: 10px;
    border-bottom: 1px solid #D2AB67;
}
.about-section1 h2 {
	font-size: 24px;
    color: #D2AB67;
    font-weight: 600;
    margin-bottom: 20px;
	margin-top: 20px;
    border-bottom: 1px solid #D2AB67;
}

.about-section1 h3 {
	font-size: 20px;
    color: #10492e;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #D2AB67;
}

.headingL3{
	font-size: 26px;
    color: #10492e;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #D2AB67;
}
.about-section2{ padding: 60px 0;}
.table {
  border-color: #ffd8c7;
}

.table thead {
  background-color: #10492e;
  color: #fff;
}

.table td, .table th {
  vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(231, 106, 52, 0.05);
}
.mtop-20{margin-top: 3%;}
.link .color{outline: 0!important; text-decoration: none; color: var(--color-black); -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.link{font-size:16px;font-weight:600;color: #10492e; text-decoration:none;position:relative;overflow:hidden}
.link i,.link span{position:relative}
.link span{margin-left: 18px; color: #10492e;}
.link i{margin-left:.5em}
.link .color{width:2em;height:2em;border-radius:2em;background-color:#dfe4f9;position:absolute;top:50%;transform:translatey(-50%);left:0px;}
.link:hover .color{left:89%; background-color:#10492e}
.link:hover i{color: #fff;}
/*** 

====================================================================
	Fluid Section One
====================================================================

***/

.fluid-section-one{
	position:relative;
	overflow:hidden;
	padding:0px 0px 0px;
}

.fluid-section-one .pattern-layer{
	position:absolute;
	left:-200px;
	top:0px;
	width:336px;
	height:336px;
}

.fluid-section-one .outer-container{
	position:relative;
	min-height:250px;
}

.fluid-section-one .image-column{
	position:absolute;
	right:0px;
	top:0px;
	width:44%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.fluid-section-one .image-column .image-box{
	position:relative;
	display:none;
}

.fluid-section-one .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.fluid-section-one .content-column{
	position:relative;
	float:left;
	width:50%;
	z-index:1;
}

.fluid-section-one .content-column .inner-column{
	position:relative;
	max-width:600px;
	width:100%;
	float:right;
	padding:0px 100px 0px 15px;
}

.fluid-section-one .content-column .blocks-outer{
	position:relative;
}

/* Service Box */

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

/* .service-box:last-child{
	margin-bottom:0px;
} */

.service-box .inner-box{
	position:relative;
	padding:30px 50px;
	border:1px solid #d9d9d9;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-box .inner-box:before{
	position:absolute;
	content:'';
	left:-1px;
	top:0px;
	bottom:0px;
	width:5px;
	opacity:0;
	background-color:#10492e;
	transform:scale(1,0.2);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-box .inner-box:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.service-box .inner-box:hover{
	box-shadow:0px 10px 20px rgba(0,0,0,0.10);
}

.service-box .inner-box .content{
	position:relative;
	padding-left:120px;
}

.service-box .inner-box .content .icon{
	position:absolute;
	left:0px;
	top:15px;
	color:#d2ac68;
	font-size:54px;
	line-height:1em;
	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;
}

.service-box .inner-box:hover .content .icon{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-box .inner-box .content h5{
	position:relative;
	font-weight:400;
	line-height:1.3em;
	text-transform:uppercase;
}

.service-box .inner-box .content h5 a{
	position:relative;
	color:#104a2e;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-box .inner-box:hover .content h5 a{
	color:#000000;
	text-decoration:underline;
}

.service-box .inner-box .content p{
	position:relative;
	color:#666666;
	line-height:1.9em;
	margin-top:10px;
	font-size:14px;
	margin-bottom:0px;
}

/*** 

====================================================================
	Projects Section
====================================================================

***/

.projects-section{
	
	position: relative;
    padding: 30px 0px 5px 0px;
   
}
.projectbg::before{ 
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height:73%;
  width: 100%;
  background: #d2ab67; /* or your image */
  z-index: -1;
}

.projects-section .sec-title {
	font-weight: 600;
    color: #ffffff;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: -2%;

}
.projects-section .sec-title h2{font-size: 38px;
    FONT-WEIGHT: 300 !IMPORTANT;
    TEXT-TRANSFORM: uppercase;
    COLOR: #104a2e;}
.projects-section .outer-container{
	position:relative;
	overflow:hidden;
}


.projects-section .owl-nav{
	position:absolute;
	right:0px;
	top:5px;
}

.projects-section .owl-nav .owl-prev,
.projects-section .owl-nav .owl-next{
	position:relative;
	color:#10492e;
	font-size:36px;
	margin-right:30px;
	font-weight:300;
	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;
}

.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover{
	color:#D2AB67;
}
.projects-section .owl-stage-outer{ padding-top: 50px;}

.projects-section .owl-nav{
	display:block;
}
.nav-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;           /* circle size */
  height: 50px;
  border-radius: 50%;    /* makes it circular */
  background-color: #10492e;  /* circle background color */
  color: #fff;           /* icon color */
  font-size: 25px;       /* icon size */
  transition: all 0.3s ease;
}

.nav-circle:hover {
  background-color: #2d9162; /* darker on hover */
}

.home-project-btn-list {
  display: flex;
  list-style: none;
  margin: 0;            /* avoid negative shift that may overlap content */
  padding: 0;
  gap: 12px;            /* spacing between items (preferred over padding on li) */
  align-items: center;
}

/* each list item */
.home-project-btn-list li {
  margin: 0;
  text-transform: uppercase;
}

/* base button style */

.read-more-btn {
  background-color: #fff;
  border-radius: 1px;
  font-size: 18px;
  font-weight: 400;
  color: #104A2E;
  padding: 15px 50px;
  border: 1px solid #104A2E;
  	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;

}

.read-more-btn:hover {
  background: #d2ab67;
  color: #104A2E;
  border: 1px solid #d2ab67;
  	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.read-more-btn2 {
  background: #d2ab67;
  border-radius: 1px;
  font-size: 18px;
  font-weight: 400;
  color: #104A2E;
  padding:15px 50px;
  border: 1px solid #104A2E;
  	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.read-more-btn2:hover {
  background-color: #104A2E;
  color: #ffffff;
  border: 1px solid #d2ab67;
  	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}




/* Gallery Block */

.gallery-block{
	position:relative;
	margin:30px;
}

.gallery-block .inner-box{
	position:relative;
}

.gallery-block .inner-box .image{
	position:relative;
}

.gallery-block .inner-box .image .arrow{
	position:absolute;
	right:40px;
	top:30px;
	z-index:2;
	opacity:0;
	color:#fff;
	font-size:48px;
	line-height:1em;
	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;
}

.gallery-block .inner-box:hover .image .arrow{
	opacity:1;
}

.gallery-block .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	height:23%;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.6;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.2)), color-stop(100, rgba(255,255,255,0.8)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 100%);

	/* add glassy blur effect */

	}

.gallery-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-block .inner-box .image .hover-color-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0%;
	height:100%;
	z-index:1;
	background-color: #A1D5BC;

	transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}
.gallery-block .inner-box .image .hover-color-layer1{
	background-color: #D2A24E !important;
}

.gallery-block .inner-box:hover .image .hover-color-layer{
	width:100%;
}

.gallery-block .inner-box .image .overlay-box .content{
	position:relative;
	z-index:2;
	padding:0px 20px 40px 40px;
}

.gallery-block .inner-box .image .overlay-box .category{
	position:relative;
	font-size: 22px;
    font-weight: 600;
    color: #d1ab66;
	line-height: 1.2em;
	text-transform:uppercase;
	transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box .category{
	color:#fff;
}

.gallery-block .inner-box:hover .image .overlay-box h3 a{
	color:#fff;
}

.gallery-block .inner-box .image .overlay-box h3{
	position:relative;
	font-weight:400;
	line-height: 0.7em;
	margin-top:0px;
}

.gallery-block .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#104a2e;
	transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	font-size: 16px;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
    padding: 90px 0 30px 0;
   
   
}

.testimonial-section.style-two{
	margin-top:160px;
	
}

.testimonial-section .sec-title{
	margin-bottom:15px;
}

.testimonial-section .owl-nav{
	position:absolute;
	right:0px;
	top:-65px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
	position:relative;
	color:#212c59;
	font-size:36px;
	margin-right:30px;
	font-weight:300;
	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;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	color:#D2AB67;
}

.testimonial-block{
	position:relative;
	margin-bottom:45px;border: 1px solid #d2ab67;
}

.testimonial-block .inner-box{
	position:relative;
	padding:1px 32px 35px;
	text-align: center;
}

.testimonial-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:5px;
	opacity:0;
	transform:scale(0.3,1);
	background-color:#D2AB67;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-block .inner-box:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.testimonial-block .inner-box .quote{
	position:relative;
	font-size:60px;
	color:#D2AB67;
	line-height:1em;
	text-align:right;
	margin-right:-10px;
}

.testimonial-block .inner-box .author{
	position:relative;
	color:#263a4f;
	font-size:18px;
	font-weight:500;
	margin-top:20px;
	
}
.heading3{ text-align: center; text-transform: uppercase;}
.headingAll{font-size: 18px;
    color: #104a2e;
    font-weight: 100;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D2AB67;}
.testimonial-block .inner-box .author span{
	position:relative;
	font-weight:400;
	color:#e46933;
	font-size:14px;
}

.testimonial-carousel .owl-item {
    margin-top: 30px !important;
    filter: blur(1px);
    opacity: 0.9;
    transition: all 0.4s ease;
}

/* Active slide: no blur + normal opacity + margin top 0 */
.testimonial-carousel .owl-item.active {
    margin-top: 0 !important;
    filter: blur(0);
    opacity: 1;
}

.testimonial-block .inner-box p{
	position:relative;
	color:#104a2e;
	font-size:14px;
	line-height:1.8em;
	margin-top:15px;
	margin-bottom:0px;
}
/* Position nav buttons beside active slide */
/* Make sure parent allows positioning */
.testimonial-section {
  position: relative;
}

/* Position the nav on left & right of active slide */
.testimonial-section .owl-nav {
  
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 10;
  
}

/* Enable pointer events on buttons only */
.testimonial-section .owl-nav button {
  pointer-events: all;
  background: none;
  border: none;
  outline: none;
}

/* Stylish frosted nav circles */
.testimonial-section .owl-nav .nav-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 2px solid #d2ab67;
  border-radius: 50%;
  font-size: 22px;
  color: #d2ab67;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(210, 171, 103, 0.3);
  cursor: pointer;
}

/* Hover glow */
.testimonial-section .owl-nav .nav-circle:hover {
  background-color: #d2ab67;
  color: #fff;
  box-shadow: 0 0 15px rgba(210, 171, 103, 0.6);
}

/* Position arrows slightly outside the testimonial box */
.testimonial-section .owl-nav .owl-prev {
  margin-left: 150px;
}

.testimonial-section .owl-nav .owl-next {
  margin-right: 150px;
}




.compare-modern {
  background: #f8f9fa;
}

.compare-table {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.compare-table thead {
  background: #0d492e;
  color: #fff;
}

.compare-table th,
.compare-table td {
  padding: 14px;
  font-size: 15px;
}

.compare-table tbody tr:hover {
  background: #f3f6f9;
}

/* Highlight best column */
.highlight {
  background: #e8f7ef;
  font-weight: 600;
}

/* Recommendation row */
.recommend {
  background: #fff8e1;
}





.product-range {
  background: #f8f9fa;
}



.product-card {
  display: block;
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  text-decoration: none;
  color: #333;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition: 0.3s;
  height: 100%;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  color: #000;
}

.product-card h4 {
  font-weight: 700;
  font-size: 18px;
}

.product-card p {
  font-size: 14px;
  margin: 10px 0;
}

.view-btn {
  font-weight: 600;
  color: #198754;
}

/* premium highlight */
.product-card.premium {
  border: 2px solid #ffc107;
}

/* best product highlight */
.product-card.featured {
  border: 2px solid #198754;
  transform: scale(1.03);
}

.section-tag {
 font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #198754;
    font-weight: 600;
}
/* ===== Section Main Heading ===== */
.product-range h2 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1f2937;
  margin-bottom: 10px;
}

/* subtitle */
.product-range p.text-muted {
  font-size: 15px;
  max-width: 650px;
  margin: 0 auto;
  color: #6c757d;
}


/* ===== Category Heading (MR / BWP sections) ===== */
.category-title {
  font-size: 18px;
  font-weight: 600;
  color: #198754;
  margin: 40px 0 20px;
  padding-left: 14px;
  position: relative;
}

/* slim modern accent line */
.category-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: 18px;
  width: 4px;
  background: #198754;
  border-radius: 4px;
}


/****************
home-counter
************************/

.home-counter{padding: 180px 0; background:url(../images/counter-bg.jpg) no-repeat center ; background-size: cover;}

.home-counter h3{ font-size: 80px; margin-bottom: 3px; color: #fff;}
.count-box { border-right: 1px solid #d2ab67; border-right: 1px solid #d2ab67;
   width: 24%;
    padding-right: 3%;}
.count-box:last-child {
  border-right: none;
}
	.home-counter h4{ font-size: 18px; color: #fff;}

/****************
Why Choose Us
************************/
.highlights{background:#104A2E;
       padding-top: 60px;
    position: relative;}

 .highlights h5{ font-size: 18px !important;
    color: #fff !important; font-weight: 400;}
 
 .highlights::after {
   content: "";
    position: absolute;
    z-index: 0;
    bottom: -7%;
    right: 5%;
    width: 24%;
    height: 393px;
    background: url(../images/hight.png);
    background-size: cover;
}

.flipping-text {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  vertical-align: bottom;
  height: 1.2em;
  /* Ensure a base line-height for better text alignment */
  
}

.flipping-text span {
  display: block;
  /* 1. Add transition for smooth movement between keyframes */
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); /* Custom ease-in-out */
  
  /* 2. Update animation timing and use a smooth timing function */
  animation: flipWords 9s infinite; /* Increased duration to 9s for a slower, calmer flip */
}

@keyframes flipWords {
  /* Use 'forwards' blocks to hold the position longer */
  0%, 25% { transform: translateY(0%); } /* Stay at 'Change' */
  
  33%, 58% { transform: translateY(-100%); } /* Flip to 'Hope' and stay */
  
  66%, 91% { transform: translateY(-200%); } /* Flip to 'Growth' and stay */
  
  100% { transform: translateY(0%); } /* Return to 'Change' */
}

.heading4{
	color: #fff;
    font-size: 44px;
    font-weight: 300;
    text-align: left;
}
.heading4 span{
	color: #d2ab66;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.3em;
	margin-top: -4px;
}


.ply-highlights{background:#104A2E;
    padding: 60px 0;
	position: relative;
	box-shadow: -1px 0px 14px 8px #4b4b4b87;
	margin-bottom: 4%;
   }
 .ply-highlights h5{ font-size: 16px !important;
    color: #fff !important;
    font-weight: 100;
    display: inline-block;
    padding-left: 16px;
    text-transform: uppercase;}
 
 .ply-highlights h2{font-size: 32px; color: #d3ad69;}

 .speccification{ background: #efefef;}
 .pad0{padding: 0; margin: 0;}
 
      /* =========================
   Feature Section
========================= */

.feature-section {
    background: linear-gradient(135deg, #104A2E, #0c3b23);
	
}


/* ===== Card ===== */
.feature-card {
    padding: 35px 22px;
    border-radius: 14px;

    background: transparent;
    border: 1px solid rgba(255,255,255,0.15);

    text-align: center;
    height: 100%;

    transition: all 0.35s ease;
}


/* Hover - premium glow */
.feature-card:hover {
    transform: translateY(-8px);
    border-color: #d2ab67;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.35),
        0 0 18px rgba(210,171,103,0.35);
}


/* ===== Icon ===== */
.feature-icon {
    width: 70px;
    height: 70px;

    margin: 0 auto 18px;

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

    border-radius: 50%;
    background: rgba(255,255,255,0.08);

    transition: 0.35s;
}

.feature-icon img {
    width: 36px;
    transition: 0.35s;
}

/* gold hover effect */
.feature-card:hover .feature-icon {
    background: #d2ab67;
    transform: scale(1.12);
}

.feature-card:hover .feature-icon img {
    filter: brightness(0) invert(1);
}


/* ===== Text ===== */
.feature-title {
    color: #fff;
    font-size: 14px;
   
	text-transform: uppercase;
    line-height: 1.5;
    margin: 0;
}


/* Heading */
.feature-section h2 {
    color: #fff;font-size: 30px;
    font-weight: 700;
}

.feature-section p {
    color: #dcdcdc;
    max-width: 750px;
    margin: auto;
}


/*********




====================================================================
	HOME ISO SEction
====================================================================

**********/

.home-iso{ padding: 90px 0; position: relative;}

.home-iso .content-right{ padding: 45px;}

.home-iso .content-right h3{color: #104A2E; font-size: 32px; font-weight: 500;}

.home-iso .content-right .iso-icon{ float: left; margin-top: 10px; width:35%; text-align: center; color: #000000;}
.home-iso .content-right .iso-icon img{width: 40%;}
.home-iso .content-right .iso-icon h5{ font-size: 15px; font-weight: 400;}

.content-right{ padding: 45px;}
.res-table{border-color: #10492e14}
.res-table th{background: #10492e;
}
.res-table > tbody > tr:nth-of-type(odd) {
    background-color: #c3ffe317; 
}



/* =========================
   Specification Section
========================= */

.speccification {
    background: #f6f7f8;
    padding: 80px 0;
}


/* Right content spacing */
.content-right {
    padding: 50px;
}


/* Card look */
.spec-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    overflow: hidden;
}


/* Table modern style */
.res-table {
    margin: 0;
    border: none;
}

.res-table th {
    background: #104A2E;
    color: #fff;
    font-weight: 600;
    padding: 18px;
    font-size: 18px;
    border: none;
}

/* remove default borders */
.res-table td {
    border: none;
    padding: 14px 18px;
    font-size: 15px;
}

/* soft row divider */
.res-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: 0.25s;
}

/* hover highlight */
.res-table tbody tr:hover {
    background: rgba(210,171,103,0.08);
}

/* left column bold */
.res-table td:first-child {
    font-weight: 600;
    color: #333;
    width: 45%;
}

/* image polish */
.spec-img {
    height: 100%;
    object-fit: cover;
    border-radius: 16px 0 0 16px;
}



/*********




====================================================================
	HOME about Section
====================================================================

**********/

.home-welcome-bg .home-welcome-right-box-bg{background: url('../images/home-right.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box{padding:120px 100px 100px 100px;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list{margin: 0; padding: 0; display: flex;flex-wrap: wrap;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li{display: flex; margin:0px 0; padding: 20px; width: 48%; flex-wrap: wrap; justify-content: center; flex-direction: column;
align-content: center;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li.br{border-right: 1px solid #BACCDA;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li.bb{border-bottom: 1px solid #BACCDA;}

.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div{display: flex; align-items: center; justify-content: center; font-size: 45px;font-weight: 500; color: #10492e; margin-bottom: 5px;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div h3{font-size:45px; font-weight: 500; color: #10492e; margin: 0;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div i{font-size:26px; color: #10492e; margin-left: 5px;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li h4{font-size:20px; font-weight: 500; margin: 0; text-align: center; color: #d46130;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li h4 span{display: block;}
.home-welcome-bg .home-welcome-left-box h1 {font-size: 38px; text-align: left;
    font-weight: 200 !important;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #10492e;
    text-transform: uppercase;}
.home-welcome-bg .home-welcome-left-box h1 span {color: #D2AB67; font-weight: 500;}
.home-welcome-bg .home-welcome-left-box {
    padding: 80px 80px 80px 80px;text-align: justify;
}


/*** 

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:60px 0px 130px;
}

.sponsors-section.style-two{
	background-color:#eef2f2;
	padding-bottom:90px;
}

.sponsors-section .owl-nav,
.sponsors-section .owl-dots{
	display:none;
}

.sponsors-section .image-box{
	position:relative;
	opacity:0.79;
	filter: grayscale(100%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sponsors-section .image-box:hover{
	opacity:1;
	filter: grayscale(0%);
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	overflow:hidden;
	padding-top:130px;
	background-color:#eef2f2;
}

.pricing-section .inner-container{
	position:relative;
	padding-bottom:100px;
	border-bottom:1px solid #e2e2e2;
}

.pricing-section .lower-text{
	position:relative;
	color:#666666;
	font-size:18px;
	font-weight:400;
	text-align:center;
	margin-top:60px;
}

.pricing-section .lower-text a{
	position:relative;
	color:#0099ff;
	font-size:18px;
	text-decoration:underline;
}

.pricing-section .pricing-tabs .tabs-content{
	position:relative;
	border-radius:0px;
	background-color:#ffffff;
}

.pricing-section .pricing-tabs .tabs-content .tab{
	position:relative;
	display:none;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	transform:translateY(60px);
}

.pricing-section .pricing-tabs .tabs-content .tab .content > .row{
	margin:0px;
}

.pricing-section .pricing-tabs .tabs-content .tab.active-tab{
	display:block;
	transform:translateY(0px);
}

.pricing-section .price-block{
	padding:0px;
	float:left;
	border-right:1px solid #e6e9ec;
}

.pricing-section .price-block:last-child{
	border-right:0px;
}

.pricing-tabs{
	position:relative;
}

.pricing-tabs .title-column{
	position:relative;
	text-align:center;
	margin-bottom:45px;
}

.pricing-tabs .tab-buttons{
	position:relative;
	margin-top:13px;
	text-align:center;
	display:inline-block;
}

.pricing-tabs .tab-buttons .tab-btn{
	position:relative;
	color:#999999;
	font-size:14px;
	font-weight:400;
	float:left;
	cursor:pointer;
	margin:0px 20px;
	line-height:24px;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-tabs .tab-buttons .tab-btn.monthly:before{
	position:absolute;
	content:'';
	right:-44px;
	top:0px;
	width:24px;
	height:24px;
	z-index:1;
	display:inline-block;
}

.pricing-tabs .tab-buttons .tab-btn.yearly:before{
	position:absolute;
	content:'';
	left:-44px;
	top:0px;
	width:24px;
	height:24px;
	display:inline-block;
}

.pricing-tabs .tab-buttons .boll{
	position:relative;
	width: 46px;
    height: 24px;
	padding:4px 3px 2px;
	border-radius:50px;
	float:left;
	text-align:left;
	background-color:#669900;
	box-shadow:0px 10px 15px rgba(0,0,0,0.15);
}

.pricing-tabs .tab-buttons .boll .round{
	position:relative;
	top:-1px;
	width:16px;
	height:16px;
	border-radius:50px;
	display:inline-block;
	background-color:#f6f8f4;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-tabs .tab-buttons .boll .round.boll-right{
	transform:translateX(24px);
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
	color:#000000;
}

.price-block{
	position:relative;
}

.price-block .inner-box{
	position:relative;
	padding:35px 30px 45px 45px;
}

.price-block .inner-box .title{
	position:relative;
	color:#999999;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.price-block .inner-box .price{
	position:relative;
	color:#669900;
	font-size:36px;
	font-weight:400;
	line-height:1.3em;
	margin-top:18px;
	margin-bottom:15px;
}

.price-block .inner-box .price span{
	position:relative;
	color:#000000;
	font-size:20px;
}

.price-block .inner-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	padding-bottom:25px;
	margin-bottom:28px;
	border-bottom:1px dashed #cccccc;
}

.price-block .inner-box .price-list{
	position:relative;
	min-height:210px;
}

.price-block .inner-box .price-list li{
	position:relative;
	color:#000000;
	font-size:16px;
	margin-bottom:14px;
	padding-left:30px;
}

.price-block .inner-box .price-list li:before{
	position:absolute;
	content:'\52';
	left:0px;
	top:0px;
	color:#669900;
	font-size:16px;
	font-family: 'ElegantIcons';
}

.price-block .inner-box .price-list li:last-child{
	margin-bottom:0px;
}

/*** 

====================================================================
	Press Section
====================================================================

***/

.press-section{
	position:relative;
	overflow:hidden;
	padding-top:130px;
	padding-bottom:170px;
	background-color:#eef2f2;
}

.press-section .sec-title .blogs{
	position: relative;
    color: #666666;
    font-size: 18px;
    padding-top: 15px;
    display: inline-block;
    text-transform: uppercase;
}

.press-image-block{
	position:relative;
	margin-bottom:30px;
}

.press-image-block .inner-box{
	position:relative;
}

.press-image-block .inner-box .image{
	position:relative;
}

.press-image-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.press-section .press-block:nth-child(3) .inner-box .post-date{
	margin-bottom:103px;
}

/* Press Block */

.press-block{
	position:relative;
	margin-bottom:30px;
}

.press-block .inner-box{
	position:relative;
	padding:37px 45px;
	background-color:#ffffff;
}

.press-block .inner-box .post-date{
	position:relative;
	color:#cccccc;
	font-size:72px;
	font-weight:400;
	line-height:80px;
	margin-bottom:70px;
}

.press-block .inner-box .post-date span{
	position:relative;
	color:#999999;
	font-weight:400;
	font-size:12px;
	display:block;
	line-height:1em;
	margin-top:5px;
	text-transform:uppercase;
}

.press-block .inner-box .title{
	position:relative;
	color:#cbaf71;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

.press-block .inner-box h4{
	position:relative;
	color:#000000;
	font-weight:400;
	line-height:1.4em;
	margin-top:12px;
}

.press-block .inner-box h4 a{
	position:relative;
	color:#000000;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.press-block .inner-box h4 a:hover{
	color:#cbaf71;
}

/*** 

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

***/

.main-footer{
	position:relative;
	padding-top:60px;
}

.main-footer.style-two{
	border-top: 5px solid #D2AB67;
    background: #104A2E;


	overflow: hidden;
}

.main-footer.style-two::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: #D2AB67;
  transform: skewX(-20deg);
  transform-origin: bottom right;
}


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

.main-footer .footer-column{
	position:relative;
	width:25%;
	float:left;
	padding:0px 15px;
	margin-bottom:30px;
}

.main-footer .footer-column:first-child{
	/* width:15%; */
}

.main-footer h3{
    TEXT-TRANSFORM: UPPERCASE;
    color: #D2AB67;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff !important;
    display: inline-block;
    font-weight: 100;
}

.main-footer .contact-widget ul li{
	position:relative;
	color:#fff;
	font-size:14px;
	max-width:300px;
	line-height:1.9em;
	margin-bottom:15px;
	text-transform:uppercase;
}

.main-footer .contact-widget ul li a{
	position:relative;
	color:#D2AB67;
	overflow-wrap:break-word;
	-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-footer .contact-widget ul li a:hover{
	color:#D2AB67
}

/* Link Widget */

.main-footer .link-widget ul li{
	position:relative;
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
	text-transform:uppercase;
}

.main-footer .link-widget ul li a{
	position:relative;
	color:#fff;
	-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-footer .link-widget ul li a:hover{
	color:#D2AB67;
	padding-left:15px;
}

.main-footer .footer-bottom{
	padding: 20px 0px;
    margin-top: 30px;
    border-top: 1px solid #D2AB67;
}
.connect-f li a{ text-decoration: none; color: #fff;}
.connect-f li a:hover{ text-decoration: none; color: #D2AB67;}
/* Copyright Column */

.main-footer .copy-column{
	position:relative;
}

.main-footer .copy-column .copyright{
	position:relative;
	color:#fff;
	font-size:14px;
	font-weight:400;
}

.main-footer .copy-column .copyright a{
	position:relative;
}

.main-footer .copy-column .copyright span{
	position:relative;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}

.main-footer .copy-column .copyright i{
	position:relative;
	color:#f53400;
	font-size:16px;
}

/* Pages Column */

.main-footer .pages-column{
	position:relative;
}

.main-footer .pages-column .page-nav{
	position:relative;
	text-align:center;
}

.main-footer .pages-column .page-nav li{
	position:relative;
	margin:0px 6px;
	display:inline-block;
}

.main-footer .pages-column .page-nav li a{
	position:relative;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	-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-footer .pages-column .page-nav li a:hover{
	color:#fff;
}

/* Language Column */

.main-footer .language-column{
	position:relative;
}

.main-footer .language-column ul{
	position:relative;
	text-align:right;
}

.main-footer .language-column ul li{
	position:relative;
	margin-left:30px;
	display:inline-block;
}

.main-footer .language-column ul li a{
	position:relative;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	-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-footer .language-column ul li a:hover{
	color:#D2AB67;
}

.main-footer.style-two {
    position: relative;
    z-index: 0;
}

.main-footer.style-two::before {
    z-index: 0;
}

.main-footer .outer-container,
.main-footer .footer-column,
.main-footer .footer-bottom {
    position: relative;
    z-index: 2; /* ensures links are above background overlay */
}

/*** 

====================================================================
	Page Banner Section
====================================================================

***/

.page-banner-section{
	position:relative;
	padding:360px 0px 80px;
	background-attachment:fixed;
	background-size:contain;
}

.page-banner-section .auto-container{
	position:relative;
}

.page-banner-section .title{
	position:relative;
	color:#ffffff;
	font-weight:400;
	font-size:18px;
	letter-spacing:1px;
	margin-bottom:30px;
	line-height:1.6em;
	text-transform:uppercase;
}

.page-banner-section h2{
	    position: relative;
   color: #10492e;
    font-weight: 300;
    line-height: 1.1em;
    text-transform: capitalize;
    font-size: 32px;
    
}
.page-banner-section{background-repeat: no-repeat;}
.about-bg{ background: url(../images/background/about-bg.jpg) no-repeat center;}
.page-banner-section .mail-box{
	position:absolute;
	right:15px;
	bottom:10px;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
}

.page-banner-section.style-two{
	padding-top:270px;
}

.page-banner-section.style-two .title{
	padding-top:35px;
	margin-bottom:310px;
}

.page-banner-section.style-two .title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:80px;
	height:4px;
	border-radius:2px;
	background-color:#D2AB67;
}

.page-banner-section.style-two .banner-year{
	position:absolute;
	left:60px;
	color:#ffffff;
	font-size:14px;
	line-height:1em;
	text-transform:uppercase;
}

.contact-box{position: relative;}

.contact-box::after {
   content: "";
    bottom: 0;
    right: 0;
    border-bottom: 100px solid rgb(209 171 102 / 18%);
    border-left: 100px solid transparent;
    position: absolute;
}
/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:100px 0px 120px;
}


.team-section .row{
	margin:0px -35px;
}

.team-section .team-block{
	padding:0px 35px;
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
}

.team-block .inner-box .image{
	position:relative;
	border-radius:3px;
	overflow:hidden;
	background-color:#10492e;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.team-block .inner-box:hover .image img{
	opacity:0.7;
}

.team-block .inner-box .image .social-icons{
	position:absolute;
	right:-250px;
	bottom:12px;
	border-radius:2px;
	padding:10px 20px 8px;
	background-color:#ffffff;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.team-block .inner-box:hover .image .social-icons{
	right:12px;
}

.team-block .inner-box .image .social-icons li{
	position:relative;
	margin-right:15px;
	display:inline-block;
}

.team-block .inner-box .image .social-icons li:last-child{
	margin-right:0px;
}

.team-block .inner-box .image .social-icons li a{
	position:relative;
	color:#999999;
	font-size:16px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.team-block .inner-box .image .social-icons li a:hover{
	color:#000000;
}

.team-block .inner-box .lower-content{
	position:relative;
	padding:5px 0px 0px 0px;
}

.team-block .inner-box .lower-content h4{
	position:relative;
	font-weight:400;
	line-height:1.3em;
	font-size:24px;
}

.team-block .inner-box .lower-content h4 a{
	position:relative;
	color:#000000;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.team-block .inner-box:hover .lower-content h4 a{
	color:#caac6b;
}

.team-block .inner-box .lower-content .designation{
	position: relative;
    color: #D2AB67;
    font-size: 16px;
    margin-top: 6px;
    font-weight: 500;
}

/*** 

====================================================================
	Page Title Section Two
====================================================================

***/

.page-title-two-section{
	position:relative;
	padding:240px 0px 90px;
}

.page-title-two-section h1{
	position:relative;
	font-weight:400;
	font-size:60px;
	line-height:1em;
	color:#000000;
	text-transform:capitalize;
}

.page-title-two-section .page-breadcrumb{
	position:relative;
	margin-bottom:50px;
}

.page-title-two-section .page-breadcrumb li{
	position:relative;
	color:#000000;
	font-size:18px;
	padding-right:15px;
	margin-right:10px;
	display:inline-block;
	text-transform:uppercase;
}

.page-title-two-section .page-breadcrumb li:before{
	position:absolute;
	content:'/';
	right:-3px;
	top:0px;
	color:#999999;
}

.page-title-two-section .page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-title-two-section .page-breadcrumb li:last-child::before{
	display:none;
}

.page-title-two-section .page-breadcrumb li a{
	position:relative;
	color:#999999;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.page-title-two-section .page-breadcrumb li a:hover{
	color:#000000;
}

/*** 

====================================================================
	Gallery Section
====================================================================

 ***/
 
.gallery-page-section{
	position:relative;
	padding:0px 0px 10px;
	margin-top:-130px;
}

.gallery-page-section .outer-section{
	position:relative;
	padding:0px 0px;
	overflow:hidden;
}

.gallery-page-section .filters{
	margin-bottom:150px;
}

.gallery-page-section .filters .filter-tabs{
	position:relative;
	text-align:right;
}

.gallery-page-section .filters li{
	position: relative;
    display: inline-block;
    color: #999999;
	padding:0px 0px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
	margin-left:40px;
	padding-bottom:5px;
	text-transform:uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-page-section .filters .filter.active,
.gallery-page-section .filters .filter:hover{
    color:#000000;
}

.gallery-page-section .gallery-item{
	margin-bottom:40px;
}

.gallery-page-section .row{
	margin:0px -2px;
}

.gallery-page-section .gallery-block{
	padding:0px 2px;
	margin-bottom:4px;
}

.gallery-block.mix{
	display:none;
}

/*** 

====================================================================
	Project Detail Section
====================================================================

 ***/

.project-detail-section{
	position:relative;
	padding:120px 0px 100px;
}

.project-detail-section .upper-box{
	position:relative;
	margin-bottom:80px;
}

.project-detail-section .upper-box .back-projects{
	position:relative;
	color:#000000;
	font-size:14px;
	margin-bottom:55px;
	display:inline-block;
	text-transform:uppercase;
}

.project-detail-section .upper-box .back-projects .icon{
	position:relative;
	top:4px;
	margin-right:10px;
	font-size:20px;
	line-height:1em;
}

.project-detail-section .upper-box ul{
	position:relative;
}

.project-detail-section .upper-box ul li{
	position:relative;
	color:#999999;
	font-size:16px;
	margin-bottom:8px;
}

.project-detail-section .upper-box ul li span{
	position:relative;
	color:#000000;
}

.project-detail-section h3{
	position:relative;
	color:#000000;
	margin-bottom:40px;
	text-transform:capitalize;
}

.project-detail-section p{
	position:relative;
	color:#666666;
	font-size:18px;
	margin-bottom:80px;
	text-transform:capitalize;
}

.project-detail-section .carousel-box{
	position:relative;
}


.project-detail-section .owl-nav{
	position:absolute;
	right:0px;
	top:65px;
}

.project-detail-section .owl-nav .owl-prev,
.project-detail-section .owl-nav .owl-next{
	position:relative;
	color:#212c59;
	font-size:36px;
	margin-right:30px;
	font-weight:300;
	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;
}
.project-detail-section .owl-nav .owl-prev:hover,
.project-detail-sectionn .owl-nav .owl-next:hover{
	color:#D2AB67;
}




.project-detail-section .carousel-box .owl-nav{
	position:absolute;
	left:-60px;
	top:50%;
	right:-60px;
	margin-top:-32px;
}

.project-detail-section .carousel-box .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	color:#8d9aa8;
	font-size:60px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.project-detail-section .carousel-box .owl-nav .owl-next{
	position:absolute;
	right:0px;
	color:#8d9aa8;
	font-size:60px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.project-detail-section .carousel-box .owl-nav .owl-prev:hover,
.project-detail-section .carousel-box .owl-nav .owl-next:hover{
	color:#000000;
}

/*** 

====================================================================
	Reservation Section
====================================================================

***/

.reservation-section{
	position:relative;
	padding-bottom:190px;
}

.reservation-section .inner-container{
	position:relative;
	z-index:1;
	padding:45px 50px 30px;
	border:1px solid #dfdfdf;
	background-color:#ffffff;
}

/* Reservation Form */

.reservation-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.reservation-form .form-group input[type="text"],
.reservation-form .form-group input[type="password"],
.reservation-form .form-group input[type="tel"],
.reservation-form .form-group input[type="email"],
.reservation-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#999999;
	line-height:28px;
	padding:10px 0px;
	height:50px;
	font-size:16px;
	border-radius:0px;
	background-color:#ffffff;
	border-bottom:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.reservation-form .form-group input[type="text"]:focus,
.reservation-form .form-group input[type="password"]:focus,
.reservation-form .form-group input[type="tel"]:focus,
.reservation-form .form-group input[type="email"]:focus,
.reservation-form .form-group select:focus,
.reservation-form .form-group textarea:focus{
	border-color:#D2AB67;
}

.reservation-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 0px;
	color:#999999;
	height:170px;
	resize:none;
	font-size:16px;
	border-radius:0px;
	background-color:#ffffff;
	border-bottom:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.reservation-form .theme-btn{
	cursor:pointer;
	font-size:14px;
	letter-spacing:0px;
	margin-top:20px;
}






/* Contact Form */

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#000000;
	line-height:28px;
	padding:10px 0px;
	height:50px;
	font-size:16px;
	border-radius:0px;
	background-color:#ffffff;
	border-bottom:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#10492e;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 0px;
	color:#000000;
	height:60px;
	resize:none;
	font-size:16px;
	border-radius:0px;
	background-color:#ffffff;
	border-bottom:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .theme-btn{
	cursor:pointer;
	font-size:14px;
	letter-spacing:0px;
	margin-top:22px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}
.box-shadow {
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}
.bg-white {
    background-color: #fff !important;
}
.icon-lg {
    font-size: 56px !important;
}
.text-primary {
    color: #10492e !important;
}

.contact-section{ padding: 90px 0; color: #10492e;}
.contact-section h4{ color:#10492e ; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; font-weight: 100;}
.contact-section li{ color: #000000;}
.contact-section li a{ color: #000000; text-decoration: none;}
.contact-section li a:hover{color: #10492e;}
.new-projects-section{
	position:relative;
	background-color:#eeeef3;
}



.new-projects-section .image-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
}

.new-projects-section .post{
	position:relative;
	padding:50px 0px;
}

.new-projects-section a{
	position:relative;
	color:#000000;
	font-size:18px;
	font-weight:600;
	letter-spacing:10px;
	text-transform:uppercase;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.new-projects-section .post.next a{
	color:#ffffff;
}

.new-projects-section a:hover{
	color:#000000;
}

/* Certificate Card */
.certificate-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 30px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    border-top: 4px solid #d2ab66;
}

.certificate-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.15);
}

/* Icon */
.cert-icon {
    font-size: 42px;
    color: #d2ab66;
    margin-bottom: 15px;
}

/* Title */
.cert-title {
    font-weight: 600;
    color: #10492e;
    margin-bottom: 8px;
}

/* Text */
.cert-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 18px;
}

/* Button */
.cert-btn {
    display: inline-block;
    background: #10492e;
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.cert-btn:hover {
    background: #d2ab66;
    color: #10492e;
}


/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:20px 0px 90px;
}

.sidebar-page-container.style-two{
	padding-top:170px;
	padding-bottom:0px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:30px;
}

.sidebar-page-container .sidebar-side .padding-left{
	padding-left:70px;
}

.sticky-top{
	top:110px;
	z-index:1;
}

.sidebar-widget{
    position: relative;
    margin-bottom: 55px;
}

.sidebar-widget:last-child{
	margin-bottom:0px;
}

.sidebar-title{
	position:relative;
	margin-bottom:25px;
}

.sidebar-title h6{
	position:relative;
	color:#999999;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
}

/* Search Box Widget */

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:30px;
	padding:10px 50px 10px 20px;
	border:1px solid #c0c0c0;
	background:#ffffff;
	display:block;
	font-size:14px;
	width:100%;
	height:50px;
	color:#8d9aa8;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:50px;
	width:50px;
	display:block;
	font-size:16px;
	color:#10492e;
	font-weight:300;
	line-height:52px;
	background:none;
	border-radius:0px;
	cursor:pointer;
}

.sidebar .search-box .form-group input::-webkit-input-placeholder{
	color:#333333;
}

/* Post Widget */

.sidebar .popular-posts .widget-content{
	position:relative;
}

.sidebar .popular-posts .post{
	position:relative;
	font-size:16px;
	color:#000000;
	margin-bottom:12px;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
}

.sidebar .popular-posts .post .text{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#000000;
	line-height:1.7em;
}

.sidebar .popular-posts .post .text a{
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	text-decoration:underline;
}

/* Recent Comment */

.recent-comment .comment{
	position:relative;
	color:#000000;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:12px;
}

.recent-comment .comment span{
	position:relative;
	color:#999999;
}

.recent-comment .comment a{
	position:relative;
	color:#000000;
	text-decoration:underline;
}

.recent-comment .comment i{
	position:relative;
	margin-right:6px;
	font-size:24px;
	line-height:1em;
}

/* Categories Widget */

.categories-widget ul li{
	position:relative;
	margin-bottom:7px;
}

.categories-widget ul li a{
	position:relative;
	color:#000000;
	font-size:16px;
}

.categories-widget ul li a:hover{
	text-decoration:underline;
}

/* Tags Widget */

.tags-widget ul li{
	position:relative;
	margin-bottom:7px;
	display:inline-block;
}

.tags-widget ul li a{
	position:relative;
	color:#000000;
	font-size:16px;
}

.tags-widget ul li a:hover{
	text-decoration:underline;
}

.news-block{
	position:relative;
	margin-bottom:50px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image{
	position:relative;
}

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

.news-block .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.news-block .inner-box .lower-content h3{
	position:relative;
	font-weight:400;
	line-height:1.3em;
}

.news-block .inner-box .lower-content h3 a{
	position:relative;
	color:#000000;
}

.news-block .inner-box .lower-content .post-info{
	position:relative;
	color:#999999;
	font-size:14px;
	margin-top:10px;
}

.news-block .inner-box .lower-content .post-info span{
	position:relative;
	color:#000000;
}

.news-block .inner-box .lower-content p{
	position:relative;
	color:#666666;
	font-size:14px;
	font-weight:400;
	line-height:1.9em;
	margin-top:18px;
	margin-bottom:0px;
}

.news-block.style-two .inner-box .lower-content h3{
	font-size:24px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.pagination-outer{
	text-align:center;
	margin-top:60px;
}

.styled-pagination{
	position:relative;
	display:inline-block;
}

.styled-pagination li{
	position:relative;
	color:#000000;
	font-size:16px;
	font-weight:400;
	margin:0px 8px 0px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	color:#000000;
	font-size:16px;
	font-weight:400;
	display:inline-block;
	background:none;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
	color:#ff9900;
}

.styled-pagination li.prev a,
.styled-pagination li.next a{
	top:6px;
	color:#cccccc;
	font-size:24px;
	line-height:1em;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
	color:#10492e;
}

.blog-detail{
	position:relative;
}

.blog-detail .inner-box{
	position:relative;
}

.blog-detail .inner-box .bold-text{
	position:relative;
	color:#000000;
	font-size:24px;
	font-weight:700;
	line-height:1.5em;
	margin-bottom:20px;
}

.blog-detail .inner-box p{
	position:relative;
	color:#666666;
	font-size:16px;
	font-weight:400;
	line-height:1.7em;
	margin-bottom:18px;
}

.blog-detail .inner-box .image{
	position:relative;
	margin-top:50px;
	margin-bottom:50px;
}

.blog-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.blog-detail .inner-box h4{
	position:relative;
	color:#000000;
	font-size:24px;
	font-weight:700;
	margin-bottom:20px;
}

.blog-detail .inner-box blockquote{
	position:relative;
	margin:80px 0px 70px;
	padding-left:105px;
}

.blog-detail .inner-box blockquote .blockquote-text{
	position:relative;
	color:#000000;
	font-weight:400;
	font-size:24px;
	line-height:1.5em;
}

.blog-detail .inner-box blockquote .blockquote-text .quote{
	position:absolute;
	left:-20px;
	top:-10px;
	color:#000000;
	font-size:16px;
	line-height:1em;
}

/*post share options*/

.blog-detail .inner-box .post-share-options{
	position:relative;
	margin-top: 70px;
	padding-bottom:60px;
	border-bottom:1px solid #dddddd;
}

.blog-detail .inner-box .post-share-options .tags a{
	position:relative;
	color:#999999;
	font-size:14px;
	font-weight:400;
	line-height: 1em;
	margin-right: 4px;
	padding:10px 20px;
	display: inline-block;
	border:1px solid #d7d7d7;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-detail .inner-box .post-share-options .tags a:hover{
	color:#10492e;
	border-color:#D2AB67;
	background-color:#D2AB67;
}

/* Related Projects */

.related-projects{
	position:relative;
	margin-top:75px;
}

.related-projects .title-box{
	position:relative;
	margin-bottom:35px;
}

.related-projects .title-box h3{
	position:relative;
	color:#000000;
	font-weight:400;
	line-height:1.3em;
	font-size:30px;
}

.sidebar-page-container .lower-section{
	position:relative;
	margin-top:40px;
	padding:120px 0px 140px;
	background-color:#eef1f3;
}

.sidebar-page-container .lower-section .comment-form{
	position:relative;
	max-width:770px;
}

/* Comment Form */

.comment-form .group-title{
	position:relative;
	margin-bottom:40px;
}

.comment-form .group-title h3{
	position:relative;
	color:#000000;
	font-weight:400;
	font-size:30px;
}

.comment-form .group-title .text{
	position:relative;
	color:#666666;
	font-weight:400;
	font-size:14px;
	margin-top:6px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;
}

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

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#10492e;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	font-size:14px;
	border-radius:0px;
	background-color:#ffffff;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#10492e;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 20px;
	color:#10492e;
	height:210px;
	resize:none;
	font-size:14px;
	border-radius:0px;
	background-color:#ffffff;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .theme-btn{
	cursor:pointer;
	font-size:14px;
	margin-top:15px;
}


/**************

images moving

*************/


.global-section {
  
  position: relative;
}
.global-section h3{ color: #104a2e; font-size: 40px; font-weight: 200;}
.global-section h3 span{color: #D2AB67; font-weight: 400;font-size: 50px;}
.global-section p{color: #104a2e;}

.moving-bg-text {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10rem;
  font-weight: 800;
  text-transform: uppercase;
  background: url('../images/worldwide.jpg') repeat-x;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: moveBackground 20s linear infinite;
  opacity: 0.9;
}
.div-hieght{height: 60vh;}
@keyframes moveBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 0;
  }
}


.text-secondary {
    color: #bfc3c7 !important;
}


@media (max-width: 768px) {
  .moving-bg-text {
    font-size: 3.5rem;
  }
  .div-hieght{height: 30vh;}
}
/**************

images moving end

*************/

/***

====================================================================
	Map Section
====================================================================

***/

.map-section{
	position:relative;
}

.map-section iframe{
	position:relative;
	width:100%;
	height:620px;
}

/***

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:90px 0px 150px;
}

.contact-page-section .info-column{
	position:relative;
}

.contact-page-section .info-column .inner-column{
	position:relative;
}

.contact-page-section .info-column h2{
	position:relative;
	color:#000000;
	font-weight:400;
	line-height:1.2em;
	font-size:48px;
	margin-bottom:60px;
}

.contact-page-section .info-column h3{
	position:relative;
	font-size:30px;
	font-weight:600;
	color:#000000;
	line-height:1.2em;
	margin-bottom:25px;
}

.contact-page-section .info-column h3 span{
	position:relative;
	font-weight:400;
	color:#999999;
}

.contact-page-section .info-column ul{
	position:relative;
	margin-bottom:90px;
}

.contact-page-section .info-column ul li{
	position:relative;
	margin-bottom:15px;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
}

.contact-page-section .info-column ul li:last-child{
	margin-bottom:0px;
}

.contact-page-section .info-column ul li a{
	position:relative;
	color:#666666;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-page-section .info-column ul li a:hover{
	color:#000000;
}

.contact-page-section .info-column .map-direction{
	position:relative;
	color:#000000;
	font-size:14px;
	padding:13px 26px;
	border:1px solid #999999;
	text-transform:uppercase;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-page-section .info-column .map-direction .arrow{
	position:relative;
	font-size:20px;
	top:2px;
	margin-left:5px;
}

.contact-page-section .info-column .map-direction:hover{
	color:#ffffff;
	border-color:#10492e;
	background-color:#10492e;
}

.contact-page-section .form-column{
	position:relative;
}

.contact-page-section .form-column .inner-column{
	position: relative;
    padding: 60px 20px;
}

.contact-page-section .form-column h6{
	position:relative;
	color:#000000;
	font-weight:400;
	line-height:1.2em;
	font-size:18px;
	margin-bottom:30px;
	text-align: center;
	text-transform:uppercase;
}
.ml-60{margin-left: 60px;}

.floating-buttons {
    position: fixed;
   	top: 50%;              /* Middle of the screen */
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
  }

  .floating-buttons a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10492e;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
  }

  .floating-buttons a:hover {
    transform: scale(1.1);
  }

  .whatsapp-btn {
    background-color: #fff; /* WhatsApp Green */
  }

  .call-btn {
    background-color: #fff; /* Bootstrap Blue */
  }

  /* Accordion button styling */

.faq-section{
	padding: 60px 0;
    background: url(../images/faq-bg.jpg) repeat center;
    background-size: contain;
}
.faq-btn {
    display: block;
    width: 100%;
    text-align: left;
    background: #10492e;
    color: #fff !important;
    padding: 12px 18px;
    border-radius: 1px;
    font-size: 15px;
    font-weight: 300;
    border: none;
}

/* Hover and active state */
.faq-btn:hover,
.faq-btn:focus {
    background: #0d3c26;
    color: #fff !important;
    text-decoration: none;
}




.faq-btn .arrow-icon {
  float: right;
  transition: 0.3s ease;
}

/* When collapsed → arrow down */
.faq-btn.collapsed .arrow-icon {
  transform: rotate(180deg);
}
/* Card header padding */
.card-header {
    padding: 0;
    border: none;
    background: transparent;
    margin-bottom: 0px;
}

/* Card body styling */
.card-body {
    background: #f7f7f7;
    border-radius: 1px;
    padding: 15px 20px;
    margin-top: -8px;
    border-left: 0px solid #10492e;
}

.pattern-layer{ background-repeat: no-repeat;}


/*** Banner ***/
.banner .banner-inner {
    position: relative;
    background: url(../images/bg.jpg) center center no-repeat;
    background-size: cover;
}

.banner .banner-inner::before,
.banner .banner-inner::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
}

.banner .banner-inner::before {
    top: 0;
    left: 0;
    border-top: 150px solid #10492e;
    border-right: 150px solid transparent;
}

.banner .banner-inner::after {
    right: 0;
    bottom: 0;
    border-bottom: 150px solid #d2ac68;
    border-left: 150px solid transparent;
}
.banner .banner-inner p{color: #10492e;}
.heading5{line-height: 1.4em; color: #10492e; text-transform: uppercase; font-size: 28px;
    font-weight: 600; text-align: center; margin-bottom: 10px;}