.navbar {
            background-color: #fff !important;
            transition: background-color 0.3s ease; /* Smooth transition */
            z-index: 1000;
            position:absolute;
            top:40;
            left:0;
            right:0;
        }
         @media only screen and (max-width: 768px) {
          .navbar {
            background-color: #fff !important;
            transition: background-color 0.3s ease; /* Smooth transition */
            z-index: 1000;
            position:absolute;
            top:auto;
            left:0;
            right:0;
            padding:20px;
        }   
         }
        .navbar.sticky {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            background:#fff;
            /*background-color: rgba(255, 255, 255, 0.2) !important; */
    /*            backdrop-filter: blur(4px);*/
    /*-webkit-backdrop-filter: blur(4px);*/
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add shadow to the navbar */
        }

        .navbar-nav .nav-link {
            color: #E9832A !important;
            padding: 5px;
            border-radius: 5px;
            font-size: 17px !important;
            font-weight: 600 !important;
            float: right !important;
             z-index: 1000;
             margin-left:15px;
        }

       .navbar-nav .nav-item .nav-link:hover {

    background-color: #E9832A !important;
    color: #fff !important;
}
.active {

    background-color: #E9832A !important;
    color: #fff !important;
}
       .navbar-nav .dropdown-item{
            color: #E9832A !important;
            padding: 5px;
           
            font-size: 16px !important;
            font-weight: 500 !important;
            float: right !important;
             z-index: 1000;
        }
        .dropdown-menu{
            border:none;
            background-color: #fff;
    min-height: 120px;
    text-align: center;
        }
        
       .dropdown-item:hover {
            background-color: #E9832A !important;
            color: #fff !important;
        }
        .logo {
            
           z-index: 1000;
           width: 190px;
          height:70px;
   
        }
        
        .hero_section_parent {
            position: relative;
            overflow:hidden;
        }
        .hero_section
        {
             overflow:hidden;
         width: 100%;
         min-height: 100vh;
        }

        .hero_section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
        }
        @keyframes zoomInOut {
    0% {
        transform: scale(1.2); /* Start zoomed-in at 120% */
    }
    50% {
        transform: scale(1.2); /* Maintain zoom-in at 120% */
    }
    100% {
        transform: scale(1); /* Slowly zoom out to original size */
    }
}

        .hero_section {
            animation: zoomInOut 5s ease-in-out; /* 10-second animation with easing */
            animation-fill-mode: forwards; /* Retain the final state after animation */

            background-image: url(../images/header_img1.jpg) !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            background-attachment: scroll !important;
            background-size: cover !important;
            max-height: 100vh !important;
            position: relative;
            z-index: 0;
            color: white;
        }

       

        .top-div {
            background-color: #E9832A;
            position: absolute;
            width: 50%;
            height: 130px;
            top: -0px;
            left: 0%;
            margin-left: -23%;
        }

        .hero-line {
            margin-top:40px;
            background-color: #E9832A;
            height: 5px;
            width: 30%;
        }
        .mt--40{
                margin-top: 40px;
        }
        .navbar-brand{
            margin-left:30px !important;
        }
      @media only screen and (max-width: 768px) {
         .hlogo {
           
           width: 70px;
           height:30px;
   
        }
         .navbar-brand{
            margin-left:0px  !important;
        }
      }
.hero_section {
    position: relative;
    /* display: flex;  Add Flexbox 
    justify-content: center;  Center horizontally 
    align-items: center;  Center vertically */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero_section {
        height: auto;
        padding: 100px 0;
    }
    
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 320px) {
    .half-cross-right{
    padding:20px !important;
    line-height:30px !important;
}
.hero_content h1{
            margin-bottom: 7px;
        font-size: 65px !important;
        line-height: 60px !important;
}
.hero_section{
    /*height: 880px;*/
    /*max-height: 880px !important;*/
    height: 130vh;
    max-height: 130vh !important;
}
.hero-line{
    margin-top:30px;
    margin-bottom:0;
}
.hero-btn{
      margin-top:30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 600px) {
    .half-cross-right{
    padding:20px !important;
    line-height:30px !important;
}
.hero_content h1{
            margin-bottom: 7px;
        font-size: 55px !important;
        line-height: 50px !important;
}
.hero_section{
    height: 108vh;
    max-height: 108vh !important;
}
.hero-line{
    margin-top:30px;
    margin-bottom:0;
}
.hero-btn{
      margin-top:30px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width: 1023px){
     .half-cross-right{
    padding:20px !important;
    line-height:30px !important;
}
.hero_content h1{
           margin-top: 50px !important;
        margin-bottom: 7px;
        font-size: 65px !important;
        line-height: 80px !important;
}
.hero_section{
    height: 800px;
    max-height: 800px !important;
}
.hero-line{
    margin-top:30px;
    margin-bottom:0;
}
.hero-btn{
      margin-top:30px;
}
}
@media only screen and (min-width: 1024px) {
 
.hero_section{
    height: 710px;
    max-height: 710px !important;
}
}
.hero_content_parent{
    margin-top: 170px;
	margin-bottom: 100px;
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .hero_content_parent{
    margin-top: 100px;
}
.hero_section{
    height: 810px;
    max-height: 810px !important;
}
}

@media only screen and (min-width: 1024px) {
    .hero_content_parent{
    margin-top: 200px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
      .hero_content_parent{
   
}
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
	/*.container,*/
	/*.container-lg,*/
	/*.container-md,*/
	/*.container-sm,*/
	/*.container-xl {*/
	/*	max-width: 1400px*/
	/*}*/
}



        .hero_content {
          display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; /* Add this to center text within the container */
    color: white; /* You might need to move this property from .hero_section */
    z-index: 3;
   
        }

        .hero_content h1 {
            margin-top: 30px;
            color: #fff;
            font-size: 120px;
            line-height: 1;
            font-family: Poppins, sans-serif;
            font-weight: 700;
            z-index: 3;
            word-wrap: normal;
            display: block;
            text-align: center;
            /*margin-bottom: 50px;*/
        }
        
  


        .hero-btn {
            background-color: #E9832A;
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            padding: 10px 30px 10px 30px;
            border-radius: 5px;
        }

        .hero-btn:hover {
            color: #cdcdcd;
            text-decoration: none;
        }
        .bt-div{
           position: absolute;

    bottom: 0;
    right: 0;

    z-index: 2;
        }
        .half-cross-right {
    position: relative;
    text-align: left;
    padding: 39px 49px 39px 39px;
    height: auto;
    background: #E9832A;
    margin-left: 65px;
    font-size: 25px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    }
    .half-cross-right:after, .half-cross-right:before {
    left: -27px;
    width: 55px;
    z-index: -1;
    content: '';
}
.half-cross-right:after {
    position: absolute;
    top: 0;
    height: 50%;
    background: #E9832A;
    transform: skew(35deg, 0deg);
}
.half-cross-right:before {
    position: absolute;
    bottom: 0;
    height: 51%;
    background: #E9832A;
    transform: skew(-35deg, 0deg);
}
@media only screen and (min-width:1301px) and (max-width:1400px) {
	.half-cross-right {
		padding: 25px 40px 25px 30px;
		font-size: 20px;
		line-height: 32px
	}
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
	.half-cross-right {
		padding: 25px 40px 25px 30px;
		font-size: 20px;
		line-height: 32px
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.half-cross-right {
		padding: 25px 40px 25px 30px;
		font-size: 18px;
		line-height: 32px
	}
 }
 @media only screen and (min-width:768px) and (max-width:991px) {
	.half-cross-right {
		padding: 25px 40px 25px 30px;
		font-size: 18px;
		line-height: 32px
	}
 }
        /*.left_div {*/
        /*    background-color: #E9832A;*/
        /*    padding: 25px 40px 25px 30px;*/
        /*    font-size: 20px;*/
        /*    line-height: 32px;*/
        /*    z-index: 4;*/
        /*}*/

        /*.right_div {}*/

        /*.div_after {*/
        /*    background-color: #E9832A;*/
        /*    height: 50%;*/
        /*    transform: skew(35deg, 0deg);*/
        /*    z-index: 1;*/
        /*    margin-left: -37px;*/
        /*}*/

        /*.div_before {*/
        /*    background-color: #E9832A;*/
        /*    height: 50%;*/
        /*    transform: skew(-35deg, 0deg);*/
        /*    z-index: 1;*/
        /*    margin-left: -37px;*/
        /*}*/



        @keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(50px); /* Optional: Add a slide-up effect */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
    }

    /* Apply the animation to the hero_content class */
    .hero_content {
        animation: fadeIn 1s ease-in-out; /* 1-second fade-in with an ease-in-out timing function */
        animation-delay: 0.5s; /* Optional: Delay before animation starts */
    }

   /* Define the keyframes for a right-to-left slide-in effect */
@keyframes slideInFromTop {
    from {
        opacity: 0; /* Start with zero opacity */
        transform: translateY(-300px); /* Start 300px above */
    }
    to {
        opacity: 1; /* End with full opacity */
        transform: translateY(0); /* End at original position */
    }
}

/* Apply the animation to the bt-div class */
.bt-div {
    animation: slideInFromTop 2.5s ease-in-out; /* 1.5-second animation with ease-in-out */
    animation-delay: 0.5s; 
}




        /* APPLYING MEDIA QUERIES */
        @media (max-width: 768px) {
             .navbar-nav {
        width: 100%;
        justify-content: center;
    }
    




    .navbar-nav .nav-item {
        text-align: center;
    }
    .navbar-nav .dropdown-item{
            color: #E9832A !important;
            padding: 5px 10px;
           
            font-size: 16px !important;
            font-weight: 500 !important;
            float: left !important;
             text-align: right !important;
             z-index: 1000;
        }

    .navbar-nav .nav-link {
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #E9832A !important;
        margin: 0 10px; /* Adjust the margin as needed */
    }
          .navbar-nav .dropdown-item:hover {
              color:#fff !important;
          }

            .logo {
                margin-left: 0px;
            }

            .logo {
                width: 160px !important;
            }

            .top-div {
                background-color: #E9832A;
                position: absolute;
                width: 80%;
                height: 80px;
                top: -0px;
                left: 0%;
                margin-left: -20%;
            }
            .hero_content {
            margin-top: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        
            .hero_content h1 {
                text-align: center;
                margin-top: 70px;
                color: #fff;
                font-size: 60px;
                z-index: 3;
            }
 
        .left_div {
            background-color: #E9832A;
            padding: 15px;
            font-size: 16px;
            line-height: 32px;
            z-index: 4;
        }
            .bt-div {
                margin-top: 50px;
                text-align: center;
            }
        }

        /* Parallax Effect */
        .parallax-link {
            cursor: pointer;
        }

       
        .parallax-link:hover::before {
            transform: translateY(-40px); /* Adjust translateY value on hover */
        }
        .footer-copywrite{
            border-top:1px solid rgba(0, 0, 0, 0.1);
            text-align:center;
            padding:10px;
        }
        .footer-copywrite a{
            color:#E9832A;
        }
        .footer-copywrite p{
            margin:0;
        }
        .top-logos {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity 0.3s;
}
header .top-page-logo {
    border-right: 1px solid #cdcdcd;
}