.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.webp');background-size: cover;background-position: center;} .overlayimages3 {background: linear-gradient(179deg, #261a4700 33.96%, #261A47 85.71%);} 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;} .footerFormMain .hs-error-msgs { 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;} .ExperienceMainCol .ExperienceImage { width: 100%; height: 100% !important; position: relative; z-index: 0; } .ExperienceMainCol .ExperienceImage img { position: absolute; width: 100%; height: 100% !important; object-fit: cover; left: 0; top: 0; } .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; } /* ................................................................ */ /* start post banner module css */ .postBannerModule .authorImg img { width: 29px; } .postBannerModule .flex-bottom-wrap, .postBannerModule .authorLink { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .postBannerModule .authorImg { line-height: 0; } .postBannerModule .postBannerBottom { gap: 24px; } .postBannerModule .d-flex-post-banner { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } .postBannerModule .postName { flex: 1 1 45%; } .postBannerModule .blog-featured-image { flex: 1 1 50%; } .postBannerModule .blog-featured-image img { width: 100%; } @media (max-width:767px){ .postBannerModule .postName, .postBannerModule .blog-featured-image { flex: 1 1 100%; } } .overlayimages1.fullOpacity{opacity:1;z-index:-1;} /* start simple text block css */ .simpleTextBlock { border-radius: 10px; padding: 24px 16px; } .simpleTextBlock.makeGradient { background: linear-gradient(180deg, #6631F5 0%, #261A47 100%); } .simpleTextBlock table td { padding: 5px; vertical-align: middle; } .simpleTextBlock table { margin-top: 10px; width: 100%; } .simpleTextBlock ul ul { padding: 0; margin: 0; } .simpleTextBlock ul { padding-left: 0; } /* end simple text block css */ .filterCardRow .loaderImg {width: 100px;height: 100px;margin: auto;} /* start video table of content css */ .videoTableOfContent iframe { height: 436px; width: 73%; max-width: 775px; } .videoTableOfContent .toc { width: 26%; max-width: 285px; } .videoTableOfContent .videoBoxStyle { border-radius: 20px; border: 1px solid #251A46; background: rgba(253, 79, 43, 0.10); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.20); overflow: hidden; } .videoTableOfContent .step { display: flex; gap: 12px; padding: 12px; margin-bottom: 12px; border-radius: 6px; cursor: pointer; border: 1px solid #fff; transition: .2s; background: #fff; } .videoTableOfContent .step.active { border-radius: 6px; border: 1px solid #FD4F2B; background: #FFF; box-shadow: 0 0 10px 0 #FD4F2B; } .videoTableOfContent .toc h3 { padding: 16px; } .videoTableOfContent .timeFlex { gap: 6px; display: flex; align-items: center; padding-top: 4px; } .videoTableOfContent .timeFlex span { line-height: 0; } .videoTableOfContent .stepBox { height: 370px; overflow-y: auto; padding: 6px 16px; } .videoTableOfContent .playSVG { padding: 4px; max-width: 24px; line-height: 0; } .videoTableOfContent .step { align-items: center; } .videoTableOfContent .playSVG.playIcon { padding: 0; } .videoTableOfContent .stepBox::-webkit-scrollbar { width: 6px; height: 100%; } .videoTableOfContent .stepBox::-webkit-scrollbar-thumb { border-radius: 100px; background: #251a46; } .videoTableOfContent .stepBox::-webkit-scrollbar-track { background: #fff; border-radius: 100px; overflow: hidden; } .videoTableOfContent .videoHeading { font-size: 14px; } .videoTableOfContent .step:last-child { margin-bottom: 0; } .playSVG { display: none; } .playSVG.show { display: block; } .step.active .playIcon { display: block; } .step.seen .seenIcon { display: block; } .step .unSeenIcon { display: block; } .step.active .unSeenIcon, .step.seen .unSeenIcon { display: none; } .step { cursor: pointer; } @media (max-width: 1199px) { .videoTableOfContent iframe { height: 374px; } .videoTableOfContent .stepBox { height: 250px; overflow-y: auto; padding: 6px 16px; margin-right: 12px; } } @media (max-width: 991px) { .videoTableOfContent iframe { width: 100%; height: 393px; max-width: 100%; } .videoTableOfContent .toc { width: 100%; max-width: 100%; } .videoTableOfContent .stepBox { height: 330px; } } @media (max-width: 767px) { .videoTableOfContent iframe { height: auto; width: 100%; aspect-ratio: 16 / 9; } .videoTableOfContent .videoBoxStyle > div { margin-left: -1px; } } /* end video table of content css */ .tikcetOuterPop .meta_wrp .modeWrp svg { max-width: 14px;} .tikcetOuterPop .meta_wrp .modeWrp .iconWrp { position: relative; top: 3px;} .faqItem .button.gradienthover a span.btnshape {width: 126.5%;left: -50%;} .faqItem .button.gradienthover a:hover .btnshape {left: 0;top: 50%;transform: translate(0%, -50%);} /* start inscription banner section css */ .inscription_banner_sec .contentWrapper { border-radius: 50px; padding: 50px 16px; position: relative; } .inscription_banner_sec .contentWrapper .logoWrap { width: 110px; margin: 0 auto 40px; } .inscription_banner_sec .text { font-size: 14px; line-height: 1.29; } .inscription_banner_sec .contentWrapper .backBtn { position: absolute; top: 40px; left: 35px; } .inscription_banner_sec .contentWrapper .backBtn .btnIcon { margin-left: 0; margin-right: 8px; transform: rotate(180deg); } .inscription_banner_sec .backBtn a { padding: 0; line-height: normal; font-weight: 500; } .inscription_banner_sec .contentWrapper .backBtn a { color: #FFF; } .inscription_banner_sec .noUnderline.whiteArrow .button--simple .btnIcon { margin-left: 0; margin-right: 8px; background-image: url('https://145920130.fs1.hubspotusercontent-eu1.net/hubfs/145920130/union_des_marques_theme_2025/images/Vector%20%281%29-1.svg'); background-size: contain; background-repeat: no-repeat; transform: none; } @media screen and (min-width: 1200px) { .inscription_banner_sec .contentWrapper .logoWrap { width: 110px; margin: 0 auto 42px; } .inscription_banner_sec .contentWrapper { padding: 60px 100px; border-radius: 30px; } } /* end inscription banner section css */ .inscription_form_sec .formWrapper { max-width: 714px; margin: 0 auto; } .inscription_form_sec .formWrapper select:invalid { color: rgba(37, 26, 70, 0.6); font-style: italic; } .inscription_form_sec .formWrapper select option { font-style: normal; color: #251A46; } .inscription_form_sec .formWrapper .hs-form-checkbox label.hs-form-checkbox-display input+span { padding-left: 25px; } .inscription_form_sec .formWrapper .hs_civilite.hs-form-field, .inscription_form_sec .formWrapper .hs_phone.hs-form-field { width: calc(50% - 8px); } .inscription_form_sec .formWrapper input[type='text'], .inscription_form_sec .formWrapper input[type='email'], .inscription_form_sec .formWrapper input[type='password'], .inscription_form_sec .formWrapper input[type='tel'], .inscription_form_sec .formWrapper input[type='number'], .inscription_form_sec .formWrapper select, .inscription_form_sec .formWrapper textarea { font-weight: 400; } .inscription_form_sec .formWrapper input[type='tel'] { padding-left: 72px !important; } .inscription_form_sec .formWrapper .hs-form-checkbox label.hs-form-checkbox-display input+span::before { border-radius: 50%; } .inscription_form_sec .formWrapper .formBottom { font-size: 14px; line-height: normal; } .inscription_form_sec .formWrapper .formBottom a { text-decoration: underline !important; } .inscription_form_sec .password-requirements{margin-top:10px;font-size:14px;display:none; /* hidden by default */} .inscription_form_sec .password-requirements li{list-style:none;font-size:smallmargin:0;margin-bottom:4px;color:#888;} .inscription_form_sec .password-requirements li.valid{color:green;font-weight:600;} .inscription_form_sec .password-strength{margin-top:10px;height:8px;background:#eee;border-radius:5px;overflow:hidden;display:none; /* hidden by default */} .inscription_form_sec .password-strength-bar{height:100%;width:0%;background:red;transition:width 0.3s ease,background 0.3s ease;} @media screen and (min-width: 992px) { .inscription_form_sec .formWrapper .hs-form-field { margin-bottom: 32px; } } @media screen and (max-width: 767px) { .inscription_form_sec .formWrapper .hs_civilite.hs-form-field, .inscription_form_sec .formWrapper .hs_phone.hs-form-field {width: 100%;} .inscription_form_sec .formWrapper .hs-form-field {margin-bottom: 32px;} .inscription_form_sec .formWrapper .formBottom {font-size: 12px;} } /* start partenaires with filter css */ .partenairesWithFilter .tab-loader.active { display: flex; position: absolute; inset: 0; background: rgb(255 255 255 / 75%); justify-content: center; width: 100%; height: 100%; align-items: center; } /* .filterTopRow .rightItem { max-width: 349px; } */ .filterTopRow { align-items: end; justify-content: space-between; } .PartnerLogoName { max-width: 140px; } .partenairesWithFilter .PartnerLogosouter { position: relative; } .partenairesWithFilter .tab-loader { display: none; } .partenairesWithFilter .spinner { width: 50px; height: 50px; border: 5px solid #251A46; border-top: 5px solid #ffffff; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .inlinepopup { width: 100%; } .inlinepopup .hoverrichContent { display: block; position: unset; width: 100%; max-width: 100%; } .partenairesWithFilterBody { max-width: 840px; margin: auto; } .filterDiv { border-bottom: solid 1px #251A46; } .filterDiv .filterDropdown { text-align: left; } .PartnerLogoCol { flex-direction: column; } .filterDiv .filterTopRow .leftItem { max-width: 349px; flex: 1; } /* .filterDiv .filterTopRow .rightItem { width: 315px; } */ .filterDiv .filterTopRow .rightItem .filterDropdown { width: 100%; max-width: 315px; } .blue_theme .partenairesWithFilter .GradientBorder01 { border-color: #166CE6; } .partenairesWithFilter.MainCTASection .hoverrichContent { left: 15px; } .partenairesWithFilter span.AfterShape.imgRotate { left: 0; bottom: 0; top: auto; transform: rotate(180deg); z-index: 0; } .partenairesWithFilterBody { position: relative; z-index: 9; } ul.SelectOtionsWrp.active { width: 100%; } .SelectOtionsWrp li label { cursor: pointer; } .TitleStyleLine.fontWhite::after { background: #fff; } .PartnerLogos .PartnerLogoImg { width: 120px; } .partenairesWithFilter .bgImg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .partenairesWithFilter .bgImg img { height: 100% !important; width: 100%; } /* .partenairesWithFilter .TitleStyleLine:after { display: none; } */ .hoverBoxWhite20.MainCTASection .hoverrichContent { background: rgb(255 255 255 / 20%); border-color: rgb(255 255 255 / 20%); } .hoverBoxWhite20.MainCTASection .PartnerLogoCol.active .dropIco svg path { fill: #fff; } .whiteCTA.MainCTASection .hoverrichContent .button a { background: #fff; color: #251a46; } .whiteCTA.MainCTASection .hoverrichContent .button a:hover { color: #fff; } .partenairesWithFilter .button.button--simple a:hover:after { background-color: #251a46; } .partenairesWithFilter .button.button--simple a:after { background-color: transparent; } .partenairesWithFilter .button.button--simple a:hover { color: #251a46; } .selectdropBtn .BtnText .labelName { width: auto; display: inline-block; margin-right:6px; } @media (min-width: 1200px) { .partenairesWithFilter .hoverrichContent:last-child { right: -19% !important; left: unset !important; } .partenairesWithFilter .hoverrichContent:not(:first-child) { left: 20%; } } @media (max-width: 791px) { .PartnerLogos .PartnerLogoCol { flex: 0 0 47%; width: 47%; padding: 20px 7px; } } @media (max-width: 767px) { .partenairesWithFilter .PartnerLogos { gap: 15px; } .partenairesWithFilter .MainCTACol.pt10 { text-align: center; } .filterTopRow .rightItem { max-width: 349px; } } @media (max-width: 600px) { .PartnerLogoCol { text-align: center; } .filterDiv .filterTopRow .rightItem .filterDropdown { max-width: 100%; } } /* @media (max-width: 363px) { .PartnerLogos .PartnerLogoC } */ /* dashboard */ /* Dont Change this CSS */ .tabSection.tab-menu .tabBox:not(:first-child) { display: none; } .mycollaboratorsFilterParent.mycollaboratorsFilterHide { pointer-events: none; opacity: 0.5; } .communitiesDivWrapper .form-title{display:none;} .communitiesDivWrapper form .inputs-list:not(.no-list) label > span { color: #fff; font-weight: 500; font-size: 18px;padding-left: 0; } .communitiesDivWrapper .hs-form-checkbox label.hs-form-checkbox-display input+span: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: 16px; margin-right: 7px; position: relative; transition: all .2s ease; vertical-align: middle; width: 16px; top: -1px;} .communitiesDivWrapper .hs-fieldtype-checkbox.hs-form-field > label { display: none; } .communitiesDivWrapper ul.inputs-list.multi-container{margin:0;padding:0;} .communitiesDivWrapper .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after,.communitiesDivWrapper .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: ''; display: block; position: absolute; left: 6px; width: 4px; height: 7px; border: solid #382179; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: .5s ease all; } .communitiesDivWrapper .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { top: 8px; } .communitiesDivWrapper .hs-form-checkbox input:checked+label:before { background-color: #fff; } .communitiesDivWrapper .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before,.communitiesDivWrapper .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before { background-color: #fff; } .communitiesDivWrapper input.hs-button.primary.large { padding-right: 42px;} .communitiesDivWrapper .hs_submit.hs-submit .actions:after { content: ''; background-image: url(data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='presentation' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.46875 6.75C6.09579 6.75 5.7381 6.60184 5.47438 6.33812C5.21066 6.0744 5.0625 5.71671 5.0625 5.34375V1.6875H4.21875C3.54742 1.6875 2.90359 1.95418 2.42889 2.42889C1.95418 2.90359 1.6875 3.54742 1.6875 4.21875V13.7812C1.68738 14.404 1.91681 15.0049 2.33191 15.4691C2.747 15.9332 3.31864 16.2281 3.9375 16.2973V10.4062C3.9375 10.0333 4.08566 9.6756 4.34938 9.41188C4.6131 9.14816 4.97079 9 5.34375 9H12.6562C13.0292 9 13.3869 9.14816 13.6506 9.41188C13.9143 9.6756 14.0625 10.0333 14.0625 10.4062V16.2973C14.6814 16.2281 15.253 15.9332 15.6681 15.4691C16.0832 15.0049 16.3126 14.404 16.3125 13.7812V5.87812C16.3125 5.54572 16.247 5.21656 16.1198 4.90945C15.9926 4.60235 15.8062 4.3233 15.5711 4.08825L13.9117 2.42887C13.4988 2.0161 12.9559 1.75875 12.375 1.70044V5.34375C12.375 5.52842 12.3386 5.71128 12.268 5.8819C12.1973 6.05251 12.0937 6.20754 11.9631 6.33812C11.8325 6.4687 11.6775 6.57229 11.5069 6.64296C11.3363 6.71363 11.1534 6.75 10.9688 6.75H6.46875ZM11.25 1.6875H6.1875V5.34375C6.1875 5.41834 6.21713 5.48988 6.26988 5.54262C6.32262 5.59537 6.39416 5.625 6.46875 5.625H10.9688C11.0433 5.625 11.1149 5.59537 11.1676 5.54262C11.2204 5.48988 11.25 5.41834 11.25 5.34375V1.6875ZM12.9375 16.3125H5.0625V10.4062C5.0625 10.3317 5.09213 10.2601 5.14488 10.2074C5.19762 10.1546 5.26916 10.125 5.34375 10.125H12.6562C12.7308 10.125 12.8024 10.1546 12.8551 10.2074C12.9079 10.2601 12.9375 10.3317 12.9375 10.4062V16.3125Z' fill='white'%3E%3C/path%3E%3C/svg%3E); width: 18px; height: 18px; position: absolute; right: 16px; top: 8px; } /* .communitiesDivWrapper .hs_submit.hs-submit { position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 20px); } */ .communitiesDivWrapper .submitted-message { color:#fff; text-align:center; } #bottomTab-3 .innerBoxDiv{ padding-bottom: 86px;} .dashboardMainSection .profileImg {width:70px; height: 70px;} .staticImg { border-radius: 50%; background-color: #e4f4f7; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 28px; text-transform: uppercase; } .userImg.staticImg {width: 100px; height: 100px;} .agendaWrapper.V2 .calendar-header .header-group { min-width: 100% !important; } .agendaWrapper.V2 .calendar-header { color: #251A46; } .agendaWrapper.V2 .calendar-grid .day-name { color: #251A46; font-weight: 900; } .agendaWrapper.V2 .calendar-grid .day { color: #251A46; } .agendaWrapper.V2 .calendar-grid .today { background: #251A4633; box-shadow: 1px 1px 4px 0px #00000040; } .agendaWrapper.V2 .calendar-grid .other-month { color: #4A5660; } .agendaWrapper.V2 .calendar-grid .day:not(.other-month):hover,.agendaWrapper.V2 .calendar-grid .day:not(.other-month).active { background: #251A4633; box-shadow: 1px 1px 4px 0px #00000040; color: #251A46; } .event-dot { background: #251A46; border-radius: 50%; display: inline-block; height: 2px; margin: 0 auto; width: 2px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 4px; } .agendaWrapper.V2 .calendar-grid .day { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .agendaWrapper.V2 .calendar-grid .day.active:before { background-color: #251A46; } p.no-event { text-align: center; } .tabSection.tab-menu-2 .tabBox:last-child { display: none; } .dashboardMainSection { transition: opacity ease 0.3s;} .dashboardMainSection.showdashboard { opacity: 1;} .returnButton a:before { display:none; } .returnButton { min-height: 50px; } /* .formDivBox .iti--separate-dial-code .iti__selected-dial-code { display:block; } */ .formDivBox form input[type='tel'] { padding-left:115px !important; } .formDivBox .hs_phone .input { position:relative; } @media (min-width: 768px){ top: calc(100% + 35px); #bottomTab-3 .innerBoxDiv{ padding-bottom: 101px;} } @media (max-width: 767px) { .communitiesPopup .communitiesDiv { margin-top: 30px; } .communitiesPopup .hs_cos_wrapper_type_form { width: 100%; } } /* start brand academy section css */ .BrandAcademySection .TitleStyleLine.V2:after { margin-top: 16px; height: 1px; } .BrandAcademySection .BrandAcademyCol .TitleStyleLine.V2 { display: block; } .BrandAcademySection .BrandAcademyRow { align-items: center; padding: 10px 25px; } .BrandAcademySection .BrandAcademyCol { width: 43%; } .BrandAcademySection .BrandAcademyCol + .BrandAcademyCol { width: 57%; padding: 10px 18px 0 36px; } .BrandAcademySection .BrandAcademyImages { max-width: 389px; width: 100%; margin: 0 auto; } .BrandAcademySection .BrandAcademyImages img { width: 100%; height: auto; } @media (min-width: 992px) { /* .BrandAcademySection .BrandAcademyCol.leftCol { padding: 47px 0; } */ } @media (max-width: 991px) { .BrandAcademySection .BrandAcademyCol { width: 100% !important; } .BrandAcademySection .BrandAcademyCol + .BrandAcademyCol { padding: 0; } .BrandAcademySection .BrandAcademyRow { flex-direction: column-reverse; gap: 48px; padding: 0; } .BrandAcademySection .BrandAcademyImages { max-width: 303px; } } /* end brand academy section css */ /* ................................................................ */ @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;} .formarbox_2 .AcademyCol { width: calc(50% - 11px); } .formarbox_1 .AcademyCol { width: calc(100% - 11px); } .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.webp');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;} .BeneficesRightColInner img { width: 100%; object-fit: cover; } .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.webp);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.webp');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; padding-right:5px; } .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; display: block; height: 100%;} .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:6px;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:'';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 ,.secondTab h3{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:16px;margin-right:7px;position:relative;transition:all .2s ease;vertical-align:middle;width:16px;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: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; } @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;} .ExperienceRow.oneLineRow .ExperienceMainCol:not(:first-child) { width: calc(25% - 12px); } .ExperienceRow.oneLineRow .ExperienceMainCol:not(:first-child) .ExperienceContent { max-width: 100%; height: auto; } .ExperienceRow.oneLineRow .ExperienceMainCol:last-child .ExperienceCol { height: 100%; } } @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.webp);} .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.webp');} .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%203.webp');} .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;} .formarbox_2 .AcademyCol { width: 100%; } .formarbox_1 .AcademyCol { width: 100%; } .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;} }