@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: "Inter", sans-serif;
}
:root {--color-orange: #FF7605; --color-gray:#8C8C8C;} 
p{font-weight: 600; margin-bottom: 0px !important; line-height: 31px;}
.fs-14px{font-size: 14px;}
.text-bold{font-weight: 500;}
.color-orange{color: var(--color-orange);}
.color-gray{color:var(--color-gray);} 
.txt-p{font-size: 22px; line-height: 42px;}
.border-b{border-bottom: 2px solid #d5d5d5;}
.bb-org{border-bottom: 5px solid var(--color-orange);}
.cus-w{padding: 20px 0px;}
h1, h2, h3, h4, h5, h6{ font-family: "Playfair Display", serif; color: #000;}
a {text-decoration: none !important;}
img{max-width: 100%;}
.call_btn i{padding-right:5px; }
.main_header{margin: 15px 0px;}
.list-icon > span:before {transform: translateY(-0.4em);}
.list-icon > span:after {transform: translateY(0.4em);}
.toggle_btn:checked + .on-mobile .list-icon {transform: rotate(45deg);}
.toggle_btn {display: none;}
.toggle_btn:checked + .on-mobile span:before,.toggle_btn:checked + .on-mobile span:after {transform: rotate(90deg);}
.toggle_btn:checked ~ .main_navbar {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.main_navbar nav, .main_navbar ul { height: 100%; margin: 0;padding: 0;}
.main_navbar li {
    border-bottom: 1px solid #eee;
    color: #505050;
    font-weight: 430;
    line-height: 2.4;
    font-size: 15px;
    letter-spacing: 0.2px;
    font-weight: 600;
}
.plan-row {padding-top: 80px;}
.plan-row .cus-flex p{font-size: 20px !important; line-height: 28px; margin-left: 11px;}
.dimen p{font-size: 20px; line-height: 42px; font-weight: 500; color: #000;}
.main_navbar li:hover {transition: color 300ms ease-in;}
.main_navbar a {transition: background-color 300ms ease-in;}
.on-mobile {
    padding: 0px 8px;
    height: 32px;
    background-color: white;
    border: 1px solid #b6b6b6;
    width: 45px;
    border-radius: 6px;
    float: right;
}
.list-icon {
    float: right;
    display: block;
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
    transition: transform 300ms ease-in;
}
.list-icon > span {
    display: block;
    position: absolute;
    top: 14px;
    width: 100%;
    height: 2px;
    background-color: #6a6a6a;
    transition: transform 300ms ease-in;
}
.list-icon > span:before, .list-icon > span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: transform 300ms ease;
}
.main_header ul li { padding: 10px 20px; }
.main_header ul li a {
    padding-bottom: 5px;
    line-height: 20px;
    color: #000;
    transition: 0.2s;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
}
.main_header ul li a:hover{border-color: var(--color-orange); color: var(--color-orange);}
.main_header ul li a i{vertical-align: middle; padding-left: 4px;}
.main_navbar {
    display: flex;
    justify-content: right;
    align-items: center;
}
.call_btn{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    display: flex;
    max-width: 201px;
    flex-wrap: wrap;
    padding: 10px 13px;
    background: var(--color-orange);
    border-radius: 4px;
    margin-left: 11px;
}
.on-mobile-img{display:none;}
.main-title {
    background-color: var(--color-orange);
    padding: 40px 68px;
}
.main-title h1{
    font-size: 66px;
    line-height: 76px;
    color: #fff;
}
.main-heading h2{
    font-size: 32px;
    line-height: 59px;
}
.main-heading h3{
    font-size: 50px;
	font-weight:700;
    line-height: 59px;
    color: var(--color-orange);
}
.innerprice{
    font-size: 28px !important;
	font-weight:700;
    line-height: 59px;
    color: var(--color-orange);
}
.design-div{padding: 0px 40px !important;}
.design-div p img{margin-right: 10px;}
.main-title p{color: #fff;} 

.bg-sec{
    padding: 60px 0px;
    background-color: #F0F0F0;
}
.src-btn a{
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 13px 13px;
    background: var(--color-orange);
    border-radius: 4px;
}
.login-btn{
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    color: #fff;
    padding: 10px 20px;
    background: var(--color-orange) !important;
    border-radius: 4px;
    border:unset;
    width: 100%;
    margin-top: 10px;
}
.custom-select {
    position: relative;
    background-repeat: no-repeat;
    background-position: 10px 12px; 
    background-size: 20px 20px;
    box-shadow: 1px 0px 2px 2px #efefef;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #fff;
  }
  .select-small{
    border-radius: 4px;
    border: 2px solid var(--color-orange);
    box-shadow: 1px 0px 2px 2px #efefef;
    background-color: var(--color-orange);
    color: #fff;
    padding: 5px;
    margin-left: 5px;
    margin-right: 15px;
}
.facade-gallery{padding: 50px 0px 40px;}
.decore-div{padding-top: 20px;}
.select-small:focus { outline: none;border-color: var(--color-orange);}
.select-small:hover { background-color: #fff; color:#000}
.sec4 .nav-tabs{
    border-bottom: 0px;
    border-radius: 5px;
    border: 2px solid var(--color-orange);
    display: inline-flex;
    margin-bottom: 20px;
    background: var(--color-orange);
}
.b-org {
    padding-bottom: 5px;
    border-bottom: 5px solid var(--color-orange);
    width: 15%;
}
.sec4 .nav-link {
    color: #fff;
    border-radius: 4px !important;
    padding: 8px 15px;
    font-weight: 500;
    background-color:var(--color-orange);
    border: 2px solid var(--color-orange);
}
.sec4 .nav-link:hover{color: #fff;}
.sec4 .nav-tabs .nav-link.active{
    color: #000;
    border: 2px solid var(--color-orange);
}
  .select-box1{ background-image: url('/img/bed.png'); background-size: 17px 17px; }
  .select-box2{ background-image: url('/img/bathtub.png'); }
  .select-box3{ background-image: url('/img/houseLine.png'); }
  .select-box4{ background-image: url('/img/twoline.png'); }
  .select-box5{ background-image: url('/img/dollar.png'); }
  .custom-select:focus { outline: none;border-color: #fff;}
  .b-bottom{border-bottom: 2px solid var(--color-orange);}
  .add-div {display: none;}
  .show-div {display: block;}
  .sec2 {margin: 16px;}
  .sec3 {padding: 50px 0px 30px;}
  /* .dimen p{margin-bottom: 10px !important;} */
  .sec4 .bg-sec{border-left: 8px solid var(--color-orange); padding: 50px 30px; margin-bottom: 40px;}
  .quote-btn{
    box-shadow: 1px 0px 2px 2px #efefef;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #fff;
    color:#000;
    background-color: #fff;
    font-weight: 500;
    display: flex;
    justify-content: center;
  }
  .form-txt{position: absolute; top: 20px;}
  .pagination { display: inline-block; }
  .pagination a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding: 0 10px;
  }
  .pagination a:hover {color: var(--color-orange);}
  .pagination .current-page {font-weight: bold;}
  .pagination .prev, .pagination .next {padding: 0 8px;}
  .instant-div{
    display: flex;
    align-items: end;
    justify-content: end;
}
.main-sec .container {padding: 30px 100px 40px;}
.custom-col60{width: 57%;}
.custom-col40{width: 43%; display: flex; align-items: center;}
.custom-flex{display: flex;}
.form{padding: 100px;}
.form h2{font-size: 32px; line-height: 40px; margin: 30px 0px 20px; color: #000;}
.form p, .form label{font-size: 14px; line-height: 22px; color:#000; font-weight: 500; width: 78%;}
.form form{margin-top: 50px;}
form textarea {height: 120px; width: 100%; resize: none;}
.form input, .form textarea {background: #F4F4F4; padding: 14px 20px; border-radius: 5px; border: unset; margin: 8px 0px 20px;}
.form input:focus{border-color: #f4f4f4; box-shadow: 0 0 0 .25rem #f4f4f4;}
.form textarea:focus-visible{outline: unset;}
.land-sec{padding: 50px 0px;}
.land-sec .main-heading{width: 65%; border-bottom: 5px solid var(--color-orange);}
.ul-list{margin-top: 40px;}
.ul-list ul{margin-top: 30px; padding-left: 20px !important;}
.ul-list ul li{font-size: 14px; line-height: 25px; font-weight: 600;}
.cus-flex p{font-size: 22px; line-height: 49px; margin-left: 8px;}
.cus-flex{display: flex; align-items: center;}
.plans-sec .img-div{padding-right: 60px; display: flex; align-items: center;}
.plans-sec .design-div{padding: 50px !important;}

.cust-select {position: relative;}
.cust-select select {display: none; }
  .select-selected {
    background: #F4F4F4;
    padding: 14px 20px;
    border-radius: 5px;
    border: unset;
    margin: 8px 0px 20px;
    border-bottom: unset;
  }
  .select-selected:after {
    position: absolute;
    content: "";
    background-image: url("/img/arrow-down.png");
    background-repeat: no-repeat;
    top: 50px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #FF7605 transparent;
    top: 40px;
    background-image: url("/img/arrow-down.png");
    transform: rotateZ(180deg)
  }
  .select-items div{
    color: #000;
    padding: 12px 16px;
    border: 1px solid #ddd;
    cursor: pointer;
    user-select: none;
  }
  .select-items {
    position: absolute;
    background-color: #FFF;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  .dimensions-sec {
    margin-top: -40px;
    position: relative;
    z-index: 1;
}
.plans-sec h1{color: #000;}
.ms-center {margin: 0px 18.5%;}
  .enquiry-para{padding: 70px 50px 20px;}
  .enquiry-para p{margin-bottom: 20px !important;}
  .enquiry-sec{padding: 50px 0px;}
  .select-hide {display: none;}
  .select-items div:hover, .same-as-selected {background-color: #FF7605;color: #FFF;}
  .mt-cus-3{margin-top:1.5rem;}
@media (min-width: 1000px) {
    .on-mobile {display: none;}
    .main_navbar {
        z-index: 5;
        position: relative;
        left: 0;
        padding-top: 0;
        width: 100%;
        height: auto;
        visibility: visible;
        opacity: 1;
        text-align: right;
    }
    .main_navbar li {
        display: inline-block;
        margin-right: -6px;
        border: none;
        text-align: left;
        position: relative;
    }
}
@media (max-width: 1199px) {
    .b-org{width:20%;}
}
@media (max-width: 1024px) {
    .main-heading h2 { font-size: 30px; line-height: 38px;}
    .main_header ul li{padding: 10px 22px;}
    .custom-col60{width: 50%;}
    .custom-col40{width: 50%;}
    .form{padding: 40px;}
    .form img{height: 50px;}
    .form input { margin: 4px 0px 12px; padding: 10px 12px;}
    .main-title h1 { font-size: 52px; line-height: 62px;}
    .main-title {padding: 24px 40px;}
}
@media (max-width: 999px) {
    .main_navbar nav, .main_navbar ul {height: auto;}
    .call_btn {margin: 15px 0px 0px 20px;}
    .main_navbar{display: block;}
    .main_navbar {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 80%; max-width: 280px;
        height: 100%;
        background-color: white;
        padding-right: 5.7px;
        overflow-y: auto;
        color: #eee; z-index: 999;
        border-top: 1px solid #ddd;
        transition: opacity 300ms ease-in, visibility 0s ease-in 300ms;
        bottom: 0; box-shadow: 3px 0px 20px #00000038;
    }
}
@media (max-width: 991px) {
    .design-div{padding:0px 20px !important;}
    .sec4 .bg-sec { padding: 30px 20px;}
    .txt-p {font-size:18px;}
    .mt_20 {margin-top: 20px;}
    
}
@media (max-width: 768px) {
    .form h2{font-size:28px; line-height: 34px; margin-top: 20px;}
    .form p{width: 100%;}
    .form{padding: 40px;}
    .form img{height: 40px;}
    .form form {margin-top: 20px;}
    .login-btn {font-size: 14px;line-height: 25px;}
    .main-title h1 { font-size: 40px; line-height: 46px;}
    .banner-sec p{font-weight: 500; line-height:24px;}
    .dimensions-sec {margin-top: 20px;}
}
@media (max-width: 767px) {
    .b-org { width: 32%;}
    .custom-col40{width: 100%; display: block;}
    .custom-col60{display: none;}
    .form{padding: 25px;}
    .custom-flex {flex-wrap: wrap;}
    .main-heading h3 {font-size: 40px; line-height: 50px;}
    .ms-center{margin:unset;}
    .swiper-button-prev {left: 16.5%;}
    .dimensions-sec {margin-top: 20px;}
}
@media (max-width: 567px) {
    .mt-sm-0 {margin-top: 0px !important;}
    .main-heading h2 { font-size: 24px;  line-height: 40px;}
    .banner-sec { background-size: contain; margin-top: -68px; height:72vh;}
    .main-title {padding: 20px 20px;}
    .main-title h1 {font-size: 30px; line-height: 38px; }
    .land-sec .main-heading {width:90%;}
    .dimensions-sec { margin-top: 10px;}
    .galley-sec{padding: 0px 10px;}
    .main_header {padding: 20px 0px 0px;}
}