/* Nordic HTML Template */

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

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

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

@import url('animate.css');
@import url('owl.css');
@import url('elegenticon.css');
@import url('linearicons.css');
@import url('ionicons.css');
@import url('jquery-ui.css');
@import url('animation.css');
@import url('icofont.min.css');
@import url('themify-icons.css');
@import url('simple-line-icons.css');
@import url('fontawesome.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

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

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

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

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

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

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

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

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

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

/*** 

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

 ***/

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

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

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

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: #e76a34;
	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: #1d2856;
    -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: #e76a34;
    -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:#e76a34;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #e76a34;
	padding: 10px 60px;
	font-weight: 700;
	overflow: hidden;
	border-radius:50px;
	background: none;
	border:1px solid #e76a34;
	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: #e76a34;
    -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:#e76a34;
}

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

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:85px;
	right:15px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#2a1a12;
	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:#e76a34;
}

.abt-center{ padding: 60px 0;}
.abt-center img{border-radius: 10px;}
.abt-center p{text-align: justify;}
.abt-center h2{ text-align: left; font-size: 30px; font-weight: 200; text-transform: uppercase; color:#1d2856;}
.abt-center h2 span{  font-weight: 300; color:#e76a34;}

.btn-orange,
.btn-outline-white,
.btn-white-fill {
    transition: all 0.3s ease; /* smooth animation */
}
.btn-orange {
    background: #e76a34;
    color: #fff;
    border: 2px solid #fff;
}
.btn-orange:hover {
    background: #fff;
    color: #e76a34;
    border-color: #e76a34;
}
.btn-outline-white {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.btn-outline-white:hover {
    background: #e76a34;
    color: #fff;
    border-color: #e76a34;
}
.btn-white-fill {
    background: #fff;
    color: #e76a34;
    border: 2px solid #fff;
}
.btn-white-fill:hover {
    background: #e76a34;
    color: #fff;
}


/*** 

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

***/

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

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

.sec-title h1{
	position:relative;
	color:#1d2856;
	font-weight:400;
	line-height:1.2em;
	font-size: 30px;
}

.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:#e76a34;
	background-color:#ffffff;
}

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

/* List Style One */

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

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

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

/*** 

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

***/

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

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

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

.main-header .header-upper{
	position:relative;
	z-index:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

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

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

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

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

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

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

/* Search Box Outer */

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

.main-header .header-upper .language-list{
	position:relative;
	padding:58px 0px;
	float:left;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .language-list li{
	position:relative;
	margin-right:25px;
	display:inline-block;
}

.main-header .header-upper .language-list li a{
	position:relative;
	color:#ffffff;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-header .header-upper .language-list li:last-child{
	margin-right:0px;
}

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

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

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

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

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

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

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

/* Sticky Header */

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#1d2856;
	z-index:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

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

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

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

}
.fixed-header .main-menu .navigation > li > a { color: #1d2856;}
.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:38px 0px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo{
	position:relative;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	 padding-top: 15px;
}

.main-header .header-upper .outer-box{
	position:absolute;
	right:0px;
	margin-left:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu{
	position:relative;
	float:left;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

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

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

.main-menu .navigation > li{
	position:relative;
	float:none;
	display:inline-block;
	margin-right:40px;
	text-align:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:35px;
	right:0px;
	height:1px;
	opacity:0;
	background-color:#ffffff;
	transform:scale(0.2,1);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::before{
	transform:scale(1,1);
	opacity:1;
	background-color:#e76a34;
}

.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:#1d2856;
	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:#000000;
}

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:260px;
	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: 3px 18px;
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #1d2856;
    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 #e76a34, -8px 0 #e76a34;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#e76a34;
	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: #1d2856 !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:#e76a34;
	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);
}


.modern-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modern-list li {
    position: relative;
    padding: 12px 0 12px 30px;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5; /* Light modern border */
    color: #333;
}

.modern-list li:last-child {
    border-bottom: none; /* Remove border on last item */
}

.modern-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
        width: 8px;
    height: 8px;
    border: 1px dashed #1d2856;
    border-radius: 50%;
}


/*** 

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

***/

.main-header .nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#1d2856;
	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:#1d2856;
	line-height:1em;
	font-weight:600;
	padding:55px 0px;
	margin-left:150px;
	text-transform:uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

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

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

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

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

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

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

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(29 40 86 / 96%);
	-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: #e76a34;
}

.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 {
    position: relative;
}
.desktop-banner {
    display: block;
}

.mobile-banner {
    display: none;
}
.main-slider-carousel .slide {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Best look */
    object-position: center;
    display: block;
}


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

/*** 

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

***/

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

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

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

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

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

.about-section .image-column .inner-column .pattern-layer{
	position:absolute;
	right:70px;
	top:75px;
	width:336px;
	height:336px;
}

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

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

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

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

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

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

.about-section1 h3 {
	font-size: 20px;
    color: #1d2856;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e76a34;
}
.heading5 {
	font-size: 20px;
	margin-top: 20px;
    color: #e76a34;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px dashed #e76a34;
}
.table {
  border-color: #ffd8c7;
}

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

.why-choose-section{ background: url(../images/why-bg.jpg) repeat;}

.why-box {
    border-bottom: 2px solid #e76a34;
    background: #fff;
    transition: all 0.3s ease;
}
.why-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
.icon i {
    color: #e76a34 !important;
}
.title {
	font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
    color: #1d2856;
}
.desc {
    font-size: 15px;
    color: #555;
}
.sub-text {
    color: #666;
    font-size: 16px;
}




/*** 

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

***/

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

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

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

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

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

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

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

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

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

/* Service Box */

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

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

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

.service-box .inner-box:before{
	position:absolute;
	content:'';
	left:-1px;
	top:0px;
	bottom:0px;
	width:5px;
	opacity:0;
	background-color:#5c3822;
	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:#000000;
	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:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

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

/*** 

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

***/

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

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

.projects-section .outer-container{
	position:relative;
	overflow:hidden;
}

.projects-section .owl-dots{
	position:relative;
	text-align:center;
}

.projects-section .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	margin:0px 10px;
	margin-top:20px;
	border-radius:50px;
	display:inline-block;
	background-color:#cccccc;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

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

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

/* Gallery Block */

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

.gallery-block .inner-box{
	position:relative;
	
    border: 2px solid #e76a3421;
    margin: 6px 8px;
    border-radius: 10px;
}

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

.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:60%;
	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;
	border-radius: 10px;
	background-color:#202b58;
	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 .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: 20px;
    font-weight: 400;
    color: #ea7948;
	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.4em;
	margin-top:0px;
}

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


/*** 

=============Best Seller Start Section
====================================================================

***/
.best-seller{ padding:60px 0}
.best-seller h2{
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #1e293b;
    margin-bottom: 25px;
	text-transform: uppercase;
}

.product-box {
    display: block;
    background: #f1f5f9;
    padding: 15px;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    color: #1e293b; /* dark slate for readability */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

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

.product-img {
    border-radius: 8px;
    margin-bottom: 10px;
}

.product-title {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
}



/****************************New products *************************/
/* Main Card */
/* .product-card{
    background:rgba(255,255,255,0.85);
    backdrop-filter: blur(15px);
    border-radius:20px;
    border:1px solid rgba(0,0,0,0.05);
    padding:40px;
    margin-bottom:50px;
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.product-card:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    padding:2px;
    background:linear-gradient(120deg,#007bff,#00f2ff,#00ffaa);
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events:none;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.product-title{
    font-size:28px;
    font-weight:700;
    color:#111;
}

.product-badge{
    display:inline-block;
    background:linear-gradient(90deg,#007bff,#00f2ff);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    margin-bottom:15px;
}

.product-desc{
    font-size:16px;
    color:#444;
    line-height:1.8;
}

.feature-list{
    list-style:none;
    padding:0;
    margin-top:20px;
}
.feature-list li{
    padding:12px 0;
    border-bottom:1px solid rgba(0,0,0,0.08);
    font-size:15px;
    display:flex;
    align-items:center;
    gap:10px;
}
.feature-list i{
    color:#00bcd4;
    font-size:18px;
}

.product-btn{
    margin-top:25px;
    padding:12px 28px;
    border-radius:30px;
    font-weight:600;
    background:linear-gradient(90deg,#007bff,#00f2ff);
    border:none;
    color:#fff;
}

.product-img{
    width:100%;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
} */
/****************************New products *************************/

/*** 

=============Best Seller End Section
====================================================================

***/


/*** 

====================================================================
	CTA
====================================================================

***/


.cta-section {
    padding: 50px 0; /* reduced for cleaner look */
   /* optional – remove if not needed */
}

/* Inner box */
.cta-section .auto-container {
    background: #202b58;
    padding: 40px 30px;   /* cleaner padding */
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15); /* cool soft shadow */
}

.cta-section .auto-container {
    background: #202b58;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    overflow: visible; /* allow image to go outside */
}
.cta-section a{text-transform: uppercase; font-size: 16px; padding: 10px 30px;}

/* Image positioned bottom-right + overlapped upward */
.cta-img-bottom-right {
    position: absolute;
    bottom: -0px;   /* slight downward offset */
    right: 0;
    width: 250px;
    margin-top: -40px; /* image pops out above the container */
}

/* Title styling */
.cta-title {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
}

/* Subtitle */
.cta-subtitle {
    font-size: 15px;
    color: #dbe4f1;
}

/* Button */

/* Phone number */
.cta-number a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
}

/* Small text below phone */
.cta-small {
    font-size: 12px;
    color: #c9d2e5;
}


/*** 

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

***/

.testimonial-section{
	position: relative;
    padding: 60px 0 30px 0;
   
    background: #e76a3414;
}

.testimonial-section.style-two{
	margin-top:160px;
	background-color:#eef2f2;
}

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

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

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
	position:relative;
	color:#212c59;
	font-size:36px;
	margin-right:30px;
	font-weight:300;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

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

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

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

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

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

.testimonial-block .inner-box p{
	position:relative;
	color:#202b58;
	font-size:14px;
	line-height:1.8em;
	margin-top:15px;
	margin-bottom:0px;
}




/****************
Why Choose Us
************************/
.highlights{
    background: linear-gradient(
        rgba(29, 40, 86, 0.6),
        rgba(29, 40, 86, 0.6)
    ), url(../images/home-why-cable.jpg) no-repeat center;
    background-size: cover;
}
 .highlights h5{ font-size: 22px; color: #fff !important;}
 .highlights i{ color: #e76a34}
 .highlights{position: relative; z-index: 1;}
 .highlights::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0px;
    right: 0px;
    width: 300px;
    height: 393px;
    background: url(../images/hight.png);
    background-size: cover;
}

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

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

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

.heading4{
	color: #fff;
	font-size: 55px;
	font-weight: 600;
	text-align: left;
}
.heading4 span{
	color: #e76a34;
	font-size: 55px;
	font-weight: 600;
	line-height: 1.2em;
}
.bg-dark {
    background-color: #1d2856 !important;
}


 
        /* Custom Card Styles for Aesthetics */
        .feature-card {
            background-color: #101d54;
            border: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* Subtle shadow */
        }

        .feature-card:hover {
            background-color: #091961; /* Slightly lighter shade on hover */
            transform: scale(1.02);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -4px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover */
        }

        .icon-color {
            /* Now uses the new accent color */
            color: #e76a34;
        }

        /* Adjusted text color for secondary description to enhance contrast */
        .text-secondary {
            color: #ccc !important; 
        }

/*********

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

**********/

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

.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div{display: flex; align-items: center; justify-content: center; font-size: 45px;font-weight: 500; color: #1d2856; margin-bottom: 5px;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div h3{font-size:45px; font-weight: 500; color: #1d2856; margin: 0;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li div i{font-size:26px; color: #1d2856; margin-left: 5px;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li h4{font-size:20px; font-weight: 500; margin: 0; text-align: center; color: #d46130;}
.home-welcome-bg .home-welcome-right-box-bg .home-welcome-right-box ul.home-welcome-right-box-list li h4 span{display: block;}
.home-welcome-bg .home-welcome-left-box h1 {font-size: 45px;font-weight: 300; margin-bottom: 20px; line-height: 1.2;color: #1d2856;}
.home-welcome-bg .home-welcome-left-box h1 span {color: #e76a34; font-weight: 500;}
.home-welcome-bg .home-welcome-left-box {
    padding: 80px 80px 80px 80px;
}


/*** 

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

.faq-section{padding: 30px 0; background-color: #f1f5f9;}
.faq-btn {
    display: block;
    width: 100%;
    text-align: left;
    background: #d6e7f3;
    color: #202b58 !important;
    padding: 12px 18px;
    border-radius: 1px;
    font-size: 15px;
    font-weight: 300;
    border: none;
	margin-bottom: 10px;
}

.faq-section .heading2 {
	font-size: 24px;
    color: #e76a34;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid #e76a34;
}

/* Hover and active state */
.faq-btn:hover,
.faq-btn:focus {
    background: #182970;
    color: #fff !important;
    text-decoration: none;
	transition: all 0.3s ease;
}




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

/* When collapsed → arrow down */
.faq-btn.collapsed .arrow-icon {
  transform: rotate(180deg);
}
.card{
background-color :transparent;
   border: none}
.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 #1d2856;
}

/*** 

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

***/

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

.main-footer.style-two{
	border-top: 5px solid #e76a34;
    background: #1d2856;
	overflow: hidden;
}

.main-footer.style-two::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: #e76a34;
  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{
	position:relative;
	font-weight: 600;
    TEXT-TRANSFORM: UPPERCASE;
    color: #e76a34;
    font-size: 21px;
	line-height:1.3em;
	margin-bottom:10px;
}

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

/* 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:#e76a34;
	padding-left:15px;
}

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

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

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

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

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

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

/* Pages Column */

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

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

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

.main-footer .pages-column .page-nav li a{
	position:relative;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .pages-column .page-nav li a:hover{
	color:#fff;
}

/* Language Column */

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

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

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

.main-footer .language-column ul li a{
	position:relative;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .language-column ul li a:hover{
	color:#e76a34;
}

.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 */
}

.footer-feature-strip {
    width: 100%;
    position: relative;
    top: 50px; /* half above footer */
    z-index: 10;
}

.footer-feature-strip .feature-wrap {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.15);
}

.footer-feature-strip .feature-box {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0 20px;
    border-right: 1px solid #dfe3e6;
}

.footer-feature-strip .feature-box.no-border {
    border-right: none;
}

.footer-feature-strip .feature-box i {
    font-size: 28px;
    color: #e8713e; /* theme color */
    margin-top: 3px;
}

.footer-feature-strip h4 {
    font-size: 17px;
    margin: 0;
    font-weight: 600;
	color: #1d2855;
}

.footer-feature-strip p {
    font-size: 14px;
    margin: 3px 0 0;
    color: #555;
}


/********** cable gland common ***********/

.accessories-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 15px;
}

.accessories-buttons a {
    display: block;
    padding: 14px 16px;
    border: 2px solid #1d2855;
    border-radius: 8px;
    text-decoration: none;
    color: #1d2855;
    font-weight: 600;
    background: #ffffff;
    text-align: center;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.accessories-buttons a:hover {
    background: #e8713e;
    border-color: #e8713e;
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(232, 113, 62, 0.35);
    transform: translateY(-3px);
}

/* Accent line animation */
.accessories-buttons a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #1d2855;
    transition: width 0.35s ease;
}

.accessories-buttons a:hover::before {
    width: 100%;
}


/*** 

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

***/

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

.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: #e76a34;
    font-weight: 300;
    line-height: 1.1em;
    text-transform: capitalize;
    font-size: 30px;
    text-shadow: 2px 2px 6px rgba(1, 1, 1, 0.2);
}
.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:#e76a34;
}

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

.datasheet-floating-btn {
    position: absolute;
    bottom: -28px;  /* pushes half of button outside */
    right: 30px;
    z-index: 20;
}

.datasheet-floating-btn a {
    background: #202b58;
    color: #fff;
    padding: 12px 26px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.25);
    transition: 0.3s ease-in-out;
    animation: glowPulse 2s infinite ease-in-out;
}

.datasheet-floating-btn a:hover {
    background: #2b3a74;
    transform: translateY(-3px);
}

@keyframes glowPulse {
    0%   { box-shadow: 0 0 0 rgba(32,43,88,0.3); }
    50%  { box-shadow: 0 0 15px rgba(32,43,88,0.7); }
    100% { box-shadow: 0 0 0 rgba(32,43,88,0.3); }
}



/*** 

====================================================================
	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:#1d2856;
}

.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: #e76a34;
    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-banner-section .page-breadcrumb{
	position:relative;
	margin-bottom:25px;
}

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

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

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

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

.page-banner-section .page-breadcrumb li a{
	position: relative;
    color: #e76a34 !important;
    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;
}

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

.industry-buttons {
    display: flex;
    flex-wrap: wrap;  /* keeps in one line */
    gap: 10px;
}

.industry-buttons button {
    padding: 8px 15px;
    border: 1px solid #1f2a55;
    background: transparent;
    color: #1f2a55;
    border-radius: 6px;
    font-size: 14px;
    cursor: default;
    white-space: nowrap; /* prevents line break inside button */
}

/*** 

====================================================================
	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 .carousel-box .owl-dots{
	position:absolute;
	left:0px;
	bottom:30px;
	right:0px;
	text-align:center;
}

.project-detail-section .carousel-box .owl-dots .owl-dot{
	position:relative;
	width:9px;
	height:9px;
	margin:0px 10px;
	border-radius:50px;
	display:inline-block;
	background-color:#a19b97;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.project-detail-section .carousel-box .owl-dots .owl-dot.active,
.project-detail-section .carousel-box .owl-dots .owl-dot:hover{
	background-color:#ffffff;
}

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

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

.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: #5c3822 !important;
}

.contact-section{ padding: 90px 0; color: #e4dfdf;}
.contact-section h4{ color:#5c3822 ; font-size: 22px; margin-bottom: 10px; font-weight: 600;}
.contact-section li{ color: #000000;}
.contact-section li a{ color: #000000; text-decoration: none;}
.contact-section li a:hover{color: #5c3822;}
.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;
}

/*** 

====================================================================
	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:#1d2856;
	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:#1d2856;
}

.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:#1d2856;
	border-color:#e76a34;
	background-color:#e76a34;
}

/* 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:#1d2856;
	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:#1d2856;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 20px;
	color:#1d2856;
	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;
    overflow: hidden; /* prevents overflow issues */
}

.global-section::after {
    content: "";
    position: absolute;
    right: 20px;       /* adjust horizontal placement */
    top: 50%;          /* vertical center */
    transform: translateY(-50%);
    width: 105px;      /* adjust size for cute modern look */
    height: 500px;
    background: url('../images/globe.png') no-repeat center;
    background-size: contain;
    opacity: 0.95;     /* soft, elegant */
    pointer-events: none;
    z-index: 0;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.25)); /* modern glow */
}
.global-section h3{ color: #202b58; font-size: 40px; font-weight: 200;}
.global-section h3 span{color: #e76a34; font-weight: 400;font-size: 50px;}
.global-section p{color: #202b58;}



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

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

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:#1d2856;
	background-color:#1d2856;
}

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

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

.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: #fff;
    font-size: 22px;
    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: #25D366; /* WhatsApp Green */
  }

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

 .product-row {
    margin-bottom: 40px;
    padding: 40px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: 0.3s ease;
}

.product-row:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.product-row h3 {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

/* Modern underline */
.product-row h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #e76a34;
    border-radius: 10px;
}


.product-box1 {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 15px;
    transition: 0.3s ease;
}

.product-img {
    width: 100%;
    object-fit: contain;
    transition: 0.3s ease;
}

.product-box1:hover {
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.product-box1:hover .product-img {
    transform: scale(1.05);
}




/**************************/
.product-section {
    padding: 60px 0;
}

.product-title-1 {
   font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.cert-icons img {
    height: 35px;
    margin-right: 10px;
}

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

.thumbnail img {
    height: 80px;
    object-fit: contain;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

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

.spec-table td {
    padding: 10px 15px;
    font-size: 14px;
}

.spec-table td:first-child {
    font-weight: 600;
    color: #333;
}
/********************************/


/* =============================
   PRODUCT UL LIST STYLING
============================= */

.product-content ul{
    list-style:none;
    padding-left:0;
}

.product-content ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    font-weight:500;
    color:#444;
    transition:0.3s;
}

.product-content ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#e76a34;
    font-weight:bold;
}

.product-content ul li:hover{
    color:#1d2856;
    transform:translateX(5px);
}


/* =============================
   FEATURE BOX STYLING
============================= */

.feature-box-1{
    background:#fff;
    border-radius:12px;
    padding:25px;
    text-align:center;
    font-weight:600;
    color:#1d2856;
    border:1px solid #eee;
    transition:all 0.3s ease;
    position:relative;
    overflow:hidden;
}

.feature-box-1::before{
    content:"";
    position:absolute;
    width:100%;
    height:4px;
    background:#1d2856;
    top:0;
    left:0;
}

.feature-box-1:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    border-color:#e76a34;
}
.section-title{
   font-weight: 700;
    color: #1d2856;
    font-size: 28px;
    margin-bottom:30px;
    position:relative;
    padding-bottom:10px;
}

.section-title::after{
    content:"";
    width:70px;
    height:4px;
    background:#e76a34;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:2px;
}


/* =============================
   TABLE STYLING (PREMIUM LOOK)
============================= */

.table{
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.table thead{
    background:#1d2856;
    color:#fff;
}

.table th{
    background:#1d2856;
    color:#fff;
    font-weight:600;
    width:30%;
    padding:15px;
}

.table td{
    padding:15px;
    font-weight:500;
}

.table-striped tbody tr:nth-of-type(odd){
    background:#f4f6fb;
}

.table-bordered th,
.table-bordered td{
    border:1px solid #eaeaea;
}

.table tbody tr:hover{
    background:#fff7f2;
    transition:0.3s;
}


/* =============================
   BUTTON STYLING
============================= */

.btn-custom{
    background:#e76a34;
    color:#fff;
    border:none;
    padding:12px 30px;
    border-radius:30px;
    font-weight:600;
    transition:0.3s;
}

.btn-custom:hover{
    background:#1d2856;
    color:#fff;
}
.modern-gallery img {
    width: 100%;
    border-radius: 12px;
    transition: 0.3s ease;
}

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

.gallery-large {
    margin-bottom: 15px;
}

.gallery-small {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.product-item {
    background: #ffffff;
    border-radius: 8px;
    padding: 25px 20px !important;
    transition: all 0.3s ease;
    border: 1px solid #e6e9f0;
    height: 100%;
    position: relative;
}

.product-item h5 {
    font-size: 16px;
    font-weight: 600;
    color: #1d2856; /* Brand Primary */
    min-height: 48px;
    margin-bottom: 18px;
}

.product-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(29, 40, 86, 0.15);
    border-color: #e76a34; /* Brand Accent */
}

/* View Details Button */
.view-btn {
    display: inline-block;
    padding: 9px 24px;
    background: #1d2856; /* Brand Primary */
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 2px solid #1d2856;
}

.view-btn:hover {
    background: #e76a34; /* Brand Accent */
    border-color: #e76a34;
    color: #ffffff;
    text-decoration: none;
}