/*Whatsapp for desktop */
  .whatsapp_float {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 20px;
      left: 40px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      box-shadow: 2px 2px 3px #999;
      z-index: 10000;
      
      display: none;
  }

  .whatsapp-icon {
      margin-top: 16px;
  }

  /*
  whatsapp for mobile */
  @media screen and (max-width: 767px) {
      .whatsapp-icon {
          margin-top: 10px;
      }

      .whatsapp_float {
          display: block;
          width: 40px;
          height: 40px;
          bottom: 30px;
          left: 20px;
          font-size: 22px;
      }
  }
  
  .logo_img_mn {
      margin: 0 auto;
      height:40px
  }
  
  .logo_img_spy {
      margin: 0 auto;
      height:40px
  }
  
  .banner_slider_img {
      height: 85vH;
      position: absolute;
      overflow: hidden;
  }
  
  .banner_slider_img img {
      width: 100%;
      height: 100%;
  }

@media (max-width: 767px) {
    .banner_slider_img {
      height: 0px;
  }
}
  
  .banner_slider_img img {
      height: 100%;
      position: absolute;
      overflow: hidden;
  }
  
  
  .header--brand{
      display: none;
  }
  
@media (max-width: 767px) {
  .header--brand{
      display: block;
      height: 68px;
  }
}

    .header_pad{
        margin-top: 0px;
    }

@media (max-width: 767px) {
  .header_pad{
        margin-top: 0px;
    }
}

  .header_contact{
        display: block;
    }

@media (max-width: 767px) {
  .header_contact{
        display: none;
    }
}


.rc-anchor{
    z-index:-200;
}

.contents {
        /*margin-top:75px;*/
}

/*Contact us*/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0; /* See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106 */
  word-wrap: break-word;
  background-color: #fff; /* Replace with your actual card background color variable */
  background-clip: border-box;
  border: 1px solid #e3e3e3; /* Replace with your actual card border color variable */
  border-radius: 0.25rem; /* Replace with your actual card border radius variable */

  > hr {
    margin-right: 0;
    margin-left: 0;
  }

  > .list-group {
    border-top: inherit;
    border-bottom: inherit;

    &:first-child {
      border-top-width: 0;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }

    &:last-child {
      border-bottom-width: 0;
      border-bottom-left-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
  }

  /* Due to specificity of the above selector (`.card > .list-group`), we must
   * use a child selector here to prevent double borders. */

  > .card-header + .list-group,
  > .list-group + .card-footer {
    border-top: 0;
  }
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
  color: #495057; /* Replace with your actual card text color variable */
}

.card-title {
  margin-bottom: 1rem;
}

.card-subtitle {
  margin-top: -0.5rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  &:hover {
    text-decoration: none;
  }

  + .card-link {
    margin-left: 1rem;
  }
}

/* Optional textual caps */

.card-header {
  padding: 1rem;
  margin-bottom: 0; /* Removes the default margin-bottom of <hN> */
  color: #495057; /* Replace with your actual card header text color variable */
  background-color: #f5f5f5; /* Replace with your actual card header background color variable */
  border-bottom: 1px solid #e3e3e3; /* Replace with your actual card header border color variable */

  &:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
  }
}

.card-footer {
  padding: 1rem;
  color: #495057; /* Replace with your actual card footer text color variable */
  background-color: #f5f5f5; /* Replace with your actual card footer background color variable */
  border-top: 1px solid #e3e3e3; /* Replace with your actual card footer border color variable */

  &:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
  }
}

/* Header navs */

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -1rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

/* Card image */








.header_title{
    font-size: 46px;
    color: #716a50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.header_subtitle{
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom:5px;
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
}
    
.breadcrumb {
    padding: 140px 0 60px 0;
    min-height: 30vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.breadcrumb ol {
  list-style: none;
}

.breadcrumb li {
  display: inline-block;
  margin: 0 10px;
}

.breadcrumb a {
  color: #00000;
  text-decoration: none;
}

.breadcrumb {
  text-align: center;
}

.breadcrumb li:after {
  padding: 0 8px;
  color: #000;
}
.card-img-top {
  height: 200px;
}
.card-img-top {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}



.carousel-inner {
  height: 500px; /* Adjust this value to fit your desired height */
}


#preloader{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 100000;
    overflow: visible;
    background: #fff;
}

#loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 100001;
    /*overflow: visible;*/
    background: url('../images/Logo_Blk_Trspnt.png') no-repeat center ; /*#fcfcff*/
    background-size: 250px;
    
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
 
            100% {
                opacity: 1;
            }
        }
        
.fill {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}

.fill2 {
    
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    object-fit: contain; 
}

.fill3 {
    width: auto;
    max-width: none;
    max-height: 100%;
    object-fit: contain; 
}

.fillme{
  overflow:hidden;
  height:353px;
}
.fillme img.stretchx{
  height:auto;
  width:100%;
}
.fillme img.stretchy{
  float: left;
  height:100%;
  width:auto;
  object-fit: cover; 
}
.fillme img.stretched{
  height:100%;
  width:100%;
  object-fit: cover; 
}

@media(max-width: 767.98px){
    .fillme{
      overflow:hidden;
    }
    .fillme img.stretchy{
      height:100%;
      width:auto;
      object-fit: cover;
    }
    
    .fillme img.stretchx{
      height:100%;
      width:auto;
    }
}


		.overlay-container {
            /*position: absolute;*/
            
			position:fixed;
			width: 100%;
			height: 100%;
			
		 /*   margin: 0;*/
			/*padding: 0;*/
            
            top:0;
            bottom: 0;
            left: 0;
            right: 0;
            
            
			align-items: center;
			justify-content: center;
			display: none;
			background: rgba(0, 0, 0, 0.6);
			opacity: 0; 
			transition: opacity 0.3s ease; 
			z-index: 250;
			
		} 

		.popup-box {
		    position:fixed;
            /*height:100%;*/
            /*width:100%;*/
            margin: auto;
            
            /*margin-top:-y;*/
            /*margin-left:-x;*/
            /*top:20%;*/
            /*left:40%;*/
            bottom: 50px;
            
            /*top:0;*/
            /*bottom: 0;*/
            left: 0;
            right: 0;
            
            flex:1;
            max-height:80vh;
		    
			background: #fff; 
			/*padding: 15px;*/
			padding-top:15px;
			padding-bottom:15px;
			border-radius: 5px; 
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); 
			width: 400px; 
			max-width: 100vw; 
			/*text-align: center; */
			opacity: 0; 
			transform: scale(0.8); 
			animation: fadeInUp 0.5s ease-out forwards; 
			overflow-y: scroll;
		}

		.form-container { 
			display: flex; 
			flex-direction: column; 
			margin-top: 10px;
			margin-bottom: 10px;
		} 

		.form-label { 
			margin-bottom: 10px; 
			font-size: 16px; 
			color: #444; 
			text-align: left; 
		} 

		.form-input { 
			padding: 10px; 
			margin-bottom: 20px; 
			border: 1px solid #ccc; 
			border-radius: 8px; 
			font-size: 16px; 
			width: 100%; 
			box-sizing: border-box; 
		} 

		.btn-submit, 
		.btn-close-popup { 
			padding: 5px; 
			border: 0.5px; 
			border-radius: 2px; 
			cursor: pointer;
			transition: background-color 0.3s ease, color 0.3s ease; 
		} 

		.btn-submit { 
			background-color: #fff; 
			color: #000; 
		} 

		.btn-close-popup { 
			margin: 10px; 
			background-color: #fff; 
			color: #000;
			outline: 0.25px solid #000;
            outline-offset: 0;
		} 

		.btn-submit:hover, 
		.btn-close-popup:hover { 
			/*background-color: #4caf50;*/
			
			background-color: #a6a6a6; 
			color: #fff;
			outline: 0.25px solid #000;
            outline-offset: -2;
		} 

		/* Keyframes for fadeInUp animation */ 
		@keyframes fadeInUp { 
			from { 
				opacity: 0; 
				transform: translateY(20px); 
			} 

			to { 
				opacity: 1; 
				transform: translateY(0); 
			} 
		} 

		/* Animation for popup */ 
		.overlay-container.show { 
			display: flex; 
			opacity: 1; 
		}
		
		@media(max-width: 767.98px){
		    .search_filter_lg {
		        display: none;
		    }
		}
		
		.overlay-buttons {
            /*position: absolute;*/
            
			position:fixed;
			width: 100%;
			height: 60px;
			
		 /*   margin: 0;*/
			/*padding: 0;*/
            
            /*top:0;*/
            bottom: 0;
            left: 0;
            right: 0;
            
            
			align-items: center;
			justify-content: center;
			display: fixed;
			/*background: rgba(0, 0, 0, 0.6);*/
			/*opacity: 0; */
			/*transition: opacity 0.3s ease; */
			z-index: 255;
			
		}
		
		.search_toggleer { 
			margin: 0; 
			padding: 0; 
			display: flex; 
			align-items: center; 
			justify-content: center; 
			/*height: 100vh; */
			background-color: #fff; 
			/*font-family: Arial, sans-serif; */
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
            box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2), 0 0 5px 1px rgba(0, 0, 0, 0.19);
		} 
		
		.btn-open-popup { 
		 /*   width: 100%;*/
		 /*   height: auto;*/
			/*margin: auto;*/
			/*top:0;*/
   /*         bottom: 0;*/
   /*         left: 0;*/
   /*         right: 0;*/
            
			/*font-size: 18px; */
			/*background-color: #fff;*/
			/*border: 1px solid #000;*/
			
			/*color: #000; */
			/*border: none; */
			/*border-radius: 3px; */
			/*cursor: pointer; */
			/*transition: background-color 0.3s ease; */
		} 

		.btn-open-popup:hover {
			/*outline: 0.5px solid #000;*/
   /*         outline-offset: -2;*/
		} 
		
		/*calc(~"100vh - 150px")*/
		
		.banner_height {
		    height: 100vh;
		    height: calc(var(--vh, 1vh) * 100);
		}
		
		.show_search {
		    display: none;
		}
		
		@media (max-width: 991.98px) {
		    .banner_height {
    		    height: calc(100vh - 0px);
    		}
    		
    		.show_search {
    		    display: block;
    		}
		}
		
	.navbar_left {
	    position: absolute;
        left: 180px;
        top: 20px;
	}
	
	@media (max-width: 767px) {
	    .navbar_left {
	        position: static;
            left: 0;
    	}
	}
	
	
	
    .em-banner {
        position: relative;
        overflow: hidden;
    }
    
    .em-banner_port {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    
    .em-banner_form {
        position: absolute;
        margin: auto;
        /*margin-right: auto;*/
        overflow: hidden;
        bottom: 10%;
        background-color: #000;
        width: 90%;
        height: 10%;
    }


    .overlay-grey {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: 1;
        
        /*background: conic-gradient(from 90deg at 67% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 25%, rgba(0, 0, 0, 0.7) 74%, rgba(238, 130, 238, 0) 100%);*/
        /*background: radial-gradient(circle at 90% 50%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.8) 47%);*/
        /*background: radial-gradient(circle at 90% 50%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.8) 90%);*/
        /*background: radial-gradient(circle at 90% 50%, rgba(0, 0, 0, 0.05) 9%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.8) 90%);*/
        
        
    background: radial-gradient(circle at 89% 75%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.53) 61%, rgba(0, 0, 0, 0.85) 100%);
    
    
    /*background: conic-gradient(from 90deg at 53% 35%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.7) 48%, rgba(0, 0, 0, 0) 99%);*/

    }
    
    .slider__caption_emaar {
        position: absolute;
        /*top: 0px;*/
        left: 20px;
        right: 0;
        bottom: 220px;
        display: block;
        z-index: 2;
        padding-right: 50px;
        color: #fff;
    }
    
    .slider_mb {
        display: none;
    }
    
    @media (max-width: 991.98px) {
        .slider__caption_emaar {
            position: absolute;
            /*top: 0px;*/
            left: 5px;
            right: 5px;
            bottom: 30vh;
            display: block;
            z-index: 2;
            padding: 0;
            margin-right: 15px;
            color: #fff;
        }
        
        .slider_mb {
            display: block;
        }
    }
    
    @media (max-width: 767px) {
        .slider__caption_emaar {
            bottom: 16vh;
        }
    }
    
    .btn_btns {
        padding: 2px;
        background-color: white;
        border-radius: 2px;
        border: none;
        
    }
    
    /*.popup-box {*/
    /*    position:fixed;*/
    /*    height:100%;*/
    /*    width:100%;*/
    /*    margin: auto;*/
    /*    top:0;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*}*/
     
    /*.overlay-container {*/
    /*    position:fixed;*/
    /*    top:50%;*/
    /*    left:50%;*/
    /*    margin-top:-y;*/
    /*    margin-left:-x;*/
    /*}*/

    
    @media (max-width: 991.98px) {
        .botm_pad {
            height: 55px;
        }
    }
    
    @media (min-width: 991.99px) {
        .botm_pad {
            height: 0;
        }
    }
    
    
    
    .phoneccode {
        width:100%;
        border:1px solid #bebebe;
        background: none;
        margin: 5px 10px 15px 10px;
        color: #fff;
        padding:0;
        display: flex;
    }
    
    .phoneccode-input {
        background: none;
    }
    
    .phoneccode-input:focus {
        outline: none;
        border: none;
    }