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

/* Navbar */
.navbar{
    
    height: 90px;
    padding: 0.5rem;
}

/* logo */
.navbar-brand{
    width: 100px;
    height: auto;
    font-weight: 700;
    color: #009970;
    font-size: 24px;
    transition: 0.3s color;

}

/* login button */
.login-button{
    background-color: #009970;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s background-color;
}
.login-button:hover{
    background-color: #00b383;
}

/* Navbar Button */
.navbar-toggler{
    border: none;
    font-size: 1.25rem;
}
.navbar-toggler:focus, .btn-close:focus {
    box-shadow: none;
    outline: none;
}

/* Navbar Menu */
.nav-link{
    color: #666777;
    font-weight: 600;
    position: relative;
}
.nav-link:hover{
color: green !important;
}

.nav-link.active{
    color: red !important;
}

@media (min-width:991px){
.nav-link::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width:0;
    height: 2px;
    background-color: #009970;
    visibility: hidden;
    transition: 0.3s ease-in-out;

}
.nav-link:hover::before {
    width: 100%;
    visibility: visible;
}
}
/* Navbar Menu End */


/* 
.dropdown-item:hover {
    background-color: #FFD563;
    color: red !important;
    transition: all 0.5s ease;
}
.dropdown-item {
    padding: 8px;
    font-size: 15px;
    
} */
/* 
.navbar{
    font-size: 13px;
}

.nav-backg-img{
    background: url(images2/header-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover ;
    background-attachment: fixed;
    
} */



/* menu */
/* .link-menu{
    color: black;
    font-weight: 600;
}

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

.margin-top-125{
    margin-top: 125px;
}
.margin-contruct-top{
    margin-top: 90px;
}

.margin-about-top{
    margin-top: 90px;
}


.all-socail-logo {
    display: flex;
}

.social-logo a {
    padding: 10px;
    background-color: #FFD563;
    color: blue;
    margin-left: 8px;
    border-radius: 3px;

}

.quick-link ul li {
    list-style: none;
    padding: 3px;
}

.quick-link ul li a {
    text-decoration: none;
    
}
.contact-info {
    display: flex;
}

.footer-border-right{
    border-right: 2px solid #FFD563;
}

.quick-link ul li a {
    text-decoration: none;
    color: white;
}
.quick-link ul li a:hover {
    color: #FFD563;
    transition: all 0.5s ease;
}

.contact-icon a {
    color: #FFD563;
    margin-right: 10px;
}
.contact-address a {
    color: white;
}


.background-pic{
    
    background-image: url(../images/card-2.jpg);
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -210px;
    margin-top: 90px;
}


.box-icon {
    justify-content: center;
    display: flex;
    font-size: 40px;
}
.box-title {
    justify-content: center;
    display: flex;
}
.icon-parts:hover {
    background-color: #FFD563 !important;
    transition: all 0.5s ease !important;
    color: black !important;
    
}
.social-logo{
    transition: all 0.3s;
}

.all-socail-logo .social-logo:hover{
 transform: scale(1.5);
 padding: 5px;
}



.W-Ch-Icon {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 10px;
}
    

.icon-design{
    background-color: #FFD563 !important;
    border-radius: 50%;
    font-size: 30px;
    width: 70px;
    height: 70px;
    justify-content: center;
    display: flex;
    align-items: center;
    
}

.relative-about {
    position: relative;
    background-color: #FFD563 !important;
    
    width:350px;
    height: 450px;
}
.absolute-about img {
    position: absolute;
    width: 350px !important;
    height: 450px !important;
    top: -20px;
    left: 20px;
}

.about-us-Backg{
    background-image: url(../images2/industry-lanes-building-architectus_1.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 35% auto;
}
.about-us-bg-color{
    background-color: #F5F8FA;
    opacity: 0.9;
    padding-top: 100px;
    padding-bottom: 100px;

}
.our-service-backg{
    background: url(../images2/business-bg-_2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover ;
    background-attachment: fixed;
}
.our-Service-Color-bg{
    
    background-color: rgba(0, 0, 0, 0.7);
}
.font-wt{
    font-weight: 800;
}


.why-choose-background{
    background-image: url(../images2/appartment-1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   
}


.w-ch-backg-color {
    
    background-color: rgba(255, 255, 255, 0.9);
}
    



.relative {
    position: relative;
    background-color: #FFD563 !important;
    
    width:400px;
    height: 500px;
}
.absolute img {
    position: absolute;
    width: 400px !important;
    height: 500px !important;
    top: -20px;
    left: 20px;
}

.how-it-work-title,
.three-step-part{
    text-align: center;
}

.hw-it-backg-color{
    background-color: #F5F8FA;
    opacity: 0.9;
}

.swiper-pagination-bullet {
    background: white;
}



.service-part-one-backg{
    background-image: url(../images2/WilderBuildingSummerSolstice.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
}
.service-part-one-backg-color{
    background-size: cover;
   
    height: 400px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    
}

.expert-bg-color-relative{
    position: relative;
    background-color: #FFD563 !important;
    width: 350px; 
    height: 270px;
    
}

.expert-photo-absolute img{
    width: 350px;
    height: 270px;
    position: absolute;
    top: -20px;
    left: -20px;
    
    
}

.vacation-cleaning-part{
    background-image: url(../images/woman-yellow-rubber-glove-cleaning-stove-kitchen-banner-photo.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%;
}
.vacation-cleaning-part-backg-color{
    background-size: cover;
   
    height: 450px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    
}

.VC-Backg {
    background-color: rgba(255, 255, 255, 0.7);
    
}
.VC-Backg p {
    color:gray ;
    font-weight: 600;
}
.VC-Backg h2 {
 
    font-weight: 600;
}

.vc-image img {
    height: 350px;
}

.deep-bg-color-relative{
    position: relative;
    background-color: #FFD563 !important;
    width: 400px; 
    height: 400px;
    
    
}

.deep-photo-absolute img{
    width: 400px;
    height: 400px;
    position: absolute;
    top: -20px;
    left: -20px;
  
}

.sp-hover i:hover {
    color: #FFD563 !important;
    transition-duration: 0.5s !important;
}
.sp-hover p:hover {
    color: #FFD563 !important;
    transition-duration: 0.5s !important;
}

.interior-construction-part{
    background-image: url(../images/professional-cleaners.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%;
}
.interior-construction-part-backg-color{
    background-size: cover;
   
    height: 450px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    
}

.ic-Backg {
    background-color: rgba(255, 255, 255, 0.7);
    
}
.ic-Backg p {
    color:gray ;
    font-weight: 600;
}
.ic-Backg h2 {
 
    font-weight: 600;
}

.ic-image img {
    height: 350px;
}

.post-const-bg-color-relative{
    position: relative;
    background-color: #FFD563 !important;
    width: 400px; 
    height: 400px;
    
    
    
}

.post-const-photo-absolute img{
    width: 400px;
    height: 400px;
    position: absolute;
    top: -20px;
    right: -20px;
    
}
.cc-image img{
    width: 500px;
    height: auto;
}

.contact-us-part-one-backg{
    background-image: url(../images2/reception-desk-for-office.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
}
.contact-us-part-one-backg-color{
    background-size: cover;
   
    height: 400px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    
}
.sub {
    background-color: #FFD563;
    border: none;
}

/* *********Button Sake CSS Start******** */
.jakano:hover {
    animation: shake 2s;
    animation-iteration-count: infinite;
  }
  
  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }

  /* *********Button Sake CSS End******** */

  

   /* ****Swiper Slider Recent Work CSS Start**** */

   html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
        width: 100%;
        height: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* max-width: 100%; */
    }

    /* ****Swiper Slider Recent Work CSS End**** */

    /* recent-work-bg CSS start  */

    .recent-work-bg{
        background: url(../images/3d-rendering-modern-dining-room-living-room-with-luxury-decor.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover ;
        background-attachment: fixed;
    }
    .recent-work-color-bg{
        
        background-color: rgba(0, 0, 0, 0.6);
    }
    /* recent-work-bg CSS end */

    /* propeerties-card CSS start  */

    .properties-img img {
        
        transition: .8s;
    }
    .properties-img {
        overflow: hidden;
        
    }
    img.card-img-top:hover {
        transform: scale(1.5);
    }

      /* propeerties-card CSS end  */

    .msment-title-top {
        justify-content: center;
        display: flex;
        /* font-size: 40px; */
    }
    .msment-title-btom {
        justify-content: center;
        display: flex;
    }
    .msment-title-parts:hover {
        background-color: #FFD563 !important;
        transition: all 0.5s ease !important;
        color: black !important;
        
    }


    /* Offers-card CSS start  */

    .offers-img img {
        
        transition: .8s;
    }
    .offers-img {
        overflow: hidden;
        
    }
    img.card-img-top:hover {
        transform: scale(1.5);
    }

      /* Offers-card CSS end  */

    
    

/* slider test  */

    /* body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      } */
  
      .swiper {
        width: 100%;
        height: 400px;
        margin: 20px auto;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .append-buttons {
        text-align: center;
        margin-top: 20px;
      }
  
      .append-buttons a {
        display: inline-block;
        border: 1px solid #007aff;
        color: #007aff;
        text-decoration: none;
        padding: 4px 10px;
        border-radius: 4px;
        margin: 0 10px;
        font-size: 13px;
      }

      /* owl-carousel-slider-2 css start  */

      .slider{
        /* margin-bottom: 20px; */
        position: relative;
    }
    
    .slider .owl-item.active.center .slider-card{
    
        transform: scale(1.15);
        opacity: 1;
        background-color: #ccc;
    }
    
    .slider-card{
        background-color:#aaa ;
        margin: 50px 15px 50px 15px ; 
        border-radius: 5px;
        box-shadow: 0 15px 45px -20px rgba(206, 191, 191, 0.493);
        transform: scale(0.9);
        opacity: 0.5;
        transition: all 0.3s;
    }
    .slider-card img{
        border-radius: 5px;
    }
    .owl-nav .owl-next{
        position: absolute;
        top: calc(50% - 50px);
        right: 250px;
        opacity: 1;
        font-size: 50px !important;
        z-index: 1;
    }
    
    .owl-nav .owl-prev{
        position: absolute;
        top: calc(50% - 50px);
        left:250px;
        opacity: 1;
        font-size: 50px !important;
        z-index: 1;
        
    }
    
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        background: rgba(180, 180, 180, 0.6) !important;
        color: rgba(180, 180, 180, 0.8) !important;
        width: 70px;
        height: 70px;
        border-radius: 50px !important;
    }
    
    .owl-carousel .owl-nav button.owl-next:hover {
        background: white !important;
        color: rgba(180, 180, 180, 0.8) !important;
        width: 70px;
        height: 70px;
        border-radius: 50px !important;
        transition: all 0.3s !important;
    }
    .owl-carousel .owl-nav button.owl-prev:hover{
        background: white !important;
        color: rgba(180, 180, 180, 0.8) !important;
        width: 70px;
        height: 70px;
        border-radius: 50px !important;
        transition: all 0.3s !important;
    }

    
     .slider-card img {
        width: 500px !important;
        height: 300px !important;
       
        
     }

     /* owl-carousel-slider-2 css End */