.team{padding-bottom:70px; margin-top: 130px; font-family:'Poppins', sans-serif;
  box-shadow: 0 2px 2px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
  box-shadow: 0 2px 2px rgba(0,0,0,0.25), 0 5px 2px #2eb9d1;
}
.team .section-title{text-align:left;padding:20px; margin-bottom:70px}
.team__item{
  height:464px;
position:relative;
z-index:1;margin-bottom:30px;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22); box-shadow: 10px 10px rgba(0,0,0,0.25) ; box-shadow: 2px 4px 4px 4px rgba(13, 65, 124, 0.904), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2); 
overflow:hidden;background-position:center;background: linear-gradient(to bottom, transparent, rgba(0,0,0,.94));
background-size:cover;
 background-blend-mode: multiply;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            background-size: cover;

}

.team__item:after{position:absolute;
  left:0;top:0;height:100%;
  width:100%;background:rgba(34,48,96,0.8);
  content:"";z-index:-1;opacity:0;
  -webkit-transition:all,0.5s,ease-out,.5s;-o-transition:all,0.5s,ease-out,.5s;transition:all,0.5s,ease-out,.5s}
  
  
  
  
.team__item:hover:after{opacity:1}
.team__item:hover .team__text{top:0}
.team__item:hover .team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);
  padding:0 0 26px;margin-bottom:26px;
  opacity:0;visibility:hidden;position:relative;bottom:initial;
  opacity:1;visibility:visible}
  
.team__item:hover .team__text p{
  top:0;opacity:1;visibility:visible;
  -webkit-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;transition:all .5s ease .3s}
.team__item:hover .team__text .team__social{
  opacity:1;visibility:visible;bottom:34px;
  -webkit-transition:all .5s ease .5s;-o-transition:all .5s ease .5s;
  transition:all .5s ease .5s}
.team__text{height:100%;
  top:341px;position:relative;
  padding:35px 18px 30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
  
.team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);
  padding:0 0 26px;margin-bottom:26px;
  position:relative}
.team__text .team__title h4{color:#fff;font-weight:700;height: 40px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(35px);
  -webkit-backdrop-filter: blur(35px);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  border-radius: 5px1; margin-bottom:1px

}

.team__text .team__title span{font-size:15px;   
  font-weight: bold;padding: 2px; font-family: Arial, Helvetica, sans-serif;  
  background-color1: rgb(20, 141, 50); color:#f5f5f8;
background1: rgba(255, 255, 255, 0.2);
   
  color: #0c2044;
  display: flex;
  justify-content: center;
  align-items: center;height: 48px;text-shadow:  
       
              
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
              
               0 20px 20px rgba(0,0,0,.15);
  font-size: 1.2rem;background: radial-gradient(ellipse farthest-corner at right bottom, #fdd832 0%, #f7b42f 10%, #9c7625 30%, #80672c 40%, transparent 80%),
              radial-gradient(ellipse farthest-corner at left top, #fff 0%, #f8f8a6 7%, #d8b965 25%, #5d4a1f 62%, #5c491d 100%);
     
  /*   outline-color: transparent; */
  transition: all 0.2s ease;
  cursor: pointer;margin-bottom:-24px
   


}
  
  
  
.team__text p{color:#e4e4e4;line-height:26px;opacity:0;
  visibility:hidden;position:relative;top:50px;
  -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.team__text .team__social{position:absolute;
  left:0;width:100%;padding:0 30px;bottom:0;
  opacity:0;visibility:hidden}
.team__text .team__social a{display:inline-block;
  font-size:20px;color:#fff;margin-right:34px;
  -webkit-transition:all,.3s;-o-transition:all,.3s;transition:all,.3s}
.team__text .team__social a:last-child{margin-right:0}
.team__text .team__social a:hover{color:#88C417}

#team-section28{float:left; display:inline; width:100%; background:#3b867c ; padding:0 0px}


@media(max-width:768px) {
  .team__item{height:441px}
  .team__text{padding: 10px;  
   
  color: #fff;
  
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  }
  
  }

  
  
  
  
 
    .demo{
    background:rgb(10, 63, 133);
    background:rgb(1, 24, 54) url(img/download.jpeg);

background-blend-mode: multiply; 
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover; 
}
.our-team{
    text-align: center;
}
.our-team .team_img{
    position: relative;
    overflow: hidden;
}
.our-team .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team_img:after{
    bottom: 0;
}
.our-team img{
    width: 100%;
    height: 210px;
}
.our-team .social{
    padding: 0 0 18px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -100%;
    right: 10px;
    background:rgb(34, 95, 209);
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.our-team:hover .social{
    top: 0;
}
.our-team .social li a{
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #fff;
}
.our-team:hover .social li a:hover{
    color: #2a4284;background:rgb(216, 224, 240); padding: 15px;
}
.our-team .team-content{
    padding: 20px 0;
    background: #fff;
}
.our-team .title{
    font-size: 18px;
    font-weight: bold;
    color: #2a4284;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}
.our-team .title:before{
    content: "";
    width: 35px;
    height: 1px;
    background:rgb(8, 14, 102);
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after{
    content: "";
    width: 35px;
    height: 1px;
    background: rgb(8, 14, 102);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-team:hover .title:before,
.our-team:hover .title:after{
    width: 64px;
}
.our-team .post{
    display: inline-block;
    font-size: 15px; font-weight:bold;
    color:rgb(234, 242, 255);margin-top:5px;
    text-transform: capitalize; padding:  4px;background:rgb(18, 45, 119); width: 95%;box-shadow: 2px 2px gray;padding-bottom:8px;
}
.our-team .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 0%;
    background:rgb(5, 115, 134);
    margin: 0 auto;
    position: relative;
    top: -22px;
}






h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color:rgb(247, 241, 241);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
h1 em {
  font-style: normal;
  font-weight: 600;
}
 

/* === HEADING STYLE #3 === */
.three h1 {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px; padding-top:21px;
  position: relative; margin-left:38px;
}
.three h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 10px;
  width: 55px;
  background-color: royalblue;
}
.three h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 2px;
  width: 95%;
  max-width: 315px;
  background-color: royalblue;
}



@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; 
    
    }
    .our-team img{
    width: 100%;
    height: 241px;
}
}


@media only screen and (max-width: 410px){
     
        .three h1 {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px; padding-top:31px;
  position: relative; margin-left:16px;
}
.our-team img{
    width: 100%;
    height: 220px;
} 
    }

  
.main{
  width: 100%;
  
  background-color: #0c5db9;
}
.profile-card{ 
  font-family: sans-serif;
   
  height: 291px;
  background: #fff;
  padding: 10px;
  border-radius: 0%;
  box-shadow: 0 0 22px #3336;
  transition: .6s; margin-bottom:10px;
}
.profile-card:hover{
  border-radius: 10px;
  height: 291px; cursor: pointer;
}
.profile-card .img{
  position: relative;
  width: 100%;
  height: 241px;
  transition: .6s;
  z-index: 99;
}
.profile-card  .img{
  transform: translateY(-60px);
}
.img img{
  width: 100%;height: 201px;
  border-radius: 0%;
  box-shadow: 0 0 22px #3336;
  transition: .6s;
}
.profile-card:hover img{
  border-radius: 10px;
}
.caption{
  text-align: center;
  transform: translateY(-80px);
  opacity: 0;
  transition: .6s;
}
.profile-card  .caption{
  opacity: 1;
}
.caption h3{
  font-size: 21px;
  font-family: sans-serif;
}
.caption p{
  font-size: 17px;
  color: #0c52a1; font-weight:bold;
  font-family: sans-serif;
  margin: 2px 0 9px 0;
}

.social-links a{
  color: #333;
  margin-right: 15px;
  font-size: 21px; width: 24px;
  transition: .6s; padding:4px; background:royalblue;width: 34px;box-shadow: 2px 2px gray;
}
.caption .social-links i{
  color: white;
  align-items: center; 
  font-size: 21px;
  transition: .6s; padding:4px; background:royalblue;width: 34px;
}
.social-links a:hover{
  color: #0c52a1;
}

@media only screen and (max-width: 610px){ 
.profile-card{ 
font-family: sans-serif;

height: 311px;
background: #fff;
padding: 10px;
border-radius: 0%;
box-shadow: 0 0 22px #3336;
transition: .6s; margin-bottom:84px;
}
.profile-card:hover{
  border-radius: 10px;
  height: 311px; cursor: pointer;
}
.profile-card .img{
  position: relative;
  width: 100%;
  height: 284px;
  transition: .6s;
  z-index: 99;
}
.caption h3{
  font-size: 21px; margin-top:-21px;
  font-family: sans-serif;
}
.img img{
  width: 100%;height: 224px;
  border-radius: 0%;
  box-shadow: 0 0 22px #3336;
  transition: .6s;
}
}




.fabWidget {
  position: fixed;
  bottom: 15px;
  right: 5px;
  z-index: 1000;
  transition: all 0.3s;
}

.fabTrigger {
  .background {
    background-color: #1950ff;
    border-radius: 50%;
    box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),
      0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),
      0 25px 20px rgba(0, 0, 0, 0.1);
    height: 52px;
    left: 12.8px;
    position: absolute;
    top: 14px;
    width: 52px;
  }
}

.fabList {
  visibility: hidden;
  opacity: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fabButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px 6px;
  width: 48px;
  height: 48px;
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  &:hover {
    cursor: pointer;
  }
  &.active {
    transform: translateY(0px);
    opacity: 1;
  }
  svg {
    width: 100%;
    height: 100%;
  }
}

.active .fabButton {
  visibility: visible;
  opacity: 1;
  transform: translateY(-15px);
}

.fabOverlay {
  width: 100%;
  height: 100%;
  background: rgba(#000, .1);
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  &.active {
    opacity: 1;
    visibility: visible;
  }
}

[data-tooltip] {
  position: relative;
  &::before {
    opacity: 0;
    visibility: hidden;
    cursor: default;
    pointer-events: none;
  }
  &::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
    padding: 7px;
    text-align: center;
    border-radius: 4px;
    background: #1950FF;
    color: #fff;
    font-size: 0.8em;
    white-space: nowrap;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
  &:hover::before {
    opacity: 1;
    visibility: visible;
    right: 120%;
  }
}

.chat-bubble {
  cursor: pointer;
  position: relative;
  .bubble {
    transform-origin: 55%;left: 20%;
    transition: transform 500ms cubic-bezier(0.17, 0.61, 0.54, 0.9);
  }
  .line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3.75;
    stroke-linecap: round;
    transition: stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
    stroke-dasharray: 60 90;
    stroke-dashoffset: -20;
  }
  .line2 {
    stroke-dasharray: 67 87;
    stroke-dashoffset: -18;
  }
  .circle {
    fill: #ffffff;
    stroke: none;
    transform-origin: 50%;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.active {
  .bubble {
    transform: translateX(24px) translateY(4px) rotate(45deg);
  }
  .line1 {
    stroke-dashoffset: 21;
  }
  .line2 {
    stroke-dashoffset: 30;
  }
  .circle {
    transform: scale(0);
  }
}
 


.arrowMove {
    display: inline-block;
    transition: 0.2s;
    position: relative;
    overflow: hidden;
    color: #1cb0c3;
    background: none;
    content: "";
    border: 0;
    text-align: left;
    padding-left: 50px;margin-left: 11px;
}
.arrowMove > p {
    margin-block: 10px;
    position: relative;
    top: 0;font-size: 14px;
}
 
.icon.arrow {
    position: absolute;
    border: 2px solid #1cb0c3;
    width: 40px;
    height: 30px;
    border-radius: 4px;
    left: 0;
    top: 0;
    transition: 0.3s;
}
.icon.arrow::before {
    position: absolute;
    content: "";
    top: 9px;
    right: 14px;
    width: 10px;
    height: 10px;
    border-top: 0.125rem solid #1cb0c3;
    border-right: 0.125rem solid #1cb0c3;
    transform: rotate(45deg);
}
  
			
  .why-us1  .card-title1 h5   { 
      font-weight: bold;  
      color:rgba(12, 29, 87, 1) !important ;  

}

.article-card{
  border-radius: .25rem;
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(35,55,75,.4);
    box-shadow: 0 0 0.25rem 0 rgba(35,55,75,.4);
    margin-bottom: 1rem;background-color: #ffffff;
}

.article-card-bar
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #ffffff;background-color: #ffffff;
}

.avatar-xxs {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    border: 1px solid #1951b8ff;
}

.article-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 21px;
    color: #1951b8ff;
}

.article-bar-status{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-meta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1951b8ff;
    margin-right: .5rem;
}

.article-card-cover{
    background-color: #ffffff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.article-card-body {
    padding: .5rem 1rem;background-color: #fffefe;
}

.article-card-title {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

.article-project-time {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: .25rem 0 0;
    font-weight: 400;
    font-size: .875rem;
    color: #848484;
}

 .article-info-reward-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: .25rem;
}

.article-info-reward[rel=public] {
    color: #10b5e7ff;font-size: 14px;
}

.article-card-desciption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #848484;
    font-size: .875rem;
}

.article-card-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: .5rem;
    font-size: 1rem;
    color: #ff6666;
    padding: 0 0 .5rem .5rem;
}