*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
:root {
    /* --lm-bg: hsl(0, 0%, 96%);
    --lm-bg-content: #fefefe;
    --lm-text: rgba(0, 0, 0, 0);
    --lm-text-alt: #2b3442;
    --lm-shadow: 0px 10px 10px 10px rgba(70, 96, 187, 0.2);
    --lm-shadow-inactive: 0px 16px 30px -10px rgba(0, 0, 0, 0.2);
    --lm-name:#050b23;
    --lm-name1:#050b23;
    --lm-role:#252529;
    --lm-pro:hsl(0, 0%, 96%); */
    --lm-cur-text:rgb(241,64,8);
    --lm-slider-text:#D3DDEF;
    --lm-icon-col:#D3DDEF;
    --lm-hov-change:rgb(241,64,8);
    --lm-nav-text:#D3DDEF;
    --lm-text-head:rgba(256,256,256,0.8);
      --lm-grad: linear-gradient(90deg, rgba(241,64,8,1) 13%, rgba(21,11,64,1) 97%);
    --lm-icon-bg: brightness(100%);
    --lm-slide-bg:rgba(255,255,255,0.1);
    --lm-hr-color:rgb(241,64,8);
    --lm-bg-sec:#050505;
    --lm-card-bg:rgba(0,0,0,0.5);
    --lm-btn-bd:rgba(255,255,255,0.4);
    /* Btn */
    /* --btn: #0079ff;
    --btn-hover: #60abff;


    --d: 2500ms;
    --angle: 90deg;
    --gradX: 100%;
    --gradY: 50%;
    --c1: rgba(168, 239, 255, 1);
    --c2: rgba(117, 153, 161, 0.1); */
  }


html,body{
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    padding: 0; 
    background-color: var(--lm-bg-sec);
      
}
#wrapper{
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
    position: relative;
}
.slider-container-mobile{
    display: none;
}

.img-half{
position: absolute;
z-index: 10;
margin-top: 30rem;
height: 500px;
margin-left: -16rem;
filter: brightness(50%);
}

#home{
 background-image: url('bg-image.png');
 height:100vh;
 width: 100vw;

 min-width: 100vw;
 position: relative;

 background-size: cover; 
 background-repeat: no-repeat; 
 z-index: 10;

}

.container{
    height: 100vh;
    width: 100vw;
    min-width: 1500px;
    
    position: relative;
   
    background-size: cover; 
    background-repeat: no-repeat; 
  
}
.hero-section{
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto
    
}

.container .imgg{
    display: block;
   margin-left: 75%;
    height: 755px;
    animation-name: spin;
  animation-duration: 8000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  position: absolute;

  

}



.img-wheel-mobile{
    display: none;
}
.navbar{
    color: var(--lm-nav-text);
   
    width: 100vw;
    display: flex;
   
    
    justify-content: center;
    align-items: center;
    gap: 100px;
    margin-top: 2rem;
   

}

.navbar-mobile{
    background-color: var(--lm-cur-text);
    display: none;
   

}

.text{
    cursor: pointer;
    color: var(--lm-nav-text);
 

}
.textc{
    cursor: pointer;
    color: var(--lm-cur-text);
}

.sec-1{
    display: flex;
    gap: 60px;
    font-family: 'Salsa', cursive;
 
}

.sec-2{
    display: flex;
    gap:15px;
    justify-content: center;
    align-items: center;
    font-family: 'Inter',sans-serif;

}


.dark-light{
    border-radius: 100%;
    /* background-color: var(--lm-cur-text); */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--lm-nav-text);
    padding: 8px;
    font-size: 15px;
    cursor: pointer;

   
}


.button{
  
    background:var(--lm-cur-text);
    border-radius: 130.28px;
     
    cursor: pointer;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.button-1{
  
    border-radius: 109.28px;
    background: var(--lm-cur-text);
    background:var(--lm-cur-text);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    display: flex;
color: var(--lm-nav-text);
    
    padding-left: 30px;
    font-family: 'Salsa',sans-serif;
}

.button-2{
    background: transparent;
     border-radius: 109.28px;
     color: var(--lm-nav-text);
     cursor: pointer;
     justify-content: center;
     align-items: center;
     font-size: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 25px;
     border: 1px solid var(--lm-btn-bd);
     padding-left: 25px;
     font-family: 'Salsa',sans-serif;
 }

.home-section{
    width: 60vw;
    display: flex;
    padding-left: 120px;
    flex-direction: column;
   
    color: #D3DDEF;
    height: 100vh;
  
    
  
}

.left{
    font-family: 'Cinzel', serif;
    margin-top: 8rem;
    
}

.text-1{
    font-size: 38px;
    font-family: 'Cinzel', serif;
    padding: 10px;
    color: var(--lm-nav-text) ;
}

.text-1 span{
    font-size: 55px;
    color: var(--lm-cur-text);
}
.logo{
    display: none;
}

.button-container{
    display: flex;
    min-width: 44vw;
    gap: 30px;
}


.section-2{
    background-color: var(--lm-bg-sec);
  

}
.content{
    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 40px;
    gap: 20px;
   
}

.text-head{
     font-size: 30px;
     color: var(--lm-nav-text);
     font-family: 'Cinzel', serif;
}

.text-head span{
    color: var(--lm-cur-text);
}

.text-subhead{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
    text-align: center;
    font-weight: lighter;
    opacity: 80;

}

.img-container
{
    display: grid;
    padding-top: 50px;
    margin-left: 50px;
    width: 100%;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
     
}
.sign{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--lm-nav-text);
    text-align: center;
}
.img-container img{
    width: 180px;
}

.content-3{
    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 0px;
    gap: 20px;
   
}

.img-container-3{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 70px;
    gap: 5rem;
    border-left: 2px solid rgba(196,196,196,0.5);
    

}

.box{
    display: flex;
    flex-direction: row;
     
    justify-content: center;
    align-items: center;
    gap: 100px;
    
 
}

.box-mobile{
    display: none;
}

.time-dot{
    margin-left: -6rem;
}
.time-dot-mobile{
    display: none;
}
.leftt{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 558px;
    
}
.rightt{
    width: 430px;
}


.button-container-1{
    width: 11vw;
    color: var(--lm-nav-text);
    padding-top: 15px;
    padding-bottom: 15px;

}

.text-headd{
    font-size:30px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
}

.text-headd span{

    color: var(--lm-cur-text);
  
}

.text-head-1{
    color: var(--lm-nav-text);
    font-size: 18px;
    opacity: 80;
    
    font-family: 'Salsa',sans-serif;
}

.text-subhead-1{
    font-size: 18px;
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
    width: 30vw;
    line-height: 3rem;
   
    opacity: 80;

}
#services{
    background-image: url('section-4bg.png');
}


.section-4{
   
    background-size: cover; 
    background-repeat: no-repeat; 
    width: 100vw;
}


.content-4{
    

    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 30px;
    gap: 20px;
   
}


.img-container-4{
    display: flex;

    width: 100%;
    padding: 20px;
    gap:12px;
  
    

}

.card-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:  var(--lm-card-bg);
    width: 25vw;
     gap: 20px;
     padding: 20px;
    
}

/* 
.card-11{
   width: 25vw;
   background-color:  rgba(0, 0, 0, 0.5);
    height: 58vh;
} */

.astro
{
    display: flex;
    flex-direction: column;
       margin-top: 2rem;
    align-items: center;
    background-color:  rgba(0, 0, 0, 0.5);
    width: 100%;
     gap: 10px;
     padding: 10px;
}

.mr{
    margin-top:-10rem;
}

.hr{
    margin-top: 2rem;
}

.text-head-2{
    color: var(--lm-text-head);
    font-size: 15px;
    opacity: 80;
    
    font-family: 'Salsa',sans-serif;
}

.text-head-c {
    font-size: 25px;
    color: var(--lm-hr-color);
    font-family: 'Cinzel', serif;
}

hr.new1 {
    border-top: 1px solid var(--lm-hr-color);
    width: 100%;
  }
  
  hr.new3 {
    width: 100%;
    border-top: 1px dotted var(--lm-hr-color);
  }

    .section-5{
        width: 100vw;
        background-color: var(--lm-bg-sec);
    }


    .content-5{
        display: flex;
        flex-direction: column;
        width: 80vw;
        margin: auto;
        justify-content: center;
        align-items: center;
        
        padding: 30px;
        gap: 20px;
    }

    .img-container-5{
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        padding: 20px;
    }

    .img-container-5 img{
        width: 200px;
    }

    .footer{
        padding: 20px;
        display: grid;
        grid-template-columns: 1.5fr 1.5fr 1.5fr;

    }

    
.part{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
    .part-1{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 10px;
    }
    .part-2
    {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 10px;
        justify-content: flex-start;



    }

    .part-3
    {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 10px;
        

    }
    .part-4
    {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 10px;
        justify-content: flex-start;
        

    }

    .text-head-5{
        font-size: 20px;
        color: var(--lm-nav-text);
        font-family: 'Cinzel', serif;
   }
   .text-head-5-main{
    font-size: 25px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
}

   
   .text-head-5-main span{
       color: var(--lm-cur-text);
   }
      
   .text-head-5 span{
    color: var(--lm-cur-text);
}
   
   .text-subhead-5{
       font-size: 12px;
       color: var(--lm-nav-text);
       font-family: 'Salsa',sans-serif;
       
       font-weight: lighter;
       opacity: 80;
   
   }
   .text-subhead-5 span{
    color: var(--lm-cur-text);

   

}

   .buttons{
    display: flex;
    flex-direction: column;
    width: 11vw;
    gap: 10px;
   }
   input{
    border-radius: 10px;
   
    background-color: transparent;
    border: 2px solid rgba(196,196,196,0.5);
    width: 15vw;
   }

    .section-6{
        background-color: var(--lm-bg-sec);
        padding: 60px;
        text-align: center;
    }

    .leftt{
        
        color: var(--lm-nav-text);
        font-family: 'Salsa',sans-serif;
       
       
       
        opacity: 80;
    

    }

    .section-contact{
                   display: flex;
                   flex-direction: column;
                   
    }

    .content-contact

    {
        
  
        display: flex;
        flex-direction: column;
        width: 60vw;
        margin: auto;
        justify-content: center;
        align-items: center;
        
        padding: 30px;
        gap: 100px;
        padding-bottom: 100px;
    }

    
    .holder{
     display: grid;
     grid-template-columns: 1.5fr 1.5fr;
      gap: 20px;
    

    }

    .subheading
    {
         
            font-size: 15px;
            color: var(--lm-nav-text);
            font-family: 'Salsa',sans-serif;
            text-align: center;
            font-weight: lighter;
            opacity: 80;
        
        
    }
    /* .subheading span{
        color: 
    } */

    .side-1

    {
        color: white;
        padding: 20px;
        
        background-color: transparent;
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       border-radius: 10px;
       /* border: 2px solid #30363D; */
       box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
    gap: 10px;

    }

    .side-2

    {
        color: white;
        padding: 20px;
        
        background-color: transparent;
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
    border-radius: 10px;
    /* border: 2px solid #30363D; */
    box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
    gap: 10px;

    }


    .icon-container{
        display: grid;
        grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr;
        gap: 20px;
        color: var(--lm-icon-col);
        font-size: 25px;
        cursor: pointer;

    }

    .icon-container i:hover{
        color: var(--lm-hov-change);
        transition: all 0.5s ease;
    }

  

  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    
/* .img-half{
    position: absolute;
    z-index: 10;
    margin-top: 30rem;
    height: 500px;
    margin-left: -5rem;
    filter: brightness(50%);
    } */
    
    #home{
        height:100vh;
        width: 100vw;

        min-width: 100vw;
        position: relative;
     
        background-size: cover; 
        background-repeat: no-repeat; 
        z-index: 10;

        background-image: url('bg-image.png');
       }
    .container{
        height:100vh;
        width: 100vw;

        min-width: 100vw;
        position: relative;
     
        background-size: cover; 
        background-repeat: no-repeat; 
        z-index: 10;

      
    }
    .hero-section{
        display: flex;
        height: 100vh;

        flex-direction: column;
        position: relative;
        margin: auto;
        
    }
    .img-wheel-mobile{
        display: block;
        width: 250px;
    }

    
    .img-wheel{
        display: none;
    }
    .navbar{
        color: var(--lm-nav-text);
       
        width: 60vw;
        display: flex;
       
        margin: auto;
        justify-content: center;
        align-items: center;
        gap: 100px;
        margin-top: 2rem;
        display: none;
       width: 20%;
    
    }

    .navbar-mobile{
        display: block;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .icon{

       font-size: 25px;
       font-weight: inherit;
       color: white;
    }
    
    .text{
        cursor: pointer;
        color: var(--lm-nav-text);
     
    
    }
    .textc{
        cursor: pointer;
        color: var(--lm-cur-text);
    }
    
    .sec-1{
        display: flex;
        gap: 60px;
        font-family: 'Salsa', cursive;
     
    }
    
    .sec-2{
        display: flex;
        gap:15px;
        justify-content: center;
        align-items: center;
        font-family: 'Inter',sans-serif;
    
    }
    
    .dark-light{
        border-radius: 100%;
        /* backgro
        und-color: var(--lm-cur-text); */
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--lm-nav-text);
        padding: 8px;
        font-size: 15px;
        cursor: pointer;
    
       
    }
    
    #btn-mode-mobile
    {
        

    border-radius: 100%;
    /* background-color: var(--lm-cur-text); */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
    padding: 8px;
    font-size: 15px;
    cursor: pointer;



    }
    .button{
        background: var(--lm-cur-text);
        background:var(--lm-cur-text);
        border-radius: 130.28px;
        
        cursor: pointer;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bolder;
        padding-right: 20px;
        padding-left: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .button-1{
      
        border-radius: 109.28px;
        background: var(--lm-cur-text);
        background:var(--lm-cur-text);
        cursor: pointer;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 30px;
        display: flex;
    color: var(--lm-nav-text);
        
        padding-left: 30px;
        font-family: 'Salsa',sans-serif;
    }
    
    .button-2{
        background: transparent;
         border-radius: 109.28px;
         color: var(--lm-nav-text);
         cursor: pointer;
         justify-content: center;
         align-items: center;
         font-size: 15px;
         padding-top: 10px;
         padding-bottom: 10px;
         padding-right: 25px;
         border: 1px solid var(--lm-btn-bd);
         padding-left: 25px;
         font-family: 'Salsa',sans-serif;
     }
    
    .home-section{
        width: 100vw;
        height: 100vh;
        display: flex;
       padding: 10px;
        flex-direction: column;
     
    
        gap: 0.5rem;
        color: #D3DDEF;
      
        align-items: center;
        height: 100%;
        margin: auto;
        
      
    }
    
    .left{
        font-family: 'Cinzel', serif;
        width: 100vw;
        text-align: center;
        margin-top: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        padding: 15px;
   
        
    }

    .img-wheel{
        padding: 20px;
     width: 200px;
     display: none;
    }
    
    .text-1{
        font-size: 20px;
        font-family: 'Cinzel', serif;
        padding: 10px;
    }
    
    .text-1 span{
        font-size: 28px;
        color: var(--lm-cur-text);
    }
    
    .button-container{
        display: flex;
        margin: auto;
        flex-direction: column;
        width: 60%;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    .logo{
        display: block;
    }
.section-2{
    background-color: var(--lm-bg-sec);
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content{
    display: flex;
    flex-direction: column;
    width: 100vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    gap: 20px;
   
}

.text-head{
     font-size:25px;
     color: var(--lm-nav-text);
     font-family: 'Cinzel', serif;
}

.text-head span{
    color: var(--lm-cur-text);
}

.text-subhead{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
    text-align: center;
    font-weight: lighter;
    opacity: 80;

}

.img-container
{
    display: grid;
  padding: 20px;
  margin-left: 2px;
  
    width: 100vw;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
     
}

.img-container img{
    
}

.sign p{
    text-align: center;
   
    color: var(--lm-nav-text);
}

    
    
    .content-3{
        display: flex;
        flex-direction: column;
        width: 100vw;
        margin: auto;
        justify-content: center;
        align-items: center;
        
        padding: 30px;
        gap: 10px;
       
    }

    .text-subhead{
        padding: 8px;
        font-size:15px;
        color: var(--lm-nav-text);

    }
    
    .img-container-3{
        display: flex;
        flex-direction: column;
        width: 100vw;
        padding: 10px;
       gap: 0rem;
      
        
        
    
    }
    
    .box{
        display: flex;
        flex-direction: column;
      
        gap: 20px;
         position: relative;
        border-left: 3px solid rgba(196,196,196,1);
    }
    #dot-1
    {
        margin-bottom: 40rem;
        margin-left:-16.5rem;
    }
    #dot-2
    {
        margin-left:-1.1rem;
        margin-top: 2rem;
    }
    
    
    .time-dot{
        display: none;
    }
    .time-dot-mobile{
       
        display: block;
        position: absolute;

       width: 15%;
    }

    .box-mobile{
        display: block;
    }

    .box-mobile .rightt{
        width: 100vw;
    }

    .box-all{
        display: none;
    }
    .leftt{
        display: flex;
        flex-direction: column;
        gap: 2px;
      
        width: 100vw;
        padding: 20px;
      
        
    }

    .text-headd{
        font-size:20px;
        color: var(--lm-nav-text);
        font-family: 'Cinzel', serif;
        padding: 10px;
   }
   .text-headd span{
    color: var(--lm-cur-text);
   }
    .rightt{
        width: 100vw;
        padding: 10px;
    }

    

    .text-head-1{
        padding: 10px;
         font-size: 14px;
         color: var(--lm-nav-text);
       
        
    }
    .text-subhead-1{
        font-size: 12px;
        color: var(--lm-nav-text);
        font-family: 'Salsa',sans-serif;
        width: 90vw;
        line-height: 1.5rem;
       padding: 10px;
        opacity: 80;

    
    }
    .button-container-1{
        width:60%;
    }

    .text-head{
        text-align: center;
        padding: 6px;
    }
    
    #services{
        background-image: url('section-4bg.png');
    }
.section-4{
   
    background-size: cover; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat; 
}


.content-4{
    

    display: flex;
    flex-direction: column;
    width: 100vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    gap: 20px;
   
}


.img-container-4{
    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
    width: 100%;
    padding: 10px;
    gap:12px;
  
}
.sign{
    color: var(--lm-nav-text);
}

.card-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:  var(--lm-card-bg);
    width: 100%;
     gap: 10px;
     padding: 10px;
    
}



.text-head-2{
    color: var(--lm-text-head);
    font-size: 15px;
    opacity: 80;
    
    font-family: 'Salsa',sans-serif;
}

.text-head-c {
    font-size: 20px;
    color: var(--lm-hr-color);
    font-family: 'Cinzel', serif;
}


.section-5{
    width: 100vw;
    background-color: var(--lm-bg-sec);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}


.content-5{
    display: flex;
    flex-direction: column;
    width: 100vw;
   
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    gap: 20px;
}

.img-container-5{
    display: grid;
    grid-template-rows: 1.5fr 1.5fr 1.5fr;
    grid-template-columns: 1.5fr 1.5fr;
    gap: 10px;
    padding: 10px;
}




.img-1{
  background-image: url('');
}


.section-6{
    background-color: var(--lm-bg-sec);
    padding: 10px;
    text-align: center;
}

.leftt{
    
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
   
   
   
    opacity: 80;

}


.slider-container-mobile {
    display: block;
    position: relative;
    width: 85vw;
    /* Adjust the max-width as needed */
    margin: auto;
    overflow: hidden;
  
}

.slidess {
    display: flex;
    gap: 20px;
    
    transition: transform 0.5s ease-in-out;
}

.slidee {
    min-width: 100%; 
    box-sizing: border-box;
   display: flex;
   flex-direction: column;
    background-color: var(--lm-slide-bg);
   gap: 0rem;
    border-radius: 20px;
    border: 2px solid #30363D;
}

.slidee .righttt-mobile{
    display: flex;
    justify-content: center;
    align-items: center;
}
.slidee .righttt-mobile img {
    width: 30%;
    height: auto;

    
}

.slider-dotss {
    text-align: center;
    margin-top: 10px;
   
}

.dott {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.dott.active {
    background-color: var(--lm-cur-text);
}

.lefttt-mobile{
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    
    color: var(--lm-slider-text);
    font-family: 'Salsa',sans-serif;
    justify-content: center;
    align-items: center;
    overflow: auto;
    gap: 20px;
   padding: 10px;
}

.slider-container{
    display: none;
}
.footer{
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.part-1{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    padding: 10px;
    
}

.part{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.part-2
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
    justify-content: flex-start;



}

.part-3
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    

}
.part-4
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
    justify-content: flex-start;
    

}

.text-head-5{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
}
.text-head-5-main{
font-size: 25px;
color: var(--lm-nav-text);
font-family: 'Cinzel', serif;
width: 100%;
}


.text-head-5-main span{
   color: var(--lm-cur-text);
}
  
.text-head-5 span{
color: var(--lm-cur-text);
}

.text-subhead-5{
   font-size: 12px;
   color: var(--lm-nav-text);
   font-family: 'Salsa',sans-serif;
   
   font-weight: lighter;
   opacity: 80;
   width: 100%;

}
.text-subhead-5 span{
color: var(--lm-cur-text);



}

.buttons{
display: flex;
flex-direction: column;
width: 60vw;
gap: 10px;
}
#placeholder
{
    width: 75vw;
    padding: 0px;
    display: block;
}
input{
border-radius: 10px;

background-color: transparent;
border: 2px solid rgba(196,196,196,0.5);
width: 100%;
}

.section-contact{
    display: flex;
    flex-direction: column;
    
}
.content-contact

{
    

    display: flex;
    flex-direction: column;
    width: 60vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 30px;
    gap: 100px;

}



.holder{
display: grid;
grid-template-rows: 1.5fr 1.5fr;
grid-template-columns: 1fr;


}

.subheading
{

font-size: 15px;
color: var(--lm-nav-text);
font-family: 'Salsa',sans-serif;
text-align: center;
font-weight: lighter;
opacity: 80;


}
/* .subheading span{
color: 
} */

.side-1

{
    color: white;
    padding: 20px;
    
    background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   border-radius: 10px;
   /* border: 2px solid #30363D; */
   box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
gap: 10px;

}

.side-2

{
    color: white;
    padding: 20px;
    
    background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
border-radius: 10px;
/* border: 2px solid #30363D; */
box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
gap: 10px;

}


  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 601px) and (max-width:1250px){
    
    #home{
        height:100vh;
        width: 100vw;

        min-width: 100vw;
        position: relative;
     
        background-size: cover; 
        background-repeat: no-repeat; 
        z-index: 10;

        background-image: url('bg-image.png');
       }
   
.container{
    height: 100vh;
    width: 100vw;
    min-width: 1500px;
    
    position: relative;
    /* background-image: url('bg-image.png'); */
    background-size: cover; 
    background-repeat: no-repeat; 
  
}
.hero-section{
    display: flex;
    flex-direction: column;
    position: relative;
   width: 100%;
    
}

.container .imgg{
    display: block;
   margin-left: 72rem;
    height: 755px;
    animation-name: spin;
  animation-duration: 8000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  position: absolute;

  

}


.img-wheel-mobile{
    display: none;
}
.navbar{
    color: var(--lm-nav-text);
   
    width: 100vw;
    display: flex;
   
   margin: 0;
    gap: 100px;
    margin-top: 2rem;
   

}

.text-headd-5-main{
    font-size: 25px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
    
    }
    
    
    .text-headd-5-main span{
       color: var(--lm-cur-text);
    }
     

.navbar-mobile{
    background-color: var(--lm-cur-text);
    display: none;
   

}

.text{
    cursor: pointer;
    color: var(--lm-nav-text);
 

}
.textc{
    cursor: pointer;
    color: var(--lm-cur-text);
}

.sec-1{
    display: flex;
    gap: 20px;
    font-family: 'Salsa', cursive;
 
}

.sec-2{
    display: flex;
    gap:15px;
    justify-content: center;
    align-items: center;
    font-family: 'Inter',sans-serif;

}

.dark-light{
    border-radius: 100%;
    /* background-color: var(--lm-cur-text); */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--lm-nav-text);
    padding: 8px;
    font-size: 15px;
    cursor: pointer;

   
}

.button{
    background: var(--lm-cur-text);
    background:var(--lm-cur-text);
    border-radius: 130.28px;
    
    cursor: pointer;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-1{
  
    border-radius: 109.28px;
    background: var(--lm-cur-text);
    background:var(--lm-cur-text);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    display: flex;

    
    padding-left: 30px;
    font-family: 'Salsa',sans-serif;
}

.button-2{
    background: transparent;
     border-radius: 109.28px;
     color: var(--lm-nav-text);
     cursor: pointer;
     justify-content: center;
     align-items: center;
     font-size: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 25px;
     border: 1px solid var(--lm-btn-bd);
     padding-left: 25px;
     font-family: 'Salsa',sans-serif;
 }

.home-section{
    width: 100vw;
    display: flex;
    padding-left: 120px;
    flex-direction: column;
   
    color: #D3DDEF;
    height: 100vh;
  
    
  
}

.left{
    font-family: 'Cinzel', serif;
    margin-top: 8rem;
    
}

.text-1{
    font-size: 29px;
    font-family: 'Cinzel', serif;
    padding: 10px;
}

.text-1 span{
    font-size: 44px;
    color: var(--lm-cur-text);
}
.logo{
    display: none;
}

.button-container{
    display: flex;
    min-width: 60vw;
    gap: 30px;
}


    
.section-2{
    background-color: var(--lm-bg-sec);
    
}
.content{
    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 40px;
    gap: 20px;
   
}

.text-head{
     font-size: 30px;
     color: var(--lm-nav-text);
     font-family: 'Cinzel', serif;
}

.text-head span{
    color: var(--lm-cur-text);
}

.text-subhead{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
    text-align: center;
    font-weight: lighter;
    opacity: 80;
    padding: 10px;

}

.img-container
{
    display: grid;
    padding-top: 50px;
    margin-left: 50px;
    width: 100%;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
     
}
.sign{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--lm-nav-text);
    text-align: center;
}
    
   

    /* .text-subhead{
        padding: 8px;
        font-size:15px ;

    } */
    

  
    #dot-1
    {
        margin-bottom: 40rem;
        margin-left:-16.5rem;
    }
    #dot-2
    {
        margin-left:-1.1rem;
        margin-top: 2rem;
    }
    
    
    .time-dot{
        display: none;
    }
    .time-dot-mobile{
       
        display: block;
        position: absolute;

       width: 15%;
       display: none;
    }

    

   

    .box-all{
        display: block;
    }
  

    
 

    
.content-3{
    display: flex;
    flex-direction: column;
    width: 90vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 0px;
    gap: 20px;
   
}

.img-container-3{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 70px;
    gap: 5rem;
    border-left: 2px solid rgba(196,196,196,0.5);
    

}

.box{
    display: flex;
    flex-direction: row;
     
    justify-content: center;
    align-items: center;
    gap: 50px;
    
 
}

.box-mobile{
    display: none;
}



.leftt{
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 558px;
    min-width: 300px;
   padding: 10px;
    
}
.rightt{
    max-width: 420px;
    min-width: 200px;
}


.button-container-1{
    min-width: 30vw;
    
    color: var(--lm-nav-text);
    padding-top: 15px;
    padding-bottom: 15px;

}

.text-headd{
    font-size:25px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
}

.text-headd span{

    color: var(--lm-cur-text);
  
}

.text-head-1{
    color: var(--lm-nav-text);
    font-size: 18px;
    opacity: 80;
    
    font-family: 'Salsa',sans-serif;
}

.text-subhead-1{
    font-size: 18px;
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
    width: 30vw;
    line-height: 1.5rem;
   
    opacity: 80;

}

#services{
    background-image: url('section-4bg.png');
}
    
.section-4{
   
    background-size: cover; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat; 
}


.content-4{
    

    display: flex;
    flex-direction: column;
    width: 100vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    gap: 20px;
   
}




.img-container-4{
    display: flex;

    width: 100%;
    padding: 20px;
    gap:12px;
  
    

}
.sign{
    color: var(--lm-nav-text);
}
.card-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:  var(--lm-card-bg);
    width: 25vw;
     gap: 20px;
     padding: 20px;
    
}


/* .card-1 .img{
    
} */

.text-head-2{
    color: var(--lm-text-head);
    font-size: 15px;
    opacity: 80;
    
    font-family: 'Salsa',sans-serif;
}


.text-head-c {
    font-size: 25px;
    color: var(--lm-hr-color);
    font-family: 'Cinzel', serif;
}

hr.new1 {
    border-top: 1px solid var(--lm-hr-color);
    width: 100%;
  }
  
  hr.new3 {
    width: 100%;
    border-top: 1px dotted var(--lm-hr-color);
  }


.section-5{
    width: 100vw;
    background-color: var(--lm-bg-sec);
    
    
}


.content-5{
    display: flex;
    flex-direction: column;
    width: 80vw;
   
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    gap: 20px;
    padding: 30px;
}

.img-container-5{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
}





.slider-container-mobile{
    display: none;
}
.section-6{
    background-color: var(--lm-bg-sec);
    padding: 10px;
    text-align: center;
}

.leftt{
    
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
   
   
   
    opacity: 80;

}



.slider-container {
    position: relative;
    width: 85vw;
    /* Adjust the max-width as needed */
    margin: auto;
    overflow: hidden;
}

.slides {
    display: flex;
    gap: 20px;
    
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 48.5%; 
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--lm-slide-bg);
   
    border-radius: 20px;
    border: 2px solid #30363D;
}

.slide .righttt{
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide .righttt img {
    width: 90%;
    height: auto;
    
}

.slider-dots {
    text-align: center;
    margin-top: 10px;
   
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.dot.active {
    background-color: var(--lm-cur-text);
}

.lefttt{
    width: 90%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    
    color: var(--lm-slider-text);
    font-family: 'Salsa',sans-serif;
    justify-content: center;
    align-items: center;
    
    gap: 20px;
   
}
.section-contact{
    display: flex;
    flex-direction: column;
    
}

.content-contact

{
    

    display: flex;
    flex-direction: column;
    width: 60vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    
    padding: 30px;
    gap: 100px;
    padding-bottom: 100px;
}


.holder{
display: grid;
grid-template-columns: 1.5fr 1.5fr;

gap: 30px;


}

.subheading
{

font-size: 15px;
color: var(--lm-nav-text);
font-family: 'Salsa',sans-serif;
text-align: center;
font-weight: lighter;
opacity: 80;


}
/* .subheading span{
color: 
} */

.side-1

{
    color: white;
    padding: 20px;
    
    background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   border-radius: 10px;
   /* border: 2px solid #30363D; */
   box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
gap: 10px;

}

.side-2

{
    color: white;
    padding: 20px;
    
    background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
border-radius: 10px;
/* border: 2px solid #30363D; */
box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.05);
gap: 10px;

}




.footer{
    padding: 20px;
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1.5fr;

}


.part{
display: grid;
grid-template-columns: 1fr 1fr;
}
.part-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 10px;
}
.part-2
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
    justify-content: flex-start;



}

.part-3
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    

}
.part-4
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
    justify-content: flex-start;
    

}

.text-head-5{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
}
.text-head-5-main{
font-size: 25px;
color: var(--lm-nav-text);
font-family: 'Cinzel', serif;
}


.text-head-5-main span{
   color: var(--lm-cur-text);
}
  
.text-head-5 span{
color: var(--lm-cur-text);
}

.text-subhead-5{
   font-size: 12px;
   color: var(--lm-nav-text);
   font-family: 'Salsa',sans-serif;
   
   font-weight: lighter;
   opacity: 80;

}
.text-subhead-5 span{
color: var(--lm-cur-text);



}

.buttons{
display: flex;
flex-direction: column;
width: 22vw;
gap: 10px;
}
input{
border-radius: 10px;

background-color: transparent;
border: 2px solid rgba(196,196,196,0.5);
width: 22vw;
}

.section-6{
    background-color: var(--lm-bg-sec);
    padding: 80px;
    text-align: center;
}

.leftt{
    
    color: var(--lm-nav-text);
    font-family: 'Salsa',sans-serif;
   
   
   
    opacity: 80;

}

.icon-container{
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr;
    gap: 20px;
    color: var(--lm-icon-col);
    font-size: 25px;
    cursor: pointer;

}

.icon-container i:hover{
    color: var(--lm-hov-change);
    transition: all 0.5s ease;
}

  }
  





@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.slider-container {
    position: relative;
    width: 85vw;
    /* Adjust the max-width as needed */
    margin: auto;
    overflow: hidden;
}

.slides {
    display: flex;
    gap: 20px;
    
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 48.5%; 
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--lm-slide-bg);
   
    border-radius: 20px;
    border: 2px solid #30363D;
}

.slide .righttt{
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide .righttt img {
    width: 90%;
    height: auto;
    
}

.slider-dots {
    text-align: center;
    margin-top: 10px;
   
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.dot.active {
    background-color: var(--lm-cur-text);
}

.lefttt{
    width: 90%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    
    color: var(--lm-slider-text);
    font-family: 'Salsa',sans-serif;
    justify-content: center;
    align-items: center;
    
    gap: 20px;
   
}

/* .slider-container-mobile{
  display: none;
} */
.text-headd-5-main{
    font-size: 25px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
    
    }
    
    
    .text-headd-5-main span{
       color: var(--lm-cur-text);
    }
     

    @media only screen and (min-width:601px) and (max-width:900px) {
        
        
        
.container{
    height: 100vh;
    width: 100vw;
    min-width: 1500px;
    
    position: relative;
    background-image: url('bg-image.png');
    background-size: cover; 
    background-repeat: no-repeat; 
  
}
.hero-section{
    display: flex;
    flex-direction: column;
    position: relative;
   width: 100%;
    
}

.container .imgg{
    display: block;
   margin-left: 72rem;
    height: 755px;
    animation-name: spin;
  animation-duration: 8000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  position: absolute;

  

}


.img-wheel-mobile{
    display: none;
}
.navbar{
    color: var(--lm-nav-text);
   
    width: 100vw;
    display: flex;
   padding: 0px;
   
   margin: 0;
    gap: 30px;
    margin-top: 2rem;
   

}

.text-headd-5-main{
    font-size: 20px;
    color: var(--lm-nav-text);
    font-family: 'Cinzel', serif;
    
    }
    
    
    .text-headd-5-main span{
       color: var(--lm-cur-text);
    }
     

.navbar-mobile{
    background-color: var(--lm-cur-text);
    display: none;
   

}

.text{
    cursor: pointer;
    color: var(--lm-nav-text);
 

}
.textc{
    cursor: pointer;
    color: var(--lm-cur-text);
}

.sec-1{
    display: flex;
    gap: 10px;
    font-family: 'Salsa', cursive;
 
}

.sec-2{
    display: flex;
    gap:15px;
    justify-content: center;
    align-items: center;
    font-family: 'Inter',sans-serif;

}


.dark-light{
    border-radius: 100%;
    /* background-color: var(--lm-cur-text); */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--lm-nav-text);
    padding: 8px;
    font-size: 15px;
    cursor: pointer;

   
}

.button{
    background: var(--lm-cur-text);
    background:var(--lm-cur-text);
    border-radius: 130.28px;
    
    cursor: pointer;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-1{
  
    border-radius: 109.28px;
    background: var(--lm-cur-text);
    background:var(--lm-cur-text);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    display: flex;

    
    padding-left: 30px;
    font-family: 'Salsa',sans-serif;
}

.button-2{
    background: transparent;
     border-radius: 109.28px;
   color: var(--lm-nav-text);
     cursor: pointer;
     justify-content: center;
     align-items: center;
     font-size: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 25px;
     border: 1px solid var(--lm-btn-bd);
     padding-left: 25px;
     font-family: 'Salsa',sans-serif;
 }
    
 .home-section{
    width: 100vw;
    display: flex;
  padding-left: 20px;
    flex-direction: column;
   
    color: #D3DDEF;
    height: 100vh;
  
    
  
}

.left{
    font-family: 'Cinzel', serif;
    margin-top: 8rem;
    
}

.text-1{
    font-size: 29px;
    font-family: 'Cinzel', serif;
    padding: 10px;
}

.text-1 span{
    font-size: 44px;
    color: var(--lm-cur-text);
}
.logo{
    display: none;
}

.button-container{
    display: flex;
    min-width: 60vw;
    gap: 30px;
}
    }