*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Playfair Display", serif;
}

p {
    font-family: Inter;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Jura, sans-serif;
}


.discover-main {
    height: 110vh;
    width: 100%;
    background-image: url(./assets/project-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
}

.discover-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* align-items: center; */
}

.discover-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}

.discover-heading h1 {
    font-family: Jura;
    font-weight: 600;
    font-size: 64px;
    line-height: 62.72px;
    letter-spacing: 0%;
    color: white;
}


.discover-heading span {
    font-family: Jura;
    font-weight: 600;
    font-size: 64px;
    line-height: 62.72px;
    letter-spacing: 0%;
    color: white;
}

.discover-heading {
    display: flex;
    margin-top: 207px;
    flex-direction: column;
    gap:15px;
}
.discover-sec2-main
{
    width: 100%;
    display: flex;
    flex-direction: column;
}


.dsec-text {
 
   display: flex;
   justify-content: center;
    text-align: center;
    align-items: center;
    background: linear-gradient(313.02deg, #FFFFFF 52.79%, #D9D9D9 112.33%);
/* height:187px; */
height: 170px;
    }
.dsec-text h2{
 
font-weight: 600;
font-size: 48px;
/* line-height: 49.92px; */
letter-spacing: 0%;
text-align: center;
color: #494949;


}
.details span
{
font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 156%;
letter-spacing: 0%;


}
.devlopment-img
{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    position: relative;
}

.d-image-l{
    width: 50%;
    display: flex;
    flex-direction: column;
   
    align-items: center;
    padding: 20px 20px 20px 40px;
   
    transform: scale(1);
    transform-origin: center;
    position: relative;
    height: 663px;
    gap:15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("./assets/Pg-4&5\ 1.png");

    position: relative;
    transition: background-size 2s ease-in-out;
}
.d-image-r{
    
  
    width: 50%;
    display: flex;
    flex-direction: column;
   
    align-items: center;
    padding: 20px 20px 20px 40px;
   
    transform: scale(1);
    transform-origin: center;
    position: relative;
    height: 663px;
    gap:15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("./assets/discover2.png");

    position: relative;
    transition: background-size 2s ease-in-out;
}
.d-image-r:hover 
{
   
    background-size: 170%; 

   
}
.d-image-l:hover 
{
   
    background-size: 150%; 

   
}
.card-animate
{
    display: flex;
    justify-content: center;
    gap:25px;
    flex-direction: column;
    z-index: 99;
    position: relative;
    
}

@keyframes move {
    from {top: 0px;}
    to {top: 120px;}

  }
  @keyframes move-res {
    from {top: 0px;}
    to {top: 80px;}

  }
  

  .d-image-l:hover .card-animate,
  .d-image-r:hover .card-animate {
      position: relative;
      transform-origin: center;
      animation: move 0.5s forwards;
  }
  


.d-image-l:hover::before,
.d-image-r:hover::before {
    position: absolute;
    content: "";
    inset: 0;
    background: #00000099; 
    backdrop-filter: blur(5px); 
    z-index: 1;
}

.card-hide
{
    display: none;
  
    
}

.d-image-l:hover .card-hide,
.d-image-r:hover .card-hide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:16px;
}


.devlopment-img h2

{
    margin-top: 100px;
    font-family: Jura;
    font-weight: 600;
    font-size: 48px;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color:#FFFFFF;
    
}
.devlopment-img span

{
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 156%;
letter-spacing: 0%;

    color:#FFFFFF;
}

.devlopment-img p
{
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 156%;
letter-spacing: 0%;

    color:#FFFFFF;
}







.discover-sec3
{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    gap:50px;
    margin-bottom:50px; ;
}
.dsec3-text
{
    display: flex;
   justify-content: center;
    text-align: center;
    align-items: center;
margin-top:50px;
/* height: 100px; */
}
.dsec3-text h2{
 
    font-weight: 600;
    font-size: 48px;
    /* line-height: 49.92px; */
    letter-spacing: 0%;
    text-align: center;
    color: #494949;

    
    
    }
    .upcoming-project-wrapper
    {
        background-image:url('./assets/discover-sec-bg.png') ;
        border-radius: 50px;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 458px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
justify-content: center; 
position: relative;
    }
    .upcoming-logo-wrapper
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .upcoming-logo
    {
        
    }
    .discover-sec3 p
    {
        font-weight: 400;
        font-size: 24px;
        line-height: 34.8px;
        letter-spacing: 0%;
        text-align: center;
        width: 70%;

        margin:0;
    }



























@media only screen and (max-width: 600px) {
   
   
    .d-image-l,
    .d-image-r {
    
height: 500px;
padding: 20px;


    }
    .devlopment-img h2
    {
        margin-top: 50px;
    }
    .d-image-l:hover .card-animate,
    .d-image-r:hover .card-animate {
        position: relative;
        transform-origin: center;
        animation: move-res 0.5s forwards;
    }
    



    .upcoming-logo
    {
        width: 40%;
    }
    .discover-sec3
{
    
    gap:30px;
}
.discover-heading {
    margin-top: 350px;

}

.dsec-text {
 
    height: 120px;
    }
.discover-heading span {
    font-family: Jura;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0%;
    color: white;

}
.discover-main {
   
    background-image: url(./assets/project-mobile-banner.jpg);
      height: 100vh;
}

  }
  @media only screen and (max-width: 1023px) {
   
    .upcoming-logo
    {
        width: 70%;
    }
 
    .discover-sec3 p
    {
        font-weight: 400;
        font-size: 24px;
        line-height: 34.8px;
        letter-spacing: 0%;
        text-align: center;
        width: 100%;

        
    }
    .discover-heading {
        margin-top: 170px;
    
    }
    .devlopment-img
    {
        flex-direction: column;
        width: 100%;
      
       
    }
    .d-image-l,
    .d-image-r {
    
width: 100%;
    }

   
  }