.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
 
   /***********************megha menu**********************************/
    /* Form Wrapper */
    .propcode-form{
    margin-top:15px;
    }

    /* Input Group */
    .input-group{
    position:relative;
    }

    /* Input Field */
    .propcode-form input[type="text"]{
    width:100%;
    padding:10px 40px 10px 12px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
    outline:none;
    transition:.3s;
    }

    .propcode-form input[type="text"]:focus{
    border-color:#1a73e8;
    }

    /* Search Button */
    .search-btn{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:none;
    cursor:pointer;
    font-size:16px;
    color:#666;
    }

    /* Error Message */
    .error-msg{
    display:none;
    font-size:12px;
    color:red;
    margin-top:5px;
    }
    /* Drawer Menu List */

    .rs-main .drawer-list{
    list-style:none;
    padding:0;
    margin:0;
    }

    .rs-main .drawer-list li{
    position:relative;
    padding:14px 0 14px 28px; /* left space for arrow */
    font-size:14px;
    border-bottom:1px solid #f1f1f1;
    cursor:pointer;
    font-weight: 400;
    transition:.3s ease;
    }

    /* Arrow using ::before */
    .drawer-list li.has-arrow::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%) rotate(-45deg);
    width:6px;
    height:6px;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    transition:.3s ease;
    }

    /* Hover effect */
    .drawer-list li:hover{
    background-color:#f4f5f7;
    }
    .drawer-list li.active::before{
    transform:translateY(-50%) rotate(45deg);
    }
    /* Section Button Style */
    .drawer-section-btn{
    display:block;
    font-size:15px;
    font-weight:500;
    padding:16px 0;
    text-decoration:none;
    color:#1f2933;
    border-bottom:1px solid #eaeaea;
    position:relative;
    transition:.3s ease;
    }


    /* Space for arrow */
    .drawer-section-btn{
    padding-left:22px;
    }

    /* Hover */
    .drawer-section-btn:hover{
    background-color:#f4f5f7;
    }

    /* ===== LOGIN DRAWER ===== */

.rs-main .login-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}

.rs-main .login-drawer{
    position:fixed;
    top:0;
    right:-350px;
    width:340px;
    height:100%;
    background:#fff;
    transition:.4s;
    z-index:1000;
}

    /* Active */
.rs-main .login-drawer.active{
    right:0;
}
.rs-main .login-overlay.active{
    opacity:1;
    visibility:visible;
}

    /* Header */
    .login-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f5f6fa;
    padding:20px;
    border-radius:10px;
}

/* Left side */
.login-left{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

/* Avatar */
.login-avatar{
    width:64px;
    height:64px;
    background:#6c4df6;
    border-radius:50%;
    position:relative;
    flex-shrink:0;
}

/* Head */
.avatar-head{
    position:absolute;
    top:16px;
    left:50%;
    transform:translateX(-50%);
    width:16px;
    height:16px;
    background:#fff;
    border-radius:50%;
}

/* Body */
.avatar-body{
    position:absolute;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    width:30px;
    height:18px;
    background:#fff;
    border-radius:20px 20px 0 0;
}

/* Text */
.login-content h3{
    margin:0;
    font-size:16px;
    font-weight:600;
    color:#1f2933;
}

.login-content{
    font-family: 'Inter', sans-serif;
}

/* Features */
.feature{
    display:flex;
    align-items:center;
    font-size:13px;
    color:#4b5563;
    margin-top:6px;
}

/* Green circle check */
.check{
    width:16px;
    height:12px;
    border-radius:50%;
    border:2px solid #22c55e;
    margin-right:8px;
}

/* Login Button */
.login-btn{
    background:#22c55e;
    color:#fff;
    border:none;
    padding:10px 24px;
    font-size:14px;
    font-weight:600;
    border-radius:8px;
    cursor:pointer;
    transition:.2s ease;
}

.login-btn:hover{
    background:#1ea84a;
}

    .login-title{
    display:flex;
    align-items:center;
    gap:10px;
    }

    .close-login{
    cursor:pointer;
    font-size:18px;
    }

    /* Banner */
    .login-banner{
    background:#eef6f3;
    padding:20px;
    }

    .login-banner h3{
    font-size:16px;
    margin-bottom:12px;
    }

    .post-btn-big{
    background:#1a73e8;
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:6px;
    cursor:pointer;
    }

    /* Drawer Menu */
    .drawer-menu{
    padding:20px;
    }

    .drawer-menu h4{
    margin:20px 0 10px;
    font-size:14px;
    color:#666;
    }

    .drawer-menu ul{
    list-style:none;
    }

    .new-tag{
    background:#1a73e8;
    color:#fff;
    font-size:10px;
    padding:2px 6px;
    border-radius:3px;
    margin-left:5px;
    }

    /* Footer */
    .drawer-footer{
    padding:20px;
    }

    .drawer-footer input{
    width:100%;
    padding:10px;
    border:1px solid #ddd;
    border-radius:5px;
    margin-bottom:10px;
    }
    /* Mega Dropdown Housing Style */
    /* ====== HOUSING STYLE MEGA MENU UPDATED ====== */

    .rs-main .mega-menu{
    position:absolute;
    top:54px;
    left:100%;
    transform:translateX(-50%);
    width:920px;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 25px 60px rgba(0,0,0,0.08);
    padding:30px 40px;
    display:none;
    transition:all .25s ease;
    }

    /* Arrow */
    .rs-main .mega-menu:before{
    content:"";
    position:absolute;
    top:-14px;
    left:43%;
    transform:translateX(-50%);
    border-left:14px solid transparent;
    border-right:14px solid transparent;
    border-bottom:14px solid #ffffff;
    }

    /* Flex Layout */
.rs-main .mega-content{
    display:flex;
    justify-content:space-between;
}

    /* Columns */
  .rs-main .mega-col{
    width:22%;
}

.rs-main .property-col{
    width:32%;
    border-right:1px solid #f2f2f2;
    padding-right:20px;
}

    .mega-menu .property-col{
    border-right:1px solid #f2f2f2;
    padding-right:20px;
    margin-right: 25px;;
    }
    .mega-menu .property-col a {
    font-size: 16px !important;
    padding: 10px 0px !important;
    font-weight: 500;
    }
    .mega-menu .property-col a span{margin-right:10px;}

    /* Section Headings */
    .mega-col h5{
    font-size:13px;
    color:#8f98a3;
    font-weight:500;
    margin-bottom:22px;
    letter-spacing:.4px;
    }

    /* Links */
    .mega-col a{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#222 !important;
    font-size:14px !important;
    padding: 8px 0px 8px 8px !important;
    margin-bottom:5px;
    transition:all .2s ease;
    }

    .mega-col a:hover{
    color:#2962ff;
    
    }
    /* Hover effect */
   .mega-col a:hover{
    background-color:#f4f5f7;
    /*transform:translateX(3px);*/
    }

    /* Icons */
    .icon{
    font-size:17px;
    opacity:.8;
    }

    /* Explore link */
    .explore-link{
    margin-top:18px;
    font-weight:500;
    color:#2962ff !important;
    }

    /* Smooth Hover */
    .rs-main .mega-dropdown:hover .mega-menu{
    display:block;
    }
    .mega-menu{
    opacity:0;
    visibility:hidden;
    }

    .rs-main .mega-dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    }

    .mega-dropdown .arrowDownStyle {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    transform: rotate(45deg);
    transition: .3s;
}

.mega-dropdown.open .arrowDownStyle {
    transform: rotate(-135deg);
}
    /******************************************************************************************/

    *{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Poppins', sans-serif;
    }

    body{
    background:#f5f5f5;
    }

    .rs-main .header{
    background: linear-gradient(to right,#0f2a4d,#0c1f3f);
    padding:12px 0;
    position:sticky;
    top:0;
    z-index:999;
    }

    .rs-main .container{
    width:90%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    }

    .logo img{
    height:32px;
    }

    /* Menu */

  .rs-main .menu{
    list-style:none;
    display:flex;
    align-items:center;
}

.rs-main .menu li{
    position:relative;
}

.rs-main .menu li a{
    color:#fff;
    padding:10px 14px;
    text-decoration:none;
    font-size:14px;
    display:block;
}

    .rs-main .menu li a span{
    font-size:10px;
    margin-left:4px;
    }
     .rs-main .menu li a :hover span::after{
        transform: rotate(-0deg);
     }
     /*****
     .rs-main .menu li a span::after{
    transform: rotate(-90deg);
    content: "\e9d8";
    transition: transform .3s;
    }
    ***/
    /* Dropdown */

    .submenu{
    position:absolute;
    top:54px;
    left:0;
    background:#fff;
    width:210px;
    display:none;
    border-radius:6px;
    padding:30px 40px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:all .25s ease;
    }
     /* Arrow */
    .submenu:before{
    content:"";
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    border-left:14px solid transparent;
    border-right:14px solid transparent;
    border-bottom:14px solid #ffffff;
    }
    .submenu li{display: block;}
    .submenu li a{
    color:#333;
    padding:10px;
    font-size:13px;
    }

    .dropdown:hover .submenu{
    display:block;
    }

    /* Right Side */

    .right-menu{
    display:flex;
    align-items:center;
    gap:15px;
    }

    .download{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    }

    .post-property{
    background:#fff;
    color:#0c1f3f;
    padding:5px 12px;
    border-radius:20px;
    font-size:14px;
    text-decoration:none;
    position:relative;
    }

    .free-badge{
    background:#ff3366;
    color:#fff;
    font-size:10px;
    padding:2px 5px;
    border-radius:3px;
    margin-left:5px;
    }

    .profile-icon{
        display:flex;
        align-items:center;
        gap:12px;
        background:#ffffff;
        padding:5px 12px;
        margin-left:20px;
        border-radius:30px;
        cursor:pointer;
    }

    /* Hamburger */
    .hamburger{
        display:flex;
        flex-direction:column;
        gap:4px;
    }

    .hamburger span{
        width:14px;
        height:2px;
        background:#0c1f3f;
        display:block;
    }

    /* User Icon Circle */
    .user-icon{
        width:24px;
        height:24px;
        background:#6c4df6;
        border-radius:50%;
        position:relative;
    }

    /* Head */
    .user-icon .head{
        position:absolute;
        top:7px;
        left:50%;
        transform:translateX(-50%);
        width:5px;
        height:5px;
        background:#fff;
        border-radius:50%;
    }

    /* Body */
    .user-icon .body{
        position:absolute;
        bottom:6px;
        left:50%;
        transform:translateX(-50%);
        width:10px;
        height:5px;
        background:#fff;
        border-radius:8px 8px 0 0;
    }

    /* Mobile */

    .menu-toggle{
    display:none;
    flex-direction:column;
    cursor:pointer;
    }

    .menu-toggle span{
    background:#fff;
    height:3px;
    width:25px;
    margin:4px 0;
    }
@media(max-width:991px){

.rs-main .menu{
    position:fixed;
    top:0;
    left:-100%;
    height:100%;
    width:250px;
    background:#0f2a4d;
    flex-direction:column;
    padding-top:60px;
    transition:0.4s;
}

.rs-main .menu.active{
    left:0;
}

}