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

}

a {
    display: inline-block;
    text-decoration: none !important;
}

ul,
ol,
li {
    list-style: none;
}

.toggletext {
    color: #000;
    font-weight: 500;
    padding: 8px 12px;
    transition: 0.3s;
}

.toggletext:hover {
    color: #ff4b4b; /* Hover color */
}

.toggletext.active {
    color: #ff4b4b !important;  /* Active color */
    border-bottom: 2px solid #ff4b4b;
}


.nav-link-oder li{
    padding: 0px 17px;
}

.nav-link-oder .nav-link {
    color: black !important;
}

.toggletext {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #000000 !important;
}

.toggletext:hover {
    color: #3D7EDB !important;
}

.header_top {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 9999;
}

.header_top .dropdown-toggle::after {

    border-top: .4em solid !important;
    border-right: .4em solid transparent !important;
    border-left: .4em solid transparent !important;
}

.logotitle img {
    width: 100%;
}

.logotitle {
    width: 142px;
}

.btn-outline-successbtn {
    background-color: #3D7EDB;
    border: 1px solid #3D7EDB;
    border-radius: 8px !important;
    transition: all 0.5s;
    color: #fff !important;
    padding: 10px 20px;

}

.btn-outline-successbtn:hover {
    background-color: transparent !important;
    color: #3D7EDB !important;
}

.header_top {
    border-bottom: 1px solid #000000;
    background-color: #fff;
}

.togglerclas {
    width: 43px;
    height: 35px;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    display: flex;
    border-color: #3D7EDB !important;
    /* background-color: #3D7EDB !important; */
}

.togglerclas i {

    font-size: 25px;
    color: #3D7EDB !important;
}

.menudropdawn {
    border: none !important;
    background-color: #3D7EDB !important;

}

.menudropdawn li a {
    color: #fff;
}

.menudropdawn li a:hover {
    background-color: #fff !important;
    color: #3D7EDB;

    display: inline-block;
}


/* Hover par dropdown kholne ke liye */
.header_top .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* optional - gap hatane ke liye */
}

/* Dropdown smooth animation ke liye */
.header_top .dropdown-menu {
    display: none;
    transition: all 0.3s ease;

}


/* hero_section start  */

.hero_section {
    margin-top: 150px;
    padding: 178px 0px 68px 0px;
    background-position: center;
    background-size: cover;
    background-image: url("../image/heroimg.png");
}

.architecture_title h1 {
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 20px red;
}

.layout-title {
    background-color: #fff;
    width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    height: 43px;
    padding: 10px;
    margin: auto;
}

.layout-box {
    text-align: center;
}

.layout-box h5 {
    font-size: 20px;
    padding-top: 15px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -1px;
}

.hero_section .layout-box {
    padding: 30px 10px;
    width: 210px !important;
    background-color: #ECF5FF99;

}

.colds {
    background-color: #BF2929 !important;
}

.colds h5 {
    color: #fff !important;
}

.rowtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}








.input-rowwing {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin-top: 50px;
    border-radius: 18px;
    flex-wrap: wrap;
    background-color: #3D7EDB;
}

.input-rowwing .input-box {
    background-color: #fdf6f2;
    border: none;
    border-radius: 8px;
    padding: 11px 18px;
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 8px;
    color: #1a73e8;
    width: 252px;
}

.input-rowwing .input-box input::placeholder {
    color: #1a73e8;
}

.input-rowwing .input-box input,
.input-box select {
    border: none;
    background: transparent;
    outline: none;
    color: #1a73e8;
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 18px;

    width: 100%;
    font-weight: 500;
}

.input-rowwing .input-box select {
    cursor: pointer;
    border: none !important;
    appearance: none;
}

.input-rowwing .btn-calc {
    background-color: #fdf6f2;
    color: #3D7EDB;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -1px;
    border: none;
    padding: 10px 25px;
    transition: all 0.3s ease;
}


.house_designs_sec {
    padding: 50px 0px 100px 0px;
}

.home-design {
    background-color: #3D7EDB;
    border-radius: 10px;
    overflow: hidden;
    height: 197px;

}

.home-design img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 108px;
    object-fit: cover;
    width: 100%;
}

.home-design h5 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
    padding: 18px 10px 22px 10px;
}

.house-sec {
    margin-top: 50px;
}

.expertise {
    background-color: #BF2929;
    border-radius: 10px;
    width: 199px;
    height: 159px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    bottom: 0;
    right: -50px;
    margin-bottom: 20px;
}

.expertise h4 {
    font-weight: 500;
    font-size: 38px;
    color: #fff;

}

.expertise p {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.years_box {
    position: relative;
}

.design-title {
    padding-left: 38px;
}

.design-title h2 b {
    color: #1a73e8;
    font-weight: 500;
    font-size: 38px;
}

.design-title h2 {
    font-weight: 500;
    font-size: 38px;
    color: #000000;
}

.design-title p {
    font-weight: 400;
    font-size: 16px;
    color: #00000099;
}

.design-title span {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    letter-spacing: -1px;
}


/* building_section start  */

.building_section {
    padding: 0px 0px 100px 0px;
}

.select-opsation h3 {
    font-size: 36px;
    font-weight: 500;
    color: #3D7EDB;
}

.home-wilders {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px 0px 27px 20px;
    display: flex;
    /* align-items: end; */
    background-color: #FFF8E5;
}

.home-wilders img {
    max-width: 100%;
}

.plot-dikash h4 {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}

.plot-dikash p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}


.plot-dikash a {
    font-weight: 400;
    font-size: 16px;
    text-decoration: underline !important;
    color: #3D7EDB;
}


.contrcstion {
    background-color: #E5F6EC;
}

.contrcstionsd {
    background-color: #ECF5FF;
}


.house_design_area-sec {
    padding: 10px 0px 100px 0px;
}

.select-opsation h3 img {
    max-width: 100%;
}










.btn-containersing {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;

}

.btn-containersing .tab-btn {
    padding: 6px 30px;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    background-color: transparent;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: 0.3s;
}

.btn-containersing .tab-btn.active {
    background: #3D7EDB;
    color: white;
}

.content-top .tab-content {
    display: none;

}

.content-top .tab-content.active {
    display: block;
}


.upto_title {
    background-color: #ECF5FF;
    padding: 10px;
    width: 100%;
    border-radius: 16px;
}

.upto_title img {
    border-radius: 16px;
    width: 100%;
    height: 197px;
    object-fit: cover;
}

.upto_title h5 {
    font-weight: 500;
    padding-top: 12px;
    font-size: 24px;
    color: #000000;
}

.see_aall {
    text-align: center;
    margin-top: 40px;
}

.see_aall button {
    background-color: #3D7EDB;
    font-size: 20px;
    border-radius: 8px;
    font-weight: 500;
    color: #fff;
    border: none;
    padding: 4px 30px;
}


.title_categories-sec {
    padding: 0px 0px 100px 0px;
}


.comprehensive-title h3 {
    font-weight: 500;
    font-size: 36px;
}

.comprehensive-title p {
    font-weight: 400;
    font-size: 16px;
}

.comprehensive-title h3 span {
    color: #3D7EDB;
}

.maift {
    border: 2px solid #00000099;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}

.maift h4 {
    color: #3D7EDB;
    font-size: 16px;
    padding: 18px 0px 3px 0px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
}

.categories-img img {
    height: 168px;
    object-fit: cover;
}

.budget_calculator_sec {
    padding: 0px 0px 100px 0px;
}

.calculator_title h2 {
    font-weight: 500;
    font-size: 38px;
}

.calculator_title p {
    font-weight: 400;
    margin-bottom: 20px;
    color: #000000;
    font-size: 16px;
}

.budd-box {
    background-color: #E4EFFF;
    border-radius: 20px;
    padding: 70px 20px;
    border: 1px solid #00000080;
}

.slider-containersd {
    width: 100%;
    margin-bottom: 40px;
}

.slider-containersd input[type="range"] {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: #C6BCBC;
    outline: none;
    appearance: none;
}

/* ✅ Custom Thumb with Home Icon */
.slider-containersd input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 40px;
    height: 40px;
    background: url('https://cdn-icons-png.flaticon.com/512/25/25694.png') no-repeat center center;
    background-size: 24px 24px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

/* Firefox Support */
.slider-containersd input[type="range"]::-moz-range-thumb {
    width: 40px;
    height: 40px;
    background: url('https://cdn-icons-png.flaticon.com/512/25/25694.png') no-repeat center center;
    background-size: 24px 24px;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 4px rgb(255, 0, 0);
}

.slider-containersd .range-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.button-rowd {
    display: flex;
    gap: 15px;
}

.button-rowd .value-btn {
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    padding: 10px 25px;
    width: 207px;
    font-weight: 500;
    font-size: 20px;
    cursor: default;
}

.button-rowd .next-btn {
    background-color: #3D7EDB;
    color: white;
    border: none;
    width: 207px;
    border-radius: 8px;
    border: 1px solid #3D7EDB;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.button-rowd .next-btn:hover {
    background-color: #1e5fc3;
}

.services-title h3 {
    font-weight: 500;
    font-size: 38px;
    color: #000000;
}

.services-title a {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    transition: all 0.5s;
    width: 100%;
    border-radius: 6px;
    background-color: #3D7EDB;
    border: 2px solid #3D7EDB;
    padding: 10px 20px;
}

.services-title a:hover {
    background-color: transparent !important;
}

.service_providers {
    padding: 100px 0px;
    background-color: #E4EFFF;
}

.layout-box:hover {
    background-color: #BF2929 !important;
}

.layout-box:hover h5 {
    color: #fff !important;
}






/* --- basic layout styles --- */
.rowtitle {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.layout-box {
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.layout-box img {
    width: 100%;


}

.layout-box.active {
    background-color: #BF2929 !important;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* --- containering section --- */
.containering {
    display: none;
}

.containering.active {
    display: block;
}

.input-rowwing {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.input-box {
    position: relative;
}

.input-box input,
.input-box select {
    padding: 8px 35px 8px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.input-box img {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.btn-calc {
    padding: 10px 20px;
    background: #007bff;
    border: none;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.supervised-title {
    background-color: #fff;
    padding: 30px 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
}

.supervised-title img {
    width: 50px;
}

.supervised-title h3 {
    font-size: 24px;
    color: black !important;
    font-weight: 500;
}

.supervised-title:hover h3 {
    text-decoration: underline !important;
}

.bg-blure {
    overflow: hidden;
}

/* .bg-blure{
    background-color: #3D7EDB;
    padding: 20px;
    border-radius: 18px;
} */



.architects-title {
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 10px;
}


.architects-title img {
    border-radius: 10px;
    height: 164px;
    object-fit: cover;
}

.architectsa-title {
    display: flex;
    align-items: center;
    margin-top: 13px;
    justify-content: space-between;
}

.architectsa-title p {
    font-weight: 500;
    font-size: 20px;
    line-height: 21px;
    margin: 0;
    color: #000000;
}

.architects-title {
    height: 100%;
}

.planning-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.planning-title h3 {
    margin-bottom: 0px;
    font-size: 36px;
    color: #000000;
    font-weight: 500;
}

.planning_section {
    padding: 100px 0px;
    background-color: #ECF5FF;
}

.planning-title a {
    text-decoration: underline !important;
    font-weight: 500;
    font-size: 18px;
    color: #3D7EDB;

}

.guides_title {
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #000000;
    width: 100%;
}

.guides_title img {
    border-radius: 16px;
    height: 188px;
    object-fit: cover;
}

.guides_title i {
    color: #FF3030;
    font-size: 24px;
    margin: revert;
    align-items: center;
    justify-content: end;
    display: flex;
    padding: 10px 0px;
    width: 100%;
}

.regulersing {
    padding: 10px;
}

.guides_title p {
    font-size: 18px;
    letter-spacing: -1px;
    padding-bottom: 10px;
    color: black;
    border-bottom: 2px solid black;
    margin-bottom: 0px;
    font-weight: 500;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35ch;

}

.date-colnder {
    padding: 0px 10px 16px 10px;
    display: flex;
    gap: 10px;
}

.date-colnder span:nth-child(1) {
    color: #BF2929;
    font-weight: 500;
}

.date-colnder {
    color: black;
}

.date-colnder span {
    font-weight: 400;
    font-size: 16px;

    color: #000000;
}

.home_blog-sec {
    padding: 100px 0px;
}

.blogs-title h3 {
    text-align: center;
    font-weight: 500;
    font-size: 38px;
    color: #000000;
}

.blog_box {
    border-radius: 10px;
    border: 1px solid #000000;
    padding: 15px;
}

.blog_box img {
    border-radius: 10px;
    height: 311px;
    object-fit: cover;
}


.blog_box p {
    font-weight: 500;
    font-size: 18px;
    color: black;
    padding: 15px 0px;
    margin-bottom: 0px;
}


.blog_box p span {
    color: #3D7EDB;
}

.blog_box h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35ch;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 24px;
}

.blog_box p {
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: -1px;
}

.blog_box a {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    font-size: 400;
    font-size: 16px;
    text-decoration: underline !important;
    color: #BF2929;
    padding-bottom: 10px;
}











/* ..............................................  */


.footer_bottom {
    padding: 100px 0px 0px 0px;
    background-color: #ECF5FF;
}

.footer-colsing h4 {
    font-size: 20px;
    font-weight: 500;
    color: #3D7EDB;
    margin-bottom: 15px;
}

.footer-colsing ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.footer-colsing ul li {
    margin-bottom: 8px;
}

.footer-colsing ul li a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-colsing ul li a:hover {
    color: #3D7EDB;
}

.subscribe-box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.subscribe-box input {

    padding: 10px 10px;
    border: 1px solid #000000;
    border-radius: 8px 0 0 8px;
    outline: none;
    width: 100%;
    border-right: none;
    background-color: transparent;
}

.subscribe-box button {
    padding: 10px 10px;
    border: none;
    background-color: #3D7EDB;
    color: #fff;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #3D7EDB;
    font-weight: 400;
}

.payment-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.payment-icons img {
    height: 28px;
    object-fit: contain;
}



.footer-bottom_rights p {
    text-align: center;
    border-top: 1px solid #3D7EDB;
    padding: 22px 0px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin: 0px;
}

.hot_link h3 {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.payment-icons a img {
    width: 100%;
}

.payment-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background-color: #fff;
    width: 98px;
    border-radius: 10px;
    height: 45px;
}

.house_designs_sec .rowaaa {
    display: flex;
    row-gap: 15px;
    column-gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.house_designs_sec .col {
    flex: initial !important;
    width: 150px;
}



/* architecture section satrt  */

.architecture_top {
    padding: 150px 0px 0px 0px;
    margin-top: 150px;
    background-size: cover;
    position: relative;
    background-image: url("../image/architecture-hero.png");
}

.architecture_top::after {
    content: "";
    inset: 0;
    background: linear-gradient(177deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
    position: absolute;
}

.architecturalplans h1 {
    font-weight: 500;
    font-size: 36px;
    color: #fff;
    padding-bottom: 20px;
}

.plans_box {
    position: relative;
    z-index: 9;
}

.popular_box {
    margin-bottom: -49px;
}

.popular_box h3 {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    padding-bottom: 20px;
}

.bhk_box {
    background-color: #fff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
    height: 150px;
    display: flex;
    gap: 6px;
    margin-top: 10px;
    border: 1px solid #00000080;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.bhk_box img {
    max-width: 100px;
}

.bhk_box h4 {

    font-weight: 500;
    color: #000000;
    font-size: 18px;
    margin-bottom: 0px;
}

.bhk_box span {
    font-weight: 400;
    font-size: 14px;
    color: #00000099;
}

.search_by_title {
    padding: 100px 0px;
}



/* Box styling */
.filter-boxw {
    position: sticky;
    top: 150px;
}

.filter-boxw h3 {
    font-size: 16px;
    margin: 15px 0 17px;
    font-weight: 500;
    color: #000000;
}

/* Inputs */
.filter-boxw input[type="text"] {
    width: 100%;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #00000099;
    font-size: 14px;
    color: #00000080;
}

/* Floor Group */
.floor-groupsing {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.floor-groupsing .floor-btn input {
    display: none;
    /* hide radio */
}

.floor-groupsing .floor-btn span {
    padding: 8px 14px;
    border: 1px solid #7B7B7B;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    color: #000000;
    transition: 0.3s;
}

/* ACTIVE FLOOR BUTTON */
.floor-groupsing .floor-btn input:checked+span {
    background: #186cbc;
    color: #fff;
    border-color: #186cbc;
}

/* Direction Group */
.dir-groupder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.dir-groupder .dir-btn input {
    display: none;
    /* Hide checkbox */
}

.dir-groupder .dir-btn span {
    padding: 10px;
    font-weight: 400;
    height: 100%;
    font-size: 16px;
    border: 1px solid #00000099;
    border-radius: 6px;
    cursor: pointer;
    color: #00000080;
    display: block;
    text-align: center;
    transition: 0.3s;
    text-align: center;
    display: flex;
    align-items: center;
}

/* ACTIVE DIRECTION BUTTON */
.dir-groupder .dir-btn input:checked+span {
    background: #186cbc;
    color: #fff;
    border-color: #186cbc;
}





.cardsd {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border: 1px solid #00000066;
}

.card-header {
    position: relative;

}

.card-header img {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-radius: 10px;
    height: 249px;
    object-fit: cover;
}

.tagsing {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    color: #000000;
    padding: 6px 10px;
    font-size: 18px;
    border-bottom-right-radius: 8px;
    font-weight: 400;
}

.hearts {
    position: absolute;
    top: -7px;
    right: 10px;
    font-size: 35px;
    color: #FF3030;
    cursor: pointer;
    transition: color 0.3s ease;
}

.hearts.active {
    color: #ff2b4a;
}



.titlesingd {
    font-weight: 500;
    font-size: 24px;
    margin: 7px 0px 7px 0px;
}

.details {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    border-top: 1px solid #000000;
    padding: 3px 0px;
    justify-content: space-between;
    font-size: 13px;
}

.details p {
    margin: 0;
}

.labelgy {
    color: #BF2929;
    font-weight: 500;
    font-size: 16px;
}

.valueserf {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.video_section {
    padding: 56px 0px 86px 0px;
}

.video-iframe iframe {
    width: 100%;
    height: 293px;
    border-radius: 10px;
}



/* interior  */


.interior_sec {
    padding: 50px 0px 50px 0px;
    margin-top: 150px;
}

.online_tirle h5 {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
}

.online_tirle h1 {
    font-weight: 500;
    font-size: 36px;
    color: #000000;
}

.online_tirle span {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.online_tirle p {
    font-weight: 400;
    font-size: 16px;
    color: #000000B2;
}


.online_tirle a {
    font-weight: 500;
    color: #FFFFFF;
    border-radius: 6px;
    font-size: 18px;
    padding: 10px 20px;
    background-color: #3D7EDB;
}

.interior_trends_sec {
    padding: 0px 0px 100px 0px;
}

.interior_title {
    padding: 10px;
}

.youtube-title-video iframe {
    width: 100%;
    height: 352px;
    border-radius: 10px;
}

.sourcing_materials_sec {
    padding: 0px 0px 100px 0px;
}

.doors {
    position: relative;

}

.doors img {
    width: 100%;
    border: 1px solid #000000;
    border-radius: 10px;
    height: 170px;
    object-fit: cover;

}

.doors h6 {
    position: absolute;
    top: 0;
    padding: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.sdwqd img {
    border: none !important;
}

.gallry-section {
    padding: 100px 0px;
    background-color: #E4EFFF;
}

.room_service img {
    width: 100%;
    border-top-left-radius: 10px;
    height: 136px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.room_service {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
}

.room_service h5 {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    text-align: center;
    padding: 15px 0px;
}

.construction_section {
    padding: 50px 0px;
}




/* form code  */
.construction_sectiona {
    background-color: #3D7EDB;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.construction_boxa {
    width: 100%;
    background-color: #4079e2;
    color: #fff;
    text-align: center;
}

.construction_boxa h2 {
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 1.4;
    font-weight: 500;
}

.construction_boxa form {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#constructionForm .text-danger{
    display: inline-block;
    width: 100%;
    text-align: start !important;
}

.construction_boxa select,
.construction_boxa input[type="text"] {
    padding: 12px;
    border-radius: 6px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    color: #000;
    outline: none;
}

.area_sectionse {
    font-size: 14px;
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.area_sectionse label {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.radio_group {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.radio_group input[type="radio"] {
    accent-color: #BF2929;
}

.construction_boxa button {
    background-color: #fff;
    color: #000000;
    border: none;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    width: 181px;
    margin: 0 auto;
    transition: 0.3s;
}

.construction_box button:hover {
    background-color: #f0f0f0;
}










/* ////////////////////////////////////////  */

.buildingb_ksfur {
    background-color: #4079e2;
    color: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
}

.buildingb_ksfur h2 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}

.input_groupse {
    margin-bottom: 25px;
}

.input_groupse label {
    display: block;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.result_section p {
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0px;
    color: #fff !important;
}




.range_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.range_container input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background: #ffffff;
    outline: none;
}

.range_container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #BF2929;
    cursor: pointer;
    border: 2px solid white;
}

.range_container span {
    font-weight: 600;
    font-size: 15px;
    min-width: 50px;
    text-align: right;
}



.emi_box {
    margin-top: 15px;
    background-color: #97C0FC57;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    display: inline-block;
}

.emi_box p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.emi_box h3 {
    margin: 5px 0 0 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}

.result_sec_s {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.services_under_sec {
    padding: 100px 0px;
}

.services_undertitle h3 {
    font-size: 38px;
    color: #000000;
    font-weight: 500;
}

.services_undertitle h3 span {
    color: #BF2929;
}

.xmlnsitltr {
    text-align: center;
    border-radius: 16px;
    padding: 20px;
    background-color: #E4EFFF;
}

.xmlnsitltr h5 {
    font-size: 24px;
    font-weight: 500;
    color: #BF2929;
    margin: 0px;
    padding: 16px 0px;
}

.xmlnsitltr p {
    font-size: 14px;
    overflow-y: auto;
    height: 97px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #000000;
}

.why_choose_secton {
    padding: 0px 0px 100px 0px;
}

.most_interiors {
    padding: 16px;
    border: 1px solid #000000;
    border-radius: 10px;
}

.most_interiors img {
    height: 205px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

.most_interiors h4 {
    font-weight: 500;
    padding: 20px 0px;
    font-size: 20px;
    margin-bottom: 0px;
    color: #000000;
}

.most_interiors p {
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    color: #000000B2;
}

.most_interiors a {
    padding: 10px 20px;
    background-color: #BF2929;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

.copeuy button {
    border: none;
    display: flex;
    gap: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 0px;
    border-radius: 8px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #BF2929;
}

/* advise_section satrt  */

.advise_section_sec {
    padding: 0px 0px 100px 0px;
}

.expert_advise_section {
    background: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: "Poppins", sans-serif;
    margin: 40px auto;
}

.expert_advise_section h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 25px;
}

.expert_advise_section h2 span {
    color: #e53935;
    font-weight: 500;
}

.expert_advise_section form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.expert_advise_section label {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin-bottom: -5px;
}

.expert_advise_section input,
.expert_advise_section textarea {
    background-color: #ECF5FF;
    border: 1px solid #e2e8f0;
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 8px;
    color: #00000099;
    outline: none;
    font-weight: 400;
    resize: none;
    transition: border-color 0.2s;
}

.expert_advise_section input:focus,
.expert_advise_section textarea:focus {
    border-color: #4079e2;
}

.expert_advise_section button {
    background-color: #3D7EDB;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.expert_advise_section button:hover {
    background-color: #2f5fd3;
}


.frequently_questions_sec {
    padding: 0px 0px 100px 0px;
}

.frequently_tyitle h3 {
    font-weight: 500;
    font-size: 38px;
    color: #000000;
}

.frequently_tyitle h3 span {
    color: #BF2929;
}

.frequently_tyitle p {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

.frequently_tyitle p span {
    color: #BF2929;

}

.frequently_tyitle a {
    border: none;
    gap: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #BF2929;
}

.accordion-box .accordion-item {
    box-shadow: 0px 19px 16px -23px black;
    margin-bottom: 20px;
    border-radius: 10px !important;
}

.accordion-box .accordion-button {
    font-weight: 500;
    box-shadow: none !important;
    border: none !important;
    font-size: 18px;
    color: #000000 !important;
    background-color: transparent !important;
}

.accordion-box .accordion-body p {
    padding-top: 10px;
    border-top: 1px solid #000 !important;
}

.accordion-box .accordion-button::after {
    background-image: url("../image/plush.svg");
}

.accordion-box .accordion-button:not(.collapsed)::after {
    background-image: url("../image/munush.svg");
}

.consult_title p {
    font-weight: 400;
    font-size: 16px;
    color: 16px;
}

.consult_title a {
    border: none;
    gap: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #BF2929;
}


/* glary pages start  */

.glary_section {
    padding: 190px 0px 50px 0px;
}


/* Box Section */
.amount_hyt .filter-box {
    margin-bottom: 25px;
    padding: 0;
}

/* Blue Heading */
.amount_hyt h3 {
    background-color: #3D7EDB;
    color: white;
    padding: 8px 12px;
    font-size: 24px;
    border-bottom: 2px solid #BF2929;
    border-radius: 10px;
    margin-bottom: 12px;
    font-weight: 500;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


.amount_hyt input {
    background-color: red !important;
}

.amount_hyt label {
    border-bottom: 1px solid #00000066;
    display: flex;
    padding-bottom: 10px;
    align-items: center;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400;
    cursor: pointer;
    color: #000000;
}

.amount_hyt input[type="checkbox"] {
    width: 24px;
    height: 24px;
    accent-color: #1C274C;
    margin-right: 10px;
    cursor: pointer;

}


.amount_hyt label:hover {
    color: 2c7be5;
    transition: 0.3s ease;
}

.amount_hyt hr {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 10px 0;
}




.residential_hdyrg .card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #000000;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
    font-family: Arial, sans-serif;
    transition: 0.3s ease;
    height: 340px;
}

.residential_hdyrg .card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

/* Image */
.residential_hdyrg .card-img {
    width: 100%;
    border-radius: 10px;
    height: 178px;
    object-fit: cover;
    border-bottom: 1px solid #eee;
}

/* Body */
.residential_hdyrg .card-body {
    padding: 10px 0px;
}

/* Category Row */
.residential_hdyrg .cat-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 18px;
    color: #000;
}

.residential_hdyrg .cat-row span {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

/* Title */
.residential_hdyrg .title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px !important;
    margin-bottom: 18px;
    color: #000;
}

/* Button */
.residential_hdyrg .author-btn {
    background: #2c7be5;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    cursor: pointer;
    transition: 0.3s ease;
}

.residential_hdyrg .author-btn:hover {
    background: #1e63c9;
}


.author-btnw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.residential_trihgy {
    margin-bottom: 20px;
}



/* privacy-policy pages start  */


.privacy_policy_sec1 {
    padding: 190px 0px 100px 0px;
}

.privacy_policy_sec {

    margin: 0px auto;
    color: #000;

}

.privacy_policy_sec h1 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 35px;
    font-weight: 500;
}

.privacy_policy_sec h2 {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 12px;
    font-weight: 500;
}

.privacy_policy_sec p {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
}

.privacy_policy_sec ul {
    margin: -0;
}

.privacy_policy_sec ul li strong {
    font-weight: 500;
}

.privacy_policy_sec ul li {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 16px;
    list-style: disc !important;
}

.privacy_policy_sec .note {
    background: #f9f9f9;
    padding: 12px 16px;
    border-left: 4px solid #888;
    border-radius: 6px;
    font-size: 15px;
}


/* terms-conditions start code  */


.terms-conditions_sec1 {
    padding: 190px 0px 100px 0px;
}

.terms-conditions_sec1 .container {

    color: #000;
}

.terms-conditions_sec1 .main-title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 600;
}

.terms-conditions_sec1 h2 {
    font-size: 36px;
    margin-top: 25px;
    margin-bottom: 12px;
    font-weight: 500;
    color: #000000;

}

.terms-conditions_sec1 p {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    margin-bottom: 15px;
    color: #000000CC;
}

.terms-conditions_sec1 ul {
    margin-left: 0px;
    margin-bottom: 20px;
}

.terms-conditions_sec1 ul li {
    font-size: 15px;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    list-style: disc !important;
    color: #000000CC;
}

.email-def p {
    list-style: none !important;
    margin-bottom: 0px;
}

.email-def p span {
    color: #BF2929 !important;
}


.content_section {
    padding: 190px 0px 100px 0px;
}

.location-icon {
    width: 44px;
    height: 44px;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #3D7EDB;
}

.aAddress_class p {
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: -1px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}

.aAddress_class p span {
    color: #BF2929;
}

/* form_section start  */

.form_section {
    padding: 0px 0px 100px 0px;
}

.everything_regarding h1 {
    font-weight: 500;
    font-size: 36px;
    letter-spacing: -1px;
    color: #000000;
}


.everything_regarding p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -1px;
    color: #000000B2;
}




/* contact section start form  */

.everything_used {

    margin: 0px auto;
    background: #3D7EDB4D;
    padding: 40px 50px;
    border-radius: 12px;
    font-family: Arial, sans-serif;
}

.everything_used h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.everything_used input,
.everything_used textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: none;
    font-weight: 400;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
}

.everything_used textarea {
    height: 100px;
    resize: none;
}

.everything_used button {
    width: 100%;
    padding: 12px;
    background: #3D7EDB;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

.everything_used button:hover {
    background: #356fcc;
}

.everything_regarding img {
    width: 265px;
    margin: 0 auto;
    display: block;
}

.Consult_title {
    text-align: center;
}

.Consult_title p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.Consult_title a {
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    color: #FFFFFF;
    padding: 10px 20px;
    background-color: #BF2929;
}

/* our_clients_sec start  */
.our_clients_sec {
    margin: 190px 0px 100px 0px;
}

.our_clients_box {
    padding: 100px 80px;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    background-size: cover;
    background-image: url("../image/ourclient1.png");
}

.our_clients_box::after {
    content: "";
    inset: 0;
    position: absolute;
    background-color: #0000005c;
}

.our_relative {
    position: relative;
    z-index: 999;
}

.our_clients_box {
    text-align: center;
}

.our_clients_box h1 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -1px;
}

.our_clients_box .clients_aa {
    width: 109px;
    height: 3px;
    border-radius: 50px;
    margin: 0 auto;
    background-color: #fff;
}

.our_clients_box p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFFB2;
    letter-spacing: -1px;
    margin-top: 15px;
}

.qualitydrawings {
    padding: 22px 21px !important;
}

.qualitydrawings .input-box {
    padding: 0px 18px !important;
}



/* clint-name_section start  */

.clint-name_section {
    padding: 0px 0px 100px 0px;
}



.increment_rate {
    margin: 0px auto;
    font-family: Arial, sans-serif;
}

.increment_rate .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.increment_rate .card {
    border: 1px solid #dcdcdc;
    padding: 25px 15px;
    border-radius: 10px;
    text-align: center;
    display: flex !important;
    justify-content: center;
    height: 100%;
    align-items: center;
    background: #ffffff;
    height: 166px;
    transition: 0.2s ease;
}

.increment_rate .card h3 {
    color: #3D7EDB;
    margin-bottom: 5px;
    font-size: 24px;
}

.increment_rate .card p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
}

.increment_rate .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
}

.increment_rate .pagination .btn {
    padding: 8px 15px;
    border: 1px solid #3D7EDB;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #3D7EDB !important;
    font-size: 14px;
}

.increment_rate .pagination .btn.active {
    background: #3D7EDB;
    color: #fff !important;
}

.increment_rate .pagination .btn:hover {
    background: #3D7EDB;
    color: #fff !important;
}

.home_pages_section {
    padding: 190px 0px 100px 0px;
}

.home_pages_section video {
    height: 222px;
    display: block;
}

.smail_duplex_title {
    background-color: #3D7EDB;
    color: #fff;
    border-top-left-radius: 10px;
    padding: 10px 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -1px;
    border-top-right-radius: 10px;
}

.smail_duplex_title_bottom {
    background-color: #E9E9E9;
    color: #000000;
    display: flex;
    gap: 10px;
    align-items: center;
    border-bottom-left-radius: 10px;
    padding: 10px 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -1px;
    border-bottom-right-radius: 10px;
}

.house_titlem {
    width: 109px;
    height: 3px;
    margin: 0 auto;
    background-color: #3D7EDB;
}

.Walkthrough_title {
    margin-bottom: 40px;
    text-align: center;
}

.Walkthrough_title h1 {
    font-weight: 500;
    font-size: 36px;
    color: #000000;
}

.toggletext {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #000000 !important;
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 10px;
}

.page-btn,
.pagination-number {
    padding: 8px 14px;
    border: 1px solid #333;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
}

.page-btn:hover,
.pagination-number:hover {
    background: #333;
    color: #fff;
}

.pagination-number.active {
    background: #333;
    color: #fff;
    font-weight: bold;
}


#pagination-numbers {
    display: flex;
    gap: 10px;
}


/* .blog_section_home  start  */

.blog_section_home {
    padding: 199px 0px 100px 0px;
}

.image_title img {
    border-radius: 20px;
    object-fit: cover;
    max-height: 445px;
    width: 100%;
    transition: all 0.5s;
}

.image_title {
    overflow: hidden;
}

.image_title img:hover {
    transform: scale(1.5);
}

.homemet {
    overflow: hidden;
}

.homemet img {
    transition: all 0.5s;
}

.homemet img:hover {
    transform: scale(1.5);
}

.sustainable_title span {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    display: block;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.sustainable_title h1 {
    font-weight: 500;
    font-size: 36px;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: -1px;
}


.sustainable_title p {
    letter-spacing: -1px;
    font-size: 16px;
    font-weight: 500;

    color: #000000B2;
}

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

.virender_title span {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    margin: 0px !important;
    letter-spacing: -1px;
}

.virender_title p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #000000;
}

.blog-ditels_page {
    padding: 0px 0px 100px 0px;
}

.homes_title img {
    height: 293px;
    width: 100%;
    object-fit: cover;
}

.virender_box img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 50%;
}

.homes_title span {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0px;

    display: block;
}

.homes_title h2 {
    font-weight: 500;
    font-size: 28px;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.homes_title p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: -1px;
}


.custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 40px 0;
}

.custom-pagination button,
.custom-pagination .page-number {
    width: 45px;
    height: 45px;
    border: 2px solid #000;
    background: #fff;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

.custom-pagination button:hover,
.custom-pagination .page-number:hover {
    background: #000;
    color: #fff;
}

.page-number.active {
    background: #000;
    color: #fff;
    border-color: #000;
}

.nubers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* deatils pages css start  */

.deatils_home_sec {
    padding: 190px 0px 20px 0px;
}

.sehradun_glob {
    padding-top: 50px;
}

.deatils_images img {
    border-radius: 50px;
    width: 100%;
}

.architects_sec {
    padding: 0px 0px 50px 0px;
}

.sehradun_glob h5 {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}

.sehradun_glob h5>span {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}


.sehradun_glob p {
    font-weight: 400;
    font-size: 18px;
    margin: 30px 0px;
    color: #000000;
}

.sehradun_glob button {
    background-color: #3D7EDB;
    font-size: 18px;
    font-weight: 500;
    border: none;
    letter-spacing: -1px;
    width: 199px;
    padding: 10px 20px;
    color: #FFFFFF;
    border-radius: 6px;
}

.roorkee_title h5 {
    margin-bottom: 0px;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.roorkee_title h6 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px;
}

.roorkee_title h6 strong {
    font-size: 18px;
    font-weight: 500;
}

.roorkee_title p {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.roorkee_title p>span {
    color: #3D7EDB;
}

.roorkee_title button {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border: none;
    padding: 10px 20px;
    width: 187px;
    border-radius: 8px;
    letter-spacing: -1px;
    background-color: #168E54;
}

.roorkee_title {
    border-left: 1px solid #000000;
    gap: 20px;
    display: flex;
    padding: 50px 0px 50px 50px;
    flex-direction: column;
}


.project_title h6 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #000000;
}

.gellry-top_section {
    padding: 0px 0px 73px 0px;
}

.home_room_title img {
    height: 133px;
    object-fit: cover;
    transition: all 0.5s;
    width: 100%;
    border-radius: 10px;
}

.project_title a {
    color: #3D7EDB;
    font-weight: 500;
    font-size: 22px;
    margin-top: 10px;
}

.interior-der h4 {
    font-weight: 400;
    font-size: 22px;
    color: #0B0B0B;

}

.modren_title a {
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    background-color: #EBEBEB;
    font-weight: 400;
    color: #5E5D5D;
    border: 1px solid #5E5D5D;
}


.home_room_title {
    overflow: hidden;
}

.home_room_title img:hover {
    transform: scale(1.5);
}

.design-ideas_section {
    padding: 150px 0px 100px 0px;
}

.ideas_title img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}





.googleapis_try {
    margin: 0px auto;
    padding: 30px;
    border: 2px solid #000000;
    border-radius: 16px;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.googleapis_try h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
    letter-spacing: -1px;
}

.googleapis_try label {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 5px;
    text-transform: capitalize;
}

.googleapis_try select {
    width: 100%;
    padding: 12px;
    border: 1px solid #000000;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    font-weight: 400;
    /* margin-bottom: 15px; */
}

#loanForm small{
    width: 100%;
    display: inline-block;
    text-align: start ;
}

.googleapis_try .apply-btn {
    width: 100%;
    padding: 12px;
    background: #3D7EDB;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    cursor: pointer;
}

.googleapis_try h3 {
    margin-top: 25px;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.googleapis_try .partner-logo {
    width: 150px;
    margin-top: 10px;
}


.loan_title img {
    border-radius: 20px;
    width: 100%;
}

.calculate_tite h3 {
    font-weight: 500;
    text-align: center;
    font-size: 36px;
    color: #000000;
}



/* tab content tab button  code */

.emi-calculator {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.tabcontent .tabsse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}

.tab-btnas {
    padding: 10px 20px;
    width: 100%;
    background: transparent;
    border: none;
    color: #000000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    border-bottom: 1px solid #000000;
}

.tab-btnas.active {
    background: transparent;
    color: rgb(0, 0, 0);
    border-bottom: 2px solid #007bff;
}

.disclaimer-title p {
    font-weight: 400 !important;
    color: #00000099;
    font-size: 16px;
    margin-bottom: 0px;
    letter-spacing: -1px;
}


.disclaimer-title p strong {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.content-box {
    display: none;
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.content-box.active {
    display: block;
}

/* tab content plzz  */



.left-box,
.right-box {
    padding: 25px;
    border-radius: 12px;
    flex: 1;
}

.right-box {
    background: #3D7EDB;
    color: white;
    text-align: center;
    height: 100%;
}

.right-box h4 {
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 14px;
}

.right-box h1 {
    font-weight: 500;
    font-size: 27px;
    color: #fff;
    margin-bottom: 30px;
}

.left-box label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #000000;
}

.left-box h3 {
    margin: 5px 0 10px;
    font-weight: 500;
    font-size: 18px;
    color: #3D7EDB;
}

.left-box input[type="range"] {
    width: 100%;
    margin-bottom: 10px;
}

.range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 20px;
}

.summary {
    background: #FFFFFF33;
    color: rgb(255, 255, 255);
    padding: 15px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 10px;
    margin-top: 20px;

}

.summary p {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.btnsdde {
    background: white;
    color: #000000;
    border: none;
    margin-top: 20px;
    padding: 15px 20px;
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.btnsdde:hover {
    background: #f0f4ff;
}


.calculate_home_loan {
    padding: 0px 0px 40px 0px;
}


.assistance_section {
    padding: 0px 0px 100px 0px;
}











.assistance-hyt {
    height: 100%;
    margin: 0px auto;
    margin-top: 20px;

    padding: 25px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.assistance-hyt .assist-content h2 {
    color: #1b5bbf;
    font-size: 28px;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -1px;
}

.assistance-hyt .assist-content h3 {
    color: #0EA918;
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
    letter-spacing: -1px;

}

.assistance-hyt .assist-content p {
    color: #00000099;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: -1px;

}

.assist-btn {
    display: inline-block;
    padding: 12px 25px;
    background: #0EA918;
    color: #fff !important;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s ease;
}

.assist-btn:hover {
    background: #1fa24d;
}

.assistance-hyt .assist-img img {
    width: 220px;
}



.blog-section-der {
    padding: 0px 0px 50px 0px;
}

.design_title {
    background: #fff;
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

/* Image */
.design_title .dt-image img {
    width: 100%;
    height: 257px;
    object-fit: cover;
    display: block;
    border-bottom: 1px solid #eee;
}

/* Content */
.design_title .dt-content {
    padding: 15px 18px;
}

.design_title .dt-content h2 {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
}

/* List Items */
.design_title .dt-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.design_title .dt-list li {
    padding: 5px 0;
    border-bottom: 1px solid #000000;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}

.design_title .dt-list li span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.design_title .dt-list li:hover {
    color: #0077ff;
}


.financial_title {
    font-weight: 500;
    font-size: 36px;
    color: #000000;
    letter-spacing: -1px;
    text-align: center;
}



.social_media {

    height: 440px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #000000;
    font-family: Arial, sans-serif;
    padding: 15px;
}

/* Image */
.social_media .sm-image img {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 230px;
    object-fit: cover;
}



.social_media .sm-content h3 {
    color: #0EA918;
    font-size: 20px;
    margin: 20px 0px;
    font-weight: 500;
}

.social_media .sm-content p {
    font-size: 16px;
    color: #000000;
    margin-bottom: 23px;
    font-weight: 400;
    line-height: 1.5;

}

/* Read More link */
.social_media .sm-link {
    color: #3D7EDB;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;

}



.loan-boxss {
    width: 100%;
    padding: 40px 20px 0px 0px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.loan-boxss h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #000000;
}

.icon-circles {
    width: 80px;
    height: 80px;
    background: #3D7EDB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.loan-boxss p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.btn-calls {
    padding: 10px 25px;
    border: 2px solid #3D7EDB;
    background: transparent;
    color: #3D7EDB;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: -1px;
    transition: 0.3s;
}

.btn-calls:hover {
    background: #3D7EDB;
    color: #fff;
}








@media (max-width:1400px) {

    .hero_section {
        height: initial;
    }

    .hero_section .layout-box {
        padding: 18px 7px;
        width: 178px !important;
    }
}

@media (max-width:1200px) {

    .tab-btnas {

        width: initial !important;
        flex-wrap: wrap;
    }


    .footer-colsing {
        margin-bottom: 30px;
    }

    .architects-title {
        height: initial;
        margin-bottom: 20px;

    }

    .upto_title {
        margin-bottom: 20px;
    }
}

@media (max-width:991px) {

    .tabcontent .tabsse {
        flex-wrap: wrap;
    }

    .assistance-hyt {
        height: initial;
        flex-wrap: wrap;
    }

    .homes_title img {
        height: 178px;
    }

    .blog_section_home {
        padding: 156px 0px 50px 0px;
    }

    .homes_title p {
        font-size: 14px;
    }

    .homes_title h2 {
        font-size: 19px;
    }

    .sustainable_title h1 {
        font-weight: 500;
        font-size: 22px;
    }

    .room_service h5 {
        font-weight: 500;
        font-size: 18px;
    }

    .architecture_top {
        padding: 56px 0px 0px 0px;
        margin-top: 126px;
    }

    .frequently_tyitle {
        margin-bottom: 20px;
    }

    .blog_box img {
        height: 142px;
    }

    .home-design {
        margin-bottom: 20px;
    }

    .house_designs_sec .row .col {
        width: 33.33%;
    }

    .house_designs_sec .row {
        flex-wrap: wrap;
    }

    .toggletext {
        font-size: 14px !important;
        color: #000000 !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0px !important;
    }

    .supervised-title {
        margin-bottom: 10px;
    }

    .hero_section {
        padding: 156px 0px 68px 0px;
    }

    .input-rowwing .input-box {
        padding: 8px 18px;
    }

    .hero_section .layout-box {
        padding: 6px 0px;
        width: 149px !important;
    }

    .layout-box h5 {
        font-size: 15px;
    }

    .architecture_title h1 {
        font-size: 25px;
    }

    .rowtitle {

        margin-top: 25px;
    }

    .home-wilders {
        height: inherit;
    }

    .design-title p {
        font-size: 14px;
    }

    .design-title h2 {
        font-weight: 500;
        font-size: 26px;
    }

    .design-title h2 b {
        font-size: 26px;
    }

    .construction_sectiona {
        margin-bottom: 20px;
        height: initial;
    }

    .design-ideas_section {
        padding: 95px 0px 50px 0px;
    }

}

@media (max-width:767px) {
.sfefew{
    margin-bottom: 20px;
}

    .residential_hdyrg .card{
        height: initial !important;
    }
    .left-box{
        padding: 0px !important;
    }
    .loan-boxss h2 {
        font-size: 27px;
    }

    .design_title {
        height: initial !important;
    }

    .social_media {
        height: initial !important;
    }

    .assistance-hyt {

        justify-content: center;
        margin-top: 0px;
        margin-bottom: 10px;
        flex-direction: column-reverse;
    }

    .emi-calculator {
        display: block;
    }

    .deatils_images img {
        border-radius: 13px;
    }

    .deatils_home_sec {
        padding: 130px 0px 0px 0px;
    }

    .roorkee_title {
        border-left: none;

        padding: 32px 0px 0px 0px;
    }


    .homes_title img {
        height: 272px;
    }

    .blog_section_home {
        padding: 100px 0px 50px 0px;
    }

    .home_pages_section {
        padding: 136px 0px 50px 0px;
    }

    .clint-name_section {
        padding: 0px 0px 50px 0px;
    }

    .our_clients_box {
        background-position: top;
    }

    .our_clients_box {
        padding: 48px 33px;
    }

    .form_section {
        padding: 0px 0px 50px 0px;
    }

    .everything_regarding h1 {
        font-size: 32px;
    }

    .everything_used {
        padding: 30px 20px;
    }

    .content_section {
        padding: 140px 0px 33px 0px;
    }

    .terms-conditions_sec1 h2 {
        font-size: 25px;
    }

    .terms-conditions_sec1 {
        padding: 141px 0px 50px 0px;
    }

    .privacy_policy_sec1 {
        padding: 141px 0px 50px 0px;
    }

    .glary_section {
        padding: 128px 0px 0px 0px !important;
    }

    .residential_hdyrg .card-img {
        height: 263px !important;
    }

    .interior_sec {
        padding: 50px 0px 18px 0px;
        margin-top: 82px;
    }

    .interior_trends_sec {
        padding: 0px 0px 26px 0px;
    }

    .doors img {
        height: 93px;
    }

    .sourcing_materials_sec {
        padding: 0px 0px 50px 0px;
    }

    .gallry-section {
        padding: 50px 0px;
    }

    .footer_bottom {
        padding: 50px 0px 0px 0px;
    }

    .blog_box img {
        height: 311px;
    }

    .services-title {
        margin-bottom: 20px;
    }

    .architects-title img {
        border-radius: 10px;
        height: 364px;
    }

    .house_design_area-sec {
        padding: 0px 0px 50px 0px;

    }

    .building_section {
        padding: 0px 0px 50px 0px;
    }

    .btn-containersing {
        justify-content: center;
    }

    .btn-containersing .tab-btn {
        padding: 6px 11px;

        font-size: 14px;
    }

    .upto_title h5 {
        font-weight: 500;
        padding-top: 12px;
        font-size: 15px;
    }

    .upto_title img {

        height: 102px;
    }

    .select-opsation h3 {
        font-size: 25px;
    }

    .house_designs_sec {
        padding: 50px 0px 50px 0px;
    }

    .design-title h2 b {
        font-size: 25px;
    }

    .design-title h2 {
        font-size: 25px;
    }

    .house_designs_sec .rowaaa {

        row-gap: 0px;
    }

    .expertise {
        left: 0px;
        width: 163px;
        height: 128px;
    }

    .expertise p {
        font-size: 13px;
    }

    .design-title {
        padding-left: 0px;
        margin-top: 20px;
    }

    .supervised-title h3 {
        font-size: 15px;
    }

    .hero_section {
        margin-top: 114px;
    }

    .logotitle {
        width: 107px;
    }

    .hero_section {
        padding: 37px 0px 68px 0px;
    }

    .input-rowwing .input-box {
        width: 100%;
    }

    .input-rowwing {
        padding: 20px 20px;
    }

    .categories-img img {
        height: 219px;
    }

    .comprehensive-title h3 {
        font-size: 26px;
    }

    .title_categories-sec {
        padding: 0px 0px 50px 0px;
    }

    .calculator_title {
        margin-top: 20px;
    }

    .budget_calculator_sec {
        padding: 0px 0px 50px 0px;
    }

    .services-title h3 {
        font-weight: 500;
        font-size: 25px;
    }

    .services_under_sec {
        padding: 0px 0px 50px 0px;
    }

    .services_undertitle h3 {
        font-size: 30px;
    }

    .why_choose_secton {
        padding: 0px 0px 50px 0px;
    }

    .frequently_questions_sec {
        padding: 0px 0px 50px 0px;
    }

    .calculator_title h2 {
        font-size: 25px;
    }

    .service_providers {
        padding: 50px 0px;
    }

    .guides_title img {
        height: 315px;
    }

    .planning-title h3 {
        font-size: 25px;

    }

    .planning_section {
        padding: 50px 0px;
    }

    .home_blog-sec {
        padding: 50px 0px;
    }

    .disclaimer-title p {
        margin-top: 10px;
    }

}

@media (max-width:567px) {
    .architects-title img {
        height: 305px;
    }
}