@font-face {
  font-family: Bellefair-Regular;
  src:url(../fonts/Webfonts/Bellefair-Regular.ttf);
}
 @font-face{
  font-family: Book-Antique;
  src:url(../fonts/Webfonts/Book_Antiqua_Regular.ttf);
 }

*{
  font-family: "Bellefair-Regular";
  text-decoration: none;
  list-style: none;
  
}

body{
  overflow-y: scroll;
  overflow-x: auto;

     
}

.project_esti{
/*border: 3px solid #000080;*/
color:#191970;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;

}
.project_det{
/*border: 3px solid #B0E0E6;*/
color:black;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;
}
.project_wood{
/*border: 3px solid #D2B48C;*/
color:#8B4513;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;
}
.project_con{
/*border: 3px solid #9ACD32;*/
color:#B22222;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;
}
.project_3d{
/*border: 3px solid #40E0D0;*/
color:#008080;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;
}
.project_bim{
/*border: 3px solid lightgreen;*/
color:#228B22;
text-decoration:none;
font-weight:1000;
padding: 5px 0px !important;
margin-bottom: 10px;
}
.project_esti:hover{
/*border:3px solid rgb(146 15 6);*/
color: rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project_det:hover{
/*border:3px solid rgb(146 15 6);*/
color: rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project_wood:hover{
/*border:3px solid rgb(146 15 6);*/
color:rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project_con:hover{
/*border:3px solid rgb(146 15 6);*/
color: rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.project_3d:hover{
/*border:3px solid rgb(146 15 6);*/
color:rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.project_bim:hover{
/*border:3px solid rgb(146 15 6);*/
color:rgb(146 15 6);
font-weight:1000;
background-color: #FFF;
border-radius: 20px;
text-decoration: underline;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.div_cls_anc
{
  width:40%;
  margin:auto;
  font-weight:1000;
  padding-top:1vh;
}
.cls_img_vd_ic{
position:absolute;
font-size:5vw;
margin-top:11.5vw;
margin-left:-1vw;
}
.fa-play
{
  cursor: pointer;
}


#estimate{
    position: absolute; bottom: 50%; margin-left: 10px; color: white;
}
#detailing{
    position: absolute; bottom: 50%; margin-left: 15px; color: white;
}
.text-over-img { 
z-index:1; 
position: relative;
margin-top: -50vh; 
} 
.text-over-img1 { 
z-index:1; 
position: relative;
margin-top: -23vh; 
} 
.text-over-img2 { 
z-index:1; 
position: relative;
margin-top: -120px; 
} 
h1{
font-family: "Book Antiqua";
}


.Readmore-btn {


color: white;
cursor: pointer;
font-size: 15px;

border: 0;
transition: all 0.5s;
border-radius: 10px;
margin-top: 190px;
position: relative;


&::after {


position: absolute;
left: 80%;
top: 52%;
right: 0;
bottom: 0;
opacity: 0;


}


}
.Readmore-btn1 {


color: white;
cursor: pointer;
font-size: 15px;

border: 0;
transition: all 0.5s;
border-radius: 10px;
margin-top: 20px;
position: relative;



}
.Readmore-btn1::after {


position: absolute;
left: 80%;
top: 52%;
right: 0;
bottom: 0;
opacity: 0;

color: yellow;
}
.Readmore-btn1:hover {


border-radius: 10px;


color: yellow;
}
.Readmore-btn1:hover::after {
opacity: 1;

color: yellow;
}
/* shine */


/* Blur */
 .hover07  {

-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hover07:hover  {


-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
} 

/* Opacity #1 */
.hover11 {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11:hover {
	opacity: .5;
}

/* Zoom In #1 */
/* Circle */
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}


/* Blur */

.geeks {
    width: 100%;
    height: 40vh;
    overflow: hidden;
    margin: 0 auto;
}

.geeks img {
    width: 100%;
    transform: scale(2.00);
    transition: transform 1s;
}

.geeks:hover img {
    transform: scale(1.00);
    transition: transform 5s;
}

.geeks1 {
    width: 100%;
    height: 40vh;
    overflow: hidden;
    margin: 0 auto;
}

.geeks1 img {
    opacity: 1;
width: 100%;
height: auto;
transform: scale(1.00);
transition: transform 1s;
}

.geeks1:hover img {
    opacity: 1;
transform: scale(2.00);
transition: transform 5s;
}




.dropdown:hover>.dropdown-menu {
    display: block;
  }
  /*scroll css start*/
      .fp-section{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;display:block}

 /* scroll css end*/
 /*section start*/
    .div_count_full
    {
      display: flex;
      align-items: center; 
      justify-content: center;  
    }
    .service_exti_img {
      width:7vw;
      height:7vw;
      background: #fff;
      border-radius:50vw;
      border: 1px solid #ccc;
      margin-left:3px;
      -webkit-filter: drop-shadow(5px 5px 5px #222 );
      filter: drop-shadow(1px 6px 1px #22222278);
    }
    .service_exti_img_1{
      width:5.5vw;
      height:5.5vw;
      background: #fff;
      border-radius:50vw;
      border: 1px solid #ccc;
      margin-left:3px;
      -webkit-filter: drop-shadow(5px 5px 5px #222 );
      filter: drop-shadow(1px 6px 1px #22222278);
    }
    span.service_title
    {
      font-size:1.7vw;
      font-weight: bold;
    
      
      
      
    }
  
    .service_esti_content
    {
      font-size:1vw;
      display: flex;
      justify-content: left; 
      margin-bottom: 5px;
      overflow: auto; 
    }
    .service_content
    {
      font-size:1vw;
      display: flex;
      justify-content: left; 
      margin-bottom: 10px;
      overflow: auto; 
    }
    .service_detail_title
    {
      text-align:left;
      font-size: 2vw;
      font-weight: bold;
      display: flex;
      margin-bottom: 10px;
    }
  .cls_click{
      list-style: none;
      text-decoration-line:none;
    }
    .cls_click:before {
      content:"\2713\0020";
    }
    .service_img {
      width:6vw;
      height:6vw;
      background: #fff;
      border-radius:50vw;
/*      border: 1px solid #ccc;*/
      /*margin-left:3px;*/
      /*-webkit-filter: drop-shadow(5px 5px 5px #222 );
      filter: drop-shadow(1px 6px 1px #22222278);*/
/*      -webkit-filter: drop-shadow(0px 0px 5px #ccc);*/
      margin-top:0.3vw;
    }
    .service_count_title
    {
      font-size:1.2vw;
      width: 100%;
      text-align: center !important;
      justify-content: center; 
      font-weight: bold;
      display: flex;
    }
    .service_sub_title
    {
      font-size:1.1vw;
      font-weight: bold;
      display: flex;
      justify-content: left; 
      margin-bottom: 1vh;
    }
    .service_count_clr_grn
    {
      color:green !important;
    }
    .section
    {
      background-color:white;
    }
    .service_count_content
    {
      color:green;
      font-weight:bold;
      font-size:1vw;
    }
    .service_count_classification
    {
      font-weight:bold;
      font-size:0.9vw;
    }
 .cls_esti_card_one{
     max-height:25.5vh;
      width:13.5vw;
      border-radius:0.8vw;
      text-align:center;
      color:white;
       background-color:rgba(211,211,211,0.5);
     
          }
    .cls_esti_card_one i
    {
      transform: rotate(90deg);
      margin-left:5vw;
       color:white;
        font-size:0.5vw;
        margin-top:1vw;
    }
     .cls_esti_card_two i
    {
      transform: rotate(90deg);
      margin-left:6.5vw;
      color:white;
      margin-top:1vw;
       font-size:0.5vw;
    }
     .cls_esti_card_three i
    {
      transform: rotate(90deg);
      margin-left:6vw;
       margin-top:1vw;
        font-size:0.5vw;
      color:white;
    }
   .cls_esti_card_two{
      background-color:rgba(211,211,211,0.5);
      max-height:31.5vh;
      width:16vw;
      border-radius:0.8vw;
      text-align:center;
      margin-top:15vw;
      margin-left:-4.5vw;
      color:white;
    }
    .cls_esti_card_three{
       background-color:rgba(211,211,211,0.5);
      max-height:32vh;
      width:16vw;
      text-align:center;
      border-radius:0.8vw; 
      margin-left:-5.5vw;
      color:white;
      margin-top:3vw;
    }
    .cls_service_image
    {
      width:7vw;
      height:6vw;
      background: #fff;
      border-radius:0vw;
/*      border: 1px solid #ccc;*/
      margin:0.1vw;
/*      -webkit-filter: drop-shadow(0px 0px 5px #ccc);*/
      /* filter: drop-shadow(1px 6px 1px #22222278); */
    }
    .cls_add_syn
    {
      font-size:1vw;
      color:green;
      position: absolute;  
    }
    .cls_esti_count_title 
    {
      font-size:15px;
      color:red;
      font-weight: 900;

    }
  
    .div_content {
      background:#DCF4E1;
      display: flex;
      align-items: center; 
      justify-content: center; 
    }
    .div_image{
      text-align:center;
      background-color:white;
      display: flex;
      justify-content: center; 

    }
    .cls_esti_crd_content
    {
      font-size:1.2vw;
      padding-top:0.4vw;
    }
    .cls_esti_crd_sub_cont
    {
      font-size:1.0vw;
      padding-bottom:0.5vw;
    }
    .cls_esti_crd_sub_num
    {
      font-size:0.8vw;
    }
    .cls_esti_crd_content_1
    {
      font-size:1vw;
      padding-top:0.5vw;
    }
    .cls_esti_crd_sub_cont_1
    {
      font-size:0.8vw;
      padding-bottom:0.4vw;
    }
    .cls_esti_crd_sub_num_1
    {
      font-size:0.6vw;
    }
    .full_div_ser_det
    {
      text-align:center;
      margin-top:5px;
      background-color:white;
      height:100vh;
      display: flex;
      /* vertical */
      justify-content: center; 

    }
    .cls_esti_card
    {
      background-color:#191970;
      justify-content:center;
      padding:10px;
    }
    .div_ser_img
    {
      padding:0.4vw;
    }
    .div_ser_img_con
    {
      padding:0.5vw;
    }
    .navbar .dropdown-menu-end{ right:0; left: auto;  }
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0; transition:.3s; margin-top:0;  }
    .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
    .dropdown-menu{
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
   
    .dropdown-menu li a:hover{
      background-color: rgba(146, 15, 6, 0.5);
      color: white;
    }

    
 /*section end */