* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}


@font-face {
  font-family: "Poppins";
  src: url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
  /* You can include other font weights or styles here if needed */
}
body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/*********************** GLOBAL CLASSES****************************/
.navbar-logos{

 margin-left:1rem;
 

}
@media only screen and (max-width: 450px) {
    
    #navbarSupportedContent .navbar-nav {
  justify-content: right;
  width: 100%;
}
.socailHubWrrapper {
  display: flex !important;
  height: 100%;
  width: 100%;
  justify-content: right;
}
}
.btn {
  font-weight: 600;
  color: #1F649A;
  background-color: white;
  border: 2px solid #CFA626;
  border-radius: 0px;
  padding: 10px 25px;
}
.btn:hover {
  background-color: #1F649A;
  color: #CFA626;
  border: 2px solid #CFA626;
}

.heading-h1 {
  font-size: 28px;
  color: #1F649A;
  font-weight: 400;
}
.sub-heading {
  font-size: 18px !important;
  font-weight: 400;
}
.heading-p {
  color: #656a6e;
  font-size: 14px;
  font-weight: 300;
}

.hr-class {
  background-color: #CFA626 !important;
  width: 60px;
  height: 2px;
  border-radius: 5px;
}

.icons-phone-mobl {
    display:none !important ;
    float: right;
    padding-left: 340px;
    margin-top: -52px;
    color: #FFC573;
}
@media only screen and (max-width: 430px) {
    .icons-phone-mobl {
    display:block !important;
    float: right;
    padding-left: 340px;
    margin-top: -52px;
    color: #FFC573;
}
    .heading-h1 {
        font-size: 20px !important;
      }
      .sub-heading {
  font-size: 14px !important;
}
    .heading-p {
        font-size: 12px;
      }
      .btn {
            font-size: 11px !important;
}
}




/*********************** HEADER ****************************/
#navbarToggler {
    float: left;
    margin-top: -58px;
    margin-right: 346px;
        z-index: 1;
}
#mainNavbar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
nav {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  position: fixed !important;
  top: 0;
  z-index: 111;
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #CFA626;
  width: 100%;
}
#mainNavbar{

  padding: 0 65px;
  padding-top: 20px

}

.nav-item {
  align-items: center;
  display: flex;
}

.nav-item hr{
  width: 1rem;
  transform: rotate(90deg);
  border: 0.1rem solid #CFA626;
}


.navbar-brand {
  font-size: 2rem;
  font-weight: 600;
}
.nav-item .nav-link {
  font-weight: 400;
  font-size: 16px !important;
  color: white !important;
}
.footer-logo{
    display: flex;
    justify-content: center;
}

 .navbar-logo {
    /* width: 6rem !important; */
    /* width: 163px; */
    margin-left: 1rem;
    /* position: absolute; */
    padding-left: 246px;
}
    
   @media only screen and (max-width: 467px) { 
   .navbar-logo{
    /*width: 6rem !important;*/
    width:163px;
    margin-left: 1rem;
       padding-left:0px !important;
   }
   .socailHubWrrapper {
    display: flex !important;
 
    width: 100% !important;
    
}
   
   #navbarSupportedContent .navbar-nav {

    width: 100% !important;
}
    }
.socailWrraper {
  background-color: #ffce10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 1.25rem;
}
.socialWrapper img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.social-wrapper-img{
  width: 1.5rem !important;
}
.header-phone-number {
  font-size: 1.2rem;
  font-weight: 600;
  color: white;
}
.header-phone-number:active,.header-phone-number:hover{
  color: white !important;
  
}
.navbar-toggler {
  border: none;
  width: 4rem;
  height: 3rem;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-item{
  padding: 0.7rem 1rem !important;
  border-bottom: 1px solid rgb(226, 221, 221) !important;
}
/*********************** HOME PAGE ****************************/
/*********************** HERO SECTION ****************************/
.home-hero-section {

  height: 100vh;
  background: url(image/hero-sec-home-page.webp);
}

.hero-section {
  padding: 0px 50px;
  align-items: end;
  display: flex;
  width: 100%;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.fristcol {
  background-color: #165B94;
  padding: 40px 40px;
  opacity: 0.9;
}
.hero-h1 {
  font-size: 35px;
  line-height: 39px;
  font-weight: 700;
  color: white;
}
.hero-p {
  font-size: 14px;
  font-weight: 300;
  color: white;
}

.sec-col {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.sec-col img {
  width: 180px;
  margin-bottom: 86px;
  transition: all 0.2s ease-out !important;
}
.sec-col img:hover {
  transform: scale(1.06);
}
@media(max-width: 1004px){
  #mainNavbar{

    padding: 0 10px;
  }

}
@media (max-width: 991px) {

    .nav-item hr{
        display:none;
    }
  .awards-sec{
    padding: 2rem !important;
  }
  .fristcol{
    margin-top: 8rem !important;
  }
  .hero-section {
    padding: 20px;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .fristcol {
    padding: 20px;
    width: 100% !important;
    margin: 2rem 0;
    justify-content: center;
    align-items: center;
  }
  .sec-col {
    margin: 2rem 0;
    justify-content: center;
    align-items: center;
    height: auto !important;
    width: 100% !important;
  }

  .hero-h1 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }
  .hero-p {
    font-size: 12px;
    font-weight: 300;
  }
}
@media (max-width: 400px){

  .header-phone-number{
    display: none;
  }
}

/*********************** 2nd SECTION MAIN PAge ****************************/




.second-main {
  display: flex;
  width: 100%;
  align-items: center;
}
.second-colone {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}

.second-coltwo {
  max-width: 100%;
  padding: 35px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.icon-box {
  width: 120px;
  text-align: center;
  margin-top: 20px;
}
.icon-box svg {
 transition: 0.3s;
  width: 6rem;
}
.icon-box svg:hover {
  transform: scale(1.06);
}
.icon-box h6 {
  color: #656a6e;
  font-size: 13px;
  font-weight: 600;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .second-main {
    flex-direction: column;
  }
  .second-colone {
    padding: 25px 20px;
    width: 100% !important;
  }
  .second-coltwo {
    padding: 25px 20px;
    width: 100% !important;

    display: flex;
    flex-wrap: wrap;
  }
  .second-colone h1 {
    font-size: 20px;
    font-weight: 400;
  }
  .icon-box h6 {
    color: #656a6e;
    font-size: 11px;
  }
}

/*********************** SAME SECTIONS ****************************/
.first-sec-about{

  background: url(image/about-sec-bg-hh.webp) !important;
}

.first-main-sec-home{
  background: url(image/first-sec-home-page.jpg) !important;
}
.second-main-sec-home{
  background: url(image/second-sec-home-page.jpg) !important;
}
.third-main-sec-home{
  background: url(image/thris-sec-home-page.webp) !important;
}
.fourth-main-sec-home{
  background: url(image/fourth-sec-home-page.webp) !important;
}




.main-section {
  display: flex;
}


.left-side {
  /* background: url(image/refurb3-1920w.webp); */
  animation: slideInLeft 1.5s ease forwards;
  min-height: 350px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.right-side {
  background-color: #ececec;
  padding: 50px 80px;
  animation: slideInRight 1.5s ease forwards;
}

@media (max-width: 991px) {
  .main-section-odd {
    flex-direction: column-reverse !important;
  }
  .main-section {
    flex-direction: column;
  }
  .left-side {
    padding: 20px 20px;
    width: 100% !important;
  }
  .right-side {
    width: 100% !important;
    padding: 50px 20px;
  }
}

/*********************** TABS SECTION ****************************/
			@media only screen and (max-width: 370px) {
	#navbarToggler {
    float: left;
    margin-top: -58px;
    margin-right: 318px;
}
    .icons-phone-mobl {
        display: block !important;
        float: right;
        padding-left: 317px;
        margin-top: -52px;
        color: #FFC573;
    }
}
.flex {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tab-content-left {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
  width: 70%;
}
.tab-content-right {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /*.tab-content-right img {*/
  /*  width: 12rem;*/
  /*}*/

.tabs {
  padding: 15px;
  width: 100%;
  height: auto;
}
.Custom-class {
  width: 100%;
}
.nav-pills .nav-link{
    font-size: 20px;
    font-weight: 600;
    border: none;
    color: #1F649A !important;
    background-color: #d3d4d8 ;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    border: none ;
    outline: none;
  color: #fff !important;
  background-color: #1F649A;
  border-radius: 0px;
}



@media only screen and (max-width: 430px) {
    
    .header-full-hight-sec {
    display: block;
    height: 600px;
    padding-top: 75px;
    font-weight: 600;
  }
    .nav-pills .nav-link{
        font-size: 11px !important;
    }
    .tab-content-right{
        display: none !important;
    }
    .tab-content-left{
        padding: 0.5rem;
        width: 100%;
        align-items: center;
    }
    .tab-content-left p{
        font-size: 13px;
        text-align: justify;
    }
    
}


@media (min-width: 1140px) and (max-width: 1510px) {
.socailHubWrrapper {
    display: flex !important;
    height: 100%;
    width: 80%!important;
    justify-content: right;
}
#navbarSupportedContent .navbar-nav {
    justify-content: right;
    width: 83%!important;
}
.navbar-logo {
    /* width: 6rem !important; */
    /* width: 163px; */
    margin-left: 1rem!important;
    /* position: absolute; */
    padding-left: 92px!important;
}
}


/*********************** FORM SECTION ****************************/
.hero-form-sec{
  background: url(image/form-sec-bg.jpg) !important;
}
.form-sec{
      background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  padding: 2.5rem 0 ;
   /*background: url(image/form-sec-bg.jpg) !important; */

}

.form-sec-heading{
    color: white;
    font-size: 35px;
    font-weight: 600;

}
.form-sec-p{
    color: white;
    font-size: 20px;
    font-weight: 300;
}

.form-sec-address{

  font-size: 14px;
  font-weight: 300;
}
.form-sec-phone-number{
  font-size: 30px;
  font-size: 700;
}
.hero-form-sec-form form{
  border: 2px solid #CFA626 ;
}
.form-sec-form form{
  border: 2px solid #CFA626;

  margin-top: 2rem;
  padding: 2rem;
  /* border: 2px solid black; */
}
.hero-form-sec-form label{
  color: white !important;
}
.form-sec-form label{
  font-size: 14px;
  font-weight: 300;
}
.form-sec-form form button:hover{
  /* background-color: black; */
  background-color: #444546;
}

.socailHubWrrapper {
  display: flex !important;
  height: 100%;
  width: 70%;
  justify-content: right;
}
/*#navbarSupportedContent{
  display: flex;
  align-content: center;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}*/

.navbar-support-content{

  display: flex;
  align-content: center;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

#navbarSupportedContent .navbar-nav{

  justify-content: right;
  width: 71%;
}

.flex-display {
    display: flex !important;
}


@media only screen and (max-width: 991px) {
  .nav-item {
    justify-content: center;
    align-items: center;
    display: flex;
}
.socailHubWrrapper {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}
  .form-sec{
    padding: 1rem;
  }
  .form-sec .container{
    flex-direction: column !important;
}
.form-sec .form-sec-details{
  width: 100% !important;
}
.form-sec-p{
  font-size: 14px;
}
.form-sec-phone-number{
  font-size: 20px;
  font-size: 700;
}
.form-sec-form {
  width: 100% !important;
}

.form-sec-form form {
  border: none;
  padding: 0 !important;
}

}

@media(max-width: 991px){
  .navbar-support-content{
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }

}



/*********************** REVIEWS ****************************/

.reviews{
  padding: 3rem 0;
}

.reviews .container{
  
  background-color: #1F649A;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.reviews .reviews-heading{
  padding-top: 2rem;
}
.reviews .reviews-heading ul{
  list-style: none;
}
.reviews .reviews-body{
  padding: 1.5rem 0;
}
.reviews .reviews-heading li{
  color: white;
  font-size: 13px;
  margin: 0 1rem;
}
.reviews hr{
  width: 90%;
  margin-bottom: 1rem;
  background-color: white;
}
.reviews-card{
  display: flex;
  flex-direction: column;
  align-items: center;
margin: 1.5rem;
}
.reviews-card .reviews-img{
  width: 5rem;
}
.reviews-card .reviews-star img{
  width: 1rem;
}
.reviews-card .reviews-star span{
  color: white;
  font-size: 12px;
  font-weight: 300;
}
.reviews-card p{
  font-size: 13px;
  font-weight: 300;
  color: white;
}
@media only screen and (max-width: 430px) {
  .reviews-card{
    margin: 0.5rem;
  }
  .reviews .reviews-heading li{
    font-size: 11px;
    margin: 0 0.5rem;
  }
}



/*********************** FOOTER****************************/
footer{

  background-color: #1F649A;
}
.footer{
  padding: 2.5rem 0;
}
.footer-column{
  padding: 1rem ;
}
.footer-column ul{
list-style: none;
}
.footer-column li, .footer-column li a {
  line-height: 22px;
  margin: 0.3rem 0;
  font-weight: 300;
  color: white;
  font-size: 15px;
  font-family: 300;
  }
  .footer-column li strong{
    font-weight: 700 !important;
  }
.copywrite-sec p a{
  text-decoration: underline;
}
.copywrite-sec p a:hover{
  text-decoration: none;
}
.copywrite-sec p, .copywrite-sec p a{
  color: white;
  font-size: 14px;
}
.copywrite-sec hr{
  width: 90%;
  background-color: rgb(126, 122, 122);
}
  @media only screen and (max-width: 430px) {
    .footer{
display: flex;
flex-direction: column !important;
    }
    .footer-column{
      width: 100% !important;
    }
    .footer-column ul{
      padding: 0 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-column li{
      text-align: center;
    }
  }


/*********************** CONTACT PAGE****************************/
/*********************** CONTACT HERO SECTION****************************/
.contact-hero-section {
  height: 80vh;
  background: url(image/contact-hero.webp);
}



/*********************** CONTACT FORM SECTION****************************/
.contact-form-sec{
  padding: 2.5rem 0 ;
}
.contact-form-sec-form{
  margin-top: 2rem;
  padding: 2rem;
  /* border: 2px solid black; */
}

.form-sec-column ul{
  list-style: none;
  }
  .form-sec-column li, .form-sec-column li a {
    line-height: 22px;
    margin: 0.3rem 0;
    font-weight: 300;
    font-size: 15px;
    }
    .form-sec-column li strong{
      font-weight: 700 !important;
    }





    /*********************** ABOUT PAGE****************************/
/*********************** ABOUT HERO SECTION****************************/
.about-hero-section {
  height: 80vh;
  background: url(image/about-us-bg.webp);
}

/*********************** ABOUT FORM SECTION****************************/

.about-form-sec{
   background: url(image/form-sec-bg.jpg) !important; 
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.about-form-sec-form form label{
  color: white;
}

/*********************** ABOUT AWARDS SECTION****************************/
.awards-sec{
  padding: 6rem;
}

.awards-sec-inner{
  background-color: #1F649A;
  padding: 3rem 0;
}
.awards-card{
  padding: 0 0.5rem;
}



.awards-card svg{
  transition: all 0.2s ease-out !important;
  width: 5rem;
}
.awards-card svg:hover {
  transform: scale(1.08);
}
.awards-heading-p{
  font-size: 13px;
  color: #c7c9ca;

}

@media only screen and (max-width: 430px) {
  .awards-sec-inner{
    flex-direction: column;
  }
  .awards-card{
    margin: 0.5rem auto;
  }
}





/*********************** SERVICES PAGE****************************/
/*********************** SERVICES HERO SECTION****************************/
.service-hero-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center !important;
  /* filter: brightness(); */
  height: 80vh;
  /* background: url(image/services-page.webp) !important; */
}
.services-svg-sec{
  padding: 2.5rem 0;
}
.services-list{
  list-style: none;
}




.svg-card svg{
  transition: all 0.2s ease-out !important;
  width: 6rem;
}
.svg-card svg:hover {
  transform: scale(1.06);
}
.svg-card{
  margin: 0.5rem 1.3rem;
}
.svg-card-p{
  text-align: center;
  font-size: 13px;
  font-weight: 800;
}




/* Services Pages Images */

/* Appartment renovation Images */
.appartment-renovation-hero{
  background: url(image/apartment-renovation-hero.jpg) ;
}
.apartment-renovation-1{
  background: url(image/apartment-kitchen-renovation.avif);
}
.apartment-renovation-2{
  background: url(image/appartment-renovation-2.avif);
}
.apartment-renovation-3{
  background: url(image/appartment-renovation-3.avif);
}
.apartment-renovation-4{
  background: url(image/appartment-renovation-4.jpg);
}





/* Old Home Renovation */

.old-home-Renovations-hero{
background: url(image/old-home-renovations-hero.jpg);
}
.old-home-Renovations-first-sec{
  background: url(image/old-home-Renovations-first-sec.jpg);
}
.old-home-Renovations-second-sec{
  background: url(image/old-home-Renovations-second-sec.jpg);
}
.old-home-Renovations-third-sec{
  background: url(image/old-home-Renovations-third-sec.jpg);
}
.old-home-Renovations-fourth-sec{
  background: url(image/old-home-Renovations-fourth-sec.jpg);
}


/* old bunglow renovations */
.old-bunglow-renovations-hero{
  background: url(image/old-bunglow-renovations-hero.jpeg);
}
.old-bunglow-renovations-first-sec{
  background: url(image/old-bunglow-renovations-first-sec.jpg);
}
.old-bunglow-renovations-second-sec{
  background: url(image/old-bunglow-renovations-second-sec.jpg);
}
.old-bunglow-renovations-third-sec{
  background: url(image/old-bunglow-renovations-third-sec.jpeg);
}
.old-bunglow-renovations-fourth-sec{
  background: url(image/old-bunglow-renovations-fourth-sec.jpg);
}


/* old home and bungalow renovations */
.old-home-and-bungalow-renovations-hero{
  background: url(image/old-home-and-bungalow-renovations-hero.png);
}
.old-home-and-bungalow-renovations-first-sec{
  background: url(image/old-home-and-bungalow-renovations-first-sec.jpg);
}
.old-home-and-bungalow-renovations-second-sec{
  background: url(image//old-home-and-bungalow-renovations-secoond-sec.jpg);
}

/* Full home Renovation */

.full-home-renovation-hero{
  background: url(image/full-home-renovation-hero.jpg);
}
.full-home-renovation-first-sec{
  background: url(image/full-home-renovation-first-sec.webp);
}
.full-home-renovation-second-sec{
  background: url(image/full-home-renovation-second-sec.jpeg);
}
.full-home-renovation-third-sec{
  background: url(image/full-home-renovation-third-sec.jpg);
}
.full-home-renovation-fourth-sec{
  background: url(image/full-home-renovation-fourth-sec.jpg);
}


/* design-and-planning */
.design-and-planning-hero{
  background: url(image/design-and-planning-hero.webp);
}
.design-and-planning-first-sec{
  background: url(image/design-and-planning-second-sec.jpg);
}
.design-and-planning-second-sec{
  background: url(image/design-and-planning-first-sec.jpg);
}
.design-and-planning-third-sec{
  background: url(image/design-and-planning-third-sec.jpg);
}
.design-and-planning-fourth-sec{
  background: url(image/design-and-planning-fourth-sec.jpg);
}

/* design-and-planning */
.kitchen-renovation-hero{
  background: url(image/kitchen-renovation-hero.jpg);
}
.kitchen-renovation-hero-first-sec{
  background: url(image/kitchen-renovation-first-sec.jpg);
}
.kitchen-renovation-second-sec{
  background: url(image/kitchen-renovation-second-sec.jpeg);
}
.kitchen-renovation-third-sec{
  background: url(image/kitchen-renovation-third-sec.png);
}
.kitchen-renovation-fourth-sec{
  background: url(image/kitchen-renovation-fourth-sec.jpg);
}




/* bathroom-renovation */

.bathroom-renovation-hero{
  background: url(image/bathroom-renovation-hero.jpg);
}
.bathroom-renovation-first-sec{
  background: url(image/bathroom-renovation-first-sec.jpg);
}
.bathroom-renovation-second-sec{
  background: url(image/bathroom-renovation-second-sec.jpg);
}
.bathroom-renovation-third-sec{
  background: url(image/bathroom-renovation-third-sec.webp);
}
.bathroom-renovation-fourth-sec{
  background: url(image/bathroom-renovation-fourth-sec.jpeg);
}

/* house-renovation */

.house-extension-hero{
  background: url(image/house-extension-hero.jpg);
}
.house-extension-first-sec{
  background: url(image/house-extension-fisrt-sec.jpg);
}
.house-extension-second-sec{
  background: url(image/house-extension-second-sec.jpg);
}
.house-extension-third-sec{
  background: url(image/house-extension-third-sec.jpeg);
}
.house-extension-fourth-sec{
  background: url(image/house-extension-fouth-sec.jpg);
}
/* Garage Conversion */

.garage-conversion-hero{
  background: url(image/garage-conversion-hero.jpg);
}
.garage-conversion-first-sec{
  background: url(image/garage-conversion-first-sec.png);
}
.garage-conversion-second-sec{
  background: url(image/garage-conversion-second-sec.jpg);
}




/* home-office-renovation */
.home-office-renovation-hero{
  background: url(image/home-offce-renovation-hero.jpg);
}
.home-office-renovation-first-sec{
  background: url(image/home-offce-renovatiion-first-sec.jpg);
}
.home-office-renovation-second-sec{
  background: url(image/home-office-renovation-second-sec.png);
}
.home-office-renovation-third-sec{
  background: url(image/home-offce-renovation-third-sec.jpg);
}

/* attic-and-loft-conversion */
.attic-and-loft-conversion-hero{
  background: url(image/attic-and-loft-conversion-hero.gif);
}
.attic-and-loft-conversion-first-sec{
  background: url(image/attic-and-loft-conversion-first-sec.jpg);
}

.attic-and-loft-conversion-second-sec{
  background: url(image/attic-and-loft-conversion-second-sec.jpg);
}
.attic-and-loft-conversion-third-sec{
  background: url(image/attic-and-loft-conversion-third-sec.jpg);
}
/* Roofing */

.roofing-hero{
  background: url(image/roofing-hero.jpg);
}
.roofing-first-sec{
  background: url(image/roofing-first-sec.jpg);
}
.roofing-second-sec{
  background: url(image/roofing-second-sec.jpg);
}

/* creative-spaces */

.creative-spaces-hero{
  background: url(image/creatice-space-hero.jpg);
}
.creative-spaces-first-sec{
  background: url(image/creatice-space-first-sec.jpg);
}
.creative-spaces-second-sec{
  background: url(image/creative-space-second-sec.webp);
}

/* house-recladding */

.house-recladding-hero{
  background: url(image/house-recladding-hero.jpg);
}
.house-recladding-first-sec{
  background: url(image/house-recladding-first-sec.jpg);
}
.house-recladding-second-sec{
  background: url(image/house-recladding-second-sec.jpg);
}

/* indoor-outdoor-flow */

.indoor-outdoor-flow-hero{
  background: url(image/indoor-outdoor-flow-hero.jpeg);
}
.indoor-outdoor-flow-first-sec{
  background: url(image/indoor-outdoor-flow-first-sec.jpeg);
}
.indoor-outdoor-flow-second-sec{
  background: url(image/indoor-outdoor-flow-second-sec.jpg);
}

/* open-plan renovation  */

.open-plan-renovation-hero{
  background: url(image/open-plan-renovation-hero.jpg);
}
.open-plan-renovation-first-sec{
  background: url(image/open-plan-renovation-first-sec.jpg);
}
.open-plan-renovation-second-sec{
  background: url(image/open-plan-renovation-second-sec.png);
}


/* outdoor-renovation- */
.outdoor-renovation-hero{
  background: url(image/outdoor-renovation-hero.jpeg);
}
.outdoor-renovation-first-sec{
  background: url(image/outdoor-renovation-first-sec.jpeg);
}
.outdoor-renovation-second-sec{
  background: url(image/outdoor-renovation-second-sec.jpeg);
}

.icons-list-colr{
    width: 97px;
    height: 97px;
    border: 4px solid #ffce10;
    border-radius: 50%;
   
}
img.icons-list-colr {
    padding: 8px;
}
.insta-btn-sec:hover{
background-color: #ffffff;}

   

@media (min-width: 1023px) and (max-width: 1139px) {
    .socailHubWrrapper {
    display: flex !important;
    height: 100%;
    width: 97% !important;
    justify-content: right;
}#navbarSupportedContent .navbar-nav {
    justify-content: right;
    width: 98%;
}.navbar-logo {
    /* width: 6rem !important; */
    /* width: 163px; */
    margin-left: -2rem!important;
    /* position: absolute; */
    padding-left: 0px!important;
}
}