.width90P{width: 90%; margin: 0 auto; text-align: center;}
.peopleDiv{width: 220px; background-color: white; padding: 20px; border-radius: 10px; margin: 10px; text-align: center; display: inline-block; cursor: pointer; transition: transform .2s; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.19);}
.peopleDiv:hover{transform: scale(1.045); background-color: #A3DFDF;}
.circular--square {width: 110px; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; }
.nameStyle2{font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 3px;}
.desigStyle2{font-size: 10px; margin-bottom: 0px;}
.departStyle2{font-size: 10px; font-weight: bold;}
.bwidth{width: 250px !important;}
.vBox{background-color: #1A7474; width: 97% !important; margin: 0 auto; text-align: center; margin: 20px; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.19);}
.vBtn {
    text-align: center;
    background-color: #1A7474;
    color: #A3DFDF;
    font-weight: bold;
    font-size: 20px;
    width: 30%;
    border-radius: 10px;
    margin: 10px;
    padding: 3px;
    transition: transform .2s;
    border: 0px;
}
.vBtn :hover{background-color: #A3DFDF !important; transform: scale(1.045);}  
.vEmail{font-weight: bold; font-size: 16px; width: 40%; border-radius: 10px; margin: 10px; padding: 3px; text-align: center;}
.vBoxR{font-size: 30px; color: #A3DFDF;}

.closeButton{float: left;}

  .vSign {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 50%;
    background-image: radial-gradient(
      ellipse 50% 35% at 50% 50%,
      #A3DFDF,
      transparent
    );
    transform: translate(-50%, -50%);
    letter-spacing: 2;
    left: 50%;
    top: 50%;
    font-family: "Clip";
    text-transform: uppercase;
    font-size: 6em;
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #A3DFDF,
      -0.2rem 0.1rem 1rem #A3DFDF, 0.2rem 0.1rem 1rem #A3DFDF,
      0 -0.5rem 2rem #A3DFDF, 0 0.5rem 3rem #A3DFDF;
    animation: shine 2s forwards, flicker 3s infinite;
  }
  
  @keyframes blink {
    0%,
    22%,
    36%,
    75% {
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
    }
    28%,
    33% {
      color: #ff65bd;
      text-shadow: none;
    }
    82%,
    97% {
      color: #ff2483;
      text-shadow: none;
    }
  }
  
  .flicker {
    animation: shine 2s forwards, blink 3s 2s infinite;
  }
  
  .fast-flicker {
    animation: shine 2s forwards, blink 10s 1s infinite;
  }
  
  @keyframes shine {
    0% {
      color: #A3DFDF;
      text-shadow: none;
    }
    100% {
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #A3DFDF,
        -0.2rem 0.1rem 1rem #A3DFDF, 0.2rem 0.1rem 1rem #A3DFDF,
        0 -0.5rem 2rem #A3DFDF, 0 0.5rem 3rem #A3DFDF;
    }
  }
  
  @keyframes flicker {
    from {
      opacity: 1;
    }
  
    4% {
      opacity: 0.9;
    }
  
    6% {
      opacity: 0.85;
    }
  
    8% {
      opacity: 0.95;
    }
  
    10% {
      opacity: 0.9;
    }
  
    11% {
      opacity: 0.922;
    }
  
    12% {
      opacity: 0.9;
    }
  
    14% {
      opacity: 0.95;
    }
  
    16% {
      opacity: 0.98;
    }
  
    17% {
      opacity: 0.9;
    }
  
    19% {
      opacity: 0.93;
    }
  
    20% {
      opacity: 0.99;
    }
  
    24% {
      opacity: 1;
    }
  
    26% {
      opacity: 0.94;
    }
  
    28% {
      opacity: 0.98;
    }
  
    37% {
      opacity: 0.93;
    }
  
    38% {
      opacity: 0.5;
    }
  
    39% {
      opacity: 0.96;
    }
  
    42% {
      opacity: 1;
    }
  
    44% {
      opacity: 0.97;
    }
  
    46% {
      opacity: 0.94;
    }
  
    56% {
      opacity: 0.9;
    }
  
    58% {
      opacity: 0.9;
    }
  
    60% {
      opacity: 0.99;
    }
  
    68% {
      opacity: 1;
    }
  
    70% {
      opacity: 0.9;
    }
  
    72% {opacity: 0.95;}
  
    93% {opacity: 0.93;}

    95% {opacity: 0.95;}
  
    97% {opacity: 0.93;}
  
    to {opacity: 1; }
  }


  .modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    .bg{
        height: 35rem;
        width: 35rem;
        background-color: #1A7474;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        z-index: -1;
    }

    .modal-container{
        padding: 3rem 5rem;
        background-color: #fff;
        width: 500px;
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        border-radius: 10px;
        box-shadow: 0 3px 30px rgba(0,0,0,0.2);

        .modal-top{
            display: flex;
            justify-content: space-between;
            /*color: #808491;*/

            :nth-child(1){
                background-color: #F0F0F3;
                padding: 0.8rem 1rem;
                font-size: 1.2rem;
                border-radius: 2px;
                cursor: pointer;
            }

            :nth-child(2){
                font-size: 1.5rem;
                padding: 0.8rem 1rem;
                cursor: pointer;
            }
        }

        .modal-body{
            margin: 3rem 0 2rem 0;
            h2{font-size: 1.2rem;}
            p{opacity: 0.75; font-size: 0.95rem;}
        }

        .modal-form{
            display: flex;
            flex-direction: column;

            h3{margin: 0 0 0.6rem 0; padding: 0;}
            
            input{
                width: 100%;
                padding: 0.8rem 1rem;
                border-radius: 5px;
                border: 0.1rem solid #dfdfdf;
                outline: none;
            }
        }

        .cta{
            margin-top: 1rem;
            /*display: flex;
            align-items: start;*/
            text-align: center;
            button{
                /*margin: 0 2rem 0 0;*/
                border: none; cursor: pointer; outline: none;
                padding: 0.8rem 3rem; font-family: 'Lato',sans-serif; font-weight: bold;

                &:nth-child(1){background-color: #1A7474; color: #fff; border-radius: 4px;}
                &:nth-child(2){background-color: #1A7474; color: #000; background-color: transparent;}
                
            }
        }
    }
}

  

@media (max-width: 1200px){ 
    .peopleDiv{width: 190px;}
}
@media (max-width: 850px){ 
    	.circular--square {width: 80px;}
    	.peopleDiv{width: 40%;}
 	.nameStyle2{font-size: 10px !important;} 

	.vBox{width: 90% !important;}
}
@media (min-width: 300px) and (max-width: 540px){ 
    .width90P{width: 100%; margin-top: 20px; margin-bottom: 20px;} .circular--square {width: 80px;} .peopleDiv{width: 40%;}
}