:root {
    --primary-color: #2696E9;
    --second-color: #04487c;
    --white-font-color: #fff;
    --contact-form-color: #1d1b1b;
    --black-color: #121212;
    --dark-font-color: #ddd;
    --light-mode: #fff;
    --theme-btn: #fff;
    --nav-bar-color: #fff;
    --background-color: #121212;
    --bg-transparent-color: rgba(0, 0, 0, 0.1);
    --transparent-color-01: rgba(0, 0, 0, 0.1);
    --footer-color: #ddd;
    --font_2: normal normal normal 28px/1.4em raleway,sans-serif;
    --font_8: normal normal normal 20px/1.4em raleway,sans-serif;
    --transparent-color-02: rgba(106, 89, 209, 0.1);
    --box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    --font: 'Poppins', sans-serif;
  }
  
  .dark-theme{
    --primary-color: #2696E9;
    --second-color: #04487c;
    --white-font-color: #000;
    --dark-font-color: #222;
    --theme-btn: #222;
    --contact-form-color: #fff;
    --black-color: #fff;
    --background-color: #fff;
    --nav-bar-color: #222;
    --footer-color: #222;
    --bg-transparent-color: rgba(0, 0, 0, 0.1);
    --transparent-color-01: rgba(0, 0, 0, 0.1);
    --transparent-color-02: rgba(106, 89, 209, 0.1);
    --box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    --font: 'Poppins', sans-serif;
  }

*{
    font-family:Nunito, sans-serif;
  }
  .text-blk{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    line-height:25px;
  }
  .responsive-cell-block{
    min-height:75px;
    margin:15px !important;

  }
  .responsive-container-block{
    min-height:75px;
    height:fit-content;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    margin-top:0px;
    margin-bottom:0px;
    justify-content:space-evenly;
  }
  .outer-container{
    padding-top:10px;
    padding-right:50px;
    padding-bottom:10px;
    padding-left:50px;
    background-color: var(--contact-form-color);
  }
  .inner-container{
    max-width:1320px;
    flex-direction:column;
    align-items:center;
    margin-top:50px;
    margin-right:auto;
    margin-bottom:50px;
    margin-left:auto;
  }
  .section-head-text{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:5px;
    margin-left:0px;
    font-size:35px;
    font-weight:700;
    line-height:48px;
    color:rgb(0, 135, 177);
    margin:0 0 10px 0;
  }
  .section-subhead-text{
    font-size:25px;
    color: var(--dark-font-color);
    line-height:35px;
    max-width:470px;
    text-align:center;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:60px;
    margin-left:0px;
  }
  .img-wrapper{
    width:100%;
  }
  .team-card{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .social-media-links{
    width:125px;
    display:flex;
    justify-content:space-between;
  }

  .social-media-links img{
    color: #fff !important;
  }
  .name{
    font-size:25px;
    font-weight:700;
    color: var(--dark-font-color);
    margin-top:0px;
    margin-right:0px;
    margin-bottom:5px;
    margin-left:0px;
  }
  .position{
    font-size:25px;
    font-weight:700;
    color:rgb(0, 135, 177);
    margin-top:0px;
    margin-right:0px;
    margin-bottom:50px;
    margin-left:0px;
  }
  .team-img{
    width:100%;
    border-radius: 50%;
    height:100%;
    margin-bottom: 20px;
  }

.img-wrapper{
  margin-bottom: 20px !important;
}
  
  .team-card-container{
    width:280px;
    margin:0 0 40px 0;
  }
  @media (max-width: 500px){
    .outer-container{
      padding:10px 20px 10px 20px;
    }
    .section-head-text{
      text-align:center;
    }
  } 

  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');
  
  *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    background: var(--background-color);
  }
  
  .wk-desk-1{
    width: 8.333333%;
  }
  .wk-desk-2{
    width: 16.666667%;
  }
  .wk-desk-3{
    width: 25%;
  }
  .wk-desk-4{
    width: 33.333333%;
  }
  .wk-desk-5{
    width: 41.666667%;
  }
  .wk-desk-6{
    width: 50%;
  }
  .wk-desk-7{
    width: 58.333333%;
  }
  .wk-desk-8{
    width: 66.666667%;
  }
  .wk-desk-9{
    width: 75%;
  }
  .wk-desk-10{
    width: 83.333333%;
  }
  .wk-desk-11{
    width: 91.666667%;
  }
  .wk-desk-12{
    width: 100%;
  }
  
  @media (max-width: 1024px) {
    .wk-ipadp-1{
      width: 8.333333%;
    }
    .wk-ipadp-2{
      width: 16.666667%;
    }
    .wk-ipadp-3{
      width: 25%;
    }
    .wk-ipadp-4{
      width: 33.333333%;
    }
    .wk-ipadp-5{
      width: 41.666667%;
    }
    .wk-ipadp-6{
      width: 50%;
    }
    .wk-ipadp-7{
      width: 58.333333%;
    }
    .wk-ipadp-8{
      width: 66.666667%;
    }
    .wk-ipadp-9{
      width: 75%;
    }
    .wk-ipadp-10{
      width: 83.333333%;
    }
    .wk-ipadp-11{
      width: 91.666667%;
    }
    .wk-ipadp-12{
      width: 100%;
    }
  }
  
  @media (max-width: 768px) {
    .wk-tab-1{
      width: 8.333333%;
    }
    .wk-tab-2{
      width: 16.666667%;
    }
    .wk-tab-3{
      width: 25%;
    }
    .wk-tab-4{
      width: 33.333333%;
    }
    .wk-tab-5{
      width: 41.666667%;
    }
    .wk-tab-6{
      width: 50%;
    }
    .wk-tab-7{
      width: 58.333333%;
    }
    .wk-tab-8{
      width: 66.666667%;
    }
    .wk-tab-9{
      width: 75%;
    }
    .wk-tab-10{
      width: 83.333333%;
    }
    .wk-tab-11{
      width: 91.666667%;
    }
    .wk-tab-12{
      width: 100%;
    }
  }
  
  @media (max-width: 500px) {
    .wk-mobile-1{
      width: 8.333333%;
    }
    .wk-mobile-2{
      width: 16.666667%;
    }
    .wk-mobile-3{
      width: 25%;
    }
    .wk-mobile-4{
      width: 33.333333%;
    }
    .wk-mobile-5{
      width: 41.666667%;
    }
    .wk-mobile-6{
      width: 50%;
    }
    .wk-mobile-7{
      width: 58.333333%;
    }
    .wk-mobile-8{
      width: 66.666667%;
    }
    .wk-mobile-9{
      width: 75%;
    }
    .wk-mobile-10{
      width: 83.333333%;
    }
    .wk-mobile-11{
      width: 91.666667%;
    }
    .wk-mobile-12{
      width: 100%;
    }
  }