/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* Fonts */ /* 100 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-100-UltraLight.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-100-UltraLight.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-100-UltraLight.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-100-UltraLight.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* 100 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-100-UltraLightCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-100-UltraLightCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-100-UltraLightCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-100-UltraLightCondensed.ttf') format('truetype'); font-weight: 100; font-style: normal; } */ /* 100 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-100-UltraLightOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-100-UltraLightOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-100-UltraLightOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-100-UltraLightOblique.ttf') format('truetype'); font-weight: 100; font-style: italic; } /* 100 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-100-UltraLightObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-100-UltraLightObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-100-UltraLightObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-100-UltraLightObliqueCondensed.ttf') format('truetype'); font-weight: 100; font-style: italic; } */ /* 200 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-200-Thin.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-200-Thin.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-200-Thin.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-200-Thin.ttf') format('truetype'); font-weight: 200; font-style: normal; } /* 200 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-200-ThinCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-200-ThinCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-200-ThinCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-200-ThinCondensed.ttf') format('truetype'); font-weight: 200; font-style: normal; } */ /* 200 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-200-ThinOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-200-ThinOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-200-ThinOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-200-ThinOblique.ttf') format('truetype'); font-weight: 200; font-style: italic; } /* 200 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-200-ThinObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-200-ThinObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-200-ThinObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-200-ThinObliqueCondensed.ttf') format('truetype'); font-weight: 200; font-style: italic; } */ /* 300 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-300-Light.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-300-Light.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-300-Light.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-300-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* 300 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-300-LightCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-300-LightCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-300-LightCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-300-LightCondensed.ttf') format('truetype'); font-weight: 300; font-style: normal; } */ /* 300 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-300-LightOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-300-LightOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-300-LightOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-300-LightOblique.ttf') format('truetype'); font-weight: 300; font-style: italic; } /* 300 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-300-LightObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-300-LightObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-300-LightObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-300-LightObliqueCondensed.ttf') format('truetype'); font-weight: 300; font-style: italic; } */ /* 400 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-400-Regular.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-400-Regular.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-400-Regular.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-400-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* 400 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-400-RegularCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-400-RegularCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-400-RegularCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-400-RegularCondensed.ttf') format('truetype'); font-weight: 400; font-style: normal; } */ /* 400 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-400-RegularOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-400-RegularOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-400-RegularOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-400-RegularOblique.ttf') format('truetype'); font-weight: 400; font-style: italic; } /* 400 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-400-RegularObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-400-RegularObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-400-RegularObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-400-RegularObliqueCondensed.ttf') format('truetype'); font-weight: 400; font-style: italic; } */ /* 500 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-500-Medium.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-500-Medium.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-500-Medium.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-500-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /* 500 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-500-MediumCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-500-MediumCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-500-MediumCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-500-MediumCondensed.ttf') format('truetype'); font-weight: 500; font-style: normal; } */ /* 500 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-500-MediumOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-500-MediumOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-500-MediumOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-500-MediumOblique.ttf') format('truetype'); font-weight: 500; font-style: italic; } /* 500 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-500-MediumObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-500-MediumObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-500-MediumObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-500-MediumObliqueCondensed.ttf') format('truetype'); font-weight: 500; font-style: italic; } */ /* 700 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-700-Bold.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-700-Bold.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-700-Bold.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-700-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* 700 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-700-BoldCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-700-BoldCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-700-BoldCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-700-BoldCondensed.ttf') format('truetype'); font-weight: 700; font-style: normal; } */ /* 700 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-700-BoldOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-700-BoldOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-700-BoldOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-700-BoldOblique.ttf') format('truetype'); font-weight: 700; font-style: italic; } /* 700 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-700-BoldObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-700-BoldObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-700-BoldObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-700-BoldObliqueCondensed.ttf') format('truetype'); font-weight: 700; font-style: italic; } */ /* 800 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-800-Black.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-800-Black.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-800-Black.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-800-Black.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* 800 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-800-BlackCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-800-BlackCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-800-BlackCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-800-BlackCondensed.ttf') format('truetype'); font-weight: 800; font-style: normal; } */ /* 800 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-800-BlackOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-800-BlackOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-800-BlackOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-800-BlackOblique.ttf') format('truetype'); font-weight: 800; font-style: italic; } /* 800 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-800-BlackObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-800-BlackObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-800-BlackObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-800-BlackObliqueCondensed.ttf') format('truetype'); font-weight: 800; font-style: italic; } */ /* 900 - regular */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-900-UltraBold.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-900-UltraBold.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-900-UltraBold.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-900-UltraBold.ttf') format('truetype'); font-weight: 900; font-style: normal; } /* 900 - Condensed */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-900-UltraBoldCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-900-UltraBoldCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-900-UltraBoldCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-900-UltraBoldCondensed.ttf') format('truetype'); font-weight: 900; font-style: normal; } */ /* 900 - Italic */ @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-900-UltraBoldOblique.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-900-UltraBoldOblique.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-900-UltraBoldOblique.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-900-UltraBoldOblique.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* 900 - Bold italic */ /* @font-face { font-family: 'GT Walsheim Pro'; src: local(''), url('https://26179006.fs1.hubspotusercontent-eu1.net/hubfs/26179006/BVZ/Font/GTWalsheimPro-900-UltraBoldObliqueCondensed.ttf') format('truetype'), url('https://145799146.fs1.hubspotusercontent-eu1.net/hubfs/145799146/BVZ/Font/GTWalsheimPro-900-UltraBoldObliqueCondensed.ttf') format('truetype'), url('https://145687621.fs1.hubspotusercontent-eu1.net/hubfs/145687621/BVZ/Font/GTWalsheimPro-900-UltraBoldObliqueCondensed.ttf') format('truetype'), url('https://145795780.fs1.hubspotusercontent-eu1.net/hubfs/145795780/BVZ/Font/GTWalsheimPro-900-UltraBoldObliqueCondensed.ttf') format('truetype'); font-weight: 900; font-style: italic; } */ /* Responsive grid /* .row-fluid { width: 100%; } .row-fluid:before, .row-fluid:after { display: table; content: ''; } .row-fluid:after { clear: both; } .row-fluid [class*='span'] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*='span']:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; } .row-fluid .span11 { width: 91.489361693%; } .row-fluid .span10 { width: 82.97872339599999%; } .row-fluid .span9 { width: 74.468085099%; } .row-fluid .span8 { width: 65.95744680199999%; } .row-fluid .span7 { width: 57.446808505%; } .row-fluid .span6 { width: 48.93617020799999%; } .row-fluid .span5 { width: 40.425531911%; } .row-fluid .span4 { width: 31.914893614%; } .row-fluid .span3 { width: 23.404255317%; } .row-fluid .span2 { width: 14.89361702%; } .row-fluid .span1 { width: 6.382978723%; } .container-fluid:before, .container-fluid:after { display: table; content: ''; } .container-fluid:after { clear: both; } */ /* @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*='span'] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; } .row-fluid:before, .row-fluid:after { display: table; content: ''; } .row-fluid:after { clear: both; } .row-fluid [class*='span'] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.762430939%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*='span']:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; } .row-fluid .span11 { width: 91.436464082%; } .row-fluid .span10 { width: 82.87292817100001%; } .row-fluid .span9 { width: 74.30939226%; } .row-fluid .span8 { width: 65.74585634900001%; } .row-fluid .span7 { width: 57.182320438000005%; } .row-fluid .span6 { width: 48.618784527%; } .row-fluid .span5 { width: 40.055248616%; } .row-fluid .span4 { width: 31.491712705%; } .row-fluid .span3 { width: 22.928176794%; } .row-fluid .span2 { width: 14.364640883%; } .row-fluid .span1 { width: 5.801104972%; } } */ /* @media (min-width: 1280px) { .row-fluid { width: 100%; } .row-fluid:before, .row-fluid:after { display: table; content: ''; } .row-fluid:after { clear: both; } .row-fluid [class*='span'] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*='span']:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; } .row-fluid .span11 { width: 91.45299145300001%; } .row-fluid .span10 { width: 82.905982906%; } .row-fluid .span9 { width: 74.358974359%; } .row-fluid .span8 { width: 65.81196581200001%; } .row-fluid .span7 { width: 57.264957265%; } .row-fluid .span6 { width: 48.717948718%; } .row-fluid .span5 { width: 40.170940171000005%; } .row-fluid .span4 { width: 31.623931624%; } .row-fluid .span3 { width: 23.076923077%; } .row-fluid .span2 { width: 14.529914530000001%; } .row-fluid .span1 { width: 5.982905983%; } } */ /* Clearfix */ /* .clearfix:before, .clearfix:after { display: table; content: ''; } .clearfix:after { clear: both; } */ /* Visibilty classes */ /* .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } */ /* Responsive visibilty classes */ /* .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } */ */ /* .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } /* .dnd-section > .row-fluid { margin: 0 auto; } */ /* .dnd-section .dnd-column { padding: 0 1rem; } */ /* @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } */ /* Components Specific pieces of UI that are stylized. Typically used for global partial styling */ /* Header DND sections */ .header .dnd-section { padding: 0; } /* Header container */ .header__container { display: flex; justify-content: space-between; } .header__row-1 { padding-top: 1rem; } .header__row-1, .header__row-2 { align-items: center; display: flex; justify-content: flex-end; width: 100%; } @media (max-width: 1150px) and (min-width: 767px) { .header__column { width: 100%; } } @media (max-width: 767px) { .header__container { flex-direction: column; padding: 1rem 0 0; } .header__column { position: relative; } .header__row-1 { padding-top: 0; } .header__row-2 { justify-content: center; padding: 1.05rem; } } /* Navigation skipper */ .header__skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .header__skip:hover, .header__skip:focus, .header__skip:active { height: auto; left: 0; overflow: visible; top: 0; width: auto; } /* Logo */ .header__logo { align-items: center; display: flex; height: auto; margin-right: auto; max-width: 200px; overflow: hidden; } @media (max-width: 767px) { .header__logo { margin: 0 auto; width: 100%; } } .header__logo img { max-width: 100%; } .header__logo .logo-company-name { font-size: 1.167rem; margin-top: 0.7rem; } .header__logo--main { padding-top: 1rem; } /* Search bar */ .header__search { padding: 0 1rem; width: auto; } .header__search .hs-search-field__input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-position: center right 15px; background-repeat: no-repeat; height: 45px; padding: 0 0.7rem; } .header__search .hs-search-field--open .hs-search-field__input { border-bottom: none; border-radius: 6px 6px 0 0; max-width: 100%; } .header__search .hs-search-field--open .hs-search-field__suggestions { background-color: #FFF; border: 2px solid #D1D6DC; border-radius: 0 0 6px 6px; border-top-width: 1px; position: absolute; width: 100%; z-index: 10; } .header__search .hs-search-field__suggestions li { border-top: 1px solid #D1D6DC; font-size: 0.875rem; } .header__search .hs-search-field__suggestions li a { color: #494A52; padding: 0.35rem 0.7rem; text-decoration: none; transition: background-color 0.3s; } .header__search .hs-search-field__suggestions #results-for { display: none; } @media (min-width: 767px) { .header__search form { align-items: center; display: flex; flex-direction: row; } .header__search label { margin: 0 1rem 0 0; } .header__search .hs-search-field__input { width: auto; } } @media (max-width: 767px) { .header__search { border-top: 2px solid #CED4DB; order: 1; padding: 1.05rem; } } /* Language switcher */ .header__language-switcher { cursor: pointer; padding-right: 1.4rem; } .header__language-switcher .lang_switcher_class { position: static; } .header__language-switcher .lang_list_class { border: 2px solid; border-radius: 3px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); display: block; left: calc(100% - 24px); opacity: 0; min-width: 100px; padding-top: 0; text-align: left; top: 100%; transition: opacity 0.3s; visibility: hidden; } .header__language-switcher:hover .lang_list_class, .header__language-switcher:focus .lang_list_class { opacity: 1; transition: opacity 0.3s; visibility: visible; } .header__language-switcher .lang_list_class:before { left: 70%; top: -25px; } .header__language-switcher .lang_list_class:after { left: 70%; top: -22px; } .header__language-switcher .lang_list_class.first-active::after { top: -22px; transition: 0.3s; } .header__language-switcher .lang_list_class li { border: none; font-size: 18px; padding: 0.35rem 0.7rem; } .header__language-switcher .lang_list_class li:first-child { border-radius: 6px 6px 0 0; border-top: none; } .header__language-switcher .lang_list_class li:last-child { border-bottom: none; border-radius: 0 0 6px 6px; } .header__language-switcher .lang_list_class li:hover { transition: background-color 0.3s; } .header__language-switcher--label { display: flex; position: relative; } .header__language-switcher--label-current { align-items: center; display: flex; font-size: 0.75rem; margin-bottom: 0.175rem; margin-left: 0.7rem; } .header__language-switcher--label-current:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #494A52; content: ""; display: block; height: 0px; margin-left: 0.7rem; margin-top: 0.175rem; width: 0px; } @media (max-width: 767px) { .header__language-switcher { border-top: 2px solid #CED4DB; padding-left: 1.05rem; padding-right: 0; } .header__language-switcher .lang_list_class { border: none; box-shadow: unset; display: block; left: 30px; opacity: 1; padding: 0 1.05rem; top: 0; visibility: visible; } .header__language-switcher .lang_list_class li { background-color: inherit; font-size: 0.917rem; } .header__language-switcher--label-current { display: none; } .header__language-switcher .globe_class { background-image: none; } .header__language-switcher .lang_list_class li:hover{ background-color: inherit; } .header__language-switcher .lang_list_class:before, .header__language-switcher .lang_list_class:after { content: none; } } /* Navigation */ #nav-toggle { display: none; } /* Mobile toggles */ @media (max-width: 767px) { .header__navigation, .header__search, .header__language-switcher { display: none; width: 100%; } .header__navigation.open, .header__search.open, .header__language-switcher.open { background-color: #F8FAFC; display: block; left: 0; min-height: calc(100vh - 115px); position: absolute; right: 0; top: 75px; z-index: 2; } .header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle { cursor: pointer; margin: 0 5vw; position: relative; } .header__navigation--toggle.hide, .header__search--toggle.hide, .header__language-switcher--toggle.hide { display: none; } .header__navigation--toggle.open, .header__search--toggle.open, .header__language-switcher--toggle.open { display: block; margin-left: 0; margin-right: auto; } .header__navigation--toggle:after, .header__search--toggle:after, .header__language-switcher--toggle:after { display: none; font-size: 1.083rem; font-weight: 600; position: absolute; left: 40px; text-transform: uppercase; top: -10px; } .header__navigation--toggle.open:after, .header__search--toggle.open:after, .header__language-switcher--toggle.open:after { display: block; word-break: normal; } .header__navigation--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); background-size: cover; height: 25px; width: 25px; } .header__navigation--toggle:after { content: "Menu"; } .header__language-switcher--toggle { background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png); background-size: cover; height: 25px; width: 25px; } .header__language-switcher--toggle:after { content: "Language"; } .header__search--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-size: cover; height: 25px; width: 25px; } .header__search--toggle:after { content: "Search"; } .header__close--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); background-repeat: no-repeat; background-size: 110%; display: none; height: 25px; margin-right: 0; width: 25px; } .header__close--toggle.show { display: block; } } /* Menu and simple menu */ .hs-menu-wrapper ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; } /* Horizontal menu */ .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { flex-direction: column; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; } } /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } /* CTA, logo, and rich text images */ .hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; } /* Tailwind */ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } /* Root tags - start */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { overflow-x: hidden; scroll-behavior: smooth; scrollbar-gutter: stable; } /* Root tags - end */ /* Typography - start */ /* General - start */ body { font-family: GT Walsheim Pro, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 150%; } .dnd-section .dnd-column { padding: 0 !important; } p, a, li, div { font-size: 1rem; line-height: 180%; font-weight: 400; --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { p, a, li, div { font-size: 1.125rem; line-height: 180%; } } a { cursor: pointer; } a:hover { --tw-text-opacity: 1; color: rgb(61 153 224 / var(--tw-text-opacity, 1)); } .quote { font-family: Bitter, serif; } .slick-dots li button { background: linear-gradient(99deg, #042c5a 0%, #5d99d2 79.53%); } .slick-dots li.slick-active button { background: linear-gradient(99deg, #042c5a 0%, #5d99d2 79.53%); } .anchor-link { position: relative; display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 6px; font-weight: 500; --tw-text-opacity: 1; color: rgb(61 153 224 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-decoration-color: #A0227E; text-decoration-thickness: 12%; text-underline-offset: 7px; } .anchor-link:hover { text-decoration-line: underline; text-decoration-color: #A0227E; text-decoration-thickness: 12%; text-underline-offset: 7px; } .anchor-link.active { text-decoration-line: underline; text-decoration-color: #A0227E; text-decoration-thickness: 12%; text-underline-offset: 7px; } .no-scrollbar::-webkit-scrollbar { display: none; /* Chrome/Safari/Opera */ } .no-scrollbar { -ms-overflow-style: none; /* IE/Edge */ scrollbar-width: none; /* Firefox */ } .bg-gradient { background: linear-gradient(109deg, #27ad7a 0%, #2a69b2 100%); } /* General - end */ /* Headings - start */ h1, h2, h3, h4, h5 { word-break: break-word; font-weight: 700; --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } h1, h2 { width: -moz-fit-content; width: fit-content; } h1, .heading-1 { font-size: 2rem; line-height: 130%; } @media (min-width: 776px) { h1, .heading-1 { font-size: 2.5rem; line-height: 130%; } } @media (min-width: 1408px) { h1, .heading-1 { font-size: 3rem; line-height: 120%; } } @media (min-width: 1696px) { h1, .heading-1 { font-size: 3.5rem; line-height: 120%; } } h2, .heading-2 { font-size: 1.5rem; line-height: 130%; } @media (min-width: 776px) { h2, .heading-2 { font-size: 2rem; line-height: 130%; } } @media (min-width: 1408px) { h2, .heading-2 { font-size: 2.5rem; line-height: 130%; } } h3, .heading-3 { font-size: 1.125rem; line-height: 180%; } @media (min-width: 776px) { h3, .heading-3 { font-size: 1.5rem; line-height: 130%; } } @media (min-width: 1696px) { h3, .heading-3 { font-size: 2rem; line-height: 130%; } } h4, .heading-4 { font-size: 1rem; line-height: 180%; } @media (min-width: 776px) { h4, .heading-4 { font-size: 1.125rem; line-height: 180%; } } @media (min-width: 1696px) { h4, .heading-4 { font-size: 1.5rem; line-height: 130%; } } h5, .heading-5 { font-size: 1rem; line-height: 180%; } @media (min-width: 1696px) { h5, .heading-5 { font-size: 1.125rem; line-height: 180%; } } h1.text-white, .heading-1.text-white, h2.text-white, .heading-2.text-white, h3.text-white, .heading-3.text-white, h4.text-white, .heading-4.text-white, h5.text-white, .heading-5.text-white { -webkit-text-fill-color: inherit; } /* Headings - end */ /* Listing - start */ ul, ol { list-style-type: none; } ul.list { padding-left: 20px; list-style: initial; } ol.list { padding-left: 20px; list-style: decimal; } /* Rich text bullet points - start */ ul { margin-left: 0px; list-style-type: none; padding-left: 0px; } ul li { margin-left: 0px; padding-left: 0px; } .hs_cos_wrapper_type_inline_rich_text ul { margin-top: 1rem; list-style-type: disc; padding-left: 2.5rem; } .hs_cos_wrapper_type_inline_rich_text ol { margin-top: 1rem; list-style-type: decimal; padding-left: 2.5rem; } .hs_cos_wrapper_type_inline_rich_text blockquote { margin-inline-start: 1.5rem; border-inline-start-width: 4px; --tw-border-opacity: 1; border-color: rgb(160 34 126 / var(--tw-border-opacity, 1)); padding-inline-start: 0.5rem; } /* Text and Media module: gradient checkmarks for bullet lists (module.checkmark_bullet_lists). !important beats .hs_cos_wrapper_type_inline_rich_text ul { @apply list-disc pl-10 }. */ .text-media-rich--checklist ul { list-style: none !important; list-style-type: none !important; margin-left: 0 !important; margin-top: 1rem; padding-left: 0 !important; padding-inline-start: 0 !important; } .text-media-rich--checklist ul ul { margin-top: 0.35em; } .text-media-rich--checklist ul > li { list-style: none !important; list-style-type: none !important; position: relative; padding-left: 1.75rem !important; margin-bottom: 0.35em; } .text-media-rich--checklist ul > li::marker { content: none; } .text-media-rich--checklist ul > li::before { content: ''; position: absolute; left: 0; top: 0.4em; width: 17px; height: 16px; background: linear-gradient(90deg, #a9228e 0%, #801b7a 100%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 17 16%27%3E%3Cpath fill=%27%23fff%27 d=%27M15.7569 3.02997C16.0169 2.65497 15.8869 2.25497 15.6469 2.08497C15.4069 1.91997 14.9669 1.94498 14.7169 2.23498L6.20188 12.54L1.20188 8.53998C0.836879 8.26998 0.36688 8.32497 0.16188 8.56497C-0.0431197 8.80497 -0.0781207 9.24498 0.201879 9.46498L6.06188 14.04C6.27688 14.205 6.58188 14.175 6.75688 13.965L15.7519 3.02997H15.7569Z%27/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 17 16%27%3E%3Cpath fill=%27%23fff%27 d=%27M15.7569 3.02997C16.0169 2.65497 15.8869 2.25497 15.6469 2.08497C15.4069 1.91997 14.9669 1.94498 14.7169 2.23498L6.20188 12.54L1.20188 8.53998C0.836879 8.26998 0.36688 8.32497 0.16188 8.56497C-0.0431197 8.80497 -0.0781207 9.24498 0.201879 9.46498L6.06188 14.04C6.27688 14.205 6.58188 14.175 6.75688 13.965L15.7519 3.02997H15.7569Z%27/%3E%3C/svg%3E") no-repeat center / contain; } /* Rich text bullet points - end */ /* Listing - end */ /* Rich text - start */ /* Here used to bea container added on a .row-fluid:has(> .span6) */ .rich-text__layout h1:not(:last-child), .rich-text__layout h2:not(:last-child), .rich-text__layout h3:not(:last-child), .rich-text__layout h4:not(:last-child), .rich-text__layout h5:not(:last-child), .rich-text__layout p:not(:last-child), .rich-text__layout ul:not(:last-child), .rich-text__layout ol:not(:last-child) { margin-bottom: 0.75rem; } .rich-text a { text-decoration-line: underline; } .rich-text a:hover, .rich-text a:active { text-decoration-line: none; } /* Preserve bold when is inside or is inside in any rich text context. The global `a { font-normal }` base rule otherwise overrides inherited boldness. */ .rich-text strong a, .rich-text a strong, .hs_cos_wrapper_type_inline_rich_text strong a, .hs_cos_wrapper_type_inline_rich_text a strong, [data-hs-cos-type='inline_rich_text'] strong a, [data-hs-cos-type='inline_rich_text'] a strong { font-weight: 700; } /* Rich text - end */ /* Typography - end */ /* Buttons - start */ /* Button general - start */ button { cursor: pointer; } .btn-defaults { position: relative; z-index: 10; display: flex; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; gap: 0.25rem; text-wrap: nowrap; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 120%; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-defaults:disabled { --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(87 189 229 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { .btn-defaults { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } } .\!btn .hs_cos_wrapper { display: flex; width: 100%; justify-content: center; } .btn .hs_cos_wrapper { display: flex; width: 100%; justify-content: center; } .\!btn .hs_cos_wrapper * { width: 100%; } .btn .hs_cos_wrapper * { width: 100%; } /* Button general - end */ /* Buttons with icons, alignment, size & current in row -- start */ .hasIcon a::after, .hasIcon button::after { position: relative; z-index: 10; display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; align-items: center; justify-content: center; background-size: contain; background-position: center; background-repeat: no-repeat; transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ''; content: var(--tw-content); } .hasIcon.iconRight a, .hasIcon.iconRight button { flex-direction: row; } .hasIcon.iconRight a:hover::after, .hasIcon.iconRight button:hover::after, .blog-listing .card:hover .hasIcon.iconRight a::after, .blog-listing .card:hover .hasIcon.iconRight button::after { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hasIcon.iconLeft a, .hasIcon.iconLeft button { flex-direction: row-reverse; } .hasIcon.iconLeft a:hover::after, .hasIcon.iconLeft button:hover::after, .blog-listing .card:hover .hasIcon.iconLeft a::after, .blog-listing .card:hover .hasIcon.iconLeft button::after { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1184px) { .small .btn-defaults { gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 180%; } } .large .btn-defaults { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 180%; } /* .filter-btn-wrapper button[aria-pressed="true"], .btn-defaults.current { @apply after:w-[calc(100%+4px)] after:h-[calc(100%+2px)] after:-translate-y-[2px] before:w-[calc(100%+4px)] before:h-[calc(100%+4px)]; } */ /* Buttons with icons, alignment, size & current in row -- end */ /* Btn variants - start */ /* Btn primary - start */ /* Form CTAs: comma-separated (not :is) so a/button keep the same specificity as before; input rules are separate. */ h1.btn-primary a, .heading-1.btn-primary a, h2.btn-primary a, .heading-2.btn-primary a, h3.btn-primary a, .heading-3.btn-primary a, h4.btn-primary a, .heading-4.btn-primary a, h5.btn-primary a, .heading-5.btn-primary a,h1 .btn-primary button, .heading-1 .btn-primary button, h2 .btn-primary button, .heading-2 .btn-primary button, h3 .btn-primary button, .heading-3 .btn-primary button, h4 .btn-primary button, .heading-4 .btn-primary button, h5 .btn-primary button, .heading-5 .btn-primary button,h1 .btn-primary input[type='submit'], .heading-1 .btn-primary input[type='submit'], h2 .btn-primary input[type='submit'], .heading-2 .btn-primary input[type='submit'], h3 .btn-primary input[type='submit'], .heading-3 .btn-primary input[type='submit'], h4 .btn-primary input[type='submit'], .heading-4 .btn-primary input[type='submit'], h5 .btn-primary input[type='submit'], .heading-5 .btn-primary input[type='submit'],h1 .btn-primary input[type='button'], .heading-1 .btn-primary input[type='button'], h2 .btn-primary input[type='button'], .heading-2 .btn-primary input[type='button'], h3 .btn-primary input[type='button'], .heading-3 .btn-primary input[type='button'], h4 .btn-primary input[type='button'], .heading-4 .btn-primary input[type='button'], h5 .btn-primary input[type='button'], .heading-5 .btn-primary input[type='button'] { -webkit-text-fill-color: inherit; } .btn-primary a, .btn-primary button, .btn-primary input[type='submit'], .btn-primary input[type='button'] { position: relative; z-index: 10; display: flex; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; gap: 0.25rem; text-wrap: nowrap; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 120%; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary a:disabled, .btn-primary button:disabled, .btn-primary input[type='submit']:disabled, .btn-primary input[type='button']:disabled { --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(87 189 229 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { .btn-primary a, .btn-primary button, .btn-primary input[type='submit'], .btn-primary input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } .small .btn-primary a,.small .btn-primary button,.small .btn-primary input[type='submit'],.small .btn-primary input[type='button'] { gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 180%; } } .large .btn-primary a,.large .btn-primary button,.large .btn-primary input[type='submit'],.large .btn-primary input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 180%; } .btn-primary a, .btn-primary button, .btn-primary input[type='submit'], .btn-primary input[type='button'] { position: relative; z-index: 1; overflow: visible; border-radius: 9999px; border-width: 0px; background-image: linear-gradient(90deg, #02B1EA 0%, #0093D8 100%); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: .875rem; font-weight: 700; line-height: 120%; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline: 2px solid transparent; outline-offset: 2px; transition-property: color,background-color,background-image,outline,-webkit-text-decoration; transition-property: color,background-color,background-image,outline,text-decoration; transition-property: color,background-color,background-image,outline,text-decoration,-webkit-text-decoration; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary a:disabled, .btn-primary button:disabled, .btn-primary input[type='submit']:disabled, .btn-primary input[type='button']:disabled { cursor: not-allowed; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .btn-primary a:hover:disabled, .btn-primary button:hover:disabled, .btn-primary input[type='submit']:hover:disabled, .btn-primary input[type='button']:hover:disabled { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; } .btn-primary a:active:disabled, .btn-primary button:active:disabled, .btn-primary input[type='submit']:active:disabled, .btn-primary input[type='button']:active:disabled { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 1184px) { .btn-primary a, .btn-primary button, .btn-primary input[type='submit'], .btn-primary input[type='button'] { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } } h1.btn-primary a:hover, .heading-1.btn-primary a:hover, h2.btn-primary a:hover, .heading-2.btn-primary a:hover, h3.btn-primary a:hover, .heading-3.btn-primary a:hover, h4.btn-primary a:hover, .heading-4.btn-primary a:hover, h5.btn-primary a:hover, .heading-5.btn-primary a:hover,h1 .btn-primary button:hover, .heading-1 .btn-primary button:hover, h2 .btn-primary button:hover, .heading-2 .btn-primary button:hover, h3 .btn-primary button:hover, .heading-3 .btn-primary button:hover, h4 .btn-primary button:hover, .heading-4 .btn-primary button:hover, h5 .btn-primary button:hover, .heading-5 .btn-primary button:hover,h1 .btn-primary input[type='submit']:hover, .heading-1 .btn-primary input[type='submit']:hover, h2 .btn-primary input[type='submit']:hover, .heading-2 .btn-primary input[type='submit']:hover, h3 .btn-primary input[type='submit']:hover, .heading-3 .btn-primary input[type='submit']:hover, h4 .btn-primary input[type='submit']:hover, .heading-4 .btn-primary input[type='submit']:hover, h5 .btn-primary input[type='submit']:hover, .heading-5 .btn-primary input[type='submit']:hover,h1 .btn-primary input[type='button']:hover, .heading-1 .btn-primary input[type='button']:hover, h2 .btn-primary input[type='button']:hover, .heading-2 .btn-primary input[type='button']:hover, h3 .btn-primary input[type='button']:hover, .heading-3 .btn-primary input[type='button']:hover, h4 .btn-primary input[type='button']:hover, .heading-4 .btn-primary input[type='button']:hover, h5 .btn-primary input[type='button']:hover, .heading-5 .btn-primary input[type='button']:hover,h1 .blog-listing .card:hover .btn-primary a, .heading-1 .blog-listing .card:hover .btn-primary a, h2 .blog-listing .card:hover .btn-primary a, .heading-2 .blog-listing .card:hover .btn-primary a, h3 .blog-listing .card:hover .btn-primary a, .heading-3 .blog-listing .card:hover .btn-primary a, h4 .blog-listing .card:hover .btn-primary a, .heading-4 .blog-listing .card:hover .btn-primary a, h5 .blog-listing .card:hover .btn-primary a, .heading-5 .blog-listing .card:hover .btn-primary a,h1 .blog-listing .card:hover .btn-primary button, .heading-1 .blog-listing .card:hover .btn-primary button, h2 .blog-listing .card:hover .btn-primary button, .heading-2 .blog-listing .card:hover .btn-primary button, h3 .blog-listing .card:hover .btn-primary button, .heading-3 .blog-listing .card:hover .btn-primary button, h4 .blog-listing .card:hover .btn-primary button, .heading-4 .blog-listing .card:hover .btn-primary button, h5 .blog-listing .card:hover .btn-primary button, .heading-5 .blog-listing .card:hover .btn-primary button,h1 .blog-listing .card:hover .btn-primary input[type='submit'], .heading-1 .blog-listing .card:hover .btn-primary input[type='submit'], h2 .blog-listing .card:hover .btn-primary input[type='submit'], .heading-2 .blog-listing .card:hover .btn-primary input[type='submit'], h3 .blog-listing .card:hover .btn-primary input[type='submit'], .heading-3 .blog-listing .card:hover .btn-primary input[type='submit'], h4 .blog-listing .card:hover .btn-primary input[type='submit'], .heading-4 .blog-listing .card:hover .btn-primary input[type='submit'], h5 .blog-listing .card:hover .btn-primary input[type='submit'], .heading-5 .blog-listing .card:hover .btn-primary input[type='submit'],h1 .blog-listing .card:hover .btn-primary input[type='button'], .heading-1 .blog-listing .card:hover .btn-primary input[type='button'], h2 .blog-listing .card:hover .btn-primary input[type='button'], .heading-2 .blog-listing .card:hover .btn-primary input[type='button'], h3 .blog-listing .card:hover .btn-primary input[type='button'], .heading-3 .blog-listing .card:hover .btn-primary input[type='button'], h4 .blog-listing .card:hover .btn-primary input[type='button'], .heading-4 .blog-listing .card:hover .btn-primary input[type='button'], h5 .blog-listing .card:hover .btn-primary input[type='button'], .heading-5 .blog-listing .card:hover .btn-primary input[type='button'] { -webkit-text-fill-color: inherit; } .btn-primary a:hover, .btn-primary button:hover, .btn-primary input[type='submit']:hover, .btn-primary input[type='button']:hover, .blog-listing .card:hover .btn-primary a, .blog-listing .card:hover .btn-primary button, .blog-listing .card:hover .btn-primary input[type='submit'], .blog-listing .card:hover .btn-primary input[type='button'] { background-image: linear-gradient(106deg, #580E83 6.28%, #2A69B2 85.7%); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; } h1.btn-primary a:focus-visible, .heading-1.btn-primary a:focus-visible, h2.btn-primary a:focus-visible, .heading-2.btn-primary a:focus-visible, h3.btn-primary a:focus-visible, .heading-3.btn-primary a:focus-visible, h4.btn-primary a:focus-visible, .heading-4.btn-primary a:focus-visible, h5.btn-primary a:focus-visible, .heading-5.btn-primary a:focus-visible,h1 .btn-primary button:focus-visible, .heading-1 .btn-primary button:focus-visible, h2 .btn-primary button:focus-visible, .heading-2 .btn-primary button:focus-visible, h3 .btn-primary button:focus-visible, .heading-3 .btn-primary button:focus-visible, h4 .btn-primary button:focus-visible, .heading-4 .btn-primary button:focus-visible, h5 .btn-primary button:focus-visible, .heading-5 .btn-primary button:focus-visible,h1 .btn-primary input[type='submit']:focus-visible, .heading-1 .btn-primary input[type='submit']:focus-visible, h2 .btn-primary input[type='submit']:focus-visible, .heading-2 .btn-primary input[type='submit']:focus-visible, h3 .btn-primary input[type='submit']:focus-visible, .heading-3 .btn-primary input[type='submit']:focus-visible, h4 .btn-primary input[type='submit']:focus-visible, .heading-4 .btn-primary input[type='submit']:focus-visible, h5 .btn-primary input[type='submit']:focus-visible, .heading-5 .btn-primary input[type='submit']:focus-visible,h1 .btn-primary input[type='button']:focus-visible, .heading-1 .btn-primary input[type='button']:focus-visible, h2 .btn-primary input[type='button']:focus-visible, .heading-2 .btn-primary input[type='button']:focus-visible, h3 .btn-primary input[type='button']:focus-visible, .heading-3 .btn-primary input[type='button']:focus-visible, h4 .btn-primary input[type='button']:focus-visible, .heading-4 .btn-primary input[type='button']:focus-visible, h5 .btn-primary input[type='button']:focus-visible, .heading-5 .btn-primary input[type='button']:focus-visible { -webkit-text-fill-color: inherit; } .btn-primary a:focus-visible, .btn-primary button:focus-visible, .btn-primary input[type='submit']:focus-visible, .btn-primary input[type='button']:focus-visible { --tw-bg-opacity: 1; background-color: rgb(41 8 32 / var(--tw-bg-opacity, 1)); background-image: none; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-decoration-color: #fff; text-decoration-style: dotted; text-underline-offset: 4px; outline-style: solid; outline-width: 3px; outline-offset: -3px; outline-color: #DFAACA; } h1.btn-primary a:active, .heading-1.btn-primary a:active, h2.btn-primary a:active, .heading-2.btn-primary a:active, h3.btn-primary a:active, .heading-3.btn-primary a:active, h4.btn-primary a:active, .heading-4.btn-primary a:active, h5.btn-primary a:active, .heading-5.btn-primary a:active,h1 .btn-primary button:active, .heading-1 .btn-primary button:active, h2 .btn-primary button:active, .heading-2 .btn-primary button:active, h3 .btn-primary button:active, .heading-3 .btn-primary button:active, h4 .btn-primary button:active, .heading-4 .btn-primary button:active, h5 .btn-primary button:active, .heading-5 .btn-primary button:active,h1 .btn-primary input[type='submit']:active, .heading-1 .btn-primary input[type='submit']:active, h2 .btn-primary input[type='submit']:active, .heading-2 .btn-primary input[type='submit']:active, h3 .btn-primary input[type='submit']:active, .heading-3 .btn-primary input[type='submit']:active, h4 .btn-primary input[type='submit']:active, .heading-4 .btn-primary input[type='submit']:active, h5 .btn-primary input[type='submit']:active, .heading-5 .btn-primary input[type='submit']:active,h1 .btn-primary input[type='button']:active, .heading-1 .btn-primary input[type='button']:active, h2 .btn-primary input[type='button']:active, .heading-2 .btn-primary input[type='button']:active, h3 .btn-primary input[type='button']:active, .heading-3 .btn-primary input[type='button']:active, h4 .btn-primary input[type='button']:active, .heading-4 .btn-primary input[type='button']:active, h5 .btn-primary input[type='button']:active, .heading-5 .btn-primary input[type='button']:active { -webkit-text-fill-color: inherit; } .btn-primary a:active, .btn-primary button:active, .btn-primary input[type='submit']:active, .btn-primary input[type='button']:active { --tw-bg-opacity: 1; background-color: rgb(204 128 177 / var(--tw-bg-opacity, 1)); background-image: none; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline: 2px solid transparent; outline-offset: 2px; } /* Btn primary - end */ /* Btn primary-dark - start */ h1.btn-primary-dark a, .heading-1.btn-primary-dark a, h2.btn-primary-dark a, .heading-2.btn-primary-dark a, h3.btn-primary-dark a, .heading-3.btn-primary-dark a, h4.btn-primary-dark a, .heading-4.btn-primary-dark a, h5.btn-primary-dark a, .heading-5.btn-primary-dark a,h1 .btn-primary-dark button, .heading-1 .btn-primary-dark button, h2 .btn-primary-dark button, .heading-2 .btn-primary-dark button, h3 .btn-primary-dark button, .heading-3 .btn-primary-dark button, h4 .btn-primary-dark button, .heading-4 .btn-primary-dark button, h5 .btn-primary-dark button, .heading-5 .btn-primary-dark button,h1 .btn-primary-dark input[type='submit'], .heading-1 .btn-primary-dark input[type='submit'], h2 .btn-primary-dark input[type='submit'], .heading-2 .btn-primary-dark input[type='submit'], h3 .btn-primary-dark input[type='submit'], .heading-3 .btn-primary-dark input[type='submit'], h4 .btn-primary-dark input[type='submit'], .heading-4 .btn-primary-dark input[type='submit'], h5 .btn-primary-dark input[type='submit'], .heading-5 .btn-primary-dark input[type='submit'],h1 .btn-primary-dark input[type='button'], .heading-1 .btn-primary-dark input[type='button'], h2 .btn-primary-dark input[type='button'], .heading-2 .btn-primary-dark input[type='button'], h3 .btn-primary-dark input[type='button'], .heading-3 .btn-primary-dark input[type='button'], h4 .btn-primary-dark input[type='button'], .heading-4 .btn-primary-dark input[type='button'], h5 .btn-primary-dark input[type='button'], .heading-5 .btn-primary-dark input[type='button'] { -webkit-text-fill-color: inherit; } .btn-primary-dark a, .btn-primary-dark button, .btn-primary-dark input[type='submit'], .btn-primary-dark input[type='button'] { position: relative; z-index: 10; display: flex; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; gap: 0.25rem; text-wrap: nowrap; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 120%; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary-dark a:disabled, .btn-primary-dark button:disabled, .btn-primary-dark input[type='submit']:disabled, .btn-primary-dark input[type='button']:disabled { --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(87 189 229 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { .btn-primary-dark a, .btn-primary-dark button, .btn-primary-dark input[type='submit'], .btn-primary-dark input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } .small .btn-primary-dark a,.small .btn-primary-dark button,.small .btn-primary-dark input[type='submit'],.small .btn-primary-dark input[type='button'] { gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 180%; } } .large .btn-primary-dark a,.large .btn-primary-dark button,.large .btn-primary-dark input[type='submit'],.large .btn-primary-dark input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 180%; } .btn-primary-dark a, .btn-primary-dark button, .btn-primary-dark input[type='submit'], .btn-primary-dark input[type='button'] { position: relative; z-index: 1; overflow: visible; border-radius: 9999px; border-width: 0px; background-image: linear-gradient(90deg, #02B1EA 0%, #0093D8 100%); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: .875rem; font-weight: 700; line-height: 120%; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline: 2px solid transparent; outline-offset: 2px; transition-property: color,background-color,background-image,outline,-webkit-text-decoration; transition-property: color,background-color,background-image,outline,text-decoration; transition-property: color,background-color,background-image,outline,text-decoration,-webkit-text-decoration; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary-dark a:disabled, .btn-primary-dark button:disabled, .btn-primary-dark input[type='submit']:disabled, .btn-primary-dark input[type='button']:disabled { cursor: not-allowed; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .btn-primary-dark a:hover:disabled, .btn-primary-dark button:hover:disabled, .btn-primary-dark input[type='submit']:hover:disabled, .btn-primary-dark input[type='button']:hover:disabled { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; } .btn-primary-dark a:active:disabled, .btn-primary-dark button:active:disabled, .btn-primary-dark input[type='submit']:active:disabled, .btn-primary-dark input[type='button']:active:disabled { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #ECECEC var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(99 99 99 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 1184px) { .btn-primary-dark a, .btn-primary-dark button, .btn-primary-dark input[type='submit'], .btn-primary-dark input[type='button'] { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } } h1.btn-primary-dark a:hover, .heading-1.btn-primary-dark a:hover, h2.btn-primary-dark a:hover, .heading-2.btn-primary-dark a:hover, h3.btn-primary-dark a:hover, .heading-3.btn-primary-dark a:hover, h4.btn-primary-dark a:hover, .heading-4.btn-primary-dark a:hover, h5.btn-primary-dark a:hover, .heading-5.btn-primary-dark a:hover,h1 .btn-primary-dark button:hover, .heading-1 .btn-primary-dark button:hover, h2 .btn-primary-dark button:hover, .heading-2 .btn-primary-dark button:hover, h3 .btn-primary-dark button:hover, .heading-3 .btn-primary-dark button:hover, h4 .btn-primary-dark button:hover, .heading-4 .btn-primary-dark button:hover, h5 .btn-primary-dark button:hover, .heading-5 .btn-primary-dark button:hover,h1 .btn-primary-dark input[type='submit']:hover, .heading-1 .btn-primary-dark input[type='submit']:hover, h2 .btn-primary-dark input[type='submit']:hover, .heading-2 .btn-primary-dark input[type='submit']:hover, h3 .btn-primary-dark input[type='submit']:hover, .heading-3 .btn-primary-dark input[type='submit']:hover, h4 .btn-primary-dark input[type='submit']:hover, .heading-4 .btn-primary-dark input[type='submit']:hover, h5 .btn-primary-dark input[type='submit']:hover, .heading-5 .btn-primary-dark input[type='submit']:hover,h1 .btn-primary-dark input[type='button']:hover, .heading-1 .btn-primary-dark input[type='button']:hover, h2 .btn-primary-dark input[type='button']:hover, .heading-2 .btn-primary-dark input[type='button']:hover, h3 .btn-primary-dark input[type='button']:hover, .heading-3 .btn-primary-dark input[type='button']:hover, h4 .btn-primary-dark input[type='button']:hover, .heading-4 .btn-primary-dark input[type='button']:hover, h5 .btn-primary-dark input[type='button']:hover, .heading-5 .btn-primary-dark input[type='button']:hover,h1 .blog-listing .card:hover .btn-primary-dark a, .heading-1 .blog-listing .card:hover .btn-primary-dark a, h2 .blog-listing .card:hover .btn-primary-dark a, .heading-2 .blog-listing .card:hover .btn-primary-dark a, h3 .blog-listing .card:hover .btn-primary-dark a, .heading-3 .blog-listing .card:hover .btn-primary-dark a, h4 .blog-listing .card:hover .btn-primary-dark a, .heading-4 .blog-listing .card:hover .btn-primary-dark a, h5 .blog-listing .card:hover .btn-primary-dark a, .heading-5 .blog-listing .card:hover .btn-primary-dark a,h1 .blog-listing .card:hover .btn-primary-dark button, .heading-1 .blog-listing .card:hover .btn-primary-dark button, h2 .blog-listing .card:hover .btn-primary-dark button, .heading-2 .blog-listing .card:hover .btn-primary-dark button, h3 .blog-listing .card:hover .btn-primary-dark button, .heading-3 .blog-listing .card:hover .btn-primary-dark button, h4 .blog-listing .card:hover .btn-primary-dark button, .heading-4 .blog-listing .card:hover .btn-primary-dark button, h5 .blog-listing .card:hover .btn-primary-dark button, .heading-5 .blog-listing .card:hover .btn-primary-dark button,h1 .blog-listing .card:hover .btn-primary-dark input[type='submit'], .heading-1 .blog-listing .card:hover .btn-primary-dark input[type='submit'], h2 .blog-listing .card:hover .btn-primary-dark input[type='submit'], .heading-2 .blog-listing .card:hover .btn-primary-dark input[type='submit'], h3 .blog-listing .card:hover .btn-primary-dark input[type='submit'], .heading-3 .blog-listing .card:hover .btn-primary-dark input[type='submit'], h4 .blog-listing .card:hover .btn-primary-dark input[type='submit'], .heading-4 .blog-listing .card:hover .btn-primary-dark input[type='submit'], h5 .blog-listing .card:hover .btn-primary-dark input[type='submit'], .heading-5 .blog-listing .card:hover .btn-primary-dark input[type='submit'],h1 .blog-listing .card:hover .btn-primary-dark input[type='button'], .heading-1 .blog-listing .card:hover .btn-primary-dark input[type='button'], h2 .blog-listing .card:hover .btn-primary-dark input[type='button'], .heading-2 .blog-listing .card:hover .btn-primary-dark input[type='button'], h3 .blog-listing .card:hover .btn-primary-dark input[type='button'], .heading-3 .blog-listing .card:hover .btn-primary-dark input[type='button'], h4 .blog-listing .card:hover .btn-primary-dark input[type='button'], .heading-4 .blog-listing .card:hover .btn-primary-dark input[type='button'], h5 .blog-listing .card:hover .btn-primary-dark input[type='button'], .heading-5 .blog-listing .card:hover .btn-primary-dark input[type='button'] { -webkit-text-fill-color: inherit; } .btn-primary-dark a:hover, .btn-primary-dark button:hover, .btn-primary-dark input[type='submit']:hover, .btn-primary-dark input[type='button']:hover, .blog-listing .card:hover .btn-primary-dark a, .blog-listing .card:hover .btn-primary-dark button, .blog-listing .card:hover .btn-primary-dark input[type='submit'], .blog-listing .card:hover .btn-primary-dark input[type='button'] { background-image: linear-gradient(106deg, #580E83 6.28%, #2A69B2 85.7%); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .btn-primary-dark a:focus-visible, .btn-primary-dark button:focus-visible, .btn-primary-dark input[type='submit']:focus-visible, .btn-primary-dark input[type='button']:focus-visible { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); background-image: none; --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-decoration-color: #200719; text-decoration-style: dotted; text-underline-offset: 4px; outline-style: solid; outline-width: 3px; outline-offset: -3px; outline-color: #3484C3; } .btn-primary-dark a:active, .btn-primary-dark button:active, .btn-primary-dark input[type='submit']:active, .btn-primary-dark input[type='button']:active { background-image: linear-gradient(126deg, #BFE0D7 0%, #AFD7F4 71.11%); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline: 2px solid transparent; outline-offset: 2px; } /* Btn primary-dark - end */ /* Btn secondary - start */ .btn-secondary a, .btn-secondary button, .btn-secondary input[type='submit'], .btn-secondary input[type='button'] { position: relative; z-index: 10; display: flex; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; gap: 0.25rem; text-wrap: nowrap; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 120%; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-secondary a:disabled, .btn-secondary button:disabled, .btn-secondary input[type='submit']:disabled, .btn-secondary input[type='button']:disabled { --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(87 189 229 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { .btn-secondary a, .btn-secondary button, .btn-secondary input[type='submit'], .btn-secondary input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } .small .btn-secondary a,.small .btn-secondary button,.small .btn-secondary input[type='submit'],.small .btn-secondary input[type='button'] { gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 180%; } } .large .btn-secondary a,.large .btn-secondary button,.large .btn-secondary input[type='submit'],.large .btn-secondary input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 180%; } .btn-secondary a, .btn-secondary button, .btn-secondary input[type='submit'], .btn-secondary input[type='button'] { position: relative; z-index: 1; overflow: visible; border-radius: 9999px; background-color: transparent; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: .875rem; font-weight: 700; line-height: 120%; --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-style: solid; outline-width: 2px; outline-offset: -2px; outline-color: #200719; transition-property: color,background-color,outline,-webkit-text-decoration; transition-property: color,background-color,outline,text-decoration; transition-property: color,background-color,outline,text-decoration,-webkit-text-decoration; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-secondary a:disabled, .btn-secondary button:disabled, .btn-secondary input[type='submit']:disabled, .btn-secondary input[type='button']:disabled { cursor: not-allowed; --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .btn-secondary a:hover:disabled, .btn-secondary button:hover:disabled, .btn-secondary input[type='submit']:hover:disabled, .btn-secondary input[type='button']:hover:disabled { --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; } .btn-secondary a:active:disabled, .btn-secondary button:active:disabled, .btn-secondary input[type='submit']:active:disabled, .btn-secondary input[type='button']:active:disabled { --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 1184px) { .btn-secondary a, .btn-secondary button, .btn-secondary input[type='submit'], .btn-secondary input[type='button'] { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } } .btn-secondary a:hover, .btn-secondary button:hover, .btn-secondary input[type='submit']:hover, .btn-secondary input[type='button']:hover, .blog-listing .card:hover .btn-secondary a, .blog-listing .card:hover .btn-secondary button, .blog-listing .card:hover .btn-secondary input[type='submit'], .blog-listing .card:hover .btn-secondary input[type='button'] { background-color: transparent; --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-style: solid; outline-width: 2px; outline-offset: -2px; outline-color: #3D99E0; } .btn-secondary a:focus-visible, .btn-secondary button:focus-visible, .btn-secondary input[type='submit']:focus-visible, .btn-secondary input[type='button']:focus-visible { background-color: transparent; --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-decoration-style: dotted; text-underline-offset: 4px; outline-style: solid; outline-width: 3px; outline-offset: -3px; outline-color: #3D99E0; } .btn-secondary a:active, .btn-secondary button:active, .btn-secondary input[type='submit']:active, .btn-secondary input[type='button']:active { background-color: transparent; --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-width: 2px; outline-offset: -2px; outline-color: #200719; } /* Btn secondary - end */ /* Btn secondary-dark - start */ h1.btn-secondary-dark a, .heading-1.btn-secondary-dark a, h2.btn-secondary-dark a, .heading-2.btn-secondary-dark a, h3.btn-secondary-dark a, .heading-3.btn-secondary-dark a, h4.btn-secondary-dark a, .heading-4.btn-secondary-dark a, h5.btn-secondary-dark a, .heading-5.btn-secondary-dark a,h1 .btn-secondary-dark button, .heading-1 .btn-secondary-dark button, h2 .btn-secondary-dark button, .heading-2 .btn-secondary-dark button, h3 .btn-secondary-dark button, .heading-3 .btn-secondary-dark button, h4 .btn-secondary-dark button, .heading-4 .btn-secondary-dark button, h5 .btn-secondary-dark button, .heading-5 .btn-secondary-dark button,h1 .btn-secondary-dark input[type='submit'], .heading-1 .btn-secondary-dark input[type='submit'], h2 .btn-secondary-dark input[type='submit'], .heading-2 .btn-secondary-dark input[type='submit'], h3 .btn-secondary-dark input[type='submit'], .heading-3 .btn-secondary-dark input[type='submit'], h4 .btn-secondary-dark input[type='submit'], .heading-4 .btn-secondary-dark input[type='submit'], h5 .btn-secondary-dark input[type='submit'], .heading-5 .btn-secondary-dark input[type='submit'],h1 .btn-secondary-dark input[type='button'], .heading-1 .btn-secondary-dark input[type='button'], h2 .btn-secondary-dark input[type='button'], .heading-2 .btn-secondary-dark input[type='button'], h3 .btn-secondary-dark input[type='button'], .heading-3 .btn-secondary-dark input[type='button'], h4 .btn-secondary-dark input[type='button'], .heading-4 .btn-secondary-dark input[type='button'], h5 .btn-secondary-dark input[type='button'], .heading-5 .btn-secondary-dark input[type='button'] { -webkit-text-fill-color: inherit; } .btn-secondary-dark a, .btn-secondary-dark button, .btn-secondary-dark input[type='submit'], .btn-secondary-dark input[type='button'] { position: relative; z-index: 10; display: flex; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; gap: 0.25rem; text-wrap: nowrap; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 120%; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-secondary-dark a:disabled, .btn-secondary-dark button:disabled, .btn-secondary-dark input[type='submit']:disabled, .btn-secondary-dark input[type='button']:disabled { --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(87 189 229 / var(--tw-text-opacity, 1)); } @media (min-width: 1184px) { .btn-secondary-dark a, .btn-secondary-dark button, .btn-secondary-dark input[type='submit'], .btn-secondary-dark input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } .small .btn-secondary-dark a,.small .btn-secondary-dark button,.small .btn-secondary-dark input[type='submit'],.small .btn-secondary-dark input[type='button'] { gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .875rem; padding-bottom: .875rem; font-size: .875rem; line-height: 180%; } } .large .btn-secondary-dark a,.large .btn-secondary-dark button,.large .btn-secondary-dark input[type='submit'],.large .btn-secondary-dark input[type='button'] { gap: 6px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 180%; } .btn-secondary-dark a, .btn-secondary-dark button, .btn-secondary-dark input[type='submit'], .btn-secondary-dark input[type='button'] { position: relative; z-index: 1; overflow: visible; border-radius: 9999px; background-color: transparent; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: .875rem; font-weight: 700; line-height: 120%; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-style: solid; outline-width: 2px; outline-offset: -2px; outline-color: #fff; transition-property: color,background-color,outline,-webkit-text-decoration; transition-property: color,background-color,outline,text-decoration; transition-property: color,background-color,outline,text-decoration,-webkit-text-decoration; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-secondary-dark a:disabled, .btn-secondary-dark button:disabled, .btn-secondary-dark input[type='submit']:disabled, .btn-secondary-dark input[type='button']:disabled { cursor: not-allowed; --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .btn-secondary-dark a:hover:disabled, .btn-secondary-dark button:hover:disabled, .btn-secondary-dark input[type='submit']:hover:disabled, .btn-secondary-dark input[type='button']:hover:disabled { --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; } .btn-secondary-dark a:active:disabled, .btn-secondary-dark button:active:disabled, .btn-secondary-dark input[type='submit']:active:disabled, .btn-secondary-dark input[type='button']:active:disabled { --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(178 178 178 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 1184px) { .btn-secondary-dark a, .btn-secondary-dark button, .btn-secondary-dark input[type='submit'], .btn-secondary-dark input[type='button'] { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; line-height: 120%; } } h1.btn-secondary-dark a:hover, .heading-1.btn-secondary-dark a:hover, h2.btn-secondary-dark a:hover, .heading-2.btn-secondary-dark a:hover, h3.btn-secondary-dark a:hover, .heading-3.btn-secondary-dark a:hover, h4.btn-secondary-dark a:hover, .heading-4.btn-secondary-dark a:hover, h5.btn-secondary-dark a:hover, .heading-5.btn-secondary-dark a:hover,h1 .btn-secondary-dark button:hover, .heading-1 .btn-secondary-dark button:hover, h2 .btn-secondary-dark button:hover, .heading-2 .btn-secondary-dark button:hover, h3 .btn-secondary-dark button:hover, .heading-3 .btn-secondary-dark button:hover, h4 .btn-secondary-dark button:hover, .heading-4 .btn-secondary-dark button:hover, h5 .btn-secondary-dark button:hover, .heading-5 .btn-secondary-dark button:hover,h1 .btn-secondary-dark input[type='submit']:hover, .heading-1 .btn-secondary-dark input[type='submit']:hover, h2 .btn-secondary-dark input[type='submit']:hover, .heading-2 .btn-secondary-dark input[type='submit']:hover, h3 .btn-secondary-dark input[type='submit']:hover, .heading-3 .btn-secondary-dark input[type='submit']:hover, h4 .btn-secondary-dark input[type='submit']:hover, .heading-4 .btn-secondary-dark input[type='submit']:hover, h5 .btn-secondary-dark input[type='submit']:hover, .heading-5 .btn-secondary-dark input[type='submit']:hover,h1 .btn-secondary-dark input[type='button']:hover, .heading-1 .btn-secondary-dark input[type='button']:hover, h2 .btn-secondary-dark input[type='button']:hover, .heading-2 .btn-secondary-dark input[type='button']:hover, h3 .btn-secondary-dark input[type='button']:hover, .heading-3 .btn-secondary-dark input[type='button']:hover, h4 .btn-secondary-dark input[type='button']:hover, .heading-4 .btn-secondary-dark input[type='button']:hover, h5 .btn-secondary-dark input[type='button']:hover, .heading-5 .btn-secondary-dark input[type='button']:hover,h1 .blog-listing .card:hover .btn-secondary-dark a, .heading-1 .blog-listing .card:hover .btn-secondary-dark a, h2 .blog-listing .card:hover .btn-secondary-dark a, .heading-2 .blog-listing .card:hover .btn-secondary-dark a, h3 .blog-listing .card:hover .btn-secondary-dark a, .heading-3 .blog-listing .card:hover .btn-secondary-dark a, h4 .blog-listing .card:hover .btn-secondary-dark a, .heading-4 .blog-listing .card:hover .btn-secondary-dark a, h5 .blog-listing .card:hover .btn-secondary-dark a, .heading-5 .blog-listing .card:hover .btn-secondary-dark a,h1 .blog-listing .card:hover .btn-secondary-dark button, .heading-1 .blog-listing .card:hover .btn-secondary-dark button, h2 .blog-listing .card:hover .btn-secondary-dark button, .heading-2 .blog-listing .card:hover .btn-secondary-dark button, h3 .blog-listing .card:hover .btn-secondary-dark button, .heading-3 .blog-listing .card:hover .btn-secondary-dark button, h4 .blog-listing .card:hover .btn-secondary-dark button, .heading-4 .blog-listing .card:hover .btn-secondary-dark button, h5 .blog-listing .card:hover .btn-secondary-dark button, .heading-5 .blog-listing .card:hover .btn-secondary-dark button,h1 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .heading-1 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], h2 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .heading-2 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], h3 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .heading-3 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], h4 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .heading-4 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], h5 .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .heading-5 .blog-listing .card:hover .btn-secondary-dark input[type='submit'],h1 .blog-listing .card:hover .btn-secondary-dark input[type='button'], .heading-1 .blog-listing .card:hover .btn-secondary-dark input[type='button'], h2 .blog-listing .card:hover .btn-secondary-dark input[type='button'], .heading-2 .blog-listing .card:hover .btn-secondary-dark input[type='button'], h3 .blog-listing .card:hover .btn-secondary-dark input[type='button'], .heading-3 .blog-listing .card:hover .btn-secondary-dark input[type='button'], h4 .blog-listing .card:hover .btn-secondary-dark input[type='button'], .heading-4 .blog-listing .card:hover .btn-secondary-dark input[type='button'], h5 .blog-listing .card:hover .btn-secondary-dark input[type='button'], .heading-5 .blog-listing .card:hover .btn-secondary-dark input[type='button'] { -webkit-text-fill-color: inherit; } .btn-secondary-dark a:hover, .btn-secondary-dark button:hover, .btn-secondary-dark input[type='submit']:hover, .btn-secondary-dark input[type='button']:hover, .blog-listing .card:hover .btn-secondary-dark a, .blog-listing .card:hover .btn-secondary-dark button, .blog-listing .card:hover .btn-secondary-dark input[type='submit'], .blog-listing .card:hover .btn-secondary-dark input[type='button'] { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-style: solid; outline-width: 2px; outline-offset: -2px; outline-color: #3D99E0; } h1.btn-secondary-dark a:focus-visible, .heading-1.btn-secondary-dark a:focus-visible, h2.btn-secondary-dark a:focus-visible, .heading-2.btn-secondary-dark a:focus-visible, h3.btn-secondary-dark a:focus-visible, .heading-3.btn-secondary-dark a:focus-visible, h4.btn-secondary-dark a:focus-visible, .heading-4.btn-secondary-dark a:focus-visible, h5.btn-secondary-dark a:focus-visible, .heading-5.btn-secondary-dark a:focus-visible,h1 .btn-secondary-dark button:focus-visible, .heading-1 .btn-secondary-dark button:focus-visible, h2 .btn-secondary-dark button:focus-visible, .heading-2 .btn-secondary-dark button:focus-visible, h3 .btn-secondary-dark button:focus-visible, .heading-3 .btn-secondary-dark button:focus-visible, h4 .btn-secondary-dark button:focus-visible, .heading-4 .btn-secondary-dark button:focus-visible, h5 .btn-secondary-dark button:focus-visible, .heading-5 .btn-secondary-dark button:focus-visible,h1 .btn-secondary-dark input[type='submit']:focus-visible, .heading-1 .btn-secondary-dark input[type='submit']:focus-visible, h2 .btn-secondary-dark input[type='submit']:focus-visible, .heading-2 .btn-secondary-dark input[type='submit']:focus-visible, h3 .btn-secondary-dark input[type='submit']:focus-visible, .heading-3 .btn-secondary-dark input[type='submit']:focus-visible, h4 .btn-secondary-dark input[type='submit']:focus-visible, .heading-4 .btn-secondary-dark input[type='submit']:focus-visible, h5 .btn-secondary-dark input[type='submit']:focus-visible, .heading-5 .btn-secondary-dark input[type='submit']:focus-visible,h1 .btn-secondary-dark input[type='button']:focus-visible, .heading-1 .btn-secondary-dark input[type='button']:focus-visible, h2 .btn-secondary-dark input[type='button']:focus-visible, .heading-2 .btn-secondary-dark input[type='button']:focus-visible, h3 .btn-secondary-dark input[type='button']:focus-visible, .heading-3 .btn-secondary-dark input[type='button']:focus-visible, h4 .btn-secondary-dark input[type='button']:focus-visible, .heading-4 .btn-secondary-dark input[type='button']:focus-visible, h5 .btn-secondary-dark input[type='button']:focus-visible, .heading-5 .btn-secondary-dark input[type='button']:focus-visible { -webkit-text-fill-color: inherit; } .btn-secondary-dark a:focus-visible, .btn-secondary-dark button:focus-visible, .btn-secondary-dark input[type='submit']:focus-visible, .btn-secondary-dark input[type='button']:focus-visible { --tw-bg-opacity: 1; background-color: rgb(41 8 32 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-decoration-style: dotted; text-underline-offset: 4px; outline-style: solid; outline-width: 3px; outline-offset: -3px; outline-color: #B6D7F5; } h1.btn-secondary-dark a:active, .heading-1.btn-secondary-dark a:active, h2.btn-secondary-dark a:active, .heading-2.btn-secondary-dark a:active, h3.btn-secondary-dark a:active, .heading-3.btn-secondary-dark a:active, h4.btn-secondary-dark a:active, .heading-4.btn-secondary-dark a:active, h5.btn-secondary-dark a:active, .heading-5.btn-secondary-dark a:active,h1 .btn-secondary-dark button:active, .heading-1 .btn-secondary-dark button:active, h2 .btn-secondary-dark button:active, .heading-2 .btn-secondary-dark button:active, h3 .btn-secondary-dark button:active, .heading-3 .btn-secondary-dark button:active, h4 .btn-secondary-dark button:active, .heading-4 .btn-secondary-dark button:active, h5 .btn-secondary-dark button:active, .heading-5 .btn-secondary-dark button:active,h1 .btn-secondary-dark input[type='submit']:active, .heading-1 .btn-secondary-dark input[type='submit']:active, h2 .btn-secondary-dark input[type='submit']:active, .heading-2 .btn-secondary-dark input[type='submit']:active, h3 .btn-secondary-dark input[type='submit']:active, .heading-3 .btn-secondary-dark input[type='submit']:active, h4 .btn-secondary-dark input[type='submit']:active, .heading-4 .btn-secondary-dark input[type='submit']:active, h5 .btn-secondary-dark input[type='submit']:active, .heading-5 .btn-secondary-dark input[type='submit']:active,h1 .btn-secondary-dark input[type='button']:active, .heading-1 .btn-secondary-dark input[type='button']:active, h2 .btn-secondary-dark input[type='button']:active, .heading-2 .btn-secondary-dark input[type='button']:active, h3 .btn-secondary-dark input[type='button']:active, .heading-3 .btn-secondary-dark input[type='button']:active, h4 .btn-secondary-dark input[type='button']:active, .heading-4 .btn-secondary-dark input[type='button']:active, h5 .btn-secondary-dark input[type='button']:active, .heading-5 .btn-secondary-dark input[type='button']:active { -webkit-text-fill-color: inherit; } .btn-secondary-dark a:active, .btn-secondary-dark button:active, .btn-secondary-dark input[type='submit']:active, .btn-secondary-dark input[type='button']:active { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; outline-width: 2px; outline-offset: -2px; outline-color: #fff; } /* Btn secondary-dark - end */ /* Btn underline - start */ .btn-underline a, .btn-underline button, .btn-underline input[type='submit'], .btn-underline input[type='button'] { position: relative; display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 3px; font-weight: 500; --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .btn-underline button, .btn-underline input[type='submit'], .btn-underline input[type='button'] { cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; text-align: left; } .btn-underline a::before, .btn-underline button::before, .btn-underline input[type='submit']::before, .btn-underline input[type='button']::before { position: absolute; bottom: 0px; left: 0px; height: 2px; width: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); content: ''; } .btn-underline a:hover, .btn-underline button:hover, .btn-underline input[type='submit']:hover, .btn-underline input[type='button']:hover, .btn-underline:hover { --tw-text-opacity: 1; color: rgb(128 27 101 / var(--tw-text-opacity, 1)); text-decoration-color: #3D99E0; } .btn-underline a:focus-visible, .btn-underline button:focus-visible, .btn-underline input[type='submit']:focus-visible, .btn-underline input[type='button']:focus-visible, .btn-underline:focus-visible { --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .btn-underline a:focus-visible::before, .btn-underline button:focus-visible::before, .btn-underline input[type='submit']:focus-visible::before, .btn-underline input[type='button']:focus-visible::before, .btn-underline:focus-visible::before { height: 1px; --tw-bg-opacity: 1; background-color: rgb(128 27 101 / var(--tw-bg-opacity, 1)); } .btn-underline a:active, .btn-underline button:active, .btn-underline input[type='submit']:active, .btn-underline input[type='button']:active, .btn-underline:active { --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .btn-underline a:active::before, .btn-underline button:active::before, .btn-underline input[type='submit']:active::before, .btn-underline input[type='button']:active::before, .btn-underline:active::before { height: 2px; --tw-bg-opacity: 1; background-color: rgb(160 34 126 / var(--tw-bg-opacity, 1)); } /* Btn underline - end */ /* C14 blog overview: full-card link; CTA mirrors btn-underline, driven by card hover/focus/active */ .c14-blog-card-link { color: inherit; text-decoration-line: none; outline: 2px solid transparent; outline-offset: 2px; } .c14-blog-card-image { -o-object-position: right center; object-position: right center; } .c14-blog-card-link:focus-visible { outline-style: solid; outline-width: 3px; outline-offset: 2px; outline-color: #B6D7F5; } .c14-blog-card-cta { position: relative; display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 3px; font-weight: 500; --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .c14-blog-card-cta::before { position: absolute; bottom: 0px; left: 0px; height: 2px; width: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); content: ''; } .c14-blog-card-link:hover .c14-blog-card-cta { --tw-text-opacity: 1; color: rgb(128 27 101 / var(--tw-text-opacity, 1)); } .c14-blog-card-link:hover .c14-blog-card-cta::before { --tw-bg-opacity: 1; background-color: rgb(61 153 224 / var(--tw-bg-opacity, 1)); } .c14-blog-card-link:focus-visible .c14-blog-card-cta { --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .c14-blog-card-link:focus-visible .c14-blog-card-cta::before { height: 1px; --tw-bg-opacity: 1; background-color: rgb(128 27 101 / var(--tw-bg-opacity, 1)); } .c14-blog-card-link:active .c14-blog-card-cta { --tw-text-opacity: 1; color: rgb(41 8 32 / var(--tw-text-opacity, 1)); } .c14-blog-card-link:active .c14-blog-card-cta::before { height: 2px; --tw-bg-opacity: 1; background-color: rgb(160 34 126 / var(--tw-bg-opacity, 1)); } .c14-blog-card-cta-icon { display: inline-flex; flex-shrink: 0; transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .c14-blog-card-link:hover .c14-blog-card-cta-icon, .c14-blog-card-link:focus-visible .c14-blog-card-cta-icon, .c14-blog-card-link:active .c14-blog-card-cta-icon { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* C14 blog overview: load more — same wrapper pattern as other C modules (variant on outer div); chevron uses currentColor + nudge down on interaction */ .c14-load-more button .c14-load-more-icon { position: relative; z-index: 1; display: inline-flex; width: 1.25rem; height: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; color: inherit; transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .c14-load-more button .c14-load-more-icon svg, .c14-load-more button .c14-load-more-icon .c14-load-more-chevron-svg { width: 1rem; height: 1rem; flex-shrink: 0; color: inherit; } .c14-load-more button:hover .c14-load-more-icon, .c14-load-more button:focus-visible .c14-load-more-icon, .c14-load-more button:active .c14-load-more-icon { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* C21 Downloads: down-chevron next to btn-underline (lift above ::before underline bar) */ .c21-downloads .btn-underline a .c21-download-link-chevron { position: relative; z-index: 1; display: inline-flex; flex-shrink: 0; color: inherit; } .c21-downloads .btn-underline a .c21-download-link-chevron svg { display: block; width: 1rem; height: 1rem; flex-shrink: 0; color: inherit; } /* Btn underline - dark - start */ h1.btn-underline-dark a, .heading-1.btn-underline-dark a, h2.btn-underline-dark a, .heading-2.btn-underline-dark a, h3.btn-underline-dark a, .heading-3.btn-underline-dark a, h4.btn-underline-dark a, .heading-4.btn-underline-dark a, h5.btn-underline-dark a, .heading-5.btn-underline-dark a,h1 .btn-underline-dark button, .heading-1 .btn-underline-dark button, h2 .btn-underline-dark button, .heading-2 .btn-underline-dark button, h3 .btn-underline-dark button, .heading-3 .btn-underline-dark button, h4 .btn-underline-dark button, .heading-4 .btn-underline-dark button, h5 .btn-underline-dark button, .heading-5 .btn-underline-dark button,h1 .btn-underline-dark input[type='submit'], .heading-1 .btn-underline-dark input[type='submit'], h2 .btn-underline-dark input[type='submit'], .heading-2 .btn-underline-dark input[type='submit'], h3 .btn-underline-dark input[type='submit'], .heading-3 .btn-underline-dark input[type='submit'], h4 .btn-underline-dark input[type='submit'], .heading-4 .btn-underline-dark input[type='submit'], h5 .btn-underline-dark input[type='submit'], .heading-5 .btn-underline-dark input[type='submit'],h1 .btn-underline-dark input[type='button'], .heading-1 .btn-underline-dark input[type='button'], h2 .btn-underline-dark input[type='button'], .heading-2 .btn-underline-dark input[type='button'], h3 .btn-underline-dark input[type='button'], .heading-3 .btn-underline-dark input[type='button'], h4 .btn-underline-dark input[type='button'], .heading-4 .btn-underline-dark input[type='button'], h5 .btn-underline-dark input[type='button'], .heading-5 .btn-underline-dark input[type='button'] { -webkit-text-fill-color: inherit; } .btn-underline-dark a, .btn-underline-dark button, .btn-underline-dark input[type='submit'], .btn-underline-dark input[type='button'] { position: relative; display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 3px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-underline-dark button, .btn-underline-dark input[type='submit'], .btn-underline-dark input[type='button'] { cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; text-align: left; } .btn-underline-dark a::before, .btn-underline-dark button::before, .btn-underline-dark input[type='submit']::before, .btn-underline-dark input[type='button']::before { position: absolute; bottom: 0px; left: 0px; height: 2px; width: 100%; border-radius: 9999px; background-image: linear-gradient(106deg, #580E83 6.28%, #2A69B2 85.7%); content: ''; } .btn-underline-dark a:hover::before, .btn-underline-dark button:hover::before, .btn-underline-dark input[type='submit']:hover::before, .btn-underline-dark input[type='button']:hover::before, .btn-underline-dark:hover::before { --tw-bg-opacity: 1; background-color: rgb(61 153 224 / var(--tw-bg-opacity, 1)); background-image: none; } .btn-underline-dark a:focus-visible::before, .btn-underline-dark button:focus-visible::before, .btn-underline-dark input[type='submit']:focus-visible::before, .btn-underline-dark input[type='button']:focus-visible::before, .btn-underline-dark:focus-visible::before { height: 1px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); background-image: none; } .btn-underline-dark a:active::before, .btn-underline-dark button:active::before, .btn-underline-dark input[type='submit']:active::before, .btn-underline-dark input[type='button']:active::before, .btn-underline-dark:active::before { height: 2px; --tw-bg-opacity: 1; background-color: rgb(223 170 202 / var(--tw-bg-opacity, 1)); background-image: none; } /* Btn underline - dark - end */ /* Btn variants - end */ /* Buttons - end */ /* Dropdowns - start */ /* Nav - start */ #page-navigation.nav-dropdown-open, #page-navigation.nav-mob-open { position: fixed; left: 0; right: 0; top: 0; } /* Lock page scroll while nav mega, mobile menu, or search overlay is open */ html.nav-page-scroll-lock, body.nav-page-scroll-lock { overflow: hidden !important; overscroll-behavior: none; } /* Hide expanded dropdown triggers only (not the hamburger – it toggles icon internally) */ #mob-nav button[aria-expanded='true']:not(.hamburger) { display: none; } #mob-nav button[aria-expanded='false'] + .\!dropdown { display: none; } #mob-nav button[aria-expanded='false'] + .dropdown, #mob-nav button[aria-expanded='false'] + .subdropdown { display: none; } #mob-nav button[aria-expanded='true'] + .\!dropdown { visibility: visible; display: flex; } #mob-nav button[aria-expanded='true'] + .dropdown, #mob-nav button[aria-expanded='true'] + .subdropdown { visibility: visible; display: flex; } /* Desktop - start */ @media (min-width: 1184px) { button[aria-expanded='false'] + .\!dropdown { display: none; } button[aria-expanded='false'] + .dropdown, button[aria-expanded='false'] + .subdropdown { display: none; } button[aria-expanded='true'] + .\!dropdown { visibility: visible; display: flex; } button[aria-expanded='true'] + .dropdown, button[aria-expanded='true'] + .subdropdown { visibility: visible; display: flex; } } /* Desktop nav dropdown chevrons: driven by aria-expanded (not group-open — that only works on
/) */ #page-navigation .nav-btn svg { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } #page-navigation .nav-btn[aria-expanded='true'] svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #bottom-menu-desk button[aria-level='lvl 1'][aria-expanded='true'] { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } #bottom-menu-desk button[aria-level='lvl 1'][aria-expanded='true'] svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #bottom-menu-desk button[aria-level='lvl 1'][aria-expanded='true'] svg path { fill: #200719; } #bottom-menu-desk .item_lvl_1 > a.active { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } .bottom-link.btn-underline::after { height: 28px; } #bottom-menu-desk [aria-level='lvl-2'] > button[aria-expanded='true'] { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } /* Desktop nav: lvl-1 link & dropdown trigger — hover + open use purple panel */ #bottom-menu-desk .item_lvl_1 > a:hover { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } #bottom-menu-desk .item_lvl_1 > .nav-btn:hover { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } #bottom-menu-desk .item_lvl_1 > .nav-btn[aria-expanded='true'] { --tw-bg-opacity: 1; background-color: rgb(240 212 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(32 7 25 / var(--tw-text-opacity, 1)); } #bottom-menu-desk .item_lvl_1 > .nav-btn:hover svg path, #bottom-menu-desk .item_lvl_1 > .nav-btn[aria-expanded='true'] svg path { fill: #200719; } /* Language
: native [open] state (group-open on