.navbar-nav {
   
    margin-left: 3%;
    font-size: 15px;
    font-weight: 500;
    /* background-color: red; */
    
}
.navbutton{
    /* background-color: rgba(243, 75, 24, 0.863); */
    background-color: black;
    /* border-radius: 50px; */
    /* color: white; */
    color: whitesmoke;
    font-weight: 500;
	border-radius: 0px;
    box-shadow: 8px 8px 5px #696969be;
    margin-right: 20px;
}
.navbar-brand{
    width:150px;
    height:50px;
    margin-left: 20px;
    /* background-color: red; */
   
}
.nav-item .dropdown-menu{
    /* background-color:black; */
   
    border: none !important;

}
.dropdown-item{
    color: rgb(207, 204, 204);
    margin-left: 0;
    margin-top: 0;
    /* font-weight: 700; */
    background-color:#0D0907;
    /* padding-right: 0; */
}


/* .navbar{
    background-color: rgba(0, 0, 0, 0.541) !important;
} */
 .nav-link{
    /* color:black; */
    /* background-color: pink; */
    margin-left: 10px;
 }


 /* *******************socialicons ***************** */

 .socialicon{
    margin-right: 40px;
    /* background-color: pink; */
}
.socialicon i{
    margin-left: 10px;
    color: #0D0907;
}
.socliconftr i{
    color:rgba(238, 233, 233, 0.856)!important;
}


/* //////////////// video banner styles /////////////// */

.vide video{
    height: 500px;
    aspect-ratio: 2 / 1 ;
    display: block;
    object-fit: cover;
    }

    @media(min-width:767px){
      .hidedesktop{
        display: none;
      }
    } 

    @media(max-width:766px){
      .hidemobile{
        display: none;
      }
    }


     .float {
            /* margin-left: 10%;
            margin-bottom: 10%;
            padding-top: 40%; */
            /* font-size: 40px; */
            position: fixed;
            bottom: 100px;
            left: 96%;
            /* color: #3022f3; */
            z-index: 1
        }

        .float1 {
            position: fixed;
            bottom: 150px;
            left: 96%;
            font-size: 50px;
            /* color: green; */
            z-index: 1;
        }

        @media(max-width:767px){
            .float1 {
                left: 88%;
                bottom: 140px;
            }
            .float {
                left: 88%;
                bottom: 100px;

            }


        }
        /* ////////////// vertical button styles //////////////// */
        .btn.book-now {
            background:#0D0907;
            /* border-radius: 0; */
            color:whitesmoke;
            font-size: 1.1rem;
            font-weight: 500;
            height: 160px;
            border-top-left-radius: 10px !important;
            border-bottom-left-radius: 10px !important;
            box-shadow: none !important;
            /* letter-spacing: 1.2px; */
            /* Adjust height as needed */
            line-height: 30px;
            position: fixed;
            right: 0;
            top: 50%;
            /* Position the button at 50% from the top */
            transform: translate(0, -50%);
            /* Center the button vertically */
            text-align: center;
            /* text-decoration: none; */
            /* text-transform: uppercase; */
            width: 50px;
            /* Adjust width as needed */
            writing-mode: vertical-rl;
            /* Vertical text */
            transform-origin: bottom right;
            z-index: 1;
              /* Hover styles, media queries */
        }

        .btn.book-now:hover{
            color: whitesmoke;
        }



 /********************* about section ************************/


.about{
    background-color: rgba(255, 255, 255, 0.993);
   
    
}

/* .abtimage{
    box-shadow: 4px 4px 16px rgba(0,0,0,.1);
   
} */
@media(max-width:991px){
    .abtimage{
        margin-top: 10px;

    }
    .about{
       padding-top: 0 !important;

    }
}

@media(max-width:567px){
    .abtcontent h1{
        font-size: 20px;
    }
    .abtcontent h3{
        font-size: 15px;
    }
}

.abtcontent h3{
    color: #343a40;
}
.abtcontent p{
    letter-spacing: 2.2px;
    line-height: 27px;
    color: rgb(131, 128, 128);
}
 .btn{
    /* background-color: rgba(243, 75, 24, 0.863); */
    background-color: #0D0907;
    border-radius: 0px !important;
    box-shadow: 8px 8px 5px #696969be;
    color: whitesmoke;
    font-weight: 500;
}
.btn:hover{
    color: #0D0907;
}


/* .aaa{
	background-color: #FF50290D;
} */

/* ///////////// about page styles /////////////////// */

.aboutpagebanner{
    width:100%;

}

.vision{
    width:100%;
    height: 350px;
    
    /* background-color: red; */
    /* box-shadow: 4px 4px 16px rgba(0,0,0,.1); */

}
.more{
    box-shadow: 4px 4px 16px rgba(0,0,0,.1); 
    border: 1px solid rgb(252, 251, 251); 
    border-radius: 20px; 
    padding: 50px;
    /* background-color: pink; */
    color: #0D0907;
}
/* .morecontent{
    background-color: blue;  
    text-align: center;
} */
.morebttn{
    /* background-color: red; */
    padding-top: 30px;
    text-align: center;
    
    
}
/* .morebttn h1{
    font-size: 80px;
} */
/* .morebttn .btn{
    margin-left: 50%;
} */
 @media(max-width:767px){
    .morebttn h1{
        font-size: 50px;
       
        
    
    }

 }




/*************************** why choose us section ****************************/
.why{
    background-color:#0D0907;
    color: rgba(238, 233, 233, 0.856);
    
}

.why .head p{
    margin-left: 0;
}
.box{
    /* border: 1px solid #b4b2b2f1 !important; */
    /* box-shadow: 1px 1px 2px 2px #dfddddf1; */
    /* box-shadow: 4px 4px 16px rgba(0,0,0,.1); */
    /* box-shadow: 4px 4px 8px rgba(252, 248, 248, 0.884); */
    /* width:250px; */
    /* height:400px; */
    
    /* margin-left: 25px; */
    /* border-radius: 10px; */
    /* padding: 10px; */
    text-align: center;
}
@media(max-width:768px){
    .box{
    margin-top: 5px;
    }

}
.whyland{
    width: 80px;
    height:80px;
    margin-left: 90px;
    padding-top: 10px;
}

.abc{
    /* text-align: center; */
    text-transform: uppercase;
    /* color: rgb(85, 84, 84); */
    
    margin-top: 15px;
    /* margin-bottom: 15px; */
    padding-bottom: 10px;
    
}
.box1{
    /* background-color: red; */
    background-color: rgba(255, 254, 254, 0.973);
    border-radius: 10px;
    color:#666;
}
.box1{
    transition:transform .1s;
  }
  .box1:hover{
    transform:scale(1.1);
    /* background-color: white; */
    box-shadow: 4px 4px 16px rgba(245, 234, 231, 0.877);
   
    
   
  }
  /* ********************* how it works section ***************** */

  .carousel-control-prev-icon{
        
    margin-right: 80%;
  } 
  .carousel-control-next-icon{
    margin-left: 80%;
  }

  .howworks h5, h1{
    color: #343a40;

  }
  .howworks p{
    color: rgb(131, 128, 128);
    margin-left: 0;
  }
  .consultimg{
    padding: 20px;
    /* background-color: red; */
  }
  .consultingcont{
    padding-top: 100px;
    /* padding-bottom: 80px; */
    padding-right: 80px;
    /* background-color: pink; */
    /* margin-top: 30px; */
   

  }
  @media(max-width:767px){
    .consultingcont{
        padding-top: 0px;
    }
  }
  .consultingcont p{
  /* padding-left: 0; */
  /* font-size: 15px; */
  color: #666;
  margin-left: 0;
  }
  .consultingcont h4{
    color: #343a40;
  }
  



/* ////////////// quot section ////////////////// */

.build{
    background-color: #0D0907;
    
}
.quot{
    padding-top: 3%;
    padding-bottom: 3%;
    display: flex;
}
.quot h1{
    color: #fffffffD;
    /* text-align: center; */
    /* margin-bottom: 20px; */
}
.btnquot{
    margin-left: 18%;
    background-color: #F5F7FA;
    color:#0D0907;
    /* border: 1px solid white; */
    border: none !important;
    font-weight: 700;
    font-size: 15px;
    margin-top: 8px;
    box-shadow: none !important;
    margin-bottom: 8px;
    /* box-shadow: 0px 0px 16px rgba(255, 246, 246, 0.877); */
    /* border-radius: 30px; */

}
.btnquot:hover{
     background-color:black;
    color:white; 
    /* box-shadow: 2px 2px 5px rgba(245, 234, 231, 0.877); */

}
@media(max-width:768px){
    .quot{
        display: block;
    }
    .btnquot{
        margin-left: 0;
    }
 
}


/************************* card services section ***********************/
.card{
    width:350px;
    aspect-ratio:1/0.7;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.card .image-box{
    width:100%;
    height: 100%;
    border-radius: inherit;
}
.card .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 90%;
    border-radius: inherit;
    transition: 0.5s ease-in-out;
}
.card::after{
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid white;
    border-radius: inherit;
    opacity: 0;
    transition: 0.4s ease-in-out;

}

.card img{
    filter: grayscale(1) brightness(0.4);
}

/* .card:hover img{
    filter: grayscale(1) brightness(0.4);
} */
.card:hover::after{
    opacity: 1;
    inset: 20px;
}
.content{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* text-align: center; */
}
.content h2, 
.content p{
    opacity: 0;
    transition: 0.4s  0.2s ease;
}
.content h2{
    margin-bottom: 12px;
    scale: 0.7;
    color:#fffffffD;
}
.content p{
    font-size: 14px;
    line-height: 1.5;
    /* color: rgba(248, 245, 245, 0.973); */
    color:rgba(238, 233, 233, 0.856);
    transform: translateY(50%);
}
.card .content h2{
    scale: 1;
    opacity: 1;
}
.card .content p{
    opacity: 1;
    transform: translateY(0);
}

/* .card:hover .content h2{
    scale: 1;
    opacity: 1;
}
.card:hover .content p{
    opacity: 1;
    transform: translateY(0);
} */
@media(max-width:768px){
    .card{
        margin-bottom: 10px;
         width:330px;
        
    }
}



/* //////////////////// what we do section //////////////////// */

.whatwedo{
    color: #ebe7e7dd;
    /* color: #ebe7e7ad; */
    background-color: #0D0907;
   
}

/* ************** footer styles ***************** */

.listunstyled{
    list-style: none;
    
    padding-left: 0;
}
.footer{
    background-image: url("assets/images/footrbackground.png");
    /* background-color:black; */
    color:rgba(238, 233, 233, 0.856);
    background-size: cover;
    /* position: absolute; */
    /* width: 100%;
    height: 500px; */
}
.footerlinks {
    /* background-color: red; */
   padding-left: 60px;

}
.servicelinks ul li a{
    color: rgba(238, 233, 233, 0.856);
    text-decoration: none;

}

.footerlinks ul li a{
    /* position: relative; */
    color: rgba(238, 233, 233, 0.856);
    text-decoration: none;
    
}
.footerlinks ul li{
    margin-top: 10px;
}
.servicelinks ul li{
    margin-top: 10px; 
}
.footerbottom{
    text-align: center;
    color: rgba(238, 233, 233, 0.856);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ////////////////// rcc service page styles /////////////////// */
.para{
    /* list-style: none; */
    color:rgb(102, 100, 100);
   
}
.para p{
    margin-left: 0;
}


/* .headrcc h1,h5,h4{
    color: #343a40;
} */
.headrcc p{
    color:rgb(102, 100, 100);
    /* color: rgb(153, 149, 149); */

}
.whysub{
    background-color: #fffffffd;
}
.whyrcc{
    /* background-color: #18131B; */
    box-shadow: 4px 4px 8px rgba(7, 6, 6, 0.884);
    border-radius: 15px;
    padding-top: 20px;
    /* color:rgb(102, 100, 100); */
    color:rgb(102, 100, 100);
    /* box-shadow: 4px 4px 16px rgba(5, 4, 4, 0.1); */
    /* box-shadow: 1px 1px 2px 2px #0f0f0ff1;  */
    text-align: center;
    
}
.whyrcc h6{
    color: #343a40;
}
.whyrcc p{
    padding-bottom: 20px;
}

/* ///////////// civil & structural works page styles //////////// */

.info{
    /* border: 2px solid red; */
    border-radius: 20px;
    background-color:rgba(0, 0, 0, 0.829);
    color: rgba(238, 233, 233, 0.856);
    /* color: rgb(128, 126, 126); */
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
    /* font-size: 18px; */
}

.infoback{
    background-color: #fffffffd;
}
.civilcont p{
  margin-left: 0;

}
.civilcont{
  margin-left: 20px;
}

.civilcont {
    color:rgb(128, 126, 126);
    
}

/* ////////////////// material & manpower supply page styles ///////////// */

.materialcontent p{
    margin-left: 0;
    color: rgb(128, 126, 126);
}
.materialcontent{
    margin-left: 20px;
}
.materialcontent h1{
    color: #ebe7e7dd;
}
@media(max-width:767px){
    .responce  .btn{
        margin-left: 35% !important;
    
    }
}


/* //////////////// costestimation page styles //////////// */

.estimation img{
    
    border-radius: 10px;
    position: relative;
    top: 150px; 
     margin-left: 90px;

}


.costestimation{
    background-image: url("assets/images/footrbackground.png");
    width: 100%;
    height: 400px;
    background-size: cover;
   
    
}

.cost{
    margin-top: 150px;
    background-color:#FBFCFA;
}
@media(max-width:768px){
    .cost{
        margin-top: 0px;
    }
}
.cost h2{
    text-align: center;
}
.premier{
    /* background-color: pink; */
    padding: 20px;
    
}
.classic{
    /* background-color: green; */
    padding: 20px;
   
}
.basic{
    padding: 20px;
   
   
}
 .accordion{
   /* font-size: 20px; */
    --bs-accordion-active-bg:#0D0907 !important;
    /* --bs-accordion-border-color:none !important; */
    /* --bs-accordion-active-border : none !important; */
}
.accordion-button:not(.collapsed){
    color: #ebe7e7dd;
}
.accordion{
    
    --bs-accordion-btn-focus-box-shadow:none;
}

.faqs{
    font-size: 20px;
}
.accordion-button{
font-size: 15px;
color: rgb(102, 100, 100);
}


.accordion-body{
    font-size: 13px;
    color: rgb(102, 100, 100);
}


.estima{
    /* background-color: pink; */
    /* margin-left: 16%; */
    /* border: 1px solid black; */
    margin-top: 20px;
   

}
.estimationimage{
    /* border: 1px solid black; */
    margin-top: 20px;
    /* border-radius: 10px; */
    /* margin-left: 50px; */
}
.whyestimation{
  width: 100%;
}

/* ///////////// career page styles ////////////// */

.whycareer p{
    color: #999595;
}
.whycareer h2{
    color: #343a40;
}
.whycareer h6{
    margin-bottom: 0px !important;
    color: #343a40;
}

.openposition{
    /* background-color: red; */
    margin-bottom: 20px;
    /* padding: 10px 0 6px 5px; */
    /* border-left: #0D0907 solid 2px; */
}
.openposition h2{
    color:#343a40;
}
/* 
.careerform{
    border:#0D0907 solid 0.1px;
    padding: 50px;
    border-radius: 10px;
} */
.careerform label{
    color:#343a40;
    font-weight: 500;
    margin-bottom: 0px;
}

.careerform .formitems input {
    border-left:#0D0907 1px solid ;
    border-right: 0px;
    border-top: 0px;
        
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; 
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-style: italic;
    font-size: small;
    font-weight: 500;
    
   
   
}

.careerform .formitems select{
    border-left:#0D0907 1px solid ;
    border-right: 0px;
    border-top: 0px;
        
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; 
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-style: italic;
    font-size: small;
    font-weight: 500;
}

/* .careerform input[type=text],
textarea{
    width: 100%;
    border: none;
    margin-bottom: 25px;
} */

/* ///////////// contactus page styles ////////////// */
input[type=text],
textarea {
  width: 100%;
  padding: 6px;
  margin-top: 6px;
  margin-bottom: 16px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}


.contact h3{
  color: #343a40;
}

.phone{
  display: flex;
  /* background-color: red; */
  margin-top: 20px;

 
}

/* .contactpageicon{
  background-color:black;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  color: white;
  margin-left: 0;
  margin-top: 10px;

  
} */
.contactpageicon i{
  font-size: 20px;
  line-height: 60px;
  color:#343a40;
}
.phonecont{
  margin-left: 20px;
  margin-top:10px ;
}
.phonecont p{
  margin-left: 0;
  color: #999595;
}
.phonecont h5{
  font-weight: 700;
  color:#343a40;
}