/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 */  

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

 html {
    font-family: "Red Hat Display", Lato, Arial, Helvetica, sans-serif!important;
    font-size: 16px;
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body {
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H2  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H3  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H4  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H5, DT  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H6  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

P {
    word-break: break-word;
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
    border-top: 1px solid #c5c5c5;
}

.ICG_SPR_Username {
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
}

span.Language {
    padding: 5px;
    font-size: 15px !important;
}

span.Language.selected {
    color: #cd2329;
    font-weight: 700;
}

span.Language a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px !important;
}

span.Language a:hover {
    color: #cd2329;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


/* P1 changes */
#HeaderTwo #skin_header{
    background-image: url('./images/ARF_Maple.png');
}
.indent {
    padding: 10px 15px;
}
.language_position {
    /* padding: 0px 10px 0 0; ARF-Figma*/ 
    text-align: right;
}
.arilogo {
    max-width: 125px;
    height: auto;
}
.txt-partnership-heading {
    font-size: 20px;
    font-weight: 600;
  }
.container-partnership,
.container-partnership-blue {
    display: flex;
}
.container-partnership p,
.container-partnership a,
.container-partnership-blue p,
.container-partnership-blue a {
    color: #FFFFFF !important;
}
.container-partnership {
    background-color: #77090d;
    padding: 40px;
}
.container-partnership-blue {
  background-color: #2b323a;
  padding: 40px;
}
.logo-partnership {
    padding-right: 20px;
    margin: auto 0px;
}
.content-partnership {
    padding-left: 20px;
}
.ar-section-title-container {
    border-bottom: 1px solid #dddddd;
    margin: 20px 0px 0px 0px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.ar-footer-container {
}
.ar-bg-color-dark-gray {
	/* background-color: #d9d9d9; */
	background-color: #fff;

    width: 100%;
}
.ar-section-title-container {
	border-bottom: 1px solid #dddddd;
}
.ar-section-title {
    border-bottom: 2px solid #cd2329;
    font-size: 18px;
    color: #555555;
    display: inline-block;
    padding: 7px 0;
    margin: 0px;
}
.ar-section-title:hover {
	color: #cd2329;
}
.ar-footer-social-container {
    display: block;
    margin: auto;
    max-width: 1140px;
    padding: 20px 0px 0px 0px;
}
.ar-footer-social-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ar-footer-social-wrapper > ul {
    list-style: none;
    display: block;
    margin: 0px;
}
.ar-footer-social-wrapper > ul > li {
    display: inline-block;
    margin: 0px 10px;
}
.ar-footer-social-wrapper > ul > li > a {
    display: block;
	text-decoration: none !important;
}
.ar-footer-social-wrapper > ul > li > a > img {
    width: 37px;
}
.ar-footer-links-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ar-footer-links-wrapper > ul {
    display: block;
    margin: 0px;
}
.ar-footer-links-wrapper > ul > li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.ar-footer-links-wrapper > ul > li > a {
    color: #000000;
    text-decoration: none;
}
.ar-footer-links-wrapper > ul > li > a:visited{
 color: #000000 !important;
}
.ar-footer-links-wrapper > ul > li:not(:last-child) > a:after {
    content: '|';
    margin: 0px 10px;
    position: relative;
    top: -1px;
}
.ar-footer-links-container {
    display: block;
    margin: auto;
    max-width: 1140px;
    padding: 0px 0px 0px 0px;
}
.ar-footer-links-wrapper > ul > li > a:after {
    color: #999;
}
.ar-banner-container {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 420px;
	/* background-image: url(/portals/0/Images/new/ARF_test_hero_image.jpg); */
    background-color: #222430;
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.ar-banner-wrapper {
	display: flex;
    height: 420px;
}
.ar-banner-content-wrapper, .header-banner-dynamic-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ar-banner-content-wrapper {
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 60%;
}
.header-banner-dynamic-container {
    width: 40%;
    background-color: #222430;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ar-banner-content {
    background-color: #000;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    padding: 20px 50px;
    font-size: 38px;
    font-style: italic;
}
.ar-banner-frame {
    display: block;
    margin: auto;
    max-width: 1140px;
}
.header-banner-dynamic-wrapper {
}
/*.login_input_wrapper > input {
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    outline: none !important;
    font-size: 15px;
}*/
.header-banner-dynamic-wrapper .login_con .login_lightbox .white-popup {
    display: none;
}
.header-banner-dynamic-wrapper .login_con .login_lightbox > a {
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.menu_box {
    display: flex;
    align-items: center;
}
/*.logout > a {
    color: white !important;
    white-space: nowrap;
    font-size: 15px !important;
    font-weight: normal;
    text-transform: none;
}
.logout > a:hover {
    color: #cd2329 !important;
}*/
.header-banner-dynamic-container-wrapper .login_con > br {
    display: none;
}
.header-banner-dynamic-container-title {
    color: #fff;
    margin: 0px;
    text-align: center;
    font-size: 32px;
}
.login_input_wrapper > label {
    color: #fff;
}
.header-banner-dynamic-container-wrapper {
    width: 100%;
    padding: 0px 40px;
}
.login_input_wrapper > br {
    display: none;
}	
/*.login_button > a {
    width: 100%;
    display: inline-block;
    padding: 8px;
    background-color: #cd232a;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px 40px 0px;
    text-transform: uppercase;
    text-decoration: none;
}*/
.menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
    /* content: '|';  ARF-Figma*/
    left: 16px;
    position: relative;
    color: #929292;
	display:initial !important;
}


.red-filled-join-now > a > span:after,
.menu_box ul.rootMenu > li.red-filled-join-now-remove-after > a > span:after {
	display: none !important;
}

.red-filled-join-now > a {
    background-color: #cd232a;
    color: #fff !important;
}
#HeaderTwo #standardMenu .red-filled-join-now:hover > a > span {
    color: #fff !important;
}

.menu_box ul.rootMenu > li a span {
    padding: 8px 18px !important;
    box-sizing: border-box;
    height: auto !important;
    line-height: initial !important;
    line-height: inherit !important;
}

.dnnForm {
    padding-top: 15px;
}

div#dnn_Socialpane {
    width: 100%;
}

.P1ShowLink .containerDiv {
    width: 100% !important;
    border: none !important;
    padding: 0px !important;
}
table.surveyTable {
    width: 100%;
}
table.surveyTable > tbody > tr > td.surveyTypeColumn,
table.surveyTable > tbody > tr > td.surveyDescriptionColumn,
table.surveyTable > tbody > tr > td.surveyStatusColumn {
    display: none;
}
table.surveyTable > tbody > tr {
    display: flex;
    flex-direction: row;
    align-items: center;
}
table.surveyTable > tbody > tr > td {
    color: #333;
    padding: 0px 10px 0px 10px;
}
table.surveyTable > tbody > tr > td.surveyNameColumn {
    order: 1;
    padding: 0px 0px 0px 0px;
    width: 31%;
    word-break: break-all;
}
table.surveyTable > tbody > tr > td.surveyLengthColumn {
    order: 2;
	width: 20%;
}
table.surveyTable > tbody > tr > td.completePointsColumn {
    order: 3;
    width: 25% !important;
}
table.surveyTable > tbody > tr > td.startSurveyColumn {
    order: 4;
    width: 24% !important;
    padding: 0px;
}
table.surveyTable > tbody > tr > td.startSurveyColumn > b {
    display: none;
}
table.surveyTable > tbody > tr > td.startSurveyColumn {
    text-align: center;
    padding: 0px 0px;
}
table.surveyTable > tbody > tr:first-child > td {
    padding: 0px;
}
table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.gamingPointsCol,
table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.financialPointsCol > b {
    display: none;
}

table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.financialPointsCol {
    text-indent:9%;
}
table.surveyTable > tbody > tr:nth-child(3) {
	display: none;
}
table.surveyTable > tbody > tr > td.startSurveyColumn > a {
    background-color: #cd2329;
    border-radius: 0px;
    padding: 10px 8px;
    margin: 5px 0px;
    display: inline-block;
    color: black;
}
table.surveyTable > tbody > tr:first-child {
    display: none;
}

/*div#dnn_TopGrid6A, div#dnn_TopGrid6B,
div#dnn_TopGrid8L, div#dnn_TopGrid4R,
div#dnn_TopGrid4L, div#dnn_TopGrid8R,
div#dnn_OneGrid3, div#dnn_OneGrid9,
div#dnn_ThreeGrid9, div#dnn_ThreeGrid3,
div#dnn_FiveGrid6A, div#dnn_FiveGrid6B,
div#dnn_EightGrid4, div#dnn_EightGrid8,
div#dnn_NineGrid8, div#dnn_NineGrid4,
div#dnn_GrayGrid6A, div#dnn_GrayGrid6B,
div#dnn_Middle2Grid8, div#dnn_Middle2Grid4,
div#dnn_BottomGrid8,div#dnn_BottomGrid4 {
    width: 50% !important;
}
div#dnn_TopGrid4A, div#dnn_TopGrid4B, div#dnn_TopGrid4C,
div#dnn_TwoGrid4A, div#dnn_TwoGrid4B, div#dnn_TwoGrid4C,
div#dnn_MiddleGrid4A, div#dnn_MiddleGrid4B, div#dnn_MiddleGrid4C,
div#dnn_FixedBG4A, div#dnn_FixedBG4B, div#dnn_FixedBG4C,
div#dnn_ColorGrid4A, div#dnn_ColorGrid4B, div#dnn_ColorGrid4C,
div#dnn_BottomGrid4A, div#dnn_BottomGrid4B, div#dnn_BottomGrid4C,
div#dnn_Middle2Grid4A, div#dnn_Middle2Grid4B, div#dnn_Middle2Grid4C {
    width: 33.33% !important;
}
div#dnn_TopGrid3A, div#dnn_TopGrid3B, div#dnn_TopGrid3C, div#dnn_TopGrid3D,
div#dnn_SixGrid3A, div#dnn_SixGrid3B, div#dnn_SixGrid3C, div#dnn_SixGrid3D,
div#dnn_FooterGrid3A, div#dnn_FooterGrid3B, div#dnn_FooterGrid3C, div#dnn_FooterGrid3D {
    width: 25% !important;
}
div#dnn_TopGrid12,
div#dnn_FourGrid12,
div#dnn_SevenGrid12,
div#dnn_TenGrid12,
div#dnn_GrayGrid12,
div#dnn_MiddleGrid12,
div#dnn_FixedBG,
div#dnn_Middle2Grid12,
div#dnn_ColorGrid12,
div#dnn_BottomGrid12,
div#dnn_ElevenGrid12 {
    width: 100% !important;
}*/

/* P1 changes end */

/*P1 changes responsive*/
	@media only screen and (min-width : 991px) {
		.c_title_black,
		.ar-section-title {
			font-size: 24px;
		}
		.Normal {
			font-size: 17px;
			line-height: 1.5em;
		}
		.menu_box {
			font-size: 13px;
			font-weight: bold;
			display: flex !important;
			align-items: center;
		}
	}
	@media only screen and (min-width : 768px) and (max-width : 990px) {
		.c_title_black,
		.ar-section-title {
			font-size: 21px;
		}
		.Normal {
			font-size: 18px;
			line-height: 1.5em;
		}
		.logout > a {
			display: inline-block;
			width: 100%;
			padding: 20px 20px !important;
			background-color: #6b6b6b;
			font-size: 13px !important;
			font-weight: bold;
			color: #fff !important;
		}
		.mobile_nav {
			bottom: initial;
			top: calc(50% - 20px);
        }
        .menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
			display:none !important;
		}
		.menu_box .logout > a:before {
			display:none !important;
		}
	}
	@media only screen and (min-width : 320px) and (max-width : 767px) {
		.c_title_black,
		.ar-section-title {
			font-size: 21px;
		}
		.Normal {
			font-size: 18px;
			line-height: 1.5em;
		}
		.logout > a {
			display: inline-block;
			width: 100%;
			padding: 20px 20px !important;
			background-color: #6b6b6b;
			font-size: 13px !important;
			font-weight: bold;
			color: #fff !important;
		}
		.ar-banner-container {
			height: auto;
		}
		.ar-footer-links-wrapper > ul > li {
			display: block;
		}
		.ar-footer-links-wrapper > ul > li:not(:last-child) > a:after {
			display: none;
		}
		.ar-banner-wrapper {
			display: block;
			height: auto;
		}
		.ar-banner-content-wrapper, .header-banner-dynamic-container {
			display: block;
			width: 100%;
			box-sizing: border-box;
		}
		.ar-banner-frame .header-banner-dynamic-wrapper {
			display: block;
			margin: 40px auto;
			position: relative;
			left: initial;
			width: 100%;
			max-width: 320px;
			padding: 0px 15px;
		}
		.ar-banner-content-wrapper {
			width: 100%;
			height: 66vw;
		}				
		.site_logo {
			margin-right: 60px !important;
		}
		.mobile_nav {
			bottom: initial;
			top: calc(50% - 20px);
		}
		.menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
			display:none !important;
		}
		.menu_box .logout > a:before {
			display:none !important;
		}
	}
/*P1 changes responsive*/ 
/*p1 show award points*/
/*End p1 show award points*/

/* 01nov2018 changes */
.menu_box .logout > a:before {
    content: '|';
    left: -12px;
    position: relative;
    color: #929292;
}

.ModDynamicLoginC .dnnFormMessage{
	color:white;
}
.footer-class{
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .container-partnership,
    .container-partnership-blue {
        flex-direction: column;
    }
    .logo-partnership {
        padding: 0px 0px 20px 0px;
        margin: 0px auto;
    }
    .content-partnership {
        padding: 20px 0px 0px 0px;
    }
	.P1ShowLink {
		overflow-x: auto;
	}
	table.surveyTable {
		width: 100% !important;
		min-width: 600px;
    }
   .signin-class p.font-header.text-3xl
  {
    font-size: 40px !important;
    }
    .join-head{
       /* flex-wrap: wrap;  */
    }
    #dnn_ctr506_HtmlModule_lblContent div{
        padding-left: unset !important;
        padding-right: unset !important;
    }
    .header-banner-dynamic-wrapper{
        padding: unset !important;
    }
    .signin-class .forgotpass-class{
        text-align: end;
    }
    .signinclick-class .lg\:max-w-md, .signin-class .lg\:max-w-md{
        float: unset !important;
    }
    .footer-liner{
justify-content: center !important;
    flex-wrap: wrap;
    }
    .footer-liner .text-black{
        padding-bottom: 10px;
    }
    .en-footer{
        display: block !important;
    }
    .captcha{
padding: 8px 5px 5px 5px !important;
}
}

.addquestionwrap input[type="text"], select {
    width: 12% !important;
}

.header-banner-dynamic-wrapper .login_con .login_lightbox > a {
    text-underline-offset: 4px;
    font-size: 13px;
    text-align: end;
}

#redeemPopupEngId{
position: fixed;
z-index: 1000;
display: flex;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
right: 0;
left: 0;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.7);
}

/* PSUP-8003 */
.join-container {
    background-color: #D11F30;
    font-family: 'proxima_nova_rgbold', Georgia, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 25px;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
}
.join-anchor {
    display: table;
    margin: auto;
    padding: 20px 50px;
    font-size: 22px;
    font-weight: 800;
   margin-top: 20px;
}
a.join-button.join-bottom {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}
.center {
    text-align: center;
}

.site_logo{
    padding: 0px!important
}
.site_logo img{
    height: 75px;
}

#HeaderTwo #skin_header{
    padding: 20px 0;
    background-image: none;
    border-bottom: 1px solid #BC78EC;
}
.menu_box ul.rootMenu > li a span{
    color: #000 !important
}
.menu_box ul.rootMenu > li a:hover span{
    color: #730093 !important
}

.red-filled-join-now > a{
background: #730093;
background: linear-gradient(90deg,rgba(115, 0, 147, 1) 0%, rgba(30, 107, 232, 1) 100%);
  color: #fff!important;
  border-radius: 0.5rem;
}
.red-filled-join-now > a:hover{
background: #730093;
background: linear-gradient(90deg,rgba(30, 107, 232, 1) 0%,rgba(115, 0, 147, 1) 100%);
}
.menu_box ul.rootMenu > li.red-filled-join-now > a span{
  color: #fff!important;
  /* font-weight: 600!important; ARF-Figma*/
}



.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.isolate {
  isolation: isolate;
}

.-z-10 {
  z-index: -10;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.\!mb-10 {
  margin-bottom: 2.5rem !important;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-8 {
  margin-top: 2rem;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.h-16 {
  height: 4rem;
}

.h-24 {
    height: 6rem;
    display: block;
    margin: -11px;
    padding: -5px;
    max-width: 100%;
}

.h-full {
  height: 100%;
}

.min-h-96 {
  min-height: 24rem;
}

.w-full {
  width: 100%;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xl {
  max-width: 36rem;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.\!space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.text-pretty {
  text-wrap: pretty;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border-0 {
  border-width: 0px;
}

.bg-\[\#D3EFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(211 239 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F6ECFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 236 255 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-4 {
  padding: 1rem;
}

.p-8 {
  padding: 2rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pt-8 {
  padding-top: 2rem;
}

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center;
}

.font-header {
  font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.\!text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!font-bold {
  font-weight: 700 !important;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.\!leading-tight {
  line-height: 1.25 !important;
}

.\!tracking-tight {
  letter-spacing: -0.025em !important;
}

.\!text-\[\#54006B\] {
  --tw-text-opacity: 1 !important;
  color: rgb(84 0 107 / var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn:hover {
  gap: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.btn-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.btn .join-container {
  border-radius: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
  font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 700 !important;
}

.btn-styled {
background: linear-gradient(90deg,rgba(115, 0, 147, 1) 0%, rgba(30, 107, 232, 1) 100%);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-styled:hover {
background: linear-gradient(90deg,rgba(30, 107, 232, 1) 0%,rgba(115, 0, 147, 1) 100%);
}

@media (min-width: 640px) {
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:flex-auto {
    flex: 1 1 auto;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:\!text-left {
    text-align: left !important;
  }
  .lg\:h-full{
      height: 965px !important;
  }
}

.skin_width {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
  max-width: 100% !important;
}

.skin_width {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem!important;
}


.accent-link {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
  /* text-decoration-line: underline !important; ARF-Figma*/
    text-decoration-line: unset !important; /*ARF-Figma*/
  text-decoration-color: #730093 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  font-size: 17.835px !important;
  font-weight: 700 !important;
}

.accent-link:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(115 0 147 / var(--tw-text-opacity, 1)) !important;
  text-underline-offset: 2px !important;
}

.footer-liner{
  border-top: 1px solid #B4B4B4
}
.hover\:\!text-\[\#730093\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(115 0 147 / var(--tw-text-opacity, 1)) !important;
}

.DnnModule-Authentication DnnModule-457{
    display: none !important;
	}


/*ARF-Figma*/
.signup-page{
    background-color: #F6ECFF;
}

.signup-page .ModDigFormC .control{
display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.signup-page .ModDigFormC .control .field{
width: 100%;
}
.signup-page .ModDigFormC .control .label{
    /* width: 16%; */
    width: 24%;
    text-align: left;
}
.signup-page .ModDigFormC .control .field input{
    /* width: 75%; */
    width: 90%;
    height: 45px;
}

.signup-page .skin_top_content{
    padding-top: 0 !important;
}

.signup-page .content-section > :not([hidden]) ~ :not([hidden]){
 margin-top: 0 !important;
}

.signup-page #df_field_4{
    width: 50%;  
}
.signup-page #df_field_4 .label{
    /* width: 52%;  */
    width: 85%; 
}


.signup-page #df_field_5{
   width: 50%;  
}
.signup-page #df_field_5 select{
    width: 78% !important;
    height: 45px;
}

.signup-page #df_field_6{
    width: 50%;  
}
.signup-page #df_field_6 .label{
    /* width: 44%;  */
    width: 75%; 
}

.signup-page #df_field_7{
   width: 50%;  
}
.signup-page #df_field_6 select{
    width: 83% !important;
    height: 45px;
}
.signup-page #df_field_7 select{
    width: 75% !important;
    height: 45px;
}
.signup-page .submit{
    background: linear-gradient(90deg, rgba(115, 0, 147, 1) 0%, rgba(30, 107, 232, 1) 100%);
    color: #fff !important;
    border-radius: 8.38px;
    text-align: center !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        position: relative;
    bottom: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 35px;
    padding: 6px 0 6px 17px !important;
    width: 119px;
        
    font-size: 17.835px !important;
    font-weight: 500 !important;
}
.signup-page .submit:hover{
    background: linear-gradient(90deg, rgba(30, 107, 232, 1) 0%, rgba(115, 0, 147, 1) 100%);
}
.signup-page-en .submit{
/* width: 75px; */
}
.signup-page-fr .submit{
/* width: 110px; */
}
.signup-page .submit input[type="submit"]{
        /* padding: 6px 23px !important; */
         /* padding: 6px 35px !important; */
         padding: 6px 35px 6px 16px !important;
}
.signup-page .submit:hover{
/* background: linear-gradient(90deg, rgba(30, 107, 232, 1) 0%, rgba(115, 0, 147, 1) 100%); */
}

.signup-page .df_Default .focus{
    background-color: unset !important;
}

.signup-page #df_field_8 label{
    width: 50% !important;
}
.signup-page #df_field_8 select{
    width: 83% !important;
    height: 45px;
}

.signup-page #df_field_9 label,
.signup-page #df_field_14 label{
    width: 75% !important;
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 400;
    display: none;
}
.signup-page #df_field_14 .val_block{
    /* display: none; */
    width: 230px;
    position: absolute;
}
.signup-page .ModDigFormC #df_field_9 .field input,
.signup-page .ModDigFormC #df_field_14 .field input{
    border-radius: 9px !important;
    width: 26px !important;
    height: 26px;
}
.signup-page #df_field_9 .field,
.signup-page #df_field_14 .field{
text-align: left;
}
.signup-page #df_field_9{
 width: 50% !important;
}
.signup-page .ModDigFormC #df_field_16 .label{
width: 100% !important;
}
.signup-page #df_field_9{
 width: 50% !important;
}
.signup-page .df_Default .field{
    padding: unset !important;
}
.signup-page #df_field_14,
.signup-page #df_field_9 {
    width: 100% !important;
    align-items: baseline;
}
.signup-page #df_field_16{
    display: none;
}
.signup-page #df_field_14::after,
.signup-page #df_field_9::after{
    content: 'I have read and agree to the terms of service';
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 400;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    color: #3A3A3A !important;
}

.signup-page-fr #df_field_14::after,
.signup-page-fr #df_field_9::after{
    content: 'J ai lu et j accepte les conditions d utilisation';
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 400;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    color: #3A3A3A !important;
}


.signup-page .ModDigFormC #df_field_14 .field,
.signup-page .ModDigFormC #df_field_9 .field{
    width: unset !important;
}

.signup-page #df_field_10 .field,
.signup-page #df_field_16 .field{
    display: none;
}
.skin_search{
    display: none;
}
.df_Default .required{
    color: #000000 !important;
}
.contact-page .df_form .required_label{
    padding-left: 0 !important;
    font-size: 20px !important;
    position: relative;
    top: -10px;
}

.contact-page .Bt3_style:hover .c_title_black{
color:  #000000 !important;
}

.contact-page .contact-form .df_Default .field{
/* padding-bottom: 25px !important; */
padding-bottom: 14px !important;
    padding-top: 9px !important;
}
.contact-page #df_field_request .field{
    width: 50%;
}
.contact-page #df_field_request .field select{
    width: 80% !important;
}
.contact-page .df_Default .focus{
    background-color: unset !important;
}

.contact-page #df_field_name label,
.contact-page #df_field_email label,
.contact-page #df_field_request label,
.contact-page #df_field_message label{
    font-size: 22px;
     font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
     font-weight: 600;
     line-height: 100%;
}
.contact-page .submit:after{
    content: "\279C";
    font-size: 17.835px;
  color: #fff;
    position: relative;
    right: 30px;
}

.contact-page .submit input[type="submit"]{
     font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
     height: 40px !important;
     /* width: 183px !important; */
     /* width: 130px !important; */
     font-size: 17.835px !important;
    font-weight: 500 !important;
        /* padding: 5px 35px !important; */
        padding: 5px 35px 5px 15px !important;
}

#standardMenu .rootMenu > li a span{
    font-size: 17.835px !important;
    font-weight: 500 !important;
}
#standardMenu .rootMenu > li.red-filled-join-now{
    font-weight: 800 !important;
}

.signup-page .skin_width{
    max-width: unset !important;
    padding: 0 !important;
}

.signup-page .banner-section{
    background-color: #FFFFFF;
}
.signup-page .DnnModule-1780,
.signup-page .DnnModule-1783{
    background-color: #FFFFFF;
}
.signup-page-en .DnnModule-DigForm .Bt3_style{
    text-align: center;
    max-width: 64rem;
    margin: auto;
    padding: 0 50px;
}
.signup-page-fr .DnnModule-DigForm .Bt3_style{
    text-align: center;
    max-width: 64rem;
    margin: auto;
    padding: 0 35px;
}

.signup-page #df_field_4 .ui-datepicker-trigger{
    position: relative;
    left: 10px;
}
.signup-page .ModDigFormC #df_field_10 .label{
    display: unset !important;
    width: 100%;
    font-size: 28px;
    color: #3A3A3A !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.signup-page .ModDigFormC #df_field_11 .field{
    display: none;
}
.signup-page .ModDigFormC #df_field_11 .label{
    display: unset !important;
    width: 100%;
    font-size: 18px;
    color: #3A3A3A !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: normal;
        padding-bottom: 26px;
}

.signup-page .ModDigFormC #df_field_12 .label,
.signup-page .ModDigFormC #df_field_13 .label{
width: 41% !important;
}
.signup-page-fr .ModDigFormC #df_field_4 .field input{
width: 85% !important;
}
.signup-page #df_field_14 label{
    width: 75% !important;
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-weight: 400;
}

.signup-page .ModDigFormC #df_field_14 .field input{
width: 1%;
}

.signup-page .ModDigFormC #df_field_6 .hint{
    background-color: unset !important;
    font-style: normal !important;
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-weight: 400;
         color: #3A3A3A !important;
        /* padding: 8px 0 0 30px; */
}

.signup-page-en .ModDigFormC #df_field_1 .label,
.signup-page-en .ModDigFormC #df_field_2 .label,
.signup-page-en .ModDigFormC #df_field_3 .label,
.signup-page-en .ModDigFormC #df_field_4 .label,
.signup-page-en .ModDigFormC #df_field_5 .label,
.signup-page-en .ModDigFormC #df_field_6 .label,
.signup-page-en .ModDigFormC #df_field_7 .label,
.signup-page-en .ModDigFormC #df_field_8 .label,
.signup-page-en .ModDigFormC #df_field_12 .label,
.signup-page-en .ModDigFormC #df_field_13 .label,
.signup-page-en .ModDigFormC #df_field_15 .label{
    font-size: 22px !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-weight: 600;
        color: #3A3A3A !important;
}

.signup-page-fr .ModDigFormC #df_field_1 .label,
.signup-page-fr .ModDigFormC #df_field_2 .label,
.signup-page-fr .ModDigFormC #df_field_3 .label,
.signup-page-fr .ModDigFormC #df_field_4 .label,
.signup-page-fr .ModDigFormC #df_field_5 .label,
.signup-page-fr .ModDigFormC #df_field_6 .label,
.signup-page-fr .ModDigFormC #df_field_7 .label,
.signup-page-fr .ModDigFormC #df_field_8 .label,
.signup-page-fr .ModDigFormC #df_field_12 .label,
.signup-page-fr .ModDigFormC #df_field_13 .label,
.signup-page-fr .ModDigFormC #df_field_15 .label{
    font-size: 20px !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-weight: 600;
         color: #3A3A3A !important;
}

.signup-page .ModDigFormC .df_Default .field input, .signup-page .df_Default .field select,.signup-page .df_Default .field textarea, .signup-page .ModDigFormC .df_Default .normal input{
    border: unset !important;
    border-radius: 9.969px !important;
}

.signup-page .ModDigFormC #df_field_8 .label{
    width: 90% !important;
}

.signup-page .submit:after{
    content: "\279C";
    font-size: 17.835px !important;
  color: #fff;
    position: relative;
        /* left: 10px; */
        /* right: 20px; */
        padding-right: 10px;
}
.signup-page-fr .submit:after{
/* right: 27px; */
}
.signup-page-en .submit:after{
/* right: 27px; */
}
.signup-page #df_field_1{
    padding-top: 20px;
    padding-bottom: 21px;
}
.signup-page #df_field_2,
.signup-page #df_field_3,
.signup-page #df_field_4,
.signup-page #df_field_5,
.signup-page #df_field_6,
.signup-page #df_field_12,
.signup-page #df_field_15{
    padding-bottom: 21px;
}

.signup-page #df_field_8{
    /* padding-bottom: 16px; */
    padding-bottom: 55px;
}
.signup-page #df_field_13{
    padding-bottom: 30px;
}

.signup-page #df_field_6 .field{
    position: relative;
    top: 16px;
}

.signup-page #df_field_17 .field input{
    display: none;
}

.signup-page-en #df_field_17 {
    width: 25%;
    position: relative;
    left: 27px;
    bottom: 55px;
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 400;
    color: #3A3A3A !important;
}
.signup-page-fr #df_field_17 {
    width: 25%;
    position: relative;
    left: 3px;
    bottom: 46px;
    font-size: 15px;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 400;
    color: #3A3A3A !important;
}

.signup-page .df_Default .hint{
    background-color: unset !important;
}

.signup-page #df_field_9{
    padding-bottom: 45px;
}
.signup-page .df_Default .required{
padding-left: 0 !important;
    font-size: 20px !important;
    position: relative;
    top: -10px;
}

select.ui-datepicker-month,
select.ui-datepicker-year{
    width: 50% !important;
}
.signup-page .skin_top_content a:not(.btn ){
    text-decoration-color: #3A3A3A !important;
    color: #fff !important;
    text-decoration-line: unset !important;
}
.contact-page #dnn_ContentPane.col-md-12{
    /* height: 100vh; */
}
.contact-page .contact-form .ModDigFormC p{
        padding-bottom: 254px;
}
.cb03_style{
        margin-bottom: 25px !important;
    margin-top: 25px;
}
.DnnModule-P1SelfService_AccountSettings #bodysection{
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.DnnModule-P1SelfService_AccountSettings #bodysection .member-survey-type-wrapper,
.member-survey-type-description .bal-left,
.member-survey-type-description .bal-right{
 font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.language-object select{
    padding-left: 0.75rem !important;
    height: unset !important;
        padding-right: 2.5rem !important;
}
.contact-page .skin_top_content{
padding-top: 3rem !important;
}
#dnn_ctr354_dnnTITLE_titleLabel,
#dnn_ctr354_dnnTITLE_titleLabel:hover,
#dnn_ctr385_dnnTITLE_titleLabel,
#dnn_ctr385_dnnTITLE_titleLabel:hover,
#dnn_ctr431_dnnTITLE_titleLabel,
#dnn_ctr431_dnnTITLE_titleLabel:hover,
#dnn_ctr437_dnnTITLE_titleLabel,
#dnn_ctr437_dnnTITLE_titleLabel:hover{
    color: #730093 !important;
}
#dnn_ctr438_dnnTITLE_titleLabel{
    padding-bottom: 30px;
}
#dnn_ctr1788_HtmlModule_lblContent{
            font-size: 2.25rem;
        line-height: 2.5rem;
        color: #000000;
        font-weight: bold;
            /* padding: 5px 3px 1px; */
}

.slick-dots, .slick-slide.slick-cloned, .slick-prev , .slick-next{
    display: none !important;
}
.notitle_container{
    padding: 5px 3px 30px;
    font-size: 20px;
}
.menu_box{
    padding-right: 0 !important;
}
.DnnModule-P1SurveysAndProfiles .img-class{
 width: 50%;
    float: right;
    margin-bottom: 0.5rem;
}
#dnn_FooterPane{
    padding-left: 0 !important;
}
.p1_rwd_rewardsDetails{
    font-size: 20px !important;
}

.DnnModule-P1Rewards #dnn_ctr438_ContentPane{
padding-left: 3px;
}

#dnn_ctr1705_ContentPane,
#dnn_ctr435_ContentPane{
width: 100%;
    display: flex;
}
.DnnModule-P1ShowAwardPointsMini .img-class{
    width: 50%;
    float: right;
        margin-bottom: 1rem;
}
.P1SurveyAndProfile #dnn_ctr1704_View_Label5,
.P1SurveyAndProfile #dnn_ctr434_View_Label5{
    display: none;
}
.P1SurveyAndProfile{
    width: 50% !important;
}
@media (max-width: 768px) {
  .signup-page .skin_width{
    min-width: unset !important;
}
.signup-page .DnnModule-DigForm .Bt3_style{
    padding: unset;
    max-width: unset;
}
  .signup-page #df_field_4, 
   .signup-page #df_field_5,
   .signup-page #df_field_6,
   .signup-page #df_field_7{
      width: 100%;
}
.signup-page .submit{
    position: unset;
    float: unset;
    margin: 0 auto;
}
.signup-page #df_field_1,
.signup-page #df_field_2,
.signup-page #df_field_3,
.signup-page #df_field_4,
.signup-page #df_field_5,
.signup-page #df_field_6,
.signup-page #df_field_7,
.signup-page #df_field_8,
.signup-page #df_field_12,
.signup-page #df_field_15,
.signup-page #df_field_13{
    display: unset;
}
.signup-page #df_field_1 label,
.signup-page #df_field_2 label,
.signup-page #df_field_3 label,
.signup-page #df_field_15 label,
.signup-page #df_field_4 label,
.signup-page #df_field_5 label,
.signup-page #df_field_6 label,
.signup-page #df_field_8 label,
.signup-page .ModDigFormC #df_field_12 .label, 
.signup-page .ModDigFormC #df_field_13 .label{
    width: 100% !important;
}
.signup-page .hint{
    padding-bottom: 10px !important;
    padding-left: 0 !important;
}
.signup-page .ModDigFormC .control .field input,
.signup-page #df_field_5 select,
.signup-page #df_field_6 select,
.signup-page #df_field_7 select,
.signup-page #df_field_8 select{
    width: 100% !important;
}
.signup-page .ModDigFormC{
    padding: 0 20px;
}
.signup-page .DnnModule-1780{
    padding: 0 10px;
}
.skin_width{
    padding-left: unset !important;
     padding-right: unset !important;
}
.signup-page-fr .ModDigFormC #df_field_4 .field input{
    width: 100% !important;
}
/* .signup-page-fr #df_field_17{
    left: 6px;
    width: unset;
}
.signup-page-en #df_field_17{
    left: -8px;
    width: unset;
    bottom: 48px;
} */
.contact-page #df_field_request .field{
    width: 100% !important;
}
.contact-page #dnn_ContentPane.col-md-12{
    /* height: unset; */
}
.slick-track{
    width: 100% !important;
    display: contents;
}
#dnn_ctr1788_HtmlModule_lblContent{
    font-size: 24px;
}
#dnn_ctr385_HtmlModule_lblContent p{
/* padding: 0 20px !important; */
    /* text-align: center; */
}
.skin_top_content{
    padding-left: 1rem;
        padding-right: 1rem;
}
}
@media (max-width: 480px) {
 .signup-page-fr #df_field_17{
    width: unset;
    top: -24px;
    left: -81px;
}
.signup-page-en #df_field_17{
    width: unset;
    bottom: 30px;
    left: -68px;
}
.logo_style{
    padding-left: 10px !important;
}
.contact-page .skin_top_content{
    padding: 0 10px;
}
.contact-page .submit input[type="submit"]{
    /* width: 160px !important; */
}
.contact-page .submit:after{
    right: 34px;
}
.contact-form input:not([type="submit"]), .contact-form select, .contact-form textarea{
    width: 100% !important;
}
.signup-page #df_field_14 .val_block{
    bottom: 75px;
    left: 65px;
}
.footer-liner{
display: block !important;
}
}
@media (min-width: 1024px) and (max-width: 1260px) {
  .lg\:w-2\/5{
     width: 57% !important;
    }
    .contact-page #dnn_ContentPane.col-md-12{
   /* height: 75vh; */
    }
}
@media (min-width: 1071px) and (max-width: 1296px) {
  .lg\:w-2\/5{
     width: 50% !important;
    }
    .contact-page #dnn_ContentPane.col-md-12{
   /* height: 75vh; */
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lg\:w-2\/5{
     width: 52% !important;
    }
    .contact-page #dnn_ContentPane.col-md-12{
   /* height: 75vh; */
    }
}
@media (min-width: 1024px) and (max-width: 1100px) {
  .lg\:w-2\/5{
     width: 56% !important;
    }
}
@media (min-width: 1024px) {
    .contact-page #dnn_ContentPane.col-md-12{
   /* height: 95vh; */
    }
}
/* @media (max-width: 1690px) {
  .contact-page .object-cover{
    }
}

@media (min-width: 1691px) and (max-width: 2110px) {
  .contact-page .object-cover{
      height: 103vh;
    }
}

@media (min-width: 2111px) {
 .contact-page .object-cover{
     height: 80vh;
    }
} */

@media (min-width: 768px) and (max-width: 1024px) {
   .signup-page-fr #df_field_17{
    width: unset;
    left: 36px;
}
.signup-page-en #df_field_17{
    width: unset;
    left: 50px;
    bottom: 55px;
}
.slick-track{
    width: 100% !important;
    display: contents;
}
}
@media (min-width: 481px) and (max-width: 767px) {
    .signup-page-fr #df_field_17{
    width: unset;
    left: 150px;
}
.signup-page-en #df_field_17{
    width: unset;
    left: 147px;
        top: -60px;
}
}

/*new login styles*/
.signin-class img.h-full.w-full.absolute.inset-0.object-cover.-z-10.pointer-events-none:first-child{
/* display: none; */
}
.signin-class .arf-tailwind input[type="text"]{
    font-style: normal !important;
      padding: 13px 25px;
      border-radius: 9.83px !important;
}
.signin-class .arf-tailwind input[type="email"]{
    padding: 13px 25px;
    border-radius: 9.83px !important;
}
.signin-class #HeaderTwo{
    display: block !important;
}
.signin-class .forgotpass-class{
text-underline-offset: 4px;
}

.signin-class p.font-header.text-3xl{
font-size: 55px;
margin-bottom: 0px !important;
}

.signin-class btn #dnn_ctr506_HtmlModule_lblContent .join-button{
font-size: 22.95px !important;
font-weight: 900;
font-family: "Red Hat Display", Lato, Arial, Helvetica, sans-serif!important;
}
.signin-class #dnn_ctr3719_HtmlModule_lblContent .mt-10 div,
.signin-class #dnn_ctr3721_HtmlModule_lblContent .mt-10 div{
padding-left: 0 !important;
    padding-right: 0 !important;
}
.signin-class #dnn_ctr1934_HtmlModule_lblContent .mt-10 div #join-error-div.is-visible{
    padding: 15px !important;
}
.join-head {
    margin: 25px 0px;
}
.overflow-hidden .rounded-lg .relative {
    font-size: 22.95px !important;
font-weight: 900;
font-family: "Red Hat Display", Lato, Arial, Helvetica, sans-serif!important;
}
.join-input {
    padding: 9px 0px 10px 0px !important;
}


.signin-class a.join-button{
    border-radius: 9.83px !important;
}

input.border-0::placeholder {
  font-style: normal;
}

.isolate p.font-header.text-3xl{
font-size: 40px !important;
}

.signin-class #dnn_ctr3719_HtmlModule_lblContent .mt-10 #err-msg-formcomp,
.signin-class #dnn_ctr3721_HtmlModule_lblContent .mt-10 #err-msg-formcomp{
padding-left: 15px !important;
padding-right: 15px !important;
}

.signinclick-class .lg\:max-w-md,
.signin-class .lg\:max-w-md{
    float: inline-end;
    width: 100%;
}
.captcha{
text-align: left !important;
}
.df_form .captcha{
        padding: 0px 5px 40px 5px !important;
}

.df_form .captcha div{
        padding-top: 15px;
}
.captcha .normal img{
     height: 50px !important;
}
.signup-page #df_field_4 select {
    width: 94% !important;
    height: 45px;
}
.signup-page-en .ModDigFormC #dnn_ctr1782_Form_df_captchaDiv1782 .normal div{
    font-size: 18px !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 600;
    color: #3A3A3A !important;
}
.signup-page-fr .ModDigFormC #dnn_ctr1784_Form_df_captchaDiv1784 .normal div{
    font-size: 18px !important;
    font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 600;
    color: #3A3A3A !important;
}
.skin_top_content a:not(.btn ){
    color: #0242B9 !important;
    text-decoration: underline !important;
    font-weight: 600;
}
.Footer02_top_bg.clearafter {
    padding-top: 71px;
}

/*added styles*/
.df_form .captcha input{
    max-width: unset !important;
}
.contact-page .submit input[type="submit"]{
    margin-top: unset !important;
    text-transform: unset !important;
}
.df_form .captcha div{
    margin-bottom: unset !important;
}

.signinclick-class .Footer02_top_bg.clearafter{
padding-top: unset !important;
}

.signinclick-class .Footer02_top_bg{
padding-top: unset !important;
}

.content-section li a{
    color: #0242B9 !important;
}
.buttonvote, 
.P1SurveyAndProfile > .taskRow > .taskActions > .linkButton > a{
    border-radius: 8px !important;
    border: unset !important;
    text-decoration: none !important;
}
.buttonvote,
.p1_rwd_rewardsRedeemButton,
.P1SurveyAndProfile > .taskRow > .taskActions > .linkButton > a{
    cursor: pointer;
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
    --tw-gradient-from: #730093 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(115 0 147 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
    --tw-gradient-to: #1E6BE8 var(--tw-gradient-to-position) !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2rem;
    padding-right: 2rem;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-radius: 8px;
}
.buttonvote:hover,
.p1_rwd_rewardsRedeemButton:hover,
.P1SurveyAndProfile > .taskRow > .taskActions > .linkButton > a:hover{
background: linear-gradient(90deg, rgba(30, 107, 232, 1) 0%, rgba(115, 0, 147, 1) 100%) !important;
    gap: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.dnnPrimaryAction {
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
    --tw-gradient-from: #730093 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(115 0 147 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
    --tw-gradient-to: #1E6BE8 var(--tw-gradient-to-position) !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.P1PointsHistoryWrapper .pointsTable > tbody > tr:nth-child(2) > td {
    background-color: #0242B9 !important;
}
#dnn_ctr834_Form_df834 .captcha .normal div{
    font-size: 0px;
    display: block;
}
#dnn_ctr834_Form_df834 .captcha .normal div:after{
    content: 'Entrez le code affiché ci-dessus dans la case ci-dessous.';
     font-size: 17px;
         font-family: "Red Hat Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.resetpw-class .dnnFormItem span.dnnFormMessage.dnnFormError{
    right: unset !important;
}
@media (max-width: 480px) {
   .resetpw-class .dnnFormItem span.dnnFormMessage.dnnFormError{
    right: 12% !important;
} 
}
 .resetpw-class #dnn_ctr463_View_NewPasswordRequired, .resetpw-class #dnn_ctr645_View_NewPasswordRequired{
display: none !important;
}