@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon33993399.eot?gxdhmw');
  src:  url('fonts/icomoon33993399.eot?gxdhmw#iefix') format('embedded-opentype'),
    url('fonts/icomoon33993399.ttf?gxdhmw') format('truetype'),
    url('fonts/icomoon33993399.woff?gxdhmw') format('woff'),
    url('fonts/icomoon33993399.svg?gxdhmw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-power:before {
  content: "\e95c";
}
.icon-cinema:before {
  content: "\e95d";
}
.icon-ampt:before {
  content: "\e95e";
}
.icon-coffee:before {
  content: "\e95f";
}
.icon-escalator:before {
  content: "\e960";
}
.icon-cook:before {
  content: "\e905";
}
.icon-butler:before {
  content: "\e906";
}
.icon-gym:before {
  content: "\e900";
}
.icon-golf:before {
  content: "\e92f";
}
.icon-ekey:before {
  content: "\e930";
}
.icon-polo:before {
  content: "\e931";
}
.icon-deck:before {
  content: "\e932";
}
.icon-pool:before {
  content: "\e933";
}
.icon-security:before {
  content: "\e934";
}
.icon-cctv:before {
  content: "\e935";
}
.icon-jogging:before {
  content: "\e937";
}
.icon-service:before {
  content: "\e938";
}
.icon-car:before {
  content: "\e939";
}
.icon-shopping:before {
  content: "\e93a";
}
.icon-cart:before {
  content: "\e93b";
}
.icon-premium:before {
  content: "\e93c";
}
.icon-touch:before {
  content: "\e93d";
}
.icon-smarthome:before {
  content: "\e93e";
}
.icon-bathtub:before {
  content: "\e93f";
}
.icon-balcony:before {
  content: "\e940";
}
.icon-kitchen:before {
  content: "\e941";
}
.icon-modular-kitchen:before {
  content: "\e942";
}
.icon-study:before {
  content: "\e943";
}
.icon-pet:before {
  content: "\e944";
}
.icon-bed:before {
  content: "\e945";
}
.icon-dining:before {
  content: "\e946";
}
.icon-toilet:before {
  content: "\e947";
}
.icon-fork:before {
  content: "\e948";
}
.icon-helpline:before {
  content: "\e949";
}
.icon-kids-play:before {
  content: "\e94a";
}
.icon-movie:before {
  content: "\e94b";
}
.icon-fashion:before {
  content: "\e94c";
}
.icon-floor:before {
  content: "\e94d";
}
.icon-ac:before {
  content: "\e94e";
}
.icon-alexa:before {
  content: "\e94f";
}
.icon-bowling:before {
  content: "\e950";
}
.icon-spa:before {
  content: "\e951";
}
.icon-school:before {
  content: "\e952";
}
.icon-hall:before {
  content: "\e953";
}
.icon-garden:before {
  content: "\e954";
}
.icon-kids-park:before {
  content: "\e955";
}
.icon-park:before {
  content: "\e956";
}
.icon-cricket:before {
  content: "\e957";
}
.icon-tennis-court:before {
  content: "\e958";
}
.icon-av-room:before {
  content: "\e959";
}
.icon-mail:before {
  content: "\e95a";
}
.icon-dropdown:before {
  content: "\e91c";
}
.icon-trophy:before {
  content: "\e928";
}
.icon-diamond:before {
  content: "\e929";
}
.icon-partner:before {
  content: "\e92a";
}
.icon-sandclock:before {
  content: "\e924";
}
.icon-quality:before {
  content: "\e92c";
}
.icon-train:before {
  content: "\e925";
}
.icon-airport:before {
  content: "\e926";
}
.icon-eway:before {
  content: "\e927";
}
.icon-city:before {
  content: "\e923";
}
.icon-money:before {
  content: "\e91d";
}
.icon-rupee:before {
  content: "\e920";
}
.icon-first:before {
  content: "\e921";
}
.icon-second:before {
  content: "\e91e";
}
.icon-commercial:before {
  content: "\e90a";
}
.icon-hkey:before {
  content: "\e915";
}
.icon-floor-plan:before {
  content: "\e917";
}
.icon-house:before {
  content: "\e918";
}
.icon-plan:before {
  content: "\e922";
}
.icon-maps:before {
  content: "\e91b";
}
.icon-bar:before {
  content: "\e95b";
}
.icon-rera:before {
  content: "\e91a";
}
.icon-menu:before {
  content: "\e901";
}
.icon-prev:before {
  content: "\e902";
}
.icon-next:before {
  content: "\e903";
}
.icon-brochure:before {
  content: "\e904";
}
.icon-file:before {
  content: "\e907";
}
.icon-launch:before {
  content: "\e908";
}
.icon-key:before {
  content: "\e909";
}
.icon-map-location:before {
  content: "\e92b";
}
.icon-map:before {
  content: "\e90c";
}
.icon-whatsapp:before {
  content: "\e90d";
}
.icon-facebook:before {
  content: "\e90e";
}
.icon-twitter:before {
  content: "\e910";
}
.icon-youtube:before {
  content: "\e911";
}
.icon-instagram:before {
  content: "\e913";
}
.icon-linkedin:before {
  content: "\e914";
}
.icon-status:before {
  content: "\e936";
}
.icon-close:before {
  content: "\e90b";
}
.icon-check:before {
  content: "\e91f";
}
.icon-pointer:before {
  content: "\e919";
}
.icon-gift:before {
  content: "\e916";
}
.icon-headphone:before {
  content: "\e90f";
}
.icon-call:before {
  content: "\e92d";
}
.icon-location:before {
  content: "\e912";
}
.icon-play:before {
  content: "\e92e";
}


/*nr-add*/
.carousel-item img {
    object-fit: fill; /* Ensures the image covers the container without distorting */
    width: 100%; /* Makes the image take up the full width of its parent */
    height: 100vh; /* Makes the image cover the full height of the viewport */
}
.slick-initialized .slick-slide {
    position: relative; /* Position the container for pseudo-element */
    overflow: hidden; /* Prevent overflow of the animated background */
}

.slick-initialized .slick-slide::before {
    content: ''; /* Create an empty pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Initially, the height is 0% (background is invisible) */
    background-color: var(--Primary); /* Set the background color */
    color: #fff;
    transition: height 0.5s ease, background-color 0.5s ease; /* Transition for height and color */
}

.slick-initialized .slick-slide:hover::before,
.slick-initialized .slick-slide:focus::before {
    height: 100%; /* On hover/focus, expand the height to cover the full slide */
    background-color: #000b15; /* Ensure the background color is applied */
    color: #fff;
}

.slick-initialized .slick-slide:hover,
.slick-initialized .slick-slide:focus {
    color: white; /* Change text color on hover/focus */
    outline: none;
    transition: color 0.5s ease; /* Smooth transition for text color */
}
/* Hide text during the background animation */
.slick-initialized .slick-slide p {
    position: relative;
    z-index: 2; /* Ensure the text is always on top of the background */
    opacity: 1; /* Text is visible initially */
    transition: opacity 1s ease; /* Smooth opacity transition */
}

.slick-initialized .slick-slide:hover p,
.slick-initialized .slick-slide:focus p {
    opacity: 1; /* Fade out the text during the hover animation */
}
.details p {
    display: contents;
}
i.icon-location.green {
    color: #003cff;
    font-weight: 800;
}
span.green.title-border {
    margin-bottom: 14px;
    padding-bottom: 7px;
}
.container-box.nr {
     
    background-color: #004581;
}
img.d-block.w-100.jr {
    height: 35vh;
}

 .feature-box {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  }

  .icon i {
        color: #005baa;
    font-size: 72px;

  }

  .feature-box p {
    color: #333;
    font-size: 16px;
  }

  .feature-box:hover .icon i {
    color: #0056b3; /* Change icon color on hover */
  }
  h2.ucase.mob-title.calign {
    text-align: center;
}
.container.mt-5 {
    padding-bottom: 40px;
}
.feature-box.text-center.p-4.border.rounded {
    max-height: 315px;
    height: 310px;
}


/*header css*/
/* General reset for margin and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body Styling */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #f4f4f4;
    margin: 0;
}

/* Header Container */
#header {
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

/* Main Header */
.mainhead {
    /*display: flex;*/
    /*justify-content: space-between;*/
    align-items: center;
    padding: 10px 50px;
}

/* Logo Styling */
.logo a img {
    height: 68px;
}

/* Navbar Styling */
.navbar {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    /*width: 100%;*/
    list-style: none;
    margin-left: 20px;
    justify-content: end !important;

}

/* Navbar Item Styling */
.navbar-nav {
    display: flex;
    list-style: none;
    align-items: center;
    flex-direction: row !important;
}

.navbar-nav li {
    margin: 0 5px;
}

.navbar-nav a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    padding: 10px;
    transition: color 0.3s ease;
}

/* Navbar hover effect */
.navbar-nav a:hover {
    color: #007bff;
}

/* Dropdown Styling */
.navbar-nav .dropdown {
    position: relative;
}

.navbar-nav .dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    min-width: 300px;
    padding: 10px 0;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav .dropdown-menu li {
    padding: 10px 15px;
}

.navbar-nav .dropdown-menu a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.navbar-nav .dropdown-menu a:hover {
    background-color: #007bff;
    color: #fff;
}

/* Contact Button Styling */
.contact {
    margin-left: auto;
}

.contact a {
    text-decoration: none;
    color: #fff;
    background-color: #007bff;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.contact a:hover {
    background-color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
  .navbar-collapse{
       position: relative;
        left: -139px;
  }
 

.carousel-item img {

  height: auto!important;
}
.navbar {
 
  padding: 17px 10px !important;
}
.cnt-des {
  
  margin-top: 30px;
}
    .mainhead {
        flex-direction: column;
        padding: 20px;
    }

    .navbar-nav {
        flex-direction: column;
        margin-top: 10px;
    }

    .navbar-nav li {
        margin: 5px 0;
    }

    .contact {
        margin-left: 0;
        margin-top: 15px;
    }

    .logo a img {
        height: 72px;
    }
}
/* Dropdown Styling */
.navbar-nav .dropdown {
    position: relative;
}

.navbar-nav .dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #062e50;
    border: 1px solid #ddd;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    min-width: 300px;
    padding: 10px 0;
    max-height: 300px; /* Adjust max-height to your desired size */
    overflow-y: auto;  /* Add scroll if content exceeds max-height */
}

/* Show dropdown on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav .dropdown-menu li {
    padding: 10px 15px;
}

.navbar-nav .dropdown-menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.navbar-nav .dropdown-menu a:hover {
    background-color: #007bff;
    color: #fff;
}
.page-headline {
    padding: 40px 90px; /* Default padding for larger screens */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1200px) {
    .page-headline {
        padding: 30px 70px; /* Adjust padding for medium-sized screens */
    }
}

@media (max-width: 992px) {
    .page-headline {
        padding: 20px 50px; /* Adjust padding for tablets and small desktops */
    }
}

@media (max-width: 768px) {
    .page-headline {
        padding: 15px 30px; /* Adjust padding for smaller tablets and mobile devices */
    }
}

@media (max-width: 576px) {
    .page-headline {
        padding: 10px 20px; /* Adjust padding for very small screens like mobile devices */
    }
}
 .logo img {
      max-height: 65px!important;
    }

    .navbar-nav .nav-link {
      font-size: 1rem;
      margin-left: 15px;
    }

    .contact a {
      font-size: 1rem;
      color: #fff;
      font-weight: bold;
    }

    /*.navbar {*/
    /*  background-color: #f8f9fa;*/
    /*}*/

    .navbar-toggler-icon {
      background-color: #000;
    }

    @media (max-width: 991px) {
      .navbar-collapse {
        margin-top: 1rem;
      }
    }
    /* Media Queries for Tablet and Mobile Screens */
@media (max-width: 991px) {
    .mainhead {
        flex-direction: row !important;
        align-items: flex-start;
        padding: 15px 10px;
    }

    .navbar-nav {
        flex-direction: column !important;
        width: 100%;
        margin-top: 10px;
    }

    .nav-item {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

    .navbar-toggler {
        border-color: #ddd;
    }

    .navbar-toggler-icon {
        background-color: #ffffff00;
    }

    .contact {
        margin-top: 10px;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .logo img {
        max-width: 150px;
    }

    /* Adjust Contact Button */
    .contact a {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .navbar-nav {
        margin-top: 20px;
    }
}

 button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }

        .popup-form {
            display: none; /* Hidden by default */
/*            position: fixed;*/
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0 0 0 / 0%);
            justify-content: center;
            align-items: center;
        }

        .popup-content {
            background-color: white;
/*            padding: 5px 50px 10px 30px;*/
            border-radius: 10px;
            width: 500px;
            border: 0.5px solid #aaa7a79e;
/*            text-align: center;*/
        }

        .close-btn {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 30px;
            cursor: pointer;
        }

        form {
            display: flex;
            flex-direction: column;
            padding: 5px 0px 36px 12px;
        }

        input, textarea {
            padding: 8px;
            margin: 5px 0;
            font-size: 16px;
            width: 100%;
        }

        button[type="submit"] {
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            margin-top: 10px;
        }

        button[type="submit"]:hover {
            background-color: #45a049;
        }
        .popup-heading{
           background-color: #48b340; 
           text-align: center; 
           margin: 0; 
           padding: 10px; 
           border-radius: 10px 10px 0px 0px;
        }
        
.cnt-des img {
  height: 359px !important;
  object-fit: cover;
}
.cnt-des {
  background: white;
  box-shadow: rgba(26, 24, 24, 0.24) 0px 3px 8px;
  border: 6px solid white;
}
.residential-set .projects-head{
    height: 230px;
}
.last_set .projects-head{
    height: 230px;
}
.llst .projects-head{
    height: 230px;
}

.disgn-sect {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px;
  text-align: center;
  height: 100px;
  align-content: center;
  border-radius: 51px 8px 59px 8px;
  margin-bottom: 10px;
}

.disgn-sect h4{
    font-size: 15px;
    color: white;
}
.dis-1 {
  background: #52b84a;
}
.dis- {
  background: #005aa9;
}
.dis-2 {
  background: #005baa;
}

.form_box input {
  border: 1px solid #0000005e;
}
.form_box {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
}

.how-cnt {
  font-size: 25px;
  text-transform: uppercase;
}
/*main-section*/
.banner-frm {
  position: absolute;
  top: 245px;
  width: 21%;
  background: #fffffff2;
  z-index: 99;
  right: 0;
}

.banner-frm form{
   padding: 5px 0 0px 0px!important; 
}
.banner-frm label {
  font-size: 18px;
  margin-bottom: 5px;
}
@media(max-width:768px){
   .projects-box{
       padding: 10px 0!important;
       width: 100% !important;
   }
    .redisall-bnr img {
  height: 320px !important;
  object-fit: cover;
}
    .clsfix.mswitch.mbsec {
  padding-top: 36px;
  height: 100%;
}
.clsfix.mswitch.mbsec img{
 
  height: 100%;
}
.banner-frm {
  position: static;
  width: 100%;
  /*top: 109px;*/
  /*width: 100%;*/
  /*background: #ffffff70;*/
  /*z-index: 9999;*/
}

.clsfix.mswitch {
  overflow: hidden;
}

}

.three-about-area{
    padding-top: 120px;
}

.clsfix.mswitch {
  overflow: hidden;
}

.clsfix{
    overflow: hidden;
}