html,
body {
  overflow-x: hidden;
  font-family: "Outfit", sans-serif;
}

/* ************************************************************************** */
/* home page styling */
/* ************************************************************************** */

.box-shadow-btn{
  box-shadow: inset 0 0 10px rgba(106, 85, 157, 1);
}
.box-shadow-btn:hover {
  box-shadow: inset 0 0 20px rgba(106, 85, 157, 1);
}
.piCrossHair {
  box-shadow: inset 0 0 10px rgba(106, 85, 157, 0.5);
}
.psuedo_border {
  border: 1px solid;
  border-image-source: linear-gradient(
    180deg,
    rgba(48, 33, 104, 0) 1.33%,
    rgba(48, 33, 104, 0.7) 49.63%,
    rgba(48, 33, 104, 0) 102.13%
  );
  border-image-slice: 1;
}
.skill_grid_border{
  border: 1px solid;
  border-image-source: linear-gradient(
    180deg,
    rgba(48, 33, 104, 0) 1.33%,
    rgba(48, 33, 104, 0.3) 49.63%,
    rgba(48, 33, 104, 0.3) 49.63%
  );
  
  border-image-slice: 1;
}
.skill_grid_border_btm{
  border: 1px solid;
  border-image-source: linear-gradient(
    0deg,
    rgba(48, 33, 104, 0) 1.33%,
    rgba(48, 33, 104, 0.3) 49.63%,
    rgba(48, 33, 104, 0.3) 49.63%
  );
  border-image-slice: 1;
}
.nextjs_image {
  filter: brightness(0) invert(1);
}
.skill_shadow{
  box-shadow: 0px 2px 20px 10px #6A559D0F inset, 
  0px -2px 22px 5px #6A559D0F inset, 
  -2px 0px 22px 5px #6A559D0F inset, 
  2px 0px 22px 5px #6A559D0F inset;
}
.icon-text-container {
  border-width: 0.38px;
  border-radius: 50%;
  border-image-source: linear-gradient(
    131.06deg,
    rgba(255, 255, 255, 0.15) 10.93%,
    rgba(255, 255, 255, 0) 62.56%
  );
  border-image-slice: 1;
}
.text_gradient {
  background: linear-gradient(90deg, #020014 10.93%, #2f2642 62.56%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tick_icon_bg {
  background: linear-gradient(90deg, #161336 10.93%, #5f4a8d 62.56%);
}
.clip-half{
  clip-path: inset(0 0 83% 0);
}
.mission_vision_icon{
  width: fit-content;
}

/* ************************************************************************** */
/*Our team page styling */
/* ************************************************************************** */
.team_member_1{
  background-image: url('./assets/Our-Teams/HOD.png');
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_2{
  background-image: url('./assets/Our-Teams/Shyam\ President.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_3{
  background-image: url('./assets/Our-Teams/Priyanshu\ Vice\ President.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_4{
  background-image: url('./assets//Our-Teams/Bhavya\ Chairperson.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_5{
  background-image: url('./assets/Our-Teams/Krisha\ Secretary.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}.team_member_6{
  background-image: url('./assets/Our-Teams/Kartik\ Asst.Secretary.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_7{
  background-image: url('./assets/Our-Teams/Vishnu\ ViceSecretary.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_8{
  background-image: url('./assets/Our-Teams/Nirzar\ Manager.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_9{
  background-image: url('./assets/Our-Teams/Shrey\ Dave\ Web\ Head.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_10{
  background-image: url('./assets/Our-Teams/DhruvitImage.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_11{
  background-image: url('./assets/Our-Teams/Tanveer\ Treasurer.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.team_member_12{
  background-image: url('./assets/Our-Teams/vidishamaam.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width:280px;
  height:340px;
}
.card-text.hover_text {
  opacity: 0;
}
.card:hover .card-text.default_text {
  opacity: 0;
}
.card:hover .card-text.hover_text {
  opacity: 1;
}


/* ************************************************************************** */
/*Activities page styling */
/* ************************************************************************** */
.tab-content {
  display: none;
}
.tab-content.active {
  display: flex;
  justify-content: start;
  align-items:start;
  flex-wrap: wrap;
}
.course-item img{
  border-radius: 20px;
  background-position: center;
  object-fit: fill;
}


/* ************************************************************************** */
/*Media Query*/
/* ************************************************************************** */

@media (max-width:640px){
  .coders_club_logo{
    height: 50px;
    width: 50px;
  }
  footer .footer-content{
    flex-direction: column;
    gap: 20px;
    padding: 25px;
    margin-top: 55px;
  }
  .box-shadow-btn{
    font-size: smaller;
  }
  .box-shadow-btn + p{
    font-size: 2.2rem;
  }
  .skill-grid>div>div{
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .nextjs_image{
    width: 2rem;
    height: 2rem;
  }
  .skill_shadow{
    box-shadow: 0px 2px 10px 5px #6A559D0F inset, 
    0px -2px 11px 5px #6A559D0F inset, 
    -2px 0px 11px 5px #6A559D0F inset, 
    2px 0px 11px 5px #6A559D0F inset;
  }
  .tick_icon_bg{
    font-size: 0.7rem;
    margin-top: 5px;
  }

  #mobile-menu {
    position:fixed;
    text-align: center;
    font-size: 16px;
    right: -100%;
    top: 88px;
    width: 100%;
    height: 100%;
    background-color: #020014; 
    z-index: 40;
  }
  .show{
    left: 0;
  }
  .course-item{
    width: 100%;
    margin-bottom: 20px;
  }
  .course-item img{
    height: 360px;
  }
  .team_member_1, .team_member_2, .team_member_3, .team_member_4, .team_member_5,.team_member_6,.team_member_7,.team_member_8,.team_member_9,.team_member_10,.team_member_11,.team_member_12{
    width:100%;
    height: 460px;
  }
}

@media (min-width: 1020px) and (max-width: 1080px) {
  .member_grid {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(4, auto) !important;
    gap: 25px !important;
  }

  .footer-content{
    margin-left:-25px !important;
  }
  .footer-btm{
    gap: 180px !important;
  }
}