.contactback {
    background-image: url("../images/contacttop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:50vh;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .contactback::before {
    content: "";
    position: absolute;
    width: 100%;
    height:50vh;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  
  .text {
    position: relative; 
    z-index: 1; 
    color: white; 
  
  }
  .margin6{
    margin-top:10%;
  }
  .contactcolor{
    color:#DB9A0A;
  }
  .bold{
    font-weight: bold;
  }
  .nummm{
    font-size: 20px ;
  }
  .nummm2{
    font-size: 30px ;
  }
  #map-container2{
    height:40vh;
}
#field{
    width:100%;
    padding:14px 0px;
    margin-top:8px;
    border: none;
    border-bottom: 2px solid #DB9A0A;
}
#field:focus {
    outline: none;
    border: none;
    border-bottom: 2px solid #DB9A0A;

}
.contactbutton{
    background-color:#FFC947 ;
    color:#132646;
    border: none;
    padding:13px 30px;
    font-weight: bold;
    border-radius: 40px;

}
.contactbutton:hover{
    background-color:#132646 ;
    color:#FFC947 ;
   

}
/* ................service page...................... */
.serviceback {
    background-image: url("../images/servicetop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:50vh;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceback::before {
    content: "";
    position: absolute;
    width: 100%;
    height:50vh;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  
  .text {
    position: relative; 
    z-index: 1; 
    color: white; 
  
  }
  .center{
    text-align: center;
  }
  .serviceimg{
    width:100%;
    height:600px;
  }
  /* ........ */
  .serviceimg1 {
    background-image: url("../images/section6image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg1::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  
  .text {
    position: relative; 
    z-index: 1; 
    color: white; 
  
  }
  .topservicemrg{
    margin-top:5%;
  }
  /* ........... */
  .flexend8 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

.flexend8 p {
    text-align: right; /* Align text to the right within the first column */
}
.CTO{
    background-color: #FDFDFD;
}
/* ...................... */
.serviceimg2 {
    background-image: url("../images/section2image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg2::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  .serviceimg3 {
    background-image: url("../images/section1image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg3::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  .serviceimg4 {
    background-image: url("../images/section4image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg4::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }

  .serviceimg5 {
    background-image: url("../images/servicetop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg5::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }

  .serviceimg6 {
    background-image: url("../images/section5image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:580px;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .serviceimg6::before {
    content: "";
    position: absolute;
    width: 100%;
    height:580px;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  .navitems{
    color:#F5BD37;
}
  .navitems:hover{
    border-bottom: 2px solid #F5BD37;
}
  @media(max-width:768px){
  .serviceimg1 {
   
    height:300px;
    
   
  }
  
  .serviceimg1::before {
   
    height:300px;
   
  }
  .serviceimg2 {
   
   display:none;
    
   
  }
  
  .serviceimg2::before {
   
    display:none;
    
  }
  .serviceimg3 {
   
    height:300px;
    
   
   
  }
  
  .serviceimg3::before {
    
    height:300px;
    
  }
  .serviceimg4 {
   
    display:none;
    
   
   
  }
  
  .serviceimg4::before {
   
    display:none;
    
  }

  .serviceimg5 {
   
    height:300px;
    
   
   
  }
  
  .serviceimg5::before {
   
    height:300px;
    
  }

  .serviceimg6 {
    
    display:none;
   
   
   
  }
  
  .serviceimg6::before {
   
    display:none;
    
    
  }
  .navitems:hover{
    border-bottom: none;
}


  }