.page-sub { padding: 30px 0px 0px !important; } .text-group { text-align: justify; font-size: 2.5rem; padding-top: 1rem; line-height: 30px; } .text-navi { color: #213259; font-family: 'DB_Heavent'; } .separator.separator-solid { border-bottom: 3px solid #c9161c; margin-bottom: 15px; margin-top: -20px; width: 25% !important; } .font-40 { font-size: 4rem !important; } .nav-tabs>li>a { margin-bottom: 5% !important; } @media screen and (max-width: 768px) { .nav-tabs>li>a { font-size: 2rem !important; } } @media screen and (max-width: 576px) { #col-content { padding: 0 5% !important; } } .tab1_name p{ color: #ffffff; padding: 1rem 3rem; border-radius: 24px 24px 0px 0px; width: fit-content; background: #9d2725; margin: 0px; } .tab2_name p{ color: #ffffff; padding: 1rem 3rem; border-radius: 24px 24px 0px 0px; width: fit-content; background: #9d2725; margin: 0px; } .box-tab1{ background-color: #ededed; border-radius: 0px 24px 0px 0px; padding: 2rem; width: 100%; height: 250px; } .box-tab2{ background-color: #ededed; border-radius: 0px 24px 0px 0px; padding: 2rem; width: 100%; height: 250px; } #col-top > div:nth-child(3) > div > div:nth-child(1) > div > div > span:nth-child(3) > a:hover{ color:#9d2725 !important; }