html, body {
    margin: 0;
    padding: 0;
    height: 100%; 
}.zoomEffect {
    background-size: cover; /* Ensure the image fully covers the container */
    background-position: center; /* Center the background image */
    transition: background-size 3s ease, background-position 3s ease; /* Ultra-slow smooth transition */
    cursor: pointer; /* Pointer cursor on hover */
}

/* Inner Zoom Effect on Hover */
.zoomEffect:hover {
    background-size: 120%; /* Zoom in the background image (adjust zoom level as needed) */
    background-position: center; /* Keep the image centered during the zoom */
}
.owl-theme .owl-nav {
    margin-top: 0px!important;
}

.owl-theme .owl-nav [class*=owl-]:hover
{
	background:transparent!important;
}
.owl-theme .owl-nav [class*=owl-]
{
	font-size: 40px !important;
	color: #fff !important;
}

.owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    position: absolute;
    background: #000; /* Change to your preferred color */
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}

.owl-nav .owl-prev {
    left: -10px; /* Position to the left of the carousel */
}

.owl-nav .owl-next {
    right: -10px; /* Position to the right of the carousel */
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background: #444; /* Hover effect for the buttons */
}

.h-85
{
	height:85%;
}
.f-36
	{
	 font-size:36px;
	}
	.f-30
	{
	 font-size:30px;
	}
	.f-20
	{
	 font-size:30px;
	}
	.f-60
	{
	 font-size:50px;
	}
	.gothic
	{
		font-family:'copperplate gothic';
	}
	.bg-grey
	{
	   background:#f8f8f8;
	}
	.Centaur{
	    /*font-family: 'Centaur';*/
	}
	.consola
	{
	  font-family: Consolas, monaco, monospace; 
	}
	.constantia
	{
	  font-family: Constantia; 
	}
     .bg-chavara 
	 {
	    background:#FFFBEC!important;
	 }
	 .motto-red
	 {
	 color:#f93902;
	 }
	 .pink
	 {
	   color:#d10045;
	 }
	 .bg-wht
	 {
	   background-color: rgba(255, 255, 255, 0.74);
	 }
	 .bg-blk
	 {
	   background-color: rgba(0, 0, 0, 0.5);
	 }
	 .anniversary
	 {
	    width:200px;
		height:271px;
	 }
	 .social-icons
	 {
	    background:#a66700!important;
		color:#fff!important;
		border-radius:50%;
		padding:4px 7px;
	 }
	 .yellow
	 {
	   color:#a66700!important;
	 }
	 .grey
	 {
	    color:#918d86!important;
	 }
	 .title-with-borders {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.title-with-borders::before {
    content: "";
    flex: 0.1; 
    height: 1px;
    background-color: #ccc;
    margin-right: 10px; 
}

.title-with-borders::after {
    content: "";
    flex: 1; 
    height: 1px;
    background-color: #ccc;
    margin-left: 10px; 
}

.title-with-borders span {
    font-size: 18px; 
    font-weight: bold;
    color: #000; 
    text-transform: uppercase;
    letter-spacing: 1px;
}
.t-img
{
   width:150px;height:46px;
}.text-overlay {
        position: absolute;
        top: 20%;
        left: 10%;
        color: #fff;
        z-index: 2;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
    }

    .carousel-item img {
        filter: brightness(70%); /* Optional: Darken image for better text visibility */
    }
    

        .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .video-background iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        .text-container {
            position: relative;
            z-index: 1; /* Ensures text is above the video */
            color: white;
        }

        
		.fs
		{
		  font-size:16px;
		}
		.fs-18
		{
		  font-size:18px;
		}
		.custom-header {
    position: relative; 
    z-index: 10; 

.overlay-class { 
    position: relative; 
    z-index: 1; 
}
.nav-item
{
  /*font-family:'centaur';*/
}
.navbar-expand-lg .navbar-nav .nav-link
{
	color:#fff;
}
.dropdown-item:hover
{
	color:#a66700!important;
}
.nav-item a
{
  color:#fff!important;
  font-size:18px;
}
/* Add higher specificity if needed */
button.yellow-btn {
    padding: 15px 20px !important;
    background: #a66700 !important;
    border-radius: 5px !important;
    color: white; 
    border: none; /* Remove default button borders if required */
}

.pupe-img
{
    position: relative;
    transform: translateY(3em); 
    width: 100%;
    height: auto;

}
.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

	.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; 
    max-height: 600px!important; 
    flex: 1;
}

.desktophead
{
	display:block;
}
.mobilehead
{
	display:none!important;
}
@media (max-width: 768px) {
	
    .bg-image {
        height: 250px; /* Reduce height on smaller screens */
        max-height: none; /* Remove the max-height cap on mobile for better fit */
    }
}
	
@media screen and (max-width: 767px) 
{
	    .navbar {
        background: #000 !important;
    }
  .mob-pad {
    padding:1em!important;
    margin: 0 !important; /* Reset margin if needed */
  }
  .w-50 
  {
    width: 100% !important;
}
.mobilehead
{
	display:block;
}
.header
{
	display:none!important;
}
}


@media only screen and (max-width: 990px) {
    #exampleModal .modal-dialog {
        position: fixed;
        top: 0;
        right: 0px;
        height: 100%;
        margin: 0;
    }
    .apply-sec .w-50{
        width: 100% !important;
    }
    .rr-life-sec {
        padding:50px 0px 50px 0px;
    }
    .Who-we-are {
         padding: 0px 0px 50px 0px; 
    }
    .submenu{
        margin: 0px !important;
    }
    .submenu-link{
        font-size: 20px;
    }
    .stats{
        margin-bottom: 50px;
    }
    .sec-one {
        padding: 50px 0px 50px 0px;
    }
    .sec-two {
        padding: 0px 0px 50px 0px;
       
    }
    .sec-three {
        padding:0px 0px 0px 0px;
    }
    .count-sec {
        padding: 40px 0px 40px 0px;
    }
    .testimonials {
        padding: 50px 0px 50px 0px;
    }
    .get-news-sec {
        padding: 50px 0px 50px 0px;
    }
    .ftr-sec {
        background-color: #000000;
        padding:50px 0px 50px 0px;
    }
    .btm-sec .social ul {
        list-style: none;
        display: flex;
        gap: 10px;
        float: none;
        align-items: center;
        justify-content: center;
    }
    .btm-sec p {
       text-align: center;
    }
    .testimonials .title h2{
        font-size: 24px;
    }
    .ftr-sec h3{
        font-size: 18px;
    }
    .wht-btn {
        background-color: #ffffff;
        border-radius: 30px;
        padding: 10px 20px 15px 18px;
        color: #000000;
        text-decoration: none;
        margin-top: 20px;
        float: left;
        margin-left: 20px !important;
    }
    .career-sec a.career-box{
        margin-bottom: 20px;
    }
    .project-sec {
        padding: 50px 0px;
    }
    .project-details-sec{
        padding: 50px 0px 50px 0px;
    }
    .career-sec {
        padding: 50px 0px 0px 0px;
    }
    .team-sec, .contact-sec {
        padding: 50px 0px 20px 0px;
    }
    .p-t-5{
        padding-top: 50px !important;
      }
      .client-section{
       
        padding: 50px 0px 50px 0px;
      }
  }