@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:ital,wght@0,300;0,900;1,100&display=swap');
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
	
}
html, body{
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
  }

*{
	margin:0;
	padding:0;
	box-sizing:border-box; 
	
	}
body{
    background:url("../images/patch.png") repeat 0 0;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    font-weight:400;
    color:#767676;
    padding:0;
    margin:0;
    overflow-x:hidden}
a{
    color:#efbb20;
    outline:0 none;
    text-decoration:none}
a:focus,a:hover{text-decoration:none;outline:0 none}
a:active,a:hover{color:#333}
p a{color:#333}
img{
    border-style:none;
    height:auto;
    max-width:100%;
    vertical-align:middle
}
.why h3{ 
font-size: 42px; font-weight: 900; color: #000;}
.why p strong{
	color: #000;
	font-size: 20px;
}

.bg-dark{background: #000 !important;}
.carousel-caption h5{font-size: 36px !important; color:#FFFF !important; text-shadow: 1px 1px 1px #000;/*background:rgba(0,0,51,0.8) !important;*/}
.text-orng{color: #FCAC2F !important; }
.slider-heading{ font-size: 36px;}
.bg-about{background:#F2F4F5}
.bg-services{background:#1A1A1A;}
.bg-theam{ background-image: linear-gradient(to right, #43C1A4 , #24759E);}
.bg-why-us{
	background-image:url("../images/why-us.webp");
    /*background-attachment:fixed;*/
    background-size:cover;	
}

.bg-core-values{
	background-image:url("../images/core-values.webp");
    /*background-attachment:fixed;*/
    background-size:cover;	
}

.bg-ongoing-project{
	background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.9)), url("../images/ongoing-project.webp");
    /*background-attachment:fixed;*/
    background-size:cover;	
}



.my-icon ul{
	display: block;
	list-style: none;
}

.my-icon ul li{		
	float: left;
	padding:10px 35px;
	
}

.my-icon ul li a{
	float: left;
	padding: 10px;
	color:#BBA162;
	font-size: 16px;
	font-weight: bold;	
	
}

.service__desc ul{
	float: left;
	list-style: none;
}

.service__desc ul li{	
	padding:5px 10px;
	color: #E8CB86 !important;
}
.icofont-dotted-right, .icofont-building-alt{
	color: #E8CB86 !important;
	font-size: 18px;
}
.ser-one{ 
		font-weight: 600;
		color:#E8CB86 !important;
		font-size: 18px;
        }
.service__desc{margin-bottom:0px; 
	-webkit-transition:all .3s linear; 
	transition:all .3s linear; 
	display:-webkit-box; -webkit-line-clamp:16; 
	-webkit-box-orient:vertical; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:normal}

.service__desc p{
	color:#E8CB86 !important;
}


h1, h5, h6{	
	font-size: 36px !important;
	font-weight: bolder;
}
h1, h6{color:#000 !important;}
h2, h5{color:#E8CB86 !important; }


.slider{
        width: 100%; 
        position: relative; 
        margin: 0 auto;
        }
.slider-nav{
        width: 100%; 
        position:absolute; 
        top:0%; 
        /*left:5%; */
}
.carousel-control-prev,
.carousel-control-next{
    width: 50px !important;
    height: 50px !important;
    top:50% !important;
    background: #000 !important;
    opacity: 1;
    color:#000 !important;
    
}

.wepars{ width: 100%; float: left; overflow: hidden;}
.top{
        /*background-image: linear-gradient(to right, #43C1A4 , #24759E); */  
	  background: #FAFAFA /*#000033*/;
      }

.bod{
    -webkit-box-shadow: 0 3px 2px -3px rgba(83,80,80,1.00);
  -moz-box-shadow: 0 3px 2px -3px rgba(83,80,80,1.00);
  box-shadow: 0 3px 2px -3px rgba(83,80,80,1.00);
}
.navbar {
    top:0px;
	right:0px;	
    left:0px;	
    width: 100%;
    z-index: 999;
	background: #000;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
	
}

.navbar.fixed{	
	top:0;
    position: fixed;
    background-color: #000;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    /*-webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);*/
}

.navbar.fixed>.bd-top{
	border-top:3px solid #FFF !important;
}


.navbar,  .navbar-brand{
    padding: 0;
    margin: 0; 
}
.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    max-width: 150px;
}
    
.navbar,  .navbar-brand{
    padding: 0;
    margin: 0; 
}
.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    max-width: 150px;
}

.navbar-nav .nav-item .nav-link{	
	color:#D8BD75 !important;
	font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-left: 10px !important;
    padding-right: 10px !important;
	
}

.top-nav ul{
    display: block;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.top-nav ul li {
     float: left;
     padding-left:10px;
     padding-right:10px;
	}
.top-nav ul li a{
    color:#6B6B6B;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    
}

.top-nav ul li a i{
    color:#D8BD75;    
    
}

.ser-three{
	font-weight: normal;
	color:#6B6969;
	font-size: 14px;
}


.checked {
     color:#D8BD75;
        }
.calend{color:#1ABC9C !important;}
.unchecked{color:#B3B3B3}

.blank{
	border:1px solid #D8BD75;
	border-radius: 35px;
	font-size: 12px;
	color: #D8BD75;
        }
        
.blank:hover{
	 border:1px solid #000;
	color: #000;
	background:#D8BD75 ;
}
.orange{
	border:1px solid #D8BD75;
	color: #000;
	background:#D8BD75 ;
	 border-radius: 35px;
	font-size: 12px;
}
.orange:hover{
	border:1px solid #D8BD75;
	background:#0000 ;
	color: #D8BD75;

}

.why-card{
	background:rgba(7,101,168,0.2);
}
.why-card .heading{
	font-size:18px;
	font-weight: 900;
	color: #000;
}

.card-body .heading{
	font-size:18px;
	font-weight: 900;
	color: #000 !important;
}

.why-card .para{
	font-size:16px;
	color: #000;
}

.space-title h5{
	color: #D8BD75;
	font-size:56px !important;
	text-align: center;
}

.space-one{
	background: #505050;
}

.space-two{
	background: #bba162;
}



.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
	
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 350px;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/*.front {
	background: url(http://davidwalsh.name/demo/dwflip.jpg) 0 0 no-repeat;
	z-index: 2;
}*/



.front-logo-1, .front-logo-2, .front-logo-3, .front-logo-4{
	position: absolute;
	top: 150px;
	left: 90px;
	width: 114px;
	height: 108px;	
}


.front-logo-1 {	
	background: url("../images/home-icon.webp") 0 0 no-repeat;
}

.front-logo-2 {	
	background: url("../images/hotel-icon.webp") 0 0 no-repeat;
}

.front-logo-3 {
	background: url("../images/villa-icon.webp") 0 0 no-repeat;
}

.front-logo-4 {
	background: url("../images/indrust-icon.webp") 0 0 no-repeat;
}

.front-title {
	font-weight: bold;
	color:#FFF;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	text-align: center;
	/*text-shadow: 0.1em 0.1em 0.05em #00304a;*/
	/*font-family: Courier;*/
	font-size: 2em;
}

.front-title-2 {
	font-weight: bold;
	color:#000;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	text-align: center;
	/*text-shadow: 0.1em 0.1em 0.05em #505050;*/
	/*font-family: Courier;*/
	font-size: 2em;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #f8f8f8;
	margin-left: -15px;
}

.table thead tr th, .table tbody tr td{
	background:rgba(0,0,0,0.8) !important;
	color: #E8CB86 !important;
	
}
.table thead tr th, .table tbody tr td{
	border-color:#E8CB86 !important;
	color: #E8CB86 !important;	
}

.space-title p{
	color: #E8CB86 !important;
	
}

.heading{
	font-size:18px;
	color: #E8CB86 !important;	
	font-weight: bold;
}

.ser-two{
	font-weight: normal;
	color:#E8CB86;
	font-size: 14px;
}

.ser-foure{ 
	font-weight: 700;
	color:#E8CB86;
	font-size: 18px;
}


.form-group label{color:#FCDE7E !important;}
.form-control{
	font-size: 11px !important;
	padding:5px 10px 5px  10px;
	color:#FCDE7E !important;
	background:#000 !important;
	border-color:#FCDE7E !important;
}
.btn{
	
	color:#000 !important;
	background:#FCDE7E !important;
	border:none !important;
}
.fnt-size{
	font-size: 36px !important;
}

.gold-text{
	color:#FCDE7E !important;
}


@media all and (min-width: 992px) {
		.navbar{ padding-top: 0; padding-bottom: 0; }
		.navbar .has-megamenu{position:static!important;}
		.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
		/*.navbar .nav-link{ padding-top:1rem; padding-bottom:0.5rem; */ }
		
	    .navbar-toggle .icon-bar {    }
	    
.navbar-toggler{}
#navbarmain {
  padding: 20px 0px;
}









.footer{
    background:ebedec;    
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url("../images/footer.webp");
    background-attachment:fixed;
    background-size:cover;
}

.logo-box p{color: #E8CB86; text-align: justify;}

.social ul{
    float:left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.social ul li{    
    float: left;
    padding:2px 8px 2px 8px;
    margin:2px;
}

.social ul li a{    
  color:#E8CB86;
    font-size: 25px;
}

.social ul li a:hover{
    text-decoration: none;
}


.foot-head h6{
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 600;
    color: #E8CB86 !important;
    text-transform: uppercase;
}

.foot-head ul{
    display: block;
    list-style: none;
    padding:0;
    margin: 0;
}

.foot-head ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #E8CB86;
    padding:8px 0 8px 0; 
    font-size: 14px;
}



.foot-head ul li Strong{
    color: #E8CB86;
    text-transform: uppercase;
}
.foot-head ul li a,  .foot-head ul li{
    color:#E8CB86;
    
    
}

.foot-head ul li a:hover{
    text-decoration: none;
    color:#E8CB86;
    
}

.foot-bot ul{
    display: block;
    list-style: none;
    padding:0;
    margin: 0;
}

.foot-bot ul li {    
    float: left;
    padding:8px 15px 8px 15px; 
    font-size: 14px;
}

.foot-bot ul li a{
    color: #E8CB86;
}

.foot-bot ul li a:hover{
    text-decoration: none;
    color: #E8CB86;
    
}




@media only screen and (min-width: 1150px) { 
.dropdown-toggle::after {
  display: none;
}



.dropdown .dropdown-menu {
  position: absolute;
  display: block;
  background: #fff;
  min-width: 240px;
  top: 130%;
  left: 0;
  right: 0px;
  opacity: 0;
  padding: 0px;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  border: 0;
    border-radius: 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}



.dropdown .dropdown-item:hover {
  color:#EB130A;
  background:#F2F2F2;
    
}
	
	.table-responsive{
            max-height: 36em;
        } 
        /*.table{
            width: 120%;
        }*/
        .table{
            /*width: 100%;*/
            border-collapse: collapse;
        }
        .table td, .table td{
            padding: 12px 15px;
            /*border: 1px solid #ddd;*/
            text-align: center;
            font-size: 12px;
        }
        /*.table th{
            background-color: whitesmoke; 
            font-size: 12px;
            font-weight: 400;
            
        }*/
        .table thead th{
            position: sticky;
            top:0;
            /*background-color: whitesmoke; */
            z-index:5;
            font-size: 12px;
            font-weight: 400px;
            /*border-bottom: 1px solid rgba(110,110,110,1.00);*/
        }
        .table thead th::after{
            content:'';
            width: 100%;
            height: 2px;
            position: absolute;
            bottom: 0;
            left: 0;
            /*background: #B8B6B6;*/
        }
        .table tbody tr:nth-child(even){
            /*background-color: #F1F2F5 !important;*/
        }
        
        .table thead th:nth-child(1){
            position: sticky;
            left: 0;
            /*background: #FFF;*/
            z-index:6;
        }
        
        
        .table tbody td:nth-child(1){
            position: sticky;
            left: 0;
            /*background: white;*/
            z-index:3; 
            /*color:#4683EF;*/
        }
        
        .table tbody td:nth-child(4){
            /*color:#CC3237 ;*/
        }
        
        .table tbody td:nth-child(1)::after{
            content:'';
            width: 2px;
            height: 100%;
            position: absolute;
            bottom: 0;
            right: 0;
            /*background: #B8B6B6;*/
            
        }
        
         .table tr:nth-child(even):hover{
            /*background-color: #EFD3D4 !important;*/
        }
         .table tr:nth-child(odd):hover{
            /*background-color:#EFD3D4 !important;*/
        }
    

    
}

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

        .navigating .navbar-toggler{
        background:#000 !important;
        color: #BBA162 !important;
        border: none;
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 25px;
        
         }
        
        .navigating .navbar-toggler:focus{
            box-shadow: none !important;
            outline: none !important;
        }
        
        .navigating{
          position: fixed;
          z-index: 1;
          padding-top: 100px;
          right: 0;
          top: 0;
          width: 320px;
          height: 100%;
          overflow: auto;
          background-color:#000;
          box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
          padding: 15px;

        }
    
    
    
    }

@media(max-width:540px){
			.tabel, .table-bordered{
				border: 0 !important;
			}
            .table thead{
                display:none;
            } 
            
            .table, .table tbody, .table tr, .table td{
                display: block;
                width: 100%;
            }
            
            .table tr{
                margin-bottom: 15px;
            }
            .table td{               
                padding-left:50%;
                text-align: right;
                position: relative;
            }
            
            .table td::before{
                content: attr(data-label);
                position:absolute;
                left:0;
                width: 30%;
                padding-left: 15px;
                font-size: 12px;
                font-weight: bold;
                text-align: left;
            }
			.h6 h6{ color:#BBA162 !important;}
        }