.rules-section{background:#f8f8ff;position:fixed;height:100vh;width:100%;top:100%;left:0;z-index:9999999;transition:.3s;overflow-y:auto;padding:80px 0}.rules-section .heading{color:#222769;font-size:22px;font-weight:400;line-height:32px}.rules-section .close-btn{display:flex;padding:13px;align-items:center;border-radius:5px;background:#222769;border:0}.rules-section .close-btn svg{transition:.3s}.rules-section .close-btn:hover svg{transform:rotate(90deg)}.rule-btn-container{overflow-x:auto;margin-bottom:20px;width:max-content}.rule-btn-container.nav-tabs{padding-left:12px;flex-wrap:nowrap;border:0}.rule-btn-container.nav-tabs .nav-item{margin-bottom:20px}.rule-tab-btn{color:#505050;font-size:20px;font-weight:400;line-height:28px;width:max-content}.rule-tab-btn.nav-link{background:#f8f8ff;border:0;padding:0;margin-right:30px}.rule-tab-btn.nav-link.active{background:#f8f8ff;color:#222769}.rule-tab-btn.nav-link:hover{color:#222769}.rule-heading{color:#222769;font-size:20px;font-weight:400;line-height:28px;margin-bottom:15px}.rule-description{color:gray;font-size:16px;font-weight:400;line-height:26px}@media screen and (min-width: 992px){.rules-section .close-btn{padding:17px}.rule-btn-container{margin-bottom:0}.rule-btn-container.nav-tabs{display:block;flex-wrap:wrap}.rule-btn-container.nav-tabs .nav-item{margin-bottom:30px}}@media screen and (min-width: 1024px){.rules-section .heading{color:#47494a;font-family:SF-Compact-Display-Medium;font-size:40px;font-weight:500;line-height:60px}}