.pg1main{
  height:85vh;
  padding:0.5%;
  margin:3%;
  background-image:  linear-gradient(to bottom,
      rgba(230, 183, 143, 0) 85%, 
     rgb(230, 183, 143,0.15) 100%),
    url("../projectimages/raga7.jpg");
  background-size: cover; /* Makes the image cover the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;
  position:relative;
  border-radius:30px;
  display:flex;
  justify-content: center;
  
}
.overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:rgb(0,0,0,0.4);
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0) 100%); */
  z-index: 1;
  border-radius: 30px;
}

.bgSiteDetail {
  position: absolute;
  top: 98%;
  right:3%;
  color: white;
  font-size: 10px;
  z-index: 2;
  font-family: league system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.pg1main .header{
  /* background-color: lightcoral; */
  position:absolute;/********/
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width:100%;
  left:1%;
  right:1%;
  height:20%;
  z-index:2;
}
.pg1main .header .logo{
  height:75%;
  margin-left:1%;
  width:10%;
}

.pg1main .header .logo .logoimage{
  max-height:100%;
  max-width:100%;
  object-fit:contain;

}
.pg1main .header .menu{
  display:flex;
  flex-direction: row;
  justify-content: center;
  margin-left:-7%;
}
.pg1main .header .menu *:hover{
  color:rgba(52,160,164,255);

  
}
.pg1main .header .menu *{
  padding-left:2%;
  padding-right:2%;
  font-size:20px;
  font-family: league system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color:white;
}
.pg1main .header .menu a{
  text-decoration: none;
}


.pg1main .header .socialmedia{
  display:flex;
  flex-direction:column;
  padding-right:2%;
}
.pg1main .header .socialmedia *{
  margin-top:10%;
  align-items:center;
}
.pg1main .header .socialmedia .mailicon,.pg1main .header .socialmedia .phoneicon{
  width:60%;
}
/* .pg1main .header .socialmedia .webicon{
  width:50px;
  height:50px;
  margin-right:10px;
} */






.pg1main .menubutton{
  width:12%;
  position:absolute;
  right:6%;
  top:5%;
  height:6%;
  display: none;
  background-color: #00b5ad;
  z-index:2;
  border:none;
  border-radius:4px;
}
.pg1main .menubotton:focus,
.pg1main .menubotton:active{
  outline:none;
}
.pg1main .menubutton .menuicon{
  object-fit:contain;
  width:50%;
  height:50%;
}
.pg1main .menuphone{
  font-family: league system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color:rgb(251, 244, 238);
  position:absolute;
  top:14%;
  right:0.5%;
  width:93%;
  height:27.5%;
  padding:3%;
  border-radius:10px;
  display:none;
  z-index:3;

}
.pg1main .menuphone a{
  color:black;
  text-decoration:none ;
  margin-left:7%

}

.pg1main .menuphone hr{
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);  /* Soft gray line */
  margin: 8px 0; 
}

/* .pg1main .menuphone a:active{
  color:#00b5ad;
} */
.pg1main .menuphone a:hover{
  color:#00b5ad;
}

.tagline{
  position:absolute;
  display:inline-block;
  top:45%;
  text-align:center;
  color:white;
  font-size:60px;
  font-weight:500;
  font-family: league system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  z-index:2;
}




@media(max-width:600px){
  .pg1main{
    height:80vh;
    margin:5%;
    border-radius:20px;
  }
  .overlay{
    border-radius: 20px;
  }
  .pg1main .menubutton{
    display:block;
  }
  .pg1main .header .menu,
  .pg1main .header .socialmedia{
    visibility:hidden;
    width:10%;
  }
  .pg1main .header .logo{
    width:25%;
  }
  .tagline{
    top:35%;
    font-size:45px;
  }
  .sideline1{
    font-size:20px;
    top:77.5%;
    left:5%;
  }
  .sideline2{
    font-size:20px;
    top:82.5%;
    left:17.5%;
  }
  .bgSiteDetail{
    color:rgb(213,213,213);
  }
}