/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style two / Sticky Header
5. Main Slider
6. Page Title
7. About Section
8. Process Section
9. Skill Section
10. Clients Section
11. Who We Are
12. Gallery Section
13. Gallery Full Width
14. Project Details
15. Related Projects
16. Testimonial Section
17. Fun Facts Section
18. Services Section / Two
19. Team Section
20. News Section
21. Blog Single
22. Map Section
23. Main Footer
24. Sidebar Page Container
25. Comments Area
26. Comment Form
27. Contact Info Section
28. Contact Form Section
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

 @import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

 /*
 font-family: 'Merriweather', serif;
 font-family: 'Rubik', sans-serif;
 */
 
 @import url('flaticon.css');
 @import url('font-awesome.css');
 @import url('animate.css');
 @import url('owl.css');
 @import url('jquery-ui.css');
 @import url('jquery.fancybox.min.css');
 
 /*** 
 
 ====================================================================
	 Reset
 ====================================================================
 
  ***/
 
 *{
	 margin:0px;
	 padding:0px;
	 border:none;
	 outline:none;
	 font-size: 100%;
 }
 
 /*** 
 
 ====================================================================
	 Global Settings
 ====================================================================
 
  ***/
 
 body {
	 
	 font-size:16px;
	 color:#666666;
	 line-height:1.7em;
	 font-weight:400;
	 background:#ffffff;
	 letter-spacing: 0.02em;
	 -webkit-font-smoothing: antialiased;
	 -moz-font-smoothing: antialiased;
	 font-family:'Roboto';
	 /* font-family: 'Hamilton', cursive; */
	/* font-family: 'Simple Note',Sans-Serif ; */
	
	
	
 }
 
 a{
	 text-decoration:none;
	 cursor:pointer;
	 color:#25262c;
 }
 
 a:hover,
 a:focus,
 a:visited{
	 text-decoration:none;
	 outline:none;
 }
 
 h1,h2,h3,h4,h5,h6 {
	 position:relative;
	 font-weight:bold;
	 margin:0px;
	 background:none;
	 line-height:1.2em;
	 font-family:"DM Sans", "DM Sans Placeholder", sans-serif; 
	 color: white; /* Add this line */
 }
 
 textarea{
	 overflow:hidden;	
	 resize: none;
 }
 
 button{
	 outline: none !important;
	 cursor: pointer;
 }
 
 p,.text{
	 font-size: 17px;
	 line-height: 28px;
	 font-weight: 400;
	 color: #555555;
	 margin: 0;
 }
 
 ::-webkit-input-placeholder{color: inherit;}
 ::-moz-input-placeholder{color: inherit;}
 ::-ms-input-placeholder{color: inherit;}
 
 .auto-container{
	 position:static;
	 max-width:1200px;
	 padding:0px 15px;
	 margin:0 auto;
 }
 
 .page-wrapper{
	 position:relative;
	 margin:0 auto;
	 width:100%;
	 min-width:300px;
	 overflow: hidden;
	 z-index: 99;
 }
 
 ul,li{
	 list-style:none;
	 padding:0px;
	 margin:0px;	
 }
 
 .theme-btn{
	 display:inline-block;
	 -webkit-transition:all 0.3s ease;
	 -moz-transition:all 0.3s ease;
	 -ms-transition:all 0.3s ease;
	 -o-transition:all 0.3s ease;
	 transition:all 0.3s ease;
 }
 
 .centered{
	 text-align:center !important;
 }
 
 /*Btn Style One*/
 
 .btn-style-one{
	 position:relative;
	 font-size:14px;
	 line-height:20px;
	 color:#333333;
	 padding:17px 35px 13px;
	 background:transparent;
	 font-weight:500;
	 border: 2px solid #000000;
	 text-transform: uppercase;
	 font-family: "Rubik", sans-serif;
	 letter-spacing: 0.1em;
 }
 
 .btn-style-one:hover{
	 background:#000000;
	 color:#ffffff;
 }
 
 /*Btn Style Two*/
 
 .btn-style-two{
	 position:relative;
	 font-size:13px;
	 line-height:25px;
	 color:#25262c;
	 padding:15px 35px;
	 font-weight:600;
	 background:#ffffff;
	 text-transform: uppercase;
 }
 
 .btn-style-two:hover{
	 background:#25262c;
	 color:#ffffff;
 }
 
 /*Btn Style Three*/
 
 .btn-style-three{
	 position:relative;
	 font-size:13px;
	 line-height:20px;
	 color:#505cfd;
	 padding:13px 30px;
	 font-weight:700;
	 border: 2px solid #505cfd;
 }
 
 .btn-style-three:hover{
	 background:#141b27;
	 border-color:#141b27;
	 color:#ffffff;
 }
 
 .list-style-one{
	 position: relative;
	 display: block;
	 margin-bottom: 30px;
 }
 
 .list-style-one li{
	 position: relative;
	 font-size: 14px;
	 line-height: 25px;
	 color: #ffffff;
	 font-weight: 400;
	 padding-left: 20px;
 }
 
 .list-style-one li:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 font-size: 14px;
	 line-height: 25px;
	 color: #ffffff;
	 font-weight: 900;
	 font-family: 'FontAwesome';
	 content: "\f14a";
 }
 
 .theme_color{
	 color:#25262c;
 }
 
 .pull-right{
	 float: right;
 }
 
 .pull-left{
	 float: left;
 }
 
 .preloader{ 
	 position:fixed; 
	 left:0px; 
	 top:0px; 
	 width:100%; 
	 height:100%; 
	 z-index:999999; 
	 background-color:#ffffff; 
	 background-position:center center; 
	 background-repeat:no-repeat; 
	 background-image:url(../images/icons/preloader.svg);
 }
 
  .logo img{
	 display:inline-block;
	 max-width:100%;
	 height:60px;	
 }
 
 /*** 
 
 ====================================================================
	 Scroll To Top style
 ====================================================================
 
 ***/
 
 .scroll-to-top{
	 position:fixed;
	 bottom:20px;
	 right:20px;
	 width:60px;
	 height:60px;
	 color:#ffffff;
	 font-size:24px;
	 line-height:60px;
	 text-align:center;
	 z-index:100;
	 cursor:pointer;
	 background:#1b1a1c;
	 display:none;
	 border-radius: 0;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;		
 }
 
 .scroll-to-top:hover{
	 background:#ffffff;
	 color: #1b1a1c;
 }
 
 /*** 
 
 ====================================================================
	 Main Header style
 ====================================================================
 
 ***/
 
 .main-header{
	 position:absolute;
	 left:0px;
	 top:0px;
	 z-index:999;
	 width:100%;
 }
 
 .main-header .header-top{
	 position: relative;
	 background-color: transparent;
 }
 
 .main-header .top-left{
	 position: relative;
	 float: left;
 }
 
 .main-header .top-left .contact-list li{
	 position: relative;
	 float: left;
	 font-size: 14px;
	 line-height: 30px;
	 padding: 10px 0;
	 color: #ffffff;
	 font-weight: 300;
	 margin-right: 25px;
 }
 
 .main-header .top-left .contact-list li i{
	 position: relative;
	 display: inline-block;
	 font-size: 14px;
	 line-height: 30px;
	 color: #ffffff;
	 margin-right: 5px;
 }
 
 .main-header .top-left .contact-list li a{
	 display: inline-block;
	 color: #ffffff;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .main-header .top-left .contact-list li a:hover{
	 text-decoration: underline;
 }
 
 .main-header .top-right{
	 position: relative;
	 float: right;
 }
 
 .main-header .top-right .language{
	 position: relative;
	 float: left;
	 padding: 10px 0;
 }
 
 .main-header .top-right .social-links{
	 position: relative;
	 float: left;
	 margin-left: 25px;
	 padding: 10px 0;
 }
 
 .social-icon-one{
	 position: relative;
 }
 
 .social-icon-one li{
	 position: relative;
	 display: inline-block;
	 margin-left: 12px;
 }
 
 .social-icon-one li:first-child{
	 margin-left: 0;
 }
 
 .social-icon-one li a{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 30px;
	 color: #ffffff;
 }
 
 .social-icon-one li a:hover{
	 transition:all 400ms ease;
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
 }
 
 .main-header .dropdown-toggle::after{
	 display: none;
 }
 
 .main-header .language .dropdown-menu{
	 top:100%;
	 right:0px;
	 left:auto;
	 width:170px;	
	 border-radius:0px;
	 background-color:#222222;
	 border:none;
	 padding:0px;
	 border-top:3px solid #25262c;
	 margin-top: 9px;
 }
 
 .btn.focus, .btn:focus{
	 box-shadow: none;
 }
 
 .main-header .language > a{
	 width:auto !important;
	 height:auto !important;
	 color:#ffffff;
	 padding: 0px;
	 font-size: 14px;
	 background:none !important;
	 text-transform:capitalize;
	 display:inline-block;
	 border:0px;
	 font-weight:400;
	 line-height:30px;
 }
 
 .main-header .language > a span{
	 margin-right: 5px;
	 font-size: 14px;
	 color: #ffffff;
 }
 
 .main-header .language a:hover{
	 background:none;
 }
 
 .main-header .language .dropdown-menu > li{
	 padding-right:0px !important;
	 margin:0px !important;
	 padding: 0;
	 float:none;
	 display:block !important;
	 border-bottom: 1px solid rgba(255,255,255,0.20);
 }
 
 .main-header .language .dropdown-menu > li:last-child{
	 border-bottom:none;	
 }
 
 .main-header .language .dropdown-menu > li > a{
	 padding:8px 20px !important;
	 width:auto;
	 height:auto;
	 display:block;
	 color:#ffffff;
	 text-align:left;
	 font-size: 14px;
	 border-radius:0px;
	 -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 .language .dropdown-menu > li > a:hover{
	 color:#ffffff !important;
	 background-color:#25262c;
 }
 
 /*=== Header Lower ===*/
 .main-header .header-lower{
	 position: relative;
 }
 
 .main-header .header-lower .main-box{
	 position: relative;
	 border-radius:60px;
	 /* background-color:white; */
	 background-color: rgba(37,38,44,.90);
 }
 
 .main-header .header-lower .logo-box{
	 position: relative;
	 float: left;
	 height: 70px;
	 z-index:15;
 }
 
 .main-header .header-lower .logo{
	 position: relative;
	 padding: 30px 0;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .header-lower .logo img{
	 position: relative;
	 max-width: 100%;
	 height: auto;
 }
 
 .main-header .header-lower .nav-outer{
	 position: relative;
	 float: right;
 }
 
 .main-header .main-box{
	 position:relative;
	 left:0px;
	 top:0px;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .nav-toggler button{
	 position:relative;
	 display:block;
	 color:#444444;
	 text-align:center;
	 font-size:24px;
	 line-height:34px;
	 font-weight:normal;
	 background:none;
 }
 
 .main-menu{
	 position:relative;
	 float:left;
 }
 
 .main-menu .navbar-header{
	 display: none;
 }
 
 .main-menu .navbar-collapse{
	 padding:0px;	
 }
 
 .main-menu .navigation{
	 position:relative;
	 margin:0px;
	 font-family: "Rubik", sans-serif;
 }
 
 .main-menu .navigation > li{
	 position:relative;
	 float:left;
	 padding:15px 0px;
	 margin-right:30px;
	 padding-right: 30px;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-menu .navigation > li:before{
	 position: absolute;
	 right: -2px;
	 top: 35px;
	 font-size: 13px;
	 line-height: 30px;
	 color: #ffffff;
	 font-weight: 400;
	 content: "-";
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-menu .navigation > li:last-child{
	 margin-right:0px;
	 padding-right: 0;
 }
 
 .main-menu .navigation > li:last-child:before{
	 display: none;
 }
 
 .main-menu .navigation > li > a{
	 position:relative;
	 display:block;
	 font-size:13px;
	 line-height:30px;
	 font-weight:500;
	 color:#ffffff;
	 opacity:1;
	 padding: 20px 0;
	 text-align:center;
	 letter-spacing: 2px;
	 font-family: "Rubik", sans-serif;
	 text-transform: uppercase;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-menu .navigation > li > ul > li:hover > a{
	 color:#25262c;
	 background:#ffffff;	
 }
	 
 .main-menu .navigation > li > ul > li > ul > li:hover > a{
	 color:#25262c;
	 background:#ffffff;
 }
 
 .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:#292929;
	 line-height:20px;
	 font-size:13px;
	 font-weight: 900;
	 text-align:center;
	 z-index:5;	
 }
 
 .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	 color:#ffffff;	
 }
 
 .main-menu .navigation > li > ul{
	 position:absolute;
	 left:0px;
	 top:110%;
	 width:220px;
	 padding:0px 0px;
	 z-index:100;
	 border-top:2px solid rgba(255,255,255,0.50);
	 background:rgba(37,38,44,.90);
	 -webkit-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 transition:all 300ms ease;
	 -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 }
 
 .main-menu .navigation > li > ul.from-right{
	 left:auto;
	 right:0px;	
 }
 
 .main-menu .navigation > li > ul > li{
	 position:relative;
	 width:100%;
	 border-bottom:1px solid rgba(255,255,255,0.10);
 }
 
 .main-menu .navigation > li > ul > li:last-child{
	 border-bottom:none;	
 }
 
 .main-menu .navigation > li > ul > li > a{
	 position:relative;
	 display:block;
	 padding:10px 20px;
	 line-height:24px;
	 font-weight:400;
	 font-size:15px;
	 color:#ffffff;
	 text-align:left;
	 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;
 }
 
 .main-menu .navigation > li > ul > li:hover > a{
	 color:#25262c;
	 background:#ffffff;
 }
 
 .main-menu .navigation > li > ul > li.dropdown > a:after{
	 font-family: 'FontAwesome';
	 content: "\f105";
	 position:absolute;
	 right:15px;
	 top:11px;
	 width:10px;
	 height:20px;
	 display:block;
	 line-height:20px;
	 font-size:13px;
	 color: #ffffff;
	 font-weight: 900;
	 text-align:center;
	 z-index:5;	
 }
 
 .main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	 color:#25262c;
 }
 
 .main-menu .navigation > li > ul > li > ul{
	 position:absolute;
	 left:100%;
	 top:15px;
	 width:220px;
	 padding:0px;
	 z-index:100;
	 display:none;
	 background:rgba(37,38,44,.90);
	 border-top:2px solid rgba(255,255,255,0.50);
	 -webkit-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 transition:all 300ms ease;
	 -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	 box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 }
 
 .main-menu .navigation > 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:last-child{
	 border-bottom:none;	
 }
 
 .main-menu .navigation > li > ul > li  > ul > li > a{
	 position:relative;
	 display:block;
	 padding:10px 20px;
	 line-height:24px;
	 font-weight:400;
	 font-size:15px;
	 color:#ffffff;
	 text-align:left;
	 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;
 }
 
 .main-menu .navigation > li > ul > li  > ul > li > a:hover{
	 color:#25262c;
	 background:#ffffff;
 }
 
 .main-menu .navigation > li.dropdown:hover > ul{
	 visibility:visible;
	 opacity:1;
	 top:100%;	
 }
 
 .main-menu .navigation li > ul > li.dropdown:hover > ul{
	 top:0;
	 visibility:visible;
	 opacity:1;	
 }
 
 .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	 position:absolute;
	 right:10px;
	 top:8px;
	 width:34px;
	 height:30px;
	 border:1px solid #ffffff;
	 text-align:center;
	 font-size:16px;
	 line-height:30px;
	 color:#ffffff;
	 cursor:pointer;
	 z-index:5;
	 display:none;
 }
 
 .main-header .outer-box{
	 position: relative;
	 float: right;
	 padding-left: 30px;
	 margin-left: 30px;
 }
 
 .main-header .outer-box:before{
	 position: absolute;
	 left: 0;
	 top: 40px;
	 height: 20px;
	 width:0;
	 border-left:1px solid #6a6c71;
	 content: "";
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .outer-box .social-links{
	 position: relative;
	 padding: 35px 0;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .outer-box .social-links li{
	 position: relative;
	 display: inline-block;
	 margin-left: 12px;
 }
 
 .main-header .outer-box .social-links li:first-child{
	 margin-left: 0;
 }
 
 .main-header .outer-box .social-links li a{
	 display: inline-block;
	 font-size: 14px;
	 line-height: 30px;
	 color: #ffffff;
	 font-weight: 400;
 }
 
 .main-header .outer-box .social-links li:hover a{
	 transition:all 400ms ease;
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
 }
 
 .main-header .cart-btn{
	 position: relative;
	 float: left;
	 padding: 35px 0;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .cart-btn a{
	 position: relative;
	 display: inline-block;
	 font-size: 11px;
	 line-height: 30px;
	 color: #ffffff;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 /*search box btn*/
 
 .main-header .search-box-outer{
	 position:relative;
	 float: left;
	 padding: 35px 0;
	 margin-left: 18px;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .main-header .search-box-btn{
	 position: relative;
	 font-size: 12px;
	 line-height: 30px;
	 color: #ffffff;
	 cursor: pointer;
	 background: none;
	 outline: none;
 }
 
 .dropdown-toggle::after{
	 display: none;
 }
 
 .main-header .search-box-outer .dropdown-menu{
	 top:60px !important;
	 right: 0 !important;
	 left:auto !important;
	 padding:0px;
	 width:280px;	
	 border-radius:0px;
	 border-top:3px solid #25262c;
	 transform:translate(0) !important;
 }
 
 .main-header .search-panel .form-container{
	 padding:25px 20px;	
 }
 
 .main-header .search-panel .form-group{
	 position:relative;
	 margin:0px;	
 }
 
 .main-header .search-panel input[type="text"],
 .main-header .search-panel input[type="search"],
 .main-header .search-panel input[type="password"],
 .main-header .search-panel select{
	 display:block;
	 width:100%;
	 line-height:24px;
	 padding:7px 40px 7px 15px;
	 height:40px;
	 font-size:14px;
	 font-family: 'Rubik', sans-serif;
	 border:1px solid #e0e0e0;
	 background:#ffffff;	
 }
 
 .main-header .search-panel input:focus,
 .main-header .search-panel select:focus{
	 border-color:#25262c;	
 }
 
 .main-header .search-panel .search-btn{
	 position:absolute;
	 right:0px;
	 top:0px;
	 width:40px;
	 height:40px;
	 text-align:center;
	 color:#555555;
	 font-size:14px;
	 background:none;
	 cursor:pointer;
 }
 
 /*================================================
			 Header Style Two
 ==================================================*/
 .header-style-two .header-lower .main-box{
	 background-color: transparent;
 }
 
 .header-style-two.fixed-header .header-lower .main-box{
	 background-color: rgba(37,38,44,.90);
 }
 
 /*================================================
			 Fixed Header
 ==================================================*/
 .main-header.fixed-header .main-box{
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
 }
 
 .main-header.fixed-header .header-lower .logo{
	 padding: 15px 0;
 }
 
 .main-header.fixed-header .main-menu .navigation > li{
	 padding: 0 0;
	 padding-right: 30px;
 }
 
 .main-header.fixed-header .main-menu .navigation > li:last-child{
	 padding-right: 0;
 }
 
 .main-header.fixed-header .main-menu .navigation > li:before{
	 top: 20px;
 }
 
 .main-header.fixed-header .outer-box:before{
	 top: 25px;
 }
 
 .main-header.fixed-header .outer-box .social-links,
 .main-header.fixed-header .search-box-outer,
 .main-header.fixed-header .cart-btn{
	 padding: 20px 0;
 }
 
 .main-header.fixed-header .search-box-outer .dropdown-menu{
	 top: 48px !important;
 }
 
 /*** 
 
 ====================================================================
			 Main Slider
 ====================================================================
 
 ***/
 
 .main-slider{
	 position:relative;	
	 z-index:10;
 }
 
 .main-slider .tp-caption{
	 z-index:5 ;
 }
 
 .main-slider .tp-dottedoverlay{
	 background:rgba(37,38,44,0.60);
 }
 
 .main-slider.style-two .tp-dottedoverlay{
	 background:rgba(37,38,44,0.70);
 }
 
 .main-slider h1{	
	 font-size:120px;
	 line-height:1em;
	 color: #ffffff;
	 font-weight:500;
	 text-transform: uppercase;
 }
 
 .main-slider h2{	
	 font-size:80px;
	 line-height:1em;
	 color: #ffffff;
	 font-weight:500;
	 text-transform: uppercase;
 }
 
 .main-slider h3{	
	 font-size:70px;
	 line-height:1em;
	 color: #ffffff;
	 font-weight:500;
	 text-transform: uppercase;
 }
 
 .anim-icons{
	 position: absolute;
	 left: 0;
	 top: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 max-width: 1170px;
	 margin: 0 auto;
 }
 
 .arrow-down{
	 position: absolute;
	 left: 50%;
	 bottom: 50px;
	 z-index: 99;
	 text-align: center;
	 opacity: 1;
	 margin-left: -8px;
	 animation: fadeInDown 3s infinite;
 }
 
 .icon-arrows{
	 position: relative;
	 display: inline-block;
	 width: 16px;
	 height: 27px;
	 background-image: url(../images/icons/icon-arrows.png);
	 background-repeat: no-repeat;
	 background-position: center;
	 cursor: pointer;
 }
 
 /*** 
 
 ====================================================================
		 Section Title
 ====================================================================
 
 ***/
 
 .sec-title{
	 position:relative;
	 margin-bottom:70px;
 }
 
 .sec-title h2{
	 display: block;
	 font-size:45px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
 }
 
 .sec-title .text{
	 position: relative;
	 font-size: 18px;
	 line-height: 1.55em;
	 color: #888888;
	 font-weight: 300;
	 margin-top: 18px; 
 }
 
 .sec-title.light h2,
 .sec-title.light .text{
	 color: #ffffff;
 }
 
 /*** 
 
 ====================================================================
			 Page Title
 ====================================================================
 
 ***/
 
 .page-title{
	 position:relative;
	 padding: 297px 0 170px;
	 background-position:center center;
	 background-repeat:no-repeat;
	 background-size: cover;
	 text-align:center;
	 overflow: hidden;
 }
 
 .page-title:before{
	 position:absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-color: #25262c;
	 opacity: -1.78;
	 content: '';
 }
 
 .page-title h1{
	 position:relative;
	 font-size:70px;
	 line-height: 1em;
	 font-weight: 600;
	 color:#ffffff;
	 letter-spacing: 0.02em;
	 text-transform: uppercase;
 }
 
 /*** 
 
 ====================================================================
			 About Section
 ====================================================================
 
 ***/
 
 .about-section{
	 position: relative;
	 padding: 55px 0 50px;
 }
 
 .about-section .image-column{
	 position: relative;
	 margin-bottom: 60px;
 }
 
 .about-section .image-column .image-box{
	 position: relative;
	 padding-right: 50px;
 }
 
 .about-section .image-column .image{
	 position: relative;
 }
 
 .about-section .image-column .image img{
	 display: block;
	 width: 100%;
	 height: auto;
 }
 
 .about-section .content-column{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .about-section .content-column .inner-column{
	 position: relative;
	 padding-top: 17px;
 }
 
 .about-section .title{
	 position: relative;
	 display: inline-block;
	 font-size: 15px;
	 line-height: 24px;
	 color: #888888;
	 font-weight: 400;
	 font-family: "Rubik", sans-serif;
	 text-transform: uppercase;
	 margin-bottom: 8px;
 }
 
 .about-section h2{
	 font-size: 45px;
	 line-height: 55px;
	 color: #333333;
	 font-weight: 500;
	 margin-bottom: 25px;
	 letter-spacing: -0.01em;
 }
 
 .about-section .text{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .about-section .text p{
	 font-size: 18px;
	 line-height: 29px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom: 30px;
 }
 
 .about-section .btn-box{
	 position: relative;
 }
 
 .about-section .features-area{
	 position: relative;
	 padding-bottom: 30px;
 }
 
 .feature-block-two{
	 position: relative;
	 margin-bottom: 30px;
 }
 
 .feature-block-two .inner-box{
	 position: relative;
	 padding: 80px 15px 75px;
	 text-align: center;
	 border: 4px solid #fbfbfb;
	 outline: 1px solid #e3e3e3;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
 }
 
 .feature-block-two .inner-box:hover{
	 border: 4px solid #25262c;
 }
 
 .feature-block-two .inner-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 content: "";
	 background-color: #fbfbfb;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
 }
 
 .feature-block-two .inner-box:hover:before{
	 left: 50%;
	 width: 0;
 }
 
 .feature-block-two .icon{
	 position: relative;
	 display: inline-block;
	 font-size: 55px;
	 line-height: 60px;
	 margin-bottom: 25px;
	 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;
 }
 
 .feature-block-two h3{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 letter-spacing: 1px;
	 text-transform: uppercase;
 }
 
 .feature-block-two h3 a{
	 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;
 }
 
 /***
 
 ===================================================================
				 Process Section
 ===================================================================
 
 ****/
 
 .process-section{
	 position: relative;
	 background-color: #f6f8f8;
 }
 
 .process-section:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-image: url(../images/icons/pattern.png);
	 content: "";
	 background-repeat: repeat;
 }
 
 .process-section .title-box{
	 position: relative;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 padding: 100px 0 250px;
 }
 
 .process-section .title-box .sec-title{
	 margin-bottom: 0;
 }
 
 .process-section .title-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-color: #000000;
	 opacity: .60;
	 content: "";
 }
 
 .process-section .content-box{
	 position: relative;
	 margin-top: -180px;
 }
 
 .process-section .content-box .row{
	 margin: 0 -4px;
 }
 
 .process-block{
	 position: relative;
	 padding: 0 4px;
 }
 
 .process-block .inner-box{
	 position: relative;
	 padding: 75px 40px 75px;
	 text-align: center;
	 background-color: #ffffff;
	 -webkit-box-shadow:0 5px 5px rgba(0,0,0,.06);
	 -moz-box-shadow:0 5px 5px rgba(0,0,0,.06);
	 -ms-box-shadow:0 5px 5px rgba(0,0,0,.06);
	 -o-box-shadow:0 5px 5px rgba(0,0,0,.06);
	 box-shadow:0 5px 5px rgba(0,0,0,.06);
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;	
 }
 
 .process-section:not(.style-two) .process-block .inner-box:hover{
	 background:#202020;
	 color:#ffffff;
 }
 
 .process-block .icon-box{
	 position: relative;
	 padding-bottom: 30px;
	 margin-bottom: 30px;
 }
 
 .process-block .icon-box .icon{
	 position: relative;
	 font-size: 64px;
	 line-height: 1em;
	 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;
 }
 
 .process-block .icon-box:after{
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
	 bottom: 0;
	 width: 30px;
	 background-color: #b4b4b4;
	 content: "";
	 height: 1px;
 }
 
 .process-block h3{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 26px;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 10px;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 
 }
 
 .process-block h3 a{
	 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;
 }
 
 .process-block h3 a:hover{
	 color: #888888;
 }
 
 .process-block .text{
	 position: relative;
	 display: block;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .process-section:not(.style-two) .process-block .inner-box:hover .icon,
 .process-section:not(.style-two) .process-block .inner-box:hover h3,
 .process-section:not(.style-two) .process-block .inner-box:hover h3 a,
 .process-section:not(.style-two) .process-block .inner-box:hover .text{
	 color:#ffffff;
 }
 
 .process-section.style-two{
	 background-color: #ffffff;
	 padding: 90px 0 50px;
 }
 
 .process-section.style-two:before{
	 display: none;
 }
 
 .process-section.style-two .process-block{
	 position: relative;
	 margin-bottom: 50px;
 }
 
 .process-section.style-two .process-block .inner-box{
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 -ms-box-shadow: none;
	 -o-box-shadow: none;
	 box-shadow: none;
	 padding: 0 40px;
 }
 
 /*** 
 
 ====================================================================
				 Skill Section
 ====================================================================
 
 ***/
 
 .skill-section{
	 position: relative;
	 background-color: #f6f8f8;
	 padding: 95px 0 0;
 }
 
 .skill-section:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-image: url(../images/icons/pattern.png);
	 content: "";
	 background-repeat: repeat;
 }
 
 .skill-section .text-column{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .skill-section .text-column .inner-column{
	 position: relative;
	 padding-right: 95px;
 }
 
 .skill-section .text-column h2{
	 position: relative;
	 font-size: 45px;
	 line-height: 1.1em;
	 color: #333333;
	 font-weight: 500;
	 margin-bottom: 28px;
	 text-transform: uppercase;
 }
 
 .skill-section .text-column .text{
	 position: relative;
	 font-size: 18px;
	 line-height: 29px;
	 color: #888888;
	 font-weight: 300;
 }
 
 .skill-section .skill-column{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .skill-section .skill-column .inner-column{
	 position: relative;
	 margin-left: -30px;
 }
 
 .skill-section .progress-bars{
	 position:relative;
 }
 
 .progress-bars .bar-item{
	 position:relative;
 }
 
 .progress-bars .bar-item .skill-header{
	 position:relative;
	 font-size:16px;
	 line-height:30px;
	 color:#333333;
	 font-weight:500;
	 text-transform:uppercase;
	 font-family: "Rubik", sans-serif;
	 padding: 21px 0 17px
 }
 
 .progress-bars .bar-item .skill-header .skill-title{
	 position:relative;
	 float:left;
 }
 
 .progress-bars .bar-item .skill-bar{
	 position:relative;
	 width:100%;
	 height:5px;	
 }
 
 .progress-bars .bar-item .skill-bar .bar-inner{
	 position:relative;
	 width:100%;
	 height:5px;
	 background:#d6d6d6;
 }
 
 .progress-bars .bar-item .skill-bar .bar-inner .bar{
	 position:absolute;
	 left: 0;
	 top: 0;
	 height:5px;
	 width:0px;
	 background-color: #25262c;
	 -webkit-transition:all 2000ms ease;
	 -ms-transition:all 2000ms ease;
	 -o-transition:all 2000ms ease;
	 -moz-transition:all 2000ms ease;
	 transition:all 2000ms ease;
 }
 
 .progress-bars .bar-item .skill-percentage{
	 position:absolute;
	 right:0px;
	 top: -45px;
	 font-weight:500;
	 line-height:30px;
	 color: #333333;
	 font-size:16px;
	 font-family: "Rubik", sans-serif;
 }
 
 .skill-section.style-two{
	 position: relative;
	 padding: 100px 0 30px;
	 background-color: #ffffff;
 }
 
 .skill-section.style-two:before{
	 display: none;
 }
 
 /*** 
 
 ====================================================================
				 Clients Section
 ====================================================================
 
 ***/
 
 .clients-section{
	 position: relative;
	 background-color: #f6f8f8;
	 padding: 40px 0 100px;
 }
 
 .clients-section:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-image: url(../images/icons/pattern.png);
	 content: "";
	 background-repeat: repeat;
 }
 
 .clients-section .inner-container{
	 position: relative;
	 overflow: hidden;
 }
 
 .clients-section .row{
	 margin-left: -1px;
	 margin-right: -1px;
 }
 
 .clients-section .client-logo{
	 position: relative;
	 margin-top: -1px;
	 margin-bottom: -1px;
	 border: 1px dashed #c9caca;
	 overflow: hidden;
 }
 
 .clients-section .client-logo .logo{
	 position: relative;
	 text-align: center;
 }
 
 .clients-section .client-logo .logo img{
	 position: relative;
	 display: inline-block;
	 max-width: 100%;
	 height: auto;
	 opacity: .5;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .clients-section .client-logo .logo a:hover img{
	 opacity: 1;
 }
 
 .clients-section.style-two{
	 background-color: #ffffff;
	 padding: 110px 0;
 }
 
 .clients-section.style-two:before{
	 display: none;
 }
 
 /***
 
 ===================================================================
				 Who We Are
 ===================================================================
 
 ****/
 
 .who-we-are{
	 position: relative;
	 padding: 100px 0 60px;
 }
 
 .who-we-are .title-column{
	 position: relative;
	 margin-bottom: 50px;
 }
 
 .who-we-are .title-column .inner-column{
	 position: relative;
	 padding-right: 50px;
 }
 
 .who-we-are .title-column .sec-title{
	 margin-bottom: 30px;
 }
 
 .who-we-are .title-column .btn-box{
	 position: relative;
 }
 
 .who-we-are .title-column .btn-box .theme-btn{
	 padding: 17px 45px 13px;
 }
 
 .who-we-are .blocks-column{
	 position: relative;
 }
 
 .who-we-are .blocks-column .inner-column{
	 position: relative;
 }
 
 .who-we-are .blocks-column .row{
	 margin: 0 -8px;
 }
 
 .who-we-are .blocks-column .feature-block{
	 position: relative;
	 padding: 0 8px;
	 margin-bottom: 30px;
 }
 
 .feature-block .inner-box{
	 position: relative;
	 padding: 80px 15px 75px;
	 text-align: center;
	 border: 4px solid #25262c;
 }
 
 .feature-block .inner-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 content: "";
	 background-color: #25262c;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
 }
 
 .feature-block .inner-box:hover:before{
	 left: 50%;
	 width: 0;
 }
 
 .feature-block .icon{
	 position: relative;
	 display: inline-block;
	 font-size: 55px;
	 line-height: 60px;
	 margin-bottom: 25px;
	 color: #ffffff;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .feature-block h3{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 1.2em;
	 color: #ffffff;
	 font-weight: 500;
	 letter-spacing: 1px;
	 text-transform: uppercase;
 }
 
 .feature-block h3 a{
	 color: #ffffff;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .feature-block .inner-box:hover h3 a,
 .feature-block .inner-box:hover .icon{
	 color: #333333;
 }
 
 /*** 
 
 ====================================================================
		 Gallery Section
 ====================================================================
 
 ***/
 
 .gallery-section{
	 position: relative;
	 padding: 0 0 110px;
 }
 
 .gallery-section .upper-box{
	 position: relative;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
	 padding: 100px 0 90px;
 }
 
 .gallery-section .upper-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-color: #000000;
	 content: "";
	 opacity: .70;
 }
 
 .gallery-section .upper-box .sec-title{
	 margin-bottom: 15px;
 }
 
 .gallery-section .filters{
	 position: relative;
 }
 
 .gallery-section .filters .filter-tabs{
	  position:relative;
	  text-align: center;
 }
 
 .gallery-section .filters li{
	 position: relative;
	 display: inline-block;
	 font-size: 16px;
	 color: #eef1f2;
	 font-weight: 300;
	 line-height: 30px;
	 cursor: pointer;
	 margin: 0 30px;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-section .filters li:before{
	 position: absolute;
	 right: -32px;
	 top: 0;
	 font-size: 16px;
	 line-height: 30px;
	 color: #eef1f2;
	 font-weight: 300;
	 content: "/";
 }
 
 .gallery-section .filters li:last-child:before{
	 display: none;
 }
 
 .gallery-section .filters li:after{
	 position: absolute;
	 left: 50%;
	 bottom: -11px;
	 height: 3px;
	 width: 0;
	 content:"";
	 background-color: #f4f6f6;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-section .filters li.active:after,
 .gallery-section .filters li:hover:after{
	 width: 100%;
	 left: 0;
 }
 
 .gallery-section .items-container{
	 position: relative;
	 padding-top: 80px;
	 margin:0 -12px;
 }
 
 .gallery-section .items-container .gallery-item-two{
	 padding: 0 7px;
	 margin-bottom: 30px;
 }
 
 .gallery-section .big-column{
	 position:relative;
	 float:left;
	 width:70%;
 }
 
 .gallery-section .medium-column{
	 position:relative;
	 float:left;
	 width:50%;
 }
 
 .gallery-section .small-column{
	 position:relative;
	 width:33.3333333%;
	 float:left;
 }
 
 .gallery-item-two{
	 position: relative;
	 margin-bottom:30px;
 }
 
 .auto-container .row .gallery-item-two{
	 padding:0px 8px;	
 }
 
 .gallery-section .mixitup-gallery .auto-container .row{
	 margin:0px -8px;	
 }
 
 .gallery-item-two .inner-box{
	 position: relative;
 }
 
 .gallery-item-two .image-box{
	 position: relative;
	 overflow: hidden;
 }
 
 .gallery-item-two .image-box a{
	 position: relative;
	 display: block;
 }
 
 .gallery-item-two .image-box img{
	 display: block;
	 width: 100%;
	 height: auto;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-item-two .inner-box:hover .image-box img{
	 -webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 -o-transform: scale(1.1);
	 transform: scale(1.1);
 }
 
 .gallery-item-two .caption-box{
	 position: relative;
	 padding: 15px 15px 10px;
	 border: 1px solid #dedede;
	 text-align: center;
 }
 
 .gallery-item-two .caption-box h3{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 1px;
 }
 
 .gallery-item-two .caption-box h3 a{
	 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;
 }
 
 .gallery-item-two .caption-box h3 a:hover{
	 color: #999999;
 }
 
 .gallery-item-two .caption-box .content span{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 24px;
	 color: #888888;
	 font-weight: 300;
 }
 
 .gallery-section .btn-box{
	 position: relative;
	 margin-top: 50px;
	 text-align: center;
 }
 
 .gallery-section .btn-box .theme-btn{
	 padding: 17px 40px 13px;
 }
 
 .gallery-section.style-two{
	 position: relative;
	 padding: 110px 0;
 }
 
 .gallery-section.style-two .row{
	 margin: 0 -8px;
 }
 
 .gallery-section.style-two .gallery-item-two{
	 padding: 0 8px;
	 margin-bottom: 30px;
 }
 
 .gallery-section.style-two .items-container{
	 padding-top: 0;
 }
 
 .gallery-section .styled-pagination{
	 margin-top: 50px;
 }
 
 /*** 
 
 ====================================================================
			 Gallery Full Width
 ====================================================================
 
 ***/
 
 .gallery-full-width{
	 position: relative;
	 padding: 0 0 110px;
	 background-color: #f4f6f6;
 }
 
 .gallery-full-width .upper-box{
	 position: relative;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
	 padding: 100px 0 80px;
 }
 
 .gallery-full-width .upper-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-color: #000000;
	 content: "";
	 opacity: .70;
 }
 
 .mixitup-gallery .upper-box{
	 margin-bottom:80px;	
 }
 
 .gallery-full-width .upper-box .sec-title{
	 margin-bottom: 15px;
 }
 
 .gallery-full-width .filters{
	 position: relative;
 }
 
 .gallery-full-width .filters .filter-tabs{
	  position:relative;
	  text-align: center;
 }
 
 .gallery-full-width .filters li{
	 position: relative;
	 display: inline-block;
	 font-size: 16px;
	 color: #eef1f2;
	 font-weight: 300;
	 line-height: 30px;
	 cursor: pointer;
	 margin: 0 30px 20px;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-full-width .filters li:before{
	 position: absolute;
	 right: -32px;
	 top: 0;
	 font-size: 16px;
	 line-height: 30px;
	 color: #eef1f2;
	 font-weight: 300;
	 content: "/";
 }
 
 .gallery-full-width .filters li:last-child:before{
	 display: none;
 }
 
 .gallery-full-width .filters li:after{
	 position: absolute;
	 left: 50%;
	 bottom: -11px;
	 height: 3px;
	 width: 0;
	 content:"";
	 background-color: #f4f6f6;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-full-width .filters li.active:after,
 .gallery-full-width .filters li:hover:after{
	 width: 100%;
	 left: 0;
 }
 
 .gallery-full-width .items-container{
	 position: relative;
	 padding-top: 10px;
	 margin:0 -5px;
 }
 
 .gallery-full-width .items-container .gallery-item{
	 padding: 0 5px;
	 margin-bottom: 10px;
 }
 
 .gallery-full-width .big-column{
	 position:relative;
	 float:left;
	 width:75%;
 }
 
 .gallery-full-width .medium-column{
	 position:relative;
	 float:left;
	 width:50%;
 }
 
 .gallery-full-width .small-column{
	 position:relative;
	 width:25%;
	 float:left;
 }
 
 .gallery-item{
	 position: relative;
 }
 
 .mix{
	 display:none;
 }
 
 .gallery-item .inner-box{
	 position: relative;
 }
 
 .gallery-item .image-box{
	 position: relative;
 }
 
 .gallery-item .image-box .image{
	 position: relative;
 }
 
 .gallery-item .image-box .image img{
	 display: block;
	 width: 100%;
	 height: auto;
 }
 
 .gallery-item .overlay-box{
	 position: absolute;
	 left: 0px;
	 bottom: 3px;
	 padding-left: 10px;
	 width: 100%;
	 overflow: hidden;
 }
 
 .gallery-item .overlay-box .content{
	 position: relative;
	 display: inline-block;
	 width: 0;
	 padding: 17px 35px 15px 85px;
	 overflow: hidden;
	 background-color: #ffffff;
	 -webkit-transform: scaleX(0);
	 -moz-transform: scaleX(0);
	 -ms-transform: scaleX(0);
	 -o-transform: scaleX(0);
	 transform: scaleX(0);
	 transform-origin: left;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .gallery-item:hover .overlay-box .content{
	 width: auto;
	 -webkit-transform: scaleX(1);
	 -moz-transform: scaleX(1);
	 -ms-transform: scaleX(1);
	 -o-transform: scaleX(1);
	 transform: scaleX(1);
 }
 
 .gallery-item .overlay-box .content h3{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 500;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 white-space: nowrap;
 }
 
 .gallery-item .overlay-box .content h3:before{
	 position: absolute;
	 left: -45px;
	 top: 13px;
	 width: 32px;
	 height: 1px;
	 background-color: #25262c;
	 content: "";
 }
 
 .gallery-item .overlay-box .content h3 a{
	 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;
 }
 
 .gallery-item .overlay-box .content h3 a:hover{
	 color: #888888;
 }
 
 .gallery-item .overlay-box .content span{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 white-space: nowrap;
 }
 
 .gallery-full-width .btn-box{
	 position: relative;
	 margin-top: 60px;
	 text-align: center;
 }
 
 .gallery-full-width.alternate{
	 background: #ffffff;
 }
 
 .gallery-full-width .btn-box .theme-btn{
	 padding: 17px 40px 13px;
 }
 
 .gallery-full-width .styled-pagination{
	 position: relative;
	 margin-top: 70px;
 }
 
 /*** 
 
 ====================================================================
		 Project Details
 ====================================================================
 
 ***/
 
 .project-details-section{
	 position:relative;
	 padding:110px 0px 50px;	
 }
 
 .project-detail .image-box{
	 position: relative;
	 margin-bottom: 18px;
 }
 
 .project-detail .image-box .image{
	 position: relative;
	 margin-bottom: 30px;
 }
 
 .project-detail .image-box .image img{
	 display: block;
	 width: 100%;
	 height: auto;
 }
 
 .project-detail .content-box{
	 position:relative;
 }
 
 .project-detail .content-column{
	 position:relative;
	 margin-bottom:40px;
 }
 
 .project-detail .content-column .inner-column{
	 margin-right: -30px;	
 }
 
 .social-icon-three{
	 position: relative;
 }
 
 .social-icon-three li{
	 position: relative;
	 display: inline-block;
 }
 
 .social-icon-three li a{
	 position: relative;
	 display: block;
	 font-size: 13px;
	 line-height: 30px;
	 height: 30px;
	 width: 30px;
	 color: #919191;
	 background-color: #e1e1e1;
	 border-radius: 50%;
	 margin: 0 2px;
	 text-align: center;
	 -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-three li:hover a{
	 color: #ffffff;
	 background-color: #25262c;
 }
 
 .project-detail .content-box .post-share{
	 position: relative;
	 z-index: 99;
 }
 
 .project-detail .content-box .post-share ul{
	 position: relative;
	 float: right;
	 margin-top: -10px;
 }
 
 .project-detail .content-box h3{
	 position: relative;
	 font-size: 20px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 28px;
 }
 
 .project-detail .content-box .text{
	 position:relative;
	 margin-bottom: 45px;
 }
 
 .project-detail .content-box p{
	 position:relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom:23px;
 }
 
 .project-detail .info-column{
	 position:relative;
	 margin-bottom:50px;
 }
 
 .project-detail .info-column .inner-column{
	 position: relative;
	 padding-left: 55px;
 }
 
 .project-detail .info-list{
	 position: relative;
	 background-color: #25262c;
 }
 
 .project-detail .info-list li{
	 position:relative;
	 padding: 21px 60px;
	 font-size:15px;
	 color: #aaaaaa;
	 line-height: 27px;
	 border-bottom: 1px solid #3b3c42;
 }
 
 .project-detail .info-list li strong{
	 position:relative;
	 display: block;
	 font-size:15px;
	 color: #ffffff;
	 line-height: 30px;
	 font-weight: 500;
	 text-transform: uppercase;
	 font-family: "Rubik", sans-serif;
 }
 
 .project-detail .info-list .social-links{
	 position:relative;
	 margin-top: 40px;
 }
 
 .project-detail .info-list .social-links a{
	 position:relative;
	 float:left;
	 display:inline-block;
	 margin-right:20px;
	 line-height:24px;
	 color:#1e1e1e;		
 }
 
 .project-detail .info-list .social-links a:hover{
	 color:#ffae11;	
 }
 
 .project-detail .owl-theme .owl-dots{
	 display:none;	
 }
 
 .project-detail .carousel-box{
	 position:relative;
	 margin-bottom:40px;	
 }
 
 .project-detail .owl-theme .owl-nav .owl-next,
 .project-detail .owl-theme .owl-nav .owl-prev{
	 position:absolute;
	 top:50%;
	 margin-top:-27px;
	 width:54px;
	 height:54px;
	 line-height:54px;
	 background:#93999a;
	 color:#ffffff;
	 text-align:center;
	 font-size:32px;
	 border-radius:0px;
	 -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 .owl-theme .owl-nav .owl-next{
	 right:20px;
 }
 
 .project-detail .owl-theme .owl-nav .owl-prev{
	 left:20px;
 }
 
 .project-detail .owl-theme .owl-nav .owl-prev:hover,
 .project-detail .owl-theme .owl-nav .owl-next:hover{
	 background:#ffae11;	
 }
 
 .post-controls{
	 position:relative;
	 padding:30px 0px;
	 text-align:center;
	 border-top:1px solid #d0d0d0;
 }
 
 .post-controls .prev-post,
 .post-controls .next-post{
	 position:relative;
	 display:block;
	 font-size:15px;
	 font-weight:400;
	 color:#25262c;
	 line-height:30px;
	 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;	
	 font-family: "Rubik", sans-serif;
 }
 
 .post-controls .prev-post:hover,
 .post-controls .next-post:hover{
	 color:#ffae11;	
 }
 
 /***
 
 ====================================================================
	 Styled Pagination
 ====================================================================
 
 ***/
 
 .styled-pagination{
	 position:relative;
 }
 
 .styled-pagination ul{
	 position:relative;
	 display:inline-block;	
 }
 
 .styled-pagination li{
	 position:relative;
	 float: left;
	 margin-right: 7px;
 }
 
 .styled-pagination li:last-child{
	 margin-right: 0;
 }
 
 .styled-pagination li .active,
 .styled-pagination li a{
	 position:relative;
	 display:inline-block;
	 height:50px;
	 width: 50px;
	 text-align: center;
	 line-height:46px;
	 font-size:16px;
	 color:#333333;
	 font-weight:400; 	
	 border: 2px solid #333333;
	 font-family: "Rubik", sans-serif;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .styled-pagination li.prev a,
 .styled-pagination li.next a{
	 border: 0;
	 line-height: 50px;
 }
 
 .styled-pagination li a:hover,
 .styled-pagination li .active{
	 background-color:#333333;	
	 color: #ffffff;	
 }
 
 /*** 
 
 ====================================================================
			 Related Projects
 ====================================================================
 
 ***/
 
 .related-projects{
	 position: relative;
	 padding-bottom: 80px;
 }
 
 .related-projects .title{
	 position: relative;
	 margin-bottom: 55px;
 }
 
 .related-projects h2{
	 position: relative;
	 text-align: center;
	 font-size: 25px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
 }
 
 .related-projects .row{
	 margin: 0 -8px;
 }
 
 .related-projects .gallery-item-two{
	 padding: 0 8px;
	 margin-bottom: 30px;
 }
 
 /*** 
 
 ====================================================================
		 Testimonial Section								
 ====================================================================
 
 ***/
 
 .testimonial-section{
	 position: relative;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
	 padding-bottom: 0px;
	
	 /* padding-top:0px */
 
	 
	 
 }
 
 .testimonial-section:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background: #000000;
	 content: "";
	 opacity: .43;
 }
 
 .testimonial-carousel{
	 position: relative;
 }
 
 .testimonial-block{
	 position: relative;
	 max-width: 720px;
	 margin: 0 auto;
 }
 
 .testimonial-block .inner-box{
	 position: relative;
	 text-align: center;
 }
 
 .testimonial-block .icon{
	 position: relative;
	 display: inline-block;
	 height: 65px;
	 width: 65px;
	 border-radius: 50%;
	 border: 2px solid #ffffff;
	 color: #ffffff;
	 font-size: 30px;
	 line-height: 65px;
	 margin-bottom: 45px;
 }
 
 .testimonial-block .text{
	 position: relative;
	 font-size: 18px;
	 line-height: 34px;
	 color: #dcdcdc;
	 font-weight: 300;
	 font-style: italic;
	 margin-bottom: 30px;
 }
 
 .testimonial-block .info{
	 position: relative;
 }
 
 .testimonial-block .info .name{
	 position: relative;
	 font-size: 14px;
	 line-height: 25px;
	 color: #ffffff;
	 font-weight: 500;
	 letter-spacing: 1px;
	 margin-bottom: 3px;
 }
 
 .testimonial-block .info .designation{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 27px;
	 color: #cbcbcb;
	 font-weight: 300;
 }
 
 .testimonial-section .owl-nav{
	 display: block;
	 position:absolute;
	 left: 0;
	 top: 50%;
	 width: 100%;
	 margin-top: -15px;
 }
 
 .testimonial-section .owl-nav .owl-prev,
 .testimonial-section .owl-nav .owl-next{
	 position:absolute;
	 display: inline-block;
	 left: 0;
	 font-size:25px;
	 line-height: 30px;
	 width: 30px;
	 height: 30px;
	 color:#ffffff;
	 text-align:center;
	 -webkit-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .testimonial-section .owl-nav .owl-next{
	 left: auto;
	 right: 0;
 }
 
 .testimonial-section .owl-nav .owl-prev:hover,
 .testimonial-section .owl-nav .owl-next:hover{
	 transform: rotate(360deg);
 }
 
 .testimonial-image-container {
	 position: relative;
	 overflow: hidden;
	 height: 100%;
 }
 
 .testimonial-image {
	 width: 100%;
	 height: auto;
	 object-fit: cover;
	 object-position: center;
	 display: block;
	 border-radius: 0; /* Optional: rounded corners */
 }
 
 /*** 
 
 ====================================================================
					 Fun Facts Section								
 ====================================================================
 
 ***/
 
 .fun-fact-section{
	 position: relative;
	 background-size: cover;
	 background-position: center;
	 background-attachment: fixed;
	 background-repeat:  no-repeat;
	 padding: 85px 0 25px;
 }
 
 .fun-fact-section:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background: #000000;
	 opacity: .70;
	 content: "";
 }
 
 .fun-fact-section .title-column{
	 position: relative;
	 margin-bottom: 30px;
 }
 
 .fun-fact-section .title-column .inner-column{
	 position: relative;
 }
 
 .fun-fact-section .title-column h3{
	 position: relative;
	 font-size: 40px;
	 line-height: 1.1em;
	 color: #f4f6f6;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 25px;
 }
 
 .fun-fact-section .title-column .text{
	 position: relative;
	 display: block;
	 font-size: 18px;
	 line-height: 29px;
	 color: #c6c6c6;
	 font-weight: 300;
 }
 
 .fun-fact-section .content-column{
	 position: relative;
 }
 
 .fun-fact-section .content-column .row{
	 margin: 0 -40px;
 }
 
 .counter-column{
	 position: relative;
	 padding: 0 40px;
	 text-align: center;
	 margin-bottom: 50px;
	 font-family: "Rubik",sans-serif;
 }
 
 .counter-column .count-box{
	 position: relative;
	 font-size: 35px;
	 line-height: 1.2em;
	 color: #ffffff;
	 font-weight: 300;
 }
 
 .counter-column .count-text{
	 position: relative;
	 display: inline-block;
	 font-size: 65px;
	 line-height: 1em;
	 color: #ffffff;
	 font-weight: 300;
 }
 
 .counter-column .counter-title{
	 position: relative;
	 display: block;
	 font-size: 18px;
	 line-height: 29px;
	 color: #c6c6c6;
	 font-weight: 300;
	 margin-top: 10px;
 }
 
 /*** 
 
 ====================================================================
			 Services Section								
 ====================================================================
 
 ***/
 
 .services-section{
	 position: relative;
	 padding: 100px 0 100px;
 }
 
 .services-section .row{
	 position: relative;
	 background-color: #f4f6f6;
 }
 
 .services-section .image-column,
 .services-section .blocks-column{
	 position: relative;
 }
 
 .services-section .image-column .inner-column{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 z-index: 1;
 }
 
 .services-section .image-column .image{
	 position: relative;
	 display: none;
 }
 
 .services-section .image-column .image img{
	 display: block;
	 width: 100%;
	 height: auto;
 }
 
 .services-section .blocks-column .inner-column{
	 position: relative;
	 background-color: #f4f6f6;
	 padding: 60px 65px 0;
 }
 
 .service-block{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .service-block .inner-box{
	 position: relative;
	 padding-left: 95px;
 }
 
 .service-block .icon{
	 position:absolute;
	 left: 0;
	 top: 0;
	 font-size: 58px;
	 line-height: 1em;
	 color: #222222;
 }
 
 .service-block h3{
	 font-size: 16px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 15px;
 }
 
 .service-block h3 a{
	 display: inline-block;
	 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;
 }
 
 .service-block h3 a:hover{
	 color: #888888;
 }
 
 .service-block .text{
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
 }
 
 /*** 
 
 ====================================================================
			 Services Section Two								
 ====================================================================
 
 ***/
 
 .services-section-two{
	 position: relative;
	 background-color: #f6f8f8;
	 padding: 100px 0 110px;
 }
 
 .services-section-two:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-image: url(../images/icons/pattern.png);
	 content: "";
	 background-repeat: repeat;
 }
 
 .services-section-two .upper-box{
	 position: relative;
	 margin-bottom: 50px;
 }
 
 .services-section-two .upper-box .title-column{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .services-section-two .upper-box .title-column .inner-column{
	 position: relative;
	 text-align: right;
	 padding-right: 45px;
 }
 
 .services-section-two .upper-box .title-column .inner-column:before{
	 position: absolute;
	 right: -12px;
	 top: 0;
	 height: 100%;
	 width: 1px;
	 padding-bottom: 10px;
	 background: #d7d8d9 padding-box content-box;
	 content: "";
 }
 
 .services-section-two .upper-box .title{
	 position: relative;
	 display: block;
	 font-size: 15px;
	 line-height: 30px;
	 color: #888888;
	 font-weight: 400;
	 font-family: "Rubik", sans-serif;
	 margin-bottom: 10px;
 }
 
 .services-section-two .upper-box h2{
	 position: relative;
	 display: block;
	 font-size: 45px;
	 line-height: 55px;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
 }
 
 .services-section-two .upper-box .text{
	 position: relative;
	 font-size: 18px;
	 line-height: 29px;
	 color: #888888;
	 font-weight: 300;
 }
 
 .services-section-two .upper-box .text-column{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .services-section-two .upper-box .text-column .inner-column{
	 position: relative;
	 padding-left: 45px;
 }
 
 .service-block-two{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .service-block-two .inner-box{
	 position: relative;
	 background-color: #ffffff;
	 padding: 35px 45px;
	 border: 1px solid #dedede;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .service-block-two .inner-box:hover{
	 -webkit-transform:translateY(-10px);
	 -ms-transform:translateY(-10px);
	 transform:translateY(-10px);
 }
 
 .service-block-two .icon{
	 position:relative;
	 display: block;
	 font-size: 58px;
	 line-height: 60px;
	 color: #222222;
	 margin-bottom: 30px;
 }
 
 .service-block-two h3{
	 font-size: 16px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 15px;
 }
 
 .service-block-two h3 a{
	 display: inline-block;
	 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;
 }
 
 .service-block-two h3 a:hover{
	 color: #888888;
 }
 
 .service-block-two .text{
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
 }
 
 .services-section-two .btn-box{
	 position: relative;
	 text-align: center;
	 margin-top: 35px;
 }
 
 .services-section-two .btn-box .text{
	 position: relative;
	 display: block;
	 font-size: 20px;
	 line-height: 30px;
	 color: #333333;
	 font-weight: 300;
	 margin-bottom: 32px;
 }
 
 .services-section-two .btn-box .theme-btn{
	 padding: 17px 26px 13px;
 }
 
 /***
 
 ===================================================================
				 Team Section
 ===================================================================
 
 ****/
 
 .team-section{
	 position: relative;
	 /* background-color: #f4f6f6; */
 }
 
 .team-section .title-box{
	 position: relative;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
	 padding: 100px 0 100px;
 }
 
 .team-section .title-box .sec-title{
	 margin-bottom: 0;
 }
 
 .team-section .title-box:before{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-color: #000000;
	 opacity: .60;
	 content: "";
 }
 
 .team-section .content-box{
	 position: relative;
	 padding: 80px 0 65px;
 }
 
 .team-block{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .team-block .inner-box{
	 position: relative;
 }
 
 .team-block .image-box{
	 position: relative;
	 overflow: hidden;
 }
 
 .team-block .image-box .image{
	 position: relative;
	 margin: 0;
 }
 
 .team-block .image-box .image img{
	 display: block;
	 width: 100%;
	 height: auto;
	 -webkit-transition:all 500ms ease;
	 -moz-transition:all 500ms ease;
	 -ms-transition:all 500ms ease;
	 -o-transition:all 500ms ease;
	 transition:all 500ms ease;
 }
 
 .team-block .inner-box:hover .image-box .image img{
	 -webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 -o-transform: scale(1.1);
	 transform: scale(1.1);
 }
 
 .team-block .overlay-box{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
 }
 
 .team-block .overlay-box:before{
	 position: absolute;
	 left: 50%;
	 top: 0;
	 height: 100%;
	 width: 0;
	 overflow: hidden;
	 opacity: .70;
	 content: "";
	 /* background-color: #25262c; */
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
 }
 
 .team-block .inner-box:hover .overlay-box:before{
	 width: 100%;
	 left: 0;
 }
 
 .team-block .overlay-box .social-links{
	 position: absolute;
	 left: 50%;
	 top: 60%;
	 opacity: 0;
	 visibility: hidden;
	 -webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 -o-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
 }
 
 .team-block .overlay-box .social-links li{
	 position: relative;
	 display: inline-block;
	 margin-left: 12px;
 }
 
 .team-block .overlay-box .social-links li:first-child{
	 margin-left: 0;
 }
 
 .team-block .overlay-box .social-links li a{
	 display: inline-block;
	 font-size: 14px;
	 line-height: 30px;
	 color: #ffffff;
	 font-weight: 400;
	 -webkit-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 transition:all 300ms ease;
 }
 
 .team-block .overlay-box .social-links li:hover a{
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
 }
 
 .team-block .inner-box:hover .overlay-box .social-links{
	 opacity: 1;
	 visibility: visible;
	 top: 50%;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
	 -webkit-transition-delay: 400ms;
	 -moz-transition-delay: 400ms;
	 -ms-transition-delay: 400ms;
	 -o-transition-delay: 400ms;
	 transition-delay: 400ms;
 }
 
 .team-block .info-box{
	 position: relative;
	 padding: 26px 0 0;
	 /* text-align: left; */
 }
 
 .team-block .info-box .name{
	 position: relative;
	 font-size: 20px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 600;
	 letter-spacing: 1px;
	
 }
 
 .team-block .info-box .name a{
	 display: inline-block;
	 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;
 }
 
 .team-block .info-box .name:hover a{
	 color: #888888;
 }
 
 .team-block .info-box .designation{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
 }
 
 /***
 
 ===================================================================
				 News Section
 ===================================================================
 
 ****/
 
 .news-section{
	 position: relative;
	 padding: 100px 0 60px;
 }
 
 .news-section .sec-title{
	 position: relative;
 }
 
 .news-block{
	 position: relative;
	 margin-bottom: 40px;
 }
 
 .news-block .inner-box{
	 position: relative;
 }
 
 .news-block .image-box{
	 position: relative;
	 overflow: hidden;
 }
 
 .news-block .image-box img{
	 display: block;
	 width: 100%;
	 height: auto;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
 }
 
 .news-block .inner-box:hover .image-box a img{
	 -webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 -o-transform: scale(1.1);
	 transform: scale(1.1);
 }
 
 .news-block .lower-content{
	 position: relative;
	 padding: 18px 0 0;
 }
 
 .news-block .date{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 26px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom: 8px;
 }
 
 .news-block h3{
	 position: relative;
	 display: block;
	 font-size: 19px;
	 line-height: 26px;
	 color: #333333;
	 font-weight: 500;
	 letter-spacing: .5px;
	 text-transform: uppercase;
	 margin-bottom: 20px;
 }
 
 .news-block h3 a{
	 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;
 }
 
 .news-block h3 a:hover{
	 color: #999999;
 }
 
 .news-block .text{
	 position: relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom: 15px;
 }
 
 .news-block .link-box{
	 position: relative;
 }
 
 .news-block .link-box a{
	 display: inline-block;
	 font-size: 13px;
	 line-height: 20px;
	 color: #888888;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 1.5px;
	 font-family: "Rubik", sans-serif;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .news-block .link-box a:hover{
	 text-decoration: underline;
 }
 
 .news-section.alternate{
	 position: relative;
	 padding: 110px 0;
 }
 
 .news-section.alternate .styled-pagination{
	 margin-top: 35px;
 }
 
 /***
 
 ==================================================================
				 Blog Standard
 ==================================================================
 
 ***/
 
 .blog-standard{
	 position: relative;
	 padding-right: 23px;
 }
 
 .blog-standard .news-block .lower-content{
	 padding: 22px 0 0;
 }
 
 .blog-standard .news-block h3{
	 font-size: 20px;
	 margin-bottom: 16px;
 }
 
 .blog-standard .styled-pagination{
	 margin-top: 75px;
 }
 
 /***
 
 ==================================================================
				 Blog Single
 ==================================================================
 
 ***/
 
 .blog-single{
	 position: relative;
	 padding-right: 23px;
 }
 
 .blog-single .news-block .lower-content{
	 padding: 22px 0 0;
 }
 
 .blog-single .news-block h3{
	 font-size: 20px;
	 margin-bottom: 16px;
 }
 
 .blog-single .text{
	 position: relative;
	 margin-bottom: 15px;
 }
 
 .blog-single p{
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom: 25px;
 }
 
 .blog-single blockquote{
	 position: relative;
	 padding: 30px 15px 25px;
	 text-align: center;
	 font-size: 18px;
	 color: #25262c;
	 line-height: 30px;
	 font-weight: 300;
	 font-style: italic;
	 border: 0;
	 margin: 40px 0;
	 border-top: 3px solid #e9e9e9;
	 border-bottom: 3px solid #e9e9e9;
 }
 
 .blog-single blockquote .icon{
	 position: relative;
	 display: block;
	 font-size: 20px;
	 line-height: 20px;
	 color: #25262c;
	 margin-bottom: 20px;
 }
 
 .blog-single blockquote cite{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 24px;
	 color: #333333;
	 font-weight: 500;
	 font-family: "Rubik", sans-serif;
	 font-style: normal;
	 margin-top: 15px;
	 text-transform: uppercase;
 }
 
 /*post share options*/
 
 .blog-single .post-share-options{
	 position:relative;
	 padding:25px 0px;
	 border-top: 1px solid #dcdcdc;
 }
 
 .blog-single .post-share-options p{
	 position:relative;
	 color:#333333;
	 font-size:14px;
	 line-height: 20px;
	 font-weight:400;
	 margin:0;
	 display: inline-block;
	 text-transform: uppercase;
	 font-family: "Rubik", sans-serif;
 }
 
 .blog-single .post-share-options .tags{
	 position: relative;
	 display: inline-block;
 }
 
 .blog-single .post-share-options .tags li{
	 position: relative;
	 display: inline-block;
 }
 
 .blog-single .post-share-options .tags a{
	 position:relative;
	 font-size:14px;
	 font-weight:300;
	 line-height: 20px;
	 color:#888888;
	 letter-spacing: .5px;
	 text-transform: capitalize;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .blog-single .post-share-options .tags a:hover{
	 color: #333333;
 }
 
 .blog-single .post-share-options .social-icon{
	 position: relative;
	 display: inline-block;
 }
 
 .blog-single .post-share-options .social-icon li{
	 position: relative;
	 display: inline-block;
	 margin-left: 2px;
 }
 
 .blog-single .post-share-options .social-icon li a{	
	 position: relative;
	 display: block;
	 font-size: 13px;
	 line-height: 30px;
	 color: #919191;
	 height: 30px;
	 width: 30px;
	 text-align: center;
	 border-radius: 50%;
	 background-color: #e1e1e1;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .blog-single .post-share-options .social-icon li a:hover{
	 background-color: #333333;
	 color: #ffffff;
 }
 
 .group-title h3{
	 position: relative;
	 display: block;
	 font-size: 25px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 margin-bottom: 25px;
	 text-transform: uppercase;
 }
 
 .blog-single .related-posts{
	 position: relative;
	 margin-top: 45px;
	 padding-bottom: 30px;
 }
 
 .blog-single .related-posts .row{
	 position: relative;
	 margin: 0 -10px;
 }
 
 .blog-single .related-posts .news-block{
	 padding:0 10px;
 }
 
 .blog-single .related-posts .news-block h3{
	 font-size: 19px;
	 margin-bottom: 20px;
 }	
 
 .blog-single .related-posts .news-block .lower-content{
	 padding-top:18px;
 }
 
 .blog-single .two-column{
	 position: relative;
	 margin:40px 0;
 }
 
 .blog-single .two-column .text-column,
 .blog-single .two-column .image-column{
	 position: relative;
 }
 
 .blog-single .two-column .image-column .image{
	 position: relative;
	 margin-right: -20px;
 }
 
 .blog-single .two-column .image-column .image img{
	 display: block;
	 width: 100%;
	 height: auto;
 }
 
 .blog-single .two-column .text-column .text{
	 position: relative;
	 padding-top: 20px;
	 padding-left: 30px;
 }
 
 .blog-single .two-column .text-column .text p{
	 position: relative;
 }
 
 .blog-single.style-two{
	 position: relative;
	 padding:110px 0;
 }
 
 .blog-single.style-two .news-block{
	 margin-bottom: 30px;
 }
 
 .blog-single.style-two .news-block .lower-content{
	 padding-top: 35px;
 }
 
 .blog-single.style-two .comments-area,
 .blog-single.style-two .author-box{
	 max-width: 940px;
 }
 
 .blog-single.style-two .comment-form{
	 max-width: 840px;
 }
 
 /*==========================
		 Author Box
 ===========================*/
 
 .author-box{
	 position: relative;
	 max-width: 940px;
	 padding: 45px 50px 45px 45px;
	 border:1px solid #e3e3e3;
	 margin-bottom: 70px;
	 margin-top: 40px;
 }
 
 .author-box .inner-box{
	 position: relative;
	 min-height: 90px;
	 padding: 0px 0px 0px 120px;
 }
 
 .author-box .image-box{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 90px;
	 width: 90px;
	 overflow: hidden;
 }
 
 .author-box .name{
	 position: relative;
	 display: block;
	 font-size: 16px;
	 line-height: 30px;
	 color: #333333;
	 font-weight: 500;
	 margin-bottom: 7px;
	 font-family: "Rubik", sans-serif;
 }
 
 .author-box .text{
	 position: relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 margin-bottom: 0;
 }
 
 .author-box .social-icons{
	 position: absolute;
	 right: 0;
	 top: 2px;
 }
 
 .author-box .social-icons li{
	 position: relative;
	 display: inline-block;
	 margin-left: 15px;
 }
 
 .author-box .social-icons li:first-child{
	 margin-left: 0;
 }
 
 .author-box .social-icons li a{
	 display: inline-block;
	 font-size: 14px;
	 line-height: 20px;
	 color: #bababa;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .author-box .social-icons li a:hover{
	 color: #333333;
 }
 
 /***
 
 ==================================================================
				 Contact Map Section
 ==================================================================
 
 ***/
 
 .map-section{
	 position: relative;
 }
 
 .map-section .inner-container{
	 position: relative;
 }
 
 .map-section .map-canvas{
	 position: relative;
	 height: 350px;
	 width: 100%;
 }
 
 .map-data{
	 text-align:center;
	 font-size:14px;
	 font-weight:400;
	 line-height:1.8em;
 }
 
 .map-data a{
	 display: block;
 }
 
 
 .map-data h6{
	 font-size:16px;
	 font-weight:700;
	 text-align:center;
	 margin-bottom:5px;
	 color:#121212;
 }
 
 /***
 
 ==================================================================
				 Main Footer
 ==================================================================
 
 ***/
 
 .main-footer{
	 position:relative;
	 background-color:#25262c;
 }
 
 .main-footer .widgets-section{
	 position:relative;
	 padding: 80px 0 35px;
 }
 
 .main-footer .footer-column{
	 position:relative;
 }
 
 .main-footer .footer-widget{
	 position:relative;
	 margin-bottom:40px;
 }
 
 .main-footer .footer-column .widget-title{
	 position: relative;
	 font-size:16px;
	 line-height: 1.2em;
	 font-weight:500;
	 color:#ffffff;
	 text-transform:uppercase;
	 letter-spacing: 1.5px;
	 margin-bottom:40px;
 }
 
 /*=== About Widget ===*/
 .main-footer .about-widget{
	 position: relative;
	 padding-right: 40px;
 }
 
 .main-footer .about-widget .footer-logo{
	 position:relative;	
	 top: -15px;
	 margin-bottom: 15px;
 }
 
 .main-footer .about-widget .footer-logo img{
	 display:block;
	 max-width:100%;	
 }
 
 .main-footer .about-widget .text{
	 position: relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #e6e6e6;
	 font-weight: 300;
	 margin-bottom: 15px;
 }
 
 .main-footer .about-widget .link-box{
	 position: relative;
 }
 
 .main-footer .about-widget .link-box a{
	 position: relative;
	 display: inline-block;
	 font-size: 13px;
	 line-height: 20px;
	 color: #e6e6e6;
	 font-weight: 500;
	 font-family: "Rubik", sans-serif;
	 letter-spacing: 1.5px;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .main-footer .about-widget .link-box a:hover{
	 text-decoration: underline;
 }
 
 /* Contact Widget */
 
 .contact-info-list{
	 position: relative;
 }
 
 .contact-info-list li{
	 position: relative;
	 padding-left: 35px;
	 margin-bottom: 12px;
	 font-size: 14px;
	 line-height: 25px;
	 color: #e6e6e6;
	 font-weight: 300;
 }
 
 .contact-info-list li i{
	 position: absolute;
	 left: 0;
	 top: 0;
	 font-size: 20px;
	 line-height: 26px;
	 color: #e6e6e6;
	 font-weight: 300;
 }
 
 .contact-info-list li a{
	 color: #e6e6e6;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .contact-info-list li a:hover{
	 text-decoration: underline;
 }
 
 /* Links Widget */
 
 .main-footer .social-widget{
	 position: relative;
 }
 
 .social-icon-two li{
	 position:relative;
	 display: block;
	 line-height: 20px;
	 line-height: 24px;
	 font-size: 14px;
	 color: #e6e6e6;
	 margin-bottom: 10px;
 }
 
 .social-icon-two li a{
	 position:relative;
	 display: inline-block;
	 line-height: 24px;
	 font-size: 14px;
	 color: #e6e6e6;
	 padding-left: 25px;
	 text-transform:capitalize;
	 -webkit-transition: all 200ms ease;
	 -moz-transition: all 200ms ease;
	 -ms-transition: all 200ms ease;
	 -o-transition: all 200ms ease;
	 transition: all 200ms ease;
 }
 
 .social-icon-two li i{
	 position: absolute;
	 left: 0;
	 top: 0;
	 font-size: 14px;
	 line-height: 24px;
	 color: #e6e6e6;
 }
 
 .social-icon-two li a:hover{
	 text-decoration: underline;
 }
 
 /*=== Subscribe Widget ===*/
 
 .main-footer .subscribe-widget{
	 position: relative;
	 margin-left: -10px;
 }
 
 .main-footer .subscribe-widget .widget-title{
	 margin-bottom: 45px;
 }
 
 .main-footer .subscribe-form{
	 position: relative;
 }
 
 .main-footer .subscribe-form .form-group{
	 position:relative;
	 margin:0 0 10px;
 }
 
 .main-footer .subscribe-form .form-group input[type="text"],
 .main-footer .subscribe-form .form-group input[type="email"]{
	 position:relative;
	 display:block;
	 font-size:15px;
	 color:#232323;
	 line-height:22px;
	 padding:14px 20px;
	 height:52px;
	 width:100%;
	 background-color: #ffffff;
	 border: 1px solid transparent;
	 -moz-transition:all 500ms ease;
	 -webkit-transition:all 500ms ease;
	 -ms-transition:all 500ms ease;
	 -o-transition:all 500ms ease;
	 transition:all 500ms ease;
 }
 
 .main-footer .subscribe-form .form-group input:focus{
	 border-color:#18191e;	
 }
 
 .main-footer .subscribe-form .form-group input[type="submit"],
 .main-footer .subscribe-form .form-group button{
	 position:relative;
	 width:100%;
	 height:52px;
	 padding: 10px 30px;
	 line-height: 32px;
	 text-align:center;
	 display:block;
	 font-size:13px;
	 color:#ffffff;
	 background-color: #18191e;
	 text-transform: uppercase;
	 font-weight:500;
	 font-family: "Rubik", sans-serif;
	 letter-spacing: 1.5px;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .main-footer .subscribe-form .form-group input[type="submit"]:hover,
 .main-footer .subscribe-form .form-group button:hover{
	 background-color: #ffffff;
	 color: #18191e;
 }
 
 .subscribe-form ::-webkit-input-placeholder{color:#888888;}
 .subscribe-form ::-moz-input-placeholder{color:#888888;}
 .subscribe-form ::-ms-input-placeholder{color:#888888;}
 
 .main-footer .footer-bottom{
	 position: relative;
	 border-top: 1px solid #3b3c42;
 }
 
 .main-footer .footer-bottom .copyright-text{
	 position: relative;
	 display: block;
	 padding: 15px 0;
	 text-align: center;
	 font-size: 14px;
	 line-height: 30px;
	 color: #e6e6e6;
	 font-weight: 300;
 }
 
 .main-footer .footer-bottom .copyright-text a{
	 color: #e6e6e6;
 }
 
 .main-footer .footer-bottom .copyright-text a:hover{
	 text-decoration: underline;
 }
 
 /*** 
 
 ====================================================================
		 Sidebar Page Container
 ====================================================================
 
 ***/
 
 .sidebar-page-container{
	 position:relative;
	 padding:110px 0px 50px;
 }
 
 .sidebar-page-container .sidebar-side,
 .sidebar-page-container .content-side{
	 margin-bottom:50px;	
 }
 
 .sidebar-page-container .sidebar-side .sidebar{
	 position: relative;
	 margin-left: -23px;
 }
 
 .sidebar-widget{
	 position: relative;
	 margin-bottom:45px;
 }
 
 .sidebar-widget:last-child{
	 margin-bottom: 0;
 }
 
 .sidebar-title{
	 position:relative;
	 margin-bottom:25px;
 }
 
 .sidebar-title h4{
	 font-size: 16px;
	 color: #333333;
	 font-weight: 500;
	 line-height: 1.2em;
	 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;
	 display: block;
	 font-size:13px;
	 line-height:20px;
	 padding:15px 20px;
	 padding-right: 60px;
	 border:1px solid #e3e3e3;
	 color:#25262c;
	 width:100%;
	 height:52px;
	 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 input:focus{
	 border-color:#25262c;	
 }
 
 .sidebar .search-box .form-group input[type="submit"],
 .sidebar .search-box .form-group button{
	 position:absolute;
	 right:0px;
	 top:0px;
	 width:50px;
	 height:52px;
	 text-align:center;
	 display:block;
	 font-size:13px;
	 color:#ffffff;
	 background-color: #25262c;
	 font-weight:normal;
 }
 
 .search-box ::-webkit-input-placeholder{color: #888888;}
 .search-box ::-moz-input-placeholder{color: #888888;}
 .search-box ::-ms-input-placeholder{color: #888888;}
 
 /*Post Widget*/
 
 .sidebar .recent-posts .post{
	 position:relative;
	 padding-left: 75px;
	 min-height: 57px;
	 padding-top: 5px;
	 margin-bottom: 20px;
 }
 
 .sidebar .recent-posts .post .date{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 57px;
	 width: 55px;
	 background-color: #f3f3f3;
	 color: #888888;
	 font-size: 13px;
	 line-height: 20px;
	 padding: 10px 0 6px;
	 text-align: center;
 }
 
 .sidebar .recent-posts .post .date span{
	 position: relative;
	 display: block;
	 font-size: 20px;
	 line-height: 20px;
	 color: #333333;
	 font-weight: 500;
	 font-family: "Rubik", sans-serif;
 }
 
 .sidebar .recent-posts .post h4{
	 position: relative;
	 display: block;
	 font-size: 15px;
	 line-height: 24px;
	 color: #888888;
	 font-weight: 300;
	 font-family: "Merriweather", sans-serif;
 }
 
 .sidebar .recent-posts .post h4 a{
	 display: inline-block;
	 color: #888888;
	 transition: all 300ms ease;
 }
 
 /*Category Widget*/
 
 .sidebar .category-list{
	 position:relative;
 }
 
 .sidebar .category-list li{
	 position:relative;
	 border-bottom:1px solid #dddddd;
 }
 
 .sidebar .category-list li:first-child a{
	 padding-top:0px;
 }
 
 .sidebar .category-list li a{
	 position:relative;
	 color:#888888;
	 font-size:15px;
	 line-height: 20px;
	 padding:16px 0px;
	 font-weight: 300;
	 display:block;
	 transition:all 500ms ease;
	 -webkit-transition:all 500ms ease;
	 -ms-transition:all 500ms ease;
	 -o-transition:all 500ms ease;
	 -moz-transition:all 500ms ease;
 }
 
 .sidebar .category-list li a:hover{
	 color:#333333;
 }
 
 .sidebar .category-list li a span{
	 position: relative;
	 float: right;
 }
 
 /*=== Twitter Widget ===*/
 
 .sidebar .twitter-widget{
	 position: relative;
 }
 
 .sidebar .twitter-post{
	 position: relative;
	 margin-bottom: 20px;
	 padding-left: 35px;
 }
 
 .sidebar .twitter-post .icon{
	 position: absolute;
	 left: 0;
	 top: 3px;
	 font-size: 14px;
	 line-height: 20px;
	 color: #25262c;
	 font-weight: 400;
 }
 
 .sidebar .twitter-post .text{
	 position: relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
 }
 
 .sidebar .twitter-post .text a{
	 color: #333333;
	 display: inline-block;
	 word-break: break-all;
	 text-decoration: underline;
	 -webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
	 -ms-transition: all 300ms ease;
	 -o-transition: all 300ms ease;
	 transition: all 300ms ease;
 }
 
 .sidebar .twitter-post .text a:hover{
	 color: #25262c;
 }
 
 /*popular tags*/
 
 .sidebar .popular-tags{
	 position: relative;
 }
 
 .sidebar .tag-list{
	 position: relative;
 }
 
 .sidebar .tag-list li{
	 position: relative;
	 float: left;
	 margin-right: 5px;
	 margin-bottom: 5px;
 }
 
 .sidebar .tag-list li a{
	 position:relative;
	 display:block;
	 font-size:13px;
	 line-height:20px;
	 color:#25262c;
	 padding: 8px 16px;
	 text-align:center;
	 font-weight: 300;
	 background-color:#eeeeee;
	 transition:all 300ms ease;
	 -webkit-transition:all 300ms ease;
	 -ms-transition:all 300ms ease;
	 -o-transition:all 300ms ease;
	 -moz-transition:all 300ms ease;
 }
 
 .sidebar .popular-tags a:hover{
	 background-color:#25262c;
	 color:#ffffff;	
 }
 
 /*** 
 
 ====================================================================
		 Comments Area
 ====================================================================
 
  ***/
 
 .comments-area{
	 position:relative;
	 margin-bottom:70px;	
 }
 
 .comments-area .comment-box{
	 position:relative;
	 margin-bottom: 35px;
 }
 
 .comments-area .comment-box.reply-comment{
	 margin-left: 120px;
 }
 
 .comments-area .comment-box:last-child{
	 margin-bottom: 0;
 }
 
 .comments-area .comment{
	 position:relative;
	 padding-left: 120px;
	 min-height: 80px;
 }
 
 .comments-area .comment .author-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width: 80px;
	 height: 80px;
	 margin-bottom:20px;
 }
 
 .comments-area .comment-box .author-thumb img{
	 width:100%;
	 display:block;
	 height: auto;
 }
 
 .comments-area .comment-info{
	 position: relative;
	 margin-bottom: 2px;
 }
 
 .comments-area .name{
	 position: relative;
	 display: block;
	 font-size:16px;	
	 color:#333333;
	 line-height:24px;
	 top: -5px;
	 font-family: "Rubik", sans-serif;
	 font-weight: 500;
	 text-transform: uppercase;
 }
 
 .comments-area .comment .text{
	 font-size:15px;
	 color:#888888;
	 line-height: 27px;
	 font-weight: 300;
 }
 
 .comments-area .comment .reply-btn{
	 font-size:14px;
	 color:#333333;
	 font-weight:500;
	 text-transform:uppercase;
	 letter-spacing:2px;
	 font-family: "Rubik", sans-serif;
 }
 
 .comments-area .comment .reply-btn:hover{
	 text-decoration: underline;
 }
 
 /*** 
 
 ====================================================================
		 Comment Form
 ====================================================================
 
  ***/
 
 .comment-form{
	  position: relative;
 }
 
  .comment-form .row{
	  margin:0 -10px;
  }
 
 .comment-form .form-group{
	 position:relative;
	 padding: 0 10px;
	 margin-bottom:20px;	
 }
 
 .comment-form .form-group:last-child{
	 margin-bottom: 0;
 }
 
 .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="url"],
 .comment-form .form-group input[type="email"],
 .comment-form .form-group textarea,
 .comment-form .form-group select{
	 position:relative;
	 display: block;
	 font-size:13px;
	 line-height:20px;
	 padding:15px 20px;
	 padding-right: 60px;
	 color:#25262c;
	 width:100%;
	 height:52px;
	 border:1px solid #e3e3e3;
	 transition:all 500ms ease;
	 -moz-transition:all 500ms ease;
	 -webkit-transition:all 500ms ease;
	 -ms-transition:all 500ms ease;
	 -o-transition:all 500ms ease;
 }
 
 .comment-form .form-group textarea{
	 height: 152px;
	 margin-bottom: 10px;
 }
 
 .comment-form .form-group input:focus,
 .comment-form .form-group select:focus,
 .comment-form .form-group textarea:focus{
	 border-color:#25262c;	
 }
 
 .comment-form .form-group input[type="submit"],
 .comment-form .form-group button{
 
 }
 
 .comment-form ::-webkit-input-placeholder{color: #888888;}
 .comment-form ::-moz-input-placeholder{color: #888888;}
 .comment-form ::-ms-input-placeholder{color: #888888;}
 
 /***
 
 ==================================================================
			  Contact Map Section
 ==================================================================
 
 ***/
 
 .contact-map-section{
	 position: relative;
 }
 
 .contact-map-section .map-canvas{
	 position: relative;
	 height: 490px;
	 width: 100%;
 }
 
 /*** 
 
 ====================================================================
			 Contact Info Section
 ====================================================================
 
  ***/
 
 .contact-info-section{
	  position: relative;
	  padding: 100px 0 25px;
 }
 
 .contact-info-section:before{
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 border-bottom: 1px solid #e3e3e3;
	 content: '';
	 width: 100%;
	 max-width: 1170px;
	 margin: 0 auto;
 }
 
 .contact-info-section .info-block{
	  position: relative;
	  margin-bottom: 40px;
 }
 
 .contact-info-section .info-block:nth-child(1){
	 text-align: left;
 }
 
 .contact-info-section .info-block:nth-child(2){
	 text-align: center;	
 }
 
 .contact-info-section .info-block:nth-child(3){
	 text-align: right;
 }
 
 .contact-info-section .info-block .inner{
	 position: relative;
	 display: inline-block;
	 padding-left: 50px;
	 text-align: left;
 }
 
 .contact-info-section .info-block .inner .icon{
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 50px;
	 line-height: 50px;
	 font-size: 40px;
 }
 
 .contact-info-section .info-block .inner .text{
	 position: relative;
	 display: block;
	 font-size: 14px;
	 line-height: 25px;
	 color: #333333;
	 font-weight: 300;
 }
 
 .contact-info-section .info-block .text a{
	 position: relative;
	 display: block;
	 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;
 }
 
 .contact-info-section .info-block .text a:hover{
	 color: #000000;
	 text-decoration: underline;
 }
 
 /*** 
 
 ====================================================================
			 Contact Form Section
 ====================================================================
 
  ***/
 
 .contact-form-section{
	 position: relative;
	 padding-bottom: 110px;
 }
 
 .contact-form-section .contact-form{
	 position: relative;
	 padding-top: 70px;
 }
 
 .contact-form-section .title{
	 position: relative;
	 text-align: center;
	 margin-bottom: 50px;
 }
 
 .contact-form-section .title h2{
	 position: relative;
	 font-size: 30px;
	 line-height: 1.2em;
	 color: #333333;
	 font-weight: 500;
	 text-transform: uppercase;
	 margin-bottom: 25px;
 }
 
 .contact-form-section .title .text{
	 position: relative;
	 font-size: 15px;
	 line-height: 27px;
	 color: #888888;
	 font-weight: 300;
	 max-width: 620px;
	 margin: 0 auto;
 }
 
  .contact-form{
	  position: relative;
	  max-width: 840px;
	  margin: 0 auto;
  }
 
  .contact-form .row{
	  margin:0 -10px;
  }
 
 .contact-form .form-group{
	 position:relative;
	 padding: 0 10px;
	 margin-bottom:20px;	
 }
 
 .contact-form .form-group:last-child{
	 margin-bottom: 0;
 }
 
 .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="url"],
 .contact-form .form-group input[type="email"],
 .contact-form .form-group textarea,
 .contact-form .form-group select{
	 position:relative;
	 font-size:13px;
	 line-height:20px;
	 padding:15px 20px;
	 padding-right: 60px;
	 color:#25262c;
	 display:block;
	 width:100%;
	 height:52px;
	 border:1px solid #e3e3e3;
	 transition:all 500ms ease;
	 -moz-transition:all 500ms ease;
	 -webkit-transition:all 500ms ease;
	 -ms-transition:all 500ms ease;
	 -o-transition:all 500ms ease;
 }
 
 .contact-form .form-group textarea{
	 height: 152px;
	 margin-bottom: 10px;
 }
 
 .contact-form .form-group input:focus,
 .contact-form .form-group select:focus,
 .contact-form .form-group textarea:focus{
	 border-color:#25262c;	
 }
 
 .contact-form .form-group input.error,
 .contact-form .form-group select.error,
 .contact-form .form-group textarea.error{
	 border-color:#ff0000;	
 }
 
 .contact-form .form-group label.error{
	 display:block;
	 line-height:24px;
	 padding-top:5px;
	 font-size:14px;
	 text-transform:capitalize;
	 color:#ff0000;
	 font-family: 'Rubik', sans-serif;
 }
 
 .contact-form ::-webkit-input-placeholder{color: #888888;}
 .contact-form ::-moz-input-placeholder{color: #888888;}
 .contact-form ::-ms-input-placeholder{color: #888888;}
 
 .about-section {
	 display: flex;
	 /* align-items: flex-start; */
	 justify-content: space-between;
	 max-width: 1200px;
	 margin: 0 auto;
	 /* padding: 80px 80px 8px 20px; */
	 gap: 60px;
   }
   
   .about-left {
	 flex: 1;
   }
   
   .about-left h5 {
	 font-size: 14px;
	 letter-spacing: 1.5px;
	 color: #090607; /* Dark greenish color */
	 margin-bottom: 20px;
	 text-transform: uppercase;
   }
   
   .about-left h1 {
	 font-size: 35px;
	 color: #ac8869;
	 font-weight: 500;
	 line-height: 1.2;
   }
   
   .about-right {
	 flex: 2;
	 display: flex;
	 align-items: center;
   }
   
   .about-right p {
	 font-size: 22px;
	 line-height: 1.5;
	 color: #090607;
	 max-width: 1055px;
   }
   
   @keyframes slideUp {
	 from {
	   transform: translateY(30px);
	   opacity: 0;
	 }
	 to {
	   transform: translateY(0);
	   opacity: 1;
	 }
   }
   
   .about-section .about-left h5,
   .about-section .about-left h1,
   .about-section .about-right p {
	 animation: slideUp 1s ease-out;
   }
   
   
   /* ===== GALLERY SECTION ===== */
 .gallery-section {
	 position: relative;
	 /* background-image: url('img/gallery/gallery-item-3.webp'); */
	 background-size: cover;
	 background-position: center;
	 padding: 0px 0;
	 overflow: hidden;
   }
   
   /* ===== GALLERY WRAPPER ===== */
   .gallery-wrapper {
	 position: relative;
	 width: 100%;
	 overflow: hidden;
	 white-space: nowrap;
   }
   
   /* ===== GALLERY TRACK (Scrolling container) ===== */
   .gallery-track {
	 display: flex;
	 align-items: self-start;
	 width: max-content;
	 animation: scroll-left 58s linear infinite;
   }
   
   /* ===== INDIVIDUAL GALLERY CARD ===== */
   .gallery-card {
	 flex: 0 0 auto;
	 margin-right: 0px;
	 background-color: rgba(255, 255, 255, 0.1);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 overflow: hidden;
	 box-sizing: border-box;
	 border-radius: 0px;
   }
   
   /* ===== GALLERY CARD IMAGE ===== */
   .gallery-card img {
	 width: 100%;
	 height: 100%;
	 object-fit: contain; /* Show the entire image without cropping */
	 padding: 10px; /* Optional: spacing inside the card */
	 border-radius: 0px;
   }
   
   /* ===== SCROLLING ANIMATION ===== */
   /* @keyframes scroll-right {
	 from {
	   transform: translateX(-50%);
	 }
	 to {
	   transform: translateX(0%);
	 }
   } */
   @keyframes scroll-left {
	from {
	  transform: translateX(0%);
	}
	to {
	  transform: translateX(-50%);
	}
  }
  
   
  
   
 /* General reset */
 * {
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box;
   }
   
   
   
   /* Navbar */
   .navbar {
	 position: fixed;
	 top: 20px;
	 left: 50%;
	 transform: translateX(-50%);
	 width: 90%;
	 max-width: 1200px;
	 background: #f3f4f6;
	 padding: 5px 15px;
	 border-radius: 40px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 z-index: 1000;
	 font-family: 'Roboto';
	 box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
   }
   
   /* Navigation Menu */
   .menu {
	 display: flex;
	 gap: 25px;
	 margin-left: 10px; /* Adjust value as needed */
   }
   
   .menu a {
	 text-decoration: none;
	 color: #090607;
	 font-weight: 500;
	 font-size: 16px;
	 transition: color 0.3s ease;
   }
   
   .menu a:hover {
	 color:#ac8869;
   }
   
   /* Logo */
   .logo {
	 position: absolute;
	 left: 50%;
	 transform: translateX(-50%);
	 font-size: 22px;
	 font-weight: bold;
	 color: #00332d;
	 display: flex;
	 align-items: center;
	 gap: 8px;
   }
   
   /* Contact Button */
   .contact-button {
	 background-color: #090607;
	 color: #fff;
	 padding: 15px 40px;
	 border-radius: 999px;
	 text-decoration: none;
	 font-weight: 600;
	 font-size: 16px;
     transition: background-color 0.3s ease;
   }
   
   .contact-button:hover {
	 background-color: #ac8869;
	 color: #fff;
   }
   
   /* Spacer to push down content */
   .spacer {
	 height: 100px;
   }
   
   /* Main Content */
   .content {
	 padding: 40px;
   }  
   
   .hero-banner {
	 position: relative;
	 height: 100vh; /* Ensures the banner takes the full height of the viewport */
 }
 
 .hero-img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover; /* Ensures the image covers the entire section without distortion */
	 z-index: -1; /* Places the image behind the text content */
 }
 .headline h1 {
	 font-size: 5.0rem; /* Increased font size */
	 color: white; /* Changed text color to white */
	 font-weight: 600;
	 padding-left: 50px;
	 padding-top: 30px;
	 line-height: 1.2;
	 margin-bottom: 0;
 }
 
 @keyframes scroll-right {
	 from {
	   transform: translateX(-50%);
	 }
	 to {
	   transform: translateX(0%);
	 }
   }
   
   .down-shift {
	 margin-top: 40px; /* Adjust this value as needed */
   }
 
   .filled-contact {
	 background-color: #ac8a6c; 
	 color: white !important; /* force white text */
	 border: none !important; /* remove borde2r */
	 padding: 20px px;
	 border-radius: 30px; /* make it rounded */
	 font-weight: 600;
	 font-size: 16px;
	 text-transform: capitalize;
	 transition: all 0.3s ease;
 }
 
 .filled-contact:hover {
	 background-color:#060608; /* slightly lighter on hover */
 }
 
 .text-button-inner {
	 display: flex;
	 flex-direction: row; /* Horizontal */
	 align-items: center; /* Vertically center align */
	 justify-content: center; /* Center both together in middle */
	 gap: 30px; /* Space between text and button */
   }
   
   .slider-text {
	 font-size: 15px;
	 color: #ffffff;
	 margin: 0;
	 padding-top: 10px;
	 padding-left: 20px;
	 text-align: right; /* Optional: text aligned right if you want it even neater */
   }
   
   
   
   .slider-btn {
	 background-color: #090607;
	 color: #ffffff;
	 padding: 8px 20px;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 30px;
	 text-decoration: none;
	 transition: background 0.3s ease;
	 white-space: nowrap; /* Make sure button text stays on one line */
   }
   
   .slider-btn:hover {
	 background-color: #ac8869;
	 color: #ffffff;
   }
   
   @keyframes rotate {
	 from {
		 transform: rotate(0deg);
	 }
	 to {
		 transform: rotate(360deg);
	 }
 }
 
 .rotating {
	 width: 130px;
	 height: 150px;
	 position: absolute; /* Fixed to the viewport */
	 top: 150px; /* Adjust based on navigation height */
	 right: 10px;
	 opacity: 0.8;
	 left: 900px;
	 animation: rotate 20s linear infinite;
 }
 
 .container {
	 padding: 40px 20px; /* Adjust vertical padding as needed */
   }
   
   .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center; /* Center the columns horizontally */
	 /* text-align: center;  */
   }
   
   .stats-box {
	 flex: 0 0 auto; /* Don't grow or shrink, take up auto width */
	 width: calc(25% - 20px); /* Four columns with some spacing */
	 padding: 20px;
	 margin: 10px; /* Add some spacing between the boxes */
   }
   
   /* Media queries for responsiveness */
   @media (max-width: 992px) {
	 .stats-box {
	   width: calc(50% - 20px); /* Two columns on medium screens */
	 }
   }
   
   @media (max-width: 768px) {
	 .stats-box {
	   width: 100%; 
	   margin: 10px 0;
	 }
   }
  
  
   
   .stats-number {
	 font-size: 3.5em; /* Adjust the size as needed */
	 font-weight: bold;
	 color: #090607; /* Match the green color */
	 margin-bottom: 30px;
   }
   
   .stats-title {
	 font-size: 1em; /* Adjust the size as needed */
	 color: #ac8869; /* A slightly lighter shade of green */
	 margin-bottom: 8px;
   }
   
   .stats-desc {
	 font-size: 13px; /* Adjust the size as needed */
	 color: #090607; /* Gray color for description */
   }
 
   .testimonial-section {
	 display: flex;
	 height: 140vh;
	 overflow: hidden;
   }
   
   .text-slider {
	 flex: 1;
	 background-color: #ac8869 !important; /* override if needed */
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 padding: 80px;
	 position: relative;
   }
   
   /* .text-slider {
	background-color: #ac8869 !important; 
  } */
  
   .slide {
	 display: none;
	 flex-direction: column;
	 animation: fadeIn 0.5s ease-in-out;
   }
   
   .slide.active {
	 display: flex;
   }
   
   @keyframes fadeIn {
	 from { opacity: 0; transform: translateY(20px); }
	 to { opacity: 1; transform: translateY(0); }
   }
   
   .text-slider h5 {
	 font-size: 14px;
	 color: #ffffff;
	 letter-spacing: 2px;
	 margin-bottom: 20px;
   }
   
   .text-slider h1 {
	 font-size: 40px;
	 margin-bottom: 30px;
	 color: #ffffff;
   }
   
   
   .text-slider blockquote {
	 font-size: 22px;
	 line-height: 1.6;
	 font-style: "DM Sans", "DM Sans Placeholder", sans-serif;
	 color: #ffffff;
   }
   
   .author {
	 font-weight: bold;
	 margin-top: 25px;
	 font-size: 18px;
	 color: #ffffff;
   }
   
   .role {
	 font-size: 14px;
	 color: #ffffff;
   }
   
   .image-side {
	 flex: 1;
	 background-size: cover;
	 background-position: center;
	 transition: background-image 0.5s ease-in-out;
   }
   
   .controls {
	 position: absolute;
	 bottom: 40px;
	 left: 80px;
	 display: flex;
	 gap: 12px;
   }
   /* .dot {
	 width: 30px;
	 height: 12px;
	 background: #ffffff00;
	 border-radius: 20%;
	 cursor: pointer;
	 transition: background 0.3s;
   }
   
   .dot.active {
	 background: rgba(255, 255, 255, 0);
   }
   .controls .dot img {
	cursor: pointer;
	transition: opacity 0.3s ease;
	opacity: 100.0;
  }
  
  .controls .dot.active img {
	opacity: 0.4; 
  } */
  
  .dot {
	width: 30px;
	height: 12px;
	background: #ffffff00;
	border-radius: 20%;
	cursor: pointer;
	transition: background 0.3s;
  }
  
  .controls .dot img {
	cursor: pointer;
	transition: opacity 0.3s ease;
	opacity: 0.4; /* full white */
  }
  
  .controls .dot.active img {
	opacity: 1; 
  }
   
  
   
   /* Main Text Section */
 .text-uppercase {
	 letter-spacing: 1px;
   }
   
   /* Button Styling */
   .btn-dark {
	 background-color: #333;
	 border: none;
	 transition: background-color 0.3s ease;
	 border-radius: 30px
	
   }
   
   .btn-dark:hover {
	 background-color:#aa8868 ;
   }
   
   /* Images Section */
   .custom-img {
	 width: 100%;
	 height: 310px;
	 padding-left: 70px;
	 padding-right: 70px;
	 object-fit: scale-down;
	 border-radius: 12px;
   }
   
   /* Middle Image - Taller */
   .tall-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    transform-origin: bottom; /* Makes the zoom grow upward */
}

.tall-img:hover {
    transform: scale(1.05); /* Slight zoom upward */
}

   
   /* Optional: Shift side images slightly down */
   .down-shift {
	 margin-top: 30px; /* Push left and right images down */
   }
   
   /* Card Styling */
   .card {
	 border-radius: 16px;
	 overflow: hidden;
	 transition: transform 0.3s ease;
   }
   
   .card:hover {
	 transform: translateY(-10px); /* Hover effect */
   }
   
   /* Responsive adjustments for tablets */
@media (max-width: 1024px) {
  .testimonial-section {
    flex-direction: column;
    padding: 0px;
  }
}




   
   /* Responsive Adjustment */
   @media (max-width: 767px) {
	 .custom-img,
	 .tall-img {
	   height: 240px; /* Adjust image heights on small screens */
	 }
   
	 .down-shift {
	   margin-top: 0; /* Remove shift on small screens for better stacking */
	 }
   }
 /* Keep all your existing CSS, and modify the following section */

 
 
 .services-gallery {
	 margin-top: 40px;
	 display: flex;
	 gap: 30px;
   }
   
   .service-item {
	 flex: 1;
	 background-color: #fff;
	 border-radius: 8px;
	 /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); */
	 display: flex; /* Use flexbox to order image and text */
	 flex-direction: column; /* Stack image and text vertically */
   }
   
   .service-image {
	 overflow: hidden;
	 border-radius: 8px 8px 0 0;
	 margin-bottom: 0; /* Remove margin-bottom from image */
   }
   
   .service-image img {
	 width: 100%;
	 height: auto;
	 display: block;
	 transition: transform 0.3s ease;
   }
   
   .service-item:nth-child(2) .service-image {
	 height: 200px; /* Adjust as needed */
   }
   
   .service-item:nth-child(2) .service-image img {
	 height: 100%;
	 object-fit: cover;
   }
   
   .service-image:hover img {
	 transform: scale(1.05);
   }
   
   .service-title {
	 font-size: 1.5em;
	 color: #212121;
	 font-weight: 500;
	 margin-top: 20px; /* Add top margin to the title */
	 padding: 0 20px; /* Add horizontal padding */
   }
   
   .service-description {
	 font-size: 0.9em;
	 color: #757575;
	 line-height: 1.6;
	 padding: 0 20px 20px 20px; /* Add horizontal and bottom padding */
   }
   
   /* Responsive adjustments - keep these */
   @media (max-width: 992px) {
	 .services-gallery {
	   margin-top: 30px;
	   flex-direction: column;
	   gap: 20px;
	 }
	 .service-item {
	   flex: 0 0 auto;
	 }
	 .service-item:nth-child(2) .service-image {
	   height: auto;
	 }
	 .service-item:nth-child(2) .service-image img {
	   height: auto;
	   object-fit: contain;
	 }
   }
   
   @media (max-width: 768px) {
	 .services-headline {
	   font-size: 1.75em;
	 }
   }  
 
 /* Scoped styling for working process section */
 .working-process {
	 background-color: #ab8769;
	 color: #ffffff;
	 padding: 80px 20px;
	 padding-left: 50px;
	 padding-right:50px;
	 font-family: 'Inter', sans-serif;
   }
   
   .working-process .container {
	 max-width: 1200px;
	 margin: 0 auto;
   }
   
   .working-process .section-tag {
	 font-size: 14px;
	 font-weight: 600;
	 color: #cde4df;
	 letter-spacing: 1px;
	 text-transform: uppercase;
   }
   
   .working-process .section-title {
	 font-size: 48px;
	 font-weight: 600;
	 line-height: 1.2;
	 margin-top: 10px;
   }
   
   .working-process .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 margin-bottom: 60px;
   }
   
   .working-process .heading-block,
   .working-process .step {
	 flex: 1 1 calc(33.333% - 20px);
	 margin: 10px;
   }
   
   .working-process .step-number {
	 display: block;
	 font-size: 16px;
	 font-weight: 500;
	 margin-bottom: 50px;
	 color: #cde4df;
   }
   
   .working-process .step h3 {
	 font-size: 20px;
	 margin-bottom: 10px;
   }
   
   .working-process .step p {
	 font-size: 16px;
	 color: #f6fbfa;
	 line-height: 1.6;
   }
   
  
   @media (max-width: 768px) {
	 .working-process .heading-block,
	 .working-process .step {
	   flex: 1 1 100%;
	   margin-bottom: 30px;
	 }
   
	 .working-process .section-title {
	   font-size: 32px;
	 }
   }
   
  
  


   
  
/*    
   .projects-zigzag {
	 padding: 80px 20px;
	 font-family: 'Inter', sans-serif;
	 background-color: #fff;
   }
   
   .container {
	 max-width: 1200px;
	 margin: 0 auto;
   }
   
   .section-header {
	 margin-bottom: 60px;
   }
   
   .section-header .tag {
	 font-size: 14px;
	 font-weight: 600;
	 color: #004741;
	 text-transform: uppercase;
   }
   
   .section-header h2 {
	 font-size: 36px;
	 font-weight: 700;
	 color: #004741;
	 margin-top: 10px;
   }
   
   .zigzag-cards {
	 display: flex;
	 flex-direction: column;
	 gap: 60px;
   }
   
   .zigzag-card {
	 max-width: 550px;
	 width: 100%;
   }
   
   .zigzag-card img {
	 width: 100%;
	 border-radius: 10px;
	 box-shadow: 0 8px 20px rgba(0,0,0,0.1);
   }
   
   .zigzag-card .text {
	 margin-top: 10px;
	 font-size: 16px;
	 color: #004741;
	 font-weight: 500;
	 line-height: 1.6;
   }
   
   .zigzag-card.align-right {
	 margin-left: auto;
   }
   
   .zigzag-card.align-left {
	 margin-right: auto;
   }
   
   .bottom-btn {
	 margin-top: 40px;
	 text-align: left;
   }
   
   .view-more-btn {
	 background-color: #090607;
	 color: #fff;
	 text-decoration: none;
	 padding: 12px 30px;
	 font-size: 14px;
	 border-radius: 4px;
	 display: inline-block;
	 font-weight: 500;
	 transition: background 0.3s;
   }
   
   .view-more-btn:hover {
	 background-color: #ac8869;
	 color: #fff;
   } */
   
   .projects-zigzag {
    padding: 80px 20px;
    font-family: 'Inter', sans-serif;
    background-color: #fff;
}

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

.section-header {
    margin-bottom: 0px;
}

.section-header .tag {
    font-size: 14px;
    font-weight: 600;
    color: #090607;
    text-transform: uppercase;
}

.section-header h2 {
    font-size: 42px;
    font-weight: 700;
    color:#ab8769 ;
    margin-top: 10px;
}

.zigzag-cards {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.zigzag-card {
    max-width: 550px;
    width: 100%;
    overflow: hidden; /* Ensure image doesn't spill out of the container */
}

.zigzag-card img {
    width: 100%;
    border-radius: 0px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease; /* Smooth transition for the zoom effect */
}

/* Slight zoom effect on hover - Only the image scales */
.zigzag-card img:hover {
    transform: scale(1.05); /* Zoom in effect */
}

.zigzag-card .text {
    margin-top: 30px;
    font-size: 24px;
    color: #090607;
    font-weight: 600;
    line-height: 1.6;
}

.zigzag-card.align-right {
    margin-left: auto;
}

.zigzag-card.align-left {
    margin-right: auto;
}

.bottom-btn {
    margin-top: -100px;
    text-align: left;
}

.view-more-btn {
    background-color: #090607;
    color: #fff;
    text-decoration: none;
    padding: 20px 40px;
    font-size: 16px;
    border-radius: 40px;
    display: inline-block;
    font-weight: 500;
    transition: background 0.3s;
}

.view-more-btn:hover {
    background-color: #ac8869;
    color: #fff;
}

.hero-section {
	/* Remove this line if you set the image in HTML */
	/* background: url('images/your-background-image.jpg') no-repeat center center; */
	background-size: cover;
	padding: 80px 0;
	color: #fff;
	height: 700px;
	position: relative;
  }
  
  .hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3); /* Optional overlay for better text contrast */
	z-index: 1;
  }
  
  .hero-section .container-fluid,
  .hero-section .row {
	position: relative;
	z-index: 2;
  }
  
  .custom-call-btn {
	border-radius: 50px; /* Matches .rounded-pill if needed */
	margin-left: 30px;
  }
	
   .faq-answer {
	 display: none;
	 margin-top: 10px;
	 color: #555;
	 transition: all 0.3s ease;
   }
   
   .faq-question {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 cursor: pointer;
   }
   
   .faq-box {
	 background-color: #f9f9f9;
	 border: 1px solid #ddd;
	 padding: 15px;
	 margin-bottom: 10px;
	 border-radius: 5px;
   }
   
   .rotate {
	 transform: rotate(180deg);
	 transition: transform 0.3s ease;
   }
   
   .btn {
	font-size: 18px;
	transition: transform 0.3s ease;
	padding-top: 10px;
	padding-bottom: 10px;
	
  }
  
  .faq-question.active .faq-icon {
	transform: rotate(180deg);
  }
  
   /* .faq-section {
	 background-color: #fff;
   }
   
   .accordion-button {
	 background-color: #fff;
	 font-weight: 500;
	 font-size: 1rem;
   }
   
   .accordion-button:not(.collapsed) {
	 background-color: #f8f9fa;
	 box-shadow: none;
   }
   
   .accordion-body {
	 font-size: 0.95rem;
	 color: #333;
   }
   
   .btn-dark {
	 background-color: #004d46;
	 border-color: #004d46;
   }
   
   .btn-dark:hover {
	 background-color: #003a35;
	 border-color: #003a35;
   } */
   
 
   .footer {
	 background-color: #f3f4f6; /* Deep teal background */
   }
   
   
   
   .footer h6 {
	 font-weight: 600;
	 margin-bottom: 1rem;
   }

   
   
  
  
  /* .right-section2 {
	flex: 1;
	background-image: url('../images/gallery/TvRymMb9eE6gexPti05pMO8KzfI.avif'); 
	background-size: cover;
	background-position: center;
} */
.right-section2 {
	flex: 1;
	/* background-image: url('../images/gallery/TvRymMb9eE6gexPti05pMO8KzfI.avif'); */ /* REMOVE THIS */
	background-size: cover; /* Optional: remove if not using background anymore */
	background-position: center; /* Optional: remove */
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .right-section2 img {
	width: 100%; /* Or set specific width */
	height: auto;
	object-fit: cover;
	border-radius: 8px; /* Optional */
  }
  



  .team-gallery {
	text-align: center;
  }

  .gallery-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 30px;
  }

  .gallery-row img {
	border-radius: 14px;
	object-fit: cover;
	width: 100%;
	max-width: 250px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  /* Custom heights for variation */
  .img1 {
	height: 320px;
	transform: translateY(80px); /* Pushes image down */
  }
  
  .img2 { height: 260px; }
  .img3 { height: 300px; transform: translateY(-60px); }  /* raised upward */
  .img4 { height: 270px; }
  .img5 { height: 280px; }
  .img6 { height: 260px; }

  @media (max-width: 768px) {
	.gallery-row {
	  flex-direction: column;
	  align-items: center;
	}
	.gallery-row img {
	  height: auto;
	  transform: none !important;
	}
  }
  




  .intro-text-section {
	background-color: #ffffff;
	padding: 10px 20px;
	text-align: left;
  }
  
  .intro-paragraph {
	font-size: 20px;
	line-height: 27px;
	font-weight: 600;
	color: #090607;
	margin: 0;
	text-align: left; /* optional: add styling specific to layout */
  }
  
  
  
  
  
  .intro-text-section strong {
	font-weight: 600;
	color: #000000;
  }
  
  @media (max-width: 768px) {
	.intro-text-section .container {
	  font-size: 1.4rem;
	  padding: 0 10px;
	}
  }
  




.offer-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
	display: flex;
	flex-direction: column;
	gap: 40px;
  }
  
  @media (min-width: 768px) {
	.offer-section {
	  flex-direction: row;
	  align-items: flex-start;
	}
  }
  
  .offer-left {
	flex: 1;
  }
  
  .offer-small-heading {
	font-size: 0.875rem;
	color: #0f3d3e; /* deep greenish */
	margin-bottom: 10px;
  }
  
  .offer-main-heading {
	font-size: 2.5rem;
	font-weight: 700;
	color: #0f3d3e;
	line-height: 1.2;
  }
  
  .offer-right {
	flex: 2;
  }
  
  .offer-sub-heading {
	font-size: 1.5rem;
	font-weight: 600;
	color: #0f3d3e;
	margin-bottom: 20px;
	line-height: 1.4;
  }
  
  .offer-description {
	font-size: 1rem;
	color: #6b7280; /* soft gray */
	line-height: 1.6;
  }
  


  .team-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
	display: flex;
	gap: 60px;
  }
  
  .team-left {
	flex: 1;
  }
  
  .team-small-heading {
	font-size: 0.875rem;
	color: #0f3d3e;
	margin-bottom: 10px;
  }
  
  .team-main-heading {
	font-size: 2.5rem;
	font-weight: 700;
	color: #0f3d3e;
	line-height: 1.2;
  }
  
  .team-right {
	flex: 3;
	display: flex;
	flex-direction: column;
	gap: 60px;
  }
  
  .team-row {
	display: flex;
	justify-content: space-between;
	gap: 40px;
  }
  
  .team-member {
	flex: 1;
	text-align: center;
  }
  
  .team-image {
	overflow: hidden;
	border-radius: 10px;
	transition: transform 0.4s ease;
  }
  
  .team-image img {
	width: 80%;
	display: block;
	transition: transform 0.4s ease;
  }
  
  .team-member:hover .team-image img {
	transform: scale(1.08);
  }
  
  /* .team-name {
	font-size: 1rem;
	font-weight: 600;
	color: #0f3d3e;
	margin-top: 10px;
  }
  
  .team-title {
	font-size: 0.875rem;
	color: #6b7280;
  } */
  

  .team-name {
	font-size: 1rem;
	font-weight: 600;
	color: #0f3d3e;
	margin-top: 10px;
	text-align: left; /* align text to the left */
  }
  
  .team-title {
	font-size: 0.875rem;
	color: #6b7280;
	text-align: left; /* align text to the left */
  }
  
  /* Shift second row down */
  .second-row {
	margin-top: 40px;
  }
  
  .services-section {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
  }
  
  .service-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
	flex-wrap: wrap;
  }
  
  .service-row.reverse {
	flex-direction: row-reverse;
  }
  
  .service-image, .service-content {
	flex: 1 1 45%;
  }
  
  .service-image img {
	width: 70%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  
  .service-content h2 {
	font-size: 32px;
	color: #090607;
	margin-bottom: 100px;
  }
  
  .service-item {
	margin-bottom: 25px;
  }
  
  .service-item h4 {
	font-size: 20px;
	color: #090607;
	margin-bottom: 8px;
  }
  
  .service-item p {
	font-size: 16px;
	color: #777;
	line-height: 1.6;
	margin: 0;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
	.service-row, .service-row.reverse {
	  flex-direction: column;
	}
  
	.service-image, .service-content {
	  flex: 1 1 100%;
	  text-align: center;
	}
  
	.service-content {
	  margin-top: 30px;
	}
  }

  /* .hamburger {
	width: 30px;
	height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
  }

  .open .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px,6px);
   transform: rotate(-45deg) translate(-6px,6px);
  }

.open .bar2 {
	opacity: 0;
}
.open .bar3 {
	-webkit-transform: rotate(-45deg) translate(-6px,6px);
   transform: rotate(-45deg) translate(-6px,6px);
  }
  .open .mobile-menu {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content:flex-start;
  }
  .mobile-menu{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	height: calc(100hv - 50px);
	width: 100%;

  }


  @media only screen and (max-width:600px) {
   header nav {
    display: none;
  }
} */
.contact-banner {
	background: url('your-banner-image.jpg') no-repeat center center/cover;
	position: relative;
	min-height: 600px; /* Make banner taller */
   padding-top:50px;
   align-items: center; /* Vertically center everything inside */
   justify-content: center;
  
  }
  
  .contact-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: center;
  }
  
  .contact-form {
	background: #000; /* Black background for form */
	color: #fff; /* White text inside black box */
	padding: 40px;
	border-radius: 20px;
	flex: 1;
	margin: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  }
  
  .contact-text {
	flex: 1;
	color: #000; /* Keep text normal (black) */
	background: none; /* No background */
  }
  
  .contact-form h2, .contact-text h2 {
	font-size: 28px;
	margin-bottom: 20px;
  }
  
  .contact-form p, .contact-text p {
	margin-bottom: 20px;
	color: inherit; /* Text color based on parent */
  }
  
  .contact-form form input,
  .contact-form form textarea {
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #1a1a1a;
	color: white;
  }
  
  .contact-form form textarea {
	min-height: 120px;
  }
  
  .contact-form form button {
	background-color: white;
	color: black;
	padding: 15px 25px;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	font-size: 16px;
	transition: background 0.3s;
  }
  
  .contact-form form button:hover {
	background-color: white;
	color: black;
  }
  
  .contact-details p {
	margin: 10px 0;
  }

  
  .about-section {
	/* padding: 80px 20px; */
	background: #fff;
  }
  
  .about-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
  }
  
  .about-text {
	flex: 1;
	min-width: 300px;
  }
  
  .about-text h2 {
	font-size: 28px;
	color: #09332d;
	margin-bottom: 20px;
  }
  
  .about-text p {
	font-size: 20px;
	color: #09332d;
	line-height: 1.5;
  }
  
  .about-gallery {
	flex: 1;
	min-width: 300px;
	display: flex;
	flex-direction: column;
	gap: 20px;
  }
  
  .gallery-row {
	display: flex;
	gap: 20px;
  }
  
  .gallery-row img {
	width: 100%;
	max-width: 200px;
	border-radius: 8px;
	object-fit: cover;
	height: auto;
  }

  
/* 
  .nextspace-section {
	padding: 40px;
  }
  
  .nextspace-section .about-text {
	text-align: left;
	max-width: 600px;
	margin: 0 auto 30px auto;
  }
  
  .nextspace-section .about-text h2 {
	font-size: 24px;
	font-weight: bold;
	color: #003333;
  }
  
  .nextspace-section .about-text p {
	font-size: 18px;
	color: #003333;
	line-height: 1.6;
	margin-top: 10px;
  }
  
  .nextspace-section .image-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
  }
  
  .nextspace-section .image-gallery img {
	width: 200px;
	height: auto;
	border-radius: 10px;
  } */
   


   /* .nextspace-section {
	padding: 40px;
  }
  
  .nextspace-section .about-text {
	text-align: left;
	margin-left: 0;
	max-width: none;
  }
  
  .nextspace-section .about-text h2 {
	font-size: 24px;
	font-weight: bold;
	color: #003333;
	margin-bottom: 10px;
  }
  
  .nextspace-section .about-text p {
	font-size: 18px;
	color: #003333;
	line-height: 1.6;
  }
   */

   .cta-heading {
	font-size: 2rem; /* Adjust as needed */
	font-weight:bold;
	line-height: 1.3;
	color: #090607; /* Ensure visibility on dark background */
	text-align: left; /* or center, based on layout */
	margin-bottom: 1rem;
  }
  
  .cta-button {
	color: #ffffff;
	background-color: #090607;
	border-color: #f8f9fa;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 20px 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	text-decoration: none;
	border-radius: 50px;
  }
  
  .cta-button:hover {
	background-color:#ac886a ;
	border-color: #dae0e5;
	color: #ffffff;
	text-decoration: none;
  }
  
  /* Container for logo and text */
.logo-description {
	margin-top: 3rem; /* mt-5 */
	display: flex;
	align-items: center; /* vertically center text with logo */
  }
  
  /* Logo image spacing */
  .logo-description img {
	width: 200px;
	height: 50px;
	margin-right: 0.5rem; /* me-2 */
  }
  
  /* Paragraph text next to logo */
  .logo-description p {
	margin-bottom: 0;
	color: #6c757d; /* Bootstrap's .text-muted */
	font-size: 0.875rem; /* Bootstrap's .small */
  }
  

  .section-header .tag {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
  }
  
  .section-header h3 {
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.3;
	color: #ac8869;
  }
  
  .about-right {
	display: flex;
	justify-content: flex-end;  /* Space between text and button */
	
	max-width: 1085px;
	margin: 0 auto;                  /* Center the container */
	align-items: flex-end;
    justify-content: flex-end;
	
  }
  
	
	  
  
  
  .about-right .btn {
	font-size: 16px;
	color:#fff ;
	background-color: #090607;
	font-weight: 500;
	padding: 20px 20px;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: flex-end;
	padding-top: 20px;
	padding-bottom: 20px;
  }
  
  .about-right .btn:hover {
	background-color: #ab8769;
	color: #fff;
  }






      /* Reset styles */
	  
		
	  
  
	  /* Navbar styles */
	  header.navbar-cubicon {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		padding: 10px 20px;
        position: relative;
	    top: 20px;
	   left: 50%;
	   transform: translateX(-50%);
	   width: 90%;
	   max-width: 1200px;
	   border-radius: 40px;
	   

	  }
  
	  /* Menu (left side) */
	  .navbar-menu {
		display: flex;
		align-items: center;
		gap: 20px;
	  }
  
	  .navbar-menu a {
		text-decoration: none;
		color: #090607;
		font-size: 16px;
	  }
  
	  .navbar-menu a:hover {
		color: #ccc;
	  }
  
	  /* Logo (centered) */
	  .navbar-logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	  }
  
	  .navbar-logo img {
		width: 150px;
	  }
  
	  /* Contact Button (right) */
	  .navbar-contact-button {
		text-decoration: none;
		color: #fff;
		background-color: #f76c6c;
		padding: 10px 20px;
		border-radius: 5px;
	  }
  
	  /* Hamburger styles */
	  .hamburger-icon {
		display: none;
		flex-direction: column;
		gap: 5px;
		cursor: pointer;
		padding: 10px;
	  }
  
	  .hamburger-icon div {
		width: 30px;
		height: 4px;
		background-color: #090607;
		transition: all 0.3s ease;
	  }
  
	  /* Mobile menu styles
	  .mobile-nav-menu {
		display: none;
		position: absolute;
		top: 60px;
		right: 0;
		background-color: #333;
		width: 100%;
		text-align: center;
	  }
  
	  .mobile-nav-menu.open {
		display: block;
	  }
  
	  .mobile-nav-menu a {
		padding: 15px;
		display: block;
		color: #fff;
		text-decoration: none;
	  }
  
	  .mobile-nav-menu a:hover {
		background-color: #f76c6c;
	  } */
  
	  /* Mobile responsive */
	  @media (max-width: 768px) {
		.navbar-menu {
		  display: none; 
		}
  
		.navbar-contact-button {
		  display: block; /* Show contact button on mobile */
		  position: absolute;
		  top: 10px;
		  right: 20px;
		}
  
		.hamburger-icon {
		  display: flex; /* Show hamburger */
		}
  
		.navbar-logo {
		  left: 50%;
		  transform: translateX(-50%);
		}
	  }
  
	  /* Hamburger open animation */
	  .hamburger-icon.open div:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	  }
	  .hamburger-icon.open div:nth-child(2) {
		opacity: 0;
	  }
	  .hamburger-icon.open div:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	  }
  







/* Hide hamburger and mobile menu on desktop */
#hamburger-icon {
	display: none;
	font-size: 30px;
	cursor: pointer;
	position: fixed;
	top: 23px;
	right: 48px;
	z-index: 1001;
	background-color:#090607;
	color: white;
	padding: 5px;
	border-radius: 4px;
  }
  
  .mobile-menu {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	right: 0;
	width: 250px;
	height: 100vh;
	background-color: #222;
	padding-top: 60px;
	z-index: 1000;
	transition: transform 0.3s ease;
  }

  /* Show mobile menu when active */
.mobile-menu.active {
  display: flex;
   transform: translateX(0);
}
  
  
  .mobile-menu a {
	color: white;
	padding: 15px;
	text-decoration: none;
	border-bottom: 1px solid #444;
  }
  
  .mobile-menu a:hover {
	background-color: #333;
  }
  
  /* Show on mobile */
  @media screen and (max-width: 768px) {
	#hamburger-icon {
	  display: block;
	}
  }
  
  /* Mobile: hide only nav links, not logo or button */
@media screen and (max-width: 768px) {
	.nav-links {
	  display: none;
	}
  }
  
  @media (max-width: 768px) {
	.contact-wrapper {
	  display: none !important;
	}
  }
  .close-btn {
	font-size: 2rem;
	color: white; /* or any color contrasting the menu background */
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	cursor: pointer;
	z-index: 1000;
  }
  
  

 
  
  .intro-text {
	max-width: 800px;
	margin: 40px auto 20px auto;
	padding: 0 20px;
	font-size: 1.2rem;
	text-align: left;
  }
  
  .image-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	column-gap: 30px;
	row-gap: 30px;
	padding: 0 20px 40px;
	max-width: 1100px;
	margin: 0 auto;
  }
  
  .image-gallery img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	object-fit: cover;
  }
  


 

  .hero-banner {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5); /* optional overlay */
	text-align: center;
  }

  .content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	width: 90%;
	max-width: 1200px;
  }

  .hero-flex-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
  }

  .headline h1 {
	font-size: 5vw;
	color: white;
	margin: 0;
  }

  .rotating-circle {
	width: 150px;
	height: 150px;
	position: relative; /* Allows positioning with top/right/bottom/left */
	/* top: 10px;      */
	right: 80px; /* Now the circle will be in the top-right corner */
	bottom: 30px;
	/* Optional: use right/bottom instead depending on your layout */
}

.rotating-circle svg {
	width: 100%;
	height: 100%;
	animation: rotate 20s linear infinite;
}


  @keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }

  .text-button-inner {
	text-align: center;
  }

  
  

  @media (max-width: 768px) {
	.hero-flex-container {
	  flex-direction: column;
	}

	.headline h1 {
	  font-size: 6vw;
	}

	.rotating-circle {
	  width: 120px;
	  height: 120px;
	
	}
  }


  /* @media (max-width: 767px) {
	.contact-button {
	  display: none !important;
	}
  } */
  
  @media (max-width: 767px) {
	.contact-button {
	  font-size: 12px;
	  padding: 4px 8px;
	  border-radius: 4px;
	}
  }

  @media (max-width: 767px) {
	.logo img {
	  width: 170px;   /* Adjust width as needed */
	  height: 45px;   /* Keeps aspect ratio */
	}
  
	.contact-button {
	  font-size: 12px;
	  padding: 4px 8px;
	  border-radius: 18px;
	  margin-left: -10px; /* Apply left margin here */
	}
  }
  

  
  @media (max-width: 768px) {
	.testimonial-section {
	  flex-direction: row; /* Keep side-by-side */
	  flex-wrap: wrap;
	  height: auto;
	}
  
	.text-slider,
	.image-side {
	  /* flex: 1 1 50%; */
	  min-width: 10%;
	  padding: 10px;
	}
  
	.image-side {
	  height: auto;
	  min-height: 200px;
	}
  
	.text-slider h1 {
	  font-size: 22px;
	}
  
	.text-slider h5 {
	  font-size: 11px;
	}
  
	.text-slider blockquote {
	  font-size: 13px;
	  line-height: 1.4;
	}
  

	.author {
	  font-size: 14px;
	}
  
	.role {
	  font-size: 12px;
	}
  
	.controls {
	  position: static;
	  justify-content: center;
	  margin-top: 15px;
	}
  }
  @media (max-width: 768px) {
	.hero-section {
		height: auto;
		padding: 0px 0px 0px;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	 
  
	.custom-call-btn {
	  display: block;
	  margin: 20px auto 0;         /* Center the button */
	  padding: 10px 20px;          /* Ensure it's tap-friendly */
	  font-size: 14px;
	}
  
	.hero-section h1,
	.hero-section h2 {
	  font-size: 24px;             /* Scale down headings */
	  line-height: 1.3;
	}
  
	.hero-section p {
	  font-size: 14px;
	  line-height: 1.5;
	}
  
	.hero-section::before {
	  background: rgba(0, 0, 0, 0.4); /* Slightly darker overlay for mobile */
	}
  }
  /* Footer base styling */
/* .footer {
	background-color: #f3f4f6;
	padding: 30px 20px;
  } */
  .footer {
	background-image: url('../images/gallery/nea6cG4ercYbVNoNyb021NdQye4-1.webp'); /* Update path as needed */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: white;
	padding: 50px 20px;
  }
  
  @media (max-width: 600px) {
	.footer {
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	}
  }
  
  
 
  @media (max-width: 768px) {
	.contact-container {
	  flex-direction: column;
	  padding: 20px;
	  gap: 20px;
	}
  
	.contact-form,
	.contact-text {
	  margin: 0;
	  width: 100%;
	}
  
	.contact-form {
	  padding: 20px;
	}
  
	.contact-form h2,
	.contact-text h2 {
	  font-size: 22px;
	  text-align: center;
	}
  
	.contact-form p,
	.contact-text p {
	  font-size: 14px;
	  text-align: center;
	}
  
	.contact-form form button {
	  width: 100%;
	}
  }
  

  @media (max-width: 768px) {
	.section-header .tag {
	  font-size: 12px;
	  margin-bottom: 8px;
	  text-align: center;
	}
  
	.section-header h3 {
	  font-size: 1.5rem;
	  text-align: center;
	}
  
	.about-right {
	  justify-content: center;
	  margin-top: 20px;
	}
  
	.about-right .btn {
	  font-size: 14px;
	  padding: 8px 20px;
	  width: 100%;
	  max-width: 250px;
	  text-align: center;
	}
  }


  @media (max-width: 768px) {
	.section-header {
	  flex-direction: column;
	  align-items: center;
	  text-align: center;
	}
  
	.about-right {
	  width: 100%;
	  justify-content: center;
	  margin-top: 15px;
	}
  
	.about-right .btn {
	  width: 100%;
	  max-width: 250px;
	}
  }

  
  @media (max-width: 768px) {
	.about-right {
	  flex-direction: column;
	  align-items: center;
	  margin-top: 20px;
	
	}
  
	.about-right .btn {
	  font-size: 14px;
	  padding: 8px 20px;
	  width: auto; /* or 100% if you want it full-width */
	  text-align: center;
	 
	}
  }
  

  @media (max-width: 768px) {
	.hero-flex-container {
	  flex-direction: column;
	  align-items: center;
	  gap: 1rem;
	}
  
	.headline h1 {
	  font-size: 8vw;
	  text-align: center;
	  padding: 0 1rem;
	}
	  .hero-banner {
    padding: 60px 10px;
  }
  
	.rotating-circle {
	  width: 100px;
	  height: 100px;
	  position: relative;
	  left:108px;
	  bottom: 130px;
	  margin-bottom: 1rem;
	}
  
	.text-button-inner {
	  text-align: center;
	  width: 100%;
	}
  
	.cta-button {
	  width: 100%;
	  max-width: 250px;
	  padding: 12px 20px;
	  font-size: 14px;
	  display: block;
	  margin: 0 auto;
	}
  }
  @media (max-width: 768px) {
	.slider-text {
	  font-size: 16px;         /* Slightly smaller text */
	  padding-top: 0px;       /* Reduce top spacing */
	  padding-left: 10px;      /* Less left padding for narrow screens */
	  text-align: left;      /* Center the text on mobile for better visual balance */
	}
  }
  

/* Default: Show desktop menu, hide mobile elements */
.desktop-menu {
	display: flex;
  }
  
  #hamburger-icon,
  #mobile-menu,
  #close-menu {
	display: none;
  }
  
  /* For devices 820px and below */
  @media (max-width: 820px) {
	.desktop-menu {
	  display: block; /* Hide the desktop menu */
	}
  
	#hamburger-icon {
	  display: block; /* Show hamburger icon */
	}
  
	#mobile-menu {
	  display: none; /* Initially hidden, shown via JS */
	  flex-direction: column;
	}
  
	#close-menu {
	  display: block;
	}
  }
  @media (min-width: 769px) {
	#hamburger-icon {
	  display: none !important;
	}
  }
  
  @media (min-width: 769px) and (max-width: 1247px) {
	.contact-button {
	  display: none !important;
	}
  }
  
  
  @media (min-width: 769px) and (max-width: 1247px) {
	.logo {
	  position: relative; /* Avoid absolute conflicts */
	  left: 60px;
	  transform: none;
	  justify-content: center;
	  padding: 0px 0;
	}
  
	.logo {
	  width: 175px; /* Or adjust to fit visually */
	  height: auto;
	}
  }
  

  @media (max-width: 768px) {
	.right-section2 img {
	  width: 100%;
	  height: 100vh; /* or 100% depending on parent */
	  object-fit: cover;
	  display: block;
	}
  
	.right-section2 {
	  padding: 0;
	  margin: 0;
	}
  }
  @media (max-width: 768px) {
	.footer .col-lg-2 {
	  margin-left: 0px !important;
	}
  }

  /* .container {
	max-width: 1200px;
	margin: auto;
	padding: 40px;
	font-family: sans-serif;
	color: #ffffff;
  }
  
  .section-title {
	font-size: 2rem;
	margin-bottom: 60px;
  } */
  
  @media (max-width: 768px) {
	.section-header h2 {
	  font-size: 28px;
	  text-align: center;
	}
  
	.bottom-btn {
	  margin-top: 40px;
	  text-align: center; /* center-align the button on mobile */
	}
  
	.view-more-btn {
	  width: 100%;
	  padding: 16px 24px;
	  font-size: 15px;
	  border-radius: 30px;
	}
  
	.zigzag-card .text {
	  font-size: 18px;
	  text-align: center;
	}
  }
  
  .icon-links {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
  }
  
  .icon-links a {
	font-size: 24px;
	color: #090607;
	transition: transform 0.2s ease, color 0.2s ease;
  }
  
  .icon-links a:hover {
	transform: scale(1.2);
	color: #ffffff; /* or any hover color you prefer */
  }
  
  .animated-words {
	font-size: 3.5rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 5px;
	text-align: left;
	line-height: 1.2;
	min-height: 50px;
	letter-spacing: 1px;
  }
  
  .letter {
	display: inline-block;
	opacity: 0;
	animation: wave 0.5s forwards;
  }
  
  @keyframes wave {
	0% {
	  transform: translateY(-20px);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  

 /* Dropdown Base */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden Initially) */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%; /* Appear directly below */
  left: 0;
  background-color: white;
  padding: 10px 20px;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 220px;
}

/* Show Dropdown on Hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Section Titles */
.dropdown-section {
  margin-bottom: 10px;
}

.section-title {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  color: #444;
}

/* Submenu Links */
.dropdown-content a {
  display: block;
  padding: 6px 0;
  color: #222;
  text-decoration: none;
  font-size: 15px;
}

.dropdown-content a:hover {
  color: #000;
  /* text-decoration: underline; */
}

/* Custom 5-column layout for large screens */
@media (min-width: 992px) {
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
}

/* Optional: Uniform image style */
.image-box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

/* .caption-box{
	font-size: 10px;
} */

/* .caption-box {
    font-size: 14px; 
    padding: 10px 5px; 
    line-height: 1.2; 
    background-color: rgba(255, 255, 255, 0.9); 
    color: #333; 
    text-align: center; 
    border-radius: 5px; 
   
    position: relative; 
    z-index: 2; 
} */

.caption-box {
    font-size: 13px;
    line-height: 1.3;
    padding: 8px 12px;
    margin: 5px 0;
    background-color: rgba(255, 255, 255, 0.95);
    color: #333;
    border-radius: 6px;
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); */
}

.caption-box .content {
    padding: 0;
    margin: 0;
}

.caption-box h3 {
    font-size: 15px;
    margin: 0 0 4px 0;
    font-weight: 600;
}

.caption-box h3 a {
    color: #000; /* Customize link color */
    text-decoration: none;
    transition: color 0.3s;
}

.caption-box h3 a:hover {
    color: #6c63ff; /* Customize hover color */
}

.caption-box span {
    font-size: 13px;
    color: #555;
    margin: 0;
    display: block;
}


.image-box {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.image-box img {
  transition: transform 0.4s ease;
  width: 100%;
  display: block;
}

.image-box:hover img {
  transform: scale(1.1); /* Zoom in */
}






/* .about-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; 
  gap: 20px;
  padding: 60px 20px;
}

.about-right {
  flex: 1;
  min-width: 300px;
} */

.about-left h5 {
  font-size: 28px;
  letter-spacing: 1px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}

.about-left h1 {
  font-size: 36px;
  font-weight: 600;
  color: #a78669; /* your original brown tone */
  margin-bottom: 20px;
}



/* ✅ Mobile Responsive Query */
@media (max-width: 768px) {
  .about-container {
    padding: 20px 15px;
  }

  .about-content {
    font-size: 16px;
    line-height: 1.6;
  }

  .about-content h5 {
    font-size: 22px;
    text-align: center;
  }
}


/* Default (desktop) */
.rotating-circle text {
  font-size: 19px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 1.5px;
  fill: white;
}