.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}

/* extra body font size  */
.fullWidth{width:100%;}
code { color: #251A46; display: inline-block;  position: relative;}
/* code:before {  content: ""; height: 100%; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transform-origin: right; width: 100%; z-index: -1; } */
strong { font-weight: 700;}

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; }
.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute;background: linear-gradient(180deg, rgba(37, 26, 70,0.0) 0%, rgba(37, 26, 70,0.7) 86.49%);}
.overlay > * { position:relative; z-index:2; }

.noListStyle ul, .listStyle ul,.cheklist ul,.orderedlist ul,.disabled_list ul{ margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul,.cheklist * + ul { margin-top:26px; }
.listStyle ul li,.cheklist ul li { padding-left:24px; position:relative;margin: 0;}
.noListStyle ul li {margin: 0;}
.listStyle ul li + li,.cheklist ul li + li {margin-top:5px;}
.listStyle ul li:before { position:absolute; left:0; top:1px; content:'';width: 22px;height: 22px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Ccircle cx='13.5' cy='13.5' r='3.5' fill='%23251A46'/%3E%3C/svg%3E");}
.listStyle.V2 ul li:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Ccircle cx='13.5' cy='13.5' r='3.5' fill='%23ffffff'/%3E%3C/svg%3E");}

.cheklist ul li:before { position:absolute; left:0; top:2px; content:'';width: 17px;height: 17px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("https://25651017.fs1.hubspotusercontent-eu1.net/hubfs/25651017/desautel_theme_2024/images/Check.svg");}

.TitleStyleLine {position: relative;display: inline-block;}
.TitleStyleLine:after {content: '';height: 3px;width: 100%;display: block;background: #251A46;border-radius: 5px;margin-top: 8px;}

.fontWhite .TitleStyleLine:after {background: #FFFFFF;}
.TitleStyleLine.V3:after {margin-top: 12px;height: 2px;}
.TitleStyleLine.hi2:after {height: 2px;}
.TitleStyleLine.mt16:after {margin-top: 16px;}
.TitleStyleLine.mt20:after {margin-top: 20px;}

.Textdecoration  a {
    text-decoration: underline !important;
}

.primary_color, .primary_color a, .primary_color h1, .primary_color h2, .primary_color h3, .primary_color h4, .primary_color h5, .primary_color h6 { color:#251A46; }
.secondary_color, .secondary_color a, .secondary_color h1, .secondary_color h2, .secondary_color h3, .secondary_color h4, .secondary_color h5, .secondary_color h6 { color:#6631F5; }
.blue_color, .blue_color a, .blue_color h1, .blue_color h2, .blue_color h3, .blue_color h4, .blue_color h5, .blue_color h6 { color:#166CE6; }
.orange_color, .orange_color a, .orange_color h1, .orange_color h2, .orange_color h3, .orange_color h4, .orange_color h5, .orange_color h6 { color:#FD4F2B; }
.tertiary1_color, .tertiary1_color a, .tertiary1_color h1, .tertiary1_color h2, .tertiary1_color h3, .tertiary1_color h4, .tertiary1_color h5, .tertiary1_color h6 { color:#007429; }
.tertiary2_color, .tertiary2_color a, .tertiary2_color h1, .tertiary2_color h2, .tertiary2_color h3, .tertiary2_color h4, .tertiary2_color h5, .tertiary2_color h6 { color:#007429; }
.black_color, .black_color a, .black_color h1, .black_color h2, .black_color h3, .black_color h4, .black_color h5, .black_color h6 { color:#000000; }
.gray_color, .gray_color a, .gray_color h1, .gray_color h2, .gray_color h3, .gray_color h4, .gray_color h5, .gray_color h6 { color:#E4DEDE; }
.fontWhite, .fontWhite a, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color:#FFFFFF; }
.body_color, .body_color a, .body_color h1, .body_color h2, .body_color h3, .body_color h4, .body_color h5, .body_color h6 { color:#FFFFFF; }
.information, .information a, .information h1, .information h2, .information h3, .information h4, .information h5, .information h6 { color:#2F80ED; }
.warning, .warning a, .warning h1, .warning h2, .warning h3, .warning h4, .warning h5, .warning h6 { color:#E2B93B; }
.success, .success a, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 { color:#27AE60; }
.error, .error a, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 { color:#EB5757; }

.Gradient01 span {background: linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.blue_theme .Gradient01 span{color:#166CE6;-webkit-text-fill-color: unset;}

.primary_theme .dynamicSpanColor span { color:#251A46;}
.blue_theme .dynamicSpanColor span { color:#166CE6;}
.orange_theme .dynamicSpanColor span { color:#FD4F2B;}
.purple_theme .dynamicSpanColor span { color:#6631F5;}

.primary_theme .dynamicborder,.dynamicborder   { border:1px solid #251A46;}
.blue_theme .dynamicborder  { border: 1px solid #166CE6;}
.orange_theme .dynamicborder  { border:1px solid #FD4F2B;}
.purple_theme .dynamicborder  { border:1px solid #6631F5;}

.primary_theme .dynamicColor ,.primary_theme .dynamicColor a, .primary_theme .dynamicColor h1, .primary_theme .dynamicColor h2, .primary_theme .dynamicColor h3, .primary_theme .dynamicColor h4,.primary_theme .dynamicColor h5,.primary_theme .dynamicColor h6 { color:#251A46; }
.blue_theme .dynamicColor ,.blue_theme .dynamicColor a, .blue_theme .dynamicColor h1, .blue_theme .dynamicColor h2, .blue_theme .dynamicColor h3, .blue_theme .dynamicColor h4,.blue_theme .dynamicColor h5,.blue_theme .dynamicColor h6 { color:#166CE6; }
.orange_theme .dynamicColor ,.orange_theme .dynamicColor a, .orange_theme .dynamicColor h1, .orange_theme .dynamicColor h2, .orange_theme .dynamicColor h3, .orange_theme .dynamicColor h4,.orange_theme .dynamicColor h5,.orange_theme .dynamicColor h6 { color:#FD4F2B; }
.purple_theme .dynamicColor ,.purple_theme .dynamicColor a, .purple_theme .dynamicColor h1, .purple_theme .dynamicColor h2, .purple_theme .dynamicColor h3, .purple_theme .dynamicColor h4,.purple_theme .dynamicColor h5,.purple_theme .dynamicColor h6 { color:#6631F5; }


.orange_theme .dynamicGradient01 {background: linear-gradient(196deg, #FFFFFF -79.58%, #FD4F2B 88.63%);}
.blue_theme .dynamicGradient01 {background: linear-gradient(180deg, #166CE6 0%, #261A47 100%);}

.dynamicGradient02 { background: linear-gradient(193deg, #FFFFFF -80.78%,  #251A46 90.59%);}
.primary_theme .dynamicGradient02 { background: linear-gradient(193deg, #FFFFFF -80.78%,  #251A46 90.59%);}
.blue_theme .dynamicGradient02 { background: linear-gradient(180deg, #166CE6 0%, #261A47 100%);}
.orange_theme .dynamicGradient02 { background: linear-gradient(193deg, #FFFFFF -80.78%,  #FD4F2B 90.59%);}
.purple_theme .dynamicGradient02 { background: linear-gradient(193deg, #FFFFFF -80.78%,  #6631F5 90.59%);}

.GradientOnHover01 {background: #FFFFFF;background-size: cover;background-position: center;}
.GradientOnHover01:hover::before,
.GradientOnHover01:focus::before {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #251A46 88.66%);background-size: cover;background-position: center;}
.primary_theme .GradientOnHover01:hover::before,
.primary_theme .GradientOnHover01:focus::before {background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #251A46 88.66%);background-size: cover;background-position: center;}
.blue_theme .GradientOnHover01:hover::before,
.blue_theme .GradientOnHover01:focus::before{background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #166CE6 88.66%);background-size: cover;background-position: center;}
.orange_theme .GradientOnHover01:hover::before,
.orange_theme .GradientOnHover01:focus::before {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%,#FD4F2B 88.66%);background-size: cover;background-position: center;}
.purple_theme .GradientOnHover01:hover::before,
.purple_theme .GradientOnHover01:focus::before{background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #6631F5 88.66%);background-size: cover;background-position: center;}

.OnHoverFontWhite:hover,
.OnHoverFontWhite:hover p,
.OnHoverFontWhite:hover h1,
.OnHoverFontWhite:hover h2,
.OnHoverFontWhite:hover h3, 
.OnHoverFontWhite:hover h4,
.OnHoverFontWhite:hover h5,
.OnHoverFontWhite:hover h6,
.OnHoverFontWhite:focus,
.OnHoverFontWhite:focus p,
.OnHoverFontWhite:focus h1,
.OnHoverFontWhite:focus h2,
.OnHoverFontWhite:focus h3, 
.OnHoverFontWhite:focus h4,
.OnHoverFontWhite:focus h5,
.OnHoverFontWhite:focus h6 { color:#FFFFFF !important; }

.GradientBorder01 {background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%) border-box;background-clip: padding-box, border-box;background-origin: padding-box, border-box;border: 2px solid transparent;overflow: hidden;}

.Extrabold,.Extrabold a, .Extrabold h1, .Extrabold h2, .Extrabold h3, .Extrabold h4, .Extrabold h5, .Extrabold h6  { font-weight:900; }
.bold,.bold a, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold,.semibold a, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium,.medium a, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal,.normal a, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light,.light a, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

.primary_bg  { background-color:#251A46;}
.secondary_bg  { background-color:#6631F5;}
.blue_bg { background-color:#166CE6;}
.white_bg { background-color:#FFFFFF;}
.orange_bg  { background-color:#FD4F2B;}
.gradient1_bg,.default_theme .normaltestSlideBG  { background:linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%);}

.uppercasetitle h1, .uppercasetitle h2, .uppercasetitle h3, .uppercasetitle h4, .uppercasetitle h5, .uppercasetitle h6,.uppercasetitle {text-transform: uppercase; }
.uppercase { text-transform: uppercase; }

.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.gap25 {gap: 25px;}
.gap30 {gap: 30px;}
.gap35 {gap: 35px;}

.Font46,.Font46 a, .Font46 h1, .Font46 h2, .Font46 h3, .Font46 h4, .Font46 h5, .Font46 h6  { font-size:46px; line-height: 1.17;}
.Font30,.Font30 a, .Font30 h1, .Font30 h2, .Font30 h3, .Font30 h4, .Font30 h5, .Font30 h6  { font-size:30px;line-height:1.28;}
.Font24,.Font24 a, .Font24 h1, .Font24 h2, .Font24 h3, .Font24 h4, .Font24 h5, .Font24 h6  { font-size:24px;line-height:1.2;}
.Font22,.Font22 a, .Font22 h1, .Font22 h2, .Font22 h3, .Font22 h4, .Font22 h5, .Font22 h6  { font-size:22px;line-height:1.28;}
.Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:20px;line-height:1.28;}
.Font14,.Font14 a, .Font14 h1, .Font14 h2, .Font14 h3, .Font14 h4, .Font14 h5, .Font14 h6  { font-size:14px;line-height:1.28;}
.small,.small a, .small h1, .small h2, .small h3, .small h4, .small h5, .small h6  { font-size:14px;line-height:1.28;}
.Font13,.Font13 a, .Font13 h1, .Font13 h2, .Font13 h3, .Font13 h4, .Font13 h5, .Font13 h6  { font-size:13px;line-height:1.25;}
.Font12,.Font12 a, .Font12 h1, .Font12 h2, .Font12 h3, .Font12 h4, .Font12 h5, .Font12 h6  { font-size:12px;line-height:1.25;}

.PopupCta a {display: inline-flex;align-items: center;gap: 6px;line-height: 1.5;}
.PopupCta a span.LinkBoxIcon {line-height: 0;width: 43px;height: 43px;position: relative;z-index: 2;transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .4s;-o-transition: all ease .4s;}
.PopupCta a span.LinkBoxIcon svg {width: 100%;height: 100%;}
.PopupCta a span.LinkBoxText {padding: 2px 10px;border-radius: 15px;background: #251A46;white-space: nowrap;overflow: hidden;width: 0;transform: translateX(-40px);transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .7s;-o-transition: all ease .4s;}
.PopupCta a:hover span.LinkBoxIcon {transform: rotate(68deg);}
.PopupCta a:hover span.LinkBoxText {transform: translateX(0);width: calc(100% - 49px);}
.PopupCta {line-height: 0;}

.transition03 {transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.transition04 {transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.transition07 {transition: all .7s ease;-moz-transition: all .7s ease;-webkit-transition: all .7s ease;-o-transition: all .7s ease;}

span.overlayimages1 {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;opacity: .2;}
.overlayimages2 {background: linear-gradient(179deg, #261a4700 33.96%, #261A47 85.71%), url('https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/overlay-images-one.png');background-size: cover;background-position: center;}

span.overlayimages1 + div{position: relative;z-index: 2;}
.CircularCta a {line-height: 1.25;letter-spacing: 0.02rem;position: relative;overflow: hidden;font-weight: bold;text-decoration: none;background-color: #251A46;border: 0px solid #251A46;border-radius: 40px;color: #FFFFFF;fill: #FFFFFF;font-size: 16px;padding:0;text-transform: none;align-items: center;cursor: pointer;display: inline-flex;text-align: center;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
span.CircularIcon {line-height: 0;width: 43px;height: 43px;transition: all ease .1s;-moz-transition: all ease .1s;-webkit-transition: all ease .1s;-o-transition: all ease .1s;}
span.CircularIcon svg {width: 100%;height: 100%;}
.CircularCta a span.CircularText {padding: 8px 60px 8px 15px;}
.CircularCta {line-height: 0;}
.CircularCta a:hover,
.CircularCta a:focus {background-color: #166CE6 !important;}
.CircularCta a:hover span.CircularIcon,
.CircularCta a:focus span.CircularIcon {transform: rotate(68deg);}
.CircularCta a span.CircularIcon svg path,.CircularCta a span.CircularIcon svg circle {transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.CircularCta a:hover span.CircularIcon svg path,
.CircularCta a:focus span.CircularIcon svg path,
.CircularCta a:hover span.CircularIcon svg circle,
.CircularCta a:focus span.CircularIcon svg circle {stroke: #166CE6;}

.AcademyCol h3, .AcademyCol p {transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .4s;-o-transition: all ease .4s;}





.footer {background-color: 

  
  
    
  


  rgba(37, 26, 70, 1.0)

;border-top: 1px none #251A46;}
/* Footer Content */
.footer,.footer p,.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer a{color: #fff;}

.footer a:hover {color: rgba(22, 108, 230, 1);}
.footer a:active {color: rgba(253, 79, 43, 1);}
/* Header modules */
.footer .icon svg {fill: #fff;}
.footer h3.form-title {color: {color=#166CE6, opacity=null, rgba=rgba(22, 108, 230, 1), rgb=rgb(22, 108, 230), hex=#166CE6, css=#166CE6};}

.footer a rect,.footer a path{transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.footer a path {fill: 

  
  
    
  


  rgba(37, 26, 70, 1.0)

;}
.footer a rect{fill: #fff;}
.footer a:hover rect {fill: rgba(22, 108, 230, 1);}
.footer a:hover path {fill: #FFFFFF;}
.backtoTop{position:fixed;right:25px;bottom:80px;z-index: 9999; display: none;}
.backtoCircle{background-color:#251A46;border:2px solid #FFFFFF;transition: all .2s ease-in;border-radius:50%;cursor: pointer;padding:5px;width:43px;height:43px;display:flex;justify-content:center;align-items:center;}
.footer{position:relative;}
.backtoCircle svg{width:18.644px;height:21.751px;display:block;vertical-align:middle;}
.backtoTop:hover .backtoCircle {transform: rotate(20deg); border-color: #FD4F2B;}
.backtoTop:hover .backtoCircle svg path {stroke: #FD4F2B;}
.backtoTop:hover .backTextWrp {opacity: 1;bottom: 102px;}
.backtoTop .backTextWrp{background:#FD4F2B;color: #FFFFFF;border-radius:15px; pointer-events: none;display:inline-block;padding:2px 10px;transform:rotate(-90deg); opacity: 0;position:absolute;bottom:50px;transition: all .3s ease-in;white-space:nowrap;right:-43px;}


.footerCol.footerColOne {width: 227px;}
.footerCol.footerColTwo {width: 203px;}
.footerCol.footerColThree {width: 197px;}
.footerCol.footerColFour {width: calc(100% - 702px);}
.footerCol + .footerCol {border-left: 1px solid rgba(255, 255, 255,0.5);}
.footerCol {padding-bottom: 55px;}
.footerMenu,.footerSocial {padding: 0 40px;}
.footerForm {padding-left: 40px;}
.footerMenuLink ul li {width: 100%;}
.footerMenuLink ul li a {display: block;padding: 2px 0;}
.footerMenuLink ul {gap: 14px;}
.footerSocial ul {display: flex;align-items: center;gap: 11px;}
.footerSocial ul li a {line-height: 0;display: block;width: 39px;height: auto;}
.footerSocial ul li a svg {width: 100%;height: auto;}

.footerFormMain h3 {display: none;}
.footerSiteLogo {max-width: 105px;width: 100%;}
.footerSiteLogo a {display: block;}
.footerSiteLogo a img {width: 100%;height: auto;}
.footerFormMain input[type='email'] {padding: 12px 16px;background: rgba(255, 255, 255,0.5);line-height: 1.5; color: #FFFFFF;}
.footerFormMain .hs-form-field {margin-bottom: 0;}
.footerFormMain .actions {position: absolute;right: 7px;top: 8px;}
.footerFormMain form {position: relative;}
.footerFormMain .hs-form-field > label {padding: 0;margin: 0;}
.footerFormMain form input[type='submit'] {padding: 6px 16px;background: #251a45;}
img.MobileLogo {display: none;}
.footerFormMain form .hs-form-field>label{position:absolute;top:0;left:0;}
.footerFormMain form .hs-form-field>label .hs-form-required{display:none;}

.footerFormMain form input[type='email']::-webkit-input-placeholder {color: #FFFFFF;}
.footerFormMain form input[type='email']::-moz-placeholder {color: #FFFFFF;}
.footerFormMain form input[type='email']:-ms-input-placeholder {color: #FFFFFF;}
.footerFormMain form input[type='email']:-moz-placeholder {color: #FFFFFF;}
.footerFormMain form input[type='email']::placeholder {color: #FFFFFF; font-style: normal;}
.footerFormMain .hs-form .legal-consent-container{margin-top:10px;}
.footerFormMain .hs-form .legal-consent-container .hs-richtext{color:#FFFFFF;}

.footerBottomLink ul {justify-content: center;align-items: center;}
.footerBottomLink ul li {margin: 0;padding: 0;}
.footerBottomLink ul li {margin: 0 14px;position: relative;}
.footerBottomLink ul li:before {content: '';position: absolute;width: 4px;height: 4px;background: rgba(255, 255, 255,0.5);display: block;border-radius: 50%;left: -16px;top: 50%;transform: translateY(-50%);}
.footerBottomLink ul li:first-child:before {display: none;}

.HeroImage,.HeroSection {border-radius: 50px;overflow: hidden;}
.HeroCtaBox {width: 350px;border-radius: 20px;border: 1px solid #FFFFFF;background: rgba(255, 255, 255,0.5);padding: 24px 24px 16px;}
.HeroContent {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;padding: 14px 40px 40px;}
.HeroMainTitle {width: calc(100% - 370px);}
.HeroSection {position: relative;}
.HeroImage img {height: 335px !important;width: 100%;object-fit: cover;object-position: 50% 30%;} 
.DownScroll a {max-width: 44px;width: 100%;display: block;line-height: 0;margin: 0 auto;}
.DownScroll a svg {width: 100%;height: auto;}

.UnionCol {border-radius: 30px;max-width: 326px;padding: 24px 16px;width: 100%; border: 1px solid #251A46;}
.UnionRow {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 101px;position: relative;z-index: 1;}
.UnionColIcon {width: 40px;}
.UnionColIcon img {width: 100%;height: auto;}
.UnionLogo span {border: 3px solid rgba(228, 222, 222,0.5);border-radius: 50%;display: block;width: 100%;height: 100%;padding: 26px;}
.UnionLogo {width: 573px;height: 573px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin-top: -12px;}
span.UnionLogo3 img {width: 173px;height: auto;}
span.UnionLogo3 {display: flex;align-items: center;justify-content: center;}
span.UnionLogo1 {padding: 29px;}
.UnionInner {position: relative;max-width: 930px;width: 100%;margin: 0 auto;}
.UnionCol .UnionColInner ul{margin:0;padding:0;list-style:none;}
.UnionCol .UnionColInner ul li{margin:0;padding-left:24px;position:relative;}
.UnionCol .UnionColInner ul li::before{position:absolute;left:8px;top:9px;content:'';height:7px;width:7px;background-color:#FFFFFF;border-radius:50%;}
.UnionCol:hover {border-radius: 30px;border: 1px solid #251A46;box-shadow: 2px 2px 15px 0 #251A46;}
.UnionCol.purplebox:hover {border-radius: 30px;border: 1px solid #6631F5;box-shadow: 2px 2px 15px 0 #6631F5;}
.UnionCol.orangebox:hover {border-radius: 30px;border: 1px solid #FD4F2B;box-shadow: 2px 2px 15px 0 #FD4F2B;}
.UnionCol.bluebox:hover {border-radius: 30px;border: 1px solid #166CE6;box-shadow: 2px 2px 15px 0 #166CE6;}
.UnionCol:hover .AnimatedBtn a{width:100% !important;justify-content:center;}
.UnionCol:hover .AnimatedBtn span.btnText{margin-right:0!important;opacity:1;}

.ExploreList ul{gap:17px 16px;justify-content:center;}
.ExperienceCol{width:100%;border-radius:20px;overflow:hidden;height: 158.5px;}
.ExperienceMainCol:nth-child(4n+1) .ExperienceCol,
.ExperienceMainCol:nth-child(4n+4) .ExperienceCol{width:calc(50% - 8px);height:333px;}
.ExperienceMainCol{gap:16px;width:calc(50% - 8px);}
.ExperienceRow{gap:16px;}
.ExperienceContent{position:absolute;opacity:0;visibility:hidden;padding:18px 14px 22px;border-radius:20px;bottom:0;left:0;z-index:3;width:100%;overflow:hidden;display:flex;align-items:end;flex-wrap:wrap;}
.ExperienceLinkIcon{width:43px;height:43px;line-height:0;position:absolute;left:13px;bottom:19px;}
.ExperienceLinkIcon svg{width:100%;height:auto;}
.ExperienceCol > a{position:absolute;width:100%;height:100%;display:block;left:0;top:0;z-index: 5;}
.ExperienceCol:hover .ExperienceContent,
.ExperienceCol:focus .ExperienceContent{opacity:1;visibility:visible;}
span.ExperienceContentBg{width:100%;height:100%;position:absolute;display:block;left:0;top:0;transform:scaleY(0);}
.ExperienceContentText{position:relative;width:100%;}
.ExperienceCol:hover span.ExperienceContentBg,
.ExperienceCol:focus span.ExperienceContentBg{transform:scaleY(1);}
.ExperienceMainCol:nth-child(4n+2) .ExperienceCol .ExperienceContent,
.ExperienceMainCol:nth-child(4n+3) .ExperienceCol .ExperienceContent{height:100%;max-width:49%;}
.ExperienceCol:before{transition:all ease .4s;-moz-transition:all ease .4s;-webkit-transition:all ease .4s;-o-transition:all ease .4s;}
.ExperienceCol:hover:before,
.ExperienceCol:focus:before{opacity:0;}
.EngagementModule .EngagementLeftCol h2.headStyle i{font-style:normal;}

.PeersSection {position: relative;padding: 20px 22px 60px;border-radius: 50px;overflow: hidden;}
.blue_theme .PeersSection.gradient1_bg {background: linear-gradient(180deg, #166CE6 0%, #251A46 100%);}
.TitleStyleLineV2 {display: inline-block;position: relative;padding-bottom: 35px;}
.TitleStyleLineV2:before,.TitleStyleLineV2:after {content: '';width: 78px;height: 2px;background: #FFFFFF;display: block;bottom: 0px;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 5px;}
.TitleStyleLineV2:before {bottom: 20px;}
.PeersLeftCol ul li {display: flex;padding: 3px 10px 3px 10px;align-items: center;gap: 12px;justify-content: space-between;border-radius: 50px;border: 1px solid #FFFFFF;flex-wrap: wrap;font-size: 18px;cursor: pointer;}
.PeersLeftCol ul li span.PeersIcon {line-height: 0;width: 30px;height: 30px;}
.PeersLeftCol ul li span.PeersIcon svg {width: 100%;height: 100%;}
.PeersLeftCol ul li  span.PeersText {width: calc(100% - 46px);}
.PeersLeftCol ul li.active span.PeersIcon {transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotate(68deg);}
.PeersLeftCol ul li.active {background: rgba(255, 255, 255,0.5); border-color:rgba(255, 255, 255,0.0);}
.PeersLeftCol ul li + li {margin-top: 12px;}
.PeersLeftCol {width: 310px;max-height: 338px;overflow-y: auto;overflow-x: hidden;padding-right: 10px;}
.PeersLeftCol ul li span.PeersIcon svg{background-color:#251A46;border-radius:50%;}

.PeersLeftCol.TabList::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px;
}

/* Track */
.PeersLeftCol.TabList::-webkit-scrollbar-track {
    background: #251a4652; 
    border-radius: 4px;
}

/* Handle */
.PeersLeftCol.TabList::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255,0.5); 
    border-radius: 4px;
}

/* Handle on hover */
.PeersLeftCol.TabList::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255,0.5);

}

.PeersLeftCol ul li:hover span.PeersIcon,
.PeersLeftCol ul li:focus span.PeersIcon {transform: rotate(68deg);}
.PeersLeftCol ul li:hover,
.PeersLeftCol ul li:focus {background: rgba(255, 255, 255,0.5); border-color:rgba(255, 255, 255,0.0);}
.PeersSlideMain{width:100%;}
.PeersSliderLogoInner img{width:100%;height:auto;}
.PeersRightCol{width:calc(100% - 310px);padding-left:40px;}
.PeersSliderLogo {width: 189px;}
.PeersRow.d-flex{align-items:center;}
.PeersSliderLogo{position:relative;}
.PeersSliderLogo{width:189px;height:189px;background:#ffffff;display:flex;align-items:center;border-radius:50%;padding:20px;justify-content:center;}
.PeersSliderLogoInner img{max-width:125px;max-height:125px;}
.PeersSliderLogo:before{background:linear-gradient(109deg,#251A46 9.93%,#6631F5 43.44%,#166CE6 68.56%,#FD4F2B 93.69%);border-radius:50%;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:1;position:absolute;right:0;top:0;transition:all .6s 
    ease-in-out;z-index:-1;padding:2px;}
.TabContent .PeersSliderWrapper .swiper-wrapper{align-items:center;}
.TabsMainSection .PeersLeftCol ul li > a{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50px;z-index:1;}
.TabsMainSection .PeersLeftCol ul li{position:relative;}
.TabsMainSection .tab-loader{display:flex;justify-content:center;align-items:center;height:200px; /* adjust as needed */}
.TabsMainSection .spinner{width:50px;height:50px;border:5px solid #fff; /* light gray */border-top:5px solid #3498db; /* blue */border-radius:50%;animation:spin 1s linear infinite;}
.TabsMainSection .slider-dots-box{flex-wrap:wrap;}
@keyframes spin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* .TabContent{display:none;}
.TabContent.Open{display:block;} */

.SFHeroInnar {position: relative;overflow: hidden;}
.SFHeroImage img {width: 100%;height: 100% !important;object-fit: cover;}
.SFHeroContent {border-radius: 20px;border: 1px solid #FFFFFF;background: rgba(255, 255, 255,0.7);position: absolute;
    bottom: 17px;left: 15px;
    padding: 32px 20px;width: 46.6%;}
.SFHeroNav {position: absolute;width: auto;left: 36px;top: 36px;z-index: 1;}
.SFHeroNav ul {display: inline-flex;align-items: center;gap: 4px;}
.SFHeroNav ul li {line-height: 0;}
.SFHeroImage {filter: drop-shadow(0 4px 4px rgba(0, 0, 0,0.25) );}
.SFHeroLink  ul li a {border-radius: 16px;border: 1px solid #FD4F2B;background: #FFFFFF;font-size: 24px;font-weight: 500;color: #FD4F2B;padding: 13.5px 10px 13.5px 16px;gap: 16px;align-items: center;justify-content: space-between;display: flex;flex-wrap: wrap;transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .4s;-o-transition: all ease .4s;}
.SFHeroLink ul li a span.SFHeroIcon {line-height: 0;width: 43px;height: 43px;transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .4s;-o-transition: all ease .4s;}
.SFHeroLink ul li a span.SFHeroIcon svg {width: 100%;height: auto;}
span.SFHeroText {width: calc(100% - 59px);}
.SFHeroLink ul li a:hover {background: linear-gradient(210deg, #FFFFFF -70.2%, #FD4F2B 87.88%);color: #FFFFFF;}
.SFHeroLink ul li a:hover span.SFHeroIcon {transform: rotate(68deg);}
.SFHeroLink ul li a span.SFHeroIcon svg path,.SFHeroLink ul li a span.SFHeroIcon svg circle{ transition: all ease .4s;-moz-transition: all ease .4s;-webkit-transition: all ease .4s;-o-transition: all ease .4s;}
.SFHeroLink ul li a:hover span.SFHeroIcon svg path {  stroke: #fb4d33;}
.SFHeroLink ul li a:hover span.SFHeroIcon svg circle {stroke: #FFFFFF;}
.SFHeroLink ul li{width: 100%;}
.SFHeroNav ul li a{text-decoration-line:underline!important;text-underline-offset:25%;}
.SFHeroNav ul li:last-child a{text-decoration:none!important;}
.SFHeroLink {width: 49.26%;margin: -236px 0 0 auto;position: relative;z-index: 2;}
.DeskNone {display: none;}
/* .SFHeroImage {height: 585px;} */
.SFHeroImage {height: auto !important;padding: 0 5px 10px 5px;}
.comiteFaq .faq_content {
    color: #fff;
}


@media (min-width:1200px){
    .SFHeroContent {
        bottom: 25px;
        left: 17px;
    }
    .bottom35 .SFHeroContent {
        bottom: 35px;
        left:20px;
    }
}
.SFHeroLink ul {min-height: 236px;}
.SFHeroMainTitle {max-height: 350px;line-height: normal;overflow: auto;}

.SFHeroLink ul {display: flex;flex-wrap: wrap;gap: 10px;height: 100%;}
.SFHeroLink ul li a {height: 100%;}
.SFHeroSection .subcontent {line-height: 1.25;}

.primary_theme .SFHeroLink  ul li a {border: 1px solid #251A46;color: #251A46;}
.primary_theme .SFHeroLink ul li a:hover,
.primary_theme .SFHeroLink ul li a:focus{border-radius: 16px;background: linear-gradient(258deg, rgba(37, 26, 70,0.8) 0%, #251A46 100%); color: #FFFFFF;}
.primary_theme .SFHeroLink ul li a:hover span.SFHeroIcon svg path,
.primary_theme .SFHeroLink ul li a:focus span.SFHeroIcon svg path {  stroke: #251A46 ;}
.primary_theme .dynamicDownScroll svg  path {  stroke: #251A46;}

.blue_theme .SFHeroLink  ul li a {border: 1px solid #166CE6;color: #166CE6;}
.blue_theme .SFHeroLink ul li a:hover,
.blue_theme .SFHeroLink ul li a:focus{background: linear-gradient(195deg, #166CE6 -16.49%, #251A46 89.35%); color: #FFFFFF;}
.blue_theme .SFHeroLink ul li a:hover span.SFHeroIcon svg path,
.blue_theme .SFHeroLink ul li a:focus span.SFHeroIcon svg path{  stroke: #166CE6 ;}
.blue_theme .dynamicDownScroll svg  path {  stroke: #166CE6;}

.orange_theme .SFHeroLink  ul li a {border: 1px solid #FD4F2B;color: #FD4F2B;}
.orange_theme .SFHeroLink ul li a:hover,
.orange_theme .SFHeroLink ul li a:focus{background: linear-gradient(210deg, #FFFFFF -70.2%, #FD4F2B 87.88%); color: #FFFFFF;}
.orange_theme .SFHeroLink ul li a:hover span.SFHeroIcon svg path,
.orange_theme .SFHeroLink ul li a:focus span.SFHeroIcon svg path{  stroke: #FD4F2B ;}
.orange_theme .dynamicDownScroll svg  path {  stroke: #FD4F2B;}

.purple_theme .SFHeroLink  ul li a {border: 1px solid #6631F5;color: #6631F5;}
.purple_theme .SFHeroLink ul li a:hover,
.purple_theme .SFHeroLink ul li a:focus{background: linear-gradient(258deg, #6631F5 0%, #251A46 100%); color: #FFFFFF;}
.purple_theme .SFHeroLink ul li a:hover span.SFHeroIcon svg path,
.purple_theme .SFHeroLink ul li a:focus span.SFHeroIcon svg path{  stroke: #6631F5 ;}
.purple_theme .dynamicDownScroll svg  path {  stroke: #6631F5;}

.pt12 {padding-top: 12px;}
.pb12 {padding-bottom: 12px;}
.AcademyRow.d-flex {gap: 16px;}
.AcademyCol {width: calc(33.33% - 11px);padding: 20px 30px;border-radius: 30px; overflow: hidden;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.AcademyCol::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;width:100%;transition: all .4s ease-in;opacity:0;}
.AcademyCol:hover::before,
.AcademyCol:focus::before{opacity:1;}
.AcademyCol:hover .button.AnimatedBtn a span.btnText,
.AcademyCol:focus .button.AnimatedBtn a span.btnText {margin-right: 0 !important;opacity: 1;}
.AcademyCol:hover .button.AnimatedBtn a,
.AcademyCol:focus .button.AnimatedBtn a {background-color: #FFFFFF;color: #251A46;}
.AcademyCol:hover .button.AnimatedBtn a svg path,
.AcademyCol:focus .button.AnimatedBtn a svg path {stroke: #251A46;}
.AcademyCol {position: relative;}
.AcademyCol .dynamicborder {position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 30px;display: block;}
.AcademyCol:hover .dynamicborder,
.AcademyCol:focus .dynamicborder{opacity: 0;}
.AcademyCol a.overlayLink{display:block;position:absolute;height:100%;width:100%;top:0;left:0;right:0;z-index:1;}
.AcademyCol .AcademyColInner {position: relative;}

.SkillsCol {padding: 10px 40px;border-radius: 140px;}
.SkillsMainRight {width: 57%;padding-left: 63px;}
.SkillsMainLeft {width: 43%;}

.SkillsRow + .SkillsRow {padding-top: 16px;}
.SkillsRow {gap: 16px;}
.SkillsRow:nth-child(2n+1) {justify-content: end;}
.SkillsMainRow.d-flex {align-items: center;}
.default_theme .SkillsSection .TitleStyleLine.dynamicSpanColor span{background:linear-gradient(109deg,#251A46 19.6%,#6631F5 36.11%,#166CE6 51.01%,#FD4F2B 68.32%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.SkillsSection .TitleStyleLine.V3::after {margin-top: 16px;}
.SFHeroNav.V2 {position: relative;left: 0;top: 0;}
.CourteSection {border-radius: 50px;position: relative;overflow: hidden;padding: 45px 50px 40px;}
.CourteSection .DownScroll a {max-width: 50px;}
.TimelineTop {max-width: 678px;width: 100%;margin: 0 auto;}
.TimelineContent {max-width: 627px;width: 100%;margin: 0 auto;}
.CourteSection .bannerImgWrp {max-width: 670px;margin: 0 auto;}



.TimelineBox {max-width: 898px;width: 100%;margin: 0 auto;}
.TimelineRow {display: flex;flex-wrap: wrap;gap: 0 4px;position: relative;}
.TimelineLeft,.TimelineRight {width: calc(50% - 2px);}
.TimelineLeft {padding-right: 98px;position: relative;}
.TimelineText {font-size: 14px;padding-top: 11px;padding-left: 8px;line-height: 1.3;}
span.TimelineIcon {line-height: 0;display: block;width: 91px;position: absolute;right: -15px;top: 105px;}
span.TimelineIcon svg {width: 100%;height: auto;}
.TimelineImages {border-radius: 30px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);overflow: hidden;}
.TimelineImages img {height: 238px !important;width: 100%;object-fit: cover;}
.TimelineRight {padding-top: 89px;padding-bottom: 100px;padding-left: 29px;}
.TimelineRow:before {content: '';width: 4px;height: 100%;background: #251A46;position: absolute;display: block;left: 50%;top: 0;transform: translateX(-50%);}
.orange_theme .TimelineRow:before {background: #FD4F2B;}
.purple_theme .TimelineRow:before {background: #6631F5;}
.blue_theme .TimelineRow:before {background: #166CE6;}

.TimelineRow:last-child:before {height: 119px;}
.TimelineRow:first-child:before {border-radius: 5px 5px 0 0;}
.TimelineRow:nth-child(2n+2) {flex-direction: row-reverse;}
.TimelineRow:nth-child(2n+2) .TimelineRight {padding-left: 0;padding-right: 47px;text-align: right;}
.TimelineRow:nth-child(2n+2) .TimelineLeft {padding-right: 0;padding-left: 98px;}
.TimelineRow:nth-child(2n+2) span.TimelineIcon {right: inherit;left: -15px;transform: rotate(180deg);}

.GalerieMainCol img {border-radius: 30px;object-fit: cover;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.GalerieLeft {width: 310px;}
.GalerieRight {width: calc(100% - 330px);display: flex;flex-wrap: wrap;gap: 20px;}
.GalerieMainCol {gap: 20px;width: 100%;}
.GalerieLeft img {height: 100% !important;object-fit: cover;width: auto;}
.GalerieRight img:nth-child(3n+2) {width: calc(100% - 218px);height: 329px !important;}
.GalerieRight img:nth-child(3n+1) {width: 100%;height: 185px !important;}
.GalerieRight img:nth-child(3n+3) {width: 198px;height: 329px !important;}
.galerieRow {gap: 20px;}
.GalerieMainCol:nth-child(2n+2) {flex-direction: row-reverse;}

.GalerieLeft img {width: 100%;height: auto;}

.ValeursSection .UnionMainInner {max-width: 100%;border-radius: 30px;background: linear-gradient(180deg, #23194200 0.42%, #231942 22.74%), url('https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/overlay-images-one.png');background-size: contain;background-position: center bottom;padding: 54px 98px 98px;}
.ValeursSection .UnionInner {max-width: 100%;}
.ValeursSection .UnionCol.V2 {max-width: 350px;background: rgba(255, 255, 255,0.3);position: relative;overflow: hidden;}
.ValeursSection .UnionCol.V2:before {content: '';position: absolute;display: block;width: 100%;height: 100%;background: #231941;left: 0;top: 0;z-index: -1;}
.ValeursSection .UnionRow {gap: 164px 100px;}
.ValeursSection .UnionLogo {width: 423px;height: 423px;margin-top: 0;}
.ValeursSection .UnionLogo span {border: 2px solid rgba(228, 222, 222,0.2);padding: 20px;}
.ValeursSection span.UnionLogo2 {padding: 18px;}
.ValeursTop {max-width: 627px;width: 100%;margin: 0 auto;}
.PolitiqueLeftCol {width: 317px;}
.Politiquerow {gap: 30px;max-width: 880px;width: 100%;margin: 0 auto;}
.PolitiqueRightCol {width: calc(100% - 347px);}
.PolitiqueRightColInner {border-radius: 30px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);overflow: hidden;}

.MissionsCol.leftCol {width: 238px;}
.MissionsCol img {width: 100%;height: auto;}
.MissionsRow {border-radius: 30px;align-items: center;padding: 40px 40px 40px 60px;}
.MissionsCol.rightCol {width: calc(100% - 238px);padding-left: 102px;}

.BeneficesRightColInner {border-radius: 30px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);overflow: hidden;}
.BeneficesRightCol {width: 50%;padding-left: 4px;}
.BeneficesLeftCol {width: 50%;padding-right: 46px;}
.BeneficesLeftColInner .TitleStyleLine {max-width: 370px;width: 100%;}
.Beneficesrow {align-items: center;}

.BeneficesCard {border-radius: 16px;padding: 15px;width: calc(33.33% - 10px);}
.BeneficesCardContent {color: rgba(255, 255, 255,0.7);}
.BeneficesCards {gap: 28px 15px;justify-content: center;}
.BeneficesCardTitle  span.Icon {width: 40px;}
.BeneficesCardTitle span.Icon img {width: 100%;height: auto;}
.BeneficesCardTitle span.h5 {width: calc(100% - 50px);}

.MainCTARow {border-radius: 50px;padding: 80px 50px 60px;}
.MainCTACol {max-width: 720px;width: 100%;margin: 0 auto;}
.MainCTARow span.AfterShape,.MainCTARow span.BeforeShape {display: block;width: 19%;position: absolute;}
.MainCTARow,.MainCTACol {position: relative;}
.MainCTARow span.BeforeShape {left: 0;bottom: 0;}
.MainCTARow span.AfterShape {top: 0;right: 0;}

.MainCTASection .hoverrichContent{border-radius:10px;border:1px solid #166CE6;background:linear-gradient(43deg,#166CE6 30.39%,#FFFFFF 188.87%);padding:16px 10px;display:none;max-width:667px;width:100%;position:relative;left:18%;}
.MainCTASection .PartnerLogoCol .dropIco{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);opacity:0;transition:all .3s ease;}
.MainCTASection .PartnerLogoCol .dropIco svg{width:22px;height:12px;left:50%;display:block;}
.MainCTASection .PartnerLogoCol.active .dropIco{opacity:1;}
.MainCTASection .hoverrichContent .button a svg path {fill: currentColor;stroke: currentColor;}

.PartnerTop {max-width: 900px;width: 100%;margin: 0 auto;}
.PartnersMainBox {padding: 32px;}
.PartnerLogoCol {border-radius: 12px;position: relative;background: #FFFFFF;box-shadow: 0 0 4px 0 rgba(0, 0, 0,0.15) inset, 0 2px 4px 0 rgba(0, 0, 0,0.15);padding: 20px 15px;}
.PartnerLogos {gap: 16px;justify-content: center;}

.NetworkLeft,.NetworkRight {width: calc(50% - 10px);}
.NetworkMainCol {gap: 20px;}
.NetworkCol {border-radius: 30px;padding: 20px 140px 20px 30px;}
.NetworkLeft .NetworkCol {height: 100%;display: flex;align-items: end;flex-wrap: wrap;}
.NetworkCTA {display: block;position: absolute;right: 30px;bottom: 20px;}
.NetworkCol {position: relative;width: 100%;}
.NetworkRight {display: flex;flex-wrap: wrap;gap: 20px;}
.NetworkCol.primary_bg {background: linear-gradient(48deg, #251A46 26.38%, #251A46 152.84%);}
.NetworkCol.secondary_bg {background: linear-gradient(48deg, #6631F5 26.38%, #FFFFFF 152.84%);}
.NetworkCol.blue_bg {background: linear-gradient(61deg, #166CE6 31.05%, #FFFFFF 171.47%);}
.NetworkCol.orange_bg {background: linear-gradient(61deg, #FD4F2B 31.05%, #FFFFFF 171.47%);}
.NetworkCol:hover .AnimatedBtn a span.btnText {margin-right: 0 !important;opacity: 1;}
.NetworkMainCol + .NetworkMainCol {padding-top: 20px;}
.NetworkMainCol:nth-child(2n+2) {flex-direction: row-reverse;}

.RapportLeftColInner .button a,.BottonBgWhite .button a{background: rgba(255, 255, 255,0.2) !important;}
.Rapportrow {border-radius: 40px;padding: 50px;justify-content: space-between;gap: 30px;align-items: center;}
.RapportRightCol {max-width: 517px;width: 100%;}
.RapportRightColInner img {width: 100%;height: auto;}
.RapportRightColInner {border-radius: 30px;overflow: hidden;}
.RapportLeftCol {max-width: 415px;width: 100%;}

.GradientWithImage01{background: linear-gradient(180deg, #23194200 0.42%, #231942 22.74%);overflow: hidden;position: relative;}
.GradientWithImage01:before {content: '';width: 100%;height: 40%;background-image: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/overlay-images-one.png);left: 0;top: 0;display: block;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}

.RsePiliersMainInner {max-width: 100%;border-radius: 30px;padding: 62px 40px 40px 40px;}
.RsePiliersCol {border-radius: 30px;background: rgba(255, 255, 255,0.1);width: calc(33.33% - 27px);padding: 20px;text-align: center;}
.RsePiliersRow {gap: 40px;}
.RsePiliersColIcon {max-width: 87px;width: 100%;margin: 0 auto;}
.ContributionIcon {max-width: 134px;width: 100%;}

.EngagementRightCol {width: 41%;}
.EngagementLeftCol {width: 59%;padding-right: 40px;}
.EngagementRightColInner {border-radius: 30px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0,0.25);}
.EngagementRightCol img {width: 100%;}

.DownloadInner {border-radius: 40px;padding: 52px 28px 62px;}
.DownloadCol {width: calc(33.33% - 14px);border-radius: 30px;border: 1px solid rgba(255, 255, 255,0.3);}
.DownloadContent {padding: 19px 19px 19px 10px;}
.DownloadTitle {text-align: center;border-radius: 30px;background: rgba(255, 255, 255,0.3);padding: 24px 16px;}
.DownloadRow {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.DownloadContent ul li+li {margin-top: 20px;}

.CertificationsSection .MissionsRow {gap: 20px;padding: 40px 40px 40px 20px;}
.CertificationsSection .MissionsCol.leftCol {width: 318px;}
.CertificationsSection .MissionsCol.rightCol {width: calc(100% - 338px);padding-left: 0;}

.PartiesPrenantesImg img {width: 100%;height: auto;}
.PartiesPrenantesImg {max-width: 787px;width: 100%;margin: 0 auto;}

.StatutsTab ul {display: flex;gap: 16px;transition: height 0.5s ease-in-out;}
.StatutsTab ul li {width: 100%;transition: all 0.2s ease-in-out;}
.StatutsTab ul.Tabactive {height: 258px;align-items: end;}
.StatutsTab ul li .TabButton  {display: block;width: 100%;padding: 25px 16px;border-radius: 20px;background: #251A46;color: #FFFFFF;text-align: center;font-size: 20px;font-weight: 700;line-height: 1.25;cursor: pointer;transition: all 0.5s ease-in-out;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.orange_theme .StatutsTab ul li .TabButton  {background: #FD4F2B;}
.blue_theme .StatutsTab ul li .TabButton  {background: #166CE6;}
.purple_theme .StatutsTab ul li .TabButton  {background: #6631F5;}

.StatutsTab ul li:hover .TabButton,
.StatutsTab ul li:focus .TabButton {background: linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%);}
.StatutsTab ul li {width: 100%;}
.StatutsTab ul li.active {width: 75px;}
.StatutsTab ul li.active .TabButton {transform-origin: left bottom;transform: rotate(-90deg) translateY(76px);width: 258px;}
.StatutsTab ul li.active .TabButton span{display:inline-block;}
.StatutsTab ul li.current span.TabButton {transform: rotate(0deg);width: 100%;font-size: 30px;background: linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%);}
.StatutsContentText + .StatutsContentText {padding-top: 40px;}
.StatutsContent .StatutsContentMain .StatutsTab {display: flex;}
.StatutsSectin .StatutsTab.deskversion{display:none;}
.StatutsContent .StatutsContentMain .StatutsTab ul {width: 100%;}

.MembreCol {width: calc(25% - 12px);padding: 8px;border-radius: 20px;background: #251A46;justify-content: center;}
.orange_theme .MembreCol {background: #FD4F2B;}
.blue_theme .MembreCol {background: linear-gradient(180deg, #166CE6 0%, #251A46 72.12%);}

.MembreColContent {width: 100%;padding: 20px 14px;border-radius: 10px;background: rgba(255, 255, 255,0.2);}
.MembreColInner {height: 410px;width: 100%;flex-direction: column;justify-content: end;align-items: center;gap: 12px;flex: 1 0 0;display: flex;}
.MembreRow {gap: 16px;justify-content: center;}
.MembreColImage img {height: 100% !important;width: 100%;object-fit: cover;}
.MembreColImage {width: 100%;height: 100%;border-radius: 16px;overflow: hidden;}
.MembreCol {position: relative;overflow: hidden;cursor: pointer;}
.MembreInfo {position: absolute;border-radius: 20px;background: linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%);height: 100%;width: 100%;z-index: 1;left: 0;top: 70%;display: flex;justify-content: center;align-items: center;padding: 8px;opacity: .7;visibility: hidden;transition: all linear 0.3s;}
.blue_theme .MembreInfo{background: linear-gradient(180deg, #166CE6 0%, #251A46 100%);}
.MembreCol:hover .MembreInfo {top: 0;opacity: 1;visibility: visible;}
.MembreCol .MembreInfoTop .h5 {color: #ffffff80;}
.blue_theme .MembreSection .MembreTop .headStyle span{color:#166CE6;background:none;-webkit-text-fill-color:unset;}
.purple_theme .MembreSection .MembreTop .headStyle span{color:#6631F5;background:none;-webkit-text-fill-color:unset;}
.purple_theme .MembreCol .MembreInfo {background: linear-gradient(180deg, #6631F5 0%, #261A47 72.12%), linear-gradient(180deg, #6631F5 0%, #261A47 100%);}
.purple_theme .MembreCol {background: linear-gradient(180deg, #6631F5 0%, #261A47 72.12%), linear-gradient(180deg, #6631F5 0%, #261A47 100%);}

.NosPartnerLogoCol {width: 100%;max-width: 229px;padding: 9px;border-radius: 12px;border: 1px solid #E4DEDE;box-shadow: 0 4px 4px 0 #00000040;background-color: #FFFFFF;}
.NosPartnerLogoImg img {width: auto;height: 120px !important;object-fit: contain;}
.NosPartnerLogos {gap: 22px;justify-content: center;}
.blue_theme .NosPartnerSection .NosPartnerRow{border-radius:30px;background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Section%20comit%C3%A9%20de%20direction.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding:40px 20px;}
.blue_theme .NosPartnerTop *{color:#FFFFFF;}
.blue_theme .NosPartnerTop .TitleStyleLine:after{background:currentColor;}

.MediaSmartPreCaptionSVG {border-radius: 16px;background: #050E9E;padding: 16px;max-width: 174px;text-align: center;width: 100%;margin: -50px 0 0 auto;}
.MediaSmartPreCaptionSVG svg {width: 111px;height: auto;}
.MediaSmartPreRow {gap: 50px;}
.MediaSmartPreRightCol {width: 288px;}
.MediaSmartPreRightColInner {width: 100%;padding-right: 22px;}
.MediaSmartPreRightColInner img {width: 100%;height: auto;}
.MediaSmartPreLeftCol {width: calc(100% - 338px);}
.MediaSmartPreTitle {max-width: 462px;width: 100%;}
.MediaSmartPreTitle .TitleStyleLine.hi2:after {margin-top: 20px;}
.MediaSmartPreLeftColInner .Textdecoration *+p{margin-top:24px;}
.UniqueMediaRightCol {width: 41%;}
.UniqueMediaLeftCol {width: 59%;padding-right: 70px;}
.UniqueMediaRightColInner {width: 100%;border-radius: 30px;overflow: hidden;}
.UniqueMediaRightColInner img {width: 100%;height: auto;}

.DownScroll.deskVer {display: none;}
.DownScroll.mobileVer {display: block;}
.ExperienceSection .GalerieMainCol.deskVer{display:none;}
.ExperienceSection .GalerieItemOuter.mobileVer{display: flex;flex-wrap: wrap;gap:16px 12px;}
.ExperienceSection .GalerieItem{width:100%;}
.ExperienceSection .GalerieItem img{width:100%;height:100%!important;object-fit:cover;border-radius:20px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);}


.PartnermobCol .PartnerTitle{line-height:normal;}
.PartnermobCol .circleInnerBorder{line-height:0;position:absolute;width:20px;height:20px;background-color:#251A46;border-radius:50%;}
.PartnermobCol .circleBorder{position:absolute;left:3px;top:3px;border:0.5px solid #E4DEDE;background-color:#FFFFFF;border-radius:50%;width:28px;height:28px;padding:4px;display:flex;justify-content:center;align-items:center;}
.PartnermobCol{position:relative;}
.PartnermobCol .circleWrp{align-items:center;background-color:#FFFFFF;border:.5px solid #E4DEDE;border-radius:50%;display:flex;height:36px;justify-content:center;left:0;padding:4px;position:absolute;top:0;width:36px;}
.PartnermobCol .PartnerColInner{padding-left:56px;padding-right:27px;}
.PartnermobCol:not(:last-child) .PartnerColInner{padding-bottom:52px;}
.PartnermobCol .PartnerColInner .PartnerText{line-height:1.53;}
.PartnermobCol::before{content:'';left:17px;transform:none;width:3px;background:#251A46;height:100%;position:absolute;display:block;}
.PartnermobCol:last-child::before{display:none;}
.PartnermobCol:nth-child(4) .circleInnerBorder{background-color:#6631F5;}
.PartnermobCol:nth-child(5) .circleInnerBorder{background-color:#166CE6;}
.PartnermobCol:nth-child(6) .circleInnerBorder,
.PartnermobCol:nth-child(7) .circleInnerBorder{background-color:#FD4F2B;}
.PartnerRow.deskversion {display: none;}
.PartnerMainRow .mobversion {display: block;}
.PartnermobCol:nth-child(3)::before{background:linear-gradient(180deg,#251A46 0%,#6631F5 100%);}
.PartnermobCol:nth-child(4)::before{background:linear-gradient(180deg,#6631F5 0%,#166CE6 100%);}
.PartnermobCol:nth-child(5)::before{background:linear-gradient(180deg,#166CE6 0%,#FD4F2B 100%);}
.PartnermobCol:nth-child(6)::before{background:#FD4F2B;}




/* ******* Legal Resource ***** */
.legalResource .formatBannerOuter .overlayCircleBG.mobshape { right: unset; left: 0; }
.blue_theme .legalResource .formatBannerOuter.dynamicGradientBanner02 { background: linear-gradient(218deg, #166CE6 15.21%, #251A46 93.32%); }
.purple_theme .legalResource .formatBannerOuter.dynamicGradientBanner02 { background: linear-gradient(218deg, #6631F5 15.21%, #251A46 93.32%);}
.legalResource .formatBannerOuter .overlayCircleBG { left: unset; right: 0; }
.legalResource .formatBannerOuter { padding: 30px; }
.legalResource .TitleStyleLine:after{margin-top:10px;}
.legalResource .contentCol { max-width: 455px; }


/* ****** Legal Community ****** */
.legalCommunity .formatBannerOuter { padding: 62px 98px; border: 2px solid #6631F5;}
.legalCommunity .content p { line-height: 1.25; }
.legalCommunity .TitleStyleLine:after { margin-top: 16px; }
.legalCommunity .imageCol { max-width: 218px; width: 100%; }
.legalCommunity .imageCol .imageContainer { width: 100%; }
.legalCommunity .imageCol .imageContainer img { width: 100%; height: 100%; object-fit: cover; }
.legalCommunity .contentCol { width: calc(100% - 284px); padding-right: 30px; }
.legalCommunity .overlayCircleBG { left: 86px; z-index: -1; top: 0; height: 100%; }
.legalCommunity .overlayCircleBG img { height: 100%; }


/* ******* Accompained Banner ******* */
.accompained .formatBannerOuter .overlayCircleBG{right:0;left: unset;margin-left:16px;}
.accompained .formatBannerOuter .overlayCircleBG.mobshape{left:0; right:unset;margin:0;}
.accompained .formatBannerOuter{padding: 45px 50px 70px;}
.accompained .buttonArrow span.btnIcon { width: 43px; height: 43px; display: inline-block;margin-left: 0;transition: all .4s ease-in-out; }
.accompained .buttonArrow span.btnIcon svg { width: 100%; height: 100%; object-fit: cover;transition: all .3s ease-in-out; }
.accompained .buttonArrow span.btnIcon svg *{transition: all .3s ease-in-out;}
.accompained .buttonArrow a .btnText{width:calc(100% - 43px);padding-right:10px;}
.accompained .buttonArrow a { padding: 10px 10px 10px 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.20);transition: all .3s ease-in-out; }
.accompained .buttonArrow { width: calc(50% - 8px); }
.accompained .buttonArrow a:hover { background-color: #fff !important; color: #251A46; }
.accompained .buttonArrow a:hover span.btnIcon svg circle { stroke: #251A46 !important; }
.accompained .buttonArrow a:hover span.btnIcon svg path { stroke: #251A46 !important; }
.accompained .buttonArrow a:hover span.btnIcon { transform: rotate(68deg); }
.accompained .contentSec {font-size: 20px;line-height: normal;}
.accompained .overlayLogo{position:absolute;right:50px;max-width:209.44px;}
.accompained .overlayLogo img{width:100%;height:100%;object-fit:contain;}


/* ******* Featured Article ****** */
.featuredArticle .formatBannerOuter{padding:0;padding-top:35px;overflow: unset;}
.featuredArticle .twocolContainer { border-radius: 16px; border: 1px solid #E4DEDE; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);overflow: hidden; }
.featuredArticle .imageCol { max-width: 500px; width: 100%; }
.featuredArticle .imageContainer { height: 100%; }
.featuredArticle .imageCol img { width: 100%; height: 100% !important; object-fit: cover; }
.featuredArticle .contentCol { width: calc(100% - 532px); padding-right: 52px; }
.featuredArticle .titleLeft { max-width: 438px; width: 100%; }
.featuredArticle .titleLeft .TitleStyleLine { display: block; }
.buttonVersion2 .btnIcon { width: 14px; height: 14px; }
.buttonVersion2 .btnIcon svg { width: 100%; height: 100%; object-fit: cover; }
.blogTag a { background-color: #166CE6; padding: 5px 10px 4px; border-radius: 25px; display: inline-block; }

.featuredArticle .buttonVersion2 .button.button--simple.btn-small a {line-height: normal;padding: 0;font-weight: inherit;}


.purple_theme .listBoxDesign.dynamicGradientBanner02{background:linear-gradient(66deg,#251a46 15.03%,#6631f5 95.87%)}
.listBoxDesign{padding:20px 30px 30px 30px;border-radius:40px;position:relative}
.listBoxDesign:before{content:'';position:absolute;right:0;top:0;background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/Filtres-juridiques.png);width:200px;height:200px;background-size:contain;background-repeat:no-repeat}
.topFilterCards{display:flex;gap:12px;flex-wrap:wrap}
.topFilterCards .filterTag{color:#fff}
.topFilterCards svg.removeTag{cursor:pointer}
.tousNosArticles .content-wrapper{padding:0}
.blogPaginationNumber{border-radius:40px;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.15),0 0 4px 0 rgba(0,0,0,.15) inset;padding:5px 10px;display:inline-flex;align-items:center}
nav.pagination--wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.blogPaginationNumber a,span.blog-pagination__ellipsis{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.blogPaginationNumber a.blog-pagination__link.blog-pagination__link--active{border:1px solid #251a46;border-radius:30px}
.blog-pagination__link_arrow{border-radius:30px;background:#6631f5;display:block;padding:10px;line-height:0}
a.blog-pagination__link.blog_first_page,a.blog-pagination__link.blog_last_page{background:0 0;border:solid 1px #6631f5;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}
@media (max-width:767px){
    a.blog-pagination__link.blog_first_page,a.blog-pagination__link.blog_last_page{display:none}
    .tousNosArticles .postFlex{gap:10px}
}


.purple_theme .listBoxDesign.dynamicGradientBanner02{background:linear-gradient(66deg,#251a46 15.03%,#6631f5 95.87%)}
.listBoxDesign{padding:20px 30px 30px 30px;border-radius:40px;position:relative}
.listBoxDesign:before{content:'';position:absolute;right:0;top:0;background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/Filtres-juridiques.png);width:200px;height:200px;background-size:contain;background-repeat:no-repeat}
.topFilterCards{display:flex;gap:12px;flex-wrap:wrap}
.topFilterCards .filterTag{color:#fff}
.topFilterCards svg.removeTag{cursor:pointer}
.tousNosArticles .content-wrapper{padding:0}
.tagBox a.active{border-radius:20px;background:linear-gradient(180deg,#6631f5 0,#251a46 163.46%);color:#fff}
.tagBox a:hover{box-shadow: 0 0 6px 0 #6631F5;}

.tagBox a{transition:all .3s ease}
.blogWrapper{display:flex;align-items:center;gap:10px;min-height:100px}
.topTag{position:absolute;top:-10px}
.blogWrapper{position:relative;border-radius:16px;border:1px solid #e4dede;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:12px 16px}
.topTag{border-radius:25px;background:#251a46;color:#fff;padding:4px 10px;font-size:14px;font-style:normal;line-height:normal}
.filterCardRowBox{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:24px}
.imgBox{width:130px;border-radius:12px;text-align:center}
.blogContent{flex:1}
.tagBox a{border-radius:20px;display:block;border:1px solid #e4dede;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.25);padding:4px 10px;font-size:16px;font-style:normal;font-weight:500}
.filterTags{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:36px 0 30px;border-bottom:1px solid #e4dede}
span.arrowText{display:none}
.blogArrow span.btnIcon{margin:0}
.blog-post__body p {
    font-weight: 400;
}
.tousNosArticles .dynamicGradientBanner02 .filterTag {
    background: rgba(255, 255, 255, 0.20) !important;
}

.tousNosArticles .selectdropBtn span.BtnText {
    font-style: italic;
}

.ctaGrandientBlue .button a span.btnshape {
    background: linear-gradient(109deg, #251A46 9.93%, #6631F5 73.44%, #166CE6 108.56%);
}
.blogWrapper .blogArrow.button.gradienthover a span.btnshape {
    background: linear-gradient(109deg, #251A46 30.93%, #6631F5 100%);
}

@media (max-width:767px){
    .tousNosArticles.eventFilterWrapper .filterTopRow{border-bottom:none}
    .filterCardRowBox{display:grid;grid-template-columns:1fr;row-gap:32px}
    .blogWrapper{flex-direction:column}
    .blogWrapper .imgBox,.blogWrapper .imgBox img{width:100%}
    .filterTags{gap:10px}
    .blogWrapper span.arrowText{display:inline-block}
    .blogWrapper .topTag{left:15px}
    .imgBox img{max-height:120px;object-fit:contain}
    .blogWrapper{gap:16px}
    .blogContent{padding:11px 0}
    .blog-post-wrapper .content-wrapper {
        padding: 0;
    }
}


/* dashboard */
.dashboardMainSection .dashBoardSection{border-radius:20px;border:1px solid #e4dede;background:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.25);padding:16px 24px;position:relative;display:flex;gap:26px}
.dashboardMainSection .profileDetails,.dashboardMainSection .userDetails{flex:1 1 45%;display:flex;align-items:center;gap:26px}
.dashboardMainSection .editProfileDetails{position:absolute;right:24px}
.dashboardMainSection .userNameDetails p{margin:0;display:flex}
.dashboardMainSection .userNameDetails{display:flex;flex-direction:column;gap:6px}
.dashboardMainSection .userContentDetails{display:flex;flex-direction:column;gap:14px}
.dashboardMainSection .userSocialMedia a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:30px;line-height:0}
.dashboardMainSection .userSocialMedia{display:flex;gap:10px}
.dashboardMainSection .userSocialMedia a svg{height:14px;width:14px;object-fit:contain}
.dashboardMainSection .userDetails{border-right:1px solid #e4dede}
.dashboardMainSection .userNameDetails p.designation{color:rgba(37,26,70,.5)}
.dashboardMainSection .profileDetails .profileContent span{color:rgba(37,26,70,.5)}
.dashboardMainSection .profileContent{display:flex;flex-direction:column;gap:8px}
.dashboardMainSection .profileContent p{margin:0;}
.dashboardMainSection .userImg img{width:100px;height:100px;object-fit:cover;border-radius:50%}
.dashboardMainSection .tabBoxWrapper{border-bottom:2px solid #e4dede;display:flex;flex-wrap:wrap}
.dashboardMainSection .tabSection{padding:23px 0 38px}
.dashboardMainSection .tabBox{padding:0 30px 7px 35px;transition:all .3s ease}
.dashboardMainSection .tabBox a{color:rgb(37 26 70 / 50%)}
.dashboardMainSection .tabBox.active a,.dashboardMainSection .tabBox:hover a{color:rgb(37 26 70 / 100%)}
.dashboardMainSection ul.tabBoxWrapper{list-style:none;padding:0;margin:0}
.dashboardMainSection ul.tabBoxWrapper li{margin:0}
.dashboardMainSection ul.tabBoxWrapper li.active:before{content:'';position:absolute;bottom:-2px;height:5px;width:100%;background:#251a46;left:0;border-radius:7px}
.dashboardMainSection ul.tabBoxWrapper li{position:relative}
.dashboardMainSection .bottomBoxWrapper{display:flex;flex-wrap:wrap;gap:15px}
.dashboardMainSection .leftContentBox,.dashboardMainSection .rightContentBox{border-radius:30px;border:1px solid #e4dede;background:#fff;padding:20px}
.dashboardMainSection .leftContentBox{padding-bottom:50px}
.dashboardMainSection .rightContentBox{padding:20px 16px}
.dashboardMainSection .leftBoxHeading,.dashboardMainSection .rightBoxHeading{text-align:center}
.dashboardMainSection .leftBoxInnerCardBox{border-radius:16px;border:1px solid #e4dede;background:linear-gradient(0deg,rgba(37,26,70,.04) 0,rgba(37,26,70,.04) 100%),#fff;padding:20px}
.dashboardMainSection .leftBoxHeading{margin-bottom:32px}
.dashboardMainSection .leftBoxInnerHeading{padding-bottom:20px}
.dashboardMainSection .leftBoxInnerCardWrapper{display:flex;flex-wrap:wrap;gap:16px}
.dashboardMainSection .leftBoxInnerCard{flex:1 1 45%;border-radius:16px;border:1px solid #e4dede;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:12px}
.dashboardMainSection .leftBoxInnerCardBody{padding:16px 12px 0}
.dashboardMainSection .postFlex{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.dashboardMainSection .authorBox a{display:flex;align-items:center;gap:8px}
.dashboardMainSection .authorBox a .authorImg img{width:29px;height:29px;object-fit:cover;border-radius:50%}
.dashboardMainSection .dateBox{display:flex;gap:8px;align-items:center}
.dashboardMainSection .dateBox p{margin:0;font-size:12px;color:rgb(37 26 70 / 50%)}
.dashboardMainSection .authorBox a span.authorName{font-size:12px;color:rgb(37 26 70 / 50%)}
.dashboardMainSection .cardBottomDetails{padding-top:16px;border-top:solid 1px #e3dede;margin-top:14px}
.dashboardMainSection .leftBoxInnerCardImg img{width:286px;height:158px;object-fit:cover;border-radius:12px}
.dashboardMainSection .calendar__month{font-size:16px;font-weight:700;padding:10px 0;width:100%;position:relative}
.dashboardMainSection .cal-month__next,.dashboardMainSection .cal-month__previous{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px;text-align:center}
.dashboardMainSection .cal-month__next:hover,.dashboardMainSection .cal-month__previous:hover{background-color:#251a46;box-shadow:0 5px 5px -5px rgba(0,0,0,.75);border-radius:50%;font-weight:800;color:#111}
.dashboardMainSection .cal-month__next{right:10px}
.dashboardMainSection .cal-month__current{text-align:center;color:#e1e1e1}
.dashboardMainSection .cal-body__day,.dashboardMainSection .cal-head__day{display:inline-block;width:45px;height:45px;float:left;text-align:center;font-size:12px;font-style:normal;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.dashboardMainSection .cal-body__day{display:inline-block;width:45px;height:45px;float:left;text-align:center;font-size:12px;font-style:normal;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.dashboardMainSection .cal-body__week,.dashboardMainSection .calendar__head{display:block;height:45px}
.dashboardMainSection .calendar__head{line-height:50px;position:relative}
.dashboardMainSection .cal-body__day{color:#251a46;line-height:45px;text-align:center;cursor:pointer}
.dashboardMainSection .cal-day__month--current{color:#251a46}
.dashboardMainSection .cal-day__day--today{font-weight:800;color:#166ce6}
.dashboardMainSection .cal-body__day.cal-day__day--today.cal-day__day--selected.cal-day__month--current, .dashboardMainSection .cal-body__day.cal-day__day--today.cal-day__month--current{color:#251a46;border-radius:50%;background:rgba(37,26,70,.2);box-shadow:1px 1px 4px 0 rgba(0,0,0,.25)}
.dashboardMainSection .cal-body__day.cal-day__day--today.cal-day__day--selected.cal-day__month--current:before {
    display: none;
}
.dashboardMainSection .calendar__month{background:rgb(37 26 70 / 20%);border-radius:30px;padding:6px 10px}
.dashboardMainSection .cal-month__current{font-size:16px;font-weight:700;color:#251a46}
.dashboardMainSection .cal-month__next,.dashboardMainSection .cal-month__previous{border-radius:30px;background:#251a46;display:flex;align-items:center;justify-content:center}
.dashboardMainSection .rightBottomAgenda{border-radius:24px;background:rgba(37,26,70,.1);box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);padding:16px 12px}
.dashboardMainSection .rightBottomAgendaHeading{text-align:center}
.dashboardMainSection .rightBottomAgenda{margin-top:24px}
.dashboardMainSection .rightBottomAgendaCard{border-radius:12px;background:#fff;padding:12px;display:flex;align-items:center;gap:20px}
.dashboardMainSection .rightBottomAgendaCard.orange_card{border:1px solid #fd4f2b}
.dashboardMainSection .rightBottomAgendaCard.blue_card{border:1px solid #166ce6}
.dashboardMainSection .rightBottomAgendaCard.purple_card{border:1px solid #6631f5}
.dashboardMainSection .rightBottomAgendaCard.orange_card p.agendaHeading{color:#fd4f2b}
.dashboardMainSection .rightBottomAgendaCard.blue_card p.agendaHeading{color:#166ce6}
.dashboardMainSection .rightBottomAgendaCard.purple_card p.agendaHeading{color:#6631f5}
.dashboardMainSection .agendaContent p{font-size:14px}
.dashboardMainSection p.agendaHeading{margin:0 0 4px}
.dashboardMainSection .rightBottomAgendaCardsWrapper{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.dashboardMainSection .rightBottomAgendaRightButton{max-width:27px;width:100%;text-align:center}
.dashboardMainSection .leftBoxInnerCardBox.leftBottomBoxInnerCardBox{margin-top:36px}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard{flex:1 1 45%}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard{padding:0}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard .bottom_metaInner{max-width:196px;margin:auto}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard .filterCardInner .top_meta .date.blueColor{color:#166ce6}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard .filterCardInner .top_meta .date.darkBlueColor{color:#6631f5}
.dashboardMainSection .leftBoxInnerCardWrapper .filterCard:hover .filterCardInner .top_meta .date.blueColor,.leftBoxInnerCardWrapper .filterCard:hover .filterCardInner .top_meta .date.darkBlueColor{color:#fff}
.dashboardMainSection .rightBottomBox{padding:20px}
.dashboardMainSection .rightBottomBoxHeading{padding-bottom:18px;border-bottom:1px solid #e4dede;margin-bottom:12px}
.dashboardMainSection .rightBottomWrapBoxWrapper{display:flex;align-items:center;gap:20px;padding:10px 0;border-bottom:.5px solid #e4dede}
.dashboardMainSection .rightBottomWrapBoxImg img{width:60px;height:60px;object-fit:cover;border-radius:50%}
.dashboardMainSection .rightBottomWrapBoxDetails{display:grid;gap:4px}
.dashboardMainSection .rightBottomWrapBoxDetails .collaborateName{font-size:10.216px;font-weight:700;letter-spacing:.204px}
.dashboardMainSection .collaborateDesignation{color:rgba(37,26,70,.5);font-size:10.216px;font-style:normal;font-weight:500;letter-spacing:.204px}
.dashboardMainSection .rightBottomWrapBoxButton a{display:flex;align-items:center;gap:8px}
.dashboardMainSection .rightBottomWrapBoxButton{display:flex;justify-content:center;margin-top:24px}
.dashboardMainSection .ctaBanner img{width:100%}
.dashboardMainSection .rightBottomAgendaCard.orange_card:hover{border-radius:12px;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(181deg,#fd4f2b .94%,#261a47 91.83%)}
.dashboardMainSection .rightBottomAgendaCard.blue_card:hover{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(181deg,#166ce6 .94%,#261a47 91.83%)}
.dashboardMainSection .rightBottomAgendaCard.purple_card:hover{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(181deg,#6631f5 .94%,#261a47 91.83%)}
.dashboardMainSection .rightBottomAgendaCard,.dashboardMainSection .rightBottomAgendaCard .agendaContent p,.rightBottomAgendaCard .rightBottomAgendaRightButtonArrow a svg g path,.rightBottomAgendaCard p.agendaHeading{transition:all .3s ease}
.dashboardMainSection .rightBottomAgendaCard:hover p.agendaHeading{color:#fff}
.dashboardMainSection .rightBottomAgendaCard:hover .agendaContent p{color:#fff}
.dashboardMainSection .mobileButtonText{font-size:0px;width:0}
.dashboardMainSection .rightBottomAgendaCard:hover .mobileButtonText{color:#251a46;font-size:8.75px;font-weight:700;line-height:0;letter-spacing:.175px;width:auto}
.dashboardMainSection .rightBottomAgendaRightButtonArrow a{display:flex;align-items:center;border-radius:21.875px;background:#fff;padding:5px 6px;gap:4px}
.dashboardMainSection .rightBottomAgendaCard:hover .rightBottomAgendaRightButton{max-width:44px}
.dashboardMainSection .GradientOnHoverBlue:hover{border-radius:16px;background:linear-gradient(199deg,#6631f5 33.85%,#261a47 104.54%);box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}
.dashboardMainSection .GradientOnHoverLightBlue:hover{border-radius:16px;background:linear-gradient(199deg,#166ce6 33.85%,#261a47 104.54%);box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}
.dashboardMainSection .leftBoxInnerCard{transition:all .3s ease}
.dashboardMainSection .leftBoxInnerCard:hover{border-radius:16px;border:1px solid #e4dede;background:#fff;box-shadow:0 0 20px 0 #6631f5}
.dashboardMainSection .tab-box{display:none}
.dashboardMainSection .rightBottomWrapBoxButton a{align-items:center;position:relative}
.dashboardMainSection .rightBottomWrapBoxButton a span{line-height:0;text-align:end;width:18px}
.dashboardMainSection .rightBottomWrapBoxButton a span.hoverIcon{display:none}
.dashboardMainSection .rightBottomWrapBoxButton a:hover span.hoverIcon{display:block}
.dashboardMainSection .rightBottomWrapBoxButton a:hover span.normalIcon{display:none}
.dashboardMainSection .rightBottomWrapBoxButton a:before{content:'';position:absolute;bottom:-4px;width:0;height:2px;background:#251a46;transition:all .3s ease}
.dashboardMainSection .rightBottomWrapBoxButton a:hover:before{width:100%}

/* tab 2 */
.tabBoxWrap{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:flex-start}
.tabFilterBox{border-radius:20px;border:1px solid #e4dede;background:linear-gradient(209deg,#6631f5 2.92%,#251a46 90.19%);padding:30px 16px}
.tabFilterHeading{color:#fff;text-align:center;font-size:18px;font-weight:700;padding-bottom:10px;border-radius:30px 30px 0 0;border-bottom:1px solid #e4dede}
.tabFilterCheckBox .form-column-1{padding:32px 10px}
.tabFilterCheckBox .form-column-1 label{color:#fff}
.tabFilterArticalCardWrapper{border-radius:20px;border:1px solid #e4dede;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;padding-right:24px;align-items:center;gap:32px;align-self:stretch}
.tabFilterArticalCardImg{width:375px}
.tabFilterArticalCardContent{width:calc(100% - 375px);padding:20px 0;}
.tabFilterArticalCardImg img{width:100%}
.tabFilterArticalCardTitle{border-radius:25px;background:#6631f5;color:#fff;width:fit-content;padding:4px 10px;font-size:14px;font-style:normal;font-weight:400;margin-bottom:12px}
.tabFilterArticalCardHeading h5{color:#251a46;font-size:20px;font-weight:500;line-height:normal}
.tabFilterArticalCardHeading{margin-bottom:12px}
.tabFilterArticalCardDescription p{color:#251a46;font-size:14px;font-weight:500;line-height:1.6}
.tabFilterArticalCardDescription{margin-bottom:20px}
.tabFilterArticalCardCTA{text-align:right}
.tabFilterArticalCardCTA a{transition:all .3s ease;display:flex;justify-content:flex-end;gap:8px;align-items:center;position:relative;width:fit-content;margin-left:auto}
.tabFilterArticalCardCTA a span.hoverIcon{display:none}
.tabFilterArticalCardCTA a:hover span.hoverIcon{display:block}
.tabFilterArticalCardCTA a:hover span.normalIcon{display:none}
.tabFilterArticalCardCTA a span{line-height:0;width:18px;text-align:end}
.tabFilterArticalCardCTA a:hover:before{width:100%}
.tabFilterArticalCardCTA a:before{content:'';position:absolute;left:0;width:0;height:2px;background:#251a46;bottom:0;transition:all .2s ease}
.tabFilterArticlesCommunitiesHeadingWrapper,.tabFilterResourceHeadingWrapper,.tabFilterUpcomingEventsHeadingWrapper{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #E4DEDE;margin-bottom:36px}
.tabFilterArticlesCommunitiesButton a,.tabFilterResourceHeadingWrapper a,.tabFilterUpcomingEventsButton a{gap:8px;transition:all .3s ease;position:relative;width:fit-content;display:block;display:flex;align-items:center}
.tabFilterArticlesCommunitiesButton a span.hoverIcon,.tabFilterResourceHeadingWrapper a span.hoverIcon,.tabFilterUpcomingEventsButton a span.hoverIcon{display:none}
.tabFilterArticlesCommunitiesButton a:hover span.hoverIcon,.tabFilterResourceHeadingWrapper a:hover span.hoverIcon,.tabFilterUpcomingEventsButton a:hover span.hoverIcon{display:block}
.tabFilterArticlesCommunitiesButton a:hover span.normalIcon,.tabFilterResourceHeadingWrapper a:hover span.normalIcon,.tabFilterUpcomingEventsButton a:hover span.normalIcon{display:none}
.tabFilterArticlesCommunitiesButton a span,.tabFilterResourceHeadingWrapper a span,.tabFilterUpcomingEventsButton a span{line-height:0;width:18px;text-align:end}
.tabFilterArticlesCommunitiesButton a:before,.tabFilterResourceHeadingWrapper a:before,.tabFilterUpcomingEventsButton a:before{background:#251a46;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .2s ease;width:0}
.tabFilterArticlesCommunitiesButton a:hover:before,.tabFilterResourceHeadingWrapper a:hover:before,.tabFilterUpcomingEventsButton a:hover:before{width:100%}
.tabFilterArticlesCommunitiesCard{border-radius:16px;border:1px solid #e4dede;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:12px;flex:1 1 45%;position:relative}
.tabFilterArticlesCommunitiesCardWrapper{display:flex;flex-wrap:wrap;gap:16px}
.tabFilterArticlesCommunitiesCardTag{border-radius:25px;background:#6631f5;padding:4px 10px;color:#fff;width:fit-content;position:absolute;top:-15px;font-size:14px;font-weight:400}
.tabFilterArticlesCommunitiesCardBody{padding:16px 12px 0}
.tabFilterArticlesCommunitiesCardImg img{width:100%;height:158px;object-fit:cover;border-radius:12px}
.tabFilterArticlesCommunitiesCardAuthor .cardBottomDetails{padding-top:42px}
.tabFilterArticlesCommunitiesCardAuthor .cardBottomDetails .postFlex{gap:40px;justify-content:flex-start}
.tabFilterArticlesCommunitiesCard:hover {box-shadow: 0 0 20px 0 #6631f5;}
.tabFilterArticlesCommunitiesCard {transition: all 0.3s ease;}
.tabFilter .form-group{display:block;margin-bottom:15px}
.tabFilter .form-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.tabFilter .form-group label{position:relative;cursor:pointer}
.tabFilter .form-group label:before{content:'';-webkit-appearance:none;top:-2px;background-color:transparent;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);width:13px;height:13px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:7px;border-radius:50%;transition:all .2s ease}
.tabFilter .form-group input:checked+label:before{background-color:#fff}
.tabFilter .form-group input:checked+label:after{border:solid #3a217e;border-width:0 2px 2px 0;content:"";display:block;height:8px;left:4px;position:absolute;top:2px;transform:rotate(45deg);width:5px}
.tabFilterCheckBox form .actions:after{content:'+';font-size:16px;color:#fff;position:absolute;left:16px;top:18px;margin:auto}
.tabFilterCheckBox form .hs-button,.tabFilterCheckBox form input[type=submit]{background:0 0;border:solid 1px #fff;padding-left:30px;position:relative;transition:all .3s ease}
.tabFilterCheckBox form .hs-button:hover,.tabFilterCheckBox form input[type=submit]:hover{border:solid 1px transparent}
.tabFilterUpcomingEventsCard{flex:1 1 30%;position:relative}
.tabFilterUpcomingEventsCardWrapper{display:flex;flex-wrap:wrap;gap:16px}
.tabFilterUpcomingEventsCard .filterCard{padding:0}
.tabFilterUpcomingEventsCardTag{background:#6631f5;border-radius:25px;color:#fff;font-size:14px;font-weight:400;padding:4px 10px;position:absolute;top:-15px;width:fit-content;left:12px}
.tabFilterUpcomingEventsCardImg img{width:100%}
.tabFilterUpcomingEventsCardBody{padding:16px 12px}
.filterCardTag{background:#6631f5;border-radius:25px;color:#fff;font-size:14px;font-weight:400;padding:4px 10px;position:absolute;top:-15px;width:fit-content;z-index:9;left:15px}
.tabFilterResourceCardWrapper .blogWrapper{background:#fff;border:1px solid #e4dede;border-radius:16px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:12px 16px;position:relative}
.tabFilterResourceCardWrapper .blogWrapper{align-items:center;display:flex;gap:10px;min-height:100px}
.tabFilterResourceCardWrapper .topTag{background:#251a46;border-radius:25px;color:#fff;font-size:14px;font-style:normal;line-height:normal;padding:4px 10px}
.tabFilterResourceCardWrapper .topTag{position:absolute;top:-10px}
.tabFilterResourceCardWrapper .imgBox{border-radius:12px;width:130px;text-align:center}
.tabFilterResourceCardWrapper .blogContent{flex:1}
.tabFilterResourceCardWrapper{display:grid;gap:24px}
.tabFilterArticalCardImg img{height:100%;width:100%;object-fit:cover;object-position:left}
/* tab 2 */
/* tab 3 */
.tabTrainingProgress{padding:30px;border-radius:30px;box-shadow:0 0 4px 0 rgba(0,0,0,.25)}
.tabTrainingProgressCard{border-radius:20px;border:1px solid #e4dede;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.25);padding:16px 40px 16px 16px}
.tabTrainingProgressCard{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.tabTrainingProgressWrapper{display:grid;gap:18px}
.tabTrainingProgressCardBody{display:flex;align-items:center;flex-wrap:wrap}
.tabTrainingProgressCardImg{width:258px}
.tabTrainingProgressCardBody{flex:1;gap:20px}
.tabTrainingProgressButton{width:13px;line-height:0}
.tabTrainingProgressCardBodyContent{flex:1;max-width:651px;}
.tabTrainingProgressCardTags a{padding:4px 10px!important;font-size:12px;font-weight:400!important}
.tabTrainingProgressCardTags{display:flex;gap:10px;flex-wrap:wrap}
.tabTrainingProgressCardBodyContent{display:grid;gap:20px}
@keyframes growProgressBar{
    0%,33%{--pgPercentage:0}
    100%{--pgPercentage:var(--value)}
}
@property --pgPercentage{syntax:'<number>';inherits:false;initial-value:0}
div[role=progressbar]{--fg:#fd4f2b;--bg:#D9D9D9;--pgPercentage:var(--value);animation:growProgressBar 3s 1 forwards;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 80%,transparent 0 99.9%,#fff 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);font-family:Helvetica,Arial,sans-serif;font-size:calc(var(--size) / 5);color:var(--fg)}
.tabTrainingProgressCardProgress{display:flex;align-items:center;gap:8px}
.progressContent{color:rgba(37,26,70,.6);font-size:14px;font-weight:400}
.tabTrainingProgressCardImg img{height:150px;width:258px;border-radius:10px;object-fit:cover}
.tabTrainingProgressLinkButton .button a{color:#fff!important;fill:#fff!important}
.tabTrainingProgressLinkButton .button.button--simple a svg path{fill:#ffffff!important;stroke:#ffffff!important}
.tabTrainingProgressLinkButton .button.button--simple a:hover svg path{fill:rgba(22,108,230,1)!important;stroke:rgba(22,108,230,1)!important}
.tabTrainingSuggestionsHeading{padding:10px 0 16px;border-bottom:1px solid #E4DEDE}
.tabTrainingSuggestionsWrap .filterCard .bottom_metaInner{max-width:320px}
.tabTrainingHistoryBox{border-radius:30px;background:#e4dede;box-shadow:0 0 4px 0 rgba(0,0,0,.25);padding:30px}
.tabTrainingHistoryCard{border-radius:20px;border:1px solid #e4dede;background:#fff;padding:16px}
.tabTrainingHistoryCardWrap{display:flex;align-items:center;gap:16px}
.tabTrainingHistoryWrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.orange_theme .tabTrainingHistoryCard:hover{border-radius:20px;border:1px solid #e4dede;background:#fff;box-shadow:0 0 12px 0 #fd4f2b}
.tabTrainingHistoryCard{transition:all .3s ease}
.tabTrainingProgressCard:hover{border-radius:20px;background:linear-gradient(180deg,#fd4f2b 7.69%,#251a46 100%);border:none}
.tabTrainingProgressCard,.tabTrainingProgressCard .progressContent,.tabTrainingProgressCard .tabTrainingProgressButton a svg path,.tabTrainingProgressCard .tabTrainingProgressCardHeading h5,.tabTrainingProgressCard .tabTrainingProgressCardTags a.button,.tabTrainingProgressCard div[role=progressbar]{transition:all .3s ease}
.tabTrainingProgressCard:hover .tabTrainingProgressCardHeading h5{color:#fff}
.tabTrainingProgressCard:hover .tabTrainingProgressCardTags a.button{background:#fff;color:#fd4f2b}
.tabTrainingProgressCard:hover .progressContent{color:#fff}
.tabTrainingProgressCard:hover div[role=progressbar]{background:radial-gradient(closest-side,#63293e 80%,transparent 0 99.9%,#fff 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0)}
.tabTrainingProgressCard:hover .tabTrainingProgressButton a svg path{fill:#fff}
.tabTrainingHistoryHeading h2,.tabTrainingSuggestionsHeading h2{font-size:32px}
.filterCardInnerTag{position:absolute;top:-15px;right:15px;border-radius:30px;background:#fd4f2b;color:#fff;z-index:9;padding:4px 10px;font-size:14px;font-weight:700}
.filterCard .filterCardInner{position:relative}
/* end tab 3 */

/* tab 4 */
.tabMainHeading h1{font-size:40px;font-weight:700}
.tabCompanyDirectoryRightCard{border-radius:20px;border:1px solid #e4dede;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.25);padding:30px 20px}
.tabCompanyDirectoryHeading{text-align:center;border-radius:30px 30px 0 0;border-bottom:1px solid #e4dede;padding:0 0 10px}
.tabCompanyDirectoryRight{width:339px}
.tabCompanyDirectoryLeft{width:calc(100% - 365px)}
.tabCompanyDirectoryWrapper{display:flex;flex-wrap:wrap;gap:26px}
.tabCompanyDirectoryLeftBox{border-radius:20px;border:1px solid #251a46;background:#fff;padding:30px 20px}
.tabCompanyDirectoryLeftHeading{text-align:center}
.tabCompanyDirectoryFilter .leftItem{max-width:250px!important}
.tabCompanyDirectoryFilter .filterTopRow{justify-content:space-between}
.tabCompanyDirectoryFilter{margin-top:18px}
.tabCompanyDirectoryFilter .rightItem{width:calc(100% - 330px)}
.tabCompanyDirectoryFilter .rightItem .filterDropdown{width:100%}
.tabCompanyDirectoryFilter .SelectOtionsWrp{width:100%}
.tabCompanyDirectoryFilter .filterSearchBox:before{width:18px;height:18px;background-size:contain;left:15px}
.tabCompanyDirectoryFilter .filterSearchBox input{padding-left:40px}
.tabCompanyDirectoryFilter{border-bottom:1px solid #e4dede;padding-bottom:12px;margin-bottom:16px}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxDetails{display:flex;justify-content:space-between;width:100%;flex:1}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxImg{width:50px}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxImg img{width:50px;height:50px}
.tabCompanyDirectoryBoxCard{border-radius:8px;border:.5px solid #e4dede;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:10px}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxWrapper{gap:8px;padding:0;border:none}
.tabCompanyDirectoryBox{display:grid;gap:12px}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxDetails .collaborateName{font-size:14px}
.tabCompanyDirectoryBoxCard .rightBottomWrapBoxDetails .collaborateDesignation{font-size:12px}
.tabCompanyDirectoryBox {height: 400px;overflow:auto;padding-right:14px;padding-bottom: 10px;}
.tabCompanyDirectoryBox::-webkit-scrollbar{width:6px;height:100%;}
.tabCompanyDirectoryBox::-webkit-scrollbar-thumb{border-radius:100px;background:#251a46}
.tabCompanyDirectoryBox::-webkit-scrollbar-track{background:#E4DEDE;border-radius:100px;overflow:hidden;}
.tabCompanyDirectoryBoxFAQ{border-radius:10px;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}
ul.tabCompanyDirectoryList{padding:0;margin:0;list-style:none;padding:16px 16px;display:grid;gap:12px}
ul.tabCompanyDirectoryList li{margin:0;display:flex;align-items:center;gap:7px}
ul.tabCompanyDirectoryList li span{line-height:0}
.tabCompanyDirectoryTitle{border-radius:10px 10px 0 0;background:rgba(37,26,70,.1);padding:10px 16px;font-size:14px;font-weight:400}
.tabCompanyDirectoryImg{display:flex;gap:7px;padding:24px 0 0;cursor:pointer;position:relative;z-index:9}
.tabCompanyDirectoryContent{margin-top:24px}
.tabCompanyDirectoryFilter .filterSearchBox input:hover{border-color:#6631f5;box-shadow:1px 3px 4px 0 rgba(102,49,245,.5)}
.tabCompanyDirectoryRightFaq .tabCompanyDirectoryFAQContent{opacity:0;height:0;transition:all .3s ease}
.tabCompanyDirectoryRightFaq.active_div .tabCompanyDirectoryFAQContent{opacity:1;height:auto}
.tabCompanyDirectoryFAQContent{text-align:center;font-size:16px;font-style:normal;font-weight:400}
.tabCompanyDirectoryRightFaq.active_div .tabCompanyDirectoryFAQContent{padding-top:16px}
.popupBoxContent{text-align:center}
.popupBox{padding:30px 16px}
.formBox{margin-top:36px}
.popupBoxHeading{padding-bottom:16px}
.popupBoxHeading{padding-bottom:16px}
.formBox form p{margin:10px 0 0;color:#80809d;font-size:14px;font-style:italic;font-weight:400;text-align:left}
.formBox form .actions{margin-top:28px;text-align:center}
.formBox form label{margin-bottom:8px;display:block}
.formBox form{margin:auto;text-align:center}
.formBox form label{text-align:left}
.popupSection{border-radius:50px;background:#fff;padding:76px 98px;max-width:653px;width:100%;margin:auto}
.popupBoxContent{text-align:center}
.popupBox{padding:30px 16px}
.formBox{margin-top:36px}
.popupCloseButton{position:relative}
.popupCloseButton{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:absolute;right:34px;top:26px}
.popupCloseButton button.mfp-close{top:0;right:0;width:30px;height:30px;display:flex}
.popupCloseButton button.mfp-close::after,.popupCloseButton button.mfp-close::before{width:2px;height:20px}
.popupSection{position:relative}
.popupCloseButton button.mfp-close{position:absolute;right:0;background:0 0}
.formBox form input.hs-button.secondary.large{color:#251a46;border-radius:40px;border:1px solid #251a46;min-width:144px;background:0 0}
.formBox form input.hs-button.secondary.large:hover{color:#fff;border-color:transparent}
.formBox form .actions input.hs-button.primary.large{padding-left:30px;padding-right:52px}
.formBox form .actions.withIcon:after{background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/Icons%20UDM.svg);bottom:0;content:"";height:18px;margin:0;position:absolute;right:30px;top:8px;width:18px;z-index:1}
.popupSection:before{background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/rounded.png);background-repeat:no-repeat!important;background-size:contain;content:"";height:230px;left:-8%;position:absolute;top:-22.5%;width:230px}
.popupSection{overflow:hidden}

/* end tab 4 */


/* profile tab 1 */
.innerBoxDiv{border-radius:30px;border:1px solid #251a46;background:#fff;padding:30px}
.editDetails:has(a.active){display:none}
.returnButton a span.hoverIcon{display:none}
.returnButton a:hover span.hoverIcon{display:block}
.returnButton a:hover span.normalIcon{display:none}
.returnButton a span{line-height:0;width:18px;text-align:left}
.returnButton a:before{background:#251a46;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .2s ease;width:0}
.returnButton a:hover:before{width:100%}
.returnButton a{align-items:center;display:block;display:flex;gap:8px;position:relative;transition:all .3s ease;width:fit-content}
.returnButton{padding-bottom:30px;margin-top:0px}
.formDivBox h3{display:none}
.secondTab h2{padding-bottom:32px}
.formDivBox form .actions input.hs-button.primary.large{padding-left:16px;padding-right:42px}
.formDivBox form .actions:after{background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/enregistrer.svg);bottom:0;content:"";height:18px;margin:0;position:absolute;right:16px;top:8px;width:18px;z-index:1}
/* end profile tab 1 */

/* profile tab 2 */
.profileBox .profileDetails{gap:10px}
.ContributionManagerBoxWrap{display:flex;flex-wrap:wrap;gap:60px}
.ContributionManagerBoxColumn{flex:1 1 45%}
.grayBox{border-radius:20px;background:rgba(37,26,70,.1);padding:20px}
.ContributionManagerBox p{margin:0}
.ContributionManagerBox p:not(:last-child){padding-bottom:10px}
.ContributionManagerBox p{color:rgb(37 26 70 / 50%)}
.ContributionManagerBox p strong{color:#251a46}
.entrepriseBoxHeadingWrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.entrepriseBoxList ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:8px}
.entrepriseBoxList ul li{margin:0;display:flex;align-items:center;gap:5px;color:rgba(37,26,70,.5);font-size:18px;font-weight:500;line-height:normal}
.entrepriseBottomBoxWrapper{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.tabCompanyDirectoryRightCard{flex:1 1 45%}
.entrepriseBox{padding:30px}
.tabCompanyDirectoryFAQContent.text-left{text-align:left}
.listBoxWrapper{height:180px;overflow:auto;padding-right:20px;padding-left:16px}
.listBoxWrapper::-webkit-scrollbar{width:6px;height:100%}
.listBoxWrapper::-webkit-scrollbar-thumb{border-radius:100px;background:#251a46}
.listBoxWrapper::-webkit-scrollbar-track{background:#e4dede;border-radius:100px;overflow:hidden}
.listBoxWrapper ul{padding:0;margin:0;list-style:none}
.listBoxWrapper ul li{margin:0;display:flex;align-items:center;gap:7px}
.listBoxWrapper ul li:not(:last-child){padding-bottom:12px}
.fn-date-picker .pika-label{font-weight:400!important}
.fn-date-picker td.is-today .pika-button{color:#fff;border-radius:3px}

.fn-date-picker td .pika-button {text-align: center;background: transparent; border-radius: 3px;}

.innerTabCardFAQ .tabCompanyDirectoryFAQContent{opacity:0;height:0;transition:all .3s ease}
.innerTabCardFAQ.active_div .tabCompanyDirectoryFAQContent{opacity:1;height:auto}
.tabCompanyDirectoryFAQContent{text-align:center;font-size:16px;font-style:normal;font-weight:400}
.innerTabCardFAQ.active_div .tabCompanyDirectoryFAQContent{padding-top:16px}
.innerTabCardContent{margin-top:24px}
.innerTabCardImg{display:flex;gap:7px;padding:24px 0 0;cursor:pointer;position:relative;z-index:9}

/* end profile tab 2 */

/* profile tab 3 */
#bottomTab-3 .innerBoxDiv{padding:30px 90px}
.communicationPreferencesList ul{list-style:none;padding:0;display:grid;gap:16px;margin:0}
.communicationPreferencesList ul li{display:flex;margin:0;align-items:center;gap:7px}
.communitiesDivWrapper:not(.communitiesPopup ..communitiesDivWrapper){align-items:baseline;display:flex;gap:20px;justify-content:space-between}
.communitiesDivList ul{list-style:none;margin:0;padding:0}
.communitiesDivList ul li{margin:0}
.communitiesDiv{border-radius:20px;background:linear-gradient(219deg,#6631f5 -1.02%,#261a47 85.01%);padding:42px}
.communitiesDiv p{margin-top:4px}
.communitiesDivHeading{padding-bottom:24px;border-bottom:1px solid #fff;margin-bottom:36px}
.communitiesDivWrapper .communitiesDivList label.custom-control-label{color:#fff;font-weight:500;font-size:18px}
.communitiesDiv{margin-top:47px}
.form-group button.button.gradienthover.button--secondary{gap:8px}
.form-group button.button--secondary{background:#fd4f2b}
.form-group button.button{position:relative;z-index:9}
.form-group button.button.gradienthover:before{content:'';display:block;background: linear-gradient(109deg, #251A46 9.93%, #6631F5 60.44%, #166CE6 100.56%);width:106.5%;height:256%;border-radius:50%;position:absolute;left:-106.5%;top:-256%;transition:all ease .7s;-moz-transition:all ease .7s;-webkit-transition:all ease .7s;-o-transition:all ease .7s;z-index:-1}
.form-group button.button.gradienthover:hover:before{left:50%;top:50%;transform:translate(-50%,-50%)}
.communitiesDivList .form-group input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}
.communitiesDivList .form-group label{cursor:pointer;position:relative}
.communitiesDivList .form-group label:before{-webkit-appearance:none;background-color:transparent;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);content:"";cursor:pointer;display:inline-block;height:13px;margin-right:7px;position:relative;transition:all .2s ease;vertical-align:middle;width:13px;top:-1px}
.communitiesDivList .form-group input:checked+label:before{background-color:#fff}
.communitiesDivList .form-group input:checked+label:after{border:solid #3a217e;border-width:0 2px 2px 0;content:"";display:block;height:7px;left:4px;position:absolute;top:27%;transform:rotate(45deg);width:4.5px}
.communitiesDivList ul li:not(:last-child){padding-bottom:10px}
.communitiesDiv{position:relative;}
.communitiesDiv:before{background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/bg-shape.png); background-repeat: no-repeat !important; background-size: contain; content: ""; height: 142px; left: 0; position: absolute; top: 0; width: 155px;}

.communicationPreferencesList .form-group input,.listBoxWrapper  .form-group input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}
.communicationPreferencesList .form-group label,.listBoxWrapper  .form-group label{cursor:pointer;position:relative}
.communicationPreferencesList .form-group label:before,.listBoxWrapper  .form-group label:before{-webkit-appearance:none;background-color:transparent;border:2px solid #251A46;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);content:"";cursor:pointer;display:inline-block;height:16px;margin-right:7px;position:relative;transition:all .2s ease;vertical-align:middle;width:16px;top:-1px}
.communicationPreferencesList .form-group input:checked+label:before,.listBoxWrapper  .form-group input:checked+label:before{background-color:#251A46}
.communicationPreferencesList .form-group input:checked+label:after,.listBoxWrapper  .form-group input:checked+label:after{border:solid #ffffff;border-width:0 2px 2px 0;content:"";display:block;height:9px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:5px}


.tabCompanyDirectoryList .form-group input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}
.tabCompanyDirectoryList .form-group label{cursor:pointer;position:relative}
.tabCompanyDirectoryList .form-group label:before{-webkit-appearance:none;background-color:transparent;border:2px solid #251A46;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);content:"";cursor:pointer;display:inline-block;height:13px;margin-right:7px;position:relative;transition:all .2s ease;vertical-align:middle;width:13px;top:-2px}
.tabCompanyDirectoryList .form-group input:checked+label:before{background-color:#251A46}
.tabCompanyDirectoryList .form-group input:checked+label:after{border:solid #ffffff;border-width:0 2px 2px 0;content:"";display:block;height:6.5px;left:4.5px;position:absolute;top:3px;transform:rotate(45deg);width:4px}


.innerTabCardImg .form-group input, .tabCompanyDirectoryImg .form-group input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}
.innerTabCardImg .form-group label, .tabCompanyDirectoryImg .form-group label{cursor:pointer;position:relative}
.innerTabCardImg .form-group label:before, .tabCompanyDirectoryImg .form-group label:before{-webkit-appearance:none;background-color:transparent;border:2px solid #fd4f2b;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);content:"";cursor:pointer;display:inline-block;height:13px;margin-right:7px;position:relative;transition:all .2s ease;vertical-align:middle;width:13px;top:-1px}
.innerTabCardImg .form-group input:checked+label:before, .tabCompanyDirectoryImg .form-group input:checked+label:before{background-color:#fd4f2b}
.innerTabCardImg .form-group input:checked+label:after, .tabCompanyDirectoryImg .form-group input:checked+label:after {border:solid #ffffff;border-width:0 2px 2px 0;content:"";display:block;height:6.5px;left:4.5px;position:absolute;top:4px;transform:rotate(45deg);width:4px}



.innerTabCardContent .button.gradienthover a span.btnshape, .listBoxButton .button.gradienthover a span.btnshape {
    background: linear-gradient(109deg, #251A46 9.93%, #6631F5 50.44%, #166CE6 70.56%, #FD4F2B 100.69%);
}

.formDivBox .hs_photos input[type="file"]::-webkit-file-upload-button {
    margin-right: 10px;
}

.formDivBox .hs_photos input[type="file"]::file-selector-button {
    margin-right: 10px;
}

.filterCard .filterCardInner:hover .bottom_meta .open_mode svg path:last-child {
    stroke: #ffffff !important;
    opacity: 1 !important;
    position: relative;
    z-index: 9999999;
}

.filterCard .filterCardInner:hover .bottom_meta .open_mode svg path:first-child {
    stroke: #fff;
    fill:transparent !important;
}

/* end profile tab 3 */

.orange_theme .newsletterSection .actions:before {
    background: linear-gradient(109deg, #251A46 9.93%, #6631F5 60.44%, #166CE6 100.56%);
}

.dashboardMainSection .cal-day__day--selected {
    position: relative;
}

.dashboardMainSection .cal-day__day--selected:before {
    content: '';
    position: absolute;
    bottom: 25%;
    width: 4px;
    height: 4px;
    background: #251A46;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}
.dashboardMainSection .cal-day__day--selected {
    position: relative;
    background: transparent;
    box-shadow: none;
}

.GradientOnHoverBlue .tagOnTop {
    background: #6631f5;
}
.GradientOnHoverLightBlue .tagOnTop {
    background: #166ce6;
}
.filterCardInner .tagOnTop {
    color: #fff;
    padding: 4px 10px;
    position: absolute;
    top: -15px;
    z-index: 9;
    border-radius: 30px;
    right: 15px;
    font-size: 14px;
}

.tabInnerData .tabFilter .tabFilterCheckBox .actions:before {
    display: none;
}

.tabInnerData .tabFilter .tabFilterCheckBox input.hs-button.primary.large:hover {
    border: solid 1px #fff;
}
.tabFilterDataColumn .tabFilterUpcomingEventsCard .filterCardInner span.date.darkBlueColor {
    color: #6631F5;
}
.tabFilterDataColumn .tabFilterUpcomingEventsCard .filterCardInner:hover span.date.darkBlueColor {
    color: #ffffff;
}

.tabTrainingProgress .button.button--simple a:hover:after {
    background: #fff;
}
.tabTrainingSuggestionsWrap .button.button--simple a:after, .tabTrainingHistoryBox .button.button--simple a:after {
    background: transparent;
}

.tabTrainingSuggestionsWrap .button.button--simple a:hover:after, .tabTrainingHistoryBox .button.button--simple a:hover:after {
    background: #251a46;
}

.tabTrainingSuggestionsWrap .button.button--simple a:hover, .tabTrainingHistoryBox .button.button--simple a:hover {
    color: #251a46;
}


.tabTrainingSuggestionsWrap .button.button--simple a:hover svg path, .tabTrainingHistoryBox .button.button--simple a:hover svg path {
    stroke: #fd4f2b;
}

.formDivBox form .actions:before {
    background: linear-gradient(109deg, #251A46 9.93%, #6631F5 60.44%, #166CE6 100.56%);
}

.loadMoreBtnPurple a:hover .btnIcon svg path{stroke:#6631f5;}
.loadMoreBtnPurple a .btnText {
    color: #251a46;
}
.button--simple.loadMoreBtnPurple a:hover:after {
    background-color: #251a46;
    opacity: 1;
}
.loadMoreBtnPurple a:after {
    background-color: #251a46;
    opacity: 0;
}

.leftWrapperBox .tabFilterBox .actions:before, .submitBlueBg .hs-search-field__button--labelled:before{
    background: linear-gradient(109deg, #251A46 9.93%, #6631F5 60.44%, #166CE6 100.56%);
}


.leftWrapperBox .tabFilterBox .submenu {
    display: none;
    padding-top: 5px;
}

.leftWrapperBox .tabFilterBox .submenu .form-group{
    margin-left: 20px;
}

.leftWrapperBox .tabFilterBox .submenu.show {
    display: block;
}
.leftWrapperBox .tabFilterBox .submenu.show {
    border-top: solid 1px #fff;
    margin-top: 15px;
    padding-top: 10px;
}
.tabFilter .form-group .submenu .form-group label:before {
    border-radius: 3px;
    border-width: 1px;
}


.mfp-auto-cursor .mfp-content { padding: 50px 0 20px; }


/* @media (min-width:1200px){
.formerBannerModule .SFHeroImage {height: auto !important;padding: 0 5px 10px 5px;}

.formerBannerModule .SFHeroContent {
bottom: 25px;
left: 17px;
}
} */

@media (min-width:1025px){
    .dashboardMainSection .leftBox{width:calc(100% - 365px)}
    .dashboardMainSection .rightBox{width:350px}
    .communitiesDiv{padding:42px 161px}
}
@media (min-width:992px) and (max-width:1023px){
    .dashboardMainSection .leftBox{width:calc(100% - 335px)}
    .dashboardMainSection .rightBox{width:320px}
}
@media (min-width:992px){
    .tabFilter{width:258px;position:sticky;top:140px;    }
    .tabFilterDataColumn{width:calc(100% - 275px);flex:1}
    .tabFilterArticalCardWrapper{align-items:unset}
    .tabFilterResourceCardWrapper .blogArrow span.arrowText{display:none}
    .tabFilterResourceCardWrapper .blogArrow span.btnIcon{margin-left:0}
    .tabCompanyDirectoryWrapper{align-items:flex-start}
    .tabCompanyDirectoryRight{position:sticky;top:140px}
    .formDivBox .hs_civilite.hs-civilite,.formDivBox .hs_phone.hs-phone.hs-fieldtype-phonenumber{width:45%}
    .communitiesDivWrapper .communitiesDivList{flex:1}
    .blue_theme .NosPartnerSection .NosPartnerRow {border-radius: 50px;padding: 40px 49px 60px 49px;}
}
@media (max-width:1024px){
    .communitiesDiv:before{height:180px;left:-11%;top:-18.5%;width:180px}
}
@media (max-width:991px){
    .dashboardMainSection .rightBox{width:100%}
    .dashboardMainSection .calenderBox{max-width:320px;margin:auto}
    .dashboardMainSection .tabBox{padding:0 15px 7px}
    .dashboardMainSection .rightBottomAgendaCard{justify-content:space-between}
    .dashboardMainSection .editProfileDetails{top:10px}
    .tabCompanyDirectoryWrapper{flex-direction:column}
    .tabCompanyDirectoryLeft{width:100%}
    .tabCompanyDirectoryRight{width:100%}
    .ContributionManagerBoxWrap{gap:30px}
}
@media (min-width:768px){
    .dashboardMainSection .showOnlyMobile{display:none}
    .tabFilterArticlesCommunitiesButtons{display:none}
}
@media (max-width:767px){
    .dashboardMainSection .userDetails{border-right:none}
    .dashboardMainSection .dashBoardSection{flex-wrap:wrap;gap:0}
    .dashboardMainSection .profileDetails,.dashboardMainSection .userDetails{flex:1 1 100%}
    .dashboardMainSection .profileDetails{margin:20px 0 0;padding-top:20px;border-top:solid 1px #e4dede}
    .dashboardMainSection .dashBoardSection{padding-top:50px}
    .dashboardMainSection .profileImg{width:100px;text-align:center}
    .dashboardMainSection .userDetails{flex-direction:column}
    .dashboardMainSection .profileDetails{display:none}
    .dashboardMainSection .userDetails{flex-direction:column;gap:18px}
    .dashboardMainSection .userContentDetails{flex-direction:row;align-items:center}
    .dashboardMainSection .userNameDetails{border-right:solid 1px #e4dede;padding-right:20px}
    .dashboardMainSection .tabBoxWrapper{border-bottom:none}
    .dashboardMainSection ul.tabBoxWrapper li{border-bottom:2px solid #e4dede;margin-bottom:14px;flex:1 1 50%;text-align:center}
    .dashboardMainSection{background:#fff!important}
    .dashboardMainSection .bottomBoxWrapper{flex-direction:column-reverse;gap:40px}
    .dashboardMainSection .showTablet{display:none}
    .dashboardMainSection .leftContentBox{padding:0 10px;border:none}
    .dashboardMainSection .leftBoxInnerCardBox{padding:20px 10px}
    .dashboardMainSection .leftBoxInnerHeading{padding-left:20px;padding-right:20px}
    .dashboardMainSection .rightBottomBox{padding-bottom:0}
    .dashboardMainSection ul.tabBoxWrapper li:last-child,ul.tabBoxWrapper li:nth-last-child(2){margin:0}
    .dashboardMainSection .tabSection{padding:21px 0}
    .dashboardMainSection .calendar__month{padding:8px 8px}
    .tabFilterArticalCardWrapper{flex-direction:column;padding-right:0;overflow:hidden;gap:12px}
    .tabFilterArticalCardImg{width:100%}
    .tabFilterArticalCardContent{width:100%;padding:0 12px 20px}
    .tabFilterArticalCard{position:relative}
    .tabFilterUpcomingEventsCard{flex:1 1 45%;max-width:49%}
    .tabFilterUpcomingEventsCardWrapper{gap:24px}
    .tabFilter{width:100%}
    .tabFilterArticlesCommunities{border-radius:16px;border:1px solid #e4dede;background:linear-gradient(0deg,rgba(37,26,70,.04) 0,rgba(37,26,70,.04) 100%),#fff;padding:20px 10px;margin:37px 0 0}
    .tabFilterArticlesCommunities .tabFilterArticlesCommunitiesHeadingWrapper{border:none;padding:0 20px;margin-bottom:20px}
    .tabFilterUpcomingEvents{background:linear-gradient(0deg,rgba(37,26,70,.04),rgba(37,26,70,.04)),#fff;border:1px solid #e4dede;border-radius:16px;margin:37px 0 0;padding:20px 10px}
    .tabFilterUpcomingEvents .tabFilterUpcomingEventsHeadingWrapper{border:none;margin-bottom:20px;padding:0 20px}
    .tabFilterUpcomingEvents .filterCardTag{right:15px;left:auto}
    .tabFilterResourceCardWrapper{padding:0 15px}
    .tabTrainingProgressButton{display:none}
    .tabTrainingProgressCardImg,.tabTrainingProgressCardImg img{width:100%!important}
    .tabTrainingProgressCard{padding:16px}
    .tabTrainingProgressCardProgressWrapper{display:flex;justify-content:space-between;align-items:center}
    .arrowButtonCard{line-height:0}
    .filterTopRow{justify-content:center;align-items:center!important;gap:20px}
    .tabCompanyDirectoryFilter .rightItem{width:100%}
    .tabCompanyDirectoryFilter .leftItem{max-width:100%!important}
    .filterSearchBox{width:100%}
    .tabCompanyDirectoryFilter .filterSearchBox input{width:100%}
    .popupSection{border-radius:20px;padding:46px 20px}
    .popupBox{padding:0}
    .popupCloseButton{right:15px;top:15px}
    .tabMainHeading h1{font-size:30px}
    .profileBox .profileDetails{display:block;border:none;padding-top:0;margin:0}
    .entrepriseBox{padding:20px}
    .entrepriseBottomBoxWrapper{flex-direction:column}
    .ContributionManagerBoxWrap{flex-direction:column}
    .ContributionManagerBoxWrap{gap:20px}
    .innerBoxDiv{padding:30px 20px}
    .tabSection.tab-menu-2 li{margin:initial!important}
    .tabSection.tab-menu-2 li:last-child{margin-top:10px!important}
    #bottomTab-3 .innerBoxDiv{padding:30px 20px}
    .communitiesDiv{padding:40px 20px}
    .communitiesDiv:before{height:180px;left:-18%;top:-14.5%;width:180px}
}
@media (max-width:600px){
    .dashboardMainSection .leftBoxInnerCardWrapper{flex-direction:column}
    .dashboardMainSection .leftBoxInnerCardImg img{width:100%}
    .dashboardMainSection .cal-body__day,.dashboardMainSection .cal-head__day{height:42px;width:42px}
    .tabFilterArticlesCommunitiesCard{flex:1 1 100%}
    .tabFilterArticlesCommunitiesCardWrapper{gap:24px}
    .tabFilterArticlesCommunitiesCardImg img{height:100%}
    .tabFilterUpcomingEventsCard{flex:1 1 100%;max-width:100%}
    .tabFilterResourceCardWrapper .blogWrapper{flex-direction:column}
    .tabFilterResourceCardWrapper .topTag{left:16px}
    .tabFilterArticlesCommunitiesCardAuthor .cardBottomDetails .postFlex{gap:15px}
    .tabFilterArticlesCommunitiesButton,.tabFilterResourceButton,.tabFilterUpcomingEventsButton{display:none}
    .communitiesDivWrapper{flex-direction:column;gap:10px}
    .communitiesDiv:before{height:150px;left:-20%;top:-11.5%;width:150px}
}
@media (max-width:400px){
    .dashboardMainSection .cal-body__day,.dashboardMainSection .cal-head__day{height:35px;width:35px}
    .dashboardMainSection .cal-body__week,.dashboardMainSection .calendar__head{display:table;height:35px;margin:auto}
    .dashboardMainSection .calendar__head{line-height:40px}
    .dashboardMainSection .cal-body__day{line-height:35px}
}
/* end dashboard */

.borderW100 .TitleStyleLine {
    width: 100%;
}
.newsletterSection.hoverBlueButton .newsformWrp form .actions:before {
    background:linear-gradient(109deg, #251A46 9.93%, #6631F5 70.44%, #166CE6 120.56%);
}
.border50 .TitleStyleLine {
    display: block;
}
.ctaFullWidth form .actions:before {
    background:linear-gradient(109deg, #251A46 9.93%, #6631F5 70.44%, #166CE6 120.56%);
}

.border50 .TitleStyleLine.Gradient01 .headStyle span {
    background: linear-gradient(109deg, #6631F5);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.border50 .TitleStyleLine.Gradient01{
    margin-bottom:40px;
}

.newsletterSection .newsformWrp form .input {
    position: relative;
}

.newsletterSection.addArrow .newsformWrp form .input:before {
    content: '';
    background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/search.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 15px;
    background-size: contain;
    background-position: center center;
    z-index: 9;
    background-repeat: no-repeat;
}

.faqSection .button.button--simple a:hover {
    color: #251A46;
}

.faqSection .button.button--simple a:hover .btnIcon svg path {stroke: #6631F5;}

.faqSection .button.button--simple a:hover:after {
    background: #6631F5;
}

.faqSection .button.button--simple a:after {
    background: transparent;
}
.threeColumnSection h5.headStyle {
    font-weight: 700;
}

.singleArticle .TitleStyleLine:after {
    height: 2px;
}
.tousNosArticles .filterCardRow {
    border-top: 1px solid #e4dede;
    margin-top: 30px;
}

.ctaGradientBlueBG .hs_submit.hs-submit .actions:before {
    background:linear-gradient(109deg, #251A46 9.93%, #6631F5 70.44%, #166CE6 120.56%);
}

.darkHeader header.headerSection {
    background: #251A46;
}

.darkHeader header.headerSection .navigation-primary .level-1 > li > a {
    color: #fff;
}

.darkHeader header.headerSection .navigation-primary .level-1 > li > a span.menu-arrow-icon svg path {
    fill: #fff;
}

.darkHeader header.headerSection .navigation-primary .level-1 > li > a:hover:before {
    background: #fff;
}

.editDetails a span {
    font-size: 12px;
}

.editDetails {
    line-height: 0;
}

.editDetails a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.blue_theme .btnItem .button a span.btnshape {
    background: #166CE6;
}

.blue_theme .buttonGroup .buttonArrow a:hover {
    background: #166CE6;
}

.blue_theme .buttonGroup .buttonArrow a:hover span.btnIcon svg path {
    stroke: #166CE6;
}

.blue_theme .buttonGroup .buttonArrow a:hover span.btnIcon svg circle {
    stroke: #166CE6;
}
.purple_theme .hoverGradientPurpleBlue .button a span.btnshape {
    background: linear-gradient(135deg, #251A46 9.93%, #6631F5 60.44%, #166CE6 100%);
}
.purple_theme .hoverGrandientHeaderSpan .TitleStyleLine span {
    background: linear-gradient(139deg, #6631F5 40.44%, #166CE6 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.purple_theme .newsletterSection .newsformWrp form .actions:before {
    background: linear-gradient(135deg, #251A46 20.93%, #6631F5 80.44%);
}


form .hs_phone .input { position:relative; }
form .hs_phone span.countcode { position: absolute; top: 8px; left: 70px; display:none; }
form .hs_phone .input > .iti.iti--allow-dropdown + span.countcode { display:block; }
/* .inscription_form_sec .formWrapper input[type='tel'] { padding-left:122px !important; }  */






@media (max-height: 899px){
    .DownScroll,.bottomScroll  { padding-top: 20px; }
}



@media (min-width: 768px){
    .md-normal {font-weight:400;}
    .md-bold {font-weight:700;}
    .d-md-none{display:none;}
    span.MobTimelineIcon {display: none;}
    .DownScroll.deskVer {display: block;}
    .DownScroll.mobileVer {display: none;}
    .ExperienceSection .GalerieMainCol.deskVer{display:flex;}
    .ExperienceSection .GalerieItemOuter.mobileVer{display:none;}
    .StatutsTab ul li.current{height:258px;}
    .StatutsSectin .StatutsTab.deskversion{display:block;}
    .StatutsTab ul li{display:flex;flex-direction:column;justify-content:flex-end;}
    .StatutsContent .StatutsContentMain .StatutsTab {display: none;}
    .border50 .TitleStyleLine:after {
        max-width:540px;
        width: 100%;
    }
    .tousNosArticles  .TitleStyleLine {
        min-width: 438px;
    }
}

@media (min-width: 992px){
    .font40 h2{font-size:40px;}
    .ExploreSection .ExploreList{padding-left:4%;padding-right:4%;}
    .UnionCol .button.AnimatedBtn{margin-bottom:-10px;}
    .UnionCol:nth-child(3) .button.AnimatedBtn,.UnionCol:nth-child(4) .button.AnimatedBtn {margin-bottom: -3px;}
    .HeroSection .HeroMainTitle {padding-right: 26px;}
    .AcademyCol .title h3 {font-size: 32px; }
    .CertificationsSection .MissionsCol.rightCol h4.headStyle {font-size: 22px;}
    .EngagementModule .EngagementLeftCol h2.headStyle i{font-style:normal;font-size:40px;}
    .TimelineRight .TimelineYears {padding: 0 4px;}
    .StatutsTab ul li.current span.TabButton {font-size: 30px;}
}

@media(min-width:1200px){
    .PartnerRow {gap: 16px;justify-content: center;}
    .PartnerCenter {max-width: 389px;width: 100%;}
    .PartnerLeft {max-width: 303px;text-align: right;width: 100%;display: flex;flex-wrap: wrap;gap: 43px;align-items: start;flex-direction: column;padding-top: 82px;}
    .PartnerRight {max-width: 336px;display: flex;flex-wrap: wrap;gap: 36px;align-items: start;flex-direction: column;padding-top: 82px;}
    .PartnerImages img {width: 100%;height: auto;margin-bottom: 12px;}
    .PartnerCenter .PartnerCol {max-width: 172px;width: 100%;margin-left: 35%;}
    .PartnerCol {width: 100%;}
    .PartnerLeft .PartnerCol {overflow: auto;height: 64px;}
    .PartnerCol::-webkit-scrollbar {display: none;}
    .PartnerLeft .PartnerCol:nth-child(2) {margin-left: 8px;}
    .PartnerLeft .PartnerCol:nth-child(3) {margin-left: 65px;}
    .PartnerTitle {line-height: 1.25;}
    .PartnerText {line-height: 1.5;}
    .PartnerRight  .PartnerCol:nth-child(2) {margin-left: -8px;height: 64px;}
    .PartnerRight .PartnerCol:nth-child(3) {margin-left: -75px;}
    .PartnerRight .PartnerCol {overflow: auto;height: 84px;}
    .PartnerRow.deskversion {display: flex;}
    .PartnerMainRow .mobversion {display: none;}
    .legalResource .formatBannerOuter { padding: 80px 100px 70px 100px; }
    .legalResource .contentCol { max-width: 475px; }
    .SFHeroImage img {object-position: top;}
}

@media(max-width:1199px){
    .footerCol.footerColFour {border-left: 0;width: 100% !important;}
    .footerForm {padding-left: 0;}
    .footerCol {width: calc(33.33% - 17px) !important;}
    .footerForm {max-width: 480px;width: 100%;margin: 0 auto;}

    .DeskNone {display: block;}
    .SFHeroLink {margin: 0 auto;width: 100%;margin-top: 16px;}

    .SFHeroImage {display: none;}
    .SFHeroNav {position: relative;left: 0;top: 0;}
    .SFHeroContent {position: relative;width: 100%;left: 0;bottom: 0;}
    .SFHeroInnar {border-radius: 30px;border: 2px solid #FD4F2B;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);padding: 26px 20px 40px;background-image: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Orange.jpg);}
    .SFHeroInnar:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute;background: linear-gradient(0deg, rgba(253, 79, 43,0.1) 0%, rgba(253, 79, 43,0.3) 100%);}
    .SFHeroInnar > * { position:relative; z-index:2; }

    .blue_theme .SFHeroSection .SFHeroInnar{border: 2px solid #166CE6;background-image: url('https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%20130.png');}
    .blue_theme .SFHeroSection .SFHeroInnar::before{background: linear-gradient(0deg, rgba(22, 108, 230, 0.10) 0%, rgba(22, 108, 230, 0.10) 100%);}

    .purple_theme .SFHeroSection .SFHeroInnar {border: 2px solid #6631F5;background-image: url('https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%20130%20%281%29.png');}
    .purple_theme .SFHeroSection .SFHeroInnar::before {background: linear-gradient(0deg, rgba(102, 49, 245, 0.10) 0%, rgba(102, 49, 245, 0.10) 100%);}

    .SFHeroLink ul {min-height: auto;}
    .SFHeroMainTitle {max-height: auto;overflow: auto;}
    .SkillsCol {padding: 10px 26px;border-radius: 86.25px;}

    .ValeursSection .UnionRow {gap: 130px 50px;}
    .ValeursSection .UnionCol.V2{max-width: 320px;}
    .ValeursSection .UnionMainInner {padding: 50px;}

    .PartnerImages {display: none;}
    .PartnerCol {width: calc(33.33% - 7px);padding: 15px;border-radius: 20px;background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(130deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%) border-box;background-clip: padding-box, border-box;background-origin: padding-box, border-box;border: 1px solid transparent;overflow: hidden;}
    .PartnerCenter .PartnerCol {width: 56%;margin: 0 auto;}
    .PartnerLeft, .PartnerRight {display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;}
    .PartnerCenter {order: 1;}
    .PartnerRow {gap: 15px;}
    .PartnerText {padding-top: 10px;}

    .RapportRightCol {max-width: 410px;width: 100%;}
    .RapportLeftCol {max-width: 370px;width: 100%;}

    .ContributionIcon {max-width: 108px;width: 100%;}

    .RsePiliersRow {gap: 20px;}
    .RsePiliersCol {width: calc(33.33% - 14px);}

    .MembreCol {width: calc(33.33% - 11px);}
    .DownloadInner{padding:42px 32px 32px;border-radius:30px;}
    .MainCTASection .hoverrichContent{left:auto;}

}

@media(max-width:991px){
    .HeroMainTitle {width: 100%;}
    .HeroCtaBox {width: 100%;}
    .UnionRow {gap: 40px;}
    .Font46, .Font46 a, .Font46 h1, .Font46 h2, .Font46 h3, .Font46 h4, .Font46 h5, .Font46 h6 {font-size: 32px;}
    .Font30, .Font30 a, .Font30 h1, .Font30 h3, .Font30 h4, .Font30 h5, .Font30 h6{font-size: 22px;}
    .Font30 h2{font-size: 28px;}
    .UnionLogo {width: 300px;height: 300px;margin-top: 0;}
    span.UnionLogo3 img {width: 56px;height: auto;}
    .ExperienceMainCol{width:100%;gap:16px 12px;}
    .ExperienceMainCol:nth-child(4n+1) .ExperienceCol,
    .ExperienceMainCol:nth-child(4n+4) .ExperienceCol{height:273px;width:calc(50% - 6px);}
    .ExperienceMainCol:nth-child(4n+2) .ExperienceCol,
    .ExperienceMainCol:nth-child(4n+3) .ExperienceCol{height:158px;}
    .ExperienceCol  span.ExperienceContentBg{transform:scaleY(1);}
    .ExperienceCol .ExperienceContent{opacity:1;visibility:visible;}
    .ExperienceMainCol:nth-child(4n+2) .ExperienceCol .ExperienceContent,
    .ExperienceMainCol:nth-child(4n+3) .ExperienceCol .ExperienceContent{max-width:46%;}
    .ExperienceContentText h5{font-size:18px;}
    .PeersRightCol{width:100%;padding-left:0;padding-top:30px;}
    .PeersLeftCol{width:100%;}

    .GradientOnHover01 {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #251A46 88.66%);background-size: cover;background-position: center;}
    .primary_theme .GradientOnHover01 {background:url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #251A46 88.66%);background-size: cover;background-position: center;}
    .blue_theme .GradientOnHover01 {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #166CE6 88.66%);background-size: cover;background-position: center;}
    .orange_theme .GradientOnHover01 {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%,#FD4F2B 88.66%);background-size: cover;background-position: center;}
    .purple_theme .GradientOnHover01 {background: url(https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Frame%201000004505.png),linear-gradient(196deg, #FFFFFF -30.98%, #6631F5 88.66%);background-size: cover;background-position: center;}

    .OnHoverFontWhite ,.OnHoverFontWhite p,.OnHoverFontWhite h1, .OnHoverFontWhite h2, .OnHoverFontWhite h3, .OnHoverFontWhite h4,.OnHoverFontWhite h5,.OnHoverFontWhite h6 { color:#FFFFFF !important; }

    .AcademyCol .button.AnimatedBtn a span.btnText {margin-right: 0 !important;opacity: 1;}
    .AcademyCol .button.AnimatedBtn a {background-color: #FFFFFF;color: #251A46;}
    .AcademyCol .button.AnimatedBtn a svg path {stroke: #251A46;}
    .AcademyCol .dynamicborder{opacity: 0;}
    .AcademyCol {width: calc(50% - 8px);}
    .AcademyRow.d-flex {justify-content: center;}

    .SkillsMainRight {width: 100%;padding-left: 0;padding-top: 24px;}
    .SkillsMainLeft {width: 100%;}
    .SkillsRow {justify-content: center;}
    .SkillsRow:nth-child(2n+1) {justify-content: center;}


    .ValeursSection .UnionMainInner {padding: 42px 32px 32px;}
    .ValeursSection .UnionRow {gap: 80px 40px;}
    .ValeursSection .UnionCol.V2 {max-width: 290px;}
    .PolitiqueRightCol {width: 100%;}
    .PolitiqueLeftCol {width: 100%;}

    .MissionsCol.leftCol {width: 100%;max-width: 238px;}
    .MissionsCol.rightCol {width: 100%;padding-left: 0;}

    .BeneficesCard {width: calc(50% - 8px);}
    .MissionsRow {gap: 30px;}

    .NetworkLeft, .NetworkRight {width: 100%;}

    .Rapportrow {padding: 40px 30px;border-radius: 30px;}
    .RapportLeftCol {max-width: 100%;}
    .RapportRightCol {max-width: 100%;}

    .RsePiliersCol {width: calc(50% - 10px);}
    .RsePiliersRow {justify-content: center;}

    .EngagementLeftCol {padding-right: 0;width: 100%;}
    .Engagementrow {gap: 25px;}
    .EngagementRightCol {width: 100%;}

    .GradientWithImage01 {background: linear-gradient(180deg, #23194200 0.42% 0.42%, #231942 11.74%);}
    .GradientWithImage01:before {height: 15%;}
    .DownloadCol {width: 100%;}
    .DownloadContent ul li+li {margin-top: 10px;}
    .DownloadContent {padding: 19px 12px 20px 12px;line-height: 1.33;}

    .CertificationsSection .MissionsCol.leftCol {width: 100%;max-width: 318px;}
    .CertificationsSection .MissionsCol.rightCol {width: 100%;padding-left: 0;}

    .MembreCol {width: calc(50% - 8px);}
    .NosPartnerLogoCol {max-width: 164px;}
    .NosPartnerSection .NosPartnerTop h2{line-height:1.07;}
    .NosPartnerSection .TitleStyleLine{display:block;}
    .NosPartnerLogos {gap: 16px;}

    .UniqueMediaLeftCol {width: 100%;padding-right: 0;}
    .UniqueMediaRightCol {width: 100%;max-width: 450px;margin: 0 auto;}
    .UniqueMediaRow {gap: 40px;}

    .ValeursSection .UnionLogo{margin-top:-5px;}
    .GalerieRight{gap:10px;}
    .GalerieRight img:nth-child(3n+1){height:140px!important;}
    .GalerieRight img:nth-child(3n+2){width:calc(50% - 5px);height:240px!important;}
    .GalerieRight img:nth-child(3n+3){width:calc(50% - 5px);height:240px!important;}
    .GalerieLeft{width:230px;}
    .GalerieRight{width:calc(100% - 240px);}
    .GalerieMainCol{gap:10px;}
    .CourteSection .bannerImgWrp {max-width: 400px;}

    .MainCTARow {padding: 32px 20px 20px;}
    .legalCommunity .overlayCircleBG.deskshape{display:none;}
    .legalCommunity .contentCol { padding-right: 0px; width: 100%; }
    .legalCommunity .formatBannerOuter {padding: 30px; }
    .accompained span.btnIcon { width: 35px; height: 35px;}
    .accompained .formatBannerOuter .overlayCircleBG{margin-left:8px;}
    .accompained .overlayLogo{position:relative;max-width:120px;right: auto;}

    .featuredArticle .imageCol { max-width: 330px; width: 100%; }
    .featuredArticle .contentCol { padding-right: 25px; width: calc(100% - 360px); }
    .featuredArticle .titleLeft { max-width: 300px; width: 100%; }  
}

@media(max-width:767px){
    .mobile-none{display:none;}
    img.MobileLogo {display: block;}
    img.DesktopLogo {display: none;}

    .SFHeroContent {padding: 12px 14px;padding-right: 10px;}
    .Font46, .Font46 a, .Font46 h1, .Font46 h2, .Font46 h3, .Font46 h4, .Font46 h5, .Font46 h6 {font-size: 28px;line-height: 1.07;}
    .Font24,.Font24 a, .Font24 h1, .Font24 h2, .Font24 h3, .Font24 h4, .Font24 h5, .Font24 h6  { font-size:22px;} 
    .Font20 p, .Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6 {font-size: 16px;}

    .footerInner { padding: 0 10px;width: 100%;margin: 0 auto;}
    .footerCol {width: 100% !important;border-left: 0 !important;padding-bottom: 50px;}
    .footerRow {gap: 42px;}
    .footerCol.footerColOne {padding-bottom: 0;}
    .footerSiteLogo {max-width: 179px;margin: 0 auto;}
    .footerInfo {max-width: 227px;width: 100%;margin: 0 auto;text-align: center;}
    .footerCol + .footerCol {border-bottom: 1px solid rgba(255, 255, 255,0.5);}
    .footerBottom {padding-bottom: 20px;}
    .footerMenu, .footerSocial {padding: 0;}
    .footerMenuLink {padding-bottom: 0;padding-top: 18px;}
    .footerMenuLink ul li a {padding: 0;}
    .footerMenuLink ul {gap: 18px;}
    .footerFormMain {padding-top: 28px;}
    .footerFormMain form input[type='submit'] {font-size: 14px;line-height: 1;padding: 8px 16px;}
    .footerFormMain input[type='email'] {font-size: 14px;padding: 10px 110px 10px 16px;line-height: 1.43;}
    .footerFormMain .actions {top: 5px;}
    .footerSocial {padding-top: 30px;}
    .footerBottomLink ul li a {color: rgba(255, 255, 255,0.5);font-size: 12px;display: block;}
    .footerBottomLink ul li {margin: 0;padding: 12px 0;}
    .footerBottomLink ul li:before {background: #FFFFFF;transform: translate(-50%, 0);top: -2px;left: 50%;}
    .backtoTop{bottom:100px;}
    .backtoCircle{width:38px;height:38px;}
    .backtoCircle svg{width:18px;height:18px;}
    .backtoTop .backTextWrp{right:-45px;}
    .backtoTop:hover .backTextWrp{bottom:90px;}

    .HeroContent {padding: 14px 20px 40px;gap: 14px;}
    .UnionLogo {display: none;}
    .UnionRow {gap: 20px;}
    .UnionCol {max-width: 100%;width: calc(50% - 10px);}
    .ExploreList ul {justify-content: start;}
    .PeersSection{padding:20px 16px 40px;}
    .btn-wrap > span{width:14px;height:14px;}
    .slick-dots li{width:6px;height:6px;}
    .btn-wrap{padding-bottom:3px;gap:10px;}
    .UnionSection .TitleStyleLine {display: block;}
    .UnionCol .description {line-height: 1.25;}    
    .NosPartnerLogoCol {max-width: 144px;}
    .AcademyCol {width: 100%;}
    .AcademyCol .AcademyColInner h3 {font-size: 32px;}

    .SkillsColInner .h1 {font-size: 30px;}
    .SkillsColInner {font-size: 10px;}
    .SkillsCol {padding: 7px 26px;}
    .SkillsRow {gap: 10px;}
    .SkillsRow + .SkillsRow {padding-top: 10px;}
    .PeersSliderLogo {width: 116px;height: 116px;}
    .TimelineLeft {padding-right: 0;}
    .TimelineLeft, .TimelineRight {width: 100%;}
    .TimelineRight {padding-top: 0;padding-left: 0;padding-bottom: 4px;}
    .TimelineRow {padding-left: 56px;flex-direction: column-reverse;padding-right: 27px;}
    .TimelineRow:before {left: 17px;transform: none;width: 0;border-left: 3px solid #251A46;background: transparent;}
    .TimelineRow:first-child:before {border-radius: 0;}
    .TimelineRow:nth-child(2n+2) .TimelineLeft {padding-left: 0;}
    .TimelineRow:nth-child(2n+2) .TimelineRight {padding-right: 0;text-align: left;}
    .TimelineRow:nth-child(2n+2) {flex-direction: column-reverse;}
    span.TimelineIcon {display: none;}
    .TimelineRow:last-child:before {height: 100%;}
    span.MobTimelineIcon {line-height: 0;display: none;width: 36px;position: absolute;left: -4px;top: 0;}
    span.MobTimelineIcon svg {width: 100%;height: auto;}
    .TimelineLeft {padding-bottom: 57px;}
    .TimelineRow:last-child .TimelineLeft {padding-bottom: 0;}
    .TimelineImages img {height: auto !important;width: 100%;object-fit: cover;}
    .CourteSection .DownScroll a {max-width: 44px;}
    .CourteSection .bannerImgWrp{max-width:267px;}
    .TimelineContent {font-weight: 500;}
    .TimelineLeft .TimelineBoxMain{display:flex;flex-direction:column-reverse;}
    .TimelineText{padding-left:0;padding-top:0;font-size:13px;font-weight:500;padding-bottom:4px;}
    .TimelineRight .circleInnerBorder{line-height:0;position:absolute;width:20px;height:20px;background-color:#251A46;border-radius:50%;}
    .TimelineRight .circleBorder{position:absolute;left:3px;top:3px;border:0.5px solid #E4DEDE;background-color:#FFFFFF;border-radius:50%;width:28px;height:28px;padding:4px;display:flex;justify-content:center;align-items:center;}
    .TimelineRight .circleWrp{align-items:center;background-color:#FFFFFF;border:.5px solid #E4DEDE;border-radius:50%;display:flex;height:36px;justify-content:center;left:0;padding:4px;position:absolute;top:0;width:36px;}

    .GalerieRight {gap: 10px;}
    .GalerieMainCol {gap: 10px;}
    .galerieRow {gap: 10px;}

    .ValeursSection .UnionCol.V2 {max-width: 100%;}
    .ValeursSection .UnionRow {gap: 12px;}
    .ValeursSection .UnionMainInner {background-position: center top;}
    .ValeursSection .UnionMainInner {padding: 42px 20px 32px;}
    .ValeursSection .UnionMainInner .TitleStyleLine{display:block;}
    .ValeursSection .UnionCol.V2 p {line-height: 1.25;}

    .MissionsRow {padding: 0;}
    .MissionsSection .MissionsRow{background:#E4DEDE;border:0;gap:22px;}
    .MissionsSection .MissionsCol.leftCol{max-width:100%;background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(109deg, #251A46 9.93%, #6631F5 43.44%, #166CE6 68.56%, #FD4F2B 93.69%) border-box;background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:1px solid transparent;overflow:hidden;padding:32px;border-radius:30px;}
    .MissionsSection .MissionsCol.leftCol .MissionsImages{max-width:220px;margin:0 auto;}
    .MissionsSection .MissionsCol.rightCol{padding:0 20px 32px;}
    .MissionsSection .MissionsCol.rightCol .TitleStyleLine{display:block;}

    .BeneficesLeftCol {width: 100%;padding-right: 0;}
    .BeneficesRightCol {width: 100%;padding-left: 0;}
    .Beneficesrow {gap: 25px;}

    .StatutsTab ul li .TabButton {padding: 25px 10px;}
    .StatutsTab ul li.current span.TabButton {font-size: 20px;}
    .StatutsTab ul li.active {width: 56px;}
    .StatutsTab ul li.active .TabButton span{transform: none;}
    .StatutsTab ul li.active {width: 100%;}
    .StatutsTab ul li.active .TabButton {transform: none;width: 100%;}
    .StatutsTab ul.Tabactive {height: auto;}
    .StatutsTab ul {flex-wrap: wrap;}
    .StatutsSectin .StatutsContent{display:flex;flex-direction:column;gap:16px;}

    .MediaSmartPreCaptionSVG{width:123px;padding:15px 11px;line-height:0;margin:-45px 0 0 auto;margin-right:-20px;}
    .MediaSmartPreCaptionSVG svg{width:78px;}

    .MediaSmartPreLeftCol {width: 100%;}
    .MediaSmartPreRightCol {max-width: 224px;width: 100%;margin: 0 auto;}
    .MediaSmartPreRightCol .MediaSmartPreRightColInner {padding-right: 0;}
    .MediaSmartPre .MediaSmartPreTitle h2{line-height:1.07;}
    .MediaSmartPreRow{gap:25px;}
    .MembreCol .MembreColImage img {object-position: top;}
    .MembreSection .TitleStyleLine.mt16:after {margin-top: 12px;}
    .MembreColContent .h5 {color: #ffffffcc; }
    .Politiquerow {gap: 25px;}
    .ExperienceSection .GalerieItem:last-child{order:2;width:calc(50% - 6px);}
    .ExperienceSection .GalerieItem.num3{order:4;}
    .ExperienceSection .GalerieItem.num1{order:1;width:calc(50% - 6px);}
    .ExperienceSection .GalerieItem.num2{order:3;width:100%;}
    .ExperienceSection .GalerieItem{height:45vw;}
    .EngagementLeftCol .EngagementLeftColInner .TitleStyleLine{display:block;}
    .MainCTASection .MainCTACol .headStyle {line-height: 1.1;}
    .strategyModule .strategyLeftCol .TitleStyleLine{display:block;}

    .MainCTASection .PartnerLogos {gap: 8px 2px;}
    .MainCTASection .content {line-height: 1.5;}
    .MainCTARow span.AfterShape, .MainCTARow span.BeforeShape {display: none;}
    .MainCTASection .PartnerLogoCol.active .dropIco {display: none;}
    .MainCTARow .PartnerLogosHoverBox {display: none;}
    .NetworkMainCol{gap:10px;}
    .NetworkMainCol .NetworkRight{gap:10px;}
    .NetworkMainCol .NetworkColInner .normal{font-weight:500;font-size:14px;line-height:normal;}
    .NetworkMainCol .NetworkRight .NetworkCTA {padding-top: 12px;}
    .NetworkLeft .NetworkCol {padding-top: 80px;}

    .UniqueMedia .MediaSmartPreTitle h2{line-height:1.07;}
    .UniqueMediaRow{gap:25px;}
    .UniqueMediaRightCol{max-width:341px;height:73vw;}
    .UniqueMediaRightColInner{border-radius:20px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);height:100%;}
    .UniqueMediaRightColInner img{height:100%;object-fit:cover;}
    .RsePiliersSection .RsePiliersTitle h2{line-height:1.07;}
    .RsePiliersCol .RsePiliersColIcon{max-width:60px;height:60px;}
    .RsePiliersCol .RsePiliersColIcon img{height:100%!important;width:100%;object-fit:contain;}
    .RsePiliersSection .RsePiliersTitle h4{font-size:20px;}
    .ContributionIcon {max-width: 88px;}
    .CertificationsSection .MissionsRow{padding:42px 20px 0;flex-direction:column-reverse;gap:0; border-radius: 40px;}

    .BeneficesCardTitle span.h5{font-size:22px;}
    .BeneficesCardContent{line-height:1.25;}

    .legalResource .contentCol{padding-inline:10px;}
    .legalResource .formatBannerOuter { padding: 50px 20px 40px 20px; }
    .legalCommunity .formatBannerOuter { padding: 30px 20px;  }
    .legalCommunity .imageCol { max-width: 150px; }  
    .accompained .buttonGroup {padding-bottom:0;}
    .accompained .buttonArrow { width: 100%; }  
    .accompained .formatBannerOuter{padding: 25px 20px 40px;}
    .featuredArticle .twocolContainer { flex-direction: column;gap:12px;}
    .featuredArticle .imageCol{max-width:100%;}
    .featuredArticle .contentCol { width: 100%;  padding: 0 12px 20px; }
    .featuredArticle .titleLeft { max-width: 100%;  }
    .featuredArticle .titleRight { display: none; }

    .PeersLeftCol ul li span.PeersIcon{width:20px;height:20px;}
    .PeersLeftCol ul li{font-size:14px;}
    .PeersLeftCol ul li span.PeersText {width: calc(100% - 35px);}
}

@media(max-width:575px){
    .HeroImage img{height:auto!important;width:100%;}
    .HeroCtaBox{padding:12px 14px;}
    .UnionRow{gap:12px;}
    .UnionCol{max-width:100%;width:100%;}
    .ExperienceCol .ExperienceContent{padding:10px;}
    .PeersSlideMain .slick-list{padding:0!important;margin:0 -15px;}
    .ExploreList ul {flex-direction: column;}

    .BeneficesCards {gap: 12px;}
    .BeneficesCard {width: 100%;}
    .BeneficesRightColInner{border-radius:20px;height:190px;}
    .BeneficesRightColInner img{height:100%!important;object-fit:cover;}

    .PartnerCol {width: 100% !important;}
    .PartnerRow {gap: 10px;}
    .RapportRightCol .RapportRightColInner{height:190px;}
    .RapportRightColInner img{height:100%!important;object-fit:cover;}
    .Rapportrow {padding: 32px 20px;gap:25px;background: linear-gradient(148deg, #251A46 61.42%, #6631F5 86.05%, #166CE6 93.67%, #FD4F2B 99.99%);}
    .NetworkColInner {width: 100%;}
    .NetworkCol {padding: 20px 16px;}
    .NetworkCTA {position: relative;right: 0;bottom: 0;padding-top: 20px;}
    .RsePiliersCol {width: 100%;}

    .MembreCol {width: 100%;}
    .MembreCol .MembreColImage{height:299px;}
    .MembreCol .MembreColInner{height:auto;}

    .CourteSection {border-radius: 25px;padding: 30px 20px 30px;}   
    .SFHeroNav ul {flex-wrap: wrap;}

    .GalerieLeft{width:150px;}
    .GalerieRight{width:calc(100% - 160px);}
    .GalerieRight img:nth-child(3n+1){height:100px!important;}
    .GalerieRight img:nth-child(3n+2){height:190px!important;}
    .GalerieRight img:nth-child(3n+3){height:190px!important;}
    .GalerieMainCol img{border-radius:10px;}
    .ExperienceSection .GalerieItem:last-child{height:273px;}
    .ExperienceSection .GalerieItem.num1{height:273px;}
    .ExperienceSection .GalerieItem.num2{height:127px;}
    .ExperienceSection .GalerieItem{height:190px;}
    .EngagementRightCol .EngagementRightColInner{height:323px;}
    .EngagementRightCol img{height:100%!important;object-fit:contain;}

    .legalResource .buttonGroup { width: 100%; }
    .content.pt30 { padding-top: 24px;}
    .legalResource .twocolContainer.gap30 { gap: 24px;justify-content: center; }
    .legalCommunity .imageCol { max-width: 120px; } 
    .content.pt30 { padding-top: 24px;}
    .twocolContainer.gap30 { gap: 24px;justify-content: center; }
}


@media(max-width:480px){
    .RsePiliersMainInner {padding: 30px 20px;}

    .GalerieRight img:nth-child(3n+2) {
        width: 100%;
        height: 100px !important;
    }
    .GalerieRight img:nth-child(3n+3) {
        width: 100%;
        height: 100px !important;
    }
    .PolitiqueRightCol .PolitiqueRightColInner{height:190px;}
    .PolitiqueRightCol .PolitiqueRightColInner img{height:100%!important;width:100%!important;object-fit:cover;}
}