.index{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.index .top{background:#ec775f;border-radius:10px;color:#f8e9dd;display:flex;justify-content:space-between;padding:1em;width:50vh}.index .top .left{display:flex;flex-direction:column;gap:10px}.index .top .left h4,.index .top .left p{margin:0}.index .top .right{align-items:center;display:flex}.index .top .right .circle1{border:1px solid #fff;border-radius:50%;height:30px;margin-right:-5px;width:30px;z-index:999}.index .top .right .circle2{background:#382314;border-radius:50%;height:30px;margin-left:-5px;width:30px}.index .bottom{background:#fffaf5;border-radius:10px;display:flex;flex-direction:column;gap:1em;margin-top:1em;padding:1em}.index .bottom p{color:#666;font-weight:400;margin:0}.index .bottom .third .footer{align-items:center;display:flex;justify-content:space-between}.index .bottom .third .footer h1{color:#382314;font-weight:700;margin-top:5px}.index .bottom .third .footer .rig{align-items:center;display:flex;flex-direction:column;text-align:right}.index .bottom .third .footer .rig p{margin:0}.index .bottom .third .footer .rig h6{font-size:16px;font-weight:600;margin:0}@media (max-width:768px){.index{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;margin:0 auto;position:relative;top:50px;transform:translate(0);width:320px}.index .bottom,.index .top{width:100%}}