.about_achievments{
margin-top: 3rem;
margin-left: 5rem;
margin-right: 14rem;
}
.about_achievments-container{
display: grid;
grid-template-columns: 40% 60%;
gap: 5rem;
}
.about_achievment_right > p{
margin: 1.6rem 0 2.5rem;
}
.about_achievment_left img{
height: 30rem;
}
.achievment_cards{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.achievment_card{
background: var(--color-bg1);
padding: 1.6rem;
border-radius: 1rem;
text-align: center;
transition: var(--transition);
}
.achievment_card:hover{
background: var(--color-bg2);
box-shadow: 0 3rem rgba(0, 0, 0, 0.3);
}
.achievment_icon{
background: var(--color-danger);
padding: 0.6rem;
border-radius: 1rem;
display: inline-block;
margin-bottom: 2rem;
font-size: 2rem;
}
.achievment_card:nth-child(2){
.achievment_icon{
background: var(--color-success);
}
}
.achievment_card:nth-child(3){
.achievment_icon{
background: var(--color-primary);
}
}
.achievment_card p{
margin-top: 1rem;
}
.team{
background: var(--color-bg1);
box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.5);
}
.team_continer{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
.team_navbar{
background: var(--color-bg2);
padding: 2rem;
border: 1px soid transparent;
transition: var(--transition);
position: relative;
overflow: hidden;
}
.team_navbar:hover{
background: transparent;
border-color: var(--color-primary);
}
.team_navbar-image img{
filter: saturate(0);
}
.team_navbar-image img:hover{
filter: saturate(1);
}
.team_navbar-info{
text-align: center;
margin-top: 1.4rem;
}
.team_navbar-info p{
color: var(--color-light);
}
.team_member_social{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -100%;
display: flex;
flex-direction: column;
background: var(--color-primary);
border-radius: 1rem 0 0 1rem;
box-shadow: -2rem 0 2rem rgba(0, 0, 0, 0.3);
transition: var(--transition);
}
.team_navbar:hover .team_member_social{
right: 0;
background: var(--color-success);
}
.team_member_social a{
padding: 1rem;
}
/* ============== Media Query for Tablet==================*/
@media screen and (max-width: 1024px) {
.about_achievments{
margin-top: 2rem;
}
.about_achievments-container{
grid-template-columns: 1fr;
gap: 1.5rem;
}
.team_navbar{
padding: 0.4rem;
}
.team_continer{
grid-template-columns: repeat(3, 1fr);
}
/* ============== Media Query for Phone==================*/
@media screen and (max-width: 600px) {
.about_achievments{
margin-top: 0.5rem;
}
.achievment_cards{
grid-template-columns: 1fr 1fr;
}
.team_continer{
grid-template-columns: 1fr 1fr;
gap: 0.7;
}
.team_navbar{
padding: 0;
}
.team_navbar p{
margin-bottom: 1.5rem;
}
}
}
/* Mobile menu fix */
@media (max-width: 991px){
  .navbar-collapse{background:#5f61ff;}
  .navbar-nav{padding:10px 0;}
  .navbar-nav .nav-link{color:#fff!important;padding:14px 20px;}
  .navbar-toggler{border:0;}
}