.about-us-container{
    width: 100%;
}
.about-us-flagship{
    background: url('/assets/images/desk-bg-img.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
        background-position: center;
    width: 100%;   
       position: relative;
   }

   .about-us-heading{
    font-family: var(--font-bold-gil);
    margin: 0 0 0.6rem 0;
    font-weight: 900;   
}
.about-us-para{
    font-family: var(--font-medium-gil);
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.4;
}
.about-us-mascot{
    width: 25%;
    height: 70%;
    position: absolute;
    bottom: -2%;
    right: 8%;
    transform: scaleX(-1);
}
.about-us-mission{
    width: 100%;
    height: 100%;
       padding: 5rem 0rem 3rem ;
}
.about-us-mission-text-container{
    width: 50%;
}
  
.about-us-mascot-mission-container{
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: end;
}
.mission-para-1{
    margin-bottom: 2rem;
}
.about-us-cofounder{
    padding: var(--padding-vertical) 20px;
    padding: 0 0 5rem 0;
    padding: 7rem 6rem 0rem 3.6rem;
}
 .cofounder-heading{
    padding:0 0 1rem 0 ;
} 
.co-founder-name{
    font-weight: 900;
}
.co-founder-role{
    font-weight: 600;
}
/* tablets  */
@media (min-width: 481px) and (max-width: 1023px) {
                 /* about us page */
                 .about-us-flagship{
                    height: 40vh;
                    padding:0 3rem 0 3.6rem;
                 }
        
                .about-us-heading{
                    font-size: 2rem;
                    
                }
                .about-us-para{
                    font-size: 0.8rem;
                }
            
                .mascot-text-container{
                    position: absolute;
                    top: 40%;
                    }
               
                .about-us-para span{
                    display: block;
                }
                .about-us-mission{
                   display:flex ;
                   align-items: center;
                   gap: 4rem;
                   
                }
            
                .about-us-mascot-mission{
                    width: 70%;
                    transform: scaleX(-1);
                }
    
           
                .co-founder-details{
                    display: flex;
                    width: 100%;
                    height: auto;
                    justify-content: space-between;
                    gap: 1rem;
                }
                .single-co-founder{
                    padding: 0 0 0px 0;
                    flex-shrink: 0;
                    width: calc(100% / 5);
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    gap: 1rem
                    ;
                }
                .cofounder-img{
        width:  100%;
        height: 45%;
        background:linear-gradient(to bottom,#FFF4D9,#FFD46F);
                    padding: 0 0 0px 0;
                }
                .sachin-mandon-img{
                    padding:15px 20px 0 0;
                }
                .co-founder-bio{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 10px;
                }
                .co-founder-name{
                    font-family: var(--font-bold-gil);
                    font-size: 0.8rem;
                }
                .co-founder-role{
                    font-family: var(--font-semibold-gil);
                    font-size: 0.6rem;
                    margin: 0.1rem 0 0 0;
                    text-transform: capitalize;
                    color: rgba(18,18,18,0.8);
                    font-weight: 500;
                }
                .linkedin-logo{
                    color: gray;
                    font-size: 1rem;
                }
                
        .data-security{
            width: 100%;
               padding: 5rem 1.2rem 6rem ;
               display:flex ;
               gap: 4rem;
               align-items: center;
        }
        .data-security-text-container {
            width: 50%;
        }
        .aes-logo-container{
            width: 34%;
            display:flex ;
            justify-content: end;
        }      
        .aes-logo{
            width: 50%;
                }
}


/* desktop version */
@media (min-width:1024px){
      .about-us-container{
        width: 100%;
    }
   .about-us-flagship{
    height: 110vh;
    padding:14rem 3.7rem 7.5rem 6.2rem;
       position: relative;
   }

    .about-us-heading{
        font-size: 3.5rem;
        line-height: 1.1;
    }
    .about-us-para{
        font-size: var(--subheading-text-desk);
    }
    .mascot-text-container{
        position: absolute;
        top: 40%;
        }
    

    .about-us-para span{
        display: block;
    }
    .about-us-mission{
       display:flex ;
       align-items: center;
       gap: 7rem;
       
    }

    .about-us-mascot-mission{
        width: 70%;
        transform: scaleX(-1);
    }
  
   
    .co-founder-details{
        display: flex;
        width: 100%;
        height: auto;
        justify-content: space-between;
        gap: 1rem;
    }
    .single-co-founder{
        padding: 0 0 0px 0;
        flex-shrink: 0;
        width: calc(100% / 5);
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 1rem
        ;
    }
    .cofounder-img{
width:  100%;
height: 55%;
background:linear-gradient(to bottom,#FFF4D9,#FFD46F);
        padding: 0 0 0px 0;
    }
    .sachin-mandon-img{
        padding:15px 20px 0 0;
    }

    .co-founder-bio{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    .co-founder-name{
        font-family: var(--font-bold-gil);
        font-size: 1.1rem;
    }
    .co-founder-role{
        font-family: var(--font-semibold-gil);
        font-size: 0.8rem;
        margin: 0.1rem 0 0 0;
        text-transform: capitalize;
        color: rgba(18,18,18,0.8);
    }
    .linkedin-logo{
        color: gray;
        font-size: 1.4rem;
    }
    
.data-security{
width: 100%;
   padding: 7rem 1.2rem 14rem ;
   display:flex ;
   gap: 7rem;
   align-items: center;
}
.data-security-text-container {
width: 50%;
}
.aes-logo-container{
width: 34%;
display:flex ;
justify-content: end;
}      
.aes-logo{
width: 50%;
    }

}

/* mobile version */
@media (max-width:480px){
    .about-us-container{
        width: 100vw;
        min-height: 60vh;
       padding: 80px 0 0px 0;
    }
   .about-us-flagship{
    background: url('/assets/images/about-us-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
        background-position: center;
    width: 100%;
    height: 100%;
       padding: 100px 20px 100px ;
     
   }

    .about-us-heading{
        font-size: var(--heading-text);
        font-family: var(--font-bold-gil);
        margin: 0 0 10px 0;
        font-weight: 900;
    }
    .about-us-para{
        font-size: var(--subheading-text);
        text-align: start;
    }
    .about-us-mascot{
        display: none;
    }
    .mascot-text-container div{
        width: auto;
                }
    .about-us-mission{
    width: 100%;
    height: 100%;
       padding: 40px 20px 80px ;
       border-radius: 0 0  280px/100px;
    }
    .about-us-mascot-mission{
display: none;
    }
    .about-us-mission-text-container{
        width: auto;
    }
    .mission-para-1{
        margin-bottom: 10px;
    }
    .about-us-cofounder{
        padding: var(--padding-vertical) 20px;

    }
    .co-founder-details{
        display: flex;
        flex-wrap: wrap;
        gap: 25px 0px;
        
        justify-content: space-between;
    }
    .single-co-founder{
        padding: 0 0 0px 0;
    }
    .cofounder-img{
       min-width: 100%;
width: 150px;
height: 150px;
background:linear-gradient(to bottom,#FFF4D9,#FFD46F);
        padding: 0 0 0px 0;
    }
    .sachin-mandon-img{
        padding:15px 20px 0 0;
    }
    

    .co-founder-bio{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    .co-founder-name{
        font-family: var(--font-bold-gil);
        font-size: 12px;
    }
    .co-founder-role{
        font-family: var(--font-medium-gil);
        font-size: 8px;
        margin: 2px 0 0 0;
        text-transform: capitalize;
    }
    .linkedin-logo{
        color: gray;
        
    }
.data-security{
padding: 80px  20px var(--padding-vertical);
}

    .aes-logo{
        width: 50px;
        height: 50px;
        margin: 0 0 10px 0;
    }
}

/* bigger screens */
@media (min-width:1500px){
    /* about us page */
.about-us-heading{
    font-size: 4.5rem;
}
.about-us-para{
    font-size: 1.5rem;
}
}