.square-button div.number{font-size:12px;font-weight:bold;color:#fff;display:block;margin:auto;text-align:center;position:relative;top:25px;}
#vortex{width:550px;height:550px;margin:0 auto;position:relative; z-index: 9;border:2px solid #E7E7E7;border-radius:50%;}
.square-button{height:190px;width:190px;background:#fff;cursor:pointer;border-radius:50%;}
.square-button .bd_why > span{    -webkit-line-clamp: 3;
    color: #808080;
    width: 80%;
    float: left;
    margin: 0 10%;
    text-align: center;
    position: relative;
    top: -15px; font-size: 13px; }
.square-button a{text-decoration:none;color:rgba(0,102,153,1);}
.square-button img{border-radius:100%;}
.item_why{ position: relative;  float: left;}
.square-button h3{  overflow: hidden;text-transform:capitalize!important;font-family:'MuBl';font-size:13px;z-index:999;position: relative;left: -15px;top: -30px;width:200px;height:75px;float:left;text-align:center;color:#fff; }
.item_why:before
{
  content: '';
  position: absolute;
  left: -12px;
  bottom: 23px;
  z-index: -1;
  width: 15px;
  height: 15px;
  background: #303030;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  } 
.item_why:after
{
  content: '';
  position: absolute;
  right: 18px;
  bottom: 15px;
  z-index: -1;
  width: 17px;
  height: 23px;
  background: #303030;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  } 
.square-button h3 span{ height: 200px; width: 200px; float: left;  text-transform: uppercase; background:#005CA1;  padding: 25px 35px 0px 35px;border-radius: 50%;}
.square-button h3 span p{ -webkit-line-clamp:2; }
.square-button:hover h3{color:#FAF101}
.div_center{position:absolute;z-index:10;top:300px;left:330px;}


.bd_why{ position: relative;border: 1px dashed #1368A8;float: left;height: 90%;width: 90%; margin-left: 5%; border-radius: 50%; margin-top: 5%;}