@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inspiration&family=Kaushan+Script&family=Rubik:ital,wght@0,300;0,400;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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


  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  ::-webkit-scrollbar-thumb {
    background: #888;
  }

  ::selection {
    background: rgb(0, 123, 255, 0.3);
  }

  .content {
    max-width: 1250px;
    margin: auto;
    padding: 0px 30px;
  }

  .navbarr .logo img {
    width: 100%;
    height: 120px;
  }

  .navbarr {
    position: fixed;
    z-index: 5;
    width: 100%;
    padding: 25px 0;
    transition: all 0.3s ease;
  }

  .navbarr.sticky {
    padding: 10px 0;
    background: #1b1b1b;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  }


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



  .navbarr .menu-list {
    display: inline-flex;
    margin-bottom: 0px;
  }

  .menu-list li {
    list-style: none;
  }

  .menu-list li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .menu-list li a:hover {
    color: #d8a554;
  }

  .nav-socail-line {
    top: 0%;
    margin-bottom: 20px;
  }

  .nav-socail-line a {
    text-decoration: none;
  }

  .nav-socail-line .number {
    color: white;
    font-size: 20px;
  }

  .nav-socail-line .number:hover {
    color: #d8a554;
    transition: all 0.3s ease;
  }

  .nav-socail-line {
    text-align: right;
    color: white;
  }

  .nav-socail-line .phone {
    margin-right: 15px;
    text-align: center;
  }

  .line {
    padding: 8px 0.5px;
    margin: 0px 20px;
    background-color: grey;
  }

  .socail i {
    border: 2px solid white;
    border-radius: 50px;
    padding: 10px;
    border-radius: 50px;
    margin: 0px 5px;
    color: white;
  }

  .socail i:hover {
    color: #d8a554;
    border: 2px solid #d8a554;
    border-radius: 50px;
    padding: 10px;
    border-radius: 50px;
    margin: 0px 5px;
    transition: all 0.5s ease;
  }

  /* Drop Down start*/

  .dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100px;

  }

  .dropdown li {}



  .dropdown li ul {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 20px 0px;
    list-style: none;
    display: none;
    line-height: normal;
    background-color: #444444;
  }

  .dropdown i {
    margin-left: 10px;
  }

  .dropdown li ul li a {
    text-align: left;
    color: #cccccc;
    font-size: 14px;
    padding: 10px;
    display: block;
    white-space: nowrap;
  }

  .dropdown li ul li a:hover {
    color: #D0A053;
  }

  .dropdown li ul li ul {
    left: 100%;
    top: 0;
  }

  ul li:hover>a {}

  ul li:hover>ul {
    display: block;
  }

  /* Drop Down End */

  @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }

    to {
      -webkit-transform: scale(1.4, 1.4);
    }
  }

  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }

    to {
      transform: scale(1.4, 1.4);
    }
  }

  .carousel-inner .overlay-bg>img {
    -webkit-animation: zoom 10s;
    animation: zoom 10s;
  }

  .carousel-inner .item {
    width: 100%;
  }

  .carousel-inner {
    padding: 0px;
  }

  .carousel-inner .item img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }

  .carousel-inner .item .overlay-bg {
    background: black;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  .carousel-inner .slider-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }

  .carousel-inner .angle-down {
    top: 90%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    scroll-behavior: smooth;
  }

  .carousel-inner .angle-down i {
    color: white;
    font-size: 30px;

  }

  .carousel-inner .angle-down i:hover {
    margin-top: 15px;
    transition: all ease 0.5s;
  }


  .carousel-inner .slider-content p {
    margin-bottom: 40px;
  }

  .carousel-inner .slider-content a {
    text-decoration: none;
    padding: 15px 30px;
    border: 2px solid #957122;
    background: transparent;
    color: white;
  }

  .carousel-inner .slider-content a:hover {
    background-color: #957122;

  }

  .carousel-control .glyphicon-chevron-right:before {
    color: #d8a554;
    width: 70px;
    height: 70px;
    border: 3px solid #d8a554;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-left: -30px;
  }

  .carousel-control .glyphicon-chevron-left::before {
    color: #d8a554;
    width: 70px;
    height: 70px;
    border: 3px solid #d8a554;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
  }

  .about {
    padding: 40px 0;
  }

  .about .title {
    font-size: 35px;
    font-weight: 700;
  }

  .about p {
    padding-top: 20px;
    text-align: justify;
  }

  .icon {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: none;
  }

  .icon.cancel-btn {
    position: absolute;
    right: 30px;
    top: 20px;
  }

  .navbarr.sticky .icon.cancel-btn {
    top: 10px;
  }

  .LasVegasGeneralContractor {
    padding: 30px 100px;
    text-align: center;
    background-image: url(../Images/home/cards-sec-bg.jpg);
    background-size: cover;
  }

  .LasVegasGeneralContractor .heading h1 {
    font-family: 'Kaushan Script', cursive;
    color: white;
  }

  .LasVegasGeneralContractor .heading h4 {
    color: #d8a554;
    font-weight: 300;
  }

  .LasVegasGeneralContractor .heading p {
    color: white;
    margin-bottom: 50px;
  }

  .LasVegasGeneralContractor .heading a {
    text-decoration: none;
    color: #d8a554;
  }

  .LasVegasGeneralContractor .card1 {
    width: 100%;
    height: 100%;
    background-color: white;
    padding-bottom: 30px;
    overflow:hidden;
  }

  .LasVegasGeneralContractor .card1 img {
    padding: 10px;
    width: 100%;
    margin-bottom: 25px;
  }

   
  .LasVegasGeneralContractor .card1 img:hover {
    transform: scale(1.1);
    transition: all ease 0.7s;
  } 

  .LasVegasGeneralContractor .card1 h5 {
    color: #d8a554;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .LasVegasGeneralContractor .card1 p {
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0px 30px;
  }

  .LasVegasGeneralContractor .card1 a {
    text-decoration: none;
    padding: 15px 30px;
    background-color: black;
    color: white;
    margin-bottom: 20px;
  }

  .LasVegasGeneralContractor .card1 a:hover {
    color: white;
    background-color: #d8a554;
    transition: all ease 0.3s;
  }

  #giveUsACall {
    background-color: #000000;
  }

  .giveUsACall {
    padding: 50px 0px;
  }

  .giveUsACall .txt h1 {
    font-size: 25px;
    text-align: right;
    color: white;
    max-width: 800px;
  }

  .giveUsACall .btnn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .giveUsACall .btnn a {
    text-decoration: none;
    color: white;
    padding: 20px 50px;
    background-color: #1b1b1b;
    border: 1px solid #d8a554;
  }

  .giveUsACall .btnn a:hover {
    background-color: #957122;
    transition: all ease 0.3s;
  }

  .giveUsACall .btnn a i {
    margin-right: 15px;
  }

  .DreamConstructionCo {
    overflow: hidden;
  }

  .DreamConstructionCo .left-side {
    width: 50%;
    float: left;
    padding: 70px 50px 50px 50px;
  }

  .DreamConstructionCo .left-side h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 45px;
    margin-bottom: 10px;
    color: #d8a554;
  }

  .DreamConstructionCo .left-side h4 {
    margin-bottom: 30px;
    font-weight: 300;
    color: #111111;
  }

  .DreamConstructionCo .left-side p {
    font-size: 15px;

    margin-bottom: 30px;
    color: #787878;
  }

  .DreamConstructionCo .left-side a {
    text-decoration: none;
    color: white;
    padding: 12px 35px;
    background-color: #1b1b1b;
    font-size: 20px;
  }

  .DreamConstructionCo .left-side a:hover {
    background-color: #d8a554;
    transition: all ease 0.3s;
  }

  .DreamConstructionCo .right-side {
    width: 50%;
    float: right;
  }

  .DreamConstructionCo .right-side img {
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-repeat: no-repeat;
  }



  /* reviews css START*/

.customer-revs {
margin: 0 auto 0 auto;
color: #ffffff;
}
.customer-revs .slideshow{
  background-image:url('../Images/home/reviews-bg.jpg');
  width: 100%;
  height: 60vh;
}
.customer-revs h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 60px;
    margin-top: 0px;
}
.customer-revs h4 {
  font-size: 25px;
  font-weight: 500;
}
.customer-revs .mySlides p{
  font-size: 20px;
}

/* slideshow container */
.slideshow-container {
  position: relative;
  top: 25%;
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}

/* Slides */
.customer-revs .mySlides {
  display: none;
  padding: 2rem 5rem 0 5rem;
  text-align: center;
}

.customer-revs .mySlidesContainer {
  min-height: 5rem;
  padding: 3.5rem 2.5rem 2rem 3.5rem;
  
}

/* next & previous buttons */
.customer-revs .prev,
.customer-revs .next {
  cursor: pointer;
  position: absolute;
  text-align:center;
  top: 55%;
  width: 60px;
  height:60px;
 border: 2px solid white;
  padding: 1rem;
  color: white;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 50px;
  user-select: none;
  transition: 0.4s;
}

/* position the "next button" to the right */
.customer-revs .next {
  position: absolute;
  right: 0;
  border-radius: 50px;
  text-align:center;
  width: 60px;
  height:60px;
  border: 2px solid white;
  color: white;
}

/* on hover, add a black bg color with a little bit see-through */
.customer-revs .prev:hover,
.customer-revs .next:hover {
  background-color: #000; /* fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  color: #f6eac1;
  text-decoration: none;
}
/* reviews css END */































  .ourWork .head {
    text-align: center;
    padding: 50px 0px;
  }

  .ourWork .head h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 60px;
  }

  .ourWork .head p {
    padding: 0px 200px;
    margin-bottom: 40px;
  }

  .ourWork .row {
    margin: 15px;
  }

  .ourWork .grid-container {
    justify-content: center;
  }

  .ourWork .grid-container a:hover img {
    background-color: #000000;
    opacity: 0.6;
    transition: all ease 0.3s;
  }

  .ourWork .grid-container {}

  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    background-color: #d8a554;
    width: fit-content;
    cursor: pointer;
    height: auto;
    width: auto;
    border-radius: 5px;
    justify-content: center;
  }

  .ourWork .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 40px;
  }

  .ourWork .grid-container a:hover .overlay {
    opacity: 0.8;
  }

  .ourWork .viewPhotoGallerybtn {
    padding: 50px 0px;
    justify-content: center;
    display: flex;
  }

  .ourWork .viewPhotoGallerybtn a {
    padding: 20px 30px;
    background-color: #000000;
    text-align: center;
    text-decoration: none;
    color: white;
  }

  .ourWork .viewPhotoGallerybtn a:hover {
    background-color: #d8a554;
    transition: all ease 0.3s;
  }




  .contactUs {
    background-image: url('../Images/home/contact-us-bg.jpg');
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
  }

  .contactUs .head {
    text-align: center;
    padding: 0px 200px;
    margin-bottom: 30px;
  }

  .contactUs .head {
    color: white;
  }

  .contactUs .head h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 50px;
  }


  .contactUs .contact-form {
    padding: 0px 200px;
  }

  .contactUs .contact-form input {
    padding: 25px 20px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    margin-bottom: 15px;

  }

  .contactUs .contact-form .comment {
    padding: 40px 20px;
  }

  .contactUs .contact-form .submit-btn {
    width: 100%;
    border: none;
    padding: 15px;
    background-color: black;
    color: white;
    font-size: 20px;
  }

  .contactUs .contact-form .submit-btn:hover {
    background-color: #d8a554;
    transition: all ease;
  }





  .footer {
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    padding: 50px 50px;
  }

  .footer .colum-1 img {
    width: 200px;
    margin-bottom: 20px;
  }

  .footer .colum-1 p {
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
  }

  .footer .colum-1 h4 {
    color: #957122;
    font-weight: bold;
  }

  .footer .colum-1 i {
    border: 2px solid white;
    border-radius: 50px;
    padding: 10px;
    border-radius: 50px;
    margin: 0px 5px;
    color: white;
  }

  .footer .colum-1 i:hover {
    color: #d8a554;
    border: 2px solid #d8a554;
    border-radius: 50px;
    padding: 10px;
    border-radius: 50px;
    margin: 0px 5px;
    transition: all 0.3s ease;
  }

  .footer .colum-2 h3 {
    color: #d8a554;
    font-weight: 300;
    margin-bottom: 30px;
  }

  .footer .colum-2 p {
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
  }

  .footer .colum-2 h4 {
    color: white;
    font-weight: 400;
  }

  .footer .colum-3 h3 {
    color: #d8a554;
    font-weight: 300;
    margin-bottom: 30px;
  }

  .footer .colum-3 li {
    list-style-type: none;
    margin-bottom: 15px;
  }

  .footer .colum-3 i {
    color: gray;
    margin-left: 10px;
  }

  .footer .colum-3 a {
    text-decoration: none;
    color: white;
    margin-left: 10px;
  }


  .footer .colum-3 ol,
  ul {
    margin-left: 0rem !important;
  }

  .footer .colum-3 a:hover {
    color: #d8a554;
  }

  .footer .colum-3 i:hover {
    color: #d8a554;
  }

  .footer .colum-4 h3 {
    color: #d8a554;
    font-weight: 300;
    margin-bottom: 30px;
  }

  .footer .colum-4 i {
    color: #d8a554;
  }

  .footer .colum-4 a {
    margin-left: 15px;
    color: white;
    text-decoration: none;
  }

  .footer .colum-4 .location {
    margin-bottom: 20px;
    display: flex;
  }

  .footer .colum-4 p {
    color: white;
  }

  .footer .copyright {
    padding-top: 30px;
    text-align: center;
    color: white;
  }

  .footer .copyright a {
    text-decoration: none;
    color: #957122;
  }

  .footer .copyright a:hover {
    color: grey;
  }




  @media (max-width: 1158px) {
    body.disabledScroll {
      overflow: hidden;
    }

    .sticky {
      display: none;
    }

    .navbarr {
      background: #1b1b1b;
      position: fixed;
      color: #1b1b1b;
      padding: 10px;
    }

    .navbarr .logo img {
      width: 100%;
      height: 90px;
    }

    .icon {
      display: block;
      height: 65px;
      width: 30px;
      text-align: center;
      line-height: 65px;
      border-radius: 50%;
      z-index: 9;
      justify-content: center;
    }

    .nav-socail-line {
      margin-bottom: 0px;
    }

    .icon.cancel-btn {
      display: none;
    }

    .icon.cancel-btn.show {
      display: block;
    }

    .icon.hide {
      display: none;
    }

    .navbarr .menu-list {
      position: fixed;
      top: 4px;
      left: 0;
      width: 100%;
      height: 100vh;
      background: #222;
      display: block;
      padding: 40px 0;
      text-align: left;
      clip-path: circle(25px at calc(100% - 55px) calc(0% + 50px));
      transition: all 0.5s ease;
    }

    .navbarr.sticky .menu-list {
      clip-path: circle(25px at calc(100% - 55px) calc(0% + 35px));
    }

    .navbarr .menu-list.active {
      clip-path: circle(75%);
    }

    .navbarr .menu-list li {
      margin-top: 30px;
    }

    .navbarr .menu-list li a {
      font-size: 23px;
    }

    .DreamConstructionCo .left-side {
      padding: 70px 50px 50px 50px;
    }

    .DreamConstructionCo .left-side h1 {
      font-size: 40px;
      margin-bottom: 10px;
      color: #d8a554;
    }

    .DreamConstructionCo .left-side h4 {
      margin-bottom: 20px;
      font-size: 22px;
    }

    .DreamConstructionCo .left-side p {
      font-size: 14px;
    }

    .contactUs .contact-form {
      padding: 0px 100px;
    }

  }

  @media (max-width: 991px) {
        .carousel-inner .item img {
    height: 70vh;
  }

  .carousel-inner .item .overlay-bg {
    height: 70vh;
  }
    .giveUsACall .txt h1 {
      font-size: 25px;
      text-align: center;
      margin-bottom: 30px;
    }

    .DreamConstructionCo .left-side {
      width: 100%;
      float: none;
      padding: 70px 150px 50px 150px;
      text-align: center;
      justify-content: center;
    }

    .DreamConstructionCo .right-side {
      width: 100%;
      float: none;
    }

    .DreamConstructionCo .right-side img {
      width: 100%;
      height: 100%;
    }

    .DreamConstructionCo .left-side h1 {
      font-size: 45px;
      margin-bottom: 10px;
      color: #d8a554;
    }

    .DreamConstructionCo .left-side h4 {
      margin-bottom: 20px;
      font-size: 20px;
    }

    .DreamConstructionCo .left-side p {
      font-size: 15px;
    }

    .LasVegasGeneralContractor {
      padding: 30px 60px;

    }

    .LasVegasGeneralContractor .colMargin {
      margin-bottom: 30px;
    }

    .LasVegasGeneralContractor .heading h1 {
      font-size: 55px;
      margin-bottom: 20px;
    }

    .LasVegasGeneralContractor .heading h4 {
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 25px;
    }

    .LasVegasGeneralContractor .heading p {
      color: white;
      margin-bottom: 50px;
    }

    .ourWork .head h1 {
      font-family: 'Kaushan Script', cursive;
      font-size: 60px;
    }

    .ourWork .head p {
      padding: 0px 100px;
      margin-bottom: 40px;
    }

    .contactUs .contact-form {
      padding: 0px 50px;
    }

    .contactUs .head {
      padding: 0px 50px;
    }

    .testimonial {
      padding: 100px 100px;
    }

    .testimonial .carousel-item p {
      font-size: 20px;
    }

  }

  @media (max-width: 768px) {


    .navbarr .logo img {
      width: 100%;
      height: 65px;
    }

    .navbarr .menu-list {
      top: -9px;
    }

    .nav-socail-line {
      display: none !important;
    }

    .carousel-control {
      visibility: hidden;
    }

    .carousel-inner .slider-content h1 {
      font-size: 30px;
    }

    .carousel-inner .slider-content p {
      padding: 0px;
    }

    .giveUsACall .txt h1 {
      font-size: 20px;
      padding: 0px 30px;
      text-align: center;
      margin-bottom: 30px;
    }

    .giveUsACall .btnn a {
      text-decoration: none;
      color: white;
      padding: 15px 20px;
      background-color: #1b1b1b;
      border: 1px solid #d8a554;
    }

    .DreamConstructionCo .left-side {

      padding: 70px 80px 50px 80px;
    }

    .LasVegasGeneralContractor {
      padding: 30px 60px;
    }

    .LasVegasGeneralContractor .colMargin {
      margin-bottom: 30px;
    }

    .LasVegasGeneralContractor .heading h1 {
      font-size: 50px;
      margin-bottom: 20px;
    }

    .LasVegasGeneralContractor .heading h4 {
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 25px;
    }

    .LasVegasGeneralContractor .card1 h5 {
      font-size: 30px;
    }

    .LasVegasGeneralContractor .card1 p {
      font-size: 13px;
      margin-bottom: 40px;
      padding: 0px 40px;
    }

    .ourWork .grid-container {
      display: grid;
      grid-template-columns: auto auto;
    }

    .contactUs .contact-form {
      padding: 0px 0px;
    }

    .contactUs .head {
      padding: 0px 0px;
    }

    .footer {
      padding: 50px 30px;
    }

    .testimonial {
      padding: 100px 50px;
    }

    .testimonial .carousel-control-next {
      margin-top: 120px;
    }

    .testimonial .carousel-control-prev {
      margin-top: 120px;
    }

    .testimonial .carousel-item p {
      font-size: 17px;
    }




  }

  @media (max-width:576px) {
    .DreamConstructionCo .left-side {
      padding: 70px 50px 50px 50px;

    }

    .DreamConstructionCo .left-side h1 {
      font-size: 35px;
      margin-bottom: 10px;
      color: #d8a554;
    }

    .DreamConstructionCo .left-side h4 {
      margin-bottom: 20px;
      font-size: 18px;
    }

    .DreamConstructionCo .left-side p {
      font-size: 13px;
    }

    .LasVegasGeneralContractor {
      padding: 30px 25px;

    }

    .LasVegasGeneralContractor .heading h1 {
      font-size: 30px;
      margin-bottom: 20px;
    }

    .LasVegasGeneralContractor .heading h4 {
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 20px;
    }

    .LasVegasGeneralContractor .heading P {
      font-size: 13px;
    }

    .LasVegasGeneralContractor .card1 h5 {
      font-size: 22px;
    }

    .LasVegasGeneralContractor .card1 p {
      font-size: 12px;
      margin-bottom: 40px;
      padding: 0px 40px;
    }

    .ourWork .head h1 {
      font-family: 'Kaushan Script', cursive;
      font-size: 50px;
    }

    .ourWork .head p {
      padding: 0px 20px;
      margin-bottom: 40px;
      font-size: 13px;
    }

    .contactUs .contact-form {
      padding: 0px 20px;
    }

    .contactUs .head {
      padding: 0px 30px;
    }

    .footer {
      padding: 50px 20px;
    }

    .testimonial {
      padding: 100px 0px;
    }

    .testimonial .carousel-item p {
      font-size: 15px;
    }

    .testimonial .carousel-control-next {
      margin-top: 150px;
    }

    .testimonial .carousel-control-prev {
      margin-top: 150px;

    }
  }