.filter-dropdown{position:relative;display:inline-block;width:calc(33% - 0.5rem)}
.filter-dropdown .dropdown-container .dropdown-button{min-width:unset;padding:.5rem}
.filter-dropdown .dropdown-container .dropdown-button:focus{border:1.5px solid #255be3;box-shadow:0 0 0 4px rgba(37,91,227,.2);outline:0}
.filter-dropdown .dropdown-container .dropdown-menu .checkbox-option{min-height:22px;height:auto}
.dropdown-container{position:relative;width:100%}
.dropdown-button{padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-width:150px;font-size:16px;color:#495057;width:100%;padding:.5rem;min-width:18.75rem;max-height:var(--height-h-12,3rem);border-radius:var(--surface-border-radius---radius-s-sm,0.5rem);border:1px solid var(--Modes-grey-03,#d3dadd);background:var(--Modes-Buttons-Fill-bg-rev,#FFF)}
.dropdown-button:hover{border-color:#255be3;outline:0}
.selection-count{background:transparent;color:white;border-radius:12px;font-size:14px;gap:.5rem}
.clear-selection{color:#fff;font-weight:bold;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:12px}
.dropdown-label{flex:1;text-align:left;font-family:'Citi-Sans-Text';font-size:16px;color:#000}
.dropdown-arrow{font-size:12px;color:#6c757d;margin-left:8px}
.dropdown-menu{position:absolute;top:110%;left:0;right:0;background:white;border:1px solid #d3dadd;border-radius:8px;box-shadow:2px 2px 8px rgba(0,0,0,0.3);z-index:1000;max-height:200px;overflow-y:auto}
.filter-listing-content{display:flex;flex-wrap:wrap;position:relative;justify-content:flex-start;gap:1rem}
.dropdown-arrow>svg>g>path{fill:black !important}
.checkbox-option{display:block;padding:8px 16px;margin:0;cursor:pointer;user-select:none}
.checkbox-option:hover{background:#f0f5f7}
.checkbox-option:last-child{border-bottom:0}
.filter-checkbox{margin-right:8px;cursor:pointer}
.checkbox-label{font-size:14px;color:#495057;cursor:pointer;color:var(--Modes-Buttons-Fill-btn-text-rev,#000);font-family:var(--Family-body,"Citi-Sans-Text");font-size:.875rem;line-height:1.5rem}
.dropdown-menu *{pointer-events:auto}
.filter-listing-header{padding:1rem 10rem}
.filter-listing-header .filter-listing-title{color:#000;text-align:center;font-family:Citi-Sans-Display,sans-serif;font-size:44px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:-0.88px;padding-bottom:11px}
.filter-listing-header .filter-listing-description{color:#000;text-align:center;font-family:Citi-Sans-Text,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:150%}
.clear-filters-container{gap:var(--size-paddings-gaps-p-2,8px);position:absolute;bottom:-55px;right:-8px}
.clear-filters-container .clear-filters-btn{color:var(--Modes-Buttons-Text-Only-btn-text,#255BE3);font-family:var(--Family-button-label,"Citi-Sans-Text");font-size:16px;line-height:130%;background:transparent;border:0;display:flex;align-items:center;gap:var(--size-paddings-gaps-p-2,8px);&:focus{background:rgba(0,0,0,.04);border-radius:.3125rem;-webkit-box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #255be3;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #255be3;outline:0}
}
.dropdown-button-selection-count{display:flex;height:24px;align-items:center;border-radius:var(--surface-border-radius---radius-s-xs,4px);background:var(--Modes-Buttons-Fill-btn-bg,#255be3);color:#fff;align-items:center}
.checkbox-option{display:flex;height:22px;padding:var(--py-2,8px) var(--px-2,8px);align-items:center;gap:var(--gap-2,8px)}
.checkbox-option .filter-checkbox{width:20px;height:20px;max-width:20px;min-width:20px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #696565;cursor:pointer;border-radius:5px}
.checkbox-option .filter-checkbox:checked{background-color:#255be3;color:#fff;border:0}
.checkbox-option input+svg{display:none}
.checkbox-option input:checked+svg{position:absolute;display:block}
.filter-listing-content-title{color:var(--Modes-text,#000);font-family:Citi-Sans-Text,sans-serif;font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;padding:.9375rem 0;margin-top:29px}
.keyword-search-box{display:flex;max-height:2.5rem;padding:8px;border-radius:.5rem;border:1px solid var(--Modes-grey-03,#d3dadd);background:white}
.keyword-search-box>input{border:0;background:transparent;text-indent:0;width:100%;font-size:16px;font-family:'Citi-Sans-Text';outline:0}
.keyword-search-box:focus-within{border:1.5px solid #255be3;box-shadow:0 0 0 4px rgba(37,91,227,.2)}
.keyword-search-box:hover{border:1.5px solid #a4acaf}
.keyword-search-box:active,.keyword-search-box:active:hover{border:1.5px solid #255be3}
.client-stories-results-container{min-height:600px;margin-bottom:6rem}
.client-stories-results .stories-grid{display:flex;flex-wrap:wrap;gap:4rem 2rem}
.client-stories-results .story-card{width:50%;box-sizing:border-box}
.client-stories-results .story-card .kaltura-video-container{aspect-ratio:1 / 1;height:unset !important;max-height:29.375rem}
.client-stories-results .story-card .kaltura-video-container:focus-visible{outline:3px solid #255be3 !important;outline-offset:2px !important;background-color:hsla(0,0,100%,.9) !important;box-shadow:0 0 0 1px #000,0 0 0 3px #255be3,inset 0 0 0 1px #fff !important;border-radius:4px !important}
.client-stories-results .story-card .kaltura-video-container img{aspect-ratio:1 / 1;max-height:29.375rem}
.client-stories-results img.story-img{width:100%;border-radius:1rem;max-height:29.375rem;aspect-ratio:1 / 1;object-fit:cover}
.client-stories-results h3.story-title-heading{display:flex;align-items:flex-start;justify-content:space-between;font-family:Citi-Sans-Display,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:-0.64px;margin-top:2.5rem}
.client-stories-results h3.story-title-heading a{align-self:flex-start;width:48px;height:18px;margin-top:10px}
.client-stories-results h3.story-title-heading a:focus{outline:2px solid #255be3 !important;outline-offset:2px !important;border-radius:4px !important;background:#e6f0ff !important;box-shadow:0 0 0 2px #e6f0ff !important;z-index:2}
.client-stories-results p.story-description{font-family:Citi-Sans-Text,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}
.client-stories-results .story-learn-more-link{color:#255be3;font-family:"Citi-Sans-Text";font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:0 10px;line-height:130%;padding:2px 4px;padding-left:0}
.client-stories-results .story-learn-more-link:focus{display:inline-flex !important;border-radius:4px;background:rgba(0,0,0,0.04);background-color:rgba(0,0,0,0.04);box-shadow:0 0 0 2px #FFF,0 0 0 6px #255be3 !important}
.client-stories-results .story-learn-more-link:hover svg{transform:translateX(6px);transition:transform .2s ease-out}
.client-stories-results .story-learn-more-link:focus-visible{outline:-webkit-focus-ring-color auto 1px;width:fit-content}
.client-stories-results p.results-info{color:#2b303b;font-family:"Citi-Sans-Text";font-size:1rem;margin:2rem 0 4rem}
#start-count,#end-count,#total-count{padding:0 3px}
.pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem;font-family:"Citi-Sans-Text"}
.client-stories-results .pagination-container{gap:2rem}
.pagination-btn:disabled{opacity:.3}
.pagination-btn{border-radius:var(--Modes-Buttons-border-radius,9999px);border:1px solid var(--Modes-Buttons-Outline-stroke-alt,#255be3);display:flex;width:3.5rem;height:3.5rem;justify-content:center;align-items:center;color:#255be3;fill:#255be3;background-color:transparent;transition:background-color .2s ease}
.pagination-btn{&.active{background:#255be3;color:#fff;fill:#fff;border-radius:50%}
&:not(.active):hover,&:not(:focus):hover{background:#255be3;color:#fff;border-radius:50%;fill:#fff}
&:focus{border-radius:50%;background:#fff;color:#255be3;border:1px solid #255be3;box-shadow:0 0 0 1px #fff,0 0 0 4px #255be3}
&:focus-visible{outline:0;border-radius:50%}
&:active{color:#fff;fill:#fff;border:1px solid #255be3}
}
.pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:4rem auto 0rem;padding-bottom:2rem}
.pagination-numbers{display:flex;flex-wrap:nowrap}
.pagination-number{width:2.3125rem;height:2.3125rem;border-radius:var(--size-paddings-gaps-p-5,1.25rem);background:#fff;border:0;transition:background-color .2s ease}
.pagination-number.active{border-radius:var(--size-paddings-gaps-p-5,20px);background:var(--Modes-Tab-bg-active,#255be3);color:#fff;transition:background-color .2s ease}
.pagination-number{&:not(.active):hover{background:#f0f5f7;color:#000}
}
.pagination-number.active+.ellipsis{margin-left:8px}
.ellipsis+.pagination-number.active{margin-right:8px}
.ellipsis+.pagination-number{margin-left:8px}
.no-results{border-radius:var(--Size-Surface-border-radius---radius-s-xxl,32px);background:var(--Modes-Nav-bg-level-1,#f0f5f7);padding:2.625rem 2rem 3rem;margin:6rem auto}
.no-results p{color:var(--Modes-text,#000);font-family:"Citi-Sans-Display",sans-serif;font-style:normal;font-size:28px;line-height:130%;font-weight:400;letter-spacing:-0.02em;margin-top:0;margin-bottom:1.75rem}
.no-results-list p,.no-results-list div{color:var(--Modes-text,#000);font-family:var(--Family-body,"Citi-Sans-Display");font-size:20px;font-weight:700;line-height:150%}
.no-results-list{padding:0;margin:0}
.no-results-list ul{display:flex;width:100%;flex-wrap:wrap;gap:.75rem;margin:0}
.no-results-list ul>li{color:var(--Modes-text,#000);font-family:Citi-Sans-Text,sans-serif;font-size:18px;line-height:150%;width:100%}
.no-results-list ul>li::marker{color:#255be3;font-size:24px}
html,body{&:has(.kaltura-video-modal-overlay){overflow:hidden}
}
.kaltura-video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.kaltura-video-modal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:90%;max-width:1140px;max-height:90vh;background:transparent;border-radius:8px;overflow:hidden;transform:scale(0.8);transition:transform .3s ease;z-index:1000;margin-bottom:0}
.ad-icon-container-k{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;background:transparent;min-height:40px;width:90%;max-width:1140px}
.ad-icon-container-k a:focus{outline:2px solid #1976d2;outline-offset:2px;box-shadow:0 0 0 2px rgba(25,118,210,0.2)}
@media screen and (max-width:767px){.kaltura-video-modal-container,.ad-icon-container-k{width:100%;max-width:100%}
}
@media(max-width:767px){.kaltura-video-modal-overlay{position:relative}
.page-client-story .kaltura-video-modal-overlay{position:fixed}
.kaltura-video-modal-close{position:absolute;right:12px;top:12px;z-index:10}
}
.kaltura-video-modal-close{position:absolute;top:15px;right:20px;background:#255BE3;border:0;border-radius:50%;width:48px;height:48px;font-size:24px;font-weight:bold;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;color:#FFF;transition:all .2s ease;outline:0;&:hover{background-color:#233faa}
&:focus{border-radius:var(--Modes-Buttons-border-radius,9999px);background:var(--Modes-Buttons-Fill-btn-bg,#255be3);box-shadow:0 0 0 2px #FFF,0 0 0 6px #255be3}
&:active{background:linear-gradient(0,rgba(0,0,0,0.20) 0,rgba(0,0,0,0.20) 100%),#255be3}
}
.kaltura-video-player-container{width:100%;height:0;padding-bottom:56.25%;position:relative}
.kaltura-video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
span.selected-value{background:#255be3;display:inline-flex;align-items:center;padding:4px;border-radius:5px;width:fit-content;height:16px}
.number-value{display:flex;gap:.5rem}
span.selected-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:70px;display:inline-block;padding:0;font-family:'Citi-Sans-Text'}
.pagination-next svg,.pagination-prev svg{pointer-events:none;background:transparent}
@media screen and (min-width:768px){.desktop-search-width{width:calc(33% - 0.5rem)}
.desktop-display{display:block}
.mobile-display{display:none}
.keyword-search-box>svg>path{fill:black}
}
@media screen and (min-width:991px) and (max-width:1199px){.filter-dropdown{width:calc(50% - 0.5rem)}
.desktop-search-width{width:calc(50% - 0.5rem)}
}
@media screen and (min-width:768px) and (max-width:990px){.filter-dropdown{width:calc(50% - 0.5rem)}
.desktop-search-width{width:calc(50% - 0.5rem)}
}
@media screen and (min-width:768px){.client-story-filter{padding:0 0 0 2rem !important}
.filter-main-container{display:block !important}
.filter-listing-mobile-overlay{display:none !important}
.filter-listing-header{margin-right:2rem}
}
.client-story-filter .filter-listing-mobile-overlay:focus{border-radius:var(--Modes-Buttons-border-radius,624.9375rem);outline:3px solid #255be3 !important;outline-offset:2px !important}
@media screen and (max-width:767px){.client-stories-results .story-card{width:100% !important}
.results-info,.clear-filters-container{display:none}
.dropdown-label{flex:1;text-align:left;font-feature-settings:'liga' off,'clig' off;font-family:'Citi-Sans-Text';font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#fff}
.clear-filters-container{bottom:-3.5rem;width:100%;.clear-filters-btn{justify-content:center;margin:0 auto;color:var(--Modes-Buttons-Text-Only-btn-text,#73C2FC);svg g path{fill:var(--Modes-Buttons-Text-Only-btn-text,#73c2fc)}
&:focus{background:rgba(0,0,0,.04);border-radius:4px;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 6px #73c2fc !important;box-shadow:0 0 0 2px #fff,0 0 0 6px #73c2fc !important;outline:0}
}
}
.filter-listing-mobile-menu{display:flex;align-items:center;justify-content:center;color:#255be3;gap:.5rem;font-family:'Citi-Sans-Text';cursor:pointer;background:#fff;border-radius:var(--Modes-Buttons-border-radius,624.9375rem);border:1px solid var(--Modes-Buttons-Outline-stroke,#255be3);padding:var(--size-paddings-gaps-p-3,0.75rem) var(--size-paddings-gaps-p-5,1.25rem) var(--size-paddings-gaps-p-3,0.75rem) var(--size-paddings-gaps-p-6,1.5rem);outline:0}
.filter-listing-content-mobile:has(.active),.filter-listing-mobile-menu:hover{background-color:#255be3;color:#fff}
.filter-listing-content-mobile:has(.active),.filter-listing-mobile-menu:focus{box-shadow:0 0 0 2px #FFF,0 0 0 6px #255be3;border-radius:624.9375rem;border:1px solid #255be3}
.filter-listing-content-mobile:has(.active),.filter-listing-mobile-menu:active{background:linear-gradient(0,rgba(0,0,0,0.20) 0,rgba(0,0,0,0.20) 100%),#255be3;color:#fff}
.filter-listing-content-mobile:has(.active) svg g path,.filter-listing-mobile-menu:hover svg g path{fill:white}
.filter-listing-content-mobile svg g path,.filter-listing-mobile-menu svg g path{fill:#255be3}
.filter-listing-content-mobile{display:block !important;margin-bottom:3rem}
.filter-listing-mobile-menu{display:flex !important}
.filter-listing-header{padding:1rem 0}
.filter-listing-content-title{margin-top:0;padding-top:0}
.mobile-display{display:block}
.desktop-display{display:none}
.filter-main-container{background:#0f1632;padding:1rem 1rem 3.5rem;border-radius:1.25rem;margin-bottom:4rem;padding-bottom:5rem;position:fixed;z-index:9999;top:25%;width:calc(100% - 5rem);max-width:497px;top:5rem}
.filter-main-container:before{content:'';left:0;top:0;background:transparent;height:100vh;width:100vw;position:fixed}
.filter-listing-mobile-overlay{position:absolute;background:transparent;inset:0;z-index:10}
.client-story-filter{padding:0 !important}
.mobile-filter-title-wrapper{position:relative;display:flex;justify-content:space-between;margin-bottom:2rem}
.mobile-filter-title{font-family:'Citi-Sans-Display';font-size:24px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-0.48px;color:#fff}
.csf-desktop-search-and-clear-btn.desktop-search-width{width:98%}
.keyword-search-box{background:transparent;border:1px solid #a4a4a4;align-items:center;margin-bottom:0;width:calc(100% - 26px);padding:12px;margin-left:3px}
.keyword-search-box:focus-within{border:1.5px solid #73c2fc;box-shadow:0 0 0 4px rgba(37,91,227,.2)}
.keyword-search-box:hover{border:1.5px solid #73c2fc}
.keyword-search-box:active{border:1.5px solid #73c2fc}
.keyword-search-box>input{border:0;background:transparent;text-indent:0;outline:0;width:100%;font-size:16px;font-family:'Citi-Sans-Text';color:#fff;padding-left:5px}
.keyword-search-box>svg>path{fill:white}
.clear-filters-mobile-container>.clear-mobile-close-btn>svg>g>path{fill:white}
.clear-filters-mobile-container{position:absolute;top:0;right:0}
.clear-filters-mobile-container>.clear-mobile-close-btn{border-radius:9999px;border:1px solid #fff;width:32px;height:32px;text-align:center;background:0;cursor:pointer;&:hover{background-color:#233faa}
&:focus{border-radius:var(--Modes-Buttons-border-radius,9999px);background:var(--Modes-Buttons-Fill-btn-bg,#255be3);box-shadow:0 0 0 2px #FFF,0 0 0 6px #255be3;outline:0}
&:active{background:linear-gradient(0,rgba(0,0,0,0.20) 0,rgba(0,0,0,0.20) 100%),#255be3}
}
.filter-listing-mobile{border-radius:1.25rem;background:#0f1632;margin:0;padding-bottom:0;text-align:left;align-items:flex-start;display:flex;justify-content:space-between;flex-direction:row}
.filter-dropdown{width:98%;order:2;margin:auto}
.filter-dropdown .dropdown-container .dropdown-button{border-radius:8px;min-width:unset;padding:.75rem;background:0;outline:0;color:#fff}
.filter-dropdown .dropdown-container .dropdown-button:focus{border:1.5px solid #73c2fc;box-shadow:0 0 0 4px rgba(37,91,227,.2)}
.filter-dropdown .dropdown-container .dropdown-menu .checkbox-option{min-height:22px;height:auto;padding-left:12px;padding-right:12px;display:inline-flex;width:-webkit-fill-available;align-items:center;-webkit-tap-highlight-color:transparent}
.dropdown-arrow>svg>g>path{fill:white !important}
.checkbox-option .filter-checkbox:checked{background-color:#73c2fc !important}
.checkbox-option:hover{background:rgba(255,255,255,0.08)}
.checkbox-tick-path{stroke:black !important}
.dropdown-menu{background:#0f1632;border:1px solid #a4a4a4}
.dropdown-button:hover{border-color:#73c2fc}
.checkbox-label{color:#d3dadd;font-feature-settings:'liga' off,'clig' off;font-family:'Citi-Sans-Text';font-size:16px;font-style:normal;font-weight:400;line-height:24px}
}
@media(max-width:413px){.pagination-btn{width:3rem;height:3rem}
}
body.client-story-overlay-active::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.25);z-index:1000;width:100vw;height:100vh}
.client-stories-results{scroll-margin-top:100px}
@media screen and (max-width:767){.kaltura-video-modal-container{margin:auto;height:100vh;max-height:100% !important;border-radius:0;align-items:center;display:flex}
}
@media screen and (min-width:992px) and (max-width:1199px){.kaltura-video-modal-container{max-width:58rem;box-sizing:border-box;width:calc(100% - 5rem)}
}
@media screen and (min-width:1900px){.kaltura-video-modal-container{max-width:85.375rem}
}
@media screen and (min-width:768px) and (max-width:991px){.kaltura-video-modal-container{max-width:45rem;box-sizing:border-box}
}