@font-face {
    font-family: barlow;
    font-style: normal;
    src: url(/images/font/Barlow.ttf);
}

@font-face {
    font-family: barlowCondensed;
    font-style: normal;
    src: url(/images/font/BarlowCondensed.ttf);
}

body 
{
	padding:0px;
	margin:0px;
	min-width:400px;
}

header 
{
	position:relative;
	border: 0px;
	padding:0px;
	background-size: 100% auto;
	height:200px;
	height:24vw;
	min-width:400px;
	min-height:96px;
	overflow:hidden;
}

.container
{
	border: 0px;
	padding:0px;
	max-width:960px;
}

main .container
{
    background-color: #FFFFFF;
    padding-top: 40px;
}

/* polices & form */

.RRReg
{
	font-size: 16px; 
	line-height: 1.5;
	font-family:  barlow;
	font-weight: 600;
	font-style:normal;
	color: #675f4b;
}

p
{
	font-size: 16px; 
	line-height: 1.5;
	margin: 4px;
	font-family:  barlow;
	font-weight: 600;
	font-style:normal;
	color: #675f4b;
}

li
{
	font-size: 16px; 
	font-family: barlow;
	font-weight: 600;
	font-style:normal;
	color: #675f4b;
}

h1
{

	font-size: 50px;   
	line-height: 2.5;
	font-family: BarlowCondensed;
	font-weight: 800;
	text-align: center;
	color: #cbc1a9;
    text-transform: uppercase;
}

h2
{
	font-size: 30px;   
	line-height: 2.5;
	font-family: BarlowCondensed;
	font-weight: 700;
	text-align: left;
	margin-left:15px;
	color: #cbc1a9;
    text-transform: uppercase;
}

h3
{
	font-size: 24px;   
	line-height: 2.5;
	font-family: BarlowCondensed;
	font-weight: 700;
	text-align: left;
    margin-left: 25px;
	color: #cbc1a9;
    text-transform: uppercase;
}

a 
{
	color: #675f4b !important;
}

.href
{
	color: #675f4b;
	cursor:pointer;
}
.checkbox
{
	border:0px;
	background-color:transparent;
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

#informations p
{
    font-weight: 700;
    margin-bottom: 20px;
}

#informations .bi
{
    font-size: 20px;
    margin-right: 20px;
}

#informations img
{
    margin-right: 10px;
}

.separationPhoto
{
    position: relative;
    height:400px; 
    background-size: 1200px!important; 
    background-position: center center!important;  
    background-attachment: fixed!important;
}
.paragrapheTexte {
    max-width: 800px; 
    margin: 50px auto; 
    text-align: justify;
}

/* =========================================================
   NAVIGATION PRINCIPALE
   Même structure et mêmes classes pour public et admin.
   ========================================================= */

#menu
{
    max-width: 960px;
    width: 100%;
    height: 76px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10001;
}

#menu .nav-left,
#menu .nav-center,
#menu .nav-right
{
    display: flex;
    align-items: center;
}

#menu .nav-left
{
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: center;
}

#menu .nav-left > ul
{
    margin-left: 30px;
    transform: translateY(3px);
}

#menu .nav-center
{
    flex: 0 0 auto;
    justify-content: flex-start;
    margin: 0 24px 0 0;
}

#menu .nav-right
{
    flex: 1 1 auto;
    justify-content: flex-end;
}

/* Raccourcis de plateformes réservés aux administrateurs */
.nav-platform-shortcuts
{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 14px;
}

.nav-platform-shortcuts a
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border: 1px solid #aca28b;
    border-radius: 4px;
    background: #ffffff;
    color: #675f4b !important;
    font-family: barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.nav-platform-shortcuts a:hover
{
    background: #aca28b;
    border-color: #aca28b;
    color: #ffffff !important;
}

#menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 26px;
}

#menu li
{
    float: none;
    display: flex;
    align-items: center;
    min-height: 0;
    width: auto;
    text-transform: uppercase;
    position: relative;
}

#menu a
{
    font-size: 15px;
    color: #675f4b !important;
    text-decoration: none;
    background-image: none !important;
    padding: 8px 0;
    white-space: nowrap;
}

#menu .nav-link
{
    position: relative;
    font-family: barlow;
    font-weight: 600;
    transition: color .2s ease;
}

#menu .nav-link::after
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 0;
    height: 3px;
    background-color: #cbc1a9;
    transform: translateX(-50%);
    transition: width .2s ease;
}

#menu .nav-link:hover,
#menu .nav-link.is-active
{
    color: #4b463e !important;
}

#menu .nav-link:hover::after,
#menu .nav-link.is-active::after
{
    width: 36px;
}

/* Logo */
.nav-logo
{
    display: flex;
    align-items: center;
}

.nav-logo img
{
    display: block;
    height: 48px;
    width: auto;
}

/* Compte */
.nav-account
{
    position: relative;
}

.nav-account-button
{
    border: 0;
    background: transparent;
    padding: 8px 0 !important;
    cursor: pointer;
    font-family: barlow;
    font-size: 15px;
    font-weight: 600;
    color: #675f4b !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-account-button:hover
{
    color: #4b463e !important;
}

.nav-account-chevron
{
    font-size: 13px;
    transition: transform .2s ease;
}

.nav-account.is-open .nav-account-chevron
{
    transform: rotate(180deg);
}

.nav-dropdown
{
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #efede9;
    box-shadow: 0 8px 24px rgba(70, 64, 52, .12);
    padding: 8px 0;
    z-index: 10002;
}

.nav-account.is-open .nav-dropdown
{
    display: block;
}

.nav-dropdown a
{
    display: block;
    padding: 10px 18px !important;
    font-size: 14px !important;
    text-transform: none;
}

.nav-dropdown a:hover
{
    background-color: #f7f5f1;
}

.nav-dropdown .nav-dropdown-separator
{
    height: 1px;
    background: #efede9;
    margin: 6px 0;
}


/* Mobile */
#menu-burger
{
    display: none;
}

#menu-mobile
{
    display: none;
}


.burger-icon,
.close-icon
{
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 28px;
    line-height: 1;
    padding: 8px;
    margin: 0;
    color: #675f4b;
}

.close-icon
{
    display: none;
}

@media only screen and (max-width: 960px)
{
    #menu
    {
        display: none;
    }

    #menu-burger
    {
        display: flex;
        height: 60px;
        max-width: 960px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 10001;
    }

    #menu-burger .nav-logo
    {
        display: flex;
        align-items: center;
        margin-left: 8px;
    }

    #menu-burger .nav-logo img
    {
        height: 42px;
    }

    #menu-burger .nav-mobile-primary
    {
        margin-left: 14px;
        transform: translateY(5px);
        text-align: center;
    }

    #menu-burger .nav-mobile-results
    {
        margin-left: 4px;
    }

    #menu-burger .nav-mobile-primary a
    {
        font-family: barlow;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        color: #4b463e !important;
        white-space: nowrap;
    }

    #menu-burger .nav-mobile-primary.is-active a::after
    {
        content: "";
        display: block;
        width: 36px;
        height: 3px;
        margin: 3px auto 0;
        background-color: #cbc1a9;
    }

    #menu-burger .nav-burger
    {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-right: 8px;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
        box-shadow: none;
        cursor: pointer;
    }

    #menu-burger .burger-icon,
    #menu-burger .close-icon
    {
        display: block;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 0;
        width: 26px;
        height: 22px;
        position: relative;
    }

    #menu-burger .burger-icon::before,
    #menu-burger .burger-icon::after
    {
        content: "";
        position: absolute;
        left: 2px;
        width: 22px;
        height: 2px;
        border-radius: 2px;
        background: #675f4b;
    }

    #menu-burger .burger-icon::before
    {
        top: 5px;
        box-shadow: 0 7px 0 #675f4b, 0 14px 0 #675f4b;
    }

    #menu-burger .burger-icon::after
    {
        display: none;
    }

    #menu-burger .close-icon
    {
        display: none;
        font-size: 24px;
        line-height: 22px;
        width: 26px;
        height: 26px;
        text-align: center;
        color: #675f4b;
        font-family: Arial, sans-serif;
    }

    #menu-mobile
    {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        min-height: calc(100vh - 60px);
        background: #ffffff;
        border-top: 1px solid #efede9;
        box-shadow: 0 10px 25px rgba(70, 64, 52, .10);
        z-index: 10000;
    }

    #menu-mobile ul
    {
        display: block;
        list-style: none;
        margin: 0;
        padding: 10px 0 30px;
    }

    #menu-mobile li
    {
        display: block;
        padding: 0;
        border-top: 1px solid #efede9;
    }

    #menu-mobile li:first-child
    {
        border-top: 0;
    }

    #menu-mobile a,
    #menu-mobile .nav-mobile-account-button
    {
        display: flex;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        padding: 17px 24px !important;
        font-family: barlow;
        font-size: 17px !important;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        background: transparent;
        border: 0;
        color: #675f4b !important;
    }

    #menu-mobile a:hover,
    #menu-mobile .nav-mobile-account-button:hover
    {
        background-color: #f7f5f1;
    }

    #menu-mobile .is-active
    {
        color: #4b463e !important;
        font-weight: 700;
        background-color: #faf9f6;
    }

    #menu-mobile .is-active::before
    {
        content: "";
        width: 4px;
        height: 22px;
        background-color: #cbc1a9;
        margin-right: 12px;
    }

    .nav-mobile-account-button
    {
        justify-content: flex-start;
        cursor: pointer;
    }

    .nav-mobile-account-links
    {
        display: none;
        background-color: #faf9f6;
    }

    .nav-mobile-account.is-open .nav-mobile-account-links
    {
        display: block;
    }

    .nav-mobile-account-links a
    {
        padding-left: 44px !important;
        font-size: 15px !important;
        text-transform: none !important;
    }
}



/* =========================================================
   COMPLEMENTS DU MENU SPORTCHRONO
   Règles auparavant intégrées directement dans nav_test.php.
   ========================================================= */

.nav-logout-form {
    display: none;
}

/* Raccourcis A/O/P et permutation du menu : disposition forcée sur deux lignes.
   Première ligne : A O | Deuxième ligne : P ⇆ */
#menu .nav-right .nav-platform-shortcuts {
    display: grid !important;
    grid-template-columns: 25px 25px;
    grid-template-rows: 25px 25px;
    grid-template-areas:
        "admin organisateur"
        "public permutation";
    grid-auto-flow: row;
    column-gap: 6px;
    row-gap: 6px;
    align-items: center;
    justify-items: stretch;
}

#menu .nav-right .nav-platform-shortcuts > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
    padding: 0;
    box-sizing: border-box;
}

#menu .nav-right .nav-platform-shortcuts > a:nth-child(1) {
    grid-area: admin;
}

#menu .nav-right .nav-platform-shortcuts > a:nth-child(2) {
    grid-area: organisateur;
}

#menu .nav-right .nav-platform-shortcuts > a:nth-child(3) {
    grid-area: public;
}

#menu .nav-right .nav-platform-shortcuts > a:nth-child(4) {
    grid-area: permutation;
}

.nav-menu-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 9px;
    border: 1px solid currentColor;
    border-radius: 4px;
}

.nav-mobile-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

#menu-mobile .nav-mobile-platforms {
    padding: 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

#menu-mobile .nav-mobile-platforms .nav-platform-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(40px, 64px));
    gap: 8px;
    justify-content: start;
}

#menu-mobile .nav-mobile-platforms .nav-platform-shortcuts > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    box-sizing: border-box;
}

#menu-mobile .nav-mobile-account {
    padding: 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

#menu-mobile .nav-mobile-account-button {
    display: block;
    width: 100%;
    text-align: left;
}

#menu-mobile .nav-mobile-account-links {
    display: none;
}

#menu-mobile .nav-mobile-account.is-open .nav-mobile-account-links {
    display: block;
}

@media (max-width: 960px) {
    #menu .nav-right {
        display: none !important;
    }
}


/* Navigation événement*/
#Tabs>li>a, .RRReg_Nav>div>div
{
    border-bottom: 2px solid #efede9;
    text-transform: uppercase;
    font-family: 'barlow';
    font-weight: 600;
    color: #675f4b;
}
.RRReg_Nav>div>div
{
    font-size: 14px;
    width: auto!important;
}

.RRReg_Nav>div {
    width: fit-content;
    height: fit-content;
}

.RRReg_Nav>div>div:not(:last-child):after {
  content: '>';
  transform: translateX(50%);
}


#Tabs>li>a.active, .RRReg_Nav>div>div.selected
{
    color: #4b463e!important;
    border-color: #cbc1a9;
}

#Tabs>li>a.disabled, .RRReg_Nav>div>div.disabled
{
    color: #e1e0db!important;
}

.dropdown-menu
{
    z-index: 10000;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px !important;
    top: -2px!important;
}
@media only screen and (max-width: 960px) {
    #inscrits, #live, #resultats
    {
        padding: 0px!important;
    }
}


/* pour RaceResult */
div.Popup-Overlay > div.Popup-Loading {background-image: url(images/loading.svg)!Important;}
 .RRPublish.RRPublish-Loading {background-image: url(images/loading.svg)!Important;}
 @keyframes show {to {background-image: url(images/loading.svg)!Important;}}
 .RRParticipantView[data-state="loading"] {url(images/loading.svg)!Important;}
 .RRElements .RRResults.Loading {url(images/loading.svg)!Important;}
.RRReg_Expression {margin: 5px 0; } /* pour corriger l'affichage des légendes*/ 
.legende{border:1px solid #ddd !Important;border-top:0px !Important;top:-6px!Important;position:relative!Important;padding:10px!Important;left:2px}
.legende p, .legende li{font-style:italic!Important;font-size:14px!Important; font-weight: 500!important;}
.hide{ display: none;} /*Cache les champs qui ont la classe hide */
.RRReg div > .title p{font-size:150%!Important; text-align: center!Important; font-weight: 900!important;margin-top: 10px!Important;margin-bottom: 25px!important; color: #aca28b!important;}
.RRReg div > .subtitle {border-radius: 15px;padding: 10px;padding-bottom: 40px;border: 1px solid linen;}
.RRReg div > .subtitle > p, .RRReg div > .subtitle > div > p{font-size:120%!Important; font-weight: 800!important;margin-top: 10px!Important;margin-bottom: 25px!important; color: #aca28b!important;}
.RRReg div > .subtitle ~ .subtitle{margin-top: 40px!Important;}
.RRReg label {font-weight: 600; font-size: 14px!important;}
.RRReg .RRReg_TabsList div {position: relative !important;border-radius: 10px 10px 0px 0px;border: 2px solid #aca28b !important;border-bottom: 0px !important;top: 1px;}
.RRReg .RRReg_TabsList .RRReg_TabsList_RemoveTab{border: 0px !important;}
.RRReg .RRReg_TabsList > div:not(.selected) {height: 38px !important;}
.RRReg .RRReg_TabsList > .selected {height: 40px !important;}
.RRReg .RRReg_Box>p{font-weight: bold !Important;font-size:110%!Important;}
.RRReg .RRReg_Box {border-radius: 10px !Important; border:2px solid #aca28b!important;padding: 20px!important; margin-bottom: 40px!Important;}
.RRReg .RRReg_TabsList + .RRReg_TabContent .RRReg_Box {border-radius: 0px 10px 10px 10px !important;}
.RRReg_Text{margin :0px !Important;}
.RRReg_Error{position: relative;height: 20px;margin-bottom: -20px;z-index: 100;background: transparent!important;font-weight: bold!important;padding: 2px;}
.RRReg_Error::first-line {background: white;}
.RRReg .RRReg_Table {column-gap:0px !Important;}
.RRReg_Expression:not(.subtitle):not(.legende) {padding: 0px !Important;}
.ListControl{background-color: #FFFFFF!important; margin:20px!important; border:0px!Important;}
.ListControlSearch{width:60%!important;}
.ListControlSearch input{/*height:30px!important;*/}
.btnSearch, .btnClearSearch { background-color: #aca28b!important; padding: 5px!important; border: 1px solid #8f8672!important; /*height: 30px!important;*/ }
.btnFavorites {/*height: 30px!important;*/ width: 10%!important;}
.listGrouping { background-color: #c1b79f!important; color: #ffffff!Important; padding: 0px 10px !important;}
.RRReg_Field{margin-top:20px !important;}
.RRReg_Nav{font-size:14px; height:40px!Important; color: #000000!important;}
.RRReg_Nav>div>div{min-width: 10%!Important;background-color:#FFFFFF!important;}
.RRReg_Nav{background-color:#FFFFFF!Important;}
.RRReg_Main + div {display:none!Important;}
.RRReg_Main {max-width:800px!Important;}
.RRReg button, .RRRegStart button {background-color:#aca28b!Important; border-radius: 0.375rem!important}
.RRReg div.RRReg_EntryField .RRReg_RadioGroup {left: 2px !Important; position: relative !Important; }
.RRReg_EntryField input, .RRReg_EntryField select {margin-left: 2px;}
.RRReg_nav *{background-color: #FFFFFF!important;}
.RRReg_Table {white-space: nowrap;}
.RRRegStart_Registrations>div {display: flex; flex-direction: column; position: relative;}
.RRRegStart_Registrations>div>div {order: 2;}
.RRRegStart_Registrations>div>button {order: 1;}
@media only screen and (min-width: 960px) {.RRRegStart_Registrations>div>button {position: absolute; top:40px;right:30px;}}

.RRReg_RadioGroupTile {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px;}
.RRReg_RadioGroupTile label { flex: auto; text-align: center; margin-top: 15px !important; border-top: 1px solid #eee !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.RRReg_RadioGroupTile label.selected {background-color:#aca28b !important;color: #fff; border-radius: 5px;}

.RRReg_RadioGroup:not(.RRReg_RadioGroupTile) label { display: block; margin: 10px 5px; cursor: pointer;}
.RRReg_RadioGroup:not(.RRReg_RadioGroupTile) label input {display: none;}
.RRReg_RadioGroup:not(.RRReg_RadioGroupTile) label::before { content: ""; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; border: 2px solid #ccc; border-radius: 5px; background: #fff; font-size: 25px;}
.RRReg_RadioGroup:not(.RRReg_RadioGroupTile) label.selected::before { content: "✓"; border-color: #aca28b; background: #aca28b; color: #fff;}

.RRReg_Page_Payment [class="RRReg_Text"] {display: none};

.RRPublish tr:not(.MultiLine):nth-of-type(even),
.RRPublish tr:not(.MultiLine):nth-of-type(even) + tr.MultiLine {
    background: #f5f0e6 !important;
}

.RRPublish tr:not(.MultiLine):hover td,.RRPublish tr:not(.MultiLine):hover + tr.MultiLine td {background: #f4e8d0 !important;}
.RRPublish tr:not(.MultiLine):has(+ tr.MultiLine:hover) td,.RRPublish tr.MultiLine:hover td {background: #f4e8d0 !important;}

.RRPublish a.aShowAll {background-color: transparent !Important; }
/*.RRPublish div.SelectorParent > div.SelectorMenu {display:none!Important;}
.RRPublish div.SelectorParent > div.Selector:not(.hasLabel) > div > span {display:unset!Important;}
.RRPublish div.SelectorParent > div.Selector {justify-content:unset !important;}*/
.RRPublish div.RRSelectorParent > div.RRSelectorDesktop > div {border: unset !Important;}
.RRPublish div.RRSelectorParent > div.RRSelectorDesktop > div select {border: 1px solid!Important;border-radius: 5px!Important;}
.RRPublish div.RRSelectorParent > div.RRSelectorMobile {display:none !important}


@media only screen and (max-width: 640px) {
    .RRPublish div.RRSelectorParent > div.RRSelectorDesktop {display: unset!Important;}
    .RRPublish div.RRSelectorParent > div.RRSelectorDesktop > div {max-width: unset !important; width: 100% !important; margin-bottom: 5px;}
/*
    .RRPublish div.SelectorParent {background-color: #e3e3e3 !important; border-bottom:1px solid #aaa !Important;}
    .RRPublish div.SelectorParent > div.Selector {position: relative!important; padding:0px !Important; border:0px!Important; display:unset!important;}
    .RRPublish div.SelectorParent > div.Selector div { width: calc(100% - 20px)!important; margin: 5px 10px!important; background-color: transparent !important;}
*/
}

.divDetailsResults tr {line-height: 30px;}
.divDetailsResults tbody tr:nth-child(odd){background-color:#fff7e6;}

.modal {--bs-modal-width:800px};

.card
{
    border-color: #cbc1a9;
}

.btn-outline-sportchrono {
    --bs-btn-color: #aca28b;
    /*--bs-btn-bg: #aca28b;*/
    --bs-btn-border-color: #aca28b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aca28b;
    --bs-btn-hover-border-color: #aca28b;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #aca28b;
    --bs-btn-active-border-color: #aca28b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #aca28b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #aca28b;
    --bs-gradient: none;
    color: var(--bs-btn-color) !important;
    background-color: var(--bs-btn-bg) !important;
}

.btn-sportchrono {
    --bs-btn-color: #fff;
    --bs-btn-bg: #aca28b;
    --bs-btn-border-color: #aca28b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aca28b;
    --bs-btn-hover-border-color: #aca28b;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aca28b;
    --bs-btn-disabled-border-color: #aca28b;
}

.RRReg .btn{
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    min-width: 170px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.RRReg .btn p{
    color: var(--bs-btn-hover-color) !important;
    font-weight:unset;
}

.RRReg .btn:hover {
    filter: brightness(115%);
}