@charset "utf-8";
/* CSS Document */
.team-card{
    position:relative;
    width:100%;
    height:auto;
   /* background:#081533;
     overflow:hidden; */
    text-align:center; 
      
    transition:.5s;
}
.team-carda{ position:relative; width :100%;/* background-color:#3399FF; */margin:auto;   overflow:hidden; padding:20px 10px; border-radius: 30% 0px 0px 0px ;/*border-radius:100% 0% 100% 0% / 55% 100% 0% 45% ; */ /*clip-path: polygon(25% 35.5%, 75% 25%, 75% 68.25%, 25% 75%)*/ 

/*
  background-image: url(../image/teambg2.png);
    background-repeat: no-repeat;
    background-size: cover;*/
 } 
.team-carda:after{   
border-radius: 30% 0px 0px 0px ;
content:"";
 background-image: url(../image/teambg.png); opacity:.4;
    position:absolute;
    left:0;
    bottom:-50%;
    width:100%;
    height:100%;
   /* background:#0d3b8f;*/
    transition:.6s ease-in-out;
    z-index:1;}
.team-carda:before {   
border-radius: 30% 0px 0px 0px ;
content:"";
 
    position:absolute;
    left:0;
    bottom:-50%;
    width:100%;
    height:100%;
    background:#0d3b8f;
    transition:.6s ease-in-out;
    z-index:1;}
	
	.team-card:hover .team-carda::before, .team-card:hover .team-carda::after{
    bottom:0;
}
.team-cardpp{max-width:200px; width:100%; border-radius:50%;  position:relative;  z-index:9; text-align:center;     margin: auto; }
.team-cardp{max-width:200px; width:100%; border-radius:50%;  position:relative;  z-index:9; text-align:center;     margin: auto; }
.team-cardp::before, .team-cardp::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:50%;
    padding:4px;

   background:conic-gradient(
        transparent 0deg,
        transparent 260deg,

        rgba(0,255,255,.15) 280deg,
        rgba(0,255,255,.6) 295deg,
        #00ffff 310deg,
        #7df9ff 320deg,
        #00ffff 330deg,
        rgba(0,255,255,.5) 340deg,
        rgba(0,255,255,.15) 350deg,

        transparent 360deg
    );
 /*	background: conic-gradient(
    transparent 0deg,
    transparent 260deg,
    rgba(184, 134, 11, .15) 280deg,
    rgba(212, 175, 55, .45) 295deg,
    #D4AF37 305deg,
    #FFD700 315deg,
    #FFF4B0 323deg,
    #FFD700 330deg,
    #D4AF37 338deg,
    rgba(212, 175, 55, .35) 348deg,
    transparent 360deg
);*/

    animation:spinaa 6s linear infinite;

    filter:
        drop-shadow(0 0 8px #00ffff)
        drop-shadow(0 0 18px #00ffff)
        drop-shadow(0 0 30px #00ffff);

    -webkit-mask:
    radial-gradient(farthest-side,
    transparent calc(100% - 6px),
    #000 calc(100% - 5px));

    mask:
    radial-gradient(farthest-side,
    transparent calc(100% - 6px),
    #000 calc(100% - 5px));
}
.team-card img{max-width:200px; text-align:center; border-radius:50%;  position:relative;  z-index:9; width:100%; padding:5px; background-color:#FFFFFF; }
.team-cardhead{width:100%; display:block; position:relative; padding:10px 20px; background-color:#0066CC; font-family: 'Roboto'; font-size:16px;color:#fff; border-radius: 0px 0px 50px 0px;     word-break: break-word;  margin-bottom:20px;  }
.team-cardhead span{  font-family: 'Roboto'; font-size:16px;color:#e4f754; }
@keyframes spinaa{
    to{
        transform:rotate(360deg);
    }
}
/*

.team-cardhea{ color:#fff;}*/
.team-cardheadbg{width:100%; display:block; position:relative; padding:10px 20px; background-color:#0066CC; font-family: 'Roboto'; font-size:16px;color:#fff; border-radius: 50px 0px 50px 0px;     word-break: break-word; text-align:center; overflow: hidden; margin-bottom:20px;  }




.team-cardheadbg:before,
.team-cardheadbg:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #ffa000; /* onhover background color */
  z-index: -1;
  transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */
  transition: all .5s;
}

.team-cardheadbg:before{
  background: #ffa000; /* button default background color */
  z-index: -2;
  transform: translate3D(0,0,0);
}

.team-cardheadbg:hover{
  color: #000;
}

.team-cardheadbg:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}
/* //// Curtain Up  //// */

.curtainup{
  transform-style: preserve-3d;
}

.curtainup:before,
.curtainup:after{
  transform-origin: center center;
  transform: scale(1,0);
}


.curtainup:hover:before,
.curtainup:hover:after{
  transform: scale(1);
  border-radius: 0;
}
.title-lin{
    width:95%;
   /* max-width:900px;*/
    display:flex;
    align-items:center;
    justify-content:center;
	margin-bottom:40px;
}

.title-lin::before,
.title-lin::after{
    content:"";
    flex:1;
    height:8px;                 /* Distance between the two lines */
    border-top:2px solid #c8a44d;
    border-bottom:2px solid #c8a44d;
}

.title-lin::before{
    margin-right:25px;
}

.title-lin::after{
    margin-left:25px;
}
.title-lin span {   font-family: 'Roboto';
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
   /* text-transform: uppercase;*/
    white-space: nowrap;
    background: #031572;
    border-radius: 6px;
    letter-spacing: 1px;
}