.circle-container{position:relative;width:100%;height:524px;border-radius:50%;padding:0;list-style:none;border:2px solid #efefef}.circle-container-in{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #efefef;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center}.circle-container-in img{width:100px}.circle-container>ul li{display:block;position:absolute;top:50%;left:50%;margin:-3em !important;width:6em;height:6em;background-color:#fff;border-radius:50%;box-shadow:0px 10px 50px 0px rgba(53,82,99,.09);display:flex;align-items:center;justify-content:center;transition:.3s;border:5px solid #fff}.circle-container>ul li i{font-size:30px}.circle-container>ul li:hover{background-color:#82072e;color:#fff}.circle-container>ul li:nth-of-type(1){-webkit-transform:rotate(0deg) translate(17em) rotate(0deg);transform:rotate(0deg) translate(17em) rotate(0deg)}.circle-container>ul li:nth-of-type(2){-webkit-transform:rotate(60deg) translate(17em) rotate(-60deg);transform:rotate(60deg) translate(17em) rotate(-60deg)}.circle-container>ul li:nth-of-type(3){-webkit-transform:rotate(120deg) translate(17em) rotate(-120deg);transform:rotate(120deg) translate(17em) rotate(-120deg)}.circle-container>ul li:nth-of-type(4){-webkit-transform:rotate(180deg) translate(17em) rotate(-180deg);transform:rotate(180deg) translate(17em) rotate(-180deg)}.circle-container>ul li:nth-of-type(5){-webkit-transform:rotate(240deg) translate(17em) rotate(-240deg);transform:rotate(240deg) translate(17em) rotate(-240deg)}.circle-container>ul li:nth-of-type(6){-webkit-transform:rotate(300deg) translate(17em) rotate(-300deg);transform:rotate(300deg) translate(17em) rotate(-300deg)}