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