*,
*::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;
}


.aboutus-main {
    display: flex;
    flex-direction: column;
    width: 100%;

}
.aboutus-banner {
    height: 100vh;
    width: 100%;
    background-image: url(./assets/discover-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* overflow-x: hidden;
    overflow-y: hidden; */
    position:relative;
    display: flex; 
    align-items: center;
    


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

.aboutus-heading
{
    display: flex;
    /* margin-top: 207px; */
    flex-direction: column;
    gap:15px;
    

}
.aboutus-heading span {
    font-family: Jura;
    font-weight: 600;
    font-size: 64px;
    line-height: 62.72px;
    letter-spacing: 0%;
    color: white;
}
.founder{
padding-top: 90px;
/* padding-bottom: 115px; */
/* background: linear-gradient(313.02deg, #FFFFFF 52.79%, #D9D9D9 112.33%); */
  /* background: linear-gradient(275.89deg, #FFFFFF 12.47%, #EEF9FF 75.96%); */
}



.founders-perspective-main
{
  background-image: url("./assets/aboutus-founders.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
/* height: 620px; */
border-radius: 64px;

}
.founder-col
{
 display: flex;
 justify-content: space-between;
 gap:30px;
 
}
.founder-row
{
     padding:50px ;
}
.founders-text-wrapper
{
    display: flex;
    flex-direction: column;
    gap:20px;
    color: #EEF9FFCC;
    justify-content: space-between;
}
.founders-text-wrapper h1
{
    
    font-weight: 500;
    font-size: 48px;
   
    letter-spacing: 0%;
    color: #FFFFFF;
    
}
.founders-text-wrapper p
{
padding: 0;
font-weight: 400;
font-size: 24px;
line-height: 37.44px;
letter-spacing: 0%;
text-align: justify;
color: #FFFFFF;
}


.founder-name
{

    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.founder-name span:nth-child(1) {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 37.44px;
    letter-spacing: 0%;
    color: #FFFFFF;
    
}

.founder-name span:nth-child(2) {
    font-family: Inter;
font-weight: 400;
font-size: 24px;
line-height: 37.44px;
letter-spacing: 0%;
color: #FFFFFF;
}





.mission-vision-main
{
    background: linear-gradient(275.89deg, #FFFFFF 12.47%, #EEF9FF 75.96%);

padding-top: 100px;



}



.mission-vision-wrapper
{



display: flex;
gap:10px;
justify-content: space-between;
align-items: center;
padding-top:62px;
padding-bottom:62px;
width: 100%;
}

.mission-vission-text
{
display:flex;
flex-direction: column;
gap:15px;
width: 50%;
}


.mission-vission-text h3
{
    
    font-weight: 600;
    font-size: 48px;
    line-height: 49.92px;
    letter-spacing: 0%;
    color:#006596;
}

.mission-vission-text p
{


    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 30.6px;
letter-spacing: 0%;
color:#494949;

}
.mission-vission-gif
{
width: 50%;
display: flex;
align-items:center ;
justify-content: center;
}











.team-section {
    padding: 94px 16px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap:32px;
    justify-content: space-between;
}

.team-section-title {
    color: #494949;
    font-weight: 600;
    font-size: 48px;
    line-height: 49.92px;
    letter-spacing: 0%;
    text-align: center;
    
}

.team-section-description {
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 30.6px;
letter-spacing: 0%;
text-align: center;
max-width: 100%;
    color: #494949;
}

.team-card {
    position: relative;
    margin-bottom: 50px; 
    padding: 20px;
    transition: transform 0.3s ease;
}



.team-img-container {
    /* height: 250px; */
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.team-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-row
{ 
    width: 100%;
    height: 100%;
    z-index: 500;
   position: absolute;
    background: linear-gradient(90.06deg, #FFFFFF 0.04%, rgba(255, 255, 255, 0) 12.03%, rgba(255, 255, 255, 0) 87.95%, #FFFFFF 99.94%);
}

.team-info {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 15px 10px;
    text-align: center;
    background-color: white;
    border-radius: 36px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    z-index: 2;
    

}

.team-info h6{
    font-family: Jura;
    font-weight: 700;
    font-size: 20px;
    line-height: 98%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
}

.team-info p{
    font-family: Jura;
font-weight: 700;
font-size: 16px;
line-height: 98%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
}
.team-wrapper::after
{
    position: absolute;
    inset: 0;
    content: "";
    z-index: 500;
    /* background: linear-gradient(90.06deg, #FFFFFF 0.04%, rgba(255, 255, 255, 0) 12.03%, rgba(255, 255, 255, 0) 87.95%, #FFFFFF 99.94%); */

}



.stats-section {
    background: #EEF9FFCC;
    padding: 25px 12px;
    border-radius: 39px;
    margin-top: 30px;
    box-shadow: 0px 52px 78.8px -48px #00000026;
width: 100%;
backdrop-filter: blur(32.29999923706055px)

}

.stat-item {
    text-align: center;
    padding: 10px 10px;
}

.stat-number {
    font-family: Jura;
font-weight: 400;
font-size: 48px;
line-height: 47.04px;
letter-spacing: 0%;
text-align: center;

    color: #006596;
    margin-bottom: 10px;
}

.stat-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 15.68px;
    letter-spacing: 0%;
    text-align: center;
    
    color: #006596;
}

@media (max-width: 600px) {
   
    
  
    
    .stat-number {
        font-size: 2rem;
    }
    
    .team-info {
        /* width: 90%; */
        padding: 12px 8px;
    }
    
    
}


.completed-section-wrapper
{
  
    background: linear-gradient(275.89deg, #FFFFFF 12.47%, #EEF9FF 75.96%);

}

.completed-section
{
    display: flex;
    align-items: center;
    flex-direction: column;
    
    gap:30px;
    padding-top : 60px ;
    padding-bottom : 60px ;



    justify-content: space-between;
}

.completed-section-title {
    color: #494949;
    font-weight: 600;
    font-size: 48px;
    line-height: 49.92px;
    letter-spacing: 0%;
    text-align: center;
    
}

.completed-section-description {
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 30.6px;
letter-spacing: 0%;
text-align: center;

    color: #494949;
}
.Completed-pro-name
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Jura;
font-weight: 600;
font-size: 48px;
line-height: 49.92px;
letter-spacing: 0%;
text-align: center;
color: #006596;
background: rgba(222, 244, 255, 0.5);
border-radius: 50px;
min-height:177px;
overflow-x: hidden;
height: 100%;

}

.Completed-pro-name2
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Jura;
font-weight: 600;
font-size: 48px;
line-height: 49.92px;
letter-spacing: 0%;
text-align: center;
color: #006596;
background: rgba(222, 244, 255, 0.5);
border-radius: 50px;
min-height:177px;
overflow-x: hidden;
}

.Completed-pro-name span
{
    
    font-family: Jura;
font-weight: 600;
font-size: 48px;
line-height: 49.92px;
letter-spacing: 0%;
text-align: center;
}
.completed-project-row
{
  
}
.comp-col{
background-image: url("./assets/comp1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius:50px;

}
.upcoming-project-wrapper
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    width: 100%;
    gap:24px;
}
.upcoming-img
{
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70%;
    height: 100%;
    border-radius: 50px;
    height:277px;

}
.completed-img1
{
background-image:url("./assets/Pg-8&9.jpg");
background-position: bottom;
background-size: cover;
}
.completed-img2
{
    background-image:url("./assets/comp2.png");
}
.upcoming-project-img
{
    background-image: url("./assets/upcoming-project.png");
}

.upcoming-txt
{
    height:100%;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DEF4FF80;
    border-radius: 50px;
    height:277px;
    font-family: Jura;
font-weight: 600;
font-size: 48px;
line-height: 104%;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
color:#006596;


}
.home-heading p
{
color: #FFFFFF;
width: 50%;
padding: 0%;
margin: 0%;
}

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

.home-heading p
{
width: 100%;

}


}

































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

    .Completed-pro-name
    {
        margin-top: 15px;
        
    }
    .done-img2
    {
        margin-top: 15px;
    }


}


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

    .contactus-heading {
        margin-top: 350px;
    }
    .founders-text-wrapper
    {
        gap:2px;   
     }
     .team-section {
        padding: 50px 16px;
       
     }
     .completed-section {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 25px;
        padding-top: 50px;
        padding-bottom: 50px;
        justify-content: space-between;
    }

     .founder {
        padding-top: 50px;
        /* padding-bottom: 50px; */
        /* background: linear-gradient(313.02deg, #FFFFFF 52.79%, #D9D9D9 112.33%); */
    }
    .mission-vision-wrapper {
    
        padding-top: 50px;
        padding-bottom: 50px;
     
    }


    .founder-name span:nth-child(1) {
        font-family: Inter;
        font-weight: 700;
        font-size: 16px;
        line-height: 37.44px;
        letter-spacing: 0%;
        color: #FFFFFF;
        
    }
    
    .founder-name span:nth-child(2) {
        font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 37.44px;
    letter-spacing: 0%;
    color: #FFFFFF;
    }
    
    .founders-perspective-main
    {
        /* background-image: url("./assets/aboutus-founder-reponsive.png"); */
        background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /* height: 620px; */

    
    }
    .responsive-img
    {
        background-image: url("./assets/aboutus-founder-reponsive.png");
border-radius: 20px 20px 0px 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 300px;

        }
        .founder-col
        {
              background-color:black ;
              padding:30px 16px;
            gap:15px;
              border-radius: 0px 0px 20px 20px;
        }
      
.founder-row
{
    padding: 15px;
    

}
.abtus-apostrophe
{
    height: 20px;
    width: 20px;
}
    



    .contactus-heading span {
        font-family: Jura;
        font-weight: 600;
        font-size: 48px;
        line-height: 50px;
        letter-spacing: 0%;
        color: white;
    
    }
    .contact-container {
        
            padding: 3rem 0;
         
            width: 100%;
          }
    
    
          .contactus-detail
          {
        
            padding: 16px;
            background: rgba(222, 244, 255, 0.5);
        height: 180px;
        gap:10px;
        border-radius: 18px;
        display: flex;
        flex-direction: column;
        align-items: right;
        justify-content: center;
        
          }
    
          .contactus-map-wrapper
          {
            
            padding: wwpx;
          }
          .Completed-pro-name span
          {
              
              font-family: Jura;
          font-weight: 600;
          font-size: 18px;
          line-height: 49.92px;
          letter-spacing: 0%;
          text-align: center;
          
          }

          .Completed-pro-name2 span
          {
              
              font-family: Jura;
          font-weight: 600;
          font-size: 18px;
          line-height: 49.92px;
          letter-spacing: 0%;
          text-align: center;
          
          }
          .upcoming-project-wrapper
          {
                 flex-direction: column;


          }
        
          .upcoming-img,
          .upcoming-txt
          {
            width: 100%;
            height:200px;

          }
          
.upcoming-txt
{
    
font-size: 16px;
line-height: 104%;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize; 
color:#006596;


}
.team-section {
    padding: 50px 16px;
    display: flex
;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    justify-content: space-between;
}
    
    
    
    
    
    
    
    
      }
      @media only screen and (max-width: 1023px) {
       

.team-info h6
{
font-size:18px;
}
.team-info p
{
font-size:16px;
}

.upcoming-txt
{
    
font-size: 28px;
line-height: 104%;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize; 
color:#006596;


}











       
        .contactus-heading {
            margin-top: 350px;
        
        }
        .onflex
        {
          width: 100%;
        }
        .abtus-apostrophe
        {
            height: 30px;
            width: 30px;
        }


        .founder-name span:nth-child(1) {
            font-family: Inter;
            font-weight: 700;
            font-size: 18px;
            line-height: 37.44px;
            letter-spacing: 0%;
            color: #FFFFFF;
            
        }
        
        .founder-row
{
    padding: 15px;


}

.founder-name span:nth-child(2) {
            font-family: Inter;
        font-weight: 400;
        font-size: 18px;
        line-height: 37.44px;
        letter-spacing: 0%;
        color: #FFFFFF;
        }
    
        .contactus-detail-wrapper
        {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
      gap:20px;
        }
    
        .email-call-wrapper
        {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap:15px;
          width: 100%;
        }
    
        .contactus-map-wrapper
          {
            
            padding: 0px 20px;
          }
          .team-section-description {
          
        max-width: 100%;
         
        }

        .Completed-pro-name span
{
    
    font-family: Jura;
font-weight: 600;
font-size: 32px;
line-height: 49.92px;
letter-spacing: 0%;
text-align: center;
}

.Completed-pro-name span2
{
font-family: Jura;
font-weight: 600;
font-size: 32px;
line-height: 49.92px;
letter-spacing: 0%;
text-align: center;

}



.mission-vision-wrapper
{
    flex-direction: column;
}


.mission-vission-text
{
    width: 100%;

}
.mission-vission-gif
{
    width: 100%;
}


       
 }