@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('http://fonts.cdnfonts.com/css/trajan-pro');
@font-face {font-family: 'trajan_reg';
src: url('../fonts/TrajanPro-Regular.eot');
src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/TrajanPro-Regular.woff') format('woff'),url('../fonts/TrajanPro-Regular.ttf') format('truetype');}
html,
body {
overflow-x: hidden;
}
body{
font-family: 'Poppins', sans-serif;
}
.banner{
position: relative;
}
.header {
background: white;
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
top: 0%;
z-index: 9999;
width: 100%;
}
ul{
margin: 0px;
padding: 0px;
text-align: center;
}
ul li{
list-style: none;
}
a{
text-decoration: none!important;
}
.navbar-brand img {
width: auto;
height: 60px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #e91d26!important;
}
.navbar-dark .navbar-nav .nav-link {
color: rgb(0 0 0)!important;
font-size: 14px!important;
}
ul.navbar-nav {
margin: 0 auto;
}
li.nav-item {
margin-right: 20px;
}
.navbar-toggler {
background-color: #00000069;
}
a.carousel-control-prev {
top: 79%!important;
}
a.carousel-control-next {
top: 79%!important;
}
a.carousel-control-next {
left: 9%!important;
}
span.carousel-control-prev-icon {
padding-left: 30px!important;
}
span.carousel-control-next-icon {
padding-right: 107px;
}
.sider-text{
color: white;
text-align: right;
}
.sider-text {
color: white;
padding-top: 160px;
}
.sider-text h1 {
margin-top: 89px;
font-size: 66px;
text-transform: uppercase;
}
ul.carousel-indicators li {
background: transparent;
}
.know-more a {
background: #7d7d7d;
color: black;
padding: 3px 23px;
}
.social-icon {
display: flex;
align-items: center;
height: auto;
padding-top: 17px;
position: fixed;
z-index: 9999;
left: 0%;
top: 25%;
}
.social-icon a {
color: #7d7d7d;
font-size: 30px;
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%; 
min-height: 100%;
}
.content {
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 20px;
}
#myBtn {
width: 200px;
font-size: 18px;
padding: 10px;
border: none;
background: #000;
color: #fff;
cursor: pointer;
}
#myBtn:hover {
background: #ddd;
color: black;
}
video.img-fluid {
filter: grayscale(100%);
}
.img-fluid {
max-width: 100%;
height: 680px!important;
object-fit: cover;
width: 100%;
}
video {
max-height: 680px!important;
}
.video-control {
position: absolute;
left: 1em;
bottom: 1em;
min-width: 7.5em;
padding: 0.5em 1em;
text-align: left;
border-radius: 9in;
background: #FFFB;
}
.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
display: none;
}
.video-control-symbol
{
font: 1.75em/0 Apple Color Emoji;
vertical-align: -0.15em;
}
h3{
font-family: trajan_reg!important;
}
.inner-about.text-center {
padding-top: 94px;
}
p.tagline {
font-size: 20px!important;
text-transform: uppercase;
letter-spacing: 5px;
}
p.tagline img {
width: auto;
height: 30px;
}
.inner-about h3 {
font-size: 50px;
}
.inner-about p {
color: #1b1b1b;
font-size: 16px;
}
.inner-details img {
width: auto;
height: 60px;
}
.inner-details{
text-align: center;
}
.inner-details p strong {
font-size: 34px;
font-weight: 600;
}
.inner-details p {
margin: 0px!important;
}
.details {
padding-top: 60px;
padding-bottom: 50px;
}
p.plus {
margin-top: 12px!important;
}
.happy-homes{
background: url(../images/happyhomes-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
p.tagline {
font-size: 20px!important;
text-transform: uppercase;
letter-spacing: 5px;
margin-bottom: 37px;
position: relative;
}
p.tagline:after {
width: 80px;
height: 6px;
background: #e91d26;
content: "";
position: absolute;
bottom: -41%;
left: 46%;
}
.inner-home.text-center p {
text-align: center;
font-size: 25px;
text-transform: capitalize;
padding-top: 77px;
margin-bottom: 0px!important;
}
.inner-home.text-center h3 {
margin-top: 30px;
text-transform: uppercase;
}
p.know{
font-size: 16px!important;
padding-top: 0px!important;
}
.icon-here{
display: flex;
padding-top: 50px;
}
.icon-here img {
width: auto;
height: 139px;
}
.icon-here {
display: flex;
padding-top: 89px;
justify-content: space-between;
}
.vision{
background: url(../images/new/vistarabuildtech/vision.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
height: 500px;
display: flex;
align-items: center;
}
.mission h1 {
color: white;
font-family: trajan_reg;
position: relative;
padding-left: 15px;
text-transform: uppercase;
display:flex;
}
.inner-mission{
display: flex;
}
.inner-mission p {
font-size: 16px;
color: white;
padding-right: 40px;
text-align: justify!important;
}
.on-goning{
background: url(../images/on.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
padding-bottom: 34px;
padding-top: 73px;
position: relative;
}
.on-goning h3.text-center {
font-size: 42px;
}
span.project-here {
position: relative;
}
.going-icon {
position: absolute;
left: 100%;
bottom: 46%;
}
.going-icon{
position: absolute;
right: 0;
}
.going-icon img {
width: auto;
height: 30px;
}
.area {
background: #e2e2e2;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 13px;
padding-right: 13px;
}
.area  ul li{
display: inline-block;
padding: 7px;
}
.inner-on img {
width: auto;
}
.area ul {
margin: 0px;
padding: 0px;
text-align: center;
display: flex;
justify-content: space-around;
}
.area ul li {
display: inline-block;
font-size: 20px;
}
.area2 {
background: #a8a8a8;
padding: 13px;
text-align: center;
padding-top: 29px;
padding-bottom: 29px;
}
.area2 p{
margin-bottom: 0px!important;
}
.area2 a{
color: red!important;
text-decoration: underline!important;
}
.area-image img {
object-fit: cover;
width: 100%;
height: 480px;
}
.happy-homes .container{
max-width: 100%!important;
}
.inner-home1{
background: url(../images/happyhome1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
height: 680px;
position: relative;
}
.question h3 {
text-align: center;
color: #343434;
font-size: 37px;
}
.have{
position: relative;
}
.going-icon1 {
position: absolute;
left: 100%;
bottom: 50%;
}
.question {
padding-top: 65px;
padding-bottom: 65px;
}
.going-icon1 img {
width: auto;
height: 30px;
}
.question p {
font-size: 16px;
text-transform: capitalize!important;
color: #464646!important;
}
.put-question .text-center input{
width: 100%;
}
.put-question1 input {
width: 49.6%!important;
}
.put-question1 {
display: flex;
justify-content: space-between;
}
.put-question1 button{
width: 49.6%;
border: none;
background: #121330;
color: white;
border-radius: 5px;
}
.question input {
overflow: visible;
padding: 5px 18px;
font-size: 16px;
border-radius: 4px;
border: 1px solid #75757542;

}
.footer{
background-image: linear-gradient(rgba(1, 1, 1, 0.727),rgba(0, 0, 0, 0.8)) , url(https://swsdev.online/vistarabuildtech/frontend/images/new/vistarabuildtech/footer12.jpg);
text-align: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
padding-top: 70px;
}
.innerfooter-1{
text-transform: uppercase;
text-align: left;
}
.innerfooter-1.pb-4 {
position: relative;
}
.innerfooter-1.pb-4:after {
position: absolute;
content: "";
width: 2px;
height: 350px;
background: #343434;
top: 0;
right: 25%;
}
.innerfooter-1 ul{
text-align: left!important;
}
.innerfooter-1 h2 {
font-size: 20px;
color: #fff001;
}
.innerfooter-1 a {
color: white;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
line-height: 42px;
}
.footer-right img {
width: auto;
height: 310px;
}
.social-contact ul li{
display: inline-block!important;
padding-right: 13px;
}
.social-contact {
display: flex;
text-align: center;
justify-content: center;
color: white!important;
padding-top: 70px!important;
padding-bottom: 21px;
}
.social-contact a{
color: white!important;
font-size: 20px;
}
.copy-right{
background: black;
color: white;
font-size: 12px!important;
}
.inner-copy1 a{
color: #fff001;
}
.icon-here a {
padding-right: 4px;
}
@media screen and (max-width: 767px) {
.footer {
padding-left: 27px;
}
.put-question1 {
display: block;
}
.put-question1 button {
width: 100%important;
border: none;
background: #121330;
color: white;
border-radius: 5px;
margin-top: 6px;
padding: 8px 10px;
}
.question input{
width: 100%!important;
}
.vision{
height: 580px!important;
}
.happy-homes{
height: auto!important;
}
.on-goning .col-md-4.pr-0{
padding-right: 15px!important;
}
.on-goning .col-md-8.pl-0{
padding-right: 15px!important;
}
.area-image {
padding-left: 15px;
}
.area-image img {
width: 100%;
}
.footer{
height: auto;
}
.icon-here {
display: inherit;
padding-top: 50px;
}
.area-image img {
object-fit: cover;
width: 100%;
height: auto;
}
}
.banner .btn{
position: absolute;
right: 4%;
top: 10px;
height: 31px;
width: 39px;
background-size: cover;
z-index: 999
}
.mute {
background-image: url(../images/mu.png);
opacity: 0.5;
}
.unmute{
background-image: url(../images/mute.png);
opacity: 0.5;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(118 123 128 / 0%)!important;
}
.btn{
outline: none!important
}
.knowledge-banner{
display: flex;
align-items: center;
justify-content: center;
}
.knowledge-banner h1{
color: white;
text-transform: uppercase;
}
.knowledge-banner h1 {
color: white;
text-transform: uppercase;
font-weight: 400;
font-size: 60px;
}
.accordion{
margin: 82px 0;
}
.accordion .item {
border: none;
margin-bottom: 15px;
background: none;
}
.t-p {
color: rgb(70 70 70);
padding: 40px 30px 0px 30px;
background: white;
}
.accordion .item .item-header h2 button.btn.btn-link {
background: #ffffff;
color: black;
border-radius: 0px;
font-family: 'Poppins';
font-size: 16px;
font-weight: 400;
line-height: 2.5;
text-decoration: none;
border: 1px solid #c8c8c8;
}
.accordion .item .item-header {
border-bottom: none;
background: transparent;
padding: 0px;
margin: 2px;
}
.accordion .item .item-header h2 button {
color: white;
font-size: 20px;
padding: 9px;
display: block;
width: 100%;
text-align: left;
}
.accordion .item .item-header h2 i {
float: right;
font-size: 30px;
color: #d40c0c;
background-color: transparent;
width: 60px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
button.btn.btn-link.collapsed i {
transform: rotate(0deg);
}
button.btn.btn-link i {
transform: rotate(180deg);
transition: 0.5s;
}
.Buyers{
background: url(../images/happyhomes-banner.jpg);
text-align: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 45px;
padding-top: 70px;
}
.Buyers h2.text-left {
font-size: 55px;
text-transform: uppercase;
position: relative;
}
.Buyers h2.text-left:after {
position: absolute;
width: 100px;
height: 10px;
content: "";
background: #d40c0c;
left: 0;
bottom: -15%;
}
.guid img {
width: 100%;
height: 683px;
}
.carousel-control-prev-icon {
background-image: url(../images/pre.png)!important;
}
.carousel-control-next-icon {
background-image: url(../images/next.png)!important;
}
.carousel-control-next-icon {
display: inline-block;
width: 31px;
height: 28px;
background: 93%/22% 75% no-repeat;
}
/*.carousel-control-next-icon{
display: inline-block;
width: 20px;
height: 20px;
background: 44%/44% 100% no-repeat!important;
}*/
.carousel-control-prev-icon {
display: inline-block;
width: 31px;
height: 28px;
background: 89%/44% 75% no-repeat;
}
span.carousel-control-prev-icon {
padding-left: 96px!important;
}
span.carousel-control-prev-icon {
font-size: 20px!important;
}
span.carousel-control-next-icon {
padding-left: 96px!important;
color: white;
font-size: 20px!important;
}
p.tagline {
position: relative;
}
p.tagline img{
position: absolute;
}
p.tagline img {
width: auto;
height: 33px;
bottom: 6px;
right: 56.8%;
}
.carousel-control-next, .carousel-control-prev {
opacity: 1!important;
}
.icon-here{
position: relative;
}
.logo-here-icon img {
width: auto;
height: 38px;
position: absolute;
top: 20%;
right: 0%;
}
h3.text-center.onproject {
text-transform: uppercase;
font-size: 50px;
}
.inner-on {
text-align: center;
background: white;
}
span.count {
font-size: 36px;
font-weight: 500;
}
span.count2 {
font-size: 35px;
font-weight: 300;
}
.area-image{
position: relative;
}
.area-logo-icon {
position: absolute;
top: 2%;
right: 2%;
}
.area-logo-icon img{
width: auto;
height: 30px;
}
.innerfooter-2{
text-transform: uppercase;
text-align: left; 
}
.innerfooter-2.pb-4 {
position: relative;
}
.innerfooter-1.pb-4:after {
position: absolute;
content: "";
width: 2px;
height: 350px;
background: #343434;
top: 0;
right: 25%;
}
.innerfooter-2 ul{
text-align: left!important;
}
.innerfooter-2 h2 {
font-size: 20px;
color: #fff001;
}
.innerfooter-2 a {
color: white;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
line-height: 42px;
}
.innerfooter-2.pb-4:after {
position: absolute;
content: "";
width: 2px;
height: 420px;
background: #343434;
top: 0;
right: 25%;
}
.innerfooter-2{
text-transform: uppercase;
text-align: left; 
}
.innerfooter-2.pb-4 {
position: relative;
}
.innerfooter-1.pb-4:after {
position: absolute;
content: "";
width: 2px;
height: 414px;
background: #343434;
top: 0;
right: 25%;
}
.innerfooter-3 ul{
text-align: left!important;
}
.innerfooter-3 h2 {
font-size: 20px;
color: #fff001;
text-align: left!important;
text-transform: uppercase;
}
.innerfooter-3 a {
color: white;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
line-height: 42px;
}
.innerfooter-3.pb-4:after {
position: absolute;
content: "";
width: 2px;
height: 425px;
background: #343434;
top: 0;
right: 25%;
}
.social-contact.text-center.pt-5 span {
font-size: 18px!important;
}
h2.kit:after {
position: absolute;
width: 142px;
height: 2px;
background: #343434;
content: "";
top: 34%;
left: 0%;
}
h2.kit1.pt-4:after {
position: absolute;
width: 142px;
height: 2px;
background: #343434;
content: "";
top: 0;
left: 0%;
}
.area ul{
position: relative;
}
.area ul:after{
position: absolute;
width: 2px;
height: 159px;
background: #a8a8a88a;
content: "";
top: -17px;
}
.social-icon ul li img {
width: auto;
height: 28px;
}
.happy-herehome{
height: 660px;
}
@media only screen and (max-width: 1199px) {
.accordion .item .item-header h2 button.btn.btn-link {
font-size: 12px;
line-height: 3.5;
}
.sider-text h1 {
font-size: 46px;
}
p.tagline img {
width: auto;
height: 33px;
bottom: 6px;
right: 58.3%;
}
}
@media only screen and (max-width: 992px) {
.area2 p {
margin-bottom: 0px!important;
font-size: 13px;
}
.inner-house {
padding: 35px!important;
}
.innerfooter-1.pb-4:after {
right: 0%!important;
}
.innerfooter-2.pb-4:after {
right: 0%!important;
}
.innerfooter-3.pb-4:after {
right: 0%!important;
}
.inner-mission p {
font-size: 16px;
color: white;
text-align: left!important;
}
p.home {
font-size: 25px!important;
letter-spacing: 2px!important;
}
.sider-text h1 {
font-size: 36px;
}
a.carousel-control-next {
left: 14%!important;
}
li.nav-item {
margin-right: 10px;
}
p.tagline img {
width: auto;
height: 33px;
bottom: 6px;
right: 61.3%;
}
.inner-about h3 {
font-size: 37px;
}
}
@media screen and (max-device-width: 866px) and (min-device-width: 768px) { 
.navbar-expand-md .navbar-nav .nav-link {
padding: 0px!important;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 10px!important;
}
}
@media only screen and (max-width: 767px) {
.inner-copy1 {
text-align: center;
}
.inner-house {
padding: 0px!important;
}
.quality-here {
display: block;
}
.innerfooter-3.pb-4:after {
right: 3%!important;
}
.footer-right {
text-align: left;
}
.social-contact {
display: flex;
color: white!important;
padding-top: 70px!important;
padding-bottom: 21px;
justify-content: left;
}
.put-question1.text-center.mt-2{
margin-top: 0px!important;
}
.put-question1 button {
width: 100%!important;
}
.question input {
overflow: visible;
padding: 5px 18px;
font-size: 16px;
border-radius: 4px;
border: 1px solid #75757542;
width: 100%;
/* padding-top: 5px; */
margin-top: 5px;
}
.question h3 {
text-align: center;
color: #343434;
font-size: 31px;
}
h3.text-center.onproject {
text-transform: uppercase;
font-size: 45px;
}
.inner-mission{
display: block!important;
}
.counter .row{
display: block!important;
}
.inner-mission p {
font-size: 16px;
color: white;
padding-right: 40px;
text-align: left!important;
}
.hereinner-image {
position: absolute;
right: 2%!important;
}
.happy-herehome{
height: 1132px!important;
}
.carousel-item{
/*height: 400px!important;*/
}
a.carousel-control-next {
left: 19%!important;
}
p.tagline img {
width: auto;
height: 33px;
bottom: 6px;
right: 63.3%!important;
}
p.tagline:after {
left: 40%;
}
p.home {
font-size: 20px!important;
letter-spacing: 2px!important;
}
}
@media only screen and (max-width: 490px) {
.question h3 {
font-size: 23px;
}
h3.text-center.onproject {
text-transform: uppercase;
font-size: 39px;
}
.inner-mission p {
text-align: left!important;
padding-right: 0px!important;
}
.inner-about h3 {
font-size: 29px!important;
}
a.carousel-control-next {
left: 28%!important;
}
p.tagline img {
width: auto;
height: 33px;
bottom: 6px;
right: 65.4%!important;
}
p.tagline {
font-size: 18px!important;
}
.inner-about.text-center {
padding-top: 50px!important;
}
}
@media only screen and (max-width: 380px) {
p.tagline img {
right:64%!important;
}
p.tagline {
letter-spacing: 3px;
}
} 
@media only screen and (max-width: 340px) {
a.carousel-control-next {
left: 28%!important;
}
.sider-text h1 {
font-size: 28px;
}
.carousel-item{
height: 380px!important;
}
.carousel-item{
height: 400px!important;
}
span.carousel-control-next-icon {
padding-left: 96px!important;
color: white;
font-size: 17px!important;
}
span.carousel-control-prev-icon {
padding-left: 96px!important;
color: white;
font-size: 17px!important;
}
span.carousel-control-next-icon {
padding-right: 84px;
}
.carousel-control-next-icon {
background: 93%/17% 75% no-repeat;
}
.carousel-control-prev-icon {
background: 89%/33% 75% no-repeat;
}
}
@media only screen and (max-width: 334px) {
p.tagline img {
width: auto;
height: 33px;
bottom: 60%!important;
}
p.tagline img {
right: 45%!important;
}
}
@media only screen and (max-width: 1300px) {
.icon-here a{
padding-right: 5px;
}
.logo-here-icon img {
width: auto;
height: 38px;
position: absolute;
top: 20%;
right: -9%;
}
}
@media only screen and (max-width: 1100px) {
.inner-house {
padding: 50px!important;
}
.question input {
overflow: visible;
padding: 5px 18px;
font-size: 16px;
border-radius: 4px;
border: 1px solid #75757542;
width: 30%;
margin-top: 5px;
}
.happy-homes{
height: auto!important;
}
.icon-here{
display: inherit!important;
}
.icon-here img {
width: auto;
height: 139px;
margin-top: 0px;
margin-bottom: 8px;
}
.logo-here-icon {
display: none;
}
.inner-home1 {
height: 762px;
}
}
/*@media only screen and (max-width: 1028px){}
.inner-home1 {
height: 908px;
}
}*/
.happy-herehome{
background: url(../images/happyhomes-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.inner-herehome{
text-align: center;
}
.hereinner-image img {
width: 100%;
height: 660px;
}
.hereinner-image {
position: absolute;
right: -18%;
}
.counter {
background-color: white;
padding: 20px 0;
border-radius: 5px;
}
.count-title {
font-size: 40px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.count-text {
font-size: 16px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.fa-2x {
margin: 0 auto;
float: none;
display: table;
color: #4ad1e5;
}
@media only screen and (max-width: 436px) {
.icon-quality {
position: absolute;
left: 88%;
bottom: 70%;
}
.mission h1 {
color: white;
font-family: trajan_reg;
position: relative;
padding-left: 0px;
font-size: 36px;
display:flex;
}
}
.quality-here {
display: flex;
padding-top: 57px;
}
.inner-qualtity1.text-center {
background: #ffccce;
/* padding: 15px 42px; */
width: 180px;
height: 145px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
padding: 6px;
}
.inner-qualtity1.text-center .fa {
font-size: 47px;
color: black;
padding-top: 11px;
}
.inner-qualtity1 a{
color: black!important;
}
.inner-qualtity2.text-center {
background: #ffccce;
/* padding: 15px 42px; */
width: 180px;
height: 145px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
padding: 6px;
}
.inner-qualtity2.text-center .fa {
font-size: 47px;
color: black;
padding-top: 11px;
}
.inner-qualtity2 a{
color: black!important;
}
.inner-qualtity3.text-center {
background: #ffccce;
/* padding: 15px 42px; */
width: 180px;
height: 145px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 6px;
}
.inner-qualtity3.text-center .fa {
font-size: 47px;
color: black;
padding-top: 11px;
}
.inner-qualtity3 a{
color: black!important;
}
.inner-qualtity1.text-center:hover{
background-image: linear-gradient(to bottom , #eb3624, #f0801e);
}
.inner-qualtity2.text-center:hover{
background-image: linear-gradient(to bottom , #eb3624, #f0801e);
}
.inner-qualtity3.text-center:hover{
background-image: linear-gradient(to bottom , #eb3624, #f0801e);
}
.house{
background: url(../images/happyhomes-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.inner-house {
text-align: center;
}
.imagehouse{
background: url(../images/new/vistarabuildtech/happyhome.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 663px;
}
.house .container{
max-width: 100%;
}
.inner-house {
padding: 83px;
}
.icon-quality img{
width: auto;
height: 40px;
}
.icon-quality {
position: absolute;
left: 85%;
bottom: 103%;
}
@media only screen and (max-width: 992px) {
.inner-house {
padding: 30px!important;
}
.Buyers h2.text-left {
font-size: 46px;
}
}
@media only screen and (max-width: 850px) {
.inner-house {
padding: 10px!important;
}
}
@media only screen and (max-width: 767px) {
.quality-here {
display: block;
}
.inner-qualtity1.text-center {
width: 100%;
margin-bottom: 5px;
}
.inner-qualtity2.text-center {
width: 100%;
margin-bottom: 5px;
}
.inner-qualtity3.text-center {
width: 100%;
margin-bottom: 5px;
}
.icon-quality {
position: absolute;
left: 94%;
top: -240%;
}
.house .col-md-6.pr-0 {
padding-right: 15px!important;
}
}
@media only screen and (max-width: 767px) {
.inner-house {
padding: 0px!important;
padding-top: 43px!important;
}
}
@media only screen and (max-width: 445px) {
.icon-quality {
position: absolute;
left: 88%;
bottom: 70%;
}
span.bee-here {
position: absolute;
right: 98%;
bottom: 18%;
}
}
h1.connect {
position: relative;
}
span.bee-here {
position: absolute;
right: 97%;
bottom: 18%;
}
.mission {
padding-left: 44px;
padding-right: 30px;
}
@media only screen and (max-width: 394px) {
h1.connect {
font-size: 30px;
}
span.bee-here img {
width: auto;
height: 38px;
padding-right: 3px;
}
}
@media only screen and (max-width: 345px) {
h1.connect {
font-size: 25px;
}
span.bee-here img {
width: auto;
height: 30px;
padding-right: 3px;
}
}
@media only screen and (max-width: 354px){
.Buyers h2.text-left {
font-size: 32px;
}
}
.about-banner h1 {
margin-top: 7%;
}