/**
Theme Name: Vicbourne Homes
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vicbourne-homes
Template: astra
*/

.secondary-btn{
	background: transparent !important;
    color: #262626 !important;
    border-color: #262626 !important;
}

.make img{
	    width: 30px;
    vertical-align: text-top;
}

.site-description{
	    font-size: 16px;
    width: 115px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
}

.house-designs-description table tr:last-child td:first-child{
	border-bottom-left-radius:15px;
}

.house-designs-description table tr:last-child td:last-child{
	border-bottom-right-radius:15px;
}

.secondary-btn:hover{
	background: #262626  !important;
    color: #fff !important;
}

.house-facade p{
	    text-align: center;
    padding-top: 10px;
    font-weight: 600;
}

.dual-btns {
    display: flex;
    gap: 12px;
}

.entry-content p {
	margin-bottom: 15px;
}

.center{
	text-align:center;
}

.white{
	color:#fff!important;
}

:focus{
	outline:0px!important;
}

*:not(p),
footer p,
header p,
body p:last-child,
.no-mb {
	margin-bottom: 0px !important;
}

:root {
        --site-border: 24px;
}

.vc_column-inner {
	padding-top: 0px !important;
}

a:focus {
	outline: 0px !important;
}

li.current-menu-ancestor > a .menu-text, li.current-menu-ancestor > a .ast-icon.icon-arrow{
	color:#000;
}

li.current-menu-ancestor:hover > a .menu-text, li.current-menu-ancestor:hover > a .ast-icon.icon-arrow{
	color:#0095e0!important;
}

.pd-side-none>div>div {
	padding-left: 0px !important;
	padding-right: 0px !important
}

.bg-video{
	    width: 100%;
	pointer-events:none;
	border-radius:15px;
}

.web-btns a, #gform_submit_button_1, #gform_submit_button_2, .white-btn{
	           background: #0095e0;
    font-size: 16px;
        padding: 6px 25px 8px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    display: inline-block;
    line-height: 26px;
    border: 1px solid #0095e0;
    transition: 0.5s all;
}

.web-btns a:hover, #gform_submit_button_1:hover, .dark-btn a, #gform_submit_button_2:hover{
	background:#262626;
	color:#fff!important;
	border-color:#262626;
}

.dark-btn a:hover, .web-btns .white-btn:hover{
	background:#fff;
	border-color:#fff;
	color:#262626!important;
}

.gsection_title{
	    font-size: 20px;
}
.thank-text{
	    text-align: center;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 15px;
}

.small-head.dark-small{
	color:#fff;
	border-color:#fff;
}

.head-btns{
	    display: flex;
    column-gap: 10px;
    align-items: center;
}

.head-call img{
	         background:#0095e0;
    padding: 8px;
    width: 33px;
    border-radius: 40px;
    margin-right: 5px;
}

.head-call{
	        font-size: 16px;
    color: #fff!important;
    background: #262626;
    padding: 5px 20px 5px 5px;
    border-radius: 30px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
	transition:0.5s all;
}

.head-call span{
	    position: relative;
    bottom: -2px;
}

.head-call:hover{
	background:#f5f5f5;
	color:#262626!important;
}

.header-widget-area[data-section="sidebar-widgets-header-widget-1"]{
	padding-right:0px!important;
}

.small-head{
	        font-size: 13px;
    border: 1px solid #0095e0;
    border-radius: 30px;
    padding: 5px 20px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 20px;
    color: #0095e0;
}

.video-gallery-sec{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-top: 30px;
}

.home-banner-txt{
	         position: absolute;
    bottom: 100px;
    background: #ffffffc4;
    padding: 40px 50px 50px;
    border-radius: 15px;
    width: 47%;
}

.home-ban-small{
	margin-bottom:10px!important;
}

.home-ban-big{
	      font-size: 70px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 0px !important;
}

.testimonial-video-thumbnail img{
	border-radius:15px;
}

.testimonial-video-thumbnail{
	position:relative;
}

.testimonial-play img{
	width:70px;
}

 .testimonial-video-modal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 999999;
            padding: 20px;
            background: rgba(0, 0, 0, 0.82);
            align-items: center;
            justify-content: center;
        }

        .testimonial-video-modal.is-open {
            display: flex;
        }

        .testimonial-video-dialog {
              position: relative;
    width: 100%;
    max-width: 900px;
    padding: 20px;
    background: #fff;
			border-radius:15px;
        }

        .testimonial-video-frame {
            position: relative;
            aspect-ratio: 16 / 9;
            background: #000;
			border-radius:15px;
        }

        .testimonial-video-frame iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
				border-radius:15px;
        }

        .testimonial-video-close {
              position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0095e0;
    color: #fff;
    border: 0;
    font-size: 19px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
   border-radius: 15px;
        }

.testimonial-play{
      padding: 0px;
    background: transparent !important;
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
	height:100%;
}

.testimonial-tagline{
	    text-align: center;
    width: 80%;
    margin: auto;
    padding-top: 15px;
    font-family: 'Plus Jakarta Sans' !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px !important;
}

.main-home-banner{
      position: absolute;
    bottom: 0;
    padding: 20px 20px 0;
    background: #ffff;
    border-radius: 15px 15px 0 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    width: 60%;
}

.home-about-big{
      font-size: 20px;
    font-family: 'Plus Jakarta Sans';
    width: 75%;
    margin: auto;
    line-height: 33px;
    color: #262626;
}

.h-ban-txt{
    font-family: 'Plus Jakarta Sans';
    color: #fff;
    margin-bottom: 10px !important;
}

.home-about-bot{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
    padding-top: 40px;
}

.home-about-left{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.bg-img{
	background-size:cover!important;
	background-position:center!important;
	border-radius:15px;
}

.home-about-left{
	background:url('/wp-content/uploads/2026/10/living-room-img.webp');
}

.h-a-right{
	        border-top: 1px solid #ccc;
    padding: 20px 0 8px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    justify-items: flex-end;
    grid-column-gap: 30px;
    align-content: center;
    margin-top: 25px !important;
}

.miss-txt{
	font-size: 14px;
    margin-bottom: 0px !important;
    color: #606060;
}

.counter-sec{
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 100px;
	text-align:center;
}

/* 1. Register custom numeric properties so CSS can animate them */
@property --num-houses {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

@property --num-reviews {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

@property --num-satisfaction {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

/* 2. Keyframes defining target numbers */
@keyframes countHouses {
  to { --num-houses: 700; }
}

@keyframes countReviews {
  to { --num-reviews: 5; }
}

@keyframes countSatisfaction {
  to { --num-satisfaction: 100; }
}

/* 3. Render values using CSS Counters */
.count-houses {
  animation: countHouses 2.5s ease-out forwards;
  counter-reset: count var(--num-houses);
}
.count-houses::before {
  content: counter(count) "+";
}

.count-reviews {
  animation: countReviews 2s ease-out forwards;
  counter-reset: count var(--num-reviews);
}
.count-reviews::before {
  content: counter(count) ".0";
}

.count-satisfaction {
  animation: countSatisfaction 2.5s ease-out forwards;
  counter-reset: count var(--num-satisfaction);
}
.count-satisfaction::before {
  content: counter(count) "%";
}

.count-num{
	    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0px ! Important;
}

.count-head{
	      font-family: 'Plus Jakarta Sans';
    font-size: 23px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 0px !important;
}

.count-txt{
	color:#606060;
}

.wd70{
	width:70%;
	margin:auto;
}

.star img{
	       width: 75px;
    margin-top: -6px; 
}

.ch-right-top > div{
	     background: #000000ab;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
}

.ch-r-top{
	display: flex;
    column-gap: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
    align-items: center;
}

.ch-num{
	      font-size: 30px;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 0px !important;
    line-height: 30px;
}

.ch-num span{
	    margin-top: -4px;
}

.why-ex{
	    font-size: 20px;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 0px !important;
}

.choose-bot-mid{
	    grid-template-rows: repeat(2, 1fr);
}

.why-choose-bot{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    padding-top: 30px;
}

.choose-in{
	padding: 30px;
    border-radius: 15px;
	background:#fff;
	border:1px solid #f5f5f5;
	transition:0.5s all;
}

.choose-in:first-child, .choose-in:hover{
	background:#f5f5f5;
}

.choose-in .why-head{
	       grid-column-gap: 10px;
    padding-bottom: 30px;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    display: grid;
    grid-template-columns: 25px auto;
    line-height: 24px;
}

.choose-in .why-txt{
	border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 30px !important;
}

.why-point span{
	    font-size: 14px;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 30px;
    line-height: 20px;
}

.why-point{
	display:flex;
	column-gap:10px;
}

.why-head img{
	    width: 25px;
    margin-right: 8px;
}


.sub-head{
	      font-size: 18px;
    line-height: 30px;
}

.point-img{
	       width: 50px;
    margin-top: 10px;
}

.point-head{
	    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    margin-bottom: 5px !important;
    font-weight: 600;
}

.home-content2-sec{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
}

.cont-point-in{
	 display: grid;
    grid-template-columns: 80px auto;
    padding-bottom: 30px;
}

.content2-left{
	background:url('/wp-content/uploads/2026/10/free-upgrade-img.webp');
}

.desk-space{
	    height: 700px;
}

.home-reviews-top{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
    padding-bottom: 30px;
}

.h-content3-sec{
	   display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 100px;
    align-items: center;
}

.h-cont3-left{
	    background: url('/wp-content/uploads/2026/08/bathroom-img.webp');
    height: 100%;
}

.process-bot-sec{
	    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20px;
}

.process-in{
	 background: #f5f5f5; 
    padding: 30px;
    border-radius: 15px;
	position:relative;
}

.process-top img{
	        width: 25px;
    height: 25px;
}

.process-top{
	       padding-bottom: 30px;
    display: flex;
    column-gap: 10px;
    min-height: 80px;
}

.process-head{
	       font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    line-height: 24px;
}

.process-num{
           position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 130px;
    line-height: 61px;
    margin-bottom: 0px !important;
    font-family: 'Manrope';
    font-weight: 800;
    color: #fff;
}

.process-txt {
	position:relative;
	z-index:1;
}

.faq-sec-main{
	    display: grid;
    grid-template-columns: 1.2fr 1.8fr;
    grid-column-gap: 100px;
}

.faq-answer{
	    display: none;
    padding: 20px;
}

.faq-question{
	       font-size: 16px;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 15px;
    display: grid;
    justify-content: space-between;
    column-gap: 20px;
    line-height: 20px;
    grid-template-columns: auto 25px;
	    cursor: pointer;
}

.faq-head, .f-bot-links{
	    display: flex;
    column-gap: 10px;
}

.accordion{
	    display: grid;
    grid-row-gap: 10px;
}

.faq-plus:before{
	   content: '';
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 7px;
    top: 12px;
}

.faq-plus:after{
	      content: '';
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    position: absolute;
    right: 12px;
    top: 7px;
}

.faq-plus{
	    background: #0095e0;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    position: relative;
}

.faq-item.active .faq-plus:after, .gform_required_legend{
	display:none;
}

.success-video {
	    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.success-video iframe, .port-sec iframe{
	border-radius:15px;
}

.port-sec{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    padding-top: 40px;
}

.foot-left-head{
	    font-size: 35px;
    padding-bottom: 20px;
    line-height: 35px;
	color:#000;
}

.foot-left-txt a, .f-bot-links a{
      text-decoration-line: underline;
}

.foot-social{
	    display: flex;
    column-gap: 10px;
    padding-top: 25px;
}

.foot-social a img{
	border: 1px solid #0095e0;
    border-radius: 10px;
    padding: 10px;
    width: 40px;
}

.footer-top, .footer-bottom{
	    display: grid;
    grid-template-columns: 1.2fr 1.8fr;
    grid-column-gap: 50px;
}

.foot-head{
	       font-family: 'Plus Jakarta Sans';
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 18px;
    color: #000000;
    font-weight: 600;
}

footer p, footer a{
	color:#494949;
}

footer a:hover{
	color:#349dd5;
}

.foot-links{
	     display: grid;
    grid-row-gap: 6px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
}

.footer-main{
	    display: grid;
    grid-row-gap: 50px;
}

.footer-bottom{
	    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 50px;
}

.foot-bot-left img{
	width:300px;
}

.foot-bot-right{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    justify-items: flex-end;
}

.foot-right{
	    display: grid;
    grid-template-columns: 1.7fr 1.3fr;
    grid-column-gap: 50px;
}

.refer-txt p{
	padding-bottom:12px;
}

.home-subscribe, .home-content2{
	background-attachment:fixed!important;
}

.banner-offer.home-design-ban{
	background-position:top!important;
}

.subscribe-main{
	background: #fff;
    padding: 50px;
    border-radius: 15px;
    width: 50%;
    margin: auto;
}

.gform_fields{
	    gap: 12px !important;
}

.gform_fields input[type=text], .gform_fields input[type=email]{
	    border-radius: 30px!important;
    padding: 10px 20px!important;
    line-height: 20px!important;
    height: inherit!important;
}

.subscribe-section{
	padding-bottom:20px;
}

.subscribe-main .gform-footer.gform_footer{   
	    justify-content: center;
}

.contact-ban-img{
	background:url('/wp-content/uploads/2026/07/happy-family.webp');
}

.about-ban-img img{
	border-radius:15px;
}

.inner-ban-sec{
	      display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 100px;
    padding: 70px 0 50px;
    align-items: center;
}

.inner-ban-left h1{
	    font-size: 5vw;
}

.inner-ban-right p{
	margin-bottom:0px!important;
}

.main-header-bar-navigation .sub-menu{
	border-radius:0 0 15px 15px;
}

.process-main-section{
	    display: grid;
    grid-row-gap: 50px;
}

.process-bot-in{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 300px;
	position:relative;
	transition:0.5s all;
	padding:20px 30px 30px;
}

.process-bot-in:hover, .process-bot-in:first-child{
	background:#f5f5f5;
	border-radius:15px;
}

.process-sec-bot{
	    display: grid;
    grid-row-gap: 50px;
    position: relative;
}

.pro-img{
	      background: #f5f5f5;
    padding: 15px;
    border-radius: 15px;
    width: 80px;
    height: 80px;
}

.pro-num{
	      width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 0px !important;
}

.pro-img-num{
	       display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: flex-end;
}

.pro-bot-right.pro-img-num{
	   justify-content: flex-start;
}

.pro-head{
	    font-size: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px !important;
    padding-bottom: 7px;
}

.process-sec-bot:before{
	   content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #7d7b7b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    z-index: 1;
}

.process-bot-in:before{
	    content: '';
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 20px;
    border: 3px solid #7d7b7b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
	top:42%;
	z-index:2;
}

.process-bot-in:after{
	        content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 20px;
    background: #7d7b7b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 46%;
    opacity: 0;
	z-index:2;
}

.process-bot-in:hover::after{
	opacity:1;
		top:46.5%;
}

.process-bot-in:first-child::after{
	opacity:1;
}

.process-bot-in:hover .pro-img, .process-bot-in:hover .pro-num, .process-bot-in:first-child .pro-img, .process-bot-in:first-child .pro-num{
	background:#fff;
}

.pro-bot-left.pro-left-txt{
	text-align:right;
}

.faq-main-page{
    display: grid;
    grid-row-gap: 30px;
}

.faq-bot .accordion{
	    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
}

.about-page-main{
	display: grid;
    grid-template-columns: 1.2fr 1.8fr;
    grid-column-gap: 100px;
}

.abt-big{
	    font-size: 25px;
    line-height: 38px;
}

.about-ban-bot{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
}

.abt-img1 {
	background:url('/wp-content/uploads/2026/07/room3.webp');
}

.abt-img2 {
	background:url('/wp-content/uploads/2026/08/interior-kitchen-img.webp');
}

.abt-img3 {
	background:url('/wp-content/uploads/2026/10/lake-view-balcony.webp');
}

.abt-bot-left{
	    display: grid;
    grid-template-rows: 2fr 1fr;
    grid-row-gap: 20px;
}

.abt-img-in{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}

.abt-bot-right .faq-question{
	    padding: 0 0 20px 0;
    background: transparent;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.abt-bot-right .accordion{
grid-row-gap:20px;
	padding-top:20px;
}

.bg-img-overlay:before{
	       content: '';
    display: block;
    background: linear-gradient(1deg, #000000, #00000030);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.inner-ban-txt{
	    color: #fff;
    width: 55%;
    margin: auto;
    text-align: center;
}

.inner-ban-txt h1{
	color:#fff;
}

.policy-head{
	font-size: 22px;
    font-family: 'Plus Jakarta Sans';
    line-height: 22px;
    font-weight: 700;
}


.policy-subhead{
	font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    line-height: 18px;
    font-weight: 700;
}

.policy-top{
	padding-bottom:30px;
}

.policy-bot{
	    display: grid;
    grid-row-gap: 35px;
}

.policy-head.pd-b{
	padding-bottom:5px;
}

.promote-big-head{
	       font-size: 40px;
    width: 80%;
    line-height: 55px;
    margin: auto;
    text-align: center;
    font-weight: 700;
    padding-bottom: 70px;
}

.promote-sec-bot {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
  align-items: center;
}

.offer1-img img,
.offer2-img img {
  border-radius: 15px;
  width: 100%;
  height: auto;
  display: block;
}

.promote-head{
	   font-size: 30px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 25px !important;
    line-height: 40px;
}

.promote-sec{
	    display: grid;
    grid-row-gap: 80px;
}

.custom1-left{
	background:url('/wp-content/uploads/2026/10/house-design-img1.webp');
}

.acreage1-left{
	background:url('/wp-content/uploads/2026/10/kitchen-img2.webp');
}

.sloping1-left{
	background:url('/wp-content/uploads/2026/10/open-kitchen-img.webp');
}

.knock1-left{
	background:url('/wp-content/uploads/2026/10/staircase.webp');
}

.multi1-left{
	background:url('/wp-content/uploads/2026/10/master-bedroom.webp');
}

.acreage3-right{
		background:url('/wp-content/uploads/2026/10/main-living-room.webp');
}

.sloping3-right{
		background:url('/wp-content/uploads/2026/10/osmedia-patio.webp');
}

.knock3-right{
		background:url('/wp-content/uploads/2026/10/bathroom-img.webp');
}

.multi3-right{
		background:url('/wp-content/uploads/2026/10/kitchen-img.webp');
}

.custom-head{
	   font-size: 20px;
    line-height: 33px;
}

.custom1-home-bot{
	    padding-top: 35px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 50px;
}

.custom2-bot{
	          display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    margin-bottom: -100px !important;
    z-index: 1;
    position: relative;
    background: #f5f5f5;
    padding: 30px 20px 20px;
    border-radius: 0px 0px 15px 15px;
}

.desk-high{
	height: 500px;
    background-attachment: fixed !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.custom2-in img{
    width: 50px;
}

.custom2-section{
	overflow:inherit!important;
	border-bottom-left-radius:0px!important;
	border-bottom-right-radius:0px!important;
}

.custom2-in{
	background: #fff;
    padding: 30px;
    border-radius: 15px;
}

.cust2-head{
	font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    margin-bottom: 5px !important;
    padding-top: 50px;
}

.custom3-right{
	background:url('/wp-content/uploads/2026/10/house-design-img2.webp');
}

.custom3-main{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
}

.single-post #comments{
	display:none!important;
}

.post.type-post.status-publish{
	    width: 70%;
    margin: 0 auto !important;
    padding-top: 20px !important;
}

.blog-head{
          font-size: 18px !important;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    line-height: 26px !important;
    padding: 25px 0px 10px;
    margin: 0 !important;
}

.blogs-head{
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    padding-top: 20px;
    min-height: 87px;
	padding-bottom:10px;
}    

.blog-small-txt p{
margin:0px!important;
}

.navigation.post-navigation{
	    background: #f5f5f5;
    padding: 20px;
    border-radius: 15px;
}

.single-post .entry-content .blog-sec:last-child{
	padding-bottom:0px!important;
}

.single-post #primary{
	margin:0px!important;
	padding:120px 0!important;
}

.single-post .entry-meta{
	    margin: 20px 0 !important;
    background: #f5f5f5;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}

.banner-section{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.banner-left{
	    padding: 120px 120px 120px 0;
}

.house-design-left{
	background: url(/wp-content/uploads/2026/07/happy-family.webp);
}

.tailor-bot{
	    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 30px;
    grid-column-gap: 30px;
}

.tailor-in{
	    background: #fff;
    border-radius: 15px;
}

.tailor-in img{
	border-radius:15px 15px 0 0;
}

.tail-in-bot{
	  padding: 20px;
    text-align: center;
}

.tail-head{
	    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px !important;
    padding-bottom: 5px;
}

.house-sec2-right{
	background:url('/wp-content/uploads/2026/07/happy-family.webp');
}

.house-des-sec2-bot{
	    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 50px;
    padding-top: 20px;
}

.home-video{
	    height: 85vh;
    overflow: hidden;
    border-radius: 15px;
}



/* Contact Page Css Start */

.contact-top h2{
	    font-size: 120px!important;
    line-height: 120px;
}

.contact-top{
	       display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 100px;
    align-items: end;
}

.contact-main{
	    display: grid;
    grid-row-gap: 70px;
}

.contact-bot{
	    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 100px;
}

.contact-head{
	      font-size: 20px;
    margin-bottom: 5px !important;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
}

.contact-left{
	         display: grid;
    grid-row-gap: 25px;
    align-content: flex-start;
}

.contact-left a{
	color:#262626;
}

.contact-txt{
	margin-bottom:0px!important;
}

.contact-left a:hover{
	color:#0095e0;
}

.contact-right input[type=text], .contact-right input[type=email], .contact-right input[type=tel], .contact-right textarea{
	         border: 0px !important;
    box-shadow: 0 0 0 !important;
    border-radius: 15px !important;
    padding: 18px 15px !important;
    height: inherit !important;
    line-height: 20px !important;
    background: #f5f5f5 !important;
    color: #000 !important;
}

.contact-right textarea{
	    height: 150px !important;
}

.cont-map iframe{
	border: 0;
    margin-bottom: 10px !important;
    border-radius: 15px;
}

/* Contact Page Css End */

/* Why Build With Us Page Css Start */

.why-card-wrapper{
	    display: grid;
    grid-row-gap: 20px;
	padding-top:20px;
}

.why-card-in{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #f5f5f5;
    padding: 50px;
    border-radius: 15px;
    grid-column-gap: 50px;
}

.why-img{
	border-radius:15px;
}

.why-icon{
	       background: #fff;
    padding: 15px;
    border-radius: 15px;
    width: 80px;
}

.why-card-head{
	    font-size: 20px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}

.why-card-top, .why-card-bot{
	    display: grid;
    align-content: space-between;
    grid-row-gap: 20px;
}

/* Why Build With Us Page Css End */

/* Our People Page Css Start */

.team-sec-bot{
	    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.team-bot{
	   position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #fff;
    border-radius: 15px;
    padding: 10px 10px 15px;
    margin: auto;
	text-align:center;
}

.team-head{
	    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    margin-bottom: 0px !important;
    font-weight: 600;
}

.team-in img{
	border-radius:15px;
}

.team-in {
	position:relative;
}

/* Our People Page Css End */

/* Blog Page Css Start */

.ast-no-sidebar .site-content .ast-article-image-container--wide{
	margin:0px!important;
}

.single-post .ast-single-post-featured-section img{
    border-radius: 15px;
    width: 100%;
    margin-bottom: 30px !important;
}

.blog-post-grid .vc_gitem-zone.vc_gitem-zone-a{
	    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 20px;
}

.blog-post-grid .vc_single_image-img{
	border-radius:15px!important;
}

.blog-post-grid .vc_col-sm-12.vc_gitem-col, .blog-post-grid .vc_gitem_row.vc_row.vc_gitem-row-position-top, .vc_gitem-zone-mini{
	padding:0px!important;
}

:is(.vc_gitem-zone-a,.vc_gitem-zone-b) .vc_gitem-row-position-bottom, .vc_gitem_row.vc_row.vc_gitem-row-position-top{
	position:relative;
}

.vc-gitem-zone-height-mode-auto:before{
	display:none!important;
}

.blog-post-grid{
	padding-top:20px;
}


/* Blog Page Css End */

/* House Designs Page Css Start*/
#clear-filter{
		    width: 100%;
    border-radius: 30px;
	}
	
.filter-group select, #search-design{
		    padding: 10px 20px;
    height: inherit;
    border-radius: 30px;
	}


#search-suite{
	padding: 10px 20px !important;
    height: inherit !important;
    border-radius: 30px !important;
	}

.house-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-top: 30px;
}

.house-card {
  background: #fff;
  transition: 0.3s;
  border-radius: 15px;
  border: 1px solid #f5f5f5;
}

.house-card:hover {
  transform: translateY(-5px);
}

.house-image {
  position: relative;
  border-radius: 15px 15px 0 0;
}

.house-image img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.floorplan-btn {
  position: absolute;
  top: 15px;
  right: 15px;
	z-index:5;
  background: #fff;
  color: #000000;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 15px;
  font-family: "Plus Jakarta Sans";
}

.house-content {
  padding: 20px;
}

.house-content h2 {
      font-size: 22px !important;
}

.frontage {
  color: #000000;
  font-size: 15px;
  margin-bottom: 0px;
  padding: 10px 0 5px 0;
}

.house-specs {
  display: flex;
  gap: 20px;
  margin-bottom: 10px !important;
  padding-bottom: 10px;
}

.house-specs span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.details-btn {
  display: block;
  text-align: center;
  width: 100%;
  background: #005d9b;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.details-btn:hover {
  background: #003f70;
  color: #fff;
}

.house-image {
  position: relative;
  overflow: hidden;
}

.house-main-image {
  width: 100%;
  height: 280px;
  object-fit: cover;
  transition: all 0.35s ease;
}

/* Default facade image */
.house-main-image:not(.show-floorplan) {
  object-fit: cover;
}

/* Floor plan image */
.house-main-image.show-floorplan {
  object-fit: contain;

  background: #fff;

  padding: 15px;

  height: 280px;
}


.house-filters {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 15px;
  margin-top: 30px;
}

.filter-group label {
  color: #000;
}

.house-specs span img {
  width: 30px;
}

.house-facade img{
	border-radius:15px;
}

.house-design-header{
	padding-top:50px;
}

.floor-plan-bot{
	       display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 50px 0;
    grid-column-gap: 150px;
}

.front-desc{
	       font-size: 20px;
    margin-bottom: 15px !important;
    line-height: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    padding-bottom: 15px;
}

.house-design-specs strong img{
	width: 40px;
    display: block;
}

.house-in-specs {
	    display: flex;
    column-gap: 40px;
    text-align: center;
}

.single-floor-desc{
	 display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    padding-top: 30px;
}

.single-floor-desc > div{
	    background: #f5f5f5;
    padding: 30px;
    border-radius: 15px;
}

.single-house_design p{
	margin-bottom:15px!important;
}

.desc-head{
	    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 600;
}

.bullet-points ol li{
	list-style-type:circle;
}

.bullet-points > li{
	position: relative;
    list-style-type: none;
    padding-left: 32px;
}

.bullet-points > li:before{
	      content: '✓';
    display: block;
    width: 20px;
    height: 20px;
    background: #0095e0;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 4px;
}

.bullet-points{
	    margin: 0px;
    display: grid;
    grid-row-gap: 7px;
}

.recent-house-card{
	border:1px solid #f5f5f5;
	border-radius:15px;
}
.dimension-head{
	    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px;
}

.house-designs-description{
	padding-top:50px;
}

.single-floor-areas table{
	    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 20px !important;
}

.single-floor-areas table td, .single-floor-areas table tr, .single-floor-areas table th{
	border:0px;
}

.single-floor-areas table tr:first-child{
	    background: #0095e0;
    color: #fff;
    border-radius: 15px 15px 0 0;
}

.single-floor-areas table tr:first-child th:first-child{
	border-top-left-radius:15px;
}

.single-floor-areas table tr:first-child th:last-child{
	border-top-right-radius:15px;
}

.single-floor-areas table tr:nth-child(even){
	background:#f5f5f5;
}

.recent-house-designs{
	padding-top:10px;
}

  .floorplan-wrapper {
        position: relative;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    }
    .floorplan-controls {
         display: flex;
    justify-content: center;
    gap: 20px;
    padding-bottom: 15px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    }
    .floorplan-controls button {
           background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #000000;
    padding: 5px 10px;
    transition: opacity 0.2s;
    box-shadow: 0 0 0;
    }
    .floorplan-controls button:hover {
        opacity: 0.6;
    }
    .floorplan-controls button svg {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
        fill: currentColor;
    }
    .house-floorplan {
           overflow: hidden;
    text-align: center;
    width: 100%;
    padding: 50px;
    }
    #floorplan-img {
        transition: transform 0.3s ease;
        transform-origin: center center;
        max-width: 100%;
        height: auto;
		max-height: 700px;
    }

  .recent-house-designs-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .recent-house-image {
           position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: #fff;
    object-fit: contain;
    border-radius: 15px 15px 0 0;
    }

    .recent-house-img {
       position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity .4s ease;
    }

    .house-facade-image {
        opacity: 1;
        z-index: 2;
    }

    .house-floorplan-image {
        opacity: 0;
        z-index: 1;
    }

    .recent-house-card.show-floorplan .house-facade-image {
        opacity: 0;
    }


    .recent-house-card.show-floorplan .house-floorplan-image {
        opacity: 1;
        z-index: 2;
    }

.room-dimensions.single-floor-areas{
	    background: #f5f5f5;
    padding: 30px;
    border-radius: 15px;
}

.room-dimensions.single-floor-areas h3{
	padding-bottom:20px;
}

.room-dimensions.single-floor-areas table tr:nth-child(even){
	background:#fff;
}


/* House Designs Page Css End*/

/* Recent Handover Page Css Start */

.showcase-archive-grid{
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 40px;
}

.showcase-archive-item{
	    border: 1px solid #f5f5f5;
    padding: 20px;
    border-radius: 15px;
}

.showcase-image-wrap img{
	border-radius:15px;
}

.showcase-card-content{
	text-align:center;
}

.showcase-card-title{
	           font-size: 20px !important;
    padding: 15px 0 20px;
    line-height: 30px;
}

* { box-sizing: border-box; }

.showcase-single-wrapper {
    padding: 120px 0;
}

.showcase-gallery-grid {
       display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: start;
    padding-top: 30px;
}

.showcase-gallery-item {
    display: block;
    overflow: hidden;
    //border-radius: 10px;
    position: relative;
    text-decoration: none;
    background: #f6f6f6;
    aspect-ratio: 3 / 2;
	    border-radius: 15px;
}

.showcase-gallery-item img.showcase-gallery-img {
       width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    border-radius: 15px;
}

.showcase-gallery-item:hover img.showcase-gallery-img {
    transform: scale(1.05);
}

.showcase-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    outline: none;
}

.showcase-lightbox.open { display: block; }

.slb-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

.slb-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1100px;
    width: calc(100% - 40px);
    max-height: calc(100% - 80px);
    display: flex;
    align-items: center;
    gap: 12px;
    pointer-events: none;
}

.slb-dialog * { pointer-events: auto; }

.slb-content {
    flex: 1;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
	   padding: 20px;
}

.slb-image {
       width: 100%;
    display: block;
 
    border-radius: 15px;
}

.slb-caption {
    padding: 18px;
    overflow: auto;
    background: #fff;
    display:none;
}

.slb-title {
    margin: 0 0 8px;
    font-size: 1.25rem;
}

.slb-post-content {
    font-size: 0.95rem;
    color: #333;
}

.slb-close, .slb-prev, .slb-next {
    background: #0095e0;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(0,0,0,0.2);
}

.slb-prev, .slb-next {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slb-prev { order: 0; }
.slb-dialog .slb-content { order: 1; }
.slb-next { order: 2; }


/* Recent Handover Page Css End */

/* – Media Screen Css – */

@media only screen and (min-width:1600px) {
	.wd-contained {
		max-width: 1440px;
		margin: auto !important;
	}
}

@media only screen and (min-width:1600px) and (max-width:1919px){
	.inner-ban-txt{
		width:70%;
	}
}


@media only screen and (min-width:768px) {
	
	.vc_row[data-vc-full-width="true"], .stretchMe, .site-footer {
		position: relative;
		        width: calc(100vw - (var(--site-border) * 2)) !important;
        left: 50% !important;
        margin-left: calc(-50vw + var(--site-border)) !important;
        max-width: none !important;
        border-radius: 15px;
	}

	nav#primary-site-navigation ul.main-header-menu li:last-child a {
		padding-right: 0px !important;
	}
	
	.site-footer{
		margin-bottom:20px!important;
	}
	
}


@media only screen and (min-width:1024px) {
	.pd-100 {
		padding: 120px 0px !important;
	}

	.pd-top {
		padding-top: 120px !important;
	}

	.pd-bottom {
		padding-bottom: 120px !important;
	}
	
	.site-primary-header-wrap{
		padding:0px 20px!important;
	}
}

@media only screen and (max-width:1023px){
	.web-btns a, #gform_submit_button_1, #gform_submit_button_2, .white-btn{
		font-size: 14px;
    padding: 4px 20px 6px;
	}
	
	li.current-menu-ancestor:hover > a .menu-text, li.current-menu-ancestor:hover > a .ast-icon.icon-arrow {
    color: #ffffff !important;
}
	.home-banner-txt{
		position:relative;
		bottom:0px;
		padding-top:10px!important;
	}
	
	.head-btns{
		padding:50px 0 0 20px;
	}
	
	.head-call img {
    padding: 6px;
    width: 27px;
	}
	
	.head-btns .head-call, .head-btns .web-btns a:hover{
		background:#fff!important;
	}
	.head-btns .head-call, .head-btns .web-btns a:hover{
		color:#000!important;
		font-size:14px;
	}
	
	.mob-logo{
		        text-align: center;
        border-bottom: 1px solid #525252;
        padding-bottom: 20px;
        margin-bottom: 20px !important;
    }
	
	
	.mob-logo img{
		width:250px;
	}
	
	#menu-toggle-close:focus{
		border:0px!important;
		outline:0px!important;
	}
	
	.web-btns.dual-btns a{
		        padding: 4px 16px 6px;
	}
	
	.home-ban-small{
		margin-bottom:0px!important;
	}
	
	.home-banner-txt{
		padding:0px;
		width:100%;
	}
	
	.home-banner .home-ban{
		padding:0px!important;
	}
	
	.home-ban-big{
		    font-size: 30px;
    line-height: 30px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {

	.pd-100, .single-post #primary{
		padding: 80px 0px !important;
	}

	.pd-top {
		padding-top: 80px !important;
	}

	.pd-bottom {
		padding-bottom: 80px !important;
	}

	.site-primary-footer-inner-wrap,
	.archive.tax-house_design_category #content .ast-container, .single-house_design #content .ast-container, .success-top-sec, .success-video, .custom2-section .wd-contained, .custom3-main, .inner-ban-txt, .about-ban-bot{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.showcase-archive-grid{
		    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding-top:20px;
	}
	
	.contact-main .contact-top h2{
		    font-size: 30px !important;
    line-height: 40px !important;
	}
	
	.contact-top{
		    grid-template-columns: 1fr 2fr;
    align-items: flex-start;
		grid-column-gap:50px;
	}
	
	.contact-main{
		grid-row-gap:25px;
	}
	
	.contact-bot{
		grid-column-gap:50px;
	}
	
	.process-main-section{
		grid-row-gap:30px;
	}
	
	.why-card-in{
		    padding: 20px;
    grid-column-gap: 20px;
	}
	
	.why-card-txt{
		margin-bottom:0px!important;
	}
	
	.why-icon {
    padding: 12px;
    width: 60px;
	}

		.gallery-item img{
		height: 230px!important;
	}
	
	.areas-list{
		grid-template-columns:repeat(2, 1fr);
		grid-row-gap:50px;
	}
	
	.gallery-grid{
		gap:20px!important;
	}

	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
	.site-below-footer-inner-wrap,
	.site-above-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
		column-gap: 30px;
	}
	
	.home-video {
    height: 100%;
	}
	
	.home-about-big{
		width: 100%;
    font-size: 16px !important;
    line-height: 28px;
}
	
	.home-about-bot{
	  grid-template-columns: 1fr;
    padding-top: 20px;
		grid-row-gap:30px;
	}
	
	.subscribe-main{
		    width: 80%;
	}
	
	.faq-sec-main{
		grid-template-columns: 1fr;
	}
	
	.faq-sec-left .web-btns{
		display:none;
	}
	
	.footer-top, .custom1-home-bot{
		grid-template-columns: 1fr;
    grid-row-gap: 30px;
	}
	
	.foot-head{
    padding-bottom: 10px;
    line-height: 25px;
	}
	
	.h-a-right{
		     grid-template-columns: 1fr;
    grid-row-gap: 20px;
    justify-items: flex-start;
    padding-bottom: 0px;
	}
	
	.counter-sec{
		grid-column-gap:30px;
	}
	
	.count-num {
    font-size: 35px;
    line-height: 35px;
	}
	
	.count-head {
           font-size: 20px;
        line-height: 23px;
        min-height: 61px;
	}
	
	.head-sep{
		height:10px!important;
	}
	
	.success-video{
		           grid-template-columns: 1fr;
        width: 70%;
        margin: auto;
        padding-top: 20px;
	}
	
	.wd70, .inner-ban-txt, .testimonial-tagline{
		width:100%;
	}
	
	.recent-house-designs-grid, .house-grid{
		    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
	}
	
	.house-filters{
		gap:10px;
	}
	
li.current-menu-ancestor:hover > a .menu-text, li.current-menu-ancestor:hover > a .ast-icon.icon-arrow{
		color:#fff!important;
	}
	
	.recent-house-image {
    height: 230px;
	}
	
	.why-choose-bot, .process-bot-sec{
		padding-top:20px;
		grid-template-columns:repeat(2, 1fr);
		gap:20px;
	}
	
	.choose-in .why-head{
		padding-bottom:0px;
	}
	
	.home-reviews-top{
		grid-column-gap:50px;
	}
	
	.home-content2, .desk-high{
		background-attachment:inherit!important;
		border-radius:15px!important;
	}
	
	.desk-space, .bg-img, .desk-high{
		height:400px;
	}
	
	.home-content2-sec, .h-content3-sec, .custom3-main, .promote-sec-bot, .about-ban-bot{
		grid-template-columns:1fr;
		grid-row-gap:30px;
	}
	
	.offer2-img{
		order:1;
	}
	
	.promote-right{
		order:2;
	}
	
	.pd-100.custom3-sec, .custom2-section.pd-top, .about-ban-bottom{
		padding:20px 0px!important;
	}
	
	.process-num{
		font-size:85px;
	}
	
	.process-top {
    padding-bottom: 15px;
		min-height:inherit!important;
	}
	
	.foot-right{
		grid-column-gap:30px;
	}
	
	.foot-left-head {
    font-size: 30px;
    padding-bottom: 10px;
	}
	
	.inner-ban-left h1 {
    font-size: 28px;
    line-height: 35px;
	}
	
	.footer-bottom{
		padding-top: 30px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.foot-bot-left{
		text-align:center;
	}
	
	.bg-img-overlay:before{
		    background: linear-gradient(1deg, #000000e0, #0000004f);
	}
	
	.custom-head {
    font-size: 18px;
    line-height: 30px;
}
	
	.custom2-bot{
		                padding: 20px 0 0;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        margin-bottom: 0px !important;
	}
	
	.custom2-section.pd-top{
		        border-radius: 15px !important;
        margin-bottom: 25px !important;
	}
	
	.video-gallery-sec{
		    grid-column-gap: 20px;
	}
	
	.testimonial-play img{
		width:50px;
	}
	
	.cust2-head{
		padding-top:10px;
	}
	
	.promote-big-head{
		width: 100%;
    font-size: 23px;
    line-height: 38px;
    padding-bottom: 30px;
	}
	
	.promote-head{
		    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
}
	
	.inner-ban-sec{
		    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    align-items: flex-start;
	}
	
	.about-page-main{
		grid-template-columns:1fr;
	}
	
	.abt-big {
    font-size: 18px;
    line-height: 30px;
}
	
	.abt-bot-left{
		grid-template-rows:1fr;
	}
	
	.process-bot-in{
		grid-column-gap:100px;
	}
	
	.single-floor-desc{
		grid-column-gap:20px;
		padding-top:20px;
	}
	
	.pro-head, .why-card-head{
		line-height:30px;
	}
	
	.page-template-page-gallery .gallery-wrapper h1{
		margin-bottom:20px!important;
	}
	.floor-plan-bot{
		grid-column-gap:30px;
	}
	
	.house-design-specs strong img{
		width:30px;
	}
	
	.why-card-top, .why-card-bot {
    align-content: flex-start;
}
	
	   #post-57 .vc_col-sm-4 {
        width: 50%;
        padding: 0 20px 20px 0 !important;
    }
	
	#post-57 .blog-head{
		    padding-bottom: 0px;
    line-height: 30px !important;
	}
	
	.post.type-post.status-publish{
		    width: 100%;
    padding: 0px !important;
	}
	
	.navigation.post-navigation{
		margin-top:30px;
	}
	
	.house-designs-description{
		padding-top:30px;
	}
	
	.room-dimensions.single-floor-areas{
		padding:20px;
	}

}

@media only screen and (min-width:1024px) and (max-width: 1365px) {
	.ast-primary-header-bar .site-primary-header-wrap, .footer-main {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.site-branding.ast-site-identity{
		display:grid;
}
	
	.site-description{
		    font-size: 12px!important;
    width: inherit!important;
	}
	
	.showcase-archive-grid{
    gap: 20px;
		padding-top:20px;
	}
	
	.showcase-card-title{
		    font-size: 18px !important;
    line-height: 25px;
	}
	
	.home-banner-txt{
		    padding: 30px;
    width: 55%;
	}
	
	.home-ban-big{
		font-size:40px;
		line-height:45px;
	}

	.site-above-footer-inner-wrap,
	.ast-container,
	.wd-contained  {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}


	h2,
	.entry-content h2,
	h1,
	.entry-content h1 {
		font-size: 35px;
		line-height: 45px;
	}
	
	header .custom-logo-link img{
		    max-width: 130px;
		width:130px;
	}
	
	header .head-btns a{
		font-size: 13px;
	}
	
	.web-btns a, #gform_submit_button_1, #gform_submit_button_2, .white-btn{
		padding:6px 20px 8px;
		font-size:14px;
	}
	
	.main-header-menu .menu-link, .main-header-menu>a{
		    font-size: 13px!important;
    padding: 0px 10px;
	}
	
	.site-header-primary-section-left-center{
		display:none;
	}
	
	.site-primary-header-wrap .ast-builder-grid-row{
		    grid-template-columns: 140px auto 1fr;
	}
	
	.home-video{
		height:inherit;
	}
	
	.contact-top h2{
		    font-size: 100px !important;
    line-height: 100px;
	}
	
	.home-about-big {
    font-size: 18px;
    width: 90%;
    line-height: 30px;
	}
	
	.home-about-bot{
		    padding-top: 30px;
    grid-column-gap: 50px;
	}
	
	.h-a-right{
		    grid-template-columns: auto 170px;
	}
	
	.count-num {
    font-size: 40px;
    line-height: 40px;
	}
	
	.counter-sec{
		grid-column-gap:35px;
	}
	
	.success-video{
		grid-template-columns:1fr 2fr 1fr;
	}

	.wd70, .inner-ban-txt {
		width:100%;
	}
	
	.recent-house-image{
		height:220px;
	}
	
	.house-content .frontage{
		padding-top:0px;
	}
	
	.why-choose-bot, .custom2-bot{
		grid-template-columns:repeat(2, 1fr);
		gap:20px;
	}
	
	.desk-space{
		height:500px;
	}
	
	.home-content2-sec, .faq-sec-main, .custom3-main, .home-reviews-top, .promote-sec-bot, .floor-plan-bot, .about-ban-bot{
		grid-column-gap:50px;
	}
	
	.process-bot-sec, .house-grid{
		grid-template-columns:repeat(3, 1fr);
		gap:20px;
	}
	
	.about-page-main{
		grid-template-columns:1fr;
	}
	
	.h-content3-sec, .custom1-home-bot, .inner-ban-sec{
		grid-template-columns:repeat(2, 1fr);
		grid-column-gap:50px;
	}
	
	.custom-head, .sub-head, .why-card-head, .blog-head {
  font-size: 18px !important;
        line-height: 28px !important;
    }
	
	.page-id-57 .blog-head{
		padding-bottom:0px!important;
	}
	
	.abt-big {
    font-size: 20px;
    line-height: 30px;
}
	
	.gallery-item img{
		height:300px!important;
	}
	
	.promote-big-head{
		    width: 100%;
    font-size: 30px;
    line-height: 47px;
	}
	
	.promote-head {
    font-size: 25px;
    padding-bottom: 15px;
    margin-bottom: 19px !important;
    line-height: 35px;
	}
	
	.process-bot-in{
		grid-column-gap:150px;
	}
	
	.why-card-in{
		        padding: 30px;
        grid-template-columns: 0.8fr 1fr 1.2fr;
	}
	
	.why-card-txt{
		margin-bottom:0px!important;
	}
	
	

}

@media only screen and (max-width:767px) {
	.pd-100, .single-post #primary, .site-primary-footer-wrap {
		padding: 60px 0px !important;
	}
	
	.showcase-archive-grid{
		    padding-top: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
	}
	
	.floorplan-controls{
		gap:10px;
	}
	
	.home-about-top .small-head{
		display:none;
	}

	.dual-btns{
		display:grid;
		text-align:center;
	}
	
	.showcase-card-title{
		font-size:18px!important;
		line-height:25px;
	}
	
	.showcase-gallery-grid{
		    padding-top: 20px;
    grid-template-columns: repeat(2, 1fr);
	}
	
	.slb-content{
		padding:10px;
	}
	
	.blogs-head{
		min-height:inherit!important;
	}
	
	.vc_pageable-slide-wrapper .vc_col-sm-4{
		padding-bottom:20px!important;
	}

.pd-top{
padding-top:60px!important;
}

.pd-bottom{
padding-bottom:60px!important;
}
	.wd-contained, .archive.tax-house_design_category #content .ast-container, .single-house_design #content .ast-container, .single-post #content .ast-container, .single-showcase .ast-container{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.navigation.post-navigation{
		margin-top:30px;
	}
	
	.thank-text{
		margin-top:10px!important;
	}
	
	.navigation.post-navigation .nav-links{
		padding:0px;
	}
	
	.house-designs-description, .floor-plan-bot{
		padding-top:20px;
	}
	
	.house-filters{
		    grid-template-columns: 1fr;
    gap: 10px;
	}
	
	.post.type-post.status-publish{
		width:100%;
		padding:0px!important;
	}
	
	.gallery-wrapper h1, .single-post .ast-single-post-featured-section img{
		margin-bottom:20px!important;
	}
	
	.single-post .entry-title{
		    font-size: 27px!important;
    line-height: 37px!important;
	}

		.gallery-filters{
		    justify-content: center;
	}
	
	#gallery-type-filter{
		width:100%;
	}
	
	.gallery-grid{
		grid-template-columns:1fr!important;
		gap:20px!important
	}
	
	.gallery-item img {
    height: 260px!important;
	}

	.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: 1fr;
		row-gap: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
	.site-below-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.why-card-wrapper{
	padding-top: 15px;
	}
	
	.inner-ban-sec{
		    grid-template-columns: 1fr;
    grid-row-gap: 15px;
    padding-bottom: 30px;
	}
	
	.why-card-in{
		    grid-template-columns: 1fr;
    padding: 20px;
    grid-row-gap: 20px;
	}
	
	.why-card-txt{
		    margin-bottom: 0px !important;
	}
	
	.gallery-modal-inner{
		padding:15px!important;
	}
	
	#gallery-modal .gallery-close {
          top: -10px !important;
        right: -10px !important;
        font-size: 23px;
        background: #0095e0;
        width: 25px;
        height: 25px;
        color: #fff;
        line-height: 25px;
        border-radius: 30px;
	}
	
	.page-template-page-gallery .gallery-wrapper h1{
		margin-bottom:20px!important;
	}
	
	#gallery-modal .gallery-prev, #gallery-modal .gallery-next {
    width: 30px!important;
    height: 30px!important;
    font-size: 13px!important;
    border-radius: 5px!important;
}
	
	.h-main-ban-bot{
		width:100%;
		text-align:left;
	}
	
	.h-ban-head{
		         font-size: 20px;
        color: #000;
        line-height: 30px;
        width: 100%;
	}
	
	.home-video:before, .process-sec-bot:before, .process-bot-in:before, .process-bot-in:after, .filter-group:last-child label{
		display:none;
	}
	
	.home-video {
    height: inherit;
	}
	
	.main-home-banner{
		    padding: 15px 15px 0;
		        width: 80%;
	}
	
	.home-ban1{
		padding:0px!important;
	}
	
	.h-ban-txt{
		color:#000;
	}
	
	.home-about-big{
		               width: 100%;
        font-size: 16px;
        line-height: 28px;
	}
	
	.home-about-bot{
		    padding-top: 20px;
    grid-template-columns: 1fr;
	}
	
	.home-about-top{
		text-align:left;
	}
	
	.h-a-right{
		   grid-template-columns: 1fr;
        grid-row-gap: 20px;
        justify-items: flex-start;
        padding-bottom: 0px;
	}
	
	.counter-sec, .home-content2-sec, .h-content3-sec, .faq-sec-main, .custom3-main, .about-ban-bot{
		    grid-template-columns: 1fr;
    grid-row-gap: 30px;
	}
	
	.contact-top h2{
		font-size: 30px!important;
    line-height: 40px;
	}
	
	.abt-bot-left{
		grid-template-rows:auto;
	}
	
	.count-num{
		font-size: 35px;
    line-height: 40px;
	}
	
	.count-head{
		    font-size: 20px;
    padding: 5px 0 0;
	}
	
	.head-sep{
		height:10px!important;
	}
	
	.sub-head, .abt-big, .custom-head {
    font-size: 16px;
    line-height: 26px;
}
	
	.wd70, .subscribe-main, .inner-ban-txt{
		width:100%!important;
	}
	
	.subscribe-main{
		padding:30px;
	}
	
	.why-choose-bot, .process-bot-sec{
		padding-top: 20px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.choose-in .why-head{
    padding-bottom: 0px;
	}
	
	.choose-in{
		padding:20px;
	}
	
	.choose-in .why-txt {
    padding-bottom: 20px;
    margin-bottom: 25px !important;
}
	
	.home-subscribe, .bg-img-overlay, .home-content2, .desk-high{
		    background-attachment: inherit !important;
	}
	
	.desk-space, .desk-high {
    height: 220px;
}
	
	.small-head{
		font-size:12px;
	}

	.point-head {
    font-size: 18px;
    line-height: 24px;
}
	
	.point-img{
		width:40px;
		margin-top: 5px;
	}
	
	.cont-point-in {
    grid-template-columns: 60px auto;
	}
	
	.process-in, .custom2-in{
		padding:20px;
	}
	
	.cust2-head{
		padding-top:15px;
	}
	
	.process-top {
    min-height: inherit;
    padding-bottom: 15px !important;
	}
	
	.bg-img{
		height:250px;
	}
	
	.home-about-right{
		padding-top:20px;
	}
	
	.success-video{
		padding-top:0px!important;
	}
	
	.faq-question{
		font-size:15px;
	}
	
	.footer-top, .foot-right, .footer-bottom, .floor-plan-bot, .video-gallery-sec{
		    grid-template-columns: 1fr;
    grid-row-gap: 40px;
	}
	
	.testimonial-tagline{
		    width: 100%;
    font-size: 16px;
    line-height: 25px !important;
	}
	
	.testimonial-play img{
		width:40px;
	}
	
	.testimonial-video-dialog{
		padding:10px;
	}
	
	.video-gallery-sec{
		padding-top:20px!important;
	}
	
	.foot-bot-right {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
        justify-items: flex-start;
    }
	
	.custom1-home-bot{
		padding-top:25px;
		grid-template-columns:1fr;
		grid-row-gap:30px;
	}
	
	.custom2-bot{
		    margin: 0px !important;
    padding: 30px 0 60px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.faq-main-page .accordion, .process-bot-in, .about-page-main, .home-reviews-top, .team-sec-bot{
		grid-template-columns:1fr;
	}
	
	.process-main-section{
		grid-row-gap:30px;
	}
	
	.pro-img-num{
		order:1;
		    justify-content: center!important;
	}
	
	.pro-left-txt{
		        order: 2;
        text-align: center!important;
        padding-top: 15px;
	}
	
	.process-bot-in{
		        border: 1px solid #f5f5f5;
        border-radius: 15px;
        padding: 30px;
	}
	
	.process-sec-bot, .team-sec-bot{
		grid-row-gap:20px;
	}
	
	
	.home-reviews-top{
		grid-row-gap:15px;
	}
	
	.promote-big-head{
		        width: 100%;
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 20px;
	}
	
	.offer1-img img, .offer2-img img{
		opacity: 1;
    clip-path: inherit;
	}
	
	.promote-sec-bot, .recent-house-designs-grid, .single-floor-desc, .contact-bot, .success-video{
		        grid-template-columns: 1fr;
        grid-row-gap: 20px;
	}
	
	.success-video-in iframe{
		height:200px;
	}
	
	.contact-left{
		order:2;
	}
	
	.contact-main, .contact-top{
		grid-row-gap:10px;
	}
	
	.cont-map{
		padding:0px 20px;
	}
	
	.room-dimensions.single-floor-areas{
		background:#fff;
		padding:0px;
	}
	
	.room-dimensions.single-floor-areas table{
		background:#f5f5f5;
	}
	
	.promote-head{
		        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
        margin-bottom: 15px !important;
	}
	
	.promote-right{
		order:2;
	}
	
	.house-grid, .contact-top{
    grid-template-columns:1fr;
}

.house-content h2{
    font-size:30px;
}
	
	
}

@media only screen and (min-width:1366px) and (max-width: 1599px) {

	.ast-container,
	.ast-container-fluid {
		max-width: 1240px;
	}
	
	.home-ban-big{
		font-size:50px;
		line-height:60px;
	}
	
	.home-banner-txt{
		width:50%;
		padding:30px 40px 40px;
	}

	.wd-contained {
		max-width: 1200px;
		margin: auto !important;
	}

	header .custom-logo-link img{
		    max-width: 160px;
    width: 160px;
	}
	
	.ast-builder-menu-1 .menu-item > .menu-link{
	font-size: 15px !important;
        padding: 0px 12px;
	}
	
	.ast-builder-menu-1 .menu-item .sub-menu .menu-link{
        padding: 10px 12px;
	}
	
	header .web-btns a{
		    font-size: 14px;
    padding: 6px 20px 8px;
	}
	
	.site-header-primary-section-right-center{
	display:none;
}
	
	.h-ban-head, h1, h2 {
        line-height: 50px;
        font-size: 40px !important;
    }
	
	.home-about-bot, .home-content2-sec, .h-content3-sec, .faq-sec-main, .custom3-main, .promote-sec-bot, .about-page-main, .about-ban-bot{
		grid-column-gap:50px;
	}
	
	.promote-big-head {
           font-size: 22px;
        padding-bottom: 15px;
        margin-bottom: 15px !important;
        line-height: 30px;
	}
	
	.promote-head {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
	}
	
	.count-num {
    font-size: 50px;
    line-height: 50px;
	}
	
	.header-widget-area-inner[data-section="sidebar-widgets-header-widget-1"]{
		padding:0px!important;
	}
	
	.head-call{
		 font-size: 14px;
	}
	
	.choose-in .why-head {
    min-height: 80px;
}
	
	.choose-in .why-txt{
		min-height:200px;
	}
	
	.desk-space {
    height: 500px;
}
	
	.process-head {
        font-size: 15px;
        line-height: 22px;
        font-weight: 600;
}
	
	.process-num {
    font-size: 100px;
	}
	
	.site-primary-footer-wrap .ast-builder-grid-row-container-inner{
		padding:0px 20px;
	}
	
.inner-ban-txt {
    width: 65%;
	}
	
	.inner-ban-left h1 {
    font-size: 4.5vw!important;
}
}