.rules{background-color:#fff;width:100%;padding:40px 20px}.rules .rules-title{color:#000;letter-spacing:.5px;text-align:center;margin:0 0 20px;padding:0;font-family:Raleway,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.rules .rules-container{flex-direction:column;gap:40px;display:flex}.rules .rules-container p{color:#000;margin:10px 0;font-family:Raleway,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.rules .rules-container .rules-col{text-align:left;border:1px solid #7498a433;border-radius:8px;flex-direction:column;gap:20px;padding:20px;transition:all .3s;display:flex;position:relative}.rules .rules-container .rules-col h2{margin:0;font-size:20px}.rules .rules-container .rules-col .line{background-color:#7498a4;width:80px;height:2px}.rules .rules-container .rules-col .bottom-line,.rules .rules-container .rules-col .left-line{display:none}.rules .rules-container .rules-col:hover{border-color:#7498a4;box-shadow:0 5px 15px #0000001a}@media (min-width:768px){.rules{padding:100px 10% 40px}.rules .rules-title{text-align:left;text-align:left;margin-bottom:40px;font-size:48px;line-height:61.05px}.rules .rules-container{flex-direction:row;justify-content:space-between;gap:50px}.rules .rules-container p{font-size:18px}.rules .rules-container .rules-col{border:none;margin-top:75px;padding:20px}.rules .rules-container .rules-col h2{font-size:24px}.rules .rules-container .rules-col .line{width:120px}.rules .rules-container .rules-col .bottom-line,.rules .rules-container .rules-col .left-line{opacity:0;background-color:#7498a4;transition:opacity .5s,transform .5s;display:block;position:absolute}.rules .rules-container .rules-col .bottom-line{transform-origin:100%;width:100%;height:2px;transition-delay:.3s;bottom:0;left:0;transform:scaleX(0)}.rules .rules-container .rules-col .left-line{transform-origin:bottom;width:2px;height:100%;transition-delay:.6s;top:0;left:0;transform:scaleY(0)}.rules .rules-container .rules-col:hover{box-shadow:none;border:none}.rules .rules-container .rules-col:hover .bottom-line{opacity:1;transform:scaleX(1)}.rules .rules-container .rules-col:hover .left-line{opacity:1;transform:scaleY(1)}}