@media screen and (max-width:1024px) { 
    *{
        padding: 0;
        margin: 0;
        /* outline: 2px solid green; */
      
    }
    .head{
      
        display: none;
    
    }
.slide-up{
  display: none;
}
   
html {
  scroll-behavior: smooth;
} 
   
}
 @media screen and (max-width: 1024px) {
 
    .logo-wrapper{
      position:fixed;
    margin-left: 2rem;
    width:2rem;
    height: 1rem;
   
  
    }
    
  }
  
  /* mob version  */
  
  .mob-open,
  .mob-close {
    width: 1rem;
    height: 0.95rem;
    margin-left: 0;
    background-color: #635e87;
    padding: 0.6rem;
  
  }
  .mob-head{
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    color: #fff;
    height: 2rem;
    opacity: 85%;
    position: fixed;
    width: 100%;
  }
 
  .mob-head img{
  height: 1.4rem;
  width: 4rem;
    margin-left: 10px;
    margin-top: 5px;
  
  }
  .mob-open {
    position: fixed;
    top: 0rem;
    z-index: 5;
    
  }
  
  .mob-list {
    height: 110vh;
    width: 35%;
    position: fixed;
   
    left: 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  opacity: 90%;
    background-color: rgb(121, 111, 125);
   
  }
  
  .mob-list__item {
    color: white;
    text-decoration: none;
    position: relative;
    top:-8rem;
   
  }
  
  
  .mob-close {
    position: fixed;
    z-index: 5;
  }
  
  @media screen and (min-width: 1024px) {
    .mob-menu {
      display: none;
    }
  }
  
  /* js */
  
  .opened {
    opacity: 1;
    animation: openAnim 200ms ease-in-out;
   position: relative;
  
  }
  
  .close {
    opacity: 0;
    animation: closeAnim 200ms ease-in-out;
  }
  
  /* animation  */
  
  @keyframes openAnim {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes closeAnim {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .mob-cont{
    display: flex;
    flex-direction:row;
    justify-content: right;
    position: relative;
    right:4rem;
    top:0.65rem;
    
    
  }
  .mob-cont img{ 

margin-right: 1rem;
width: 1rem;
height: 1rem;
  }
 
.mob-cont button{
    margin-left: -2rem;
    padding: 0.25rem;
    height: 1rem;
    font-size: 0.4rem;
    position: relative;
    top:1px;
    
}
  .mob-menu{
    min-height: 10%;
    width: 100%;
    position:fixed;
    
  }
  .logo-wrapper img{
 width: 7rem;
 height: 2rem;
 position: relative;
 top:0rem;
  }





 @media screen and (max-width:1024px) {

   
    .home{
        height: 32vh;
        max-width: 100%;
        /* background-size: 100% 100%; */
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .main{
        height: 31vh;
        opacity: 90%;
        display: flex;
        flex-direction: row;
        max-width: 100%;
        justify-content: space-between;
    }
    .efright{
    
        background-color: #837c90;
        opacity: 80%;
        width: 20%;
        
        background-color: #4f445d;
       
        
    }
    .txt{
        background-color: #4f445d;
        /* height: 66%; */
        position: relative;
        width:40%;
        opacity: 85%;
    }
    
    .txt h1{
      padding: 30% 1rem 0% 10%;
      font-family: 'Miltonian Tattoo', cursive;
      margin-bottom: 8rem;
    
      position: relative;
      top: 1.25rem;
      width: 80%;
    

  Font-family: 'Miltonian Tattoo';
font-style: normal;
font-weight: 400;
font-size: 18.3335px;
line-height: 22px;
letter-spacing: 0.1em;
    }
    
    .Ltxt h3{
    
      text-align: left;
      color: #FFFFFF;
      height: 50%;
      width: 80%;
      margin:40% 0 0 5%;

      font-family: 'Lexend';
font-style: normal;
font-weight: 500;
font-size: 8px;
line-height: 10px;
letter-spacing: 0.1em;
color: #FFFFFF;
    }
    .Ltxt{
        position: relative;
        top:-6rem;
    }
    .Ltxt button{
        position: relative;
        top:0.85rem;
        left:5%;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 8px;
    line-height: 2px;
    /* identical to box height */
    letter-spacing: 0.1em;
    height:1rem;
    color: #635E87;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    }
    .block{
        width:70%;
        height:2%;
        color: rgb(17, 19, 20);
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        position: relative;
        left:2.5em;
        top: -1rem;
        border-style:groove;
        border-width:2px;
        /* outline: 2px yellow solid; */

        
    }
    .Book{
        width:25%;
        background-image: url(img/IMG\ BLUR\ 1.png);
        background-color: #fff;
        background-repeat: none;
        object-fit:contain;
        background-color: white;
        opacity: 55%;
        color: white;
        font-size: 0.5rem;
        text-align: center;
      
        
    }
    .Book h4{
        margin: 0.5rem 0.5rem 0.25rem 0.5rem;
        
        letter-spacing: 2px;
    }
    .DATE{
        width:85%;
       display: flex;
    flex-direction: row;
    background-color: white;
    /* outline: red 1px solid; */
    align-items: center;
  
    }
    .date1{
        border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 0.5rem;
    }
    .date1 h1{
        font-size: 0.35rem;
       letter-spacing: 2px;
    padding: 0.25rem;
       width:80%;
       background-color: rgba(99, 94, 135, 0.21);
       border-style:groove;
       border-right:hidden;
       border-radius: 2px;
       border-width: 1px;
       position: inherit;
       margin-right: 0.65rem;
       
    }
    .date2{
        font-size: 0.5rem;
       letter-spacing: 0.02rem;
       position: relative;
       left:0rem;
       top:0rem;
       width:6.2rem;
       background-color: rgba(111, 105, 154, 0.53);
       border-style: groove;
       border-left: none;
    border-radius: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 0.9rem;
    border-width: 1px;

    }
    .date2 h1{
        position: relative;
        font-size: 0.85rem;
        left:5rem;
       text-align: center;
        padding: 1rem;
       
    }
    .btn0{
        background-color:#ffffff;
        width:100%;
        /* outline:blue 2px solid; */
    position: relative;
    LEFT:0rem;
        align-items:center;
        margin: 0;
    }
    .btn0 button{
      font-size: 0.3REM;
 
      height: 0.9REM;
      position: relative;
      top:-0.2rem;
      left:0.025rem;
      padding: 0.12rem;
        
    
    }
    .third{
      width:100%;
      height:90vh;
      background-color: #F5F5F5;
      align-items: center;
      
  }
  .third h1{
      position: relative;
      top:1rem;
  margin-left: 8rem;
   align-self: center;
      font-size: 1rem;
      font-family: 'Ledger', serif;
     
  }
  .third span{
      color: #837c90;
      
  }
  .major{
      display: flex;
      flex-direction: column-reverse;
  }
  .tx{
      width:80vw;
      height:30vh;
      background-color: #F5F5F5;
      margin:10rem 5rem 4rem 2.5REM;
  }
  .uptx{
      font-family: Ledger;
      font-size: 0.85rem;
      font-weight: 400;
      line-height: 17px;
      letter-spacing: 0.07em;
      text-align: left;
      width:100%;
      position: relative;
      top:-5rem;
      
  }
  
  .lowtx{
      font-family: Ledger;
      font-size: 0.85rem;
      font-weight: 400;
      line-height: 17px;
      letter-spacing: 0.07em;
      text-align: left;
      width:100%;
      margin-top:0rem;
      position: relative;
      top:-5rem;
  }
  
  .img1{
      background-image: url(img/1\ \(1\)\ 1.png);
      max-width: 80%;
      height: 325.3px;
      background-size: cover;
    position: relative;
    top:3rem;
     align-self: center;
  }

  .Fourth{
    width: 100%;
    min-height: 180vh;
    background: #F5F5F5;
    align-items:center;
    /* outline: 2px solid grey; */
}
.Fourth h1{
margin-left:0px;
font-size: 1.25rem;
font-family: Ledger;

font-weight: 400;
line-height: 50px;
letter-spacing: 0.1em;
text-align: center;


}
.service{
    margin: 2rem 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    
   
  
}
.one{
    min-height: 50vh;
    width :323px;
    margin: 0px 0rem 3rem 0px;
    border-radius: 20px;
    box-shadow: #635E87;
    box-shadow: 5px 5px 24px 0px #0000001A;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    
}
.two{
  min-height: 50vh;
    width :323px;
   
   margin: 0px 0rem 3rem 0px;
   border-radius: 20px;
   box-shadow: 5px 5px 24px 0px #0000001A;
   display: flex;
    flex-direction: column;
    

}
.three{
  min-height: 50vh;
    width :323px;
   margin: 0px 0rem 3rem 0px;
   border-radius: 20px;
   box-shadow: 5px 5px 24px 0px #0000001A;
   display: flex;
    flex-direction: column;

}
.pixone{
  
    width:100%;
   
    border-radius: 0px;

    background-image: url(img/serviceflex/img\ \(17\)\ 1.png);
    object-fit:cover;
    /* background-position: 100px 100px; */
    background-size:cover;
    border-top-right-radius: 20px;
    background-repeat: no-repeat;
    
}
.cotone{
    background-color:   #C2BFD8;
    width:100%;
 
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
   
}
.pixtwo{
  
    width:100%;
    border-top-right-radius: 20px;
     
    background-image: url(img/serviceflex/img\ \(16\)\ 1.png);
    object-fit:cover;
    /* background-position: 100px 100px; */
   
    background-repeat: no-repeat;
    
    
}
.cottwo{
    background-color:   #C2BFD8;
   
    width:100%;

   
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.pixthree{
    width:100%;
    

    border-top-right-radius: 20px;
    background-image: url(img/serviceflex/img\ \(61\)\ 1.png);
    object-fit:cover;
    /* background-position: 100px 100px; */
    /* background-size: 353px 235px; */
    background-repeat: no-repeat;
    
}
.cotthree{
    background-color:   #C2BFD8;
    width:100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
   
}
.cotone h2{
    font-family: 'Leckerli One', cursive;
    color:#58537C;
font-size: 22px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
top:23px;
left:26px;

}
.cotone h3{
    font-family: Lexend;
font-size: 15px;
/* font-weight: 500; */
width: 280px;
height: 30px;
line-height: 15px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:27px;
top: 38px;


}
.cotone h4{
   
font-size: 14px;
/* font-weight: 300; */
line-height: 18px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:26px;
top: 67px;
font-family: 'Lexend', sans-serif;

}
.btn3{
    font-family: 'Lexend', sans-serif;
letter-spacing: 0.07em;
text-align: center;
position: relative;
left:26px;
top: 87px;
width: 102px;
height: 32px;
background-color:#58537C;;
color: #ffffff;
font-size: 13px;
font-weight: 900;
border-radius: 20px;
border: none;
text-decoration: none;

}
.btn3 a{
    text-decoration: none;
    color: #F5F5F5;
}
.cottwo h2{
    font-family: 'Leckerli One', cursive;
    color:#58537C;
font-size: 22px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
top:23px;
left:26px;

}
.cottwo h3{
    font-family: Lexend;
font-size: 15px;
/* font-weight: 500; */
width: 280px;
height: 30px;
line-height: 15px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:27px;
top: 38px;


}
.cottwo h4{
   
font-size: 14px;
/* font-weight: 300; */
line-height: 18px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:26px;
top: 67px;
font-family: 'Lexend', sans-serif;

}


.cotthree h2{
    font-family: 'Leckerli One', cursive;
    color:#58537C;
font-size: 22px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
top:23px;
left:26px;

}
.cotthree h3{
    font-family: Lexend;
font-size: 15px;
/* font-weight: 500; */
width: 280px;
height: 30px;
line-height: 15px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:27px;
top: 38px;


}
.cotthree h4{
   
font-size: 14px;
/* font-weight: 300; */
line-height: 18px;
letter-spacing: 0.1em;
text-align: left;
position: relative;
left:26px;
top: 67px;
font-family: 'Lexend', sans-serif;

}



.btn1{
    position: absolute;
    width: 70px;
    height: 20px;
 margin-left: 0rem;
    background: #F8F8F8;
    border: none;
    
 
}
.btn1 text{
padding:0.5rem 0rem 0.5rem 1rem;
}

.AMandser{
  min-height:160vh;
  background-color: rgb(224, 122, 122);
  background: #F5F5F5;
  align-items: center;
  
  }
  
  .AMandser h1{
          margin-left: 0rem;
          margin-top:5rem;
          font-family: 'Ledger';
          font-size: 1rem;
          text-align: center;
       
      }
  
  .serv{
      /* background-color: blueviolet; */
      
      width: 80%;
      margin: 2rem 0rem 10rem 0rem;
      align-items: center;
    
  }
  .first{
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2rem;
;
    margin-left: 2rem;
    align-items: center; 
    text-align: center;
    position: static;
 
  }
  .first1{
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 4rem;
      height: auto;
      margin-left: 2rem;
      align-items: center; 
      text-align: center;
      margin-top: 0;
      min-height: 8s0vh;
     


  
  }
  .first1:last-child{
    margin-bottom:5rem;
  }
  .wifi{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
  }
  .wifi p{
    font-family: 'Ledger';
font-style: normal;

font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 100%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.wifi img{
    position: relative;
left:0rem;    
}
  .Rest{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
  }
  .Rest p{
    font-family: 'Ledger';
font-style: normal;
/* font-weight: 400; */
font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 100%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.Rest img{
    position: relative;
left:0rem;    
}
  .Banq{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
  }
  .Banq p{
    font-family: 'Ledger';
font-style: normal;
/* font-weight: 400; */
font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 100%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.Banq img{
    position: relative;
left:0rem;    
}
  .clean{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
  }
  .clean p{
    font-family: 'Ledger';
font-style: normal;
/* font-weight: 400; */
font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 100%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.clean img{
    position: relative;
left:0rem;    
}
  .park{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
    margin-top:0rem;
  }
  .park p{
    font-family: 'Ledger';
font-style: normal;
/* font-weight: 400; */
font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 100%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.park img{
    position: relative;
left:0rem;    
}
  .elevator{
    width:90%;
    align-items: center;
    align-self: center;
    margin-left: 2rem;
    font-size: 1rem;
    margin-top: 2rem;
  }
  .elevator p{
    font-family: 'Ledger';
font-style: normal;
/* font-weight: 400; */
font-size: 1rem;
line-height: 25px;
text-align: center;
letter-spacing: 0.12em;
width: 80%;
height: 4rem;
color: #171717;
margin-top:32px;
}
.elevator img{
    position: relative;
left:0rem;    
}
.pics{
    min-height: 200vh;
     background-color: #E1E1E1;
 width:100%
 
 }
 .subsec{
     background-color:#E1E1E1;
     justify-content: center;
     align-items: center;
     padding-top: 2rem;
     margin-left: 0;
     position:relative;
     top:0rem;
     left: 0;
  width:100%;
  padding-top: 2rem;
  min-height: 100vh;
 }
 .uper{
  height: auto;
  background: #E1E1E1;
  margin: 0rem 0rem 2rem 5%;
  display: flex;
  flex-direction: column;
 align-items: center;
 justify-items: center;
 justify-content: space-evenly;
 position:static;
 top:20rem;
 width:355px;
 
 
 }
 .lower{
   min-height: 200vh;
  background: #E1E1E1;
  margin: 0rem 1rem 2rem 5%;
  display: flex;
  flex-direction: column;
  
  width:355px;
 
  align-items: center;
  justify-items: center;
  position:static;
  top:2rem;
  
 
 }
 .child1{
  
    width:80%;
    height:18rem ;
    background-image: url(img/picture/img\ \(58\)\ 1.png);
    margin: 0px 0px 2rem 0px;
    background-repeat: no-repeat;
    background-size:100% 100%;
    object-fit:fill;
   
}
.child2{
  height:18rem ;
    object-fit:fill;
    width:80%;
    margin: 0px 0px 2rem 0px;
    background-image: url(img/picture/img\ \(14\)\ 1.png);
    background-size:100% 100% ;
    background-repeat: no-repeat;
}
.child3{
    height :10rem;
    background-size:100% 100% ;
    object-fit:contain;
    width: 300px;
    background-image: url(img/picture/img\ \(41\)\ 1.png);
    margin: 0px 0px 2rem 0px;
    background-repeat: no-repeat;
  
}
.child4{
  height:12rem ;
    object-fit:fill;
    width:80%;
   background-image: url(img/picture/img\ \(16\)\ 2.png);
   margin: 0px 0px 2rem 0px;
   background-repeat: no-repeat;
   background-size: 100% 100%;

}
.child5{
  height:18rem ;
    object-fit:fill;
    width:80%;
    background-image: url(img/picture/img\ \(15\)\ 1.png);
    margin: 0px 0px 2rem 0px;
    background-repeat: no-repeat;
    background-size:100% 100% ;
}

.child6{
  height:18rem ;
    object-fit:fill;
    width:80%;
  background-image: url(img/picture/image96.png);
  margin: 0px 0px 2rem  0px;
  background-size:100% 100% ;
  background-repeat: no-repeat;
   
}

.real{
    background-image: url(svg\IMG9);
    height: 100vh;
    background-color:#f5f5f5;
    width:100%;
    position: relative;
    top:0rem;
}
.real h1{
    font-size: 1.0rem;
    font-family: 'Ledger';
    margin: 0rem 0rem 1rem 0px;
    padding-top: 2rem;
    text-align: center;
}
    
    .real hr{
        margin-left: 0px;;
        display: none;
    }

.txtpic{
    display: flex;
    flex-direction: column-reverse;
}
.txt1{
  
    margin: 3rem 2rem 0rem 15%;
    height:auto;
    width: 80%;
   
}
.txt1up p{
    font-family: 'Ledger';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.1em;
    height: 110px;
    width: 85%;
line-height: 12px;
margin-bottom: 5px;;
    margin-top: -2rem;
    text-align: center;

}
.txt1up:first-child p{
    margin-bottom: 10px;
}
.txt1dow p{
    
    font-family: 'Ledger';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    height: 80px;
    width: 85%;
    text-align: center;
    margin-top: -1.5rem;

}
.pic{
    height:22rem;
    width: 300px;
    background-image: url(img/img\ \(24\)\ 1.png);
    margin: 1rem 2rem 1rem 10%;
    position: relative;
    top:0rem;
    left:0rem;
    background-repeat: none;
    background-size: 100% 100%;
}
.nxt{
    background-color:#F5F5F5;
    height:2rem;
}

.nxt h1{
   
font-family: 'Marcellus SC';
font-style: normal;
font-weight: 400;
font-size:1.25rem;
line-height: 20px;
margin:0px 0px 0px 0px;
letter-spacing: 0.1em;
position: relative;
top:0px;
text-align: center;
    
}
.nxt hr{
    display: none;
}
.places{
   height:320vh;
   width:100%;
 
}
.place1{
    min-height:60vh;
    width:100%;
    margin:2rem 0rem 2rem 0%;
 
    background-repeat: no-repeat;
    background-size: 1785px 688px;
    opacity: 100%;
}
.place1 h1{
    font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 0.85rem;
line-height: 50px;
margin-left: 10%;
letter-spacing: 0.1em;

color: #2E2E2E;
}
.MW{
    display:flex;
    flex-direction:column-reverse;
}
.mwtxt{
    height:auto;
    width:80%;
    margin: 1rem 0rem 0rem 10%;
    justify-content: space-evenly;
}
.mwtxt p{
    font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 0.65rem;
line-height: 0.65rem;
letter-spacing: 0.1em;
margin-bottom: 1rem;
color: #171717;

}
.mwtxt br{
    display: none;
}
.mwtxt a{
    text-decoration: none;
    color: #000000;
    position: relative;
    top:0rem;
    margin-left: 0.5rem;
    font-size: 0.85rem;;

}
.mwtxt img{
  height: 1.2rem;
  width:1.2rem;
  margin-top: 1rem;
}
.mwpic{
    height: 20rem;
    width:305px;
    background-image: url(img/image\ 7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 10%;

}

.place2{
    min-height:70vh;
    width: 100%;
    margin:0rem 2rem 2rem 0%;
}


.jam{
    display: flex;
    flex-direction: column;
    
}
.place2 h1{
   text-align: left;
    font-family: 'Ledger';
margin-left: 10%;
font-weight: 600;
font-size: 1rem;
line-height: 0.65rem;
letter-spacing: 0.1em;
height: 2.5rem;
padding-top: 1rem;

}
.jampic{
    height: 22rem;
    width:305px;
    background-image: url(img/image\ 5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: static;
    top:0em;
    margin-left:10%;

}
.jamcont{
    width: 80%;
min-height: auto;

text-align: left;
margin-right: 1rem;
margin-top: 1rem;
}
.upjam{
    width: 100%;
height: auto;
text-align: left;
font-size:0.65rem;
font-weight: 500;
line-height: 0.85rem;
letter-spacing: 0.1em;
margin-left: 10%;
}
.downjam{
    width: 100%;
    height: auto;
    text-align: left;
    font-size:0.65rem;
    font-weight: 500;
    line-height: 0.85rem;
    letter-spacing: 0.1em;
    margin-left: 10%;
}
.place2 a{
    font-size: 0.65rem;
    text-decoration: none;
    color: #000000;
    
}
.place2 a img{
    position: relative;
    top:2rem;
    left:1rem;
}
.place2 h2{
 
    text-align: left;
    font-family: 'Ledger';
font-weight: 600;
line-height: 2rem;
position: relative;
left:2.5rem;
font-size: 0.65rem;


}
.place2 img{
    position: relative;
    left:0rem;
    top:0rem;
}


.place3{
    min-height:70vh;
    width:100vw;
    margin:0rem 2rem 2rem 0rem;
    background-image:none   ;
    background-repeat: no-repeat;
   background-color: #f7f4ea;
    
}
.place3 h1{
   height:2rem;
left: 1rem;
font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 28px;
letter-spacing: 0.1em;
margin-left: 37px;
color: #171717;
}
.stxt{
    height: 450px;
    width:80%;
    margin-left: 10%;
 
}
.saha{
    display: flex;
    flex-direction: column-reverse;
}
.saup{
    width:80%;
    height: auto;
    margin-bottom: 1rem;;
    margin-top: 2rem;
}
.sadown{
    width: 80%;;
    height: auto;
    margin-bottom:2rem;
}
.stxt p{
    
font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 0.65rem;
line-height: 0.85rem;
letter-spacing: 0.1em;

color: #171717;
}
.place3 a{
    font-size: 0.65rem;
    text-decoration: none;
    color: #000000;
  
    
}
.place3 a img{
    top:-1.5rem;
}
.place3 h2{
    font-size: 0.65rem;
    margin-left: 1.5rem;
    font-family: 'Ledger';
font-weight: 600;
position: relative;
top: -3rem;


}
.place3 img{
    position: relative;
    left:0rem;
   
    
}

.spic{
    width:305px;    
    height:20rem;
    background-image: url(img/image\ 8.png);
    background-size: 100% 100%;;
    background-repeat: no-repeat;
    margin-left:10%;
}


.place4{
    height:80vh;
    width:100%;
    margin:0rem 0rem 2rem 0rem;
    background-image: url(img/image\ 9.png);
    background-repeat: no-repeat;
    background-size: 1785px 688px;

}
.place4 h1{
    font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
/* identical to box height */
text-align: left;
letter-spacing: 0.1em;
margin-left: 10%;
color: #2E2E2E;
height: 2.5rem;
padding-top: 0.85rem;
}

.mandu{
    display: flex;
    flex-direction: column;
}
.manpic{
    background-image:url(img/image\ 10.png);
    width:305px;
    height: 20rem;
    margin-left: 10%;
    background-size: 100% 100%;
}
.mantxt{
    height: auto;
    width:80%;
    text-align: left;
    margin-left: 10%;
}
.manup{
    font-family: 'Ledger';
font-style: normal;
font-weight: 400;
font-size: 0.65rem;
line-height: 0.85rem ;
text-align: left;
letter-spacing: 0.1em;
margin-top: 2rem;;

color: #171717;
}
.mandow{
    font-family: 'Ledger';
    font-family: 'Ledger';
    font-style: normal;
    font-weight: 400;
    font-size: 0.65rem;
    line-height: 0.85rem ;
    text-align: left;
    letter-spacing: 0.1em;
    margin-top: -1rem;;
    
    color: #171717;
}
.place4 a{
    font-size: 20px;
    text-decoration: none;
    color: #000000;
    
}
.place4 h2{
    font-size: 0.65rem;
    margin-left: 0.5rem;
    font-family: 'Ledger';
font-weight: 600;
position: relative;
top: -1.5rem;
left:1rem;


}
.place4 img{
    position: relative;
    left:0rem;
   
    
}

.last{
        
    min-height: 130vh;
    width:100%;
    background-color: rgb(7, 7, 7);
    /* font-family: 'Sura', serif; */
  }
  .upp{
    display: flex;
    flex-direction:column;
  }
   
  .location {
    font-family: 'Sura', serif;
    text-align: start;
    color: white;
    margin-left:  10%;
    margin-top: 3rem;
    font-weight: lighter;
  }
  
  .location h1{
    /* font-family: 'Source Serif Pro', serif; */
      padding-bottom: 20px;
      font-size: 1.5rem; 
    }
    .location p{
      font-family: 'Source Serif Pro', serif;
      font-size: 0.85rem;
      font-weight: lighter;
    }
    @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@1,200&family=Sura&display=swap');
    .contact{
      font-family: 'Source Serif Pro', serif;
      margin-left: 10%;
      margin-top: 3rem;
      color: white;
    }
    .contact h1{
      font-weight: lighter;
      font-size: 1.0rem;
      padding-bottom: 20px;
    }
    .contact p{
      font-size: 0.85em;
      text-align:start;
      position: relative;
      top:-1rem;
    }
    .contact a{
      color: #fff;
    }
    .social 
    {
     
      width:90%;
      color: rgb(255, 255, 255);
      margin-left: 10%;
      margin-top: 2rem;
    }
    .social h1{
      margin-bottom: 0;
      font-size: 1rem;
    }
    .social a{
      align-items: start;
      color: rgb(255, 255, 255);
      text-decoration: none;
      margin-left: -2%;
    

    }
   .social i :hover{
    cursor: pointer;
   }
  
  
  .formb{
    font-family: 'Source Serif Pro', serif;
    margin-top: -4rem;
    margin-left: 20px;
    color: white;
    
    width:80%;
    
   }
   .formb h1{
    margin-left: 2rem;
    padding-top: 0px;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.42em;
    width:80%;
    font-size: 1rem;
   }
  .form2 input{
    padding: 10px 10px 10px 10px;
    background-color:rgb(53, 54, 63);
    color: #fff;
    font-size: 1.0em;
    cursor:pointer;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  .form2 {
    padding: 0.5rem;
    margin-left: 1.2rem;
    
  }
  .form2 ::placeholder{
    color: #fff;
    opacity: 50%;
    font-size: 0.65rem;
  }
  .msg-top::placeholder{
    text-align: start;
    opacity: 5px;

  }
  
  .form-col{
    display: flex;
    flex-direction: row;
    padding-right: 1.2rem;
  }
  .col{
    padding-top:  30px;
    padding-right: 10px;
  }
  .form-control3{
    padding-top: 30px;
    height: 3rem;
    width: 17rem;
 
  }
  
  .form-control1{
    padding-top: 30px;
    height: 1.2rem;
    width:8rem;
    padding: 10px;

  }
  .form-control2{
    padding-top: 30px;
    height: 1.2rem;
    width:7rem;
    
  }
  .msg-top{
    padding-top: 30px;
  
  }
  .submit input{
    font-family: 'Source Serif Pro', serif;
    background-color:rgb(99, 94, 135);
    color: white;
    margin-left: 200px;
    margin-top: 10px;
    cursor: pointer;

  }
  .submit :hover{
    cursor: pointer;  
  }
  .credit{
    width: 350px;
    padding-top: 20px;
    padding-left: 0px;
  
  }
  .credit .mark  {
    font-family: 'Source Serif Pro', serif;
   

  }
  .credit p {
    font-family: 'Style Script', cursive;
letter-spacing: 0.1rem;
    font-size: 0.8em;     
  }
  .credit a{
   
    font-family: 'Source Serif Pro', serif;
    font-size: 1em;     
  }
  .form-control1
  .form-control2
  {
    font-family: 'Source Serif Pro', serif;
    color: #fff;
  }
  .credit span{
    margin-right: 0.25rem;
  }
  


}