/* 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('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Vend+Sans:ital,wght@1,300..700&display=swap');


@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: "Source Sans 3", 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: "Inter", 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: #0a2540;
    -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:#0a2540;
	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;
	background: rgba(255, 255, 255, 0.8); /* your navy with transparency */
   backdrop-filter: blur(12px);

    /* Optional polish */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.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.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:43px 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:#ffc107;
	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;
	width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a2540;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
}

.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;
}

.headerwhta i{ color: #072645; font-size:30px;  background-color: #fff;}
.headercall i{ font-size:30px;  background-color: #072645;}
.main-header .header-upper .language-list li .link{ background-color: #072645;}

.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:#fff;
}

.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:#0a2540;
	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:#0a2540 !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: #0a2540;}
.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: 5px;
}

.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:#0a2540 !important;
	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:#ffc107 !important;
}

.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:#0a2540;
	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:#0a2540 !important;
	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:#0a2540;	
}

.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: #0a2540;
    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: #0a2540 !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:#0a2540;
	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:50px;
	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:  rgb(10 37 64 / 71%);
	-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:#0a2540;
	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: 50vh;
    }
}

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


/*** 

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

***/


.about-title {
  font-family: 'Inter', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #0A2540;
  line-height: 1.3;
}
.about-title span { color: #ffc107;}
.about-lead {
  font-size: 17px;
  color: #6C757D;
  margin-bottom: 15px;
}

.about-text {
  font-size: 15px;
  color: #6C757D;
  line-height: 1.8;
}

.about-img {
  border-radius: 16px;
  object-fit: cover;
}

/* Highlight Panel */
.highlight-box {
  background: #ffffff;
  padding: 18px 20px;
  border-radius: 14px;
  border-left: 4px solid #FFC107;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.highlight-item {
  font-size: 14px;
  color: #0A2540;
  margin-bottom: 8px;
}

.highlight-item:last-child {
  margin-bottom: 0;
}


.headingL3{
	font-size: 26px;
    color: #0a2540;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #D2AB67;
}

.title-underline {
  position: relative;
  display: inline-block;
}

.title-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 3px;
  background: #FFC107;
  border-radius: 2px;
  transition: width 0.6s ease;
}

/* Animate on load */
.title-underline.animate::after {
  width: 60%;
}


.about-section2{ padding: 60px 0;}
.table {
  border-color: #ffd8c7;
}

.table thead {
  background-color: #0a2540;
  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: #0a2540; text-decoration:none;position:relative;overflow:hidden}
.link i,.link span{position:relative}
.link span{margin-left: 18px; color: #0a2540;}
.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:#0a2540}
.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;
}



/* .services-section {
    background-color: #f5f6f7;
    background-image: repeating-linear-gradient(45deg, #ffc10729, #0a25400a 1px, transparent 1px, transparent 20px);
} */
 .services-section {
  background: #F5F7FA;
  position: relative;
}
.services-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(#777b7f 1px, transparent 1px);
  background-size: 25px 25px;
  opacity: 0.4;
}

.service-card {
  background: #ffffff;
  border: 1px solid #E6EAF0;
   border-top: 1px solid #E6EAF0;
}


.services-title {
  font-size: 32px;
  font-weight: 700;
  color: #0A2540;
}

.services-lead {
  color: #6C757D;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto;
}

/* Card */
.service-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.service-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* Icon */


/* Content */
.service-content {
  padding: 30px 20px 25px;
}

.service-content h5 {
  font-weight: 600;
  color: #0A2540;
  margin-bottom: 10px;
}

.service-content p {
  font-size: 14px;
  color: #6C757D;
}

/* Hover */
.service-card:hover {
  transform: translateY(-8px);
}
.service-card:hover img {
  transform: scale(1.05);
}



/* 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:#0a2540;
	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;
}


.project-carousel .item{padding: 15px;}

/* CAROUSEL NAVIGATION */

/* CAROUSEL WRAPPER */

.project-carousel{
    position: relative;
    padding-bottom: 80px;
}

/* NAVIGATION */

.project-carousel .owl-nav{
    position: absolute;
    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

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

    gap: 15px;
    width: auto;
}

/* REMOVE DEFAULT STYLE */

.project-carousel .owl-nav button{
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* BUTTON STYLE */

.project-carousel .nav-circle{
    width: 58px;
    height: 58px;
    border-radius: 50%;

    background: #0A2540;
    color: #fff;

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

    font-size: 18px;

    transition: all 0.3s ease;
}

/* HOVER */

.project-carousel .nav-circle:hover{
    background: #ffc107;
    color: #000;

    transform: translateY(-3px);
}

/* ICON FIX */

.project-carousel .owl-nav i{
    line-height: 1;
}

/*
====================================================================
	Fluid One
====================================================================

***/

.fluid-one{
	position: relative;
}

.fluid-one:before{
	position: absolute;
	content:'';
	right:0px;
	top:90px;
	bottom:0px;
	left:0px;
	background-color:#F5F5F5;
}

.fluid-one .outer-container{
	position: relative;
}

.fluid-one .left-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-size: cover;
	border-radius:0px 50px 50px 0px;
}

.fluid-one_image{
	position: relative;
	display: none;
}

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


.fluid-one .right-box{
	position: relative;
	float: right;
	width: 50%;
	padding: 210px 15px 40px 80px;
}

.fluid-one .right-box_inner{
	position: relative;
	max-width: 650px;
}

.fluid-one .sec-title_text{
	max-width:550px;
}

.fluid-one_list{
	position:relative;
	margin-bottom:50px;
}

.fluid-one_list li{
	position:relative;
	font-size:18px;
	font-weight:400;
	margin-bottom:20px;
	color:#0a2540;
}

.fluid-one_list li i{
	position:relative;
	margin-right:20px;
	color:var(--main-color);
}

.fluid-one_list li:last-child{
	margin-bottom:0px;
}

.fluid-one_experiance{
	position:relative;
	line-height:1em;
	font-size:120px;
	font-weight:700;
	
	color: #ffffff;
    -webkit-text-stroke-width: 2px;
   
    -webkit-text-stroke-color: #0a2540;
}

.fluid-one_experiance span{
	position:relative;
	font-size:16px;
	font-weight:300 !important;
	margin-left:-30px;
	letter-spacing:2px;
	color:var(--black-color);
	text-shadow:0px 0px 0px rgba(0,0,0,1);
}

.fluid-one_author{
	position:relative;
}

.fluid-one_author-inner{
	position:relative;
	font-size:20px;
	min-height:98px;
	font-weight:700;
	padding-top:22px;
	padding-left:125px;
	color:var(--main-color);
	text-transform:uppercase;
	font-family: "Lexend Deca", sans-serif;
}

.fluid-one_author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	border-radius:150px;
	border:3px solid var(--white-color);
}

.fluid-one_author-inner span{
	position:relative;
	color:#666666;
	font-size:14px;
	display:block;
	margin-top:5px;
	text-transform:capitalize;
}

.fluid-one_video{
	position:relative;
	padding:8px 8px;
	border-radius:200px;
	background-color:var(--main-color);
}

.fluid-one_video-text{
	position:relative;
	font-size:16px;
	color:var(--white-color);
	text-transform:capitalize;
	font-family: "Lexend Deca", sans-serif;
}

.fluid-one_author{
	position:relative;
	display:inline-block;
}


/* =====================================================
   MOBILE RESPONSIVE FIX
===================================================== */

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

    .fluid-one:before{
        top:0;
    }

    .fluid-one .left-box{
        position:relative;
        width:100%;
        height:auto;
        border-radius:0;
        background-image:none !important;
    }

    .fluid-one_image{
        display:block;
    }

    .fluid-one_image img{
        width:100%;
        height:350px;
        object-fit:cover;
        border-radius:0 0 30px 30px;
    }

    .fluid-one .right-box{
        width:100%;
        float:none;
        padding:60px 20px;
    }

    .fluid-one .right-box_inner{
        max-width:100%;
    }

    .fluid-one_experiance{
        font-size:70px;
    }

    .fluid-one_experiance span{
        font-size:14px;
        margin-left:-10px;
    }

}

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

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

    .fluid-one .right-box{
        padding:45px 15px;
    }

    .fluid-one_image img{
        height:260px;
    }

    .fluid-one_list li{
        font-size:15px;
        line-height:1.7em;
    }

    .fluid-one_list li i{
        margin-right:12px;
    }

    .fluid-one_experiance{
        font-size:52px;
    }

    .about-title{
        font-size:34px !important;
        line-height:1.25em;
    }

    .about-lead{
        font-size:18px;
    }

    .call-box{
        width:100%;
    }

}


/* =========================
   CALL BUTTON STYLE
========================= */

/* SLIM CALL BOX */

.call-box{
    display: inline-flex;
    align-items: center;
    gap: 18px;

    background: #ffc107;
    border-radius: 60px;

    padding: 10px 10px 10px 24px;

    min-width: 260px;

    transition: all 0.3s ease;
}

/* TEXT */

.call-content span{
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #0A2540;
    margin-bottom: 2px;
}

.call-content h5{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0A2540;
}

/* ICON BUTTON */

.call-icon{
    width: 54px;
    height: 54px;

    min-width: 54px;

    border-radius: 50%;

    background: #0A2540;
    color: #fff;

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

    text-decoration: none;

    font-size: 18px;

    transition: all 0.3s ease;
}

/* HOVER */

.call-box:hover{
    transform: translateY(-3px);
}

.call-box:hover .call-icon{
    background: #07203a;
    transform: rotate(-15deg);
}

/*** 



/*

====================================================================
	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:#0a2540;
	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: #0a2540;  /* 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 .col-md-3 {
    padding: 0 !important;    /* remove padding for the left column */
}

.testimonial-section .col-md-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* ensures image fully covers column */
    display: block;
}

.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-block1{ padding: 90px;}
.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:#064686;
}

.testimonial-block{
	position:relative;
	margin-bottom:45px;
	
}

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



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

.testimonial-block .inner-box .quote{
	position:relative;
	font-size:60px;
	color:#064686;
	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;}

.testimonial-block .inner-box .author span{
	position:relative;
	font-weight:400;
	color:#e46933;
	font-size:14px;
}



/* 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:#5f5f5f;
	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; background: #f1f1f1; 
}

/* Position the nav on left & right of active slide */
.testimonial-section .owl-nav {
  
  top: 43%;
  left: -40px;
  right: -40px;
  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 #064686;
  border-radius: 50%;
  font-size: 22px;
  color: #0a2540;
  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: #0a2540;
  color: #ffc107;
  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: 10px;
}

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



.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;
}

/* ===============================
   SECTION BASE
=================================*/
.feature-circle-section {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 120px 0;
}

/* Optional dotted circle background */
.feature-circle-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border: 1px dashed rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}


/* ===============================
   CENTER IMAGE + RIPPLE
=================================*/
.circle-wrapper {
  position: relative;
  width: 360px;
  height: 360px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-img {
  width: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
  animation: float 5s ease-in-out infinite;
}

/* Floating animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}


/* Ripple effect (subtle) */
.ripple {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #ffc107eb;
  animation: rippleAnim 5s infinite;
}

.ripple1 {
  width: 360px;
  height: 360px;
  
}

.ripple2 {
  width: 420px;
  height: 420px;
  animation-delay: 1.5s;
}

.ripple3 {
  width: 480px;
  height: 480px;
  animation-delay: 3s;
}

@keyframes rippleAnim {
  0% {
    transform: scale(0.9);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}


/* ===============================
   FEATURE ITEMS
=================================*/
.feature-item {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  padding: 25px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  max-width: 260px;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

/* Hover effect */
.feature-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}


/* ===============================
   ICON STYLE
=================================*/
.icon-box {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.icon-box i {
  font-size: 24px;
  color: #FFC107;
}

/* Icon hover */
.feature-item:hover .icon-box {
  background: #0A2540;
}

.feature-item:hover .icon-box i {
  color: #fff;
}


/* ===============================
   TEXT STYLING
=================================*/
.feature-item h5 {
  font-size: 18px;
  font-weight: 700;
  color: #0A2540;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

.feature-item p {
  font-size: 14px;
  color: #6C757D;
  line-height: 1.6;
  margin-bottom: 0;
  text-align: center;
}


/* ===============================
   RESPONSIVE
=================================*/
@media (max-width: 992px) {
  .circle-wrapper {
    width: 260px;
    height: 260px;
  }

  .ripple1 { width: 260px; height: 260px; }
  .ripple2 { width: 300px; height: 300px; }
  .ripple3 { width: 340px; height: 340px; }
}

@media (max-width: 768px) {
  .feature-item {
    text-align: center !important;
  }

  .circle-wrapper {
    margin-bottom: 40px;
  }
}




/* ===== 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
************************/

/* Section */
.home-counter {
  position: relative;
  padding: 180px 0;
  overflow: hidden;
}

/* Video */
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* Dark overlay (VERY IMPORTANT) */
.video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 37, 64, 0.7); /* navy overlay */
  z-index: 1;
}

/* Content above video */
.home-counter .container {
  position: relative;
  z-index: 2;
}

/* Your existing styles */
.home-counter h3 {
  font-size: 80px;
  color: #fff;
}

.home-counter h4 {
  font-size: 18px;
  color: #fff;
}

.count-box {
  border-right: 1px solid #FFC107;
  width: 24%;
  padding-right: 3%;
}

.count-box:last-child {
  border-right: none;
}
.home-counter .section-title {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
}

.home-counter  .section-subtitle {
  color: #ddd;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .bg-video {
    display: none;
  }

  .testimonial-block1 {
    padding: 30px;
}
  .home-counter .section-title {font-size: 28px;}
  .home-counter {
    background: #0A2540; /* fallback */
  }
}
/****************
Why Choose Us
************************/

 .pad0{padding: 0; margin: 0;}
 
      /* =========================
   Feature Section
========================= */

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




/*********




====================================================================
	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: #0a254014}
.res-table th{background: #0a2540;
}
.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;
}

/***
====================================================================
	Counter One
====================================================================

***/

.counter-one{
	position: relative;
	overflow:hidden;
	padding: 0px 0px 70px;
}

.counter-one_pattern{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-position:center bottom;
	background-repeat:repeat-x;
	animation: slideBackground 10s linear infinite;
}

.counter-one .counter-block_one:nth-child(2n + 1){
	transform:translateY(90px);
}
.counter-one{
    position: relative;
    overflow: hidden;
    padding: 130px 0px 70px;
}

.counter-one_pattern{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background-position: center bottom;
    background-repeat: repeat-x;

    animation: slideBackground 20s linear infinite;
}

/* ANIMATION */

@keyframes slideBackground {

    0%{
        background-position: 0 bottom;
    }

    100%{
        background-position: -2000px bottom;
    }

}

/* STAGGER EFFECT */

.counter-one .counter-block_one:nth-child(2n + 1){
    transform: translateY(90px);
}
.counter-block_one{
	position:relative;
	margin-bottom:120px;
}

.counter-block_one-inner{
	position:relative;
	padding-left:40px;
}

.counter-block_one-outline{
	position:absolute;
	left:0px;
	top:90px;
	width:2px;
	height:180%;
	background-image: linear-gradient(to bottom, #999999, #717171, #4c4c4c, #2a2a2a, #060606);
}

.counter-block_one-outline:before{
	position:absolute;
	content:'';
	left:-5px;
	top:0px;
	width:14px;
	height:14px;
	border-radius:50px;
	background-color:#999999;
	outline: 1px dashed #000;
	outline-offset: 10px;
}

.counter-block_one-count{
	position:relative;
	font-size:64px;
	font-weight:700;
	line-height:1em;
	color:#0a2540;
}

.counter-block_one-count sup{
	position:relative;
	color:#ffc107;
}

.counter-block_one-text{
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:36px;
	color:#0a2540;
	text-transform:capitalize;
}


/*=====================================
    Mobile Responsive Counter Section
=====================================*/

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

    .counter-one{
        padding: 70px 0px 20px;
    }

    /* remove stagger effect in mobile */
    .counter-one .counter-block_one:nth-child(2n + 1){
        transform: translateY(0px);
    }

    .counter-block_one{
        margin-bottom: 50px;
    }

    .counter-block_one-inner{
        padding-left: 25px;
    }

    .counter-block_one-outline{
        top: 70px;
        height: 120%;
    }

    .counter-block_one-outline:before{
        width: 10px;
        height: 10px;
        left: -4px;
        outline-offset: 6px;
    }

    .counter-block_one-count{
        font-size: 42px;
        line-height: 1.1em;
    }

    .counter-block_one-text{
        font-size: 18px;
        line-height: 28px;
    }

}

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

    .counter-block_one{
        text-align: left;
    }

}


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

    .counter-one .counter-block_one{
        width: 50%;
        float: left;
        padding: 0px 10px;
    }

    .counter-one .counter-block_one:nth-child(2n + 1){
        clear: both;
    }

    .counter-block_one-count{
        font-size: 34px;
    }

    .counter-block_one-text{
        font-size: 16px;
        line-height: 24px;
    }

}
/************** Start Vison and Mission **************/
/* =========================
VISION SECTION
========================= */

.vision-mission-section{
    background: #fff;
    position: relative;
}

/* =========================
RIGHT MODERN BACKGROUND
========================= */

.vision-bg-elements{
    position: absolute;

    right: -150px;
    top: 50%;

    transform: translateY(-50%);

    width: 700px;
    height: 700px;

    pointer-events: none;
    overflow: hidden;
}

/* =========================
RIPPLE CIRCLES
========================= */

.vision-circle{
    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(255,193,7,0.45);

    animation: rippleMove 10s linear infinite;
}

/* CIRCLE SIZES */

.vision-circle.one{
    width: 300px;
    height: 300px;

    top: 200px;
    left: 200px;
}

.vision-circle.two{
    width: 500px;
    height: 500px;

    top: 100px;
    left: 100px;

    animation-delay: 2s;
}

.vision-circle.three{
    width: 700px;
    height: 700px;

    top: 0;
    left: 0;

    animation-delay: 4s;
}

/* =========================
FLOATING ICONS
========================= */

.vision-floating-icon{
    position: absolute;

    width: 90px;
    height: 90px;

    border-radius: 50%;

    background: rgba(255,255,255,0.65);

    backdrop-filter: blur(10px);

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

    font-size: 34px;

    color: rgba(255,193,7,0.45);

    box-shadow: 0 10px 40px rgba(0,0,0,0.05);

    animation: floatIcon 6s ease-in-out infinite;
}

/* POSITIONS */

.icon-one{
    top: 120px;
    left: 220px;
}

.icon-two{
    top: 250px;
    right: 140px;

    animation-delay: 1s;
}

.icon-three{
    bottom: 180px;
    left: 150px;

    animation-delay: 2s;
}

.icon-four{
    bottom: 100px;
    right: 200px;

    animation-delay: 3s;
}

.icon-five{
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);

    width: 120px;
    height: 120px;

    font-size: 48px;

    background: rgba(255,193,7,0.08);

    color: rgba(255,193,7,0.55);

    animation: pulseCenter 5s infinite;
}

/* =========================
TEXT AREA
========================= */

.section-tag{
    display: inline-block;

    padding: 8px 18px;

    border-radius: 40px;

    background: rgba(255,193,7,0.12);

    color: #ffc107;

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

    letter-spacing: 1px;

    margin-bottom: 20px;
}

.vision-title{
    font-size: 48px;
    line-height: 1.2;

    font-weight: 800;

    color: #0A2540;

    margin-bottom: 25px;
}

.vision-text{
    font-size: 17px;
    line-height: 1.8;

    color: #6c757d;

    margin-bottom: 35px;
}

/* =========================
VISION CARD
========================= */

.vision-card{
    display: flex;
    gap: 20px;

    background: #fff;

    padding: 25px;

    border-radius: 22px;

    margin-bottom: 20px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.05);

    transition: all 0.4s ease;

    position: relative;
    z-index: 10;
}

.vision-card:hover{
    transform: translateY(-5px);
}

/* ICON */

.vision-icon{
    width: 65px;
    height: 65px;

    min-width: 65px;

    border-radius: 18px;

    background: #ffc107;

    color: #0A2540;

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

    font-size: 24px;
}

/* CARD CONTENT */

.vision-card h4{
    font-size: 24px;
    font-weight: 700;

    color: #0A2540;

    margin-bottom: 10px;
}

.vision-card p{
    margin: 0;

    color: #6c757d;

    line-height: 1.7;
}

/* =========================
ANIMATIONS
========================= */

@keyframes floatIcon{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-15px);
    }

    100%{
        transform: translateY(0px);
    }

}

@keyframes rippleMove{

    0%{
        transform: scale(0.95);
        opacity: 1;
    }

    100%{
        transform: scale(1.08);
        opacity: 0.3;
    }

}

@keyframes pulseCenter{

    0%{
        transform: translate(-50%,-50%) scale(1);
    }

    50%{
        transform: translate(-50%,-50%) scale(1.08);
    }

    100%{
        transform: translate(-50%,-50%) scale(1);
    }

}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .vision-bg-elements{
        opacity: 0.35;
        right: -250px;
    }

    .vision-title{
        font-size: 36px;
    }

}

@media(max-width:576px){

    .vision-title{
        font-size: 30px;
    }

    .vision-card{
        flex-direction: column;
    }

}

/***************vission and Mission End ***********/
/*** */


.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0px;
  bottom: 0;
  overflow: hidden;
  font-style:normal;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}


/**************** stevedoring ************/

/* =========================
COMMON
========================= */

.section-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;

    background:rgba(255,193,7,0.12);
    color:#ffc107;

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

    margin-bottom:20px;
}

.section-title{
    font-size:42px;
    line-height:1.2;
    font-weight:800;

    color:#0A2540;

    margin-bottom:20px;
}

.section-text{
    font-size:16px;
    line-height:1.8;

    color:#6c757d;
}

/* =========================
WHY CHOOSE
========================= */

.why-image{
    position:relative;
}

.experience-badge{
    position:absolute;

    left:30px;
    bottom:30px;

    background:#ffc107;
    color:#0A2540;

    padding:18px 28px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.experience-badge h3{
    font-size:42px;
    font-weight:800;
    margin:0;
}

.why-list{
    margin-top:30px;
}

.why-item{
    margin-bottom:18px;

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

    color:#0A2540;

    display:flex;
    align-items:center;

    gap:12px;
}

.why-item i{
    color:#ffc107;
}

/* =========================
PROCESS
========================= */

.work-process-section{
    background:#f8fafc;
}

.process-card{
    background:#fff;

    border-radius:25px;

    padding:35px 25px;

    text-align:center;

    position:relative;

    height:100%;

    transition:0.4s;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.process-card:hover{
    transform:translateY(-8px);
}

.process-number{
    position:absolute;

    top:20px;
    right:20px;

    font-size:50px;
    font-weight:800;

    color:rgba(255,193,7,0.15);
}

.process-icon{
    width:85px;
    height:85px;

    margin:auto auto 25px;

    border-radius:50%;

    background:#ffc107;
    color:#0A2540;

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

    font-size:32px;
}

.process-card h4{
    font-size:24px;
    font-weight:700;

    color:#0A2540;

    margin-bottom:15px;
}

.process-card p{
    color:#6c757d;
    line-height:1.7;
}

/* =========================
EQUIPMENT
========================= */

.equipment-grid{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

    margin-top:35px;
}

.equipment-item{
    background:#fff;

    border-radius:18px;

    padding:22px;

    font-weight:700;

    color:#0A2540;

    display:flex;
    align-items:center;

    gap:15px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);

    transition:0.4s;
}

.equipment-item:hover{
    transform:translateY(-5px);
}

.equipment-item i{
    width:55px;
    height:55px;

    border-radius:14px;

    background:#ffc107;
    color:#0A2540;

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

    font-size:22px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .section-title{
        font-size:34px;
    }

}

@media(max-width:576px){

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

    .section-title{
        font-size:28px;
    }

}


.rounded-4 {
    border-radius: 12px !important; /* Adjust to your preference */
}


/* =========================
FLEET SHOWCASE SECTION
========================= */

.fleet-showcase-section{
    position:relative;
    background:#f8fafc;
    overflow:hidden;
}

/* CARD */

.fleet-card{
    position:relative;
    overflow:hidden;

    border-radius:24px;

    height:320px;

    cursor:pointer;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);

    transition:0.4s;
}

.fleet-card img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:0.6s;
}

/* HOVER EFFECT */

.fleet-card:hover img{
    transform:scale(1.08);
}

.fleet-card:hover{
    transform:translateY(-8px);
}

/* OVERLAY */

.fleet-overlay{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:25px;

    background:linear-gradient(
        to top,
        rgba(10,37,64,0.95),
        rgba(10,37,64,0.2),
        transparent
    );

    color:#fff;
}

/* TITLE */

.fleet-overlay h4{
    font-size:20px;
    font-weight:700;

    margin-bottom:0;
}

/* COUNT BADGE */

.fleet-count{
    display:inline-block;

    background:#ffc107;
    color:#0A2540;

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

    padding:8px 16px;

    border-radius:50px;

    margin-bottom:12px;
}

/* MINI STATS */

.mini-stat{
    background:#fff;

    border-radius:20px;

    padding:25px 20px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);

    transition:0.3s;

    height:100%;
}

.mini-stat:hover{
    transform:translateY(-5px);
}

.mini-stat h3{
    font-size:34px;
    font-weight:800;

    color:#0A2540;

    margin-bottom:8px;
}

.mini-stat span{
    color:#6c757d;

    font-size:15px;
    font-weight:500;
}

/* IMAGE HEIGHT VARIATION */

.fleet-card.tall{
    height:420px;
}

.fleet-card.small{
    height:250px;
}

/* SECTION TITLE FIX */

.fleet-showcase-section .section-title{
    max-width:550px;
}

/* MOBILE */

@media(max-width:991px){

    .fleet-card{
        height:260px;
    }

    .fleet-card.tall{
        height:320px;
    }

}

@media(max-width:576px){

    .fleet-card{
        height:220px;
        border-radius:18px;
    }

    .fleet-overlay{
        padding:18px;
    }

    .fleet-overlay h4{
        font-size:17px;
    }

    .fleet-count{
        font-size:12px;
        padding:6px 14px;
    }

    .mini-stat{
        padding:20px 15px;
    }

    .mini-stat h3{
        font-size:28px;
    }

}

/********Stevedoring End **************/

/**************md message *************/
.md-content{padding-left: 30px;}
/* MD MESSAGE SECTION */
.md-message-section {
    background: #f8fbff;
    position: relative;
    overflow: hidden;
}

.md-message-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(0, 94, 168, 0.05);
    border-radius: 50%;
    top: -180px;
    right: -120px;
}

.md-image-wrapper {
    position: relative;
}

.md-image {
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
}

.experience-box {
    position: absolute;
    bottom: 25px;
    left: -20px;
    background: #ffc107;
    color: #fff;
    padding: 20px 25px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.experience-box h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.experience-box span {
    font-size: 14px;
    opacity: 0.9;
}

.section-tag {
    display: inline-block;
    background: rgba(0, 94, 168, 0.1);
    color: #0a2540;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.md-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    color: #111;
    margin-bottom: 25px;
}

.md-text {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 18px;
}

.md-signature {
    margin-top: 35px;
    border-left: 4px solid #0a2540;
    padding-left: 20px;
}

.md-signature h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #111;
}

.md-signature span {
    color: #0a2540;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* RESPONSIVE */
@media (max-width: 991px) {

    .md-title {
        font-size: 32px;
    }

    .experience-box {
        left: 15px;
        bottom: 15px;
        padding: 15px 20px;
    }
}

@media (max-width: 767px) {

    .md-title {
        font-size: 28px;
    }

    .md-text {
        font-size: 15px;
    }
}
/************md message end **************/

/* SAFETY POLICY SECTION */
.safety-policy-section {
    background: #f7fafd;
    position: relative;
    overflow: hidden;
}

.policy-tag {
    display: inline-block;
    background: rgba(0, 94, 168, 0.1);
    color: #0a2540;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.policy-title {
    font-size: 42px;
    font-weight: 700;
    color: #111;
    line-height: 1.3;
    margin-bottom: 20px;
}

.policy-subtitle {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}

.policy-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 24px;
    height: 100%;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
}

.policy-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.policy-icon {
    width: 75px;
    height: 75px;
    background: #ffc107;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.policy-icon i {
    font-size: 30px;
    color: #0a2540;
}

.policy-card h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #111;
}

.policy-card p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 0;
    font-size: 15px;
}

.policy-bottom-box {
    background: linear-gradient(135deg, #0a2540, #003f72);
    padding: 50px;
    border-radius: 30px;
    color: #fff;
}

.policy-bottom-box h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #fff;
}

.policy-bottom-box p {
    line-height: 1.9;
    opacity: 0.95;
    margin-bottom: 0;
}

.policy-btn {
    display: inline-block;
    background: #fff;
    color: #0a2540;
    padding: 14px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.policy-btn:hover {
    background: #111;
    color: #fff;
}

/* RESPONSIVE */
@media (max-width: 991px) {

    .policy-title {
        font-size: 34px;
    }

    .policy-bottom-box {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {

    .policy-title {
        font-size: 28px;
    }

    .policy-card {
        padding: 30px 25px;
    }

    .policy-bottom-box h3 {
        font-size: 26px;
    }
}

/********* End saftey policy *************/




/* CAREER SECTION */
.career-section {
    background: #f7fafd;
    position: relative;
    overflow: hidden;
}

.career-tag {
    display: inline-block;
    background: rgba(0, 94, 168, 0.1);
    color: #005ea8;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.career-title {
    font-size: 44px;
    font-weight: 700;
    color: #111;
    line-height: 1.3;
    margin-bottom: 20px;
}

.career-subtitle {
    color: #666;
    line-height: 1.9;
    font-size: 17px;
}

.career-main-box {
    background: #fff;
    padding: 60px;
    border-radius: 30px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

.career-content h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #111;
}

.career-content p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 20px;
    font-size: 16px;
}

.career-highlights {
    margin-top: 35px;
}

.career-item {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.career-item i {
    color: #005ea8;
    margin-right: 12px;
    font-size: 18px;
}

.career-item span {
    color: #333;
    font-weight: 500;
}

.career-contact-box {
    background: linear-gradient(135deg, #005ea8, #003f72);
    padding: 50px 35px;
    border-radius: 28px;
    color: #fff;
    text-align: center;
    height: 100%;
}

.career-icon {
    width: 90px;
    height: 90px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.career-icon i {
    font-size: 38px;
    color: #fff;
}

.career-contact-box h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.career-contact-box p {
    line-height: 1.9;
    opacity: 0.95;
    margin-bottom: 30px;
}

.career-mail-btn {
    display: inline-block;
    background: #fff;
    color: #005ea8;
    padding: 14px 28px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
    word-break: break-word;
}

.career-mail-btn:hover {
    background: #111;
    color: #fff;
}

.career-stats {
    margin-top: 60px;
}

.career-stat-box {
    background: #fff;
    padding: 35px 20px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transition: 0.3s ease;
}

.career-stat-box:hover {
    transform: translateY(-6px);
}

.career-stat-box h3 {
    font-size: 42px;
    color: #005ea8;
    font-weight: 700;
    margin-bottom: 10px;
}

.career-stat-box span {
    color: #666;
    font-weight: 500;
}

/* RESPONSIVE */
@media (max-width: 991px) {

    .career-title {
        font-size: 34px;
    }

    .career-main-box {
        padding: 40px 30px;
    }

    .career-content h3 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {

    .career-title {
        font-size: 28px;
    }

    .career-main-box {
        padding: 30px 20px;
    }

    .career-contact-box {
        padding: 40px 25px;
    }

    .career-contact-box h4 {
        font-size: 24px;
    }

    .career-stat-box h3 {
        font-size: 34px;
    }
}

/***** career End **************/


/* TESTIMONIAL SECTION */
.testimonial-section {
    background: #f4f7fb;
    position: relative;
    overflow: hidden;
}

/* SECTION HEADER */
.testimonial-tag {
    display: inline-block;
    background: rgba(255, 193, 7, 0.15);
    color: #0a2540;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.testimonial-title {
    font-size: 46px;
    font-weight: 700;
    color: #0a2540;
    line-height: 1.3;
    margin-bottom: 20px;
}

.testimonial-subtitle {
    color: #5f6b7a;
    font-size: 17px;
    line-height: 1.9;
}

/* TESTIMONIAL CARD */
.testimonial-card {
    background: #fff;
    padding: 45px;
    border-radius: 28px;
    position: relative;
    transition: 0.4s ease;
    border-left: 6px solid #ffc107;
    box-shadow: 0 15px 45px rgba(10, 37, 64, 0.06);
    height: 100%;
}

.testimonial-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(10, 37, 64, 0.10);
}

/* QUOTE ICON */
.quote-icon {
    width: 80px;
    height: 80px;
    background: #FFC107;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.quote-icon i {
    color: #0a2540;
    font-size: 34px;
}

/* TESTIMONIAL TEXT */
.testimonial-text {
    color: #4f5d6b;
    line-height: 2;
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 400;
}

/* USER INFO */
.testimonial-user {
    border-top: 1px solid rgba(10, 37, 64, 0.08);
    padding-top: 22px;
}

.testimonial-user h5 {
    font-size: 24px;
    font-weight: 700;
    color: #0a2540;
    margin-bottom: 8px;
}

.testimonial-user span {
    color: #ffc107;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.7;
}

/* RESPONSIVE */
@media (max-width: 991px) {

    .testimonial-title {
        font-size: 36px;
    }

    .testimonial-card {
        padding: 35px;
    }
}

@media (max-width: 767px) {

    .testimonial-title {
        font-size: 30px;
    }

    .testimonial-card {
        padding: 30px 25px;
    }

    .testimonial-user h5 {
        font-size: 22px;
    }

    .testimonial-text {
        font-size: 15px;
    }
}

/*********** testimonials end ***************/

/********** contact Start ****************/

/* CONTACT SECTION */
.contact-section {
    background: #f4f7fb;
    position: relative;
    overflow: hidden;
}

/* SECTION HEADER */
.contact-tag {
    display: inline-block;
    background: rgba(255, 193, 7, 0.15);
    color: #0a2540;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-title {
    font-size: 46px;
    font-weight: 700;
    color: #0a2540;
    line-height: 1.3;
    margin-bottom: 20px;
}

.contact-subtitle {
    color: #5f6b7a;
    font-size: 17px;
    line-height: 1.9;
}

/* CONTACT INFO */
.contact-info-box {
    background: linear-gradient(135deg, #0a2540, #16395f);
    padding: 40px 35px;
    border-radius: 28px;
    height: 100%;
    color: #fff;
    box-shadow: 0 20px 50px rgba(10, 37, 64, 0.12);
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
}

.contact-info-item:last-child {
    margin-bottom: 0;
}

.contact-icon {
    min-width: 65px;
    height: 65px;
    background: #ffc107;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.contact-icon i {
    color: #0a2540;
    font-size: 24px;
}

.contact-content h5 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-content p,
.contact-content a {
    color: rgba(255,255,255,0.85);
    line-height: 1.9;
    text-decoration: none;
    transition: 0.3s ease;
}

.contact-content a:hover {
    color: #ffc107;
}

/* CONTACT FORM */
.contact-form-box {
    background: #fff;
    padding: 45px;
    border-radius: 28px;
    box-shadow: 0 15px 45px rgba(10, 37, 64, 0.06);
}

/* INPUTS */
.custom-input {
    width: 100%;
    height: 60px;
    border: 1px solid rgba(10, 37, 64, 0.08);
    border-radius: 16px;
    padding: 15px 20px;
    font-size: 15px;
    color: #0a2540;
    transition: 0.3s ease;
    box-shadow: none !important;
}

.custom-input:focus {
    border-color: #ffc107;
}

.custom-textarea {
    height: auto;
    resize: none;
    padding-top: 18px;
}

/* BUTTON */
.contact-btn {
    background: #0a2540;
    color: #fff;
    border: none;
    padding: 15px 40px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s ease;
}

.contact-btn:hover {
    background: #ffc107;
    color: #0a2540;
}

/* MAP */
.map-wrapper {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(10, 37, 64, 0.08);
}

/* RESPONSIVE */
@media (max-width: 991px) {

    .contact-title {
        font-size: 36px;
    }

    .contact-form-box {
        padding: 35px;
    }
}

@media (max-width: 767px) {

    .contact-title {
        font-size: 30px;
    }

    .contact-form-box {
        padding: 30px 22px;
    }

    .contact-info-box {
        padding: 35px 25px;
    }

    .contact-info-item {
        flex-direction: column;
    }

    .contact-icon {
        margin-bottom: 15px;
    }
}

/*************COntact End **********************/


/*********




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

**********/

.about-section {
    position: relative;
    background: #F5F7FA;
    overflow: hidden;
	padding: 90px 0;
}

/* Background layer */
.about-section::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 80%;
    background: url(../images/ab-bg.png);
    background-size: contain;
    opacity: 0.15; /* keep subtle */
    pointer-events: none;
    z-index: 0; /* 👈 IMPORTANT */

}
.pad-left{padding-left: 60px;}
.pad-top30{ padding-top: 30px;}

.cta-btn {
  display: inline-block;
  position: relative;
  background: #0A2540;
  color: #fff;
  padding: 12px 55px 12px 20px;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Yellow angled part */
.cta-btn::after {
  content: "›";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 45px;
  background: #FFC107;
  color: #0A2540;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}

/* ✨ Shine effect */
.cta-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
}

/* Animate on hover */
.cta-btn:hover::before {
  animation: shine 0.8s ease;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

/* Hover base */
.cta-btn:hover {
  background: #1E3A5F;
  color: #FFC107;
}

.cta-btn:hover::after {
  background: #E0A800;
}
.cta-btn:hover::after {
  transform: translateX(3px);
}

.small-btn {
  margin-top: 12px;
  padding: 8px 45px 8px 15px;
  font-size: 12px;
}
.section-padding{ padding-top: 75px; padding-bottom: 75px;}
.section-padding-l{padding: 160px 0;}

/* Content layer above */
.about-section .container {
    position: relative;
    z-index: 2; /* 👈 IMPORTANT */
}

.about-title {
     font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #0A2540;
    line-height: 1.3;
    text-transform: uppercase;
}

.about-lead {
  font-size: 18px;
  color: #FFC107;
  font-weight: 500;
}

.about-text {
  font-size: 15px;
  color: #6C757D;
  line-height: 1.8;
}

.about-img img {
  border-radius: 16px;
  transition: transform 0.3s ease;
}

.about-img img:hover {
  transform: scale(1.03);
}

.glass-card {
  text-align: center;
  padding: 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

.glass-card i {
  font-size: 22px;
  color: #FFC107;
  margin-bottom: 8px;
}

.glass-card p {
  font-size: 13px;
  margin: 0;
  color: #0A2540;
}

.glass-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.feature-strip::before {
  content: "";
  width: 50px;
  height: 3px;
  background: #FFC107;
  display: block;
  margin-bottom: 15px;
}

/*** 

====================================================================
	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 #ffc107;
    background: #0A2540;


	overflow: hidden;
} */

.main-footer.style-two{
    position: relative;
    border-top: 5px solid #ffc107;
    background-color: #0A2540;
    overflow: hidden;
}

.main-footer.style-two::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url('../images/map.png') center center no-repeat;
    background-size: contain;
    opacity: 0.4; /* adjust visibility */
    pointer-events: none;
}

/* .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 span{
    TEXT-TRANSFORM: UPPERCASE;
    color: #ffc107;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    font-weight: 300;
}
.main-footer h3 div {
    width: 25%;
    position: relative;
    right: 0px;
    bottom: 0px;
    display: inline-block;
    border-bottom: 1px solid #fff;
}
.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{
	margin: 40px 0px;
    padding: 30px 20px;
    background: #ffc107;
    color: #0a2540;
    border-radius: 50px;
}
.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:#0a2540;
	font-size:14px;
	font-weight:400;
}

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

.main-footer .copy-column .copyright span{
	position: relative;
    color: #0a2540;
    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 */
}


/*************Gallery ********************/
/* =========================
   SHIPPING GALLERY SECTION
========================= */

.shipping-gallery-section{
    background: linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow: hidden;
}

/* TITLE */

.gallery-subtitle{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #ffc107;
    margin-bottom: 10px;
}

.gallery-title{
    font-size: 42px;
    font-weight: 700;
    color: #0A2540;
    margin-bottom: 15px;
}

.gallery-desc{
    max-width: 700px;
    margin: auto;
    color: #6c757d;
    font-size: 16px;
}

/* SCROLL AREA */

.gallery-scroll-wrapper{
    overflow: hidden;
    position: relative;
}

/* TRACK */

.gallery-track{
    display: flex;
    gap: 25px;
    width: max-content;
    animation: scrollGallery 35s linear infinite;
}

/* PAUSE ON HOVER */

.gallery-track:hover{
    animation-play-state: paused;
}

/* ITEMS */

.gallery-item{
    position: relative;
    width: 280px;
    height: 350px;
    overflow: hidden;
    border-radius: 28px;
    flex-shrink: 0;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    transition: all 0.4s ease;
    background: #fff;
}

/* TALL CARD */

.gallery-item.tall{
    height: 450px;
}

/* WIDE CARD */

.gallery-item.wide{
    width: 420px;
}

/* IMAGE */

.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* HOVER */

.gallery-item:hover img{
    transform: scale(1.08);
}

.gallery-item:hover{
    transform: translateY(-10px);
}

/* OVERLAY */

.gallery-overlay{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 25px;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7),
        rgba(0,0,0,0.1),
        transparent
    );
}

.gallery-overlay h4{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

/* AUTO SCROLL */

@keyframes scrollGallery{

    0%{
        transform: translateX(0);
    }

    100%{
        transform: translateX(-50%);
    }

}

/* RESPONSIVE */

@media(max-width:991px){

    .gallery-title{
        font-size: 32px;
    }

    .gallery-item{
        width: 220px;
        height: 300px;
    }

    .gallery-item.wide{
        width: 320px;
    }

    .gallery-item.tall{
        height: 380px;
    }

}

@media(max-width:767px){

    .gallery-title{
        font-size: 28px;
    }

    .gallery-item{
        width: 180px;
        height: 240px;
        border-radius: 22px;
    }

    .gallery-item.wide{
        width: 260px;
    }

    .gallery-item.tall{
        height: 320px;
    }
	.pad-left{padding-left: 10px;}

}

/*************Gallery End *************/

/*** 

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

***/

.page-banner-section{
	position:relative;
	padding:460px 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: #fff;
	background: #0a2540;
    font-weight: 600;
    line-height: 1.1em;
    text-transform: capitalize;
    font-size: 32px;
	display: inline;
	padding: 5px 8px;
}
.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:#0a2540;
}

.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:#0a2540;
}

.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: #0a2540 !important;
}

.contact-section{ padding: 90px 0; color: #0a2540;}
.contact-section h4{ color:#0a2540 ; 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: #0a2540;}
.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: #0a2540;
    margin-bottom: 8px;
}

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

/* Button */
.cert-btn {
    display: inline-block;
    background: #0a2540;
    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: #0a2540;
}


/*** 

====================================================================
	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:#0a2540;
	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:#0a2540;
}

.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:#0a2540;
	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:#0a2540;
	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:#0a2540;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 20px;
	color:#0a2540;
	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:#0a2540;
	background-color:#0a2540;
}

.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: #0a2540;
    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: #0a2540;
    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 #0a2540;
}

.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 #0a2540;
    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: #0a2540;}
.heading5{line-height: 1.4em; color: #0a2540; text-transform: uppercase; font-size: 28px;
    font-weight: 600; text-align: center; margin-bottom: 10px;}